@divami-artefacts/ai-design-system 1.0.47 → 1.0.49

package/dist/index.js

@@ -22,36 +22,68 @@ var u = {
 	green: "#5DA537",
 	purple: "#818FF8",
 	amber: "#EEBF3B",
+	teal: "#69DFE9",
+	tealDark: "#00818F",
 	t1: "#F7F9FA",
 	t2: "#B3B5B6",
 	t3: "#94979C",
 	t4: "#334155"
-}, d = [
+}, d = {
+	teal: ["#00818F", "#69DFE9"],
+	violet: ["#5B3CB1", "#C8B6F3"],
+	mint: ["#27837A", "#81E8CE"],
+	magenta: ["#8732A7", "#E7A1F0"],
+	sky: ["#0068BE", "#8EC2F6"],
+	blue: ["#084CF0", "#8BA9FF"],
+	purple: ["#5C42B8", "#9DA5FD"],
+	royal: ["#2556C8", "#A9B1F8"],
+	success: ["#58B21C", "#97F558"],
+	warning: ["#FFD974", "#E4AA0D"],
+	error: ["#EC8C42", "#E46A0D"]
+}, f = {
+	teal: "#69DFE9",
+	violet: "#C8B6F3",
+	mint: "#81E8CE",
+	magenta: "#E7A1F0",
+	sky: "#0068BE",
+	blue: "#084CF0",
+	purple: "#5C42B8",
+	royal: "#2556C8",
+	success: "#58B21C",
+	warning: "#E4AA0D",
+	error: "#E46A0D"
+}, p = [
 	u.blue,
 	u.amber,
 	u.purple,
 	u.green,
 	u.red
-], f = {
+], m = [
+	u.teal,
+	u.purple,
+	u.amber,
+	u.blue,
+	u.green
+], h = {
 	font: "400 16px 'Satoshi Variable', 'DM Sans', sans-serif",
 	color: "#F7F7F7",
 	letterSpacing: "0px"
-}, p = {
+}, g = {
 	font: "500 16px 'Satoshi Variable', 'DM Sans', sans-serif",
 	color: "#F7F7F7"
-}, m = {
+}, _ = {
 	font: "400 18px 'Satoshi Variable', 'DM Sans', sans-serif",
 	color: "#B3B5B6",
 	letterSpacing: "0px"
 };
-function h(e, t = 1) {
+function v(e, t = 1) {
 	let n = e.replace("#", "");
 	return `rgba(${parseInt(n.substring(0, 2), 16)},${parseInt(n.substring(2, 4), 16)},${parseInt(n.substring(4, 6), 16)},${t})`;
 }
-function g(e, t, n) {
+function y(e, t, n) {
 	return e + (t - e) * n;
 }
-function _(e, t, n) {
+function b(e, t, n) {
 	let r = (e) => {
 		let t = e.replace("#", "");
 		return [
@@ -61,34 +93,34 @@ function _(e, t, n) {
 		];
 	}, [i, a, o] = r(e), [s, c, l] = r(t), u = (e) => Math.max(0, Math.min(255, Math.round(e)));
 	return [
-		u(g(i, s, n)),
-		u(g(a, c, n)),
-		u(g(o, l, n))
+		u(y(i, s, n)),
+		u(y(a, c, n)),
+		u(y(o, l, n))
 	].map((e) => e.toString(16).padStart(2, "0")).join("").replace(/^/, "#");
 }
-function v(e, t, n, r = 2) {
+function x(e, t, n, r = 2) {
 	e.width = t * r, e.height = n * r;
 	let i = e.getContext("2d");
 	return i.scale(r, r), i;
 }
-function y(e, t, n, r, i, a = .3) {
+function S(e, t, n, r, i, a = .3) {
 	let o = e.createRadialGradient(t, n, 0, t, n, r);
-	o.addColorStop(0, h(i, a)), o.addColorStop(1, h(i, 0)), e.fillStyle = o, e.beginPath(), e.arc(t, n, r, 0, Math.PI * 2), e.fill();
+	o.addColorStop(0, v(i, a)), o.addColorStop(1, v(i, 0)), e.fillStyle = o, e.beginPath(), e.arc(t, n, r, 0, Math.PI * 2), e.fill();
 }
-function b(e, t, n, r, i = 50, a = h(u.blue, .05)) {
+function C(e, t, n, r, i = 50, a = v(u.blue, .05)) {
 	for (let o = 0; o < i; o++) e.beginPath(), e.arc((Math.sin(r * .001 + o * 23) * .5 + .5) * t, (Math.cos(r * 8e-4 + o * 37) * .5 + .5) * n, .6, 0, Math.PI * 2), e.fillStyle = a, e.fill();
 }
-function x(e, t, n, r, i = .015) {
+function w(e, t, n, r, i = .015) {
 	e.fillStyle = `rgba(0,0,0,${i})`;
 	let a = r * .5 % 6;
 	for (let r = a; r < n; r += 3) e.fillRect(0, r, t, 1);
 }
-function S(e, t, n, r, i = h(u.t1, .08)) {
+function T(e, t, n, r, i = v(u.t1, .08)) {
 	e.strokeStyle = i, e.lineWidth = 1, e.setLineDash([3, 3]), e.beginPath(), e.moveTo(t, n), e.lineTo(t, r), e.stroke(), e.setLineDash([]);
 }
 //#endregion
 //#region src/canvas/CanvasTooltip.tsx
-function C({ visible: e, x: t, y: n, content: i, parentW: o, parentH: l }) {
+function E({ visible: e, x: t, y: n, content: i, parentW: o, parentH: l }) {
 	let d = a(null);
 	if (r(() => {
 		let r = d.current;
@@ -161,7 +193,7 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o, parentH: l }) {
 }
 //#endregion
 //#region src/canvas/useCanvasInteraction.ts
-function w(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
+function D(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 	let l = a({
 		x: -1,
 		y: -1,
@@ -231,14 +263,14 @@ function w(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 		hitZonesRef: d
 	};
 }
-function T(e, t, n, r, i, a) {
+function O(e, t, n, r, i, a) {
 	e.push({
 		id: t,
 		data: a,
 		test: (e, t) => (e - n) ** 2 + (t - r) ** 2 <= i * i
 	});
 }
-function E(e, t, n, r, i, a, o) {
+function k(e, t, n, r, i, a, o) {
 	e.push({
 		id: t,
 		data: o,
@@ -247,14 +279,14 @@ function E(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/canvas/easing.ts
-var D = (e) => 1 - (1 - e) ** 3, O = (e) => 1 - (1 - e) ** 4, k = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), A = (e) => {
+var A = (e) => 1 - (1 - e) ** 3, j = (e) => 1 - (1 - e) ** 4, M = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), N = (e) => {
 	let t = 1.70158;
 	return 1 + (t + 1) * (e - 1) ** 3 + t * (e - 1) ** 2;
-}, j = (e, t = .04, n = .001) => Math.sin(e * t) * Math.exp(-Math.min(e * n, 4)), M = (e, t, n, r = D) => {
+}, P = (e, t = .04, n = .001) => Math.sin(e * t) * Math.exp(-Math.min(e * n, 4)), F = (e, t, n, r = A) => {
 	let i = Math.min(.06, .5 / n), a = t * i, o = 1 - (n - 1) * i;
 	return r(Math.max(0, Math.min((e - a) / o, 1)));
 };
-function N(e, t, n = .12) {
+function I(e, t, n = .12) {
 	e.forEach((r, i) => {
 		let a = i === t ? 1 : 0, o = r + (a - r) * n;
 		Math.abs(o - a) < .005 ? a === 0 ? e.delete(i) : e.set(i, 1) : e.set(i, o);
@@ -262,66 +294,66 @@ function N(e, t, n = .12) {
 }
 //#endregion
 //#region src/components/common/SeriesChart.tsx
-var P = 760, F = 250;
-function ee({ rows: e = [], variant: t, className: r, colors: i }) {
-	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), { mouseRef: p, hoveredRef: m, tooltip: g, hitZonesRef: _ } = w(o, {
-		width: P,
-		height: F
+var L = 760, ee = 250;
+function te({ rows: e = [], variant: t, className: r, colors: i }) {
+	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), { mouseRef: p, hoveredRef: m, tooltip: h, hitZonesRef: g } = D(o, {
+		width: L,
+		height: ee
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = v(n, P, F);
+		let r = x(n, L, ee);
 		f.current = 0;
-		let a = i?.line ?? u.blue, s = i?.point ?? u.blue, c = i?.axisLine ?? u.bd, l = i?.areaFill ?? u.blue, g = {
+		let a = i?.line ?? u.blue, s = i?.point ?? u.blue, c = i?.axisLine ?? u.bd, l = i?.areaFill ?? u.blue, h = {
 			top: 24,
 			right: 24,
 			bottom: 44,
 			left: 24
-		}, b = P - g.left - g.right, x = F - g.top - g.bottom, C, w = () => {
+		}, _ = L - h.left - h.right, y = ee - h.top - h.bottom, b, C = () => {
 			f.current++;
 			let n = f.current;
-			if (r.clearRect(0, 0, P, F), e.length < 2) {
-				C = requestAnimationFrame(w);
+			if (r.clearRect(0, 0, L, ee), e.length < 2) {
+				b = requestAnimationFrame(C);
 				return;
 			}
-			let i = e.map((e) => e.pricing ?? 0), o = Math.max(100, ...i), v = (t) => g.left + t / (e.length - 1) * b, E = (e) => g.top + (1 - e / o) * x, D = k(Math.min(n / 48, 1)), O = Math.max(2, Math.floor(D * e.length));
-			N(d.current, m.current), _.current = [], r.strokeStyle = h(u.bd, .2), r.lineWidth = .5;
+			let i = e.map((e) => e.pricing ?? 0), o = Math.max(100, ...i), x = (t) => h.left + t / (e.length - 1) * _, w = (e) => h.top + (1 - e / o) * y, E = M(Math.min(n / 48, 1)), D = Math.max(2, Math.floor(E * e.length));
+			I(d.current, m.current), g.current = [], r.strokeStyle = v(u.bd, .2), r.lineWidth = .5;
 			for (let e = 0; e <= 4; e++) {
-				let t = g.top + e / 4 * x;
-				r.beginPath(), r.moveTo(g.left, t), r.lineTo(g.left + b, t), r.stroke();
+				let t = h.top + e / 4 * y;
+				r.beginPath(), r.moveTo(h.left, t), r.lineTo(h.left + _, t), r.stroke();
 			}
-			if (r.strokeStyle = h(c, .4), r.lineWidth = 1, r.setLineDash([]), r.beginPath(), r.moveTo(g.left, E(0)), r.lineTo(g.left + b, E(0)), r.stroke(), p.current.over && m.current) {
+			if (r.strokeStyle = v(c, .4), r.lineWidth = 1, r.setLineDash([]), r.beginPath(), r.moveTo(h.left, w(0)), r.lineTo(h.left + _, w(0)), r.stroke(), p.current.over && m.current) {
 				let e = parseInt(m.current.split("-")[1]);
-				isNaN(e) || S(r, v(e), g.top, g.top + x);
+				isNaN(e) || T(r, x(e), h.top, h.top + y);
 			}
-			if (t === "area" && O > 1) {
-				let t = r.createLinearGradient(0, g.top, 0, g.top + x);
-				t.addColorStop(0, h(l, .12)), t.addColorStop(1, h(l, 0)), r.fillStyle = t, r.beginPath(), r.moveTo(v(0), g.top + x);
-				for (let t = 0; t < O; t++) r.lineTo(v(t), E(e[t].pricing ?? 0));
-				r.lineTo(v(O - 1), g.top + x), r.closePath(), r.fill();
+			if (t === "area" && D > 1) {
+				let t = r.createLinearGradient(0, h.top, 0, h.top + y);
+				t.addColorStop(0, v(l, .12)), t.addColorStop(1, v(l, 0)), r.fillStyle = t, r.beginPath(), r.moveTo(x(0), h.top + y);
+				for (let t = 0; t < D; t++) r.lineTo(x(t), w(e[t].pricing ?? 0));
+				r.lineTo(x(D - 1), h.top + y), r.closePath(), r.fill();
 			}
-			if (O > 1) {
-				r.strokeStyle = h(a, .85), r.lineWidth = 2, r.setLineDash([]), r.beginPath();
-				for (let t = 0; t < O; t++) {
-					let n = v(t), i = E(e[t].pricing ?? 0);
+			if (D > 1) {
+				r.strokeStyle = v(a, .85), r.lineWidth = 2, r.setLineDash([]), r.beginPath();
+				for (let t = 0; t < D; t++) {
+					let n = x(t), i = w(e[t].pricing ?? 0);
 					t === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
 				}
 				r.stroke();
 			}
-			for (let i = 0; i < O; i++) {
-				let a = v(i), o = E(e[i].pricing ?? 0), c = `sc-${i}`, l = d.current.get(c) ?? 0, f = i === e.length - 1;
-				T(_.current, c, a, o, 12, {
+			for (let i = 0; i < D; i++) {
+				let a = x(i), o = w(e[i].pricing ?? 0), c = `sc-${i}`, l = d.current.get(c) ?? 0, f = i === e.length - 1;
+				O(g.current, c, a, o, 12, {
 					label: e[i].vendor,
 					value: String(e[i].pricing ?? 0),
 					color: f ? u.red : s
-				}), l > 0 && y(r, a, o, 16 * l, s, .2 * l);
-				let p = f ? j(n, .05, 5e-4) : 0, m = t === "area" ? 5 : 6;
-				f ? (r.shadowColor = h(u.red, .5), r.shadowBlur = (8 + p * 4) * (1 + l * .5), r.fillStyle = u.red, r.beginPath(), r.arc(a, o, (m + p * 1.5) * (1 + l * .3), 0, Math.PI * 2), r.fill(), r.shadowBlur = 0) : (r.fillStyle = h(s, .7 + l * .3), r.beginPath(), r.arc(a, o, m + l * 2, 0, Math.PI * 2), r.fill()), r.font = "10px 'JetBrains Mono', monospace", r.fillStyle = h(u.t3, .6 + l * .3), r.textAlign = "center", r.fillText(e[i].vendor, a, F - 14);
+				}), l > 0 && S(r, a, o, 16 * l, s, .2 * l);
+				let p = f ? P(n, .05, 5e-4) : 0, m = t === "area" ? 5 : 6;
+				f ? (r.shadowColor = v(u.red, .5), r.shadowBlur = (8 + p * 4) * (1 + l * .5), r.fillStyle = u.red, r.beginPath(), r.arc(a, o, (m + p * 1.5) * (1 + l * .3), 0, Math.PI * 2), r.fill(), r.shadowBlur = 0) : (r.fillStyle = v(s, .7 + l * .3), r.beginPath(), r.arc(a, o, m + l * 2, 0, Math.PI * 2), r.fill()), r.font = "10px 'JetBrains Mono', monospace", r.fillStyle = v(u.t3, .6 + l * .3), r.textAlign = "center", r.fillText(e[i].vendor, a, ee - 14);
 			}
-			C = requestAnimationFrame(w);
+			b = requestAnimationFrame(C);
 		};
-		return w(), () => cancelAnimationFrame(C);
+		return C(), () => cancelAnimationFrame(b);
 	}, [
 		e,
 		t,
@@ -331,31 +363,31 @@ function ee({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: P,
-				height: F
+				width: L,
+				height: ee
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: P,
-					height: F,
+					width: L,
+					height: ee,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(C, {
-				...g,
-				parentW: P,
-				parentH: F
+			}), /* @__PURE__ */ s(E, {
+				...h,
+				parentW: L,
+				parentH: ee
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/areaChart/AreaChart.tsx
-function te({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(ee, {
+function ne({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(te, {
 		rows: e,
 		variant: "area",
 		className: t,
@@ -364,76 +396,76 @@ function te({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/barChart/BarChart.tsx
-var ne = 760, re = 280;
-function ie({ rows: e = [], className: t, colors: r }) {
-	let i = a(null), o = a(/* @__PURE__ */ new Map()), f = a(0), { hoveredRef: p, tooltip: m, hitZonesRef: g } = w(i, {
-		width: ne,
-		height: re
+var re = 760, ie = 280;
+function ae({ rows: e = [], className: t, colors: r }) {
+	let i = a(null), o = a(/* @__PURE__ */ new Map()), d = a(0), { hoveredRef: f, tooltip: m, hitZonesRef: h } = D(i, {
+		width: re,
+		height: ie
 	});
 	return n(() => {
 		let t = i.current;
 		if (!t) return;
-		let n = v(t, ne, re);
-		f.current = 0;
-		let a = r?.bars ?? d, s = r?.axisLine ?? u.bd, c = r?.valueLabel ?? u.t2, l = {
+		let n = x(t, re, ie);
+		d.current = 0;
+		let a = r?.bars ?? p, s = r?.axisLine ?? u.bd, c = r?.valueLabel ?? u.t2, l = {
 			top: 24,
 			right: 24,
 			bottom: 56,
 			left: 24
-		}, m = re - l.top - l.bottom, _ = (ne - l.left - l.right) / Math.max(e.length, 1), b = Math.max(100, ...e.map((e) => e.pricing ?? 0)), x = l.top + m, S, C = () => {
-			f.current++;
-			let t = f.current;
-			n.clearRect(0, 0, ne, re);
-			let r = O(Math.min(t / 48, 1));
-			N(o.current, p.current), g.current = [], n.strokeStyle = h(s, .4), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(l.left, x), n.lineTo(ne - l.right, x), n.stroke(), e.forEach((t, i) => {
-				let s = l.left + i * _, d = M(r, i, e.length, O), f = b > 0 ? (t.pricing ?? 0) / b * m : 0, p = Math.max(f > 0 ? 4 : 0, f * d), v = a[i % a.length], S = o.current.get(t.id ?? `bar-${i}`) ?? 0;
-				E(g.current, t.id ?? `bar-${i}`, s + 4, x - p, _ - 8, p, {
+		}, m = ie - l.top - l.bottom, g = (re - l.left - l.right) / Math.max(e.length, 1), _ = Math.max(100, ...e.map((e) => e.pricing ?? 0)), y = l.top + m, b, C = () => {
+			d.current++;
+			let t = d.current;
+			n.clearRect(0, 0, re, ie);
+			let r = j(Math.min(t / 48, 1));
+			I(o.current, f.current), h.current = [], n.strokeStyle = v(s, .4), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(l.left, y), n.lineTo(re - l.right, y), n.stroke(), e.forEach((t, i) => {
+				let s = l.left + i * g, d = F(r, i, e.length, j), f = _ > 0 ? (t.pricing ?? 0) / _ * m : 0, p = Math.max(f > 0 ? 4 : 0, f * d), b = a[i % a.length], x = o.current.get(t.id ?? `bar-${i}`) ?? 0;
+				k(h.current, t.id ?? `bar-${i}`, s + 4, y - p, g - 8, p, {
 					label: t.vendor,
 					value: String(t.pricing ?? 0),
-					color: v
-				}), p > 0 && (S > 0 && y(n, s + _ / 2, x - p / 2, _ * .8, v, .12 * S), n.shadowColor = h(v, .2 * (S > 0 ? S : 0)), n.shadowBlur = S > 0 ? 6 : 0, n.fillStyle = h(v, .5 + S * .25), n.beginPath(), n.roundRect(s + 4, x - p, _ - 8, p, [
+					color: b
+				}), p > 0 && (x > 0 && S(n, s + g / 2, y - p / 2, g * .8, b, .12 * x), n.shadowColor = v(b, .2 * (x > 0 ? x : 0)), n.shadowBlur = x > 0 ? 6 : 0, n.fillStyle = v(b, .5 + x * .25), n.beginPath(), n.roundRect(s + 4, y - p, g - 8, p, [
 					4,
 					4,
 					0,
 					0
-				]), n.fill(), n.shadowBlur = 0, S > 0 && (n.strokeStyle = h(v, .4 * S), n.lineWidth = 1, n.beginPath(), n.roundRect(s + 4, x - p, _ - 8, p, [
+				]), n.fill(), n.shadowBlur = 0, x > 0 && (n.strokeStyle = v(b, .4 * x), n.lineWidth = 1, n.beginPath(), n.roundRect(s + 4, y - p, g - 8, p, [
 					4,
 					4,
 					0,
 					0
-				]), n.stroke())), d > .5 && p > 0 && (n.globalAlpha = Math.min(1, (d - .5) * 2), n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = S > 0 ? v : h(c, .7), n.textAlign = "center", n.fillText(String(t.pricing ?? ""), s + _ / 2, x - p - 6), n.globalAlpha = 1), n.font = `${S > 0 ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.fillStyle = S > 0 ? v : h(u.t3, .6), n.textAlign = "center", n.fillText(t.vendor, s + _ / 2, re - 14);
-			}), S = requestAnimationFrame(C);
+				]), n.stroke())), d > .5 && p > 0 && (n.globalAlpha = Math.min(1, (d - .5) * 2), n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = x > 0 ? b : v(c, .7), n.textAlign = "center", n.fillText(String(t.pricing ?? ""), s + g / 2, y - p - 6), n.globalAlpha = 1), n.font = `${x > 0 ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.fillStyle = x > 0 ? b : v(u.t3, .6), n.textAlign = "center", n.fillText(t.vendor, s + g / 2, ie - 14);
+			}), b = requestAnimationFrame(C);
 		};
-		return C(), () => cancelAnimationFrame(S);
+		return C(), () => cancelAnimationFrame(b);
 	}, [e, r]), /* @__PURE__ */ s(l, {
 		className: t,
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: ne,
-				height: re
+				width: re,
+				height: ie
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: i,
 				role: "img",
 				"aria-label": "bar chart",
 				style: {
-					width: ne,
-					height: re,
+					width: re,
+					height: ie,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(C, {
+			}), /* @__PURE__ */ s(E, {
 				...m,
-				parentW: ne,
-				parentH: re
+				parentW: re,
+				parentH: ie
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/common/ChartEmptyState.tsx
-function I({ width: e, height: t, message: n = "No data available", "data-testid": r }) {
+function R({ width: e, height: t, message: n = "No data available", "data-testid": r }) {
 	return /* @__PURE__ */ s("div", {
 		"data-testid": r,
 		style: {
@@ -453,7 +485,7 @@ function I({ width: e, height: t, message: n = "No data available", "data-testid
 }
 //#endregion
 //#region src/components/common/ToggleButton.tsx
-function ae({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCollapsed: r = "View More", "data-testid": i }) {
+function oe({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCollapsed: r = "View More", "data-testid": i }) {
 	return /* @__PURE__ */ c("button", {
 		type: "button",
 		"data-testid": i,
@@ -468,7 +500,7 @@ function ae({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCol
 			boxSizing: "border-box",
 			border: "none",
 			borderRadius: 6,
-			color: "#71B941",
+			color: "#69DFE9",
 			fontSize: 14,
 			fontFamily: "'Satoshi Variable', 'DM Sans', sans-serif",
 			fontStyle: "normal",
@@ -496,90 +528,95 @@ function ae({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCol
 }
 //#endregion
 //#region src/components/progressRaceChart/ProgressRaceChart.tsx
-var L = 660, R = 42, oe = 10, se = 24, ce = 24, le = 8, ue = [
-	u.green,
-	u.blue,
-	u.amber,
-	u.red
-];
-function de(e, t, n) {
+var z = 660, se = 6, ce = 30, le = 24, ue = 24, de = 8;
+function fe(e, t, n) {
 	if (e.measureText(t).width <= n) return t;
 	let r = t;
 	for (; r.length > 0 && e.measureText(r + "…").width > n;) r = r.slice(0, -1);
 	return r + "…";
 }
-function fe({ items: e = [], "data-testid": t }) {
-	let r = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), [m, g] = o(!1), _ = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), S = i(() => [..._].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [_]), O = i(() => m ? S : S.slice(0, le), [S, m]), k = O.length, A = se + ce + k * R + Math.max(0, k - 1) * oe, { hoveredRef: j, tooltip: M, hitZonesRef: N } = w(r, {
-		width: L,
-		height: A
+function pe({ items: e = [], colorOffset: t = 0, "data-testid": r }) {
+	let l = a(null), d = a(0), f = a(/* @__PURE__ */ new Map()), [p, _] = o(!1), y = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), b = i(() => [...y].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [y]), T = i(() => p ? b : b.slice(0, de), [b, p]), j = T.length, M = le + ue + j * se + Math.max(0, j - 1) * ce, { hoveredRef: N, tooltip: P, hitZonesRef: F } = D(l, {
+		width: z,
+		height: M
 	});
 	return n(() => {
-		let e = r.current;
+		let e = l.current;
 		if (!e) return;
-		let t = v(e, L, A);
-		l.current = 0;
-		let n = L * .08, i = L - 150 - n, a, o = () => {
-			l.current++;
-			let e = l.current;
-			t.clearRect(0, 0, L, A), t.letterSpacing = f.letterSpacing, N.current = [], d.current.forEach((e, t) => {
-				let n = t === j.current ? 1 : 0, r = e + (n - e) * .12;
-				Math.abs(r - n) < .005 ? n === 0 ? d.current.delete(t) : d.current.set(t, 1) : d.current.set(t, r);
-			}), j.current && !d.current.has(j.current) && d.current.set(j.current, 0), b(t, L, A, e, 40, h(u.blue, .04)), O.forEach((n, r) => {
-				let a = ue[r % ue.length], o = d.current.get(n.id) ?? 0, s = se + r * (R + oe);
-				t.fillStyle = h(a, .04 + o * .04), t.beginPath(), t.roundRect(150, s, i, R, 3), t.fill(), t.strokeStyle = h(a, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(150, s + R / 2), t.lineTo(150 + i, s + R / 2), t.stroke(), t.setLineDash([]);
-				let c = (n.percentage ?? 0) / 100, l = 150 + i * Math.min(c, c * D(Math.min(1, e * .005)));
-				if (l > 154) {
-					let e = t.createLinearGradient(150, 0, l, 0);
-					e.addColorStop(0, h(a, .02)), e.addColorStop(1, h(a, .25 + o * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(150, s + 2, l - 150, R - 4, 2), t.fill();
+		let n = x(e, z, M);
+		d.current = 0;
+		let r = z - 150 - 80, i = m[t % m.length], a, o = () => {
+			d.current++;
+			let e = d.current;
+			n.clearRect(0, 0, z, M), n.letterSpacing = h.letterSpacing, F.current = [], f.current.forEach((e, t) => {
+				let n = t === N.current ? 1 : 0, r = e + (n - e) * .12;
+				Math.abs(r - n) < .005 ? n === 0 ? f.current.delete(t) : f.current.set(t, 1) : f.current.set(t, r);
+			}), N.current && !f.current.has(N.current) && f.current.set(N.current, 0), C(n, z, M, e, 40, v(u.blue, .04)), T.forEach((t, a) => {
+				let o = f.current.get(t.id) ?? 0, s = le + a * (se + ce);
+				n.fillStyle = v(u.t4, .5 + o * .1), n.beginPath(), n.rect(150, s, r, se), n.fill();
+				let c = (t.percentage ?? 0) / 100, l = 150 + r * Math.min(c, c * A(Math.min(1, e * .005)));
+				if (l > 152) {
+					let e = n.createLinearGradient(150, 0, l, 0);
+					e.addColorStop(0, v(i, .55)), e.addColorStop(1, v(i, .9)), n.fillStyle = e, n.beginPath(), n.rect(150, s, l - 150, se), n.fill();
 				}
-				y(t, l, s + R / 2, 18 + o * 8, a, .3 + o * .2), t.beginPath(), t.arc(l, s + R / 2, 5 + o * 2, 0, Math.PI * 2), t.fillStyle = h(a, .9), t.fill();
-				let u = {
-					label: n.name,
-					value: `${n.percentage ?? 0}%`,
-					sublabel: n.totalLabel ?? (n.total == null ? void 0 : String(n.total)),
-					color: a
+				o > 0 && S(n, l, s + se / 2, 12 * o, i, .35 * o);
+				let d = {
+					label: t.name,
+					value: `${t.percentage ?? 0}%`,
+					sublabel: t.totalLabel ?? (t.total == null ? void 0 : String(t.total)),
+					color: i
 				};
-				E(N.current, n.id, 0, s, 150 + i, R, u), T(N.current, n.id, l, s + R / 2, 14, u), t.font = p.font, t.fillStyle = h(a, .9 + o * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${n.percentage ?? 0}%`, l + 10, s + R / 2), t.font = `${o > 0 ? "bold " : ""}` + f.font, t.fillStyle = o > 0 ? a : f.color, t.textAlign = "right", t.fillText(de(t, n.abbreviation ?? n.name ?? "", 134), 142, s + R / 2);
-			}), t.strokeStyle = h(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(150 + i, se), t.lineTo(150 + i, se + (k - 1) * (R + oe) + R), t.stroke(), x(t, L, A, e, .015), a = requestAnimationFrame(o);
+				k(F.current, t.id, 0, s - ce / 2, 150 + r, se + ce, d), O(F.current, t.id, l, s + se / 2, 10, d), n.font = g.font, n.fillStyle = o > 0 ? v(i, 1) : v(u.t1, .85), n.textAlign = "left", n.textBaseline = "middle", n.fillText(`${t.percentage ?? 0}%`, 150 + r + 32, s + se / 2), n.font = h.font, n.fillStyle = o > 0 ? v(i, 1) : h.color, n.textAlign = "right", n.fillText(fe(n, t.name ?? t.abbreviation ?? "", 134), 142, s + se / 2);
+			}), w(n, z, M, e, .015), a = requestAnimationFrame(o);
 		};
 		return o(), () => cancelAnimationFrame(a);
-	}, [O, A]), S.length === 0 ? /* @__PURE__ */ s(I, {
-		width: L,
+	}, [
+		T,
+		M,
+		t
+	]), b.length === 0 ? /* @__PURE__ */ s(R, {
+		width: z,
 		height: 160,
-		"data-testid": t
+		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
-		"data-testid": t,
-		style: { width: L },
+		"data-testid": r,
+		style: { width: z },
 		children: [/* @__PURE__ */ c("div", {
 			style: { position: "relative" },
 			children: [/* @__PURE__ */ s("canvas", {
-				ref: r,
+				ref: l,
 				role: "img",
 				"aria-label": "Commitment race — contractors ranked by commitment percentage",
 				style: {
-					width: L,
-					height: A,
+					width: z,
+					height: M,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(C, {
-				...M,
-				parentW: L,
-				parentH: A
+			}), /* @__PURE__ */ s(E, {
+				...P,
+				parentW: z,
+				parentH: M
 			})]
-		}), _.length > le && /* @__PURE__ */ s("div", {
+		}), y.length > de && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
-			children: /* @__PURE__ */ s(ae, {
-				expanded: m,
-				onToggle: () => g((e) => !e)
+			children: /* @__PURE__ */ s(oe, {
+				expanded: p,
+				onToggle: () => _((e) => !e)
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/semiCircularGaugeChart/SemiCircularGaugeChart.tsx
-var pe = 480, me = 270, he = 18;
-function ge(e, t, n) {
+var me = 480, he = 310, ge = 18, _e = [
+	"#00818F",
+	"#5C42B8",
+	"#C87B0A",
+	"#2563EB",
+	"#166534"
+];
+function ve(e, t, n) {
 	let r = t.split(" "), i = [], a = "";
 	for (let t of r) {
 		let r = a ? `${a} ${t}` : t;
@@ -587,72 +624,55 @@ function ge(e, t, n) {
 	}
 	return a && i.push(a), i;
 }
-function _e({ confirmed: e, total: t, label: r, "data-testid": i }) {
-	let o = a(null), c = a(0);
+function ye({ confirmed: e, total: t, label: r, colorOffset: i = 0, "data-testid": o }) {
+	let c = a(null), l = a(0);
 	return n(() => {
-		let n = o.current;
+		let n = c.current;
 		if (!n) return;
-		let i = v(n, pe, me);
-		c.current = 0;
-		let a = pe / 2, s = Math.PI, l = 2 * Math.PI, d = Math.PI, p, g = () => {
-			c.current++;
-			let n = c.current;
-			i.clearRect(0, 0, pe, me), i.letterSpacing = f.letterSpacing;
-			let o = D(Math.min(n / 80, 1)), _ = A(Math.min(n / 72, 1));
-			i.beginPath(), i.arc(a, 155, 120, s, l), i.strokeStyle = h(u.bd, .35), i.lineWidth = 46, i.stroke(), [
-				{
-					start: 0,
-					end: .33,
-					color: u.red
-				},
-				{
-					start: .33,
-					end: .66,
-					color: u.amber
-				},
-				{
-					start: .66,
-					end: 1,
-					color: u.green
-				}
-			].forEach((e) => {
-				let t = s + e.start * d, n = s + e.end * d;
-				i.beginPath(), i.arc(a, 155, 194 / 2, t, n), i.strokeStyle = h(e.color, .12), i.lineWidth = 42, i.stroke();
-			});
-			let v = Math.round((e ?? 0) / (t || 1) * 100), b = s + v / 100 * d * o, x = v >= 66 ? u.green : v >= 33 ? u.amber : u.red;
-			y(i, a + Math.cos(b) * 194 / 2, 155 + Math.sin(b) * 194 / 2, 18, x, .35 * o), i.beginPath(), i.arc(a, 155, 194 / 2, s, b), i.strokeStyle = h(x, .7 * o), i.lineWidth = 38, i.lineCap = "round", i.stroke(), i.lineCap = "butt";
-			let S = s + v / 100 * d * _, C = a + Math.cos(S) * 82, w = 155 + Math.sin(S) * 82, T = a - Math.cos(S) * 14, E = 155 - Math.sin(S) * 14;
-			i.strokeStyle = h(x, .18 * _), i.lineWidth = 6, i.lineCap = "round", i.beginPath(), i.moveTo(T, E), i.lineTo(C, w), i.stroke(), i.strokeStyle = h(u.t1, .92 * _), i.lineWidth = 2, i.lineCap = "round", i.beginPath(), i.moveTo(T, E), i.lineTo(C, w), i.stroke(), i.beginPath(), i.arc(C, w, 3, 0, Math.PI * 2), i.fillStyle = h(x, .9 * _), i.fill(), y(i, a, 155, 20, x, .25 * _), i.beginPath(), i.arc(a, 155, 9, 0, Math.PI * 2), i.strokeStyle = h(x, .5 * _), i.lineWidth = 1.5, i.stroke(), i.beginPath(), i.arc(a, 155, 5, 0, Math.PI * 2), i.fillStyle = u.t1, i.fill(), o > .5 && (i.globalAlpha = Math.min(1, (o - .5) / .5), i.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = x, i.textAlign = "center", i.fillText(`${Math.round(v * _)}%`, a, 117), i.globalAlpha = 1), o > .7 && r && (i.globalAlpha = Math.min(1, (o - .7) / .3), i.font = m.font, i.fillStyle = m.color, i.textAlign = "center", ge(i, `${e ?? 0} of ${t ?? 0} ${r}`, pe - 40).forEach((e, t) => {
-				i.fillText(e, a, 213 + t * he);
-			}), i.globalAlpha = 1);
-			for (let e = 0; e <= 10; e++) {
-				let t = s + e / 10 * d;
-				if (i.strokeStyle = h(u.bd, .5), i.lineWidth = e % 5 == 0 ? 1.5 : .8, i.beginPath(), i.moveTo(a + Math.cos(t) * 122, 155 + Math.sin(t) * 122), i.lineTo(a + Math.cos(t) * 128, 155 + Math.sin(t) * 128), i.stroke(), e % 5 == 0) {
-					let n = a + Math.cos(t) * 138, r = 155 + Math.sin(t) * 138;
-					i.font = f.font, i.fillStyle = f.color, i.textAlign = "center", i.fillText(`${e * 10}%`, n, r + 3);
-				}
-			}
-			p = requestAnimationFrame(g);
+		let a = x(n, me, he);
+		l.current = 0;
+		let o = i % m.length, s = m[o], d = _e[o], f = me / 2, p = Math.PI, g = 2 * Math.PI, y = Math.PI, b, C = () => {
+			l.current++;
+			let n = l.current;
+			a.clearRect(0, 0, me, he), a.letterSpacing = h.letterSpacing;
+			let i = A(Math.min(n / 80, 1)), o = N(Math.min(n / 72, 1)), c = Math.round((e ?? 0) / (t || 1) * 100), m = p + c / 100 * y * i;
+			a.beginPath(), a.arc(f, 175, 148, p, g), a.strokeStyle = v(s, .28), a.lineWidth = 10, a.lineCap = "round", a.stroke(), a.lineCap = "butt", a.beginPath(), a.moveTo(f, 175), a.arc(f, 175, 133, p, m), a.closePath(), a.fillStyle = v(d, .35 * i), a.fill();
+			let x = f + Math.cos(m) * 148, w = 175 + Math.sin(m) * 148;
+			S(a, x, w, 10, s, .3 * i);
+			let T = a.createLinearGradient(f + Math.cos(p) * 148, 175 + Math.sin(p) * 148, x, w);
+			T.addColorStop(0, v(d, .9 * i)), T.addColorStop(1, v(s, 1 * i)), a.beginPath(), a.arc(f, 175, 148, p, m), a.strokeStyle = T, a.lineWidth = 10, a.lineCap = "round", a.stroke(), a.lineCap = "butt";
+			let E = p + c / 100 * y * o, D = f + Math.cos(E) * 133, O = 175 + Math.sin(E) * 133, k = f - Math.cos(E) * 24, j = 175 - Math.sin(E) * 24, M = -Math.sin(E), P = Math.cos(E), F = 2.5 * o;
+			a.beginPath(), a.moveTo(D, O), a.lineTo(f + M * F, 175 + P * F), a.lineTo(k + M * 1, j + P * 1), a.lineTo(k - M * 1, j - P * 1), a.lineTo(f - M * F, 175 - P * F), a.closePath(), a.fillStyle = v(u.t1, o), a.fill(), a.beginPath(), a.arc(f, 175, 11, 0, Math.PI * 2), a.strokeStyle = v(s, .85 * o), a.lineWidth = 2, a.stroke(), a.beginPath(), a.arc(f, 175, 9, 0, Math.PI * 2), a.fillStyle = u.t1, a.fill(), [
+				[0, "0%"],
+				[.5, "50%"],
+				[1, "100%"]
+			].forEach(([e, t]) => {
+				let n = p + e * y, r = e === 1 ? 184 : 168, i = f + Math.cos(n) * r, o = 175 + Math.sin(n) * r;
+				a.font = h.font, a.fillStyle = h.color, a.textAlign = "center", a.fillText(t, i, o + 4);
+			}), i > .4 && (a.globalAlpha = Math.min(1, (i - .4) / .4), a.font = "700 32px 'Satoshi Variable', 'DM Sans', sans-serif", a.fillStyle = u.t1, a.textAlign = "center", a.fillText(`${Math.round(c * o)}%`, f, 229), a.globalAlpha = 1), i > .7 && r && (a.globalAlpha = Math.min(1, (i - .7) / .3), a.font = _.font, a.fillStyle = _.color, a.textAlign = "center", ve(a, `${e ?? 0} of ${t ?? 0} ${r}`, me - 40).forEach((e, t) => {
+				a.fillText(e, f, 265 + t * ge);
+			}), a.globalAlpha = 1), b = requestAnimationFrame(C);
 		};
-		return g(), () => cancelAnimationFrame(p);
+		return C(), () => cancelAnimationFrame(b);
 	}, [
 		e,
 		t,
-		r
+		r,
+		i
 	]), /* @__PURE__ */ s("div", {
-		"data-testid": i,
+		"data-testid": o,
 		style: {
 			position: "relative",
-			width: pe,
-			height: me
+			width: me,
+			height: he
 		},
 		children: /* @__PURE__ */ s("canvas", {
-			ref: o,
+			ref: c,
 			role: "img",
 			"aria-label": `Compensation event gauge — ${Math.round((e ?? 0) / (t || 1) * 100)}% of NCEs confirmed as compensation events`,
 			style: {
-				width: pe,
-				height: me,
+				width: me,
+				height: he,
 				display: "block"
 			}
 		})
@@ -660,8 +680,8 @@ function _e({ confirmed: e, total: t, label: r, "data-testid": i }) {
 }
 //#endregion
 //#region src/canvas/useCanvasLoop.ts
-function ve(e, t, r, i, o = !0, s = {}) {
-	let c = a(0), { easing: l = D, durationFrames: u = 48 } = s;
+function be(e, t, r, i, o = !0, s = {}) {
+	let c = a(0), { easing: l = A, durationFrames: u = 48 } = s;
 	n(() => {
 		let n = e.current;
 		if (!n || !t || !r) return;
@@ -692,28 +712,28 @@ function ve(e, t, r, i, o = !0, s = {}) {
 }
 //#endregion
 //#region src/components/multiMetricConstellationChart/MultiMetricConstellationChart.tsx
-var z = 780, B = 234, ye = 130, be = 52, xe = [
+var B = 780, xe = 234, Se = 130, Ce = 52, we = [
 	u.blue,
 	u.amber,
 	u.purple,
 	u.green
-], Se = [
+], Te = [
 	"Base Value",
 	"Variations",
 	"Commitment"
-], Ce = [
+], Ee = [
 	"Base",
 	"Var",
 	"Commit"
 ];
-function we({ items: e = [], "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = w(n, {
-		width: z,
-		height: B
-	}), p = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), g = i(() => {
-		let e = Math.max(...p.map((e) => e.base ?? 0)), t = Math.max(...p.map((e) => e.variation ?? 0));
-		return p.map((n, r) => {
-			let i = z * (.12 + r * .19), a = ye, o = Math.min(z * .075, be), s = xe[r % xe.length], c = [
+function De({ items: e = [], "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = D(n, {
+		width: B,
+		height: xe
+	}), 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 = B * (.12 + r * .19), a = Se, o = Math.min(B * .075, Ce), s = we[r % we.length], c = [
 				(n.base ?? 0) / (e || 1) * 100,
 				(n.variation ?? 0) / (t || 1) * 100,
 				n.percentage ?? 0
@@ -722,10 +742,10 @@ function we({ items: e = [], "data-testid": t }) {
 				n.variationLabel ?? String(n.variation ?? 0),
 				`${n.percentage ?? 0}%`
 			], u = c.map((e, t) => {
-				let n = -Math.PI / 2 + t / Se.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
+				let n = -Math.PI / 2 + t / Te.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
 				return {
-					name: Se[t],
-					short: Ce[t],
+					name: Te[t],
+					short: Ee[t],
 					label: l[t],
 					val: Math.round(e),
 					x: i + Math.cos(n) * s,
@@ -744,115 +764,126 @@ function we({ items: e = [], "data-testid": t }) {
 				color: s
 			};
 		});
-	}, [p]);
-	return ve(n, z, B, (e, t, n) => {
-		N(r.current, o.current), d.current = [], b(e, z, B, n, 30), g.forEach((t, i) => {
+	}, [f]);
+	return be(n, B, xe, (e, t, n) => {
+		I(r.current, o.current), d.current = [], C(e, B, xe, 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 = h(u.bd, .08 + .08 * s), e.lineWidth = .5, e.stroke(), e.beginPath(), t.stars.forEach((t, n) => {
+			e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 5, 0, Math.PI * 2), e.strokeStyle = v(u.bd, .08 + .08 * s), e.lineWidth = .5, e.stroke(), e.beginPath(), t.stars.forEach((t, n) => {
 				n === 0 ? e.moveTo(t.x, t.y) : e.lineTo(t.x, t.y);
-			}), e.closePath(), e.fillStyle = h(a, .04 + .03 * s), e.fill(), e.strokeStyle = h(a, .15 + .1 * s), e.lineWidth = .8, e.stroke(), t.stars.forEach((o, s) => {
-				let c = j(n, .05, 5e-4) * .3 + .7, l = 3.5 * c, u = `star-${i}-${s}`, p = r.current.get(u) ?? 0, m = e.createRadialGradient(o.x, o.y, 0, o.x, o.y, l * 4);
-				m.addColorStop(0, h(a, (.2 + .1 * p) * c)), m.addColorStop(1, h(a, 0)), e.fillStyle = m, e.beginPath(), e.arc(o.x, o.y, l * 4, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(o.x, o.y, l + p * 2, 0, Math.PI * 2), e.fillStyle = h(a, (.8 + .2 * p) * c), e.fill();
-				let g = Math.sin(o.angle) < -.3;
-				e.textAlign = "center", e.textBaseline = "middle", g ? (e.font = f.font, e.fillStyle = h(a, .5 + .15 * p), e.fillText(o.short, o.x, o.y - 24), e.font = f.font, e.fillStyle = h(a, .8 + .15 * p), e.fillText(o.label, o.x, o.y - 11)) : (e.font = f.font, e.fillStyle = h(a, .5 + .15 * p), e.fillText(o.short, o.x, o.y + 11), e.font = f.font, e.fillStyle = h(a, .8 + .15 * p), e.fillText(o.label, o.x, o.y + 24)), T(d.current, u, o.x, o.y, l * 4 + 2, {
+			}), e.closePath(), e.fillStyle = v(a, .04 + .03 * s), e.fill(), e.strokeStyle = v(a, .15 + .1 * s), e.lineWidth = .8, e.stroke(), t.stars.forEach((o, s) => {
+				let c = P(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, v(a, (.2 + .1 * f) * c)), p.addColorStop(1, v(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 = v(a, (.8 + .2 * f) * c), e.fill();
+				let m = Math.sin(o.angle) < -.3;
+				e.textAlign = "center", e.textBaseline = "middle", m ? (e.font = h.font, e.fillStyle = v(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y - 24), e.font = h.font, e.fillStyle = v(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y - 11)) : (e.font = h.font, e.fillStyle = v(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y + 11), e.font = h.font, e.fillStyle = v(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y + 24)), O(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 && y(e, t.cx, t.cy, 16 * s, a, .15 * s), e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 12, 0, Math.PI * 2), e.strokeStyle = h(a, .1 + j(n, .03, 5e-4) * .05), e.lineWidth = 1, e.stroke(), e.font = f.font, e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = s > 0 ? t.color : f.color, e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), T(d.current, o, t.cx, t.cy, t.baseR + 5, {
+			}), s > 0 && S(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 = v(a, .1 + P(n, .03, 5e-4) * .05), e.lineWidth = 1, e.stroke(), e.font = h.font, e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = s > 0 ? t.color : h.color, e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), O(d.current, o, t.cx, t.cy, t.baseR + 5, {
 				label: t.name,
 				value: `${t.totalLabel ?? String(t.total ?? 0)} total`,
 				sublabel: `${t.percentage ?? 0}% committed · scatter ${t.scatter.toFixed(1)}`,
 				color: a
 			});
-		}), e.font = m.font, e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = m.color, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", z / 2, B - 14), x(e, z, B, n, .012);
-	}, !0), g.length === 0 ? /* @__PURE__ */ s(I, {
-		width: z,
-		height: B,
+		}), e.font = _.font, e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = _.color, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", B / 2, xe - 14), w(e, B, xe, n, .012);
+	}, !0), p.length === 0 ? /* @__PURE__ */ s(R, {
+		width: B,
+		height: xe,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: z,
-			height: B
+			width: B,
+			height: xe
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: n,
 			role: "img",
 			"aria-label": "Contract value breakdown per contractor — multi-KPI constellation chart",
 			style: {
-				width: z,
-				height: B,
+				width: B,
+				height: xe,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(C, {
+		}), /* @__PURE__ */ s(E, {
 			...l,
-			parentW: z,
-			parentH: B
+			parentW: B,
+			parentH: xe
 		})]
 	});
 }
 //#endregion
 //#region src/components/stackedHorizontalBarChart/StackedHorizontalBarChart.tsx
-var Te = 680, Ee = 220, De = 8, Oe = [
-	u.blue,
-	u.amber,
-	u.purple,
-	u.green
-], V = {
+var Oe = 680, ke = 220, Ae = 8, je = [u.teal], V = {
 	left: 8,
-	right: 80,
+	right: 100,
 	top: 16,
 	bottom: 38
-}, ke = 150, H = 18;
-function Ae(e, t, n) {
+}, Me = 150, H = 6;
+function Ne(e, t, n) {
 	if (e.measureText(t).width <= n) return t;
 	let r = t;
 	for (; r.length > 0 && e.measureText(r + "…").width > n;) r = r.slice(0, -1);
 	return r + "…";
 }
-function je(e) {
+function Pe(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 Me({ data: e, "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { items: d = [], totals: g } = e, _ = d.filter((e) => typeof e == "object" && !!e), v = [..._].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), b = i ? v : v.slice(0, De), x = b.length, S = Math.max(...v.map((e) => Math.abs(e.total ?? 0)), 1), T = x * H + Math.max(0, x - 1) * 8, D = V.top + V.bottom + T, k = Te - V.left - ke - V.right, A = _.length === 0, { hoveredRef: j, tooltip: P, hitZonesRef: F } = w(n, {
-		width: Te,
-		height: D
+function Fe({ data: e, "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { items: d = [], totals: f } = e, p = d.filter((e) => typeof e == "object" && !!e), m = [...p].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), y = i ? m : m.slice(0, Ae), b = y.length, x = Math.max(...m.map((e) => Math.abs(e.total ?? 0)), 1), C = b * H + Math.max(0, b - 1) * 24, w = V.top + V.bottom + C, T = Oe - V.left - Me - V.right, O = p.length === 0, { hoveredRef: A, tooltip: M, hitZonesRef: N } = D(n, {
+		width: Oe,
+		height: w
 	});
-	return ve(n, Te, D, (e, t) => {
-		N(r.current, j.current), F.current = [], b.forEach((n, i) => {
-			let a = Oe[i % Oe.length], o = M(t, i, x, O), s = V.top + i * (H + 8), c = V.left + ke, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), m = Math.max(n.total ?? 0, 0), g = d / S * k * o, _ = m / S * k * o, v = _ - g;
-			e.font = f.font, e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(Ae(e, n.name ?? "", ke - 16), c - 8, s + H / 2), E(F.current, n.id, 0, s, c, H, {
+	return be(n, Oe, w, (e, t) => {
+		I(r.current, A.current), N.current = [], y.forEach((n, i) => {
+			let a = je[i % je.length], o = F(t, i, b, j), s = V.top + i * (H + 24), c = V.left + Me, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), f = Math.max(n.total ?? 0, 0), p = d / x * T * o, m = f / x * T * o;
+			if (m - p, e.font = h.font, e.fillStyle = l > 0 ? a : h.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(Ne(e, n.name ?? "", Me - 16), c - 8, s + H / 2), k(N.current, n.id, 0, s, c, H, {
 				label: n.name,
-				value: `${n.totalLabel ?? je(n.total ?? 0)} total`,
-				sublabel: `Base ${n.baseLabel ?? je(n.base ?? 0)} + Var ${n.variationLabel ?? je(n.variation ?? 0)}`,
+				value: `${n.totalLabel ?? Pe(n.total ?? 0)} total`,
+				sublabel: `Base ${n.baseLabel ?? Pe(n.base ?? 0)} + Var ${n.variationLabel ?? Pe(n.variation ?? 0)}`,
 				color: a
-			}), e.fillStyle = h(u.bd, .25), e.beginPath(), e.roundRect(c, s, k, H, 4), e.fill(), g > 0 && (l > 0 && y(e, c + g / 2, s + H / 2, g * .3, a, .1 * l), e.fillStyle = h(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, g, H, 4), e.fill()), v > 2 && (e.fillStyle = h(a, .22 + l * .08), e.beginPath(), e.roundRect(c + g, s, v, H, [
-				0,
-				4,
-				4,
-				0
-			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = h(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + g, s + 3), e.lineTo(c + g, s + H - 3), e.stroke(), e.setLineDash([])), l > 0 && _ > 0 && (e.strokeStyle = h(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, _, H, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = p.font, e.fillStyle = l > 0 ? a : p.color, e.textAlign = "left", e.textBaseline = "middle", e.fillText(n.totalLabel ?? je(n.total ?? 0), c + _ + 6, s + H / 2), e.globalAlpha = 1), E(F.current, n.id, c, s, Math.max(_, 1), H, {
+			}), m > 0) {
+				l > 0 && S(e, c + m / 2, s + H / 2, m * .15, u.teal, .12 * l);
+				let t = e.createLinearGradient(c, 0, c + m, 0);
+				t.addColorStop(0, v(u.tealDark, .85)), t.addColorStop(1, v(u.teal, 1)), e.fillStyle = t, e.beginPath(), e.roundRect(c, s, m, H, H / 2), e.fill();
+			}
+			let _ = T - m * o;
+			if (_ > 2) {
+				let t = c + m * o, n = e.createLinearGradient(t, 0, c + T, 0);
+				n.addColorStop(0, v(u.tealDark, .35)), n.addColorStop(1, v(u.tealDark, .08)), e.fillStyle = n, e.beginPath(), e.roundRect(t, s, _, H, [
+					0,
+					H / 2,
+					H / 2,
+					0
+				]), e.fill();
+			}
+			if (m > 4) {
+				let t = c + m * o, n = s + H;
+				e.fillStyle = v(u.t1, o), e.beginPath(), e.moveTo(t, n), e.lineTo(t - 5, n + 9), e.lineTo(t + 5, n + 9), e.closePath(), e.fill();
+			}
+			o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = g.font, e.fillStyle = l > 0 ? a : g.color, e.textAlign = "left", e.textBaseline = "middle", e.fillText(n.totalLabel ?? Pe(n.total ?? 0), c + T + 28, s + H / 2), e.globalAlpha = 1), k(N.current, n.id, c, s, Math.max(m, 1), H, {
 				label: n.name,
-				value: n.totalLabel ?? je(n.total ?? 0),
-				sublabel: `${n.baseLabel ?? je(n.base ?? 0)} + ${n.variationLabel ?? je(n.variation ?? 0)}`,
+				value: n.totalLabel ?? Pe(n.total ?? 0),
+				sublabel: `${n.baseLabel ?? Pe(n.base ?? 0)} + ${n.variationLabel ?? Pe(n.variation ?? 0)}`,
 				color: a
 			});
 		});
-		let n = D - 14;
-		e.textBaseline = "middle", e.font = m.font, e.textAlign = "left", e.fillStyle = h(u.blue, .5), e.beginPath(), e.roundRect(V.left + ke, n - 3, 14, 6, 2), e.fill(), e.fillStyle = m.color, e.fillText("base value", V.left + ke + 18, n), e.fillStyle = h(u.blue, .22), e.beginPath(), e.roundRect(V.left + ke + 94, n - 3, 14, 6, 2), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = h(u.blue, .5), e.lineWidth = .5, e.beginPath(), e.moveTo(V.left + ke + 101, n - 3), e.lineTo(V.left + ke + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = m.color, e.fillText("approved variations", V.left + ke + 112, n), e.font = m.font, e.textAlign = "right", e.fillStyle = m.color, e.fillText(`Portfolio: ${je(g?.total ?? 0)}`, Te - 8, n);
-	}, !0, { easing: O }), A ? /* @__PURE__ */ s(I, {
-		width: Te,
-		height: Ee,
+		let n = w - 14;
+		e.textBaseline = "middle", e.font = _.font, e.textAlign = "left";
+		let i = e.createLinearGradient(V.left + Me, 0, V.left + Me + 14, 0);
+		i.addColorStop(0, v(u.tealDark, .85)), i.addColorStop(1, v(u.teal, 1)), e.fillStyle = i, e.beginPath(), e.roundRect(V.left + Me, n - 3, 14, 6, 2), e.fill(), e.fillStyle = _.color, e.fillText("base value", V.left + Me + 18, n), e.fillStyle = v(u.teal, .35), e.beginPath(), e.roundRect(V.left + Me + 160, n - 3, 14, 6, 2), e.fill(), e.fillStyle = _.color, e.fillText("approved variations", V.left + Me + 178, n), e.font = _.font, e.textAlign = "right", e.fillStyle = _.color, e.fillText(`Portfolio: ${Pe(f?.total ?? 0)}`, Oe - 8, n);
+	}, !0, { easing: j }), O ? /* @__PURE__ */ s(R, {
+		width: Oe,
+		height: ke,
 		message: "No contract data available",
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
-			width: Te,
+			width: Oe,
 			transition: "all 0.25s ease"
 		},
 		children: [/* @__PURE__ */ c("div", {
@@ -862,19 +893,19 @@ function Me({ data: e, "data-testid": t }) {
 				role: "img",
 				"aria-label": "Total contract value per contractor — horizontal bar chart",
 				style: {
-					width: Te,
-					height: D,
+					width: Oe,
+					height: w,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(C, {
-				...P,
-				parentW: Te,
-				parentH: D
+			}), /* @__PURE__ */ s(E, {
+				...M,
+				parentW: Oe,
+				parentH: w
 			})]
-		}), _.length > De && /* @__PURE__ */ s("div", {
+		}), p.length > Ae && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
-			children: /* @__PURE__ */ s(ae, {
+			children: /* @__PURE__ */ s(oe, {
 				expanded: i,
 				onToggle: () => l((e) => !e)
 			})
@@ -883,7 +914,7 @@ function Me({ data: e, "data-testid": t }) {
 }
 //#endregion
 //#region src/utils/numberFormat.ts
-var Ne = [
+var Ie = [
 	{
 		value: 0xe8d4a51000,
 		suffix: "T",
@@ -907,66 +938,66 @@ var Ne = [
 ];
 function U(e, t = 1) {
 	let n = Math.abs(e), r = e < 0 ? "-" : "";
-	for (let e of Ne) if (n >= e.value) return `${r}${(n / e.divisor).toFixed(t)}${e.suffix}`;
+	for (let e of Ie) if (n >= e.value) return `${r}${(n / e.divisor).toFixed(t)}${e.suffix}`;
 	return `${r}${n.toFixed(0)}`;
 }
 //#endregion
 //#region src/components/rankedCardLeaderboard/RankedCardLeaderboard.tsx
-var Pe = 780, W = 240, Fe = 12, Ie = 10, Le = 5, Re = (Pe - 2 * Fe - (Le - 1) * Ie) / Le;
-function ze({ items: e = [], "data-testid": t }) {
-	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), m = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), g = m.reduce((e, t) => e + (t.count ?? 0), 0), _ = Math.min(Le, m.length), b = _ > 0 ? 2 * Fe + _ * Re + (_ - 1) * Ie : Pe, { hoveredRef: S, tooltip: T, hitZonesRef: D } = w(r, {
-		width: b,
+var Le = 780, W = 240, Re = 12, ze = 10, Be = 5, Ve = (Le - 2 * Re - (Be - 1) * ze) / Be;
+function He({ items: e = [], "data-testid": t }) {
+	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), d = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), f = d.reduce((e, t) => e + (t.count ?? 0), 0), m = Math.min(Be, d.length), _ = m > 0 ? 2 * Re + m * Ve + (m - 1) * ze : Le, { hoveredRef: y, tooltip: b, hitZonesRef: C } = D(r, {
+		width: _,
 		height: W
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, b, W);
+		let t = x(e, _, W);
 		o.current = 0;
-		let n = Re, i = W * .84, a = W * .08, s = Fe, c, _ = () => {
+		let n = Ve, i = W * .84, a = W * .08, s = Re, c, m = () => {
 			o.current++;
 			let e = o.current;
-			t.clearRect(0, 0, b, W), t.letterSpacing = f.letterSpacing, D.current = [], l.current.forEach((e, t) => {
-				let n = t === S.current ? 1 : 0, r = e + (n - e) * .12;
+			t.clearRect(0, 0, _, W), t.letterSpacing = h.letterSpacing, C.current = [], l.current.forEach((e, t) => {
+				let n = t === y.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);
-			}), S.current && !l.current.has(S.current) && l.current.set(S.current, 0), m.forEach((r, o) => {
-				let c = o === 0, f = o === 0 ? u.red : o === 1 ? u.amber : d[o % d.length], m = s + o * (n + Ie), _ = l.current.get(r.id) ?? 0, v = _ * 8, b = m - v / 2, x = n + v, S = c ? j(e, .04, 3e-4) * .06 + .06 : 0;
-				t.fillStyle = h(f, .08 + _ * .07), t.beginPath(), t.roundRect(b, a, x, i, 6), t.fill(), t.strokeStyle = h(f, .2 + _ * .4 + S), t.lineWidth = c ? 1.5 : 1, t.stroke(), (_ > .01 || c) && y(t, b + x / 2, a + i / 2, x * .55, f, S + _ * .14), t.font = p.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = h(f, .5 + _ * .35), t.fillText(`#${o + 1}`, b + 7, a + 6);
-				let C = Math.min(n * .28, i * .32, 72), w = b + x / 2, T = a + i * .38, O = t.createRadialGradient(w, T - C * .2, 0, w, T, C);
-				O.addColorStop(0, h(f, .5 + _ * .2)), O.addColorStop(1, h(f, .2 + _ * .1)), t.beginPath(), t.arc(w, T, C, 0, Math.PI * 2), t.fillStyle = O, t.fill(), t.strokeStyle = h(f, .4 + _ * .3), t.lineWidth = 1, t.stroke(), t.font = p.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(u.t1, .9);
-				let k = r.abbreviation ?? r.name ?? "", A = C * 1.7, M = k;
-				for (; t.measureText(M).width > A && M.length > 1;) M = M.slice(0, -1);
-				M !== k && (M = M.slice(0, -1) + "…"), t.fillText(M, w, T);
-				let N = r.count == null ? null : U(r.count), P = r.label ?? N;
-				if (P) {
-					t.font = p.font, t.textBaseline = "alphabetic", t.fillStyle = h(f, .9 + _ * .1);
-					let e = x - 16, n = P;
+			}), y.current && !l.current.has(y.current) && l.current.set(y.current, 0), d.forEach((r, o) => {
+				let c = o === 0, d = o === 0 ? u.red : o === 1 ? u.amber : p[o % p.length], m = s + o * (n + ze), h = l.current.get(r.id) ?? 0, _ = h * 8, y = m - _ / 2, b = n + _, x = c ? P(e, .04, 3e-4) * .06 + .06 : 0;
+				t.fillStyle = v(d, .08 + h * .07), t.beginPath(), t.roundRect(y, a, b, i, 6), t.fill(), t.strokeStyle = v(d, .2 + h * .4 + x), t.lineWidth = c ? 1.5 : 1, t.stroke(), (h > .01 || c) && S(t, y + b / 2, a + i / 2, b * .55, d, x + h * .14), t.font = g.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = v(d, .5 + h * .35), t.fillText(`#${o + 1}`, y + 7, a + 6);
+				let w = Math.min(n * .28, i * .32, 72), T = y + b / 2, E = a + i * .38, D = t.createRadialGradient(T, E - w * .2, 0, T, E, w);
+				D.addColorStop(0, v(d, .5 + h * .2)), D.addColorStop(1, v(d, .2 + h * .1)), t.beginPath(), t.arc(T, E, w, 0, Math.PI * 2), t.fillStyle = D, t.fill(), t.strokeStyle = v(d, .4 + h * .3), t.lineWidth = 1, t.stroke(), t.font = g.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = v(u.t1, .9);
+				let O = r.abbreviation ?? r.name ?? "", A = w * 1.7, j = O;
+				for (; t.measureText(j).width > A && j.length > 1;) j = j.slice(0, -1);
+				j !== O && (j = j.slice(0, -1) + "…"), t.fillText(j, T, E);
+				let M = r.count == null ? null : U(r.count), N = r.label ?? M;
+				if (N) {
+					t.font = g.font, t.textBaseline = "alphabetic", t.fillStyle = v(d, .9 + h * .1);
+					let e = b - 16, n = N;
 					for (; t.measureText(n).width > e && n.length > 1;) n = n.slice(0, -1);
-					n !== P && (n = n.slice(0, -1) + "…"), t.fillText(n, w, a + i * .74);
+					n !== N && (n = n.slice(0, -1) + "…"), t.fillText(n, T, a + i * .74);
 				}
-				let F = Math.round((r.count ?? 0) / (g || 1) * 100);
-				E(D.current, r.id, m, a, n, i, {
+				let F = Math.round((r.count ?? 0) / (f || 1) * 100);
+				k(C.current, r.id, m, a, n, i, {
 					label: r.name,
-					value: `${P} · ${F}% of total`,
+					value: `${N} · ${F}% of total`,
 					sublabel: `Rank #${o + 1}`,
-					color: f
+					color: d
 				});
-			}), x(t, b, W, e, .015), c = requestAnimationFrame(_);
+			}), w(t, _, W, e, .015), c = requestAnimationFrame(m);
 		};
-		return _(), () => cancelAnimationFrame(c);
+		return m(), () => cancelAnimationFrame(c);
 	}, [
-		m,
-		g,
-		b
-	]), m.length === 0 ? /* @__PURE__ */ s(I, {
-		width: b,
+		d,
+		f,
+		_
+	]), d.length === 0 ? /* @__PURE__ */ s(R, {
+		width: _,
 		height: W,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: b,
+			width: _,
 			height: W
 		},
 		children: [/* @__PURE__ */ s("canvas", {
@@ -974,14 +1005,14 @@ function ze({ items: e = [], "data-testid": t }) {
 			role: "img",
 			"aria-label": "Contractor rank — open EW count per contractor",
 			style: {
-				width: b,
+				width: _,
 				height: W,
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(C, {
-			...T,
-			parentW: b,
+		}), /* @__PURE__ */ s(E, {
+			...b,
+			parentW: _,
 			parentH: W
 		})]
 	});
@@ -989,44 +1020,44 @@ function ze({ items: e = [], "data-testid": t }) {
 //#endregion
 //#region src/components/dotMatrixChart/DotMatrixChart.tsx
 var G = 680, K = 260;
-function Be({ items: e = [], "data-testid": t }) {
-	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: p, hitZonesRef: m } = w(r, {
+function Ue({ items: e = [], "data-testid": t }) {
+	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: f, hitZonesRef: p } = D(r, {
 		width: G,
 		height: K
-	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
+	}), m = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, G, K);
+		let t = x(e, G, K);
 		o.current = 0;
-		let n = g.length, i = Math.max(...g.map((e) => e.count), 1), a = i, s = G * .05, c = K * .1, p = G * .9 / n, _ = K * .7 / a, S = g.reduce((e, t) => e + t.count, 0), C, w = () => {
+		let n = m.length, i = Math.max(...m.map((e) => e.count), 1), a = i, s = G * .05, c = K * .1, f = G * .9 / n, g = K * .7 / a, _ = m.reduce((e, t) => e + t.count, 0), y, b = () => {
 			o.current++;
 			let e = o.current;
-			t.clearRect(0, 0, G, K), m.current = [], l.current.forEach((e, t) => {
+			t.clearRect(0, 0, G, K), 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), b(t, G, K, e, 40, h(u.blue, .04)), g.forEach((n, r) => {
-				let o = n.count === i, d = u.blue, g = l.current.get(`${n.category}-col`) ?? 0;
+			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), C(t, G, K, e, 40, v(u.blue, .04)), m.forEach((n, r) => {
+				let o = n.count === i, d = u.blue, m = l.current.get(`${n.category}-col`) ?? 0;
 				for (let u = 0; u < a; u++) {
-					let a = s + r * p + p / 2, f = c + u * _ + _ / 2, v = Math.min(p, _) * .38;
+					let a = s + r * f + f / 2, h = c + u * g + g / 2, y = Math.min(f, g) * .38;
 					if (u >= i - n.count) {
-						let i = v * (1 + (j(e, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
-						(o || g > .01) && y(t, a, f, i * 3, d, (o ? .2 : .1) + g * .1), t.beginPath(), t.arc(a, f, i, 0, Math.PI * 2), t.fillStyle = h(d, o ? .8 : .5 + g * .2), t.fill();
+						let i = y * (1 + (P(e, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
+						(o || m > .01) && S(t, a, h, i * 3, d, (o ? .2 : .1) + m * .1), t.beginPath(), t.arc(a, h, i, 0, Math.PI * 2), t.fillStyle = v(d, o ? .8 : .5 + m * .2), t.fill();
 						let s = `${n.category}-${u}`;
-						T(m.current, s, a, f, v + 4, {
+						O(p.current, s, a, h, y + 4, {
 							label: n.fullName,
 							value: `${n.count} Early Warnings`,
-							sublabel: `${Math.round(n.count / S * 100)}% of total`,
+							sublabel: `${Math.round(n.count / _ * 100)}% of total`,
 							color: d
 						}), l.current.get(`${n.category}-col`);
-					} else t.beginPath(), t.arc(a, f, 1, 0, Math.PI * 2), t.fillStyle = h(d, .08), t.fill();
+					} else t.beginPath(), t.arc(a, h, 1, 0, Math.PI * 2), t.fillStyle = v(d, .08), t.fill();
 				}
-				let v = c + a * _ + 16;
-				t.font = f.font, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.blue : h(u.t2, .65), t.fillText(n.category, s + r * p + p / 2, v);
-			}), x(t, G, K, e, .015), C = requestAnimationFrame(w);
+				let y = c + a * g + 16;
+				t.font = h.font, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.blue : v(u.t2, .65), t.fillText(n.category, s + r * f + f / 2, y);
+			}), w(t, G, K, e, .015), y = requestAnimationFrame(b);
 		};
-		return w(), () => cancelAnimationFrame(C);
-	}, [g]), g.length === 0 ? /* @__PURE__ */ s(I, {
+		return b(), () => cancelAnimationFrame(y);
+	}, [m]), m.length === 0 ? /* @__PURE__ */ s(R, {
 		width: G,
 		height: K,
 		"data-testid": t
@@ -1047,8 +1078,8 @@ function Be({ items: e = [], "data-testid": t }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(C, {
-			...p,
+		}), /* @__PURE__ */ s(E, {
+			...f,
 			parentW: G,
 			parentH: K
 		})]
@@ -1056,8 +1087,8 @@ function Be({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/lineChart/LineChart.tsx
-function Ve({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(ee, {
+function We({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(te, {
 		rows: e,
 		variant: "line",
 		className: t,
@@ -1066,7 +1097,7 @@ function Ve({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/constants.ts
-var He = [
+var Ge = [
 	"#4C93D9",
 	"#5DA537",
 	"#F3862C",
@@ -1074,7 +1105,7 @@ var He = [
 	"#A0B724",
 	"#EEBF3B",
 	"#3C45D1"
-], Ue = {
+], Ke = {
 	nodes: [
 		{
 			id: "supplier-x",
@@ -1117,8 +1148,8 @@ var He = [
 };
 //#endregion
 //#region src/components/miniBars/MiniBars.tsx
-function We({ rows: e = [], className: t, colors: n }) {
-	let r = n?.slices ?? He;
+function qe({ rows: e = [], className: t, colors: n }) {
+	let r = n?.slices ?? Ge;
 	return /* @__PURE__ */ s("div", {
 		className: ["d3-mini-bars", t].filter(Boolean).join(" "),
 		children: e.map(([e, t, n], i) => /* @__PURE__ */ c("div", {
@@ -1144,7 +1175,7 @@ function We({ rows: e = [], className: t, colors: n }) {
 							width: Math.max(0, Math.min(100, t)),
 							height: "12",
 							rx: "6",
-							className: `d3-mini-fill tone-${i % He.length}`,
+							className: `d3-mini-fill tone-${i % Ge.length}`,
 							fill: r[i % r.length]
 						})]
 					})
@@ -1156,135 +1187,142 @@ function We({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
-var Ge = 770, Ke = 320, qe = 60, Je = 28;
-function Ye({ total: e = 0, totalLabel: t, items: r = [], width: o = Ge, "data-testid": l }) {
-	let m = a(null), g = a(/* @__PURE__ */ new Map()), _ = a(0), b = i(() => r.filter((e) => typeof e == "object" && !!e), [r]), x = i(() => Math.max(Ke, qe + Math.max(0, b.length - 1) * Je), [b.length]), { hoveredRef: S, tooltip: E, hitZonesRef: O } = w(m, {
+var Je = 770, Ye = 320, Xe = 60, Ze = 28;
+function Qe({ total: e = 0, totalLabel: t, items: r = [], width: o = Je, colorOffset: l = 0, "data-testid": d }) {
+	let f = a(null), p = a(/* @__PURE__ */ new Map()), _ = a(0), y = i(() => r.filter((e) => typeof e == "object" && !!e), [r]), b = i(() => Math.max(Ye, Xe + Math.max(0, y.length - 1) * Ze), [y.length]), C = b, { hoveredRef: w, tooltip: T, hitZonesRef: k } = D(f, {
 		width: o,
-		height: x
+		height: b
 	});
 	return n(() => {
-		let n = m.current;
+		let n = f.current;
 		if (!n) return;
-		let r = v(n, o, x);
+		let r = x(n, o, C);
 		_.current = 0;
-		let i = x / 2, a = o - 200, s = Math.max(...b.map((e) => e.count ?? 0), 1), c = b.length > 1 ? (x - 60) / (b.length - 1) : 0, l = b.map((e, t) => ({
+		let i = b / 2, a = o - 200;
+		Math.max(...y.map((e) => e.count ?? 0), 1);
+		let s = y.length > 1 ? (b - 60) / (y.length - 1) : 0, c = y.map((e, t) => ({
 			x: a,
-			y: 30 + t * c
-		})), C, w = () => {
+			y: 30 + t * s
+		})), d, T = () => {
 			_.current++;
 			let n = _.current;
-			r.clearRect(0, 0, o, x), r.letterSpacing = f.letterSpacing;
-			let c = D(Math.min(n / 72, 1));
-			if (N(g.current, S.current), O.current = [], y(r, 88, i, 48 * c, u.blue, .15 * c), b.forEach((t, n) => {
-				let o = d[n % d.length], m = M(c, n, b.length, D), _ = l[n], v = g.current.get(t.id) ?? 0, x = Math.max(1.5, (t.count ?? 0) / s * 6);
-				if (m < .01) return;
-				let S = 88 + (a - 88) * .4, C = i, w = 88 + (a - 88) * .6, E = _.y, k = m;
+			r.clearRect(0, 0, o, C), r.letterSpacing = h.letterSpacing;
+			let s = A(Math.min(n / 72, 1));
+			I(p.current, w.current), k.current = [];
+			let f = m[l % m.length];
+			y.forEach((t, n) => {
+				let o = F(s, n, y.length, A), l = c[n], d = p.current.get(t.id) ?? 0;
+				if (o < .01) return;
+				let m = Math.atan2(l.y - i, l.x - 88), _ = 88 + Math.cos(m) * 32, b = i + Math.sin(m) * 32, x = _ + (a - _) * .4, C = b, w = _ + (a - _) * .6, T = l.y, E = o;
 				r.beginPath();
 				for (let e = 0; e <= 40; e++) {
-					let t = e / 40 * k, n = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * w + t ** 3 * _.x, a = (1 - t) ** 3 * i + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * E + t ** 3 * _.y;
-					e === 0 ? r.moveTo(n, a) : r.lineTo(n, a);
+					let t = e / 40 * E, n = (1 - t) ** 3 * _ + 3 * (1 - t) ** 2 * t * x + 3 * (1 - t) * t ** 2 * w + t ** 3 * l.x, i = (1 - t) ** 3 * b + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * T + t ** 3 * l.y;
+					e === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
 				}
-				if (r.strokeStyle = h(o, v > 0 ? .8 : .45), r.lineWidth = x * (v > 0 ? 1.3 : 1), r.stroke(), m > .85) {
-					let n = Math.min(1, (m - .85) / .15), i = 4 + (t.count ?? 0) / s * 12;
-					y(r, _.x, _.y, i * 2.5, o, (.25 + v * .2) * n), r.beginPath(), r.arc(_.x, _.y, i * n, 0, Math.PI * 2), r.fillStyle = h(o, (.7 + v * .2) * n), r.fill();
-					let a = U(t.count ?? 0);
-					T(O.current, t.id, _.x, _.y, i + 8, {
+				let D = r.createLinearGradient(_, b, l.x, l.y);
+				if (D.addColorStop(0, v(f, d > 0 ? 1 : .8)), D.addColorStop(1, v(f, d > 0 ? 1 : .7)), r.strokeStyle = D, r.lineWidth = d > 0 ? 2 : 1.33, r.stroke(), o > .85) {
+					let n = Math.min(1, (o - .85) / .15);
+					S(r, l.x, l.y, 40, f, (.2 + d * .2) * n), r.beginPath(), r.arc(l.x, l.y, 20 * n, 0, Math.PI * 2), r.fillStyle = v(f, n), r.fill();
+					let i = U(t.count ?? 0);
+					O(k.current, t.id, l.x, l.y, 28, {
 						label: t.name,
-						value: a,
+						value: i,
 						sublabel: `${Math.round((t.count ?? 0) / (e || 1) * 100)}% of total`,
-						color: o
-					}), r.globalAlpha = n, r.font = f.font, r.textAlign = "left";
-					let c = t.abbreviation ?? t.name?.slice(0, 6) ?? "", l = ` ${U(t.count ?? 0)}`, d = _.x + i + 6, g = _.y + 4;
-					r.fillStyle = v > 0 ? o : h(u.t2, .85), r.fillText(c, d, g);
-					let b = r.measureText(c).width;
-					r.font = p.font, r.fillStyle = v > 0 ? o : u.t1, r.fillText(l, d + b, g), r.globalAlpha = 1;
+						color: f
+					}), r.globalAlpha = n, r.font = h.font, r.textAlign = "left";
+					let a = t.abbreviation ?? t.name?.slice(0, 6) ?? "", s = ` ${U(t.count ?? 0)}`, c = l.x + 20 + 8, p = l.y + 4;
+					r.fillStyle = d > 0 ? f : v(u.t2, .85), r.fillText(a, c, p);
+					let m = r.measureText(a).width;
+					r.font = g.font, r.fillStyle = d > 0 ? f : u.t1, r.fillText(s, c + m, p), r.globalAlpha = 1;
 				}
-			}), r.beginPath(), r.arc(88, i, 32 * c, 0, Math.PI * 2), r.fillStyle = u.bgL, r.fill(), r.strokeStyle = h(u.blue, .6 * c), r.lineWidth = 2, r.stroke(), c > .4) {
-				r.globalAlpha = Math.min(1, (c - .4) / .4);
+			});
+			let b = 32 * s;
+			if (r.beginPath(), r.arc(88, i, b, 0, Math.PI * 2), r.fillStyle = v("#D9D9D9", .01 * s), r.fill(), r.save(), r.beginPath(), r.arc(88, i, b, 0, Math.PI * 2), r.clip(), r.shadowColor = v(f, .6 * s), r.shadowBlur = 19.88, r.strokeStyle = v(f, 0), r.lineWidth = 1, r.beginPath(), r.arc(88, i, b, 0, Math.PI * 2), r.stroke(), r.shadowColor = "transparent", r.shadowBlur = 0, r.restore(), r.beginPath(), r.arc(88, i, b, 0, Math.PI * 2), r.strokeStyle = v(f, .8 * s), r.lineWidth = 1, r.stroke(), s > .4) {
+				r.globalAlpha = Math.min(1, (s - .4) / .4);
 				let n = t ?? U(e, 0);
 				r.font = "500 16px 'Satoshi Variable', 'DM Sans', sans-serif";
 				let a = n;
 				for (; r.measureText(a).width > 54.4 && a.length > 1;) a = a.slice(0, -1);
-				a !== n && (a = a.slice(0, -1) + "…"), r.fillStyle = u.t1, r.textAlign = "center", r.textBaseline = "middle", r.fillText(a, 88, i), r.globalAlpha = 1;
+				a !== n && (a = a.slice(0, -1) + "…"), r.fillStyle = u.t1, r.textAlign = "center", r.textBaseline = "middle", r.fillText(a, 88, i), r.textBaseline = "alphabetic", r.globalAlpha = 1;
 			}
-			T(O.current, "__root__", 88, i, 32, {
+			O(k.current, "__root__", 88, i, 32, {
 				label: t ?? "Total",
 				value: U(e, 0),
-				sublabel: `${b.length} items`,
-				color: u.blue
-			}), C = requestAnimationFrame(w);
+				sublabel: `${y.length} items`,
+				color: f
+			}), d = requestAnimationFrame(T);
 		};
-		return w(), () => cancelAnimationFrame(C);
+		return T(), () => cancelAnimationFrame(d);
 	}, [
 		e,
 		t,
+		y,
 		b,
-		x,
 		o
-	]), b.length === 0 ? /* @__PURE__ */ s(I, {
+	]), y.length === 0 ? /* @__PURE__ */ s(R, {
 		width: o,
-		height: Ke,
-		"data-testid": l
+		height: Ye,
+		"data-testid": d
 	}) : /* @__PURE__ */ c("div", {
-		"data-testid": l,
+		"data-testid": d,
 		style: {
 			position: "relative",
 			width: o,
-			height: x
+			height: C
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: m,
+			ref: f,
 			role: "img",
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
 				width: o,
-				height: x,
+				height: C,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(C, {
-			...E,
+		}), /* @__PURE__ */ s(E, {
+			...T,
 			parentW: o,
-			parentH: x
+			parentH: C
 		})]
 	});
 }
 //#endregion
 //#region src/components/pieChart/PieChart.tsx
-var Xe = 192, Ze = Xe, Qe = Xe + 80;
-function $e({ rows: e = [], variant: t, className: r, colors: i }) {
-	let o = a(null), f = a(/* @__PURE__ */ new Map()), p = a(0), m = i?.slices ?? d, { hoveredRef: g, tooltip: b, hitZonesRef: x } = w(o, {
-		width: Ze,
-		height: Qe
+var $e = 192, et = $e, tt = $e + 80;
+function nt({ rows: e = [], variant: t, className: r, colors: i }) {
+	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), m = i?.slices ?? p, { hoveredRef: h, tooltip: g, hitZonesRef: _ } = D(o, {
+		width: et,
+		height: tt
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = v(n, Ze, Qe);
-		p.current = 0;
-		let i = Ze / 2, a = Xe / 2, s = Xe * .4, c = t === "donut" ? Xe * .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, Ze, Qe);
+		let r = x(n, et, tt);
+		f.current = 0;
+		let i = et / 2, a = $e / 2, s = $e * .4, c = t === "donut" ? $e * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, p, g = () => {
+			f.current++;
+			let n = f.current;
+			r.clearRect(0, 0, et, tt);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
-			N(f.current, g.current), x.current = [];
-			let v = -Math.PI / 2;
+			I(d.current, h.current), _.current = [];
+			let y = -Math.PI / 2;
 			e.forEach((e, t) => {
-				let d = (e.pricing ?? 0) / l, p = d * Math.PI * 2 * o, g = v + p, _ = m[t % m.length], b = f.current.get(e.id ?? `sl-${t}`) ?? 0, S = v + p / 2, C = (s + c) / 2, w = i + Math.cos(S) * C, E = a + Math.sin(S) * C, D = (s - c) / 2 + 8;
-				T(x.current, e.id ?? `sl-${t}`, w, E, D, {
+				let f = (e.pricing ?? 0) / l, p = f * Math.PI * 2 * o, h = y + p, g = m[t % m.length], b = d.current.get(e.id ?? `sl-${t}`) ?? 0, x = y + p / 2, C = (s + c) / 2, w = i + Math.cos(x) * C, T = a + Math.sin(x) * C, E = (s - c) / 2 + 8;
+				O(_.current, e.id ?? `sl-${t}`, w, T, E, {
 					label: e.vendor,
-					value: `${e.pricing ?? 0} (${Math.round(d * 100)}%)`,
-					color: _
-				}), b > 0 && y(r, w, E, D * 2 * b, _, .2 * b);
-				let O = j(n, .03, 3e-4), k = s + b * 6 + (b > 0 ? O * 2 : 0);
-				r.beginPath(), r.moveTo(i + Math.cos(v) * c, a + Math.sin(v) * c), r.arc(i, a, k, v, g), c > 0 ? r.arc(i, a, c, g, v, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = h(_, .7 + b * .2), r.fill(), r.strokeStyle = h(u.bg, .8), r.lineWidth = 1.5, r.stroke(), v = g;
-			}), t === "donut" && e.length > 0 && y(r, i, a, c * .8, u.blue, .06);
-			let S = Xe + 12;
+					value: `${e.pricing ?? 0} (${Math.round(f * 100)}%)`,
+					color: g
+				}), b > 0 && S(r, w, T, E * 2 * b, g, .2 * b);
+				let D = P(n, .03, 3e-4), k = s + b * 6 + (b > 0 ? D * 2 : 0);
+				r.beginPath(), r.moveTo(i + Math.cos(y) * c, a + Math.sin(y) * c), r.arc(i, a, k, y, h), c > 0 ? r.arc(i, a, c, h, y, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = v(g, .7 + b * .2), r.fill(), r.strokeStyle = v(u.bg, .8), r.lineWidth = 1.5, r.stroke(), y = h;
+			}), t === "donut" && e.length > 0 && S(r, i, a, c * .8, u.blue, .06);
+			let x = $e + 12;
 			e.forEach((e, t) => {
-				let n = m[t % m.length], i = (e.pricing ?? 0) / l, a = f.current.get(e.id ?? `sl-${t}`) ?? 0, o = S + t * 18;
-				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = h(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = h(u.t2, .7 + a * .2), r.textAlign = "left", r.fillText(e.vendor, 18, o + 3.5), r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = _(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, Ze - 4, o + 3.5);
-			}), d = requestAnimationFrame(b);
+				let n = m[t % m.length], i = (e.pricing ?? 0) / l, a = d.current.get(e.id ?? `sl-${t}`) ?? 0, o = x + t * 18;
+				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = v(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = v(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 = b(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, et - 4, o + 3.5);
+			}), p = requestAnimationFrame(g);
 		};
-		return b(), () => cancelAnimationFrame(d);
+		return g(), () => cancelAnimationFrame(p);
 	}, [
 		e,
 		t,
@@ -1295,30 +1333,30 @@ function $e({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Ze,
-				height: Qe
+				width: et,
+				height: tt
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: Ze,
-					height: Qe,
+					width: et,
+					height: tt,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(C, {
-				...b,
-				parentW: Ze,
-				parentH: Qe
+			}), /* @__PURE__ */ s(E, {
+				...g,
+				parentW: et,
+				parentH: tt
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/sankey/SankeySvg.tsx
-function et(e, t, n, r) {
+function rt(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({
@@ -1363,99 +1401,99 @@ function et(e, t, n, r) {
 		});
 	}), f;
 }
-function tt({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f, selectedEntity: p, className: m, colors: g }) {
-	let _ = a(null), b = a(/* @__PURE__ */ new Map()), S = a(0), D = a([]), O = g?.nodes ?? d, k = g?.links ?? u.bd, A = g?.activeLinks ?? u.blue, M = g?.activeNodes ?? u.blue, P = i(() => et(e, t, r, o), [
+function it({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: d, selectedEntity: f, className: m, colors: h }) {
+	let g = a(null), _ = a(/* @__PURE__ */ new Map()), y = a(0), b = a([]), C = h?.nodes ?? p, T = h?.links ?? u.bd, A = h?.activeLinks ?? u.blue, j = h?.activeNodes ?? u.blue, M = i(() => rt(e, t, r, o), [
 		e,
 		t,
 		r,
 		o
-	]), { hoveredRef: F, tooltip: ee, hitZonesRef: te } = w(_, {
+	]), { hoveredRef: N, tooltip: F, hitZonesRef: L } = D(g, {
 		width: r,
 		height: o
 	});
 	return n(() => {
-		let n = _.current;
+		let n = g.current;
 		if (!n) return;
-		let i = v(n, r, o);
-		S.current = 0, D.current = [];
+		let i = x(n, r, o);
+		y.current = 0, b.current = [];
 		let a = t.length > 0 ? Math.max(...t.map((e) => e.value)) : 1, s, c = () => {
-			S.current++;
-			let n = S.current;
+			y.current++;
+			let n = y.current;
 			i.clearRect(0, 0, r, o);
 			let l = 1 - (1 - Math.min(n / 56, 1)) ** 3;
-			N(b.current, F.current), te.current = [], t.forEach((e, t) => {
-				let r = P.get(e.source), o = P.get(e.target);
+			I(_.current, N.current), L.current = [], t.forEach((e, t) => {
+				let r = M.get(e.source), o = M.get(e.target);
 				if (!r || !o) return;
-				let s = !!p && (e.source === p || e.target === p), c = s ? A : k, d = s ? .5 : .2, f = Math.max(3, e.value / a * 36 * l), m = f / 2, g = r.x + r.w, _ = r.y + r.h / 2, v = o.x, y = o.y + o.h / 2, b = (g + v) / 2;
+				let s = !!f && (e.source === f || e.target === f), c = s ? A : T, d = s ? .5 : .2, p = Math.max(3, e.value / a * 36 * l), m = p / 2, h = r.x + r.w, g = r.y + r.h / 2, _ = o.x, y = o.y + o.h / 2, x = (h + _) / 2;
 				for (let e = 0; e < 30; e++) {
-					let r = e / 30, a = (e + 1) / 30, o = 1 - r, s = 1 - a, l = o * o * g + 2 * o * r * b + r * r * v, u = o * o * _ + 2 * o * r * _ + r * r * y, f = s * s * g + 2 * s * a * b + a * a * v, p = s * s * _ + 2 * s * a * _ + a * a * y, x = j(n + r * 120 + t * 40, .025, 3e-4) * 1.2;
-					i.beginPath(), i.moveTo(l, u - m + x), i.lineTo(f, p - m + x), i.lineTo(f, p + m + x), i.lineTo(l, u + m + x), i.closePath(), i.fillStyle = h(c, d * (.5 + r * .5)), i.fill();
+					let r = e / 30, a = (e + 1) / 30, o = 1 - r, s = 1 - a, l = o * o * h + 2 * o * r * x + r * r * _, u = o * o * g + 2 * o * r * g + r * r * y, f = s * s * h + 2 * s * a * x + a * a * _, p = s * s * g + 2 * s * a * g + a * a * y, b = P(n + r * 120 + t * 40, .025, 3e-4) * 1.2;
+					i.beginPath(), i.moveTo(l, u - m + b), i.lineTo(f, p - m + b), i.lineTo(f, p + m + b), i.lineTo(l, u + m + b), i.closePath(), i.fillStyle = v(c, d * (.5 + r * .5)), i.fill();
 				}
-				T(te.current, `link-${t}`, b, (_ + y) / 2, f + 6, {
+				O(L.current, `link-${t}`, x, (g + y) / 2, p + 6, {
 					label: `${e.source} → ${e.target}`,
 					value: String(e.value),
 					color: s ? A : u.blue
-				}), Math.random() < .08 && D.current.push({
+				}), Math.random() < .08 && b.current.push({
 					linkIdx: t,
 					prog: 0,
 					speed: .006 + Math.random() * .006,
-					off: (Math.random() - .5) * f * .5,
+					off: (Math.random() - .5) * p * .5,
 					sz: 1 + Math.random()
 				});
 			}), e.forEach((e, t) => {
-				let r = P.get(e.id);
+				let r = M.get(e.id);
 				if (!r) return;
-				let a = p === e.id, o = F.current === `node-${t}`, s = b.current.get(`node-${t}`) ?? 0, c = a ? M : O[t % O.length];
-				E(te.current, `node-${t}`, r.x, r.y, r.w, r.h, {
+				let a = f === e.id, o = N.current === `node-${t}`, s = _.current.get(`node-${t}`) ?? 0, c = a ? j : C[t % C.length];
+				k(L.current, `node-${t}`, r.x, r.y, r.w, r.h, {
 					label: e.name,
 					value: e.valueLabel ?? e.id,
 					color: c
-				}), (s > 0 || a) && y(i, r.x + r.w / 2, r.y + r.h / 2, r.w * 2, c, .2 * Math.max(s, a ? .6 : 0));
-				let l = a ? j(n, .03, 3e-4) * .15 : 0;
-				i.fillStyle = h(c, .6 + s * .25 + l), i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.fill(), (a || s > 0) && (i.strokeStyle = h(c, .5 * Math.max(s, a ? 1 : 0)), i.lineWidth = 1, i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.stroke());
+				}), (s > 0 || a) && S(i, r.x + r.w / 2, r.y + r.h / 2, r.w * 2, c, .2 * Math.max(s, a ? .6 : 0));
+				let l = a ? P(n, .03, 3e-4) * .15 : 0;
+				i.fillStyle = v(c, .6 + s * .25 + l), i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.fill(), (a || s > 0) && (i.strokeStyle = v(c, .5 * Math.max(s, a ? 1 : 0)), i.lineWidth = 1, i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.stroke());
 				let d = r.x + r.w + 8;
-				i.font = `${a || o ? "bold " : ""}10px 'JetBrains Mono', monospace`, i.fillStyle = h(a ? c : u.t2, .7 + s * .2), i.textAlign = "left", i.fillText(e.name, d, r.y + r.h / 2 + 4), e.valueLabel && (i.font = "9px 'JetBrains Mono', monospace", i.fillStyle = h(c, .5 + s * .2), i.fillText(e.valueLabel, d, r.y + r.h / 2 + 17));
-			}), D.current = D.current.filter((e) => {
+				i.font = `${a || o ? "bold " : ""}10px 'JetBrains Mono', monospace`, i.fillStyle = v(a ? c : u.t2, .7 + s * .2), i.textAlign = "left", i.fillText(e.name, d, r.y + r.h / 2 + 4), e.valueLabel && (i.font = "9px 'JetBrains Mono', monospace", i.fillStyle = v(c, .5 + s * .2), i.fillText(e.valueLabel, d, r.y + r.h / 2 + 17));
+			}), b.current = b.current.filter((e) => {
 				if (e.prog += e.speed, e.prog > 1) return !1;
 				let n = t[e.linkIdx];
 				if (!n) return !1;
-				let r = P.get(n.source), a = P.get(n.target);
+				let r = M.get(n.source), a = M.get(n.target);
 				if (!r || !a) return !1;
-				let o = r.x + r.w, s = r.y + r.h / 2, c = a.x, l = a.y + a.h / 2, d = (o + c) / 2, f = 1 - e.prog, p = f * f * o + 2 * f * e.prog * d + e.prog * e.prog * c, m = f * f * s + 2 * f * e.prog * s + e.prog * e.prog * l + e.off, _ = Math.sin(e.prog * Math.PI) * .5, v = g?.links ?? u.blue;
-				return i.beginPath(), i.arc(p, m, e.sz, 0, Math.PI * 2), i.fillStyle = h(v, _), i.fill(), !0;
-			}), D.current.length > 150 && (D.current = D.current.slice(-150)), x(i, r, o, n, .01), s = requestAnimationFrame(c);
+				let o = r.x + r.w, s = r.y + r.h / 2, c = a.x, l = a.y + a.h / 2, d = (o + c) / 2, f = 1 - e.prog, p = f * f * o + 2 * f * e.prog * d + e.prog * e.prog * c, m = f * f * s + 2 * f * e.prog * s + e.prog * e.prog * l + e.off, g = Math.sin(e.prog * Math.PI) * .5, _ = h?.links ?? u.blue;
+				return i.beginPath(), i.arc(p, m, e.sz, 0, Math.PI * 2), i.fillStyle = v(_, g), i.fill(), !0;
+			}), b.current.length > 150 && (b.current = b.current.slice(-150)), w(i, r, o, n, .01), s = requestAnimationFrame(c);
 		};
 		return c(), () => {
-			cancelAnimationFrame(s), D.current = [];
+			cancelAnimationFrame(s), b.current = [];
 		};
 	}, [
 		e,
 		t,
 		r,
 		o,
-		p,
-		g,
-		P
+		f,
+		h,
+		M
 	]), /* @__PURE__ */ s(l, {
 		className: ["canvas-sankey-frame", m].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ c("div", {
 			role: "img",
-			"aria-label": f,
+			"aria-label": d,
 			style: {
 				position: "relative",
 				width: r,
 				height: o
 			},
 			children: [/* @__PURE__ */ s("canvas", {
-				ref: _,
+				ref: g,
 				style: {
 					width: r,
 					height: o,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(C, {
-				...ee,
+			}), /* @__PURE__ */ s(E, {
+				...F,
 				parentW: r,
 				parentH: o
 			})]
@@ -1464,7 +1502,7 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 }
 //#endregion
 //#region src/canvas/CausalFlowCanvas.tsx
-var nt = [
+var at = [
 	{
 		x: .13,
 		y: .48
@@ -1497,7 +1535,7 @@ var nt = [
 		x: .92,
 		y: .22
 	}
-], rt = [
+], ot = [
 	u.blue,
 	u.orange,
 	u.red,
@@ -1505,7 +1543,7 @@ var nt = [
 	u.green,
 	u.amber,
 	u.t2
-], it = [
+], st = [
 	26,
 	24,
 	24,
@@ -1515,21 +1553,21 @@ var nt = [
 	22,
 	22
 ];
-function at(e, t) {
+function ct(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 ot(e, t) {
+function lt(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 st(e, t) {
+function ut(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return {
 		p0: {
@@ -1550,46 +1588,46 @@ function st(e, t) {
 		}
 	};
 }
-function ct({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
-	let d = a(null), f = a(0), p = a([]), { hoveredRef: m, tooltip: g, hitZonesRef: S } = w(d, {
+function dt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
+	let d = a(null), f = a(0), p = a([]), { hoveredRef: m, tooltip: h, hitZonesRef: g } = D(d, {
 		width: r,
 		height: o
-	}), E = i(() => {
+	}), _ = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e, n) => t.set(e.id, n)), t;
-	}, [e]), O = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), k = (e) => O > 1 ? e / 100 : e, A = i(() => e.map((e, t) => {
-		let n = nt[t % nt.length];
+	}, [e]), y = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), T = (e) => y > 1 ? e / 100 : e, k = i(() => e.map((e, t) => {
+		let n = at[t % at.length];
 		return {
 			id: e.id,
 			label: e.name,
 			sub: e.valueLabel ?? "",
 			x: n.x * r,
 			y: n.y * o,
-			r: it[t % it.length],
-			color: rt[t % rt.length]
+			r: st[t % st.length],
+			color: ot[t % ot.length]
 		};
 	}), [
 		e,
 		r,
 		o
-	]), M = i(() => t.map((e) => ({
-		fromIdx: E.get(e.source) ?? -1,
-		toIdx: E.get(e.target) ?? -1,
-		conf: k(e.value)
-	})).filter((e) => e.fromIdx >= 0 && e.toIdx >= 0), [t, E]);
+	]), j = i(() => t.map((e) => ({
+		fromIdx: _.get(e.source) ?? -1,
+		toIdx: _.get(e.target) ?? -1,
+		conf: T(e.value)
+	})).filter((e) => e.fromIdx >= 0 && e.toIdx >= 0), [t, _]);
 	return n(() => {
 		let e = d.current;
 		if (!e) return;
-		let t = v(e, r, o);
+		let t = x(e, r, o);
 		f.current = 0, p.current = [];
 		let n, i = () => {
 			f.current++;
 			let e = f.current;
-			if (t.clearRect(0, 0, r, o), S.current = [], b(t, r, o, e, 50, h(u.blue, .05)), M.forEach((e, n) => {
-				let r = A[e.fromIdx], i = A[e.toIdx];
+			if (t.clearRect(0, 0, r, o), g.current = [], C(t, r, o, e, 50, v(u.blue, .05)), j.forEach((e, n) => {
+				let r = k[e.fromIdx], i = k[e.toIdx];
 				if (!r || !i) return;
-				let a = !!l && (r.id === l || i.id === l), o = _(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = st(r, i);
-				t.beginPath(), t.moveTo(d.p0.x, d.p0.y), t.bezierCurveTo(d.p1.x, d.p1.y, d.p2.x, d.p2.y, d.p3.x, d.p3.y), t.strokeStyle = h(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = h(o, c), t.lineWidth = 1.5, t.stroke();
+				let a = !!l && (r.id === l || i.id === l), o = b(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = ut(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 = v(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = v(o, c), t.lineWidth = 1.5, t.stroke();
 				for (let t = 0; t < e.conf * 2.5; t++) Math.random() < .45 && p.current.push({
 					edgeIdx: n,
 					t: 0,
@@ -1597,45 +1635,45 @@ function ct({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 					off: (Math.random() - .5) * 13,
 					sz: .7 + Math.random() * 2
 				});
-				let f = at(d, .5), m = `${Math.round(e.conf * 100)}%`;
+				let f = ct(d, .5), m = `${Math.round(e.conf * 100)}%`;
 				t.font = "bold 12px 'JetBrains Mono', monospace", t.textBaseline = "middle";
-				let g = t.measureText(m).width + 14;
-				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(f.x - g / 2, f.y - 11, g, 22, 6), t.fill(), t.strokeStyle = h(u.blue, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = h(u.blue, .9), t.textAlign = "center", t.fillText(m, f.x, f.y);
+				let h = t.measureText(m).width + 14;
+				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(f.x - h / 2, f.y - 11, h, 22, 6), t.fill(), t.strokeStyle = v(u.blue, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = v(u.blue, .9), t.textAlign = "center", t.fillText(m, f.x, f.y);
 			}), p.current = p.current.filter((e) => {
 				if (e.t += e.speed, e.t > 1) return !1;
-				let n = M[e.edgeIdx];
+				let n = j[e.edgeIdx];
 				if (!n) return !1;
-				let r = A[n.fromIdx], i = A[n.toIdx];
+				let r = k[n.fromIdx], i = k[n.toIdx];
 				if (!r || !i) return !1;
-				let a = st(r, i), o = at(a, e.t), s = ot(a, e.t), c = o.x + s.x * e.off, l = o.y + s.y * e.off, u = Math.sin(e.t * Math.PI) * .7, d = _(r.color, i.color, e.t);
-				return y(t, c, l, e.sz * 3, d, u * .1), t.beginPath(), t.arc(c, l, e.sz, 0, Math.PI * 2), t.fillStyle = h(d, u), t.fill(), !0;
-			}), p.current.length > 350 && (p.current = p.current.slice(-350)), A.forEach((n, r) => {
-				let i = l === n.id, a = m.current === `node-${r}`, o = j(e, .03, 3e-4) * .1 + 1, s = n.r * o * (i ? 1.15 : 1);
-				t.beginPath(), t.arc(n.x, n.y, s + 6, 0, Math.PI * 2), t.strokeStyle = h(n.color, i ? .3 : .1), t.lineWidth = i ? 1.5 : .7, t.stroke(), y(t, n.x, n.y, s * 3, n.color, i ? .22 : .12);
+				let a = ut(r, i), o = ct(a, e.t), s = lt(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 = b(r.color, i.color, e.t);
+				return S(t, c, l, e.sz * 3, d, u * .1), t.beginPath(), t.arc(c, l, e.sz, 0, Math.PI * 2), t.fillStyle = v(d, u), t.fill(), !0;
+			}), p.current.length > 350 && (p.current = p.current.slice(-350)), k.forEach((n, r) => {
+				let i = l === n.id, a = m.current === `node-${r}`, o = P(e, .03, 3e-4) * .1 + 1, s = n.r * o * (i ? 1.15 : 1);
+				t.beginPath(), t.arc(n.x, n.y, s + 6, 0, Math.PI * 2), t.strokeStyle = v(n.color, i ? .3 : .1), t.lineWidth = i ? 1.5 : .7, t.stroke(), S(t, n.x, n.y, s * 3, n.color, i ? .22 : .12);
 				let c = t.createRadialGradient(n.x, n.y - s * .2, 0, n.x, n.y, s);
-				if (c.addColorStop(0, h(n.color, i ? 1 : .85)), c.addColorStop(1, h(n.color, i ? .65 : .45)), t.fillStyle = c, t.beginPath(), t.arc(n.x, n.y, s, 0, Math.PI * 2), t.fill(), i || r === A.length - 1) {
+				if (c.addColorStop(0, v(n.color, i ? 1 : .85)), c.addColorStop(1, v(n.color, i ? .65 : .45)), t.fillStyle = c, t.beginPath(), t.arc(n.x, n.y, s, 0, Math.PI * 2), t.fill(), i || r === k.length - 1) {
 					let r = s + 16, i = e * .04, a = n.x + Math.cos(i) * r, o = n.y + Math.sin(i) * r;
-					y(t, a, o, 6, n.color, .3), t.beginPath(), t.arc(a, o, 2, 0, Math.PI * 2), t.fillStyle = h(n.color, .75), t.fill();
+					S(t, a, o, 6, n.color, .3), t.beginPath(), t.arc(a, o, 2, 0, Math.PI * 2), t.fillStyle = v(n.color, .75), t.fill();
 				}
-				T(S.current, `node-${r}`, n.x, n.y, s + 8, {
+				O(g.current, `node-${r}`, n.x, n.y, s + 8, {
 					label: n.label,
 					value: n.sub || n.id,
 					color: n.color
-				}), t.font = `${i || a ? "bold " : ""}12px 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = h(n.color, i ? 1 : .9), t.fillText(n.label, n.x, n.y + s + 18), n.sub && (t.font = "10px 'JetBrains Mono', monospace", t.fillStyle = h(u.t3, .65), t.fillText(n.sub, n.x, n.y + s + 32));
-			}), M.length >= 2) {
-				let n = M.reduce((e, t) => e * t.conf, 1), i = o * .92, a = r * .12, s = r * .76, c = D(Math.min(e * .008, 1));
-				t.fillStyle = h(u.bd, .35), t.beginPath(), t.roundRect(a, i, s, 5, 3), t.fill(), t.fillStyle = h(u.orange, .6), t.beginPath(), t.roundRect(a, i, s * n * c, 5, 3), t.fill(), t.font = "bold 12px 'JetBrains Mono', monospace", t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = h(u.orange, .85), t.fillText(`${Math.round(n * 100)}% compound confidence`, a + s * n * c + 10, i + 2);
-				let l = M.map((e) => e.conf.toFixed(2)).join(" × ");
-				t.textAlign = "right", t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = h(u.t4, .6), t.fillText(l, a - 6, i + 2);
+				}), t.font = `${i || a ? "bold " : ""}12px 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = v(n.color, i ? 1 : .9), t.fillText(n.label, n.x, n.y + s + 18), n.sub && (t.font = "10px 'JetBrains Mono', monospace", t.fillStyle = v(u.t3, .65), t.fillText(n.sub, n.x, n.y + s + 32));
+			}), j.length >= 2) {
+				let n = j.reduce((e, t) => e * t.conf, 1), i = o * .92, a = r * .12, s = r * .76, c = A(Math.min(e * .008, 1));
+				t.fillStyle = v(u.bd, .35), t.beginPath(), t.roundRect(a, i, s, 5, 3), t.fill(), t.fillStyle = v(u.orange, .6), t.beginPath(), t.roundRect(a, i, s * n * c, 5, 3), t.fill(), t.font = "bold 12px 'JetBrains Mono', monospace", t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = v(u.orange, .85), t.fillText(`${Math.round(n * 100)}% compound confidence`, a + s * n * c + 10, i + 2);
+				let l = j.map((e) => e.conf.toFixed(2)).join(" × ");
+				t.textAlign = "right", t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = v(u.t4, .6), t.fillText(l, a - 6, i + 2);
 			}
-			x(t, r, o, e, .012), n = requestAnimationFrame(i);
+			w(t, r, o, e, .012), n = requestAnimationFrame(i);
 		};
 		return i(), () => {
 			cancelAnimationFrame(n), p.current = [];
 		};
 	}, [
-		A,
-		M,
+		k,
+		j,
 		r,
 		o,
 		l
@@ -1655,8 +1693,8 @@ function ct({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 			},
 			role: "img",
 			"aria-label": "causal flow diagram"
-		}), /* @__PURE__ */ s(C, {
-			...g,
+		}), /* @__PURE__ */ s(E, {
+			...h,
 			parentW: r,
 			parentH: o
 		})]
@@ -1664,10 +1702,10 @@ function ct({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 }
 //#endregion
 //#region src/components/sankey/ProcessSankey.tsx
-function lt({ selectedEntity: e, colors: t }) {
-	return /* @__PURE__ */ s(ct, {
-		nodes: Ue.nodes,
-		links: Ue.links,
+function ft({ selectedEntity: e, colors: t }) {
+	return /* @__PURE__ */ s(dt, {
+		nodes: Ke.nodes,
+		links: Ke.links,
 		width: 960,
 		height: 280,
 		selectedEntity: e
@@ -1675,7 +1713,7 @@ function lt({ selectedEntity: e, colors: t }) {
 }
 //#endregion
 //#region src/components/sankey/RankingSankey.tsx
-function ut({ rows: e = [], className: t, colors: n }) {
+function pt({ rows: e = [], className: t, colors: n }) {
 	let { nodes: r, links: a } = i(() => {
 		let t = e.slice(0, 5);
 		return {
@@ -1693,7 +1731,7 @@ function ut({ rows: e = [], className: t, colors: n }) {
 			}))
 		};
 	}, [e]);
-	return /* @__PURE__ */ s(tt, {
+	return /* @__PURE__ */ s(it, {
 		nodes: r,
 		links: a,
 		width: 760,
@@ -1705,131 +1743,138 @@ function ut({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/balanceScaleChart/BalanceScaleChart.tsx
-var dt = 500, ft = 280;
-function pt({ left: e, right: t, leftTitle: r = "Accepted", rightTitle: i = "Submitted", unit: o = "quotations", "data-testid": c }) {
+var mt = 780, ht = 420;
+function gt({ left: e, right: t, leftTitle: r = "Accepted", rightTitle: i = "Submitted", unit: o = "quotations", "data-testid": c }) {
 	let l = a(null), d = a(0);
 	return n(() => {
 		let n = l.current;
 		if (!n) return;
-		let a = v(n, dt, ft);
+		let a = x(n, mt, ht);
 		d.current = 0;
-		let s = dt / 2, c = Math.abs(e.value ?? 0), m = Math.abs(t.value ?? 0), g = Math.max(c, m, 1), _ = (e.value - t.value) / (2 * g) * 14, b = Math.max(-14, Math.min(14, _)), x, S = () => {
+		let s = mt / 2, c = Math.abs(e.value ?? 0), f = Math.abs(t.value ?? 0), p = Math.max(c, f, 1), m = (e.value - t.value) / (2 * p) * 14, g = Math.max(-14, Math.min(14, m)), _ = (e, t, n, r, i) => {
+			let o = t - 99 / 2, s = n + 30, c = [
+				0,
+				0,
+				10,
+				10
+			];
+			a.beginPath(), a.roundRect(o, s, 99, r, c), a.fillStyle = v(u.t4, .92 * i), a.fill(), a.save(), a.beginPath(), a.roundRect(o, s, 99, r, c), a.clip();
+			let l = v(e, .7 * i), d = v(e, 0), f = a.createLinearGradient(0, s + r, 0, s + r - 30);
+			f.addColorStop(0, l), f.addColorStop(1, d), a.fillStyle = f, a.fillRect(o, s + r - 30, 99, 30);
+			let p = a.createLinearGradient(0, s, 0, s + 30);
+			p.addColorStop(0, l), p.addColorStop(1, d), a.fillStyle = p, a.fillRect(o, s, 99, 30);
+			let m = a.createLinearGradient(o, 0, o + 30, 0);
+			m.addColorStop(0, l), m.addColorStop(1, d), a.fillStyle = m, a.fillRect(o, s, 30, r);
+			let h = a.createLinearGradient(o + 99, 0, o + 99 - 30, 0);
+			h.addColorStop(0, l), h.addColorStop(1, d), a.fillStyle = h, a.fillRect(o + 99 - 30, s, 30, r), a.restore(), a.beginPath(), a.roundRect(o, s, 99, r, c), a.strokeStyle = v(e, 1 * i), a.lineWidth = 1, a.stroke();
+			let g = o + 99 / 2, _ = s - 5;
+			a.strokeStyle = v(u.t2, .5 * i), a.lineWidth = 1, a.beginPath(), a.moveTo(t, n + 4), a.lineTo(g, _), a.stroke(), a.beginPath(), a.moveTo(g, _), a.lineTo(g - 10, s), a.stroke(), a.beginPath(), a.moveTo(g, _), a.lineTo(g + 10, s), a.stroke(), a.beginPath(), a.arc(t, n, 3, 0, Math.PI * 2), a.fillStyle = v(u.t2, .7 * i), a.fill();
+		}, y, b = () => {
 			d.current++;
 			let n = d.current;
-			a.clearRect(0, 0, dt, ft), a.letterSpacing = f.letterSpacing;
-			let l = D(Math.min(n / 80, 1)), _ = b * A(Math.min(n / 80, 1)) * Math.PI / 180;
-			a.strokeStyle = h(u.bd, .5 * l), a.lineWidth = 2, a.beginPath(), a.moveTo(s, 50), a.lineTo(s, 180), a.stroke(), a.beginPath(), a.arc(s, 50, 5 * l, 0, Math.PI * 2), a.fillStyle = u.t2, a.fill();
-			let v = {
-				x: s - Math.cos(_) * 160,
-				y: 50 + Math.sin(-_) * 160
+			a.clearRect(0, 0, mt, ht), a.letterSpacing = h.letterSpacing;
+			let l = A(Math.min(n / 80, 1)), m = g * N(Math.min(n / 80, 1)) * Math.PI / 180, x = {
+				x: s - Math.cos(m) * 240,
+				y: 100 + Math.sin(-m) * 240
 			}, C = {
-				x: s + Math.cos(_) * 160,
-				y: 50 + Math.sin(_) * 160
+				x: s + Math.cos(m) * 240,
+				y: 100 + Math.sin(m) * 240
 			};
-			a.strokeStyle = h(u.t2, .5 * l), a.lineWidth = 2, a.beginPath(), a.moveTo(v.x, v.y), a.lineTo(C.x, C.y), a.stroke();
-			let w = Math.max(20, c / g * 100 * l), T = v.y + 18;
-			y(a, v.x, T + w / 2, 90 * .5, u.green, .18 * l), a.fillStyle = h(u.green, .5 * l), a.beginPath(), a.roundRect(v.x - 90 / 2, T, 90, w, [
-				0,
-				0,
-				6,
-				6
-			]), a.fill(), a.strokeStyle = h(u.green, .7 * l), a.lineWidth = 1.5, a.stroke(), a.strokeStyle = h(u.t2, .35 * l), a.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
-				a.beginPath(), a.moveTo(v.x + e, v.y + 4), a.lineTo(v.x + e, T), a.stroke();
-			}), l > .5 && (a.globalAlpha = Math.min(1, (l - .5) / .5), a.font = p.font, a.fillStyle = u.green, a.textAlign = "center", a.fillText(e.label, v.x, T + w + 18), a.font = f.font, a.fillStyle = f.color, a.fillText(r, v.x, T + w + 38), a.fillText(`${e.count} ${o}`, v.x, T + w + 58), a.globalAlpha = 1);
-			let E = Math.max(20, m / g * 100 * l), O = C.y + 18;
-			a.fillStyle = h(u.amber, .3 * l), a.strokeStyle = h(u.amber, .5 * l), a.lineWidth = 1.5, a.beginPath(), a.roundRect(C.x - 90 / 2, O, 90, E, [
-				0,
-				0,
-				6,
-				6
-			]), a.fill(), a.stroke(), a.strokeStyle = h(u.t2, .35 * l), a.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
-				a.beginPath(), a.moveTo(C.x + e, C.y + 4), a.lineTo(C.x + e, O), a.stroke();
-			}), l > .5 && (a.globalAlpha = Math.min(1, (l - .5) / .5), a.font = p.font, a.fillStyle = u.amber, a.textAlign = "center", a.fillText(t.label, C.x, O + E + 18), a.font = f.font, a.fillStyle = f.color, a.fillText(i, C.x, O + E + 38), a.fillText(`${t.count} ${o}`, C.x, O + E + 58), a.globalAlpha = 1), x = requestAnimationFrame(S);
+			a.strokeStyle = v(u.t2, .55 * l), a.lineWidth = 1.5, a.beginPath(), a.moveTo(x.x, x.y), a.lineTo(C.x, C.y), a.stroke(), S(a, s, 100, 18, u.t2, .14 * l), a.beginPath(), a.arc(s, 100, 9 * l, 0, Math.PI * 2), a.fillStyle = v(u.t2, .85 * l), a.fill();
+			let w = Math.max(20, c / p * 95 * l), T = Math.max(20, f / p * 95 * l);
+			if (_(u.green, x.x, x.y, w, l), _(u.amber, C.x, C.y, T, l), l > .5) {
+				a.globalAlpha = Math.min(1, (l - .5) / .5), a.textAlign = "center", a.textBaseline = "top";
+				let n = x.y + 30 + w + 14, s = C.y + 30 + T + 14;
+				a.font = "700 34px 'Satoshi Variable', 'DM Sans', sans-serif", a.fillStyle = u.t1, a.fillText(e.label, x.x, n), a.font = h.font, a.fillStyle = h.color, a.fillText(`${r} ${e.count} ${o}`, x.x, n + 42), a.font = "700 34px 'Satoshi Variable', 'DM Sans', sans-serif", a.fillStyle = u.t1, a.fillText(t.label, C.x, s), a.font = h.font, a.fillStyle = h.color, a.fillText(`${i} ${t.count} ${o}`, C.x, s + 42), a.globalAlpha = 1, a.textBaseline = "alphabetic";
+			}
+			y = requestAnimationFrame(b);
 		};
-		return S(), () => cancelAnimationFrame(x);
+		return b(), () => cancelAnimationFrame(y);
 	}, [e, t]), /* @__PURE__ */ s("div", {
 		"data-testid": c,
 		style: {
 			position: "relative",
-			width: dt,
-			height: ft
+			width: mt,
+			height: ht
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: l,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
-				width: dt,
-				height: ft,
-				display: "block"
+				width: mt,
+				height: ht,
+				display: "block",
+				borderRadius: 8
 			}
 		})
 	});
 }
 //#endregion
 //#region src/components/areaLineChart/AreaLineChart.tsx
-var mt = 680, q = 280;
-function ht({ points: e = [], "data-testid": t }) {
-	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: m } = w(r, {
-		width: mt,
-		height: q
-	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
+var _t = 780, vt = 360;
+function yt({ points: e = [], "data-testid": t }) {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: f, hitZonesRef: p } = D(r, {
+		width: _t,
+		height: vt
+	}), m = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, mt, q);
+		let t = x(e, _t, vt);
 		l.current = 0;
-		let n = mt - 54 - 28, i = q - 30 - 54, a = Math.max(...g.map((e) => e.count), 1), s = g.length, c = s > 1 ? n / (s - 1) : n, p = g.map((e, t) => ({
-			x: 54 + t * c,
-			y: 30 + i - e.count / a * i,
+		let n = _t - 64 - 48, i = vt - 48 - 68, a = Math.max(...m.map((e) => e.count), 1), s = m.length, c = s > 1 ? n / (s - 1) : n, f = m.map((e, t) => ({
+			x: 64 + t * c,
+			y: 48 + i - e.count / a * i,
 			point: e
-		})), _, b = () => {
+		})), g, _ = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, mt, q), t.letterSpacing = f.letterSpacing;
-			let r = D(Math.min(e / 72, 1));
-			N(o.current, d.current), m.current = [], [
+			t.clearRect(0, 0, _t, vt), t.letterSpacing = h.letterSpacing;
+			let r = A(Math.min(e / 72, 1));
+			I(o.current, d.current), p.current = [], [
+				0,
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
-				let r = 30 + i - e * i;
-				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(54, r), t.lineTo(54 + n, r), t.stroke(), t.setLineDash([]), t.font = f.font, t.fillStyle = f.color, t.textAlign = "right", t.fillText(String(Math.round(a * e)), 48, r + 3);
-			}), t.save(), t.translate(12, 30 + i / 2), t.rotate(-Math.PI / 2), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Submissions", 0, 0), t.restore(), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Week", 54 + n / 2, q - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(54, 30 + i), t.lineTo(54 + n, 30 + i), t.stroke();
-			let c = r * (s - 1), g = Math.floor(c) + 1;
-			if (g >= 2) {
-				t.beginPath(), t.moveTo(p[0].x, 30 + i), t.lineTo(p[0].x, p[0].y);
-				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);
+				let r = 48 + i - e * i;
+				t.strokeStyle = v(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(64, r), t.lineTo(64 + n, r), t.stroke(), t.setLineDash([]), t.font = h.font, t.fillStyle = h.color, t.textAlign = "right", t.fillText(String(Math.round(a * e)), 58, r + 3);
+			}), t.save(), t.translate(12, 48 + i / 2), t.rotate(-Math.PI / 2), t.font = h.font, t.fillStyle = h.color, t.textAlign = "center", t.fillText("Count", 0, 0), t.restore(), t.strokeStyle = v(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(64, 48 + i), t.lineTo(64 + n, 48 + i), t.stroke();
+			let c = r * (s - 1), m = Math.floor(c) + 1;
+			if (m >= 2) {
+				t.beginPath(), t.moveTo(f[0].x, 48 + i), t.lineTo(f[0].x, f[0].y);
+				for (let e = 1; e < m; e++) {
+					let n = c - Math.floor(c), r = e < m - 1 ? f[e].x : f[e - 1].x + (f[e].x - f[e - 1].x) * (e === Math.ceil(c) ? n : 1), i = e < m - 1 ? f[e].y : f[e - 1].y + (f[e].y - f[e - 1].y) * (e === Math.ceil(c) ? n : 1);
 					t.lineTo(r, i);
 				}
-				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, h(u.blue, .22)), n.addColorStop(1, h(u.blue, .02)), t.fillStyle = n, t.fill();
+				let e = f[Math.min(m - 1, s - 1)];
+				t.lineTo(e.x, 48 + i), t.closePath();
+				let n = t.createLinearGradient(0, 48, 0, 48 + i);
+				n.addColorStop(0, v(u.teal, .12)), n.addColorStop(1, v(u.teal, .02)), t.fillStyle = n, t.fill();
 			}
 			t.beginPath();
-			for (let e = 0; e < g; e++) {
-				let n = c - Math.floor(c), r = e === g - 1 && e > 0 && e === Math.ceil(c), i = e === 0 || e < g - 1 ? p[e].x : p[e - 1].x + (p[e].x - p[e - 1].x) * (r ? n : 1), a = e === 0 || e < g - 1 ? p[e].y : p[e - 1].y + (p[e].y - p[e - 1].y) * (r ? n : 1);
+			for (let e = 0; e < m; e++) {
+				let n = c - Math.floor(c), r = e === m - 1 && e > 0 && e === Math.ceil(c), i = e === 0 || e < m - 1 ? f[e].x : f[e - 1].x + (f[e].x - f[e - 1].x) * (r ? n : 1), a = e === 0 || e < m - 1 ? f[e].y : f[e - 1].y + (f[e].y - f[e - 1].y) * (r ? n : 1);
 				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
-			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), p.forEach((e, n) => {
-				if (n >= g) return;
+			t.strokeStyle = v(u.teal, .85), t.lineWidth = 2, t.stroke(), f.forEach((e, n) => {
+				if (n >= m) return;
 				let r = `pt-${n}`, s = o.current.get(r) ?? 0;
-				T(m.current, r, e.x, e.y, 10, {
+				O(p.current, r, e.x, e.y, 10, {
 					label: e.point.week,
 					value: String(e.point.count),
-					color: u.blue
-				}), s > 0 && S(t, e.x, 30, 30 + i, h(u.blue, .15 * s));
+					color: u.teal
+				}), s > 0 && T(t, e.x, 48, 48 + i, v(u.teal, .15 * s));
 				let c = e.point.count === a;
-				(s > 0 || c) && y(t, e.x, e.y, 14, u.blue, (c ? .3 : 0) + s * .25), t.beginPath(), t.arc(e.x, e.y, s > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = f.font, t.fillStyle = u.blue, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = f.font, t.fillStyle = s > 0 ? u.blue : f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, q - 54 + 14);
-			}), _ = requestAnimationFrame(b);
+				(s > 0 || c) && S(t, e.x, e.y, 14, u.teal, (c ? .3 : 0) + s * .25), t.beginPath(), t.arc(e.x, e.y, s > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = v(u.teal, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = h.font, t.fillStyle = u.teal, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = h.font, t.fillStyle = s > 0 ? u.teal : h.color, t.textAlign = "center", t.fillText(e.point.week, e.x, vt - 68 + 14);
+			}), g = requestAnimationFrame(_);
 		};
-		return b(), () => cancelAnimationFrame(_);
-	}, [g]), g.length < 2 ? /* @__PURE__ */ s(I, {
-		width: mt,
-		height: q,
+		return _(), () => cancelAnimationFrame(g);
+	}, [m]), m.length < 2 ? /* @__PURE__ */ s(R, {
+		width: _t,
+		height: vt,
 		"data-testid": t
 	}) : /* @__PURE__ */ s("div", {
 		"data-testid": t,
@@ -1841,80 +1886,80 @@ function ht({ points: e = [], "data-testid": t }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: mt,
-				height: q
+				width: _t,
+				height: vt
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: r,
 				role: "img",
 				"aria-label": "Trend chart — count over time",
 				style: {
-					width: mt,
-					height: q,
+					width: _t,
+					height: vt,
 					display: "block"
 				}
-			}), /* @__PURE__ */ s(C, {
-				...p,
-				parentW: mt,
-				parentH: q
+			}), /* @__PURE__ */ s(E, {
+				...f,
+				parentW: _t,
+				parentH: vt
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var gt = 680, J = 280, _t = 80, vt = 48, yt = 64, bt = f.font, xt = 12, St = Math.PI * 2, Ct = 72, wt = 20, Tt = 5e3;
-function Et({ 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 yt;
+var bt = 680, q = 280, xt = 80, St = 48, Ct = 64, wt = h.font, Tt = 12, Et = Math.PI * 2, Dt = 72, Ot = 20, kt = 5e3;
+function At({ points: e = [], colorOffset: t = 0, "data-testid": r }) {
+	let o = a(null), l = a(null), d = a(0), f = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = i(() => {
+		if (f.length <= 1) return Ct;
 		let e = document.createElement("canvas").getContext("2d");
-		if (!e) return yt;
-		e.font = bt;
-		let t = Math.max(1, Math.ceil(d.length / wt)), n = Math.max(...d.filter((e, n) => n % t === 0).map((t) => e.measureText(t.week).width));
-		return Math.max(yt, n + xt);
-	}, [d]), m = Math.round(p / 2), g = vt + m + Math.max(0, d.length - 1) * p, _ = Math.max(gt - _t, Math.min(g, Tt)), { tooltip: y, hitZonesRef: b } = w(r, {
-		width: _,
-		height: J
+		if (!e) return Ct;
+		e.font = wt;
+		let t = Math.max(1, Math.ceil(f.length / Ot)), n = Math.max(...f.filter((e, n) => n % t === 0).map((t) => e.measureText(t.week).width));
+		return Math.max(Ct, n + Tt);
+	}, [f]), g = Math.round(p / 2), _ = St + g + Math.max(0, f.length - 1) * p, y = Math.max(bt - xt, Math.min(_, kt)), { tooltip: b, hitZonesRef: S } = D(o, {
+		width: y,
+		height: q
 	});
 	return n(() => {
-		let e = r.current;
+		let e = o.current;
 		if (!e) return;
-		let t = v(e, _, J), n = o.current ? v(o.current, _t, J) : null;
-		l.current = 0;
-		let i = d.length <= Ct ? Ct : Math.max(24, Math.round(Ct * (Ct / d.length))), a = _ - vt, s = J - 42 - 54, c = d.length > 0 ? d.map((e) => e.count) : [0], g = Math.min(...c), y = Math.max(...c), x = y - g || 1, S = d.length, C = S > 1 ? (a - m) / (S - 1) : a - m, w = Math.max(1, Math.ceil(p / C)), E = g < 0, O = E ? 42 + s - -g / x * s : 42 + s, k = d.map((e, t) => ({
-			x: m + t * C,
-			y: 42 + s - (E ? (e.count - g) / x : e.count / (y || 1)) * s,
+		let n = x(e, y, q), r = l.current ? x(l.current, xt, q) : null;
+		d.current = 0;
+		let i = m[t % m.length], a = f.length <= Dt ? Dt : Math.max(24, Math.round(Dt * (Dt / f.length))), s = y - St, c = q - 42 - 54, _ = f.length > 0 ? f.map((e) => e.count) : [0], b = Math.min(..._), C = Math.max(..._), w = C - b || 1, T = f.length, E = T > 1 ? (s - g) / (T - 1) : s - g, D = Math.max(1, Math.ceil(p / E)), k = b < 0, j = k ? 42 + c - -b / w * c : 42 + c, M = f.map((e, t) => ({
+			x: g + t * E,
+			y: 42 + c - (k ? (e.count - b) / w : e.count / (C || 1)) * c,
 			point: e
 		}));
-		if (n) {
-			n.clearRect(0, 0, _t, J), n.letterSpacing = f.letterSpacing;
-			let e = E ? [
-				g,
-				g + x * .25,
-				g + x * .5,
-				g + x * .75,
-				y
+		if (r) {
+			r.clearRect(0, 0, xt, q), r.letterSpacing = h.letterSpacing;
+			let e = k ? [
+				b,
+				b + w * .25,
+				b + w * .5,
+				b + w * .75,
+				C
 			] : [
 				0,
-				y * .25,
-				y * .5,
-				y * .75,
-				y
+				C * .25,
+				C * .5,
+				C * .75,
+				C
 			];
-			e.forEach((t, r) => {
-				let i = r / (e.length - 1), a = 42 + s - i * s;
-				n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(U(t), _t - 6, a + 3);
-			}), n.save(), n.translate(12, 42 + s / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore();
+			e.forEach((t, n) => {
+				let i = n / (e.length - 1), a = 42 + c - i * c;
+				r.font = h.font, r.fillStyle = h.color, r.textAlign = "right", r.fillText(U(t), xt - 6, a + 3);
+			}), r.save(), r.translate(12, 42 + c / 2), r.rotate(-Math.PI / 2), r.font = h.font, r.fillStyle = h.color, r.textAlign = "center", r.fillText("Count", 0, 0), r.restore();
 		}
-		let A = t.createLinearGradient(0, 42, 0, 42 + s);
-		A.addColorStop(0, h(u.blue, .22)), A.addColorStop(1, h(u.blue, .02));
-		let j = 0, M, N = (e) => {
-			t.font = bt, t.fillStyle = f.color, t.textAlign = "center";
-			for (let n = 0; n < e; n++) n % w === 0 && t.fillText(k[n].point.week, k[n].x, J - 54 + 14);
-		}, P = () => {
-			l.current++;
-			let e = Math.min(l.current / i, 1), n = D(e), r = e >= 1;
-			t.clearRect(0, 0, _, J), t.letterSpacing = f.letterSpacing, (E ? [
+		let N = n.createLinearGradient(0, 42, 0, 42 + c);
+		N.addColorStop(0, v(i, .12)), N.addColorStop(1, v(i, .02));
+		let P = 0, F, I = (e) => {
+			n.font = wt, n.fillStyle = h.color, n.textAlign = "center";
+			for (let t = 0; t < e; t++) t % D === 0 && n.fillText(M[t].point.week, M[t].x, q - 54 + 14);
+		}, L = () => {
+			d.current++;
+			let e = Math.min(d.current / a, 1), t = A(e), r = e >= 1;
+			n.clearRect(0, 0, y, q), n.letterSpacing = h.letterSpacing, (k ? [
 				0,
 				.25,
 				.5,
@@ -1926,60 +1971,61 @@ function Et({ points: e = [], "data-testid": t }) {
 				.75,
 				1
 			]).forEach((e) => {
-				let n = 42 + s - e * s;
-				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(0, n), t.lineTo(a, n), t.stroke(), t.setLineDash([]);
-			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", m + (a - m) / 2, J - 6), t.strokeStyle = h(u.bd, E ? .5 : .3), t.lineWidth = E ? 2 : 1, t.beginPath(), t.moveTo(m, E ? O : 42 + s), t.lineTo(a, E ? O : 42 + s), t.stroke();
-			let o = n * (S - 1), c = Math.floor(o) + 1;
-			if (c >= 2) {
-				let e = E ? O : 42 + s;
-				t.beginPath(), t.moveTo(k[0].x, e), t.lineTo(k[0].x, k[0].y);
-				for (let e = 1; e < c; e++) {
-					let n = o - Math.floor(o), r = e === c - 1 && e === Math.ceil(o) && n > 0, i = r ? k[e - 1].x + (k[e].x - k[e - 1].x) * n : k[e].x, a = r ? k[e - 1].y + (k[e].y - k[e - 1].y) * n : k[e].y;
-					t.lineTo(i, a);
+				let t = 42 + c - e * c;
+				n.strokeStyle = v(u.bd, .18), n.lineWidth = 1, n.setLineDash([3, 5]), n.beginPath(), n.moveTo(0, t), n.lineTo(s, t), n.stroke(), n.setLineDash([]);
+			}), n.font = h.font, n.fillStyle = h.color, n.textAlign = "center", n.fillText("Period", g + (s - g) / 2, q - 6), n.strokeStyle = v(u.bd, k ? .5 : .3), n.lineWidth = k ? 2 : 1, n.beginPath(), n.moveTo(g, k ? j : 42 + c), n.lineTo(s, k ? j : 42 + c), n.stroke();
+			let o = t * (T - 1), l = Math.floor(o) + 1;
+			if (l >= 2) {
+				let e = k ? j : 42 + c;
+				n.beginPath(), n.moveTo(M[0].x, e), n.lineTo(M[0].x, M[0].y);
+				for (let e = 1; e < l; e++) {
+					let t = o - Math.floor(o), r = e === l - 1 && e === Math.ceil(o) && t > 0, i = r ? M[e - 1].x + (M[e].x - M[e - 1].x) * t : M[e].x, a = r ? M[e - 1].y + (M[e].y - M[e - 1].y) * t : M[e].y;
+					n.lineTo(i, a);
 				}
-				t.lineTo(k[c - 1].x, e), t.closePath(), t.fillStyle = A, t.fill();
+				n.lineTo(M[l - 1].x, e), n.closePath(), n.fillStyle = N, n.fill();
 			}
-			t.beginPath();
-			for (let e = 0; e < c; e++) {
-				let n = o - Math.floor(o), r = e === c - 1 && e > 0 && e === Math.ceil(o) && n > 0, i = r ? k[e - 1].x + (k[e].x - k[e - 1].x) * n : k[e].x, a = r ? k[e - 1].y + (k[e].y - k[e - 1].y) * n : k[e].y;
-				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
+			n.beginPath();
+			for (let e = 0; e < l; e++) {
+				let t = o - Math.floor(o), r = e === l - 1 && e > 0 && e === Math.ceil(o) && t > 0, i = r ? M[e - 1].x + (M[e].x - M[e - 1].x) * t : M[e].x, a = r ? M[e - 1].y + (M[e].y - M[e - 1].y) * t : M[e].y;
+				e === 0 ? n.moveTo(i, a) : n.lineTo(i, a);
 			}
-			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), t.fillStyle = h(u.blue, .8), t.beginPath();
-			for (let e = 0; e < c; e++) t.moveTo(k[e].x + 3.5, k[e].y), t.arc(k[e].x, k[e].y, 3.5, 0, St);
-			if (t.fill(), c > j) {
-				b.current = [];
-				for (let e = 0; e < c; e++) T(b.current, `pt-${e}`, k[e].x, k[e].y, 10, {
-					label: k[e].point.week,
-					value: String(k[e].point.count),
-					color: u.blue
+			n.strokeStyle = v(i, .85), n.lineWidth = 2, n.stroke(), n.fillStyle = v(i, .8), n.beginPath();
+			for (let e = 0; e < l; e++) n.moveTo(M[e].x + 3.5, M[e].y), n.arc(M[e].x, M[e].y, 3.5, 0, Et);
+			if (n.fill(), l > P) {
+				S.current = [];
+				for (let e = 0; e < l; e++) O(S.current, `pt-${e}`, M[e].x, M[e].y, 10, {
+					label: M[e].point.week,
+					value: String(M[e].point.count),
+					color: i
 				});
-				j = c;
+				P = l;
 			}
-			r && N(S), r || (M = requestAnimationFrame(P));
+			r && I(T), r || (F = requestAnimationFrame(L));
 		};
-		return P(), () => cancelAnimationFrame(M);
+		return L(), () => cancelAnimationFrame(F);
 	}, [
-		d,
-		_,
+		f,
+		y,
 		p,
-		b
-	]), d.length < 2 ? /* @__PURE__ */ s(I, {
-		width: gt,
-		height: J,
-		"data-testid": t
+		S,
+		t
+	]), f.length < 2 ? /* @__PURE__ */ s(R, {
+		width: bt,
+		height: q,
+		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
-		"data-testid": t,
+		"data-testid": r,
 		style: {
 			position: "relative",
 			width: "100%",
 			display: "flex"
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: o,
+			ref: l,
 			"aria-hidden": "true",
 			style: {
-				width: _t,
-				height: J,
+				width: xt,
+				height: q,
 				display: "block",
 				flexShrink: 0
 			}
@@ -1993,22 +2039,22 @@ function Et({ points: e = [], "data-testid": t }) {
 			children: /* @__PURE__ */ c("div", {
 				style: {
 					position: "relative",
-					width: _,
-					height: J
+					width: y,
+					height: q
 				},
 				children: [/* @__PURE__ */ s("canvas", {
-					ref: r,
+					ref: o,
 					role: "img",
 					"aria-label": "Trend chart — count over time",
 					style: {
-						width: _,
-						height: J,
+						width: y,
+						height: q,
 						display: "block"
 					}
-				}), /* @__PURE__ */ s(C, {
-					...y,
-					parentW: _,
-					parentH: J
+				}), /* @__PURE__ */ s(E, {
+					...b,
+					parentW: y,
+					parentH: q
 				})]
 			})
 		})]
@@ -2016,186 +2062,188 @@ function Et({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/proportionalBandChart/ProportionalBandChart.tsx
-var Dt = 680, Ot = 240, kt = 28, At = 156;
-function jt(e, t, n) {
+var jt = 780, Mt = 340, Nt = 28, Pt = 4, Ft = 148;
+function It(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 Mt = {
-	Critical: u.red,
-	High: u.orange,
-	Medium: u.amber,
-	Low: u.green
-};
-function Nt({ severities: e = [], "data-testid": t }) {
-	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), d = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), m = d.length > 0 ? Math.min(Dt, 2 * kt + d.length * At) : Dt, { hoveredRef: g, tooltip: _, hitZonesRef: b } = w(r, {
-		width: m,
-		height: Ot
+function Lt({ severities: e = [], colorOffset: t = 0, "data-testid": r }) {
+	let o = a(null), l = a(/* @__PURE__ */ new Map()), d = a(0), f = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = f.length > 0 ? Math.min(jt, 2 * Nt + f.length * Ft) : jt, { hoveredRef: g, tooltip: _, hitZonesRef: y } = D(o, {
+		width: p,
+		height: Mt
 	});
 	return n(() => {
-		let e = r.current;
+		let e = o.current;
 		if (!e) return;
-		let t = v(e, m, Ot);
-		l.current = 0;
-		let n = d.reduce((e, t) => e + (t.count ?? 0), 0), i = kt, a = kt, s = m - i - a, c = Ot - 50 - 52, _ = d.map((e) => (e.count ?? 0) / (n || 1) * s), x, S = () => {
-			l.current++;
-			let e = l.current;
-			t.clearRect(0, 0, m, Ot), t.letterSpacing = f.letterSpacing;
-			let r = O(Math.min(e / 60, 1));
-			N(o.current, g.current), b.current = [], t.strokeStyle = h(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(i, 50, s, c), t.stroke(), t.strokeStyle = h(u.t2, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(m / 2, 50), t.lineTo(m / 2, 50 + c), t.stroke(), t.setLineDash([]);
+		let n = x(e, p, Mt);
+		d.current = 0;
+		let r = f.reduce((e, t) => e + (t.count ?? 0), 0), i = Nt, a = Nt, s = p - i - a, c = Mt - 54 - 54, _ = s - Math.max(0, f.length - 1) * Pt, b = f.map((e) => (e.count ?? 0) / (r || 1) * _), S = m[t % m.length], C, w = () => {
+			d.current++;
+			let e = d.current;
+			n.clearRect(0, 0, p, Mt), n.letterSpacing = h.letterSpacing;
+			let t = j(Math.min(e / 60, 1));
+			I(l.current, g.current), y.current = [];
 			let a = i;
-			d.forEach((e, i) => {
-				let s = Mt[e.severity] ?? u.blue, l = _[i], d = o.current.get(e.severity) ?? 0, m = a + l / 2, g = l * .85, v = l * r, x = g * r, S = m - x / 2;
-				if (v > 0 && (d > 0 && y(t, a + v / 2, 50 + c / 2, v * .4, s, .15 * d), t.beginPath(), t.moveTo(S, 50), t.lineTo(S + x, 50), t.lineTo(a + v, 50 + c), t.lineTo(a, 50 + c), t.closePath(), t.fillStyle = h(s, .45 + d * .25), t.fill(), t.strokeStyle = h(s, (.5 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(S, 50), t.lineTo(S + x, 50), t.stroke(), t.strokeStyle = h(s, (.3 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(a, 50 + c), t.lineTo(a + v, 50 + c), t.stroke()), E(b.current, e.severity, a, 50, l, c, {
+			f.forEach((e, i) => {
+				let o = b[i] ?? 0, s = l.current.get(e.severity) ?? 0, d = a + o / 2, f = o * .78, p = o * t, m = f * t, g = d - m / 2;
+				if (p > 0) {
+					let e = () => {
+						n.beginPath(), n.moveTo(g, 54), n.lineTo(g + m, 54), n.lineTo(a + p, 54 + c), n.lineTo(a, 54 + c), n.closePath();
+					};
+					e(), n.fillStyle = v(S, .06 + s * .04), n.fill(), n.save(), e(), n.clip(), n.shadowColor = v(S, .302 * t), n.shadowBlur = 55, n.strokeStyle = v(S, .302 * t), n.lineWidth = 2, e(), n.stroke(), n.shadowColor = "transparent", n.shadowBlur = 0, n.restore(), e(), n.strokeStyle = v(S, .9 * t), n.lineWidth = 1, n.stroke();
+				}
+				if (k(y.current, e.severity, a, 54, o, c, {
 					label: e.severity,
 					value: U(e.count ?? 0),
-					sublabel: `${Math.round((e.count ?? 0) / (n || 1) * 100)}%`,
-					color: s
-				}), r > .5) {
-					let i = Math.min(1, (r - .5) / .5), o = a + l / 2;
-					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? s : h(s, .9), t.textAlign = "center", t.fillText(jt(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(U(e.count ?? 0), o, 50 + c / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? s : f.color, t.fillText(`${Math.round((e.count ?? 0) / (n || 1) * 100)}%`, o, 50 + c + 18), t.globalAlpha = 1;
+					sublabel: `${Math.round((e.count ?? 0) / (r || 1) * 100)}%`,
+					color: S
+				}), t > .5) {
+					let i = Math.min(1, (t - .5) / .5), l = a + o / 2;
+					n.globalAlpha = i, n.font = h.font, n.fillStyle = s > 0 ? S : v(u.t1, .65), n.textAlign = "center", n.fillText(It(n, e.severity, o - 8), l, 40), n.font = "600 22px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = v(u.t1, .92 + s * .08), n.fillText(U(e.count ?? 0), l, 54 + c / 2 + 8), n.font = h.font, n.fillStyle = s > 0 ? S : v(u.t1, .5), n.fillText(`${Math.round((e.count ?? 0) / (r || 1) * 100)}%`, l, 54 + c + 22), n.globalAlpha = 1;
 				}
-				a += l;
-			});
-			let v = t.createLinearGradient(i, 0, i + s, 0);
-			v.addColorStop(0, h(u.red, .03)), v.addColorStop(.33, h(u.orange, .03)), v.addColorStop(.66, h(u.amber, .03)), v.addColorStop(1, h(u.green, .03)), t.fillStyle = v, t.fillRect(i, 50, s * r, c), x = requestAnimationFrame(S);
+				a += o + Pt;
+			}), C = requestAnimationFrame(w);
 		};
-		return S(), () => cancelAnimationFrame(x);
-	}, [d, m]), d.length === 0 ? /* @__PURE__ */ s(I, {
-		width: m,
-		height: Ot,
-		"data-testid": t
+		return w(), () => cancelAnimationFrame(C);
+	}, [
+		f,
+		p,
+		t
+	]), f.length === 0 ? /* @__PURE__ */ s(R, {
+		width: p,
+		height: Mt,
+		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
-		"data-testid": t,
+		"data-testid": r,
 		style: {
 			position: "relative",
-			width: m,
-			height: Ot
+			width: p,
+			height: Mt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: r,
+			ref: o,
 			role: "img",
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
-				width: m,
-				height: Ot,
+				width: p,
+				height: Mt,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(C, {
+		}), /* @__PURE__ */ s(E, {
 			..._,
-			parentW: m,
-			parentH: Ot
+			parentW: p,
+			parentH: Mt
 		})]
 	});
 }
 //#endregion
 //#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
-var Y = 300, X = 280, Pt = 100, Ft = {
+var J = 300, Y = 280, Rt = 100, zt = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
-function It({ segments: e = [], title: t, unitLabel: r = "", "data-testid": o }) {
-	let l = a(null), d = a(0), m = a(/* @__PURE__ */ new Map()), { hoveredRef: g, tooltip: _, hitZonesRef: S } = w(l, {
-		width: Y,
-		height: X
-	}), E = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
+function Bt({ segments: e = [], title: t, unitLabel: r = "", "data-testid": o }) {
+	let l = a(null), d = a(0), f = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: m, hitZonesRef: _ } = D(l, {
+		width: J,
+		height: Y
+	}), y = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = l.current;
 		if (!e) return;
-		let n = v(e, Y, X);
+		let n = x(e, J, Y);
 		d.current = 0;
-		let i = Y * .5, a = X * .56, o = Pt, s = E.reduce((e, t) => e + (t.count ?? 0), 0), c = Math.max(...E.map((e) => e.count ?? 0), 1), _, C = () => {
+		let i = J * .5, a = Y * .56, o = Rt, s = y.reduce((e, t) => e + (t.count ?? 0), 0), c = Math.max(...y.map((e) => e.count ?? 0), 1), m, b = () => {
 			d.current++;
 			let e = d.current;
-			n.clearRect(0, 0, Y, X), n.letterSpacing = f.letterSpacing, S.current = [], m.current.forEach((e, t) => {
-				let n = t === g.current ? 1 : 0, r = e + (n - e) * .12;
-				Math.abs(r - n) < .005 ? n === 0 ? m.current.delete(t) : m.current.set(t, 1) : m.current.set(t, r);
-			}), g.current && !m.current.has(g.current) && m.current.set(g.current, 0), b(n, Y, X, e, 40, h(u.blue, .04)), E.forEach((t, r) => {
-				let s = r / 3 * Math.PI * 2 - Math.PI / 2, l = i + Math.cos(s) * o, d = a + Math.sin(s) * o, f = Ft[t.status] ?? u.blue, m = 2 + t.count / c * 8;
-				n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = h(f, .08), n.lineWidth = m * 2, n.stroke(), n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = h(f, .25), n.lineWidth = 1, n.stroke();
-				let g = (e * .005 + r * .33) % 1, _ = i + (l - i) * g, v = a + (d - a) * g;
-				y(n, _, v, 6, f, .4), n.beginPath(), n.arc(_, v, 2, 0, Math.PI * 2), n.fillStyle = h(f, .8), n.fill();
-				let b = (i + l) / 2, x = (a + d) / 2;
-				n.font = p.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = h(f, .85), n.fillText(String(t.count), b, x);
-			}), E.forEach((e, t) => {
-				let l = t / 3 * Math.PI * 2 - Math.PI / 2, d = i + Math.cos(l) * o, p = a + Math.sin(l) * o, g = Ft[e.status] ?? u.blue, _ = 10 + e.count / c * 18, v = m.current.get(e.status) ?? 0;
-				y(n, d, p, _ * 2.5, g, .2 + v * .15);
-				let b = n.createRadialGradient(d, p - _ * .2, 0, d, p, _);
-				b.addColorStop(0, h(g, .8 + v * .2)), b.addColorStop(1, h(g, .4 + v * .1)), n.beginPath(), n.arc(d, p, _, 0, Math.PI * 2), n.fillStyle = b, n.fill(), n.font = "bold " + f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = h(u.t1, .9), n.fillText(e.status, d, p), T(S.current, e.status, d, p, _ + 6, {
+			n.clearRect(0, 0, J, Y), n.letterSpacing = h.letterSpacing, _.current = [], f.current.forEach((e, t) => {
+				let n = t === p.current ? 1 : 0, r = e + (n - e) * .12;
+				Math.abs(r - n) < .005 ? n === 0 ? f.current.delete(t) : f.current.set(t, 1) : f.current.set(t, r);
+			}), p.current && !f.current.has(p.current) && f.current.set(p.current, 0), C(n, J, Y, e, 40, v(u.blue, .04)), y.forEach((t, r) => {
+				let s = r / 3 * Math.PI * 2 - Math.PI / 2, l = i + Math.cos(s) * o, d = a + Math.sin(s) * o, f = zt[t.status] ?? u.blue, p = 2 + t.count / c * 8;
+				n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = v(f, .08), n.lineWidth = p * 2, n.stroke(), n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = v(f, .25), n.lineWidth = 1, n.stroke();
+				let m = (e * .005 + r * .33) % 1, h = i + (l - i) * m, _ = a + (d - a) * m;
+				S(n, h, _, 6, f, .4), n.beginPath(), n.arc(h, _, 2, 0, Math.PI * 2), n.fillStyle = v(f, .8), n.fill();
+				let y = (i + l) / 2, b = (a + d) / 2;
+				n.font = g.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = v(f, .85), n.fillText(String(t.count), y, b);
+			}), y.forEach((e, t) => {
+				let l = t / 3 * Math.PI * 2 - Math.PI / 2, d = i + Math.cos(l) * o, p = a + Math.sin(l) * o, m = zt[e.status] ?? u.blue, g = 10 + e.count / c * 18, y = f.current.get(e.status) ?? 0;
+				S(n, d, p, g * 2.5, m, .2 + y * .15);
+				let b = n.createRadialGradient(d, p - g * .2, 0, d, p, g);
+				b.addColorStop(0, v(m, .8 + y * .2)), b.addColorStop(1, v(m, .4 + y * .1)), n.beginPath(), n.arc(d, p, g, 0, Math.PI * 2), n.fillStyle = b, n.fill(), n.font = "bold " + h.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = v(u.t1, .9), n.fillText(e.status, d, p), O(_.current, e.status, d, p, g + 6, {
 					label: e.status,
 					value: r ? `${e.count} ${r}` : String(e.count),
 					sublabel: `${Math.round((e.count ?? 0) / (s || 1) * 100)}%`,
-					color: g
+					color: m
 				});
 			});
-			let l = m.current.get("center") ?? 0;
-			y(n, i, a, 36, u.t2, .2 + l * .15);
-			let v = n.createRadialGradient(i, a - 4, 0, i, a, 22);
-			v.addColorStop(0, h(u.t2, .9)), v.addColorStop(1, h(u.t2, .5)), n.beginPath(), n.arc(i, a, 22, 0, Math.PI * 2), n.fillStyle = v, n.fill(), n.font = p.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = h(u.t1, .9), n.fillText(t ?? "", i, a - 4), n.font = "bold " + f.font, n.fillStyle = u.t1, n.fillText(String(s), i, a + 8), T(S.current, "center", i, a, 28, {
+			let l = f.current.get("center") ?? 0;
+			S(n, i, a, 36, u.t2, .2 + l * .15);
+			let x = n.createRadialGradient(i, a - 4, 0, i, a, 22);
+			x.addColorStop(0, v(u.t2, .9)), x.addColorStop(1, v(u.t2, .5)), n.beginPath(), n.arc(i, a, 22, 0, Math.PI * 2), n.fillStyle = x, n.fill(), n.font = g.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = v(u.t1, .9), n.fillText(t ?? "", i, a - 4), n.font = "bold " + h.font, n.fillStyle = u.t1, n.fillText(String(s), i, a + 8), O(_.current, "center", i, a, 28, {
 				label: t ?? "Total",
 				value: r ? `${s} ${r}` : String(s),
 				color: u.t2
-			}), x(n, Y, X, e, .015), _ = requestAnimationFrame(C);
+			}), w(n, J, Y, e, .015), m = requestAnimationFrame(b);
 		};
-		return C(), () => cancelAnimationFrame(_);
+		return b(), () => cancelAnimationFrame(m);
 	}, [
-		E,
+		y,
 		t,
 		r
-	]), E.length === 0 ? /* @__PURE__ */ s(I, {
-		width: Y,
-		height: X,
+	]), y.length === 0 ? /* @__PURE__ */ s(R, {
+		width: J,
+		height: Y,
 		"data-testid": o
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": o,
 		style: {
 			position: "relative",
-			width: Y,
-			height: X
+			width: J,
+			height: Y
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: l,
 			role: "img",
 			"aria-label": t ?? "EW status arc visualization",
 			style: {
-				width: Y,
-				height: X,
+				width: J,
+				height: Y,
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(C, {
-			..._,
-			parentW: Y,
-			parentH: X
+		}), /* @__PURE__ */ s(E, {
+			...m,
+			parentW: J,
+			parentH: Y
 		})]
 	});
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var Lt = 280, Z = 96;
-function Rt({ points: e = [], className: t, colors: r }) {
+var Vt = 280, X = 96;
+function Ht({ points: e = [], className: t, colors: r }) {
 	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), p = i(() => e.filter(Array.isArray).map(([e, t]) => {
 		let n = String(t).match(/-?\d+(\.\d+)?/);
 		return {
 			label: e,
 			value: n ? Number(n[0]) : 0
 		};
-	}), [e]), { mouseRef: m, hoveredRef: g, tooltip: _, hitZonesRef: b } = w(o, {
-		width: Lt,
-		height: Z
+	}), [e]), { mouseRef: m, hoveredRef: h, tooltip: g, hitZonesRef: _ } = D(o, {
+		width: Vt,
+		height: X
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = v(e, Lt, Z);
+		let t = x(e, Vt, X);
 		f.current = 0;
-		let n = r?.line ?? u.blue, i = r?.point ?? u.blue, a = r?.axisLine ?? u.bd, s, c = () => {
+		let n = r?.line ?? u.teal, i = r?.point ?? u.teal, a = r?.axisLine ?? u.bd, s, c = () => {
 			f.current++;
 			let e = f.current;
-			if (t.clearRect(0, 0, Lt, Z), p.length < 2) {
+			if (t.clearRect(0, 0, Vt, X), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -2204,35 +2252,35 @@ function Rt({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = Lt - r.left - r.right, l = Z - r.top - r.bottom, _ = p.map((e) => e.value), v = Math.min(..._), x = Math.max(..._) - v || 1, C = (e) => r.left + e / (p.length - 1) * o, w = (e) => r.top + (1 - (e - v) / x) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
-			if (N(d.current, g.current), b.current = [], t.strokeStyle = h(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, Z - r.bottom), t.lineTo(Lt - r.right, Z - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = h(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
-				t.fillText(e.label.replace("Day ", "D"), C(n), Z - 4);
-			}), m.current.over && g.current) {
-				let e = parseInt(g.current.split("-")[1]);
-				isNaN(e) || S(t, C(e), r.top, r.top + l);
+			}, o = Vt - r.left - r.right, l = X - r.top - r.bottom, g = p.map((e) => e.value), y = Math.min(...g), b = Math.max(...g) - y || 1, x = (e) => r.left + e / (p.length - 1) * o, C = (e) => r.top + (1 - (e - y) / b) * l, w = 1 - (1 - Math.min(e / 48, 1)) ** 3, E = Math.max(2, Math.floor(w * p.length));
+			if (I(d.current, h.current), _.current = [], t.strokeStyle = v(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, X - r.bottom), t.lineTo(Vt - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = v(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
+				t.fillText(e.label.replace("Day ", "D"), x(n), X - 4);
+			}), m.current.over && h.current) {
+				let e = parseInt(h.current.split("-")[1]);
+				isNaN(e) || T(t, x(e), r.top, r.top + l);
 			}
-			if (D > 1) {
+			if (E > 1) {
 				let e = t.createLinearGradient(0, r.top, 0, r.top + l);
-				e.addColorStop(0, h(n, .15)), e.addColorStop(1, h(n, 0)), t.fillStyle = e, t.beginPath(), t.moveTo(C(0), r.top + l);
-				for (let e = 0; e < D; e++) t.lineTo(C(e), w(p[e].value));
-				t.lineTo(C(D - 1), r.top + l), t.closePath(), t.fill(), t.strokeStyle = h(n, .8), t.lineWidth = 1.5, t.setLineDash([]), t.beginPath();
-				for (let e = 0; e < D; e++) {
-					let n = C(e), r = w(p[e].value);
+				e.addColorStop(0, v(n, .15)), e.addColorStop(1, v(n, 0)), t.fillStyle = e, t.beginPath(), t.moveTo(x(0), r.top + l);
+				for (let e = 0; e < E; e++) t.lineTo(x(e), C(p[e].value));
+				t.lineTo(x(E - 1), r.top + l), t.closePath(), t.fill(), t.strokeStyle = v(n, .8), t.lineWidth = 1.5, t.setLineDash([]), t.beginPath();
+				for (let e = 0; e < E; e++) {
+					let n = x(e), r = C(p[e].value);
 					e === 0 ? t.moveTo(n, r) : t.lineTo(n, r);
 				}
 				t.stroke();
 			}
-			for (let e = 0; e < D; e++) {
-				let n = C(e), r = w(p[e].value), a = `tp-${e}`, o = d.current.get(a) ?? 0, s = e === p.length - 1;
-				T(b.current, a, n, r, 10, {
+			for (let e = 0; e < E; e++) {
+				let n = x(e), r = C(p[e].value), a = `tp-${e}`, o = d.current.get(a) ?? 0, s = e === p.length - 1;
+				O(_.current, a, n, r, 10, {
 					label: p[e].label,
 					value: String(p[e].value),
 					color: s ? u.red : i
-				}), o > 0 && !s && (y(t, n, r, 12 * o, i, .2 * o), t.fillStyle = h(i, .8), t.beginPath(), t.arc(n, r, 3 + o * 2, 0, Math.PI * 2), t.fill());
+				}), o > 0 && !s && (S(t, n, r, 12 * o, i, .2 * o), t.fillStyle = v(i, .8), t.beginPath(), t.arc(n, r, 3 + o * 2, 0, Math.PI * 2), t.fill());
 			}
-			if (D >= p.length) {
-				let n = p.length - 1, r = C(n), i = w(p[n].value), a = d.current.get(`tp-${n}`) ?? 0, o = j(e, .05, 5e-4), s = 1 + a * .5;
-				t.shadowColor = h(u.red, .5), t.shadowBlur = (8 + o * 4) * s, t.fillStyle = u.red, t.beginPath(), t.arc(r, i, (3.5 + o * 1.5) * s, 0, Math.PI * 2), t.fill(), t.shadowBlur = 0;
+			if (E >= p.length) {
+				let n = p.length - 1, r = x(n), i = C(p[n].value), a = d.current.get(`tp-${n}`) ?? 0, o = P(e, .05, 5e-4), s = 1 + a * .5;
+				t.shadowColor = v(u.red, .5), t.shadowBlur = (8 + o * 4) * s, t.fillStyle = u.red, t.beginPath(), t.arc(r, i, (3.5 + o * 1.5) * s, 0, Math.PI * 2), t.fill(), t.shadowBlur = 0;
 			}
 			s = requestAnimationFrame(c);
 		};
@@ -2242,171 +2290,173 @@ function Rt({ points: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Lt,
-				height: Z
+				width: Vt,
+				height: X
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: Lt,
-					height: Z,
+					width: Vt,
+					height: X,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(C, {
-				..._,
-				parentW: Lt,
-				parentH: Z
+			}), /* @__PURE__ */ s(E, {
+				...g,
+				parentW: Vt,
+				parentH: X
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/segmentedSplitBarChart/SegmentedSplitBarChart.tsx
-function zt(e, t, n) {
+function Ut(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 = 680, Vt = 8, Ht = 26, Ut = 14, Wt = 16, Gt = 32;
-function Kt({ items: e = [], labelA: t = "Implemented", labelB: r = "Unimplemented", unit: l = "variations", "data-testid": d }) {
-	let g = a(null), _ = a(/* @__PURE__ */ new Map()), b = a(0), [x, S] = o(!1), T = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), D = i(() => x ? T : T.slice(0, Vt), [T, x]), k = Wt + Gt + D.length * (Ht + Ut) - Ut, { hoveredRef: A, tooltip: j, hitZonesRef: P } = w(g, {
-		width: Bt,
-		height: k
+var Wt = 680, Gt = 8, Z = 6, Kt = 8, qt = Z * 2 + Kt, Jt = 36, Yt = 16, Xt = 48;
+function Zt({ items: e = [], labelA: t = "Implemented", labelB: r = "Unimplemented", unit: l = "variations", "data-testid": d }) {
+	let f = a(null), p = a(/* @__PURE__ */ new Map()), m = a(0), [y, b] = o(!1), C = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), w = i(() => y ? C : C.slice(0, Gt), [C, y]), T = Yt + Xt + w.length * (qt + Jt) - Jt, { hoveredRef: O, tooltip: A, hitZonesRef: M } = D(f, {
+		width: Wt,
+		height: T
 	});
 	return n(() => {
-		let e = g.current;
+		let e = f.current;
 		if (!e) return;
-		let n = v(e, Bt, k);
-		b.current = 0;
-		let i = Wt, a = Gt, o = Ht, s = Ut, c = Bt - 150 - 28, d = Math.max(...D.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0)), 1), x = D.length * (o + s) - s, S = i + (k - i - a - x) / 2, C, w = () => {
-			b.current++;
-			let e = b.current;
-			n.clearRect(0, 0, Bt, k);
-			let i = O(Math.min(e / 60, 1));
-			N(_.current, A.current), P.current = [], D.forEach((e, a) => {
-				let m = M(i, a, D.length, O), g = S + a * (o + s), v = (e.implemented ?? 0) + (e.unimplemented ?? 0), b = (e.implemented ?? 0) / d * c * m, x = (e.unimplemented ?? 0) / d * c * m, C = `${e.id}-impl`, w = `${e.id}-un`, T = _.current.get(C) ?? 0, k = _.current.get(w) ?? 0;
-				E(P.current, C, 150, g, b || 1, o, {
+		let n = x(e, Wt, T);
+		m.current = 0;
+		let i = Wt - 150 - 100, a = Math.max(...w.map((e) => e.implemented ?? 0), ...w.map((e) => e.unimplemented ?? 0), 1), o = w.length * (qt + Jt) - Jt, s = Yt + (T - Yt - Xt - o) / 2, c, d = () => {
+			m.current++;
+			let e = m.current;
+			n.clearRect(0, 0, Wt, T);
+			let f = j(Math.min(e / 60, 1));
+			I(p.current, O.current), M.current = [], w.forEach((e, o) => {
+				let c = F(f, o, w.length, j), d = s + o * (qt + Jt), m = d, _ = d + Z + Kt, y = `${e.id}-impl`, b = `${e.id}-un`, x = p.current.get(y) ?? 0, C = p.current.get(b) ?? 0, T = (e.implemented ?? 0) / a * i * c, E = (e.unimplemented ?? 0) / a * i * c;
+				if (n.font = h.font, n.fillStyle = x > 0 || C > 0 ? u.t1 : u.t2, n.textAlign = "right", n.textBaseline = "middle", n.fillText(Ut(n, e.abbreviation ?? e.name ?? "", 134), 142, d + qt / 2), n.textBaseline = "alphabetic", k(M.current, y, 0, d, 150, qt, {
+					label: e.name ?? e.abbreviation ?? "",
+					value: `${U((e.implemented ?? 0) + (e.unimplemented ?? 0))} total ${l}`,
+					sublabel: `${t}: ${U(e.implemented ?? 0)} · ${r}: ${U(e.unimplemented ?? 0)}`,
+					color: u.green
+				}), T > 0) {
+					x > 0 && S(n, 150 + T / 2, m + Z / 2, T * .15, u.green, .18 * x);
+					let e = n.createLinearGradient(150, 0, 150 + T, 0);
+					e.addColorStop(0, v(u.green, .7)), e.addColorStop(1, v(u.green, 1)), n.fillStyle = e, n.beginPath(), n.roundRect(150, m, T, Z, Z / 2), n.fill();
+				}
+				if (k(M.current, y, 150, m, Math.max(T, 1), Z, {
 					label: e.name,
 					value: U(e.implemented ?? 0),
-					sublabel: `${Math.round((e.implemented ?? 0) / (v || 1) * 100)}%`,
 					color: u.green
-				}), E(P.current, w, 150 + b, g, x || 1, o, {
+				}), c > .4 && (n.globalAlpha = Math.min(1, (c - .4) / .4), n.font = g.font, n.fillStyle = u.t1, n.textAlign = "left", n.textBaseline = "middle", n.fillText(U(e.implemented ?? 0), 150 + T + 16, m + Z / 2), n.globalAlpha = 1, n.textBaseline = "alphabetic"), E > 0) {
+					C > 0 && S(n, 150 + E / 2, _ + Z / 2, E * .15, u.amber, .18 * C);
+					let e = n.createLinearGradient(150, 0, 150 + E, 0);
+					e.addColorStop(0, v(u.amber, .5)), e.addColorStop(1, v(u.amber, .9)), n.fillStyle = e, n.beginPath(), n.roundRect(150, _, E, Z, Z / 2), n.fill();
+				}
+				k(M.current, b, 150, _, Math.max(E, 1), Z, {
 					label: e.name,
 					value: U(e.unimplemented ?? 0),
-					sublabel: `${Math.round((e.unimplemented ?? 0) / (v || 1) * 100)}%`,
 					color: u.amber
-				}), n.font = f.font, n.fillStyle = u.t2, n.textAlign = "right", n.fillText(zt(n, e.abbreviation ?? e.name ?? "", 134), 142, g + o / 2 + 4), E(P.current, C, 0, g, 150, o, {
-					label: e.name ?? e.abbreviation ?? "",
-					value: `${U((e.implemented ?? 0) + (e.unimplemented ?? 0))} total ${l}`,
-					sublabel: `${t}: ${U(e.implemented ?? 0)} · ${r}: ${U(e.unimplemented ?? 0)}`,
-					color: u.green
-				}), n.fillStyle = h(u.bd, .15), n.beginPath(), n.roundRect(150, g, v / d * c, o, 4), n.fill(), b > 0 && (T > 0 && y(n, 150 + b / 2, g + o / 2, b * .3, u.green, .12 * T), n.fillStyle = h(u.green, .6 + T * .2), n.beginPath(), n.roundRect(150, g, b, o, [
-					4,
-					0,
-					0,
-					4
-				]), n.fill(), b > 28 && m > .5 && (n.font = p.font, n.fillStyle = T > 0 ? u.green : u.t2, n.textAlign = "center", n.fillText(U(e.implemented ?? 0), 150 + b / 2, g + o / 2 + 4))), x > 0 && (k > 0 && y(n, 150 + b + x / 2, g + o / 2, x * .3, u.amber, .12 * k), n.fillStyle = h(u.amber, .18 + k * .18), n.strokeStyle = h(u.amber, .3 + k * .3), n.lineWidth = 1, n.beginPath(), n.roundRect(150 + b, g, x, o, [
-					0,
-					4,
-					4,
-					0
-				]), n.fill(), n.stroke(), x > 28 && m > .5 && (n.font = p.font, n.fillStyle = k > 0 ? u.amber : u.t2, n.textAlign = "center", n.fillText(U(e.unimplemented ?? 0), 150 + b + x / 2, g + o / 2 + 4))), b > 0 && x > 0 && (n.strokeStyle = h(u.bg, .7), n.lineWidth = 2, n.beginPath(), n.moveTo(150 + b, g), n.lineTo(150 + b, g + o), n.stroke());
+				}), c > .4 && (n.globalAlpha = Math.min(1, (c - .4) / .4), n.font = g.font, n.fillStyle = u.t1, n.textAlign = "left", n.textBaseline = "middle", n.fillText(U(e.unimplemented ?? 0), 150 + E + 16, _ + Z / 2), n.globalAlpha = 1, n.textBaseline = "alphabetic");
 			});
-			let a = S + x + 24, g = 150 + c / 2;
-			n.font = m.font, n.textAlign = "right", n.fillStyle = u.green, n.fillText(`■ ${t}`, g - 10, a), n.textAlign = "left", n.fillStyle = m.color, n.fillText(`■ ${r}`, g + 10, a), C = requestAnimationFrame(w);
+			let y = s + o + 28, b = 150 + i / 2;
+			n.font = _.font, n.textBaseline = "middle";
+			let x = n.createLinearGradient(b - 120, 0, b - 120 + 14, 0);
+			x.addColorStop(0, v(u.green, .7)), x.addColorStop(1, v(u.green, 1)), n.fillStyle = x, n.beginPath(), n.roundRect(b - 120, y - 3, 14, 6, 2), n.fill(), n.fillStyle = _.color, n.textAlign = "left", n.fillText(t, b - 120 + 14 + 6, y);
+			let C = n.createLinearGradient(b + 10, 0, b + 10 + 14, 0);
+			C.addColorStop(0, v(u.amber, .5)), C.addColorStop(1, v(u.amber, .9)), n.fillStyle = C, n.beginPath(), n.roundRect(b + 10, y - 3, 14, 6, 2), n.fill(), n.fillStyle = _.color, n.fillText(r, b + 10 + 14 + 6, y), n.textBaseline = "alphabetic", c = requestAnimationFrame(d);
 		};
-		return w(), () => cancelAnimationFrame(C);
-	}, [D, k]), T.length === 0 ? /* @__PURE__ */ s(I, {
-		width: Bt,
+		return d(), () => cancelAnimationFrame(c);
+	}, [w, T]), C.length === 0 ? /* @__PURE__ */ s(R, {
+		width: Wt,
 		height: 160,
 		"data-testid": d
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": d,
-		style: { width: Bt },
+		style: { width: Wt },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Bt,
-				height: k
+				width: Wt,
+				height: T
 			},
 			children: [/* @__PURE__ */ s("canvas", {
-				ref: g,
+				ref: f,
 				role: "img",
 				"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 				style: {
-					width: Bt,
-					height: k,
+					width: Wt,
+					height: T,
 					display: "block"
 				}
-			}), /* @__PURE__ */ s(C, {
-				...j,
-				parentW: Bt,
-				parentH: k
+			}), /* @__PURE__ */ s(E, {
+				...A,
+				parentW: Wt,
+				parentH: T
 			})]
-		}), T.length > Vt && /* @__PURE__ */ s("div", {
+		}), C.length > Gt && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
-			children: /* @__PURE__ */ s(ae, {
-				expanded: x,
-				onToggle: () => S((e) => !e)
+			children: /* @__PURE__ */ s(oe, {
+				expanded: y,
+				onToggle: () => b((e) => !e)
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var qt = 800, Jt = 360;
-function Yt({ items: e = [], "data-testid": t }) {
-	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: m, hitZonesRef: g } = w(r, {
-		width: qt,
-		height: Jt
+var Qt = 800, $t = 360;
+function en({ items: e = [], "data-testid": t }) {
+	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: d, hitZonesRef: f } = D(r, {
+		width: Qt,
+		height: $t
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = v(t, qt, Jt);
+		let n = x(t, Qt, $t);
 		o.current = 0;
-		let a = e.reduce((e, t) => e + (t.base ?? 0), 0), s = e.reduce((e, t) => e + (t.variation ?? 0), 0), c = e.reduce((e, t) => e + (t.total ?? 0), 0), m = Jt - 20 - 26, _ = m - 6 * (e.length - 1), b = 20, x = e.map((e, t) => {
-			let n = Math.max(24, (e.total ?? 0) / (c || 1) * _), r = {
+		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), d = $t - 20 - 26, m = d - 6 * (e.length - 1), _ = 20, y = e.map((e, t) => {
+			let n = Math.max(24, (e.total ?? 0) / (c || 1) * m), r = {
 				x: 100 - 110 / 2,
-				y: b,
+				y: _,
 				h: n,
-				cy: b + n / 2,
+				cy: _ + n / 2,
 				c: e,
-				color: d[t % d.length]
+				color: p[t % p.length]
 			};
-			return b += n + 6, r;
-		}), S = _ - 14, C = Math.max(28, a / (c || 1) * S), w = Math.max(18, s / (c || 1) * S), T = 20 + (m - (C + w + 14)) / 2, O = {
+			return _ += n + 6, r;
+		}), b = m - 14, C = Math.max(28, a / (c || 1) * b), w = Math.max(18, s / (c || 1) * b), T = 20 + (d - (C + w + 14)) / 2, E = {
 			x: 420 - 110 / 2,
 			y: T,
 			h: C,
 			cy: T + C / 2
-		}, k = {
+		}, D = {
 			x: 420 - 110 / 2,
 			y: T + C + 14,
 			h: w,
 			cy: T + C + 14 + w / 2
-		}, A = {
+		}, O = {
 			x: 720 - 110 / 2,
 			y: 20,
-			h: m,
-			cy: 20 + m / 2
-		}, j, P = () => {
+			h: d,
+			cy: 20 + d / 2
+		}, j, M = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, qt, Jt), n.letterSpacing = f.letterSpacing;
-			let r = D(Math.min(t / 80, 1));
-			if (N(i.current, l.current), g.current = [], e.forEach((t, o) => {
-				let c = x[o], l = M(r, o, e.length, D), u = i.current.get(t.id) ?? 0;
+			n.clearRect(0, 0, Qt, $t), n.letterSpacing = h.letterSpacing;
+			let r = A(Math.min(t / 80, 1));
+			if (I(i.current, l.current), f.current = [], e.forEach((t, o) => {
+				let c = y[o], l = F(r, o, e.length, A), u = i.current.get(t.id) ?? 0;
 				if (l < .01) return;
-				let d = (t.base ?? 0) / (t.total || 1), f = (t.variation ?? 0) / (t.total || 1), p = c.h * d, m = c.h * f, h = c.y + p / 2, g = c.y + p + m / 2, _ = Math.max(2, (t.base ?? 0) / a * C), v = Math.max(2, (t.variation ?? 0) / s * w), y = O.y + e.slice(0, o).reduce((e, t) => e + (t.base ?? 0) / a * C, 0) + _ / 2, b = k.y + e.slice(0, o).reduce((e, t) => e + (t.variation ?? 0) / s * w, 0) + v / 2, S = u * .2 + .18;
-				Xt(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Xt(n, c.x + 110, g, 420 - 110 / 2, b, v * l, c.color, S * .75);
+				let d = (t.base ?? 0) / (t.total || 1), f = (t.variation ?? 0) / (t.total || 1), p = c.h * d, m = c.h * f, h = c.y + p / 2, g = c.y + p + m / 2, _ = Math.max(2, (t.base ?? 0) / a * C), v = Math.max(2, (t.variation ?? 0) / s * w), b = E.y + e.slice(0, o).reduce((e, t) => e + (t.base ?? 0) / a * C, 0) + _ / 2, x = D.y + e.slice(0, o).reduce((e, t) => e + (t.variation ?? 0) / s * w, 0) + v / 2, S = u * .2 + .18;
+				tn(n, c.x + 110, h, 420 - 110 / 2, b, _ * l, c.color, S), tn(n, c.x + 110, g, 420 - 110 / 2, x, v * l, c.color, S * .75);
 			}), r > .3) {
-				let e = Math.min(1, (r - .3) / .7), t = A.y + a / c * m / 2, i = A.y + m - s / c * m / 2;
-				Xt(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Xt(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
+				let e = Math.min(1, (r - .3) / .7), t = O.y + a / c * d / 2, i = O.y + d - s / c * d / 2;
+				tn(n, 475, E.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), tn(n, 475, D.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2418,146 +2468,236 @@ function Yt({ items: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText(e, r, Jt - 8);
+				n.font = h.font, n.fillStyle = h.color, n.textAlign = "center", n.fillText(e, r, $t - 8);
 			}), e.forEach((t, a) => {
-				let o = x[a], s = M(r, a, e.length, D), c = i.current.get(t.id) ?? 0;
-				E(g.current, t.id, o.x, o.y, 110, o.h, {
+				let o = y[a], s = F(r, a, e.length, A), c = i.current.get(t.id) ?? 0;
+				k(f.current, t.id, o.x, o.y, 110, o.h, {
 					label: t.name,
 					value: t.totalLabel ?? String(t.total ?? 0),
 					sublabel: `${t.baseLabel ?? String(t.base ?? 0)} + ${t.variationLabel ?? String(t.variation ?? 0)}`,
 					color: o.color
-				}), c > 0 && y(n, o.x + 110 / 2, o.cy, 110 * .6, o.color, .12 * c), n.fillStyle = h(o.color, (.3 + c * .15) * s), n.strokeStyle = h(o.color, (.55 + c * .25) * s), n.lineWidth = 1, n.beginPath(), n.roundRect(o.x, o.y, 110 * s, o.h, 4), n.fill(), n.stroke(), s > .6 && o.h >= 24 && (n.globalAlpha = Math.min(1, (s - .6) / .4), n.font = f.font, n.fillStyle = c > 0 ? o.color : h(u.t2, .9), n.textAlign = "center", n.textBaseline = "middle", n.fillText(t.abbreviation ?? t.name?.slice(0, 6) ?? "", o.x + 110 / 2, o.h >= 36 ? o.cy - 5 : o.cy), o.h >= 36 && (n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = h(u.t3, .8), n.fillText(t.totalLabel ?? String(t.total ?? 0), o.x + 110 / 2, o.cy + 7)), n.globalAlpha = 1, n.textBaseline = "alphabetic");
+				}), c > 0 && S(n, o.x + 110 / 2, o.cy, 110 * .6, o.color, .12 * c), n.fillStyle = v(o.color, (.3 + c * .15) * s), n.strokeStyle = v(o.color, (.55 + c * .25) * s), n.lineWidth = 1, n.beginPath(), n.roundRect(o.x, o.y, 110 * s, o.h, 4), n.fill(), n.stroke(), s > .6 && o.h >= 24 && (n.globalAlpha = Math.min(1, (s - .6) / .4), n.font = h.font, n.fillStyle = c > 0 ? o.color : v(u.t2, .9), n.textAlign = "center", n.textBaseline = "middle", n.fillText(t.abbreviation ?? t.name?.slice(0, 6) ?? "", o.x + 110 / 2, o.h >= 36 ? o.cy - 5 : o.cy), o.h >= 36 && (n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = v(u.t3, .8), n.fillText(t.totalLabel ?? String(t.total ?? 0), o.x + 110 / 2, o.cy + 7)), n.globalAlpha = 1, n.textBaseline = "alphabetic");
 			}), r > .2) {
 				let e = Math.min(1, (r - .2) / .4);
-				y(n, 420, O.cy, 30, u.blue, .1 * e), n.fillStyle = h(u.blue, .3 * e), n.strokeStyle = h(u.blue, .5 * e), n.lineWidth = 1, n.beginPath(), n.roundRect(O.x, O.y, 110, O.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.blue, n.textAlign = "center", n.fillText("Base Value", 420, O.cy - 6), n.font = p.font, n.fillStyle = p.color, n.fillText(U(a), 420, O.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic", y(n, 420, k.cy, 24, u.amber, .1 * e), n.fillStyle = h(u.amber, .22 * e), n.strokeStyle = h(u.amber, .4 * e), n.beginPath(), n.roundRect(k.x, k.y, 110, k.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.amber, n.textAlign = "center", n.fillText("Variations", 420, k.cy - 4), n.font = p.font, n.fillStyle = p.color, n.fillText(U(s), 420, k.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
+				S(n, 420, E.cy, 30, u.blue, .1 * e), n.fillStyle = v(u.blue, .3 * e), n.strokeStyle = v(u.blue, .5 * e), n.lineWidth = 1, n.beginPath(), n.roundRect(E.x, E.y, 110, E.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = h.font, n.fillStyle = u.blue, n.textAlign = "center", n.fillText("Base Value", 420, E.cy - 6), n.font = g.font, n.fillStyle = g.color, n.fillText(U(a), 420, E.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic", S(n, 420, D.cy, 24, u.amber, .1 * e), n.fillStyle = v(u.amber, .22 * e), n.strokeStyle = v(u.amber, .4 * e), n.beginPath(), n.roundRect(D.x, D.y, 110, D.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = h.font, n.fillStyle = u.amber, n.textAlign = "center", n.fillText("Variations", 420, D.cy - 4), n.font = g.font, n.fillStyle = g.color, n.fillText(U(s), 420, D.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
 			if (r > .5) {
 				let e = Math.min(1, (r - .5) / .5);
-				y(n, 720, A.cy, 44, u.blue, .2 * e), n.fillStyle = h(u.blue, .25 * e), n.strokeStyle = h(u.blue, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(A.x, A.y, 110, A.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", 720, A.cy - 12), n.font = p.font, n.fillStyle = u.blue, n.fillText(U(c), 720, A.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
+				S(n, 720, O.cy, 44, u.blue, .2 * e), n.fillStyle = v(u.blue, .25 * e), n.strokeStyle = v(u.blue, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(O.x, O.y, 110, O.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = h.font, n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", 720, O.cy - 12), n.font = g.font, n.fillStyle = u.blue, n.fillText(U(c), 720, O.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
-			j = requestAnimationFrame(P);
+			j = requestAnimationFrame(M);
 		};
-		return P(), () => cancelAnimationFrame(j);
+		return M(), () => cancelAnimationFrame(j);
 	}, [e]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: qt,
-			height: Jt
+			width: Qt,
+			height: $t
 		},
 		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: qt,
-				height: Jt,
+				width: Qt,
+				height: $t,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(C, {
-			...m,
-			parentW: qt,
-			parentH: Jt
+		}), /* @__PURE__ */ s(E, {
+			...d,
+			parentW: Qt,
+			parentH: $t
 		})]
 	});
 }
-function Xt(e, t, n, r, i, a, o, s) {
+function tn(e, t, n, r, i, a, o, s) {
 	let c = (t + r) / 2;
-	e.beginPath(), e.moveTo(t, n - a / 2), e.bezierCurveTo(c, n - a / 2, c, i - a / 2, r, i - a / 2), e.lineTo(r, i + a / 2), e.bezierCurveTo(c, i + a / 2, c, n + a / 2, t, n + a / 2), e.closePath(), e.fillStyle = h(o, s), e.fill();
+	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 = v(o, s), e.fill();
+}
+//#endregion
+//#region src/components/horizontalBarChart/HorizontalBarChart.tsx
+var nn = 680, rn = 160, an = {
+	left: 8,
+	right: 90,
+	top: 16,
+	bottom: 16
+}, on = 150, sn = 4, cn = 48, ln = 8;
+function un(e, t, n) {
+	if (e.measureText(t).width <= n) return t;
+	let r = t;
+	for (; r.length > 0 && e.measureText(r + "…").width > n;) r = r.slice(0, -1);
+	return r + "…";
+}
+function dn(e, t) {
+	let n = Math.abs(e), r = e < 0 ? "-" : "";
+	return n >= 1e6 ? `${r}${t}${(n / 1e6).toFixed(1)}M` : n >= 1e3 ? `${r}${t}${(n / 1e3).toFixed(1)}K` : `${r}${t}${n.toFixed(0)}`;
+}
+function fn({ rows: e, valuePrefix: t = "$", "data-testid": n }) {
+	let r = a(null), i = a(/* @__PURE__ */ new Map()), [l, d] = o(!1), f = e.filter((e) => e != null && typeof e.value == "number"), p = l ? f : f.slice(0, ln), m = p.length, _ = Math.max(...f.map((e) => Math.abs(e.value)), 1), y = nn - an.left - on - an.right, b = m * cn, x = an.top + an.bottom + b, { hoveredRef: C, tooltip: w, hitZonesRef: T } = D(r, {
+		width: nn,
+		height: x
+	});
+	return be(r, nn, x, (e, n) => {
+		I(i.current, C.current), T.current = [], p.forEach((r, a) => {
+			let o = F(n, a, m, j), s = an.top + a * cn, c = s + (cn - sn) / 2, l = s + cn / 2, d = an.left + on, f = i.current.get(r.id) ?? 0, p = Math.abs(r.value) / _ * y * o, b = r.valueLabel ?? dn(r.value, t);
+			if (e.save(), e.font = h.font, e.fillStyle = f > 0 ? u.cyan : h.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(un(e, r.name, on - 16), d - 8, l), k(T.current, r.id, 0, s, d, cn, {
+				label: r.name,
+				value: b,
+				color: u.cyan
+			}), e.fillStyle = v(u.cyan, .1), e.beginPath(), e.roundRect(d, c, y, sn, sn / 2), e.fill(), p > 0) {
+				f > 0 && S(e, d + p, c + sn / 2, p * .25, u.cyan, .14 * f);
+				let t = e.createLinearGradient(d, c, d + p, c);
+				t.addColorStop(0, v(u.cyan, .2 + f * .05)), t.addColorStop(.55, v(u.cyan, .55 + f * .15)), t.addColorStop(1, v(u.cyan, .72 + f * .18)), e.fillStyle = t, e.beginPath(), e.roundRect(d, c, p, sn, sn / 2), e.fill();
+			}
+			f > 0 && p > 0 && (e.strokeStyle = v(u.cyan, .6 * f), e.lineWidth = 1, e.beginPath(), e.roundRect(d, c, p, sn, sn / 2), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = g.font, e.fillStyle = f > 0 ? u.cyan : g.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(b, nn - 8, l)), e.restore(), k(T.current, r.id, d, s, Math.max(p, 1), cn, {
+				label: r.name,
+				value: b,
+				color: u.cyan
+			});
+		});
+	}, !0, { easing: j }), f.length === 0 ? /* @__PURE__ */ s(R, {
+		width: nn,
+		height: rn,
+		message: "No data available",
+		"data-testid": n
+	}) : /* @__PURE__ */ c("div", {
+		"data-testid": n,
+		style: { width: nn },
+		children: [/* @__PURE__ */ c("div", {
+			style: { position: "relative" },
+			children: [/* @__PURE__ */ s("canvas", {
+				ref: r,
+				role: "img",
+				"aria-label": "Horizontal bar chart",
+				style: {
+					width: nn,
+					height: x,
+					display: "block",
+					borderRadius: 8
+				}
+			}), /* @__PURE__ */ s(E, {
+				...w,
+				parentW: nn,
+				parentH: x
+			})]
+		}), f.length > ln && /* @__PURE__ */ s("div", {
+			style: { marginTop: 8 },
+			children: /* @__PURE__ */ s(oe, {
+				expanded: l,
+				onToggle: () => d((e) => !e),
+				"data-testid": n ? `${n}-toggle` : void 0
+			})
+		})]
+	});
 }
 //#endregion
 //#region src/components/visualizationRenderer/VisualizationRenderer.tsx
-function Zt({ config: e, className: t }) {
-	return e.type === "line" ? /* @__PURE__ */ s(Ve, {
+function pn({ config: e, className: t, colorOffset: n = 0 }) {
+	return e.type === "line" ? /* @__PURE__ */ s(We, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "area" ? /* @__PURE__ */ s(te, {
+	}) : e.type === "area" ? /* @__PURE__ */ s(ne, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "bar" ? /* @__PURE__ */ s(ie, {
+	}) : e.type === "bar" ? /* @__PURE__ */ s(ae, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "pie" ? /* @__PURE__ */ s($e, {
+	}) : e.type === "pie" ? /* @__PURE__ */ s(nt, {
 		rows: e.rows,
 		variant: "pie",
 		className: t
-	}) : e.type === "donut" ? /* @__PURE__ */ s($e, {
+	}) : e.type === "donut" ? /* @__PURE__ */ s(nt, {
 		rows: e.rows,
 		variant: "donut",
 		className: t
-	}) : e.type === "sankey" ? /* @__PURE__ */ s(ut, {
+	}) : e.type === "sankey" ? /* @__PURE__ */ s(pt, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "flow" ? /* @__PURE__ */ s(lt, {
+	}) : e.type === "flow" ? /* @__PURE__ */ s(ft, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(Rt, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(Ht, {
 		points: e.points,
 		className: t
-	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(We, {
+	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(qe, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Me, { data: e.data ?? { items: e.items ?? [] } }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(we, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(It, {
+	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Fe, { data: e.data ?? { items: e.items ?? [] } }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(De, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(pe, {
+		items: e.items,
+		colorOffset: n
+	}) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(Bt, {
 		segments: e.segments,
 		title: e.title,
 		unitLabel: e.unitLabel
-	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Be, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(ze, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(Nt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(Ye, {
+	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Ue, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(He, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(Lt, {
+		severities: e.severities,
+		colorOffset: n
+	}) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(Qe, {
 		total: e.total,
 		totalLabel: e.totalLabel,
-		items: e.items
-	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(_e, {
+		items: e.items,
+		colorOffset: n
+	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(ye, {
 		confirmed: e.confirmed,
 		total: e.total,
-		label: e.label
-	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Kt, {
+		label: e.label,
+		colorOffset: n
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Zt, {
 		items: e.items,
 		labelA: e.labelA,
 		labelB: e.labelB,
 		unit: e.unit
-	}) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(pt, {
+	}) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(gt, {
 		left: e.left,
 		right: e.right,
 		leftTitle: e.leftTitle,
 		rightTitle: e.rightTitle,
 		unit: e.unit
-	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ht, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(Et, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Yt, { items: e.items }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(yt, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(At, {
+		points: e.points,
+		colorOffset: n
+	}) : e.type === "weekly-flow" ? /* @__PURE__ */ s(en, { items: e.items }) : e.type === "horizontal-bar-chart" ? /* @__PURE__ */ s(fn, {
+		rows: e.rows,
+		valuePrefix: e.valuePrefix
+	}) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var Qt = [];
-function $t(e) {
+var mn = [];
+function hn(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function en() {
-	for (; Qt.length;) {
-		let e = Qt.pop();
+function gn() {
+	for (; mn.length;) {
+		let e = mn.pop();
 		e && e.unmount();
 	}
 }
-function tn() {
-	en(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function _n() {
+	gn(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = $t(n);
+		let r = hn(n);
 		if (!r) return;
 		let i = e(t);
-		Qt.push(i), i.render(/* @__PURE__ */ s(Zt, { config: r }));
+		mn.push(i), i.render(/* @__PURE__ */ s(pn, { config: r }));
 	});
 }
-function nn(e) {
+function vn(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function rn({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s($e, {
+function yn({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(nt, {
 		rows: e,
 		variant: "donut",
 		className: t,
@@ -2576,56 +2716,84 @@ var Q = {
 	red: u.red,
 	amber: u.amber,
 	green: u.green
-}, $ = "'Satoshi Variable', 'DM Sans', sans-serif", an = {
+}, $ = "'Satoshi Variable', 'DM Sans', sans-serif", bn = {
 	color: "#F7F7F7",
 	fontFamily: $,
 	fontSize: 24,
 	fontWeight: 500,
 	lineHeight: "32px"
-}, on = {
+}, xn = {
 	color: "#B3B5B6",
 	fontFamily: $,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function sn({ items: e = [] }) {
+function Sn({ items: e = [] }) {
 	let t = e.filter((e) => e.value);
 	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
-			gap: 8
+			flexWrap: "wrap",
+			gap: 20
 		},
 		children: t.map((e, t) => /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
-				flexDirection: "column",
-				justifyContent: "center",
-				alignItems: "flex-start",
-				width: 260,
-				height: 120,
-				padding: "10px 0",
-				gap: 8,
+				flexDirection: "row",
+				justifyContent: "space-between",
+				alignItems: "center",
+				width: 286,
+				minHeight: 129,
+				padding: "20px 16px",
 				flexShrink: 0,
-				rowGap: 16,
-				border: `1px solid ${Q.border}`,
-				background: Q.bg,
+				border: "1px solid rgba(255,255,255,0.20)",
+				background: "rgba(255,255,255,0.05)",
+				boxShadow: "3.42px 3.42px 3.42px 0px rgba(0,0,0,0.30)",
 				boxSizing: "border-box"
 			},
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ c("div", {
 				style: {
-					...an,
-					color: Q.t1
+					display: "flex",
+					flexDirection: "column",
+					gap: 24,
+					flex: 1,
+					minWidth: 0
 				},
-				children: e.value
-			}), /* @__PURE__ */ s("div", {
-				style: { ...on },
-				children: e.label
+				children: [/* @__PURE__ */ s("div", {
+					style: {
+						...bn,
+						color: "#FFFFFF"
+					},
+					children: e.value
+				}), /* @__PURE__ */ s("div", {
+					style: {
+						...xn,
+						color: "rgba(255,255,255,0.70)"
+					},
+					children: e.label
+				})]
+			}), e.icon && /* @__PURE__ */ s("div", {
+				style: {
+					width: 60,
+					height: 60,
+					flexShrink: 0,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center"
+				},
+				children: /* @__PURE__ */ s("img", {
+					src: e.icon,
+					width: 60,
+					height: 60,
+					alt: "",
+					style: { objectFit: "contain" }
+				})
 			})]
 		}, t))
 	});
 }
-function cn({ items: e = [] }) {
+function Cn({ items: e = [] }) {
 	let t = e.filter((e) => e.name ?? e.value);
 	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
@@ -2658,7 +2826,7 @@ function cn({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...an,
+						...bn,
 						fontSize: 18,
 						color: Q.t1,
 						minWidth: 70,
@@ -2668,7 +2836,7 @@ function cn({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...on,
+						...xn,
 						flex: 1
 					},
 					children: e.kpiLabel
@@ -2677,46 +2845,76 @@ function cn({ items: e = [] }) {
 		}, t))
 	});
 }
-function ln({ items: e = [] }) {
+function wn({ items: e = [] }) {
 	let t = e.filter((e) => e.value);
 	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
-			gap: 8
+			flexWrap: "wrap",
+			gap: 20
 		},
 		children: t.map((e, t) => /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
-				flexDirection: "column",
-				justifyContent: "center",
-				alignItems: "flex-start",
-				width: 260,
-				height: 120,
-				padding: "10px 0",
-				gap: 8,
+				flexDirection: "row",
+				justifyContent: "space-between",
+				alignItems: "center",
+				width: 286,
+				minHeight: 129,
+				padding: "20px 16px",
 				flexShrink: 0,
-				background: Q.bg,
+				border: "1px solid rgba(255,255,255,0.20)",
+				background: "rgba(255,255,255,0.05)",
+				boxShadow: "3.42px 3.42px 3.42px 0px rgba(0,0,0,0.30)",
 				boxSizing: "border-box"
 			},
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ c("div", {
 				style: {
-					...an,
-					color: Q.t1
+					display: "flex",
+					flexDirection: "column",
+					gap: 24,
+					flex: 1,
+					minWidth: 0
 				},
-				children: e.value
-			}), /* @__PURE__ */ s("div", {
-				style: { ...on },
-				children: e.label
+				children: [/* @__PURE__ */ s("div", {
+					style: {
+						...bn,
+						color: "#FFFFFF"
+					},
+					children: e.value
+				}), /* @__PURE__ */ s("div", {
+					style: {
+						...xn,
+						color: "rgba(255,255,255,0.70)"
+					},
+					children: e.label
+				})]
+			}), e.icon && /* @__PURE__ */ s("div", {
+				style: {
+					width: 60,
+					height: 60,
+					flexShrink: 0,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center"
+				},
+				children: /* @__PURE__ */ s("img", {
+					src: e.icon,
+					width: 60,
+					height: 60,
+					alt: "",
+					style: { objectFit: "contain" }
+				})
 			})]
 		}, t))
 	});
 }
-var un = {
+var Tn = {
 	red: Q.red,
 	amber: Q.amber,
 	green: Q.green
 };
-function dn({ items: e = [] }) {
+function En({ items: e = [] }) {
 	let t = e.filter((e) => e.text);
 	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
@@ -2724,7 +2922,7 @@ function dn({ items: e = [] }) {
 			flexDirection: "column",
 			gap: 5
 		},
-		children: t.map((e, t) => (un[e.severity], /* @__PURE__ */ c("div", {
+		children: t.map((e, t) => (Tn[e.severity], /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				alignItems: "flex-start",
@@ -2742,7 +2940,7 @@ function dn({ items: e = [] }) {
 				marginTop: 5
 			} }), /* @__PURE__ */ s("span", {
 				style: {
-					...on,
+					...xn,
 					color: "#B3B5B6"
 				},
 				children: e.text
@@ -2750,7 +2948,7 @@ function dn({ items: e = [] }) {
 		}, t)))
 	});
 }
-function fn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
+function Dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 	let a = r.filter((e) => e.name);
 	if (a.length === 0) return null;
 	let o = t - e;
@@ -2862,9 +3060,9 @@ function fn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(ln, { items: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(wn, { items: i })] });
 }
-function pn({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+function On({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
 	if (!t && !a) return null;
 	let f = r ?? u.blue, p = l ?? u.blue;
 	return /* @__PURE__ */ c("div", { children: [
@@ -2959,10 +3157,10 @@ function pn({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		d && d.length > 0 && /* @__PURE__ */ s(ln, { items: d })
+		d && d.length > 0 && /* @__PURE__ */ s(wn, { items: d })
 	] });
 }
-function mn({ pct: e, label: t, color: n, chips: r }) {
+function kn({ pct: e, label: t, color: n, chips: r }) {
 	if (e == null && !t) return null;
 	let i = n ?? u.blue, a = 2 * Math.PI * 30, o = a * (1 - e / 100);
 	return /* @__PURE__ */ c("div", {
@@ -3022,7 +3220,7 @@ function mn({ pct: e, label: t, color: n, chips: r }) {
 			style: { flex: 1 },
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...on,
+					...xn,
 					padding: "10px 0px"
 				},
 				children: t
@@ -3045,14 +3243,14 @@ function mn({ pct: e, label: t, color: n, chips: r }) {
 					children: [
 						/* @__PURE__ */ s("span", {
 							style: {
-								...an,
+								...bn,
 								color: Q.t2
 							},
 							children: e.value
 						}),
 						/* @__PURE__ */ s("span", {
 							style: {
-								...an,
+								...bn,
 								color: Q.t2,
 								fontWeight: 400,
 								userSelect: "none"
@@ -3060,7 +3258,7 @@ function mn({ pct: e, label: t, color: n, chips: r }) {
 							children: "|"
 						}),
 						/* @__PURE__ */ s("span", {
-							style: { ...on },
+							style: { ...xn },
 							children: e.label
 						})
 					]
@@ -3069,7 +3267,7 @@ function mn({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-function hn({ items: e = [] }) {
+function An({ items: e = [] }) {
 	let t = e.filter((e) => e.name ?? e.value);
 	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
@@ -3107,14 +3305,14 @@ function hn({ items: e = [] }) {
 						flex: 1,
 						height: 4,
 						background: "rgba(255,255,255,0.07)",
-						borderRadius: 2,
+						borderRadius: 0,
 						overflow: "hidden"
 					},
 					children: /* @__PURE__ */ s("div", { style: {
 						height: "100%",
 						width: `${e.pct}%`,
-						background: e.color ?? Q.t2,
-						borderRadius: 2,
+						background: e.color ?? u.purple,
+						borderRadius: 0,
 						opacity: .75
 					} })
 				}),
@@ -3125,45 +3323,25 @@ function hn({ items: e = [] }) {
 						color: Q.t2,
 						fontFamily: $,
 						flexShrink: 0,
-						minWidth: 52,
+						minWidth: 320,
 						textAlign: "right"
 					},
-					children: e.value
-				}),
-				e.badge && /* @__PURE__ */ s("span", {
-					style: {
-						fontSize: 18,
-						fontWeight: 500,
-						color: Q.t1,
-						background: "transparent",
-						padding: "2px 7px",
-						borderRadius: 4,
-						fontFamily: $,
-						flexShrink: 0,
-						minWidth: 72,
-						textAlign: "center"
-					},
-					children: e.badge
-				}),
-				e.sublabel && /* @__PURE__ */ s("span", {
-					style: {
-						...on,
-						flexShrink: 0,
-						minWidth: 80,
-						textAlign: "right"
-					},
-					children: e.sublabel
+					children: [
+						e.value,
+						e.badge,
+						e.sublabel
+					].filter(Boolean).join("  ")
 				})
 			]
 		}, t))
 	});
 }
-var gn = {
+var jn = {
 	red: Q.red,
 	amber: Q.amber,
 	green: Q.green
 };
-function _n({ items: e = [] }) {
+function Mn({ items: e = [] }) {
 	let t = e.filter((e) => e.text);
 	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
@@ -3172,7 +3350,7 @@ function _n({ items: e = [] }) {
 			gap: 5
 		},
 		children: t.map((e, t) => {
-			let n = gn[e.severity];
+			let n = jn[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -3198,13 +3376,13 @@ function _n({ items: e = [] }) {
 					/* @__PURE__ */ s("span", {
 						style: {
 							flex: 1,
-							...on
+							...xn
 						},
 						children: e.text
 					}),
 					/* @__PURE__ */ s("span", {
 						style: {
-							...on,
+							...xn,
 							flexShrink: 0,
 							marginTop: 1
 						},
@@ -3215,7 +3393,7 @@ function _n({ items: e = [] }) {
 		})
 	});
 }
-function vn({ columns: e = [], rows: t = [] }) {
+function Nn({ columns: e = [], rows: t = [] }) {
 	return t.length === 0 ? null : /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -3278,21 +3456,21 @@ function vn({ columns: e = [], rows: t = [] }) {
 		}, t))]
 	});
 }
-function yn({ block: e }) {
+function Pn({ block: e }) {
 	if (!e) return null;
 	switch (e.type) {
-		case "stats": return /* @__PURE__ */ s(sn, { items: e.items });
-		case "ranked": return /* @__PURE__ */ s(cn, { items: e.items });
-		case "chips": return /* @__PURE__ */ s(ln, { items: e.items });
-		case "badges": return /* @__PURE__ */ s(dn, { items: e.items });
-		case "dot-strip": return /* @__PURE__ */ s(fn, {
+		case "stats": return /* @__PURE__ */ s(Sn, { items: e.items });
+		case "ranked": return /* @__PURE__ */ s(Cn, { items: e.items });
+		case "chips": return /* @__PURE__ */ s(wn, { items: e.items });
+		case "badges": return /* @__PURE__ */ s(En, { items: e.items });
+		case "dot-strip": return /* @__PURE__ */ s(Dn, {
 			min: e.min,
 			max: e.max,
 			unit: e.unit,
 			dots: e.dots,
 			chips: e.chips
 		});
-		case "proportion": return /* @__PURE__ */ s(pn, {
+		case "proportion": return /* @__PURE__ */ s(On, {
 			leftPct: e.leftPct,
 			leftLabel: e.leftLabel,
 			leftValue: e.leftValue,
@@ -3303,15 +3481,15 @@ function yn({ block: e }) {
 			rightColor: e.rightColor,
 			chips: e.chips
 		});
-		case "ring": return /* @__PURE__ */ s(mn, {
+		case "ring": return /* @__PURE__ */ s(kn, {
 			pct: e.pct,
 			label: e.label,
 			color: e.color,
 			chips: e.chips
 		});
-		case "scorecard-rows": return /* @__PURE__ */ s(hn, { items: e.items });
-		case "flags-list": return /* @__PURE__ */ s(_n, { items: e.items });
-		case "comparison-rows": return /* @__PURE__ */ s(vn, {
+		case "scorecard-rows": return /* @__PURE__ */ s(An, { items: e.items });
+		case "flags-list": return /* @__PURE__ */ s(Mn, { items: e.items });
+		case "comparison-rows": return /* @__PURE__ */ s(Nn, {
 			columns: e.columns,
 			rows: e.rows
 		});
@@ -3320,14 +3498,14 @@ function yn({ block: e }) {
 }
 //#endregion
 //#region src/components/keyHighlights/Takeaway.tsx
-var bn = "'Satoshi Variable', 'DM Sans', sans-serif", xn = {
+var Fn = "'Satoshi Variable', 'DM Sans', sans-serif", In = {
 	color: "#C2C2C2",
-	fontFamily: bn,
+	fontFamily: Fn,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: 1.65
 };
-function Sn({ text: e }) {
+function Ln({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			padding: "8px 0px",
@@ -3340,16 +3518,16 @@ function Sn({ text: e }) {
 				fontSize: 18,
 				fontWeight: 500,
 				color: u.t1,
-				fontFamily: bn,
+				fontFamily: Fn,
 				lineHeight: 1.65,
 				marginRight: 8
 			},
 			children: "Takeaway"
 		}), /* @__PURE__ */ s("span", {
-			style: { ...xn },
+			style: { ...In },
 			children: e
 		})]
 	});
 }
 //#endregion
-export { te as AreaChart, ie as BarChart, l as ChartFrame, rn as DonutChart, yn as KeyHighlights, Ve as LineChart, We as MiniBars, $e as PieChart, lt as ProcessSankey, ut as RankingSankey, tt as SankeySvg, ee as SeriesChart, Sn as Takeaway, Et as Trend, Rt as TrendChart, Zt as VisualizationRenderer, en as cleanupVisualizationMounts, tn as hydrateVisualizationMounts, nn as serializeVisualizationConfig };
+export { ne as AreaChart, ae as BarChart, m as CHART_PALETTE, l as ChartFrame, yn as DonutChart, d as GRAD, Pn as KeyHighlights, We as LineChart, qe as MiniBars, p as PALETTE, nt as PieChart, ft as ProcessSankey, pt as RankingSankey, f as SOLID, it as SankeySvg, te as SeriesChart, Ln as Takeaway, At as Trend, Ht as TrendChart, pn as VisualizationRenderer, gn as cleanupVisualizationMounts, _n as hydrateVisualizationMounts, vn as serializeVisualizationConfig };