@divami-artefacts/ai-design-system 1.0.54 → 1.0.55

package/dist/index.js

@@ -24,6 +24,7 @@ var u = {
 	amber: "#EEBF3B",
 	teal: "#69DFE9",
 	tealDark: "#00818F",
+	barBg: "#7DB9DF",
 	t1: "#F7F9FA",
 	t2: "#B3B5B6",
 	t3: "#94979C",
@@ -59,31 +60,43 @@ var u = {
 	u.green,
 	u.red
 ], m = [
-	u.teal,
-	u.purple,
-	u.amber,
-	u.blue,
-	u.green
-], h = {
+	d.teal,
+	d.mint,
+	d.sky,
+	d.blue,
+	d.royal,
+	d.purple,
+	d.violet,
+	d.magenta
+], h = [
+	f.teal,
+	f.mint,
+	f.sky,
+	f.blue,
+	f.royal,
+	f.purple,
+	f.violet,
+	f.magenta
+], g = {
 	font: "400 16px 'Satoshi Variable', 'DM Sans', sans-serif",
 	color: "#F7F7F7",
 	letterSpacing: "0px"
-}, g = {
+}, _ = {
 	font: "500 16px 'Satoshi Variable', 'DM Sans', sans-serif",
 	color: "#F7F7F7"
-}, _ = {
+}, v = {
 	font: "400 18px 'Satoshi Variable', 'DM Sans', sans-serif",
 	color: "#B3B5B6",
 	letterSpacing: "0px"
 };
-function v(e, t = 1) {
+function y(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 y(e, t, n) {
+function b(e, t, n) {
 	return e + (t - e) * n;
 }
-function b(e, t, n) {
+function x(e, t, n) {
 	let r = (e) => {
 		let t = e.replace("#", "");
 		return [
@@ -93,34 +106,34 @@ function b(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(y(i, s, n)),
-		u(y(a, c, n)),
-		u(y(o, l, n))
+		u(b(i, s, n)),
+		u(b(a, c, n)),
+		u(b(o, l, n))
 	].map((e) => e.toString(16).padStart(2, "0")).join("").replace(/^/, "#");
 }
-function x(e, t, n, r = 2) {
+function S(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 S(e, t, n, r, i, a = .3) {
+function C(e, t, n, r, i, a = .3) {
 	let o = e.createRadialGradient(t, n, 0, t, n, r);
-	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();
+	o.addColorStop(0, y(i, a)), o.addColorStop(1, y(i, 0)), e.fillStyle = o, e.beginPath(), e.arc(t, n, r, 0, Math.PI * 2), e.fill();
 }
-function C(e, t, n, r, i = 50, a = v(u.blue, .05)) {
+function w(e, t, n, r, i = 50, a = y(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 w(e, t, n, r, i = .015) {
+function T(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 T(e, t, n, r, i = v(u.t1, .08)) {
+function E(e, t, n, r, i = y(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 E({ visible: e, x: t, y: n, content: i, parentW: o, parentH: l }) {
+function D({ visible: e, x: t, y: n, content: i, parentW: o, parentH: l }) {
 	let d = a(null);
 	if (r(() => {
 		let r = d.current;
@@ -193,7 +206,7 @@ function E({ visible: e, x: t, y: n, content: i, parentW: o, parentH: l }) {
 }
 //#endregion
 //#region src/canvas/useCanvasInteraction.ts
-function D(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
+function O(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 	let l = a({
 		x: -1,
 		y: -1,
@@ -273,7 +286,7 @@ function D(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 		hitZonesRef: d
 	};
 }
-function O(e, t, n, r, i, a, o) {
+function k(e, t, n, r, i, a, o) {
 	e.push({
 		id: t,
 		data: a,
@@ -282,7 +295,7 @@ function O(e, t, n, r, i, a, o) {
 		test: (e, t) => (e - n) ** 2 + (t - r) ** 2 <= i * i
 	});
 }
-function k(e, t, n, r, i, a, o, s, c, l) {
+function A(e, t, n, r, i, a, o, s, c, l) {
 	e.push({
 		id: t,
 		data: o,
@@ -294,14 +307,14 @@ function k(e, t, n, r, i, a, o, s, c, l) {
 }
 //#endregion
 //#region src/canvas/easing.ts
-var A = (e) => 1 - (1 - e) ** 3, j = (e) => 1 - (1 - e) ** 4, M = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), N = (e) => {
+var j = (e) => 1 - (1 - e) ** 3, M = (e) => 1 - (1 - e) ** 4, N = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), P = (e) => {
 	let t = 1.70158;
 	return 1 + (t + 1) * (e - 1) ** 3 + t * (e - 1) ** 2;
-}, P = (e, t = .04, n = .001) => Math.sin(e * t) * Math.exp(-Math.min(e * n, 4)), F = (e, t, n, r = A) => {
+}, F = (e, t = .04, n = .001) => Math.sin(e * t) * Math.exp(-Math.min(e * n, 4)), I = (e, t, n, r = j) => {
 	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 I(e, t, n = .12) {
+function L(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);
@@ -309,66 +322,66 @@ function I(e, t, n = .12) {
 }
 //#endregion
 //#region src/components/common/SeriesChart.tsx
-var L = 760, R = 250;
-function z({ 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: R
+var R = 760, z = 250;
+function B({ 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 } = O(o, {
+		width: R,
+		height: z
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = x(n, L, R);
+		let r = S(n, R, z);
 		f.current = 0;
 		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
-		}, _ = L - h.left - h.right, y = R - h.top - h.bottom, b, C = () => {
+		}, _ = R - h.left - h.right, v = z - h.top - h.bottom, b, x = () => {
 			f.current++;
 			let n = f.current;
-			if (r.clearRect(0, 0, L, R), e.length < 2) {
-				b = requestAnimationFrame(C);
+			if (r.clearRect(0, 0, R, z), e.length < 2) {
+				b = requestAnimationFrame(x);
 				return;
 			}
-			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;
+			let i = e.map((e) => e.pricing ?? 0), o = Math.max(100, ...i), S = (t) => h.left + t / (e.length - 1) * _, w = (e) => h.top + (1 - e / o) * v, T = N(Math.min(n / 48, 1)), D = Math.max(2, Math.floor(T * e.length));
+			L(d.current, m.current), g.current = [], r.strokeStyle = y(u.bd, .2), r.lineWidth = .5;
 			for (let e = 0; e <= 4; e++) {
-				let t = h.top + e / 4 * y;
+				let t = h.top + e / 4 * v;
 				r.beginPath(), r.moveTo(h.left, t), r.lineTo(h.left + _, t), r.stroke();
 			}
-			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) {
+			if (r.strokeStyle = y(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) || T(r, x(e), h.top, h.top + y);
+				isNaN(e) || E(r, S(e), h.top, h.top + v);
 			}
 			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();
+				let t = r.createLinearGradient(0, h.top, 0, h.top + v);
+				t.addColorStop(0, y(l, .12)), t.addColorStop(1, y(l, 0)), r.fillStyle = t, r.beginPath(), r.moveTo(S(0), h.top + v);
+				for (let t = 0; t < D; t++) r.lineTo(S(t), w(e[t].pricing ?? 0));
+				r.lineTo(S(D - 1), h.top + v), r.closePath(), r.fill();
 			}
 			if (D > 1) {
-				r.strokeStyle = v(a, .85), r.lineWidth = 2, r.setLineDash([]), r.beginPath();
+				r.strokeStyle = y(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);
+					let n = S(t), i = w(e[t].pricing ?? 0);
 					t === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
 				}
 				r.stroke();
 			}
 			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, {
+				let a = S(i), o = w(e[i].pricing ?? 0), c = `sc-${i}`, l = d.current.get(c) ?? 0, f = i === e.length - 1;
+				k(g.current, c, a, o, 12, {
 					label: e[i].vendor,
 					value: String(e[i].pricing ?? 0),
 					color: f ? u.red : s
-				}), 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, R - 14);
+				}), l > 0 && C(r, a, o, 16 * l, s, .2 * l);
+				let p = f ? F(n, .05, 5e-4) : 0, m = t === "area" ? 5 : 6;
+				f ? (r.shadowColor = y(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 = y(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 = y(u.t3, .6 + l * .3), r.textAlign = "center", r.fillText(e[i].vendor, a, z - 14);
 			}
-			b = requestAnimationFrame(C);
+			b = requestAnimationFrame(x);
 		};
-		return C(), () => cancelAnimationFrame(b);
+		return x(), () => cancelAnimationFrame(b);
 	}, [
 		e,
 		t,
@@ -378,31 +391,31 @@ function z({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: L,
-				height: R
+				width: R,
+				height: z
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: L,
-					height: R,
+					width: R,
+					height: z,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
+			}), /* @__PURE__ */ s(D, {
 				...h,
-				parentW: L,
-				parentH: R
+				parentW: R,
+				parentH: z
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/areaChart/AreaChart.tsx
-function B({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(z, {
+function V({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(B, {
 		rows: e,
 		variant: "area",
 		className: t,
@@ -411,69 +424,69 @@ function B({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/barChart/BarChart.tsx
-var V = 760, H = 280;
-function U({ 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: V,
-		height: H
+var H = 760, U = 280;
+function W({ rows: e = [], className: t, colors: r }) {
+	let i = a(null), o = a(/* @__PURE__ */ new Map()), d = a(0), { hoveredRef: f, tooltip: m, hitZonesRef: h } = O(i, {
+		width: H,
+		height: U
 	});
 	return n(() => {
 		let t = i.current;
 		if (!t) return;
-		let n = x(t, V, H);
+		let n = S(t, H, U);
 		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 = H - l.top - l.bottom, g = (V - l.left - l.right) / Math.max(e.length, 1), _ = Math.max(100, ...e.map((e) => e.pricing ?? 0)), y = l.top + m, b, C = () => {
+		}, m = U - l.top - l.bottom, g = (H - l.left - l.right) / Math.max(e.length, 1), _ = Math.max(100, ...e.map((e) => e.pricing ?? 0)), v = l.top + m, b, x = () => {
 			d.current++;
 			let t = d.current;
-			n.clearRect(0, 0, V, H);
-			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(V - 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, {
+			n.clearRect(0, 0, H, U);
+			let r = M(Math.min(t / 48, 1));
+			L(o.current, f.current), h.current = [], n.strokeStyle = y(s, .4), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(l.left, v), n.lineTo(H - l.right, v), n.stroke(), e.forEach((t, i) => {
+				let s = l.left + i * g, d = I(r, i, e.length, M), 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;
+				A(h.current, t.id ?? `bar-${i}`, s + 4, v - p, g - 8, p, {
 					label: t.vendor,
 					value: String(t.pricing ?? 0),
 					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, [
+				}), p > 0 && (x > 0 && C(n, s + g / 2, v - p / 2, g * .8, b, .12 * x), n.shadowColor = y(b, .2 * (x > 0 ? x : 0)), n.shadowBlur = x > 0 ? 6 : 0, n.fillStyle = y(b, .5 + x * .25), n.beginPath(), n.roundRect(s + 4, v - p, g - 8, p, [
 					4,
 					4,
 					0,
 					0
-				]), 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, [
+				]), n.fill(), n.shadowBlur = 0, x > 0 && (n.strokeStyle = y(b, .4 * x), n.lineWidth = 1, n.beginPath(), n.roundRect(s + 4, v - 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 = 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, H - 14);
-			}), b = 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 : y(c, .7), n.textAlign = "center", n.fillText(String(t.pricing ?? ""), s + g / 2, v - p - 6), n.globalAlpha = 1), n.font = `${x > 0 ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.fillStyle = x > 0 ? b : y(u.t3, .6), n.textAlign = "center", n.fillText(t.vendor, s + g / 2, U - 14);
+			}), b = requestAnimationFrame(x);
 		};
-		return C(), () => cancelAnimationFrame(b);
+		return x(), () => cancelAnimationFrame(b);
 	}, [e, r]), /* @__PURE__ */ s(l, {
 		className: t,
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: V,
-				height: H
+				width: H,
+				height: U
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: i,
 				role: "img",
 				"aria-label": "bar chart",
 				style: {
-					width: V,
-					height: H,
+					width: H,
+					height: U,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
+			}), /* @__PURE__ */ s(D, {
 				...m,
-				parentW: V,
-				parentH: H
+				parentW: H,
+				parentH: U
 			})]
 		})
 	});
@@ -494,7 +507,7 @@ function ee(e) {
 }
 //#endregion
 //#region src/components/common/ChartEmptyState.tsx
-function W({ width: e, height: t, message: n = "No data available", testID: r }) {
+function G({ width: e, height: t, message: n = "No data available", testID: r }) {
 	return /* @__PURE__ */ s("div", {
 		"data-testid": r,
 		style: {
@@ -557,7 +570,7 @@ function te({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCol
 }
 //#endregion
 //#region src/utils/numberFormat.ts
-var G = [
+var ne = [
 	{
 		value: 0xe8d4a51000,
 		suffix: "T",
@@ -581,79 +594,79 @@ var G = [
 ];
 function K(e, t = 1) {
 	let n = Math.abs(e), r = e < 0 ? "-" : "";
-	for (let e of G) if (n >= e.value) return `${r}${(n / e.divisor).toFixed(t)}${e.suffix}`;
+	for (let e of ne) if (n >= e.value) return `${r}${(n / e.divisor).toFixed(t)}${e.suffix}`;
 	return `${r}${n.toFixed(0)}`;
 }
 //#endregion
 //#region src/components/progressRaceChart/ProgressRaceChart.tsx
-var ne = 660, q = 6, re = 30, ie = re / 2, ae = re / 2, oe = 8;
-function se(e, t, n) {
+var re = 660, ie = 4, ae = 30, oe = ae / 2, se = ae / 2, ce = 8;
+function le(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 ce({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, colorOffset: f = 0, testID: p }) {
-	let [_, y] = ee(ne), b = a(null), T = a(0), j = a(/* @__PURE__ */ new Map()), M = a(d);
+function ue({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, colorOffset: f = 0, testID: p }) {
+	let [h, v] = ee(re), b = a(null), x = a(0), E = a(/* @__PURE__ */ new Map()), M = a(d);
 	M.current = d;
 	let N = a([]), P = t((e, t) => {
 		let n = typeof t == "object" ? t.label ?? e : e, r = N.current.find((t) => t.id === e);
 		l?.(e, n, r?.subentity);
-	}, [l]), [F, I] = o(!1), L = !!(d && r?.[d]), R = L ? r[d] : e, z = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), B = i(() => R.filter((e) => typeof e == "object" && !!e), [R]), V = i(() => [...B].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [B]), H = i(() => F ? V : V.slice(0, oe), [V, F]);
+	}, [l]), [F, I] = o(!1), L = !!(d && r?.[d]), R = L ? r[d] : e, z = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), B = i(() => R.filter((e) => typeof e == "object" && !!e), [R]), V = i(() => [...B].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [B]), H = i(() => F ? V : V.slice(0, ce), [V, F]);
 	N.current = H;
-	let U = H.length, G = ie + ae + U * q + Math.max(0, U - 1) * re, { hoveredRef: ce, tooltip: le, hitZonesRef: ue } = D(b, {
-		width: y,
-		height: G,
+	let U = H.length, W = oe + se + U * ie + Math.max(0, U - 1) * ae, { hoveredRef: ne, tooltip: ue, hitZonesRef: de } = O(b, {
+		width: v,
+		height: W,
 		onClick: l ? P : void 0
 	});
 	return n(() => {
 		let e = b.current;
 		if (!e) return;
-		let t = x(e, y, G);
-		T.current = 0, t.font = h.font, t.letterSpacing = h.letterSpacing;
+		let t = S(e, v, W);
+		x.current = 0, t.font = g.font, t.letterSpacing = g.letterSpacing;
 		let n = H.reduce((e, n) => Math.max(e, t.measureText(n.name ?? n.abbreviation ?? "").width), 0);
-		t.font = g.font;
-		let r = H.reduce((e, n) => Math.max(e, t.measureText(K(n.total ?? 0)).width), 0), i = Math.max(Math.min(n + 20, y * .3), 40), a = Math.max(r + 20, 28), o = y - i - a, s = m[f % m.length], c, l = () => {
-			T.current++;
-			let e = T.current;
-			t.clearRect(0, 0, y, G), t.letterSpacing = h.letterSpacing, ue.current = [], j.current.forEach((e, t) => {
-				let n = t === ce.current ? 1 : 0, r = e + (n - e) * .12;
-				Math.abs(r - n) < .005 ? n === 0 ? j.current.delete(t) : j.current.set(t, 1) : j.current.set(t, r);
-			}), ce.current && !j.current.has(ce.current) && j.current.set(ce.current, 0), C(t, y, G, e, 40, v(u.blue, .04));
+		t.font = _.font;
+		let r = H.reduce((e, n) => Math.max(e, t.measureText(K(n.total ?? 0)).width), 0), i = Math.max(Math.min(n + 20, v * .3), 40), a = Math.max(r + 20, 28), o = v - i - a, [s, c] = m[f % m.length], l, d = () => {
+			x.current++;
+			let e = x.current;
+			t.clearRect(0, 0, v, W), t.letterSpacing = g.letterSpacing, de.current = [], E.current.forEach((e, t) => {
+				let n = t === ne.current ? 1 : 0, r = e + (n - e) * .12;
+				Math.abs(r - n) < .005 ? n === 0 ? E.current.delete(t) : E.current.set(t, 1) : E.current.set(t, r);
+			}), ne.current && !E.current.has(ne.current) && E.current.set(ne.current, 0), w(t, v, W, e, 40, y(c, .04));
 			let n = Math.max(...H.map((e) => e.total ?? 0), 1);
-			H.forEach((r, a) => {
-				let c = j.current.get(r.id) ?? 0, l = !L && M.current && r.id !== M.current ? .2 : 1, d = ie + a * (q + re), f = t.createLinearGradient(i, 0, i + o, 0);
-				f.addColorStop(0, v(u.tealDark, .55 + c * .1)), f.addColorStop(1, v(u.tealDark, .22 + c * .08)), t.fillStyle = f, t.beginPath(), t.rect(i, d, o, q), t.fill();
-				let p = (r.total ?? 0) / n, m = i + o * Math.min(p, p * A(Math.min(1, e * .005)));
-				if (m > i + 2) {
-					let e = t.createLinearGradient(i, 0, m, 0);
-					e.addColorStop(0, v(s, .55 * l)), e.addColorStop(1, v(s, .9 * l)), t.fillStyle = e, t.beginPath(), t.rect(i, d, m - i, q), t.fill();
+			H.forEach((a, l) => {
+				let d = E.current.get(a.id) ?? 0, f = !L && M.current && a.id !== M.current ? .6 : 1, p = oe + l * (ie + ae);
+				t.fillStyle = y(u.barBg, .2), t.beginPath(), t.rect(i, p, o, ie), t.fill();
+				let m = (a.total ?? 0) / n, h = i + o * Math.min(m, m * j(Math.min(1, e * .005)));
+				if (h > i + 2) {
+					let e = t.createLinearGradient(i, 0, h, 0);
+					e.addColorStop(0, y(s, .75 * f)), e.addColorStop(1, y(c, .95 * f)), t.fillStyle = e, t.beginPath(), t.rect(i, p, h - i, ie), t.fill();
 				}
-				c > 0 && S(t, m, d + q / 2, 12 * c, s, .35 * c);
-				let _ = {
-					label: r.name,
-					sublabel: r.totalLabel ?? (r.total == null ? void 0 : K(r.total)),
-					color: s
+				d > 0 && C(t, h, p + ie / 2, 12 * d, c, .35 * d);
+				let v = {
+					label: a.name,
+					sublabel: a.totalLabel ?? (a.total == null ? void 0 : K(a.total)),
+					color: c
 				};
-				k(ue.current, r.id, 0, d - re / 2, i + o, q + re, _), O(ue.current, r.id, m, d + q / 2, 10, _), t.font = g.font, t.fillStyle = c > 0 ? v(s, 1 * l) : v(u.t1, .85 * l), t.textAlign = "left", t.textBaseline = "middle", t.fillText(K(r.total ?? 0), i + o + 12, d + q / 2), t.font = h.font, t.fillStyle = c > 0 ? v(s, 1 * l) : v(u.t2, .85 * l), t.textAlign = "right", t.fillText(se(t, r.name ?? r.abbreviation ?? "", i - 16), i - 8, d + q / 2);
-			}), w(t, y, G, e, .015), c = requestAnimationFrame(l);
+				A(de.current, a.id, 0, p - ae / 2, i + o, ie + ae, v, void 0, i + o + 12 + r + 14), k(de.current, a.id, h, p + ie / 2, 10, v), t.font = _.font, t.fillStyle = d > 0 ? y(c, 1 * f) : y(u.t1, .85 * f), t.textAlign = "left", t.textBaseline = "middle", t.fillText(K(a.total ?? 0), i + o + 12, p + ie / 2), t.font = g.font, t.fillStyle = d > 0 ? y(c, 1 * f) : y(u.t2, .85 * f), t.textAlign = "right", t.fillText(le(t, a.name ?? a.abbreviation ?? "", i - 16), i - 8, p + ie / 2);
+			}), T(t, v, W, e, .015), l = requestAnimationFrame(d);
 		};
-		return l(), () => cancelAnimationFrame(c);
+		return d(), () => cancelAnimationFrame(l);
 	}, [
 		H,
-		G,
+		W,
 		f,
-		y
+		v
 	]), V.length === 0 ? /* @__PURE__ */ s("div", {
-		ref: _,
+		ref: h,
 		style: { width: "100%" },
-		children: /* @__PURE__ */ s(W, {
-			width: y,
+		children: /* @__PURE__ */ s(G, {
+			width: v,
 			height: 160,
 			testID: p
 		})
 	}) : /* @__PURE__ */ c("div", {
-		ref: _,
+		ref: h,
 		"data-testid": p,
 		style: { width: "100%" },
 		children: [/* @__PURE__ */ c("div", {
@@ -664,16 +677,16 @@ function ce({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, co
 				"aria-label": "Commitment race — contractors ranked by commitment percentage",
 				style: {
 					width: "100%",
-					height: G,
+					height: W,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
-				...le,
-				parentW: y,
-				parentH: G
+			}), /* @__PURE__ */ s(D, {
+				...ue,
+				parentW: v,
+				parentH: W
 			})]
-		}), z.length > oe && /* @__PURE__ */ s("div", {
+		}), z.length > ce && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(te, {
 				expanded: F,
@@ -684,14 +697,8 @@ function ce({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, co
 }
 //#endregion
 //#region src/components/semiCircularGaugeChart/SemiCircularGaugeChart.tsx
-var le = 480, ue = 310, de = 18, fe = [
-	"#00818F",
-	"#5C42B8",
-	"#C87B0A",
-	"#2563EB",
-	"#166534"
-];
-function pe(e, t, n) {
+var de = 480, fe = 310, pe = 18;
+function me(e, t, n) {
 	let r = t.split(" "), i = [], a = "";
 	for (let t of r) {
 		let r = a ? `${a} ${t}` : t;
@@ -699,89 +706,89 @@ function pe(e, t, n) {
 	}
 	return a && i.push(a), i;
 }
-function me({ confirmed: e, total: r, label: i, colorOffset: o = 0, selectedId: l, selectedLabel: d, gaugeByEntity: f, onItemClick: p, subentity: g, testID: y }) {
-	let b = a(null), C = a(0), w = l && f?.[l] ? f[l] : {
+function he({ confirmed: e, total: r, label: i, colorOffset: o = 0, selectedId: l, selectedLabel: d, gaugeByEntity: f, onItemClick: p, subentity: h, testID: _ }) {
+	let b = a(null), x = a(0), w = l && f?.[l] ? f[l] : {
 		confirmed: e,
 		total: r
-	}, T = w.confirmed, O = w.total, j = t(() => {
-		p?.("confirmed", i ?? "confirmed", g);
+	}, T = w.confirmed, E = w.total, k = t(() => {
+		p?.("confirmed", i ?? "confirmed", h);
 	}, [
 		p,
 		i,
-		g
-	]), { tooltip: M, hitZonesRef: P } = D(b, {
-		width: le,
-		height: ue,
-		onClick: p ? j : void 0
+		h
+	]), { tooltip: M, hitZonesRef: N } = O(b, {
+		width: de,
+		height: fe,
+		onClick: p ? k : void 0
 	});
 	return n(() => {
 		let e = b.current;
 		if (!e) return;
-		let t = x(e, le, ue);
-		C.current = 0;
-		let n = o % m.length, r = m[n], a = fe[n], s = le / 2, c = Math.PI, l = 2 * Math.PI, d = Math.PI, f, p = () => {
-			C.current++;
-			let e = C.current;
-			t.clearRect(0, 0, le, ue), t.letterSpacing = h.letterSpacing, P.current = [], k(P.current, "confirmed", s - 148, 27, 296, 148, {
+		let t = S(e, de, fe);
+		x.current = 0;
+		let [n, r] = m[o % m.length], a = de / 2, s = Math.PI, c = 2 * Math.PI, l = Math.PI, d, f = () => {
+			x.current++;
+			let e = x.current;
+			t.clearRect(0, 0, de, fe), t.letterSpacing = g.letterSpacing, N.current = [], A(N.current, "confirmed", a - 148, 27, 296, 148, {
 				label: i ?? "Confirmed",
-				value: `${K(T ?? 0)} / ${K(O ?? 0)}`,
-				sublabel: `${Math.round((T ?? 0) / (O || 1) * 100)}%`,
+				value: `${K(T ?? 0)} / ${K(E ?? 0)}`,
+				sublabel: `${Math.round((T ?? 0) / (E || 1) * 100)}%`,
 				color: r
 			});
-			let n = A(Math.min(e / 80, 1)), o = N(Math.min(e / 72, 1)), m = Math.round((T ?? 0) / (O || 1) * 100), g = c + m / 100 * d * n;
-			t.beginPath(), t.arc(s, 175, 148, c, l), t.strokeStyle = v(r, .28), t.lineWidth = 4, t.lineCap = "round", t.stroke(), t.lineCap = "butt", t.beginPath(), t.moveTo(s, 175), t.arc(s, 175, 133, c, g), t.closePath(), t.fillStyle = v(a, .35 * n), t.fill();
-			let y = s + Math.cos(g) * 148, b = 175 + Math.sin(g) * 148;
-			S(t, y, b, 10, r, .3 * n);
-			let x = t.createLinearGradient(s + Math.cos(c) * 148, 175 + Math.sin(c) * 148, y, b);
-			x.addColorStop(0, v(a, .9 * n)), x.addColorStop(1, v(r, 1 * n)), t.beginPath(), t.arc(s, 175, 148, c, g), t.strokeStyle = x, t.lineWidth = 4, t.lineCap = "round", t.stroke(), t.lineCap = "butt";
-			let w = c + m / 100 * d * o, E = s + Math.cos(w) * 133, D = 175 + Math.sin(w) * 133, j = s - Math.cos(w) * 24, M = 175 - Math.sin(w) * 24, F = -Math.sin(w), I = Math.cos(w), L = 2.5 * o;
-			t.beginPath(), t.moveTo(E, D), t.lineTo(s + F * L, 175 + I * L), t.lineTo(j + F * 1, M + I * 1), t.lineTo(j - F * 1, M - I * 1), t.lineTo(s - F * L, 175 - I * L), t.closePath(), t.fillStyle = v(u.t1, o), t.fill(), t.beginPath(), t.arc(s, 175, 11, 0, Math.PI * 2), t.strokeStyle = v(r, .85 * o), t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(s, 175, 9, 0, Math.PI * 2), t.fillStyle = u.t1, t.fill(), [
+			let o = j(Math.min(e / 80, 1)), p = P(Math.min(e / 72, 1)), m = Math.round((T ?? 0) / (E || 1) * 100), h = s + m / 100 * l * o;
+			t.beginPath(), t.arc(a, 175, 148, s, c), t.strokeStyle = y(r, .28), t.lineWidth = 4, t.lineCap = "round", t.stroke(), t.lineCap = "butt", t.beginPath(), t.moveTo(a, 175), t.arc(a, 175, 133, s, h), t.closePath(), t.fillStyle = y(n, .35 * o), t.fill();
+			let _ = a + Math.cos(h) * 148, b = 175 + Math.sin(h) * 148;
+			C(t, _, b, 10, r, .3 * o);
+			let S = t.createLinearGradient(a + Math.cos(s) * 148, 175 + Math.sin(s) * 148, _, b);
+			S.addColorStop(0, y(n, .9 * o)), S.addColorStop(1, y(r, 1 * o)), t.beginPath(), t.arc(a, 175, 148, s, h), t.strokeStyle = S, t.lineWidth = 4, t.lineCap = "round", t.stroke(), t.lineCap = "butt";
+			let w = s + m / 100 * l * p, D = a + Math.cos(w) * 133, O = 175 + Math.sin(w) * 133, k = a - Math.cos(w) * 24, M = 175 - Math.sin(w) * 24, F = -Math.sin(w), I = Math.cos(w), L = 2.5 * p;
+			t.beginPath(), t.moveTo(D, O), t.lineTo(a + F * L, 175 + I * L), t.lineTo(k + F * 1, M + I * 1), t.lineTo(k - F * 1, M - I * 1), t.lineTo(a - F * L, 175 - I * L), t.closePath(), t.fillStyle = y(u.t1, p), t.fill(), t.beginPath(), t.arc(a, 175, 11, 0, Math.PI * 2), t.strokeStyle = y(r, .85 * p), t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a, 175, 9, 0, Math.PI * 2), t.fillStyle = u.t1, t.fill(), [
 				[0, "0%"],
 				[.5, "50%"],
 				[1, "100%"]
 			].forEach(([e, n]) => {
-				let r = c + e * d, i = e === 1 ? 184 : 168, a = s + Math.cos(r) * i, o = 175 + Math.sin(r) * i;
-				t.font = h.font, t.fillStyle = h.color, t.textAlign = "center", t.fillText(n, a, o + 4);
-			}), n > .4 && (t.globalAlpha = Math.min(1, (n - .4) / .4), t.font = "700 32px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t1, t.textAlign = "center", t.fillText(`${Math.round(m * o)}%`, s, 247), t.globalAlpha = 1), n > .7 && i && (t.globalAlpha = Math.min(1, (n - .7) / .3), t.font = _.font, t.fillStyle = _.color, t.textAlign = "center", pe(t, `${K(T ?? 0)} of ${K(O ?? 0)} ${i}`, le - 40).forEach((e, n) => {
-				t.fillText(e, s, 287 + n * de);
-			}), t.globalAlpha = 1), f = requestAnimationFrame(p);
+				let r = s + e * l, i = e === 1 ? 184 : 168, o = a + Math.cos(r) * i, c = 175 + Math.sin(r) * i;
+				t.font = g.font, t.fillStyle = g.color, t.textAlign = "center", t.fillText(n, o, c + 4);
+			}), o > .4 && (t.globalAlpha = Math.min(1, (o - .4) / .4), t.font = "700 32px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t1, t.textAlign = "center", t.fillText(`${Math.round(m * p)}%`, a, 247), t.globalAlpha = 1), o > .7 && i && (t.globalAlpha = Math.min(1, (o - .7) / .3), t.font = v.font, t.fillStyle = v.color, t.textAlign = "center", me(t, `${K(T ?? 0)} of ${K(E ?? 0)} ${i}`, de - 40).forEach((e, n) => {
+				t.fillText(e, a, 287 + n * pe);
+			}), t.globalAlpha = 1), d = requestAnimationFrame(f);
 		};
-		return p(), () => cancelAnimationFrame(f);
+		return f(), () => cancelAnimationFrame(d);
 	}, [
 		T,
-		O,
+		E,
 		i,
 		o,
 		l,
 		d
 	]), /* @__PURE__ */ c("div", {
-		"data-testid": y,
+		"data-testid": _,
 		style: {
 			position: "relative",
 			width: "100%",
-			maxWidth: le,
+			maxWidth: de,
 			margin: "0 auto"
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: b,
 			role: "img",
-			"aria-label": `Compensation event gauge — ${Math.round((T ?? 0) / (O || 1) * 100)}% of NCEs confirmed as compensation events`,
+			"aria-label": `Compensation event gauge — ${Math.round((T ?? 0) / (E || 1) * 100)}% of NCEs confirmed as compensation events`,
 			style: {
 				width: "100%",
-				aspectRatio: `${le} / ${ue}`,
+				aspectRatio: `${de} / ${fe}`,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...M,
-			parentW: le,
-			parentH: ue
+			parentW: de,
+			parentH: fe
 		})]
 	});
 }
 //#endregion
 //#region src/canvas/useCanvasLoop.ts
-function he(e, t, r, i, o = !0, s = {}) {
-	let c = a(0), { easing: l = A, durationFrames: u = 48 } = s;
+function ge(e, t, r, i, o = !0, s = {}) {
+	let c = a(0), { easing: l = j, durationFrames: u = 48 } = s;
 	n(() => {
 		let n = e.current;
 		if (!n || !t || !r) return;
@@ -812,7 +819,7 @@ function he(e, t, r, i, o = !0, s = {}) {
 }
 //#endregion
 //#region src/components/multiMetricConstellationChart/MultiMetricConstellationChart.tsx
-var ge = 780, _e = 234, ve = 130, ye = 52, be = [
+var q = 780, _e = 234, ve = 130, ye = 52, be = [
 	u.blue,
 	u.amber,
 	u.purple,
@@ -827,13 +834,13 @@ var ge = 780, _e = 234, ve = 130, ye = 52, be = [
 	"Commit"
 ];
 function Ce({ items: e = [], testID: t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = D(n, {
-		width: ge,
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = O(n, {
+		width: q,
 		height: _e
 	}), 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 = ge * (.12 + r * .19), a = ve, o = Math.min(ge * .075, ye), s = be[r % be.length], c = [
+			let i = q * (.12 + r * .19), a = ve, o = Math.min(q * .075, ye), s = be[r % be.length], c = [
 				(n.base ?? 0) / (e || 1) * 100,
 				(n.variation ?? 0) / (t || 1) * 100,
 				n.percentage ?? 0
@@ -865,37 +872,37 @@ function Ce({ items: e = [], testID: t }) {
 			};
 		});
 	}, [f]);
-	return he(n, ge, _e, (e, t, n) => {
-		I(r.current, o.current), d.current = [], C(e, ge, _e, n, 30), p.forEach((t, i) => {
+	return ge(n, q, _e, (e, t, n) => {
+		L(r.current, o.current), d.current = [], w(e, q, _e, 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 = v(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 = y(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 = 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();
+			}), e.closePath(), e.fillStyle = y(a, .04 + .03 * s), e.fill(), e.strokeStyle = y(a, .15 + .1 * s), e.lineWidth = .8, e.stroke(), t.stars.forEach((o, s) => {
+				let c = F(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, y(a, (.2 + .1 * f) * c)), p.addColorStop(1, y(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 = y(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, {
+				e.textAlign = "center", e.textBaseline = "middle", m ? (e.font = g.font, e.fillStyle = y(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y - 24), e.font = g.font, e.fillStyle = y(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y - 11)) : (e.font = g.font, e.fillStyle = y(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y + 11), e.font = g.font, e.fillStyle = y(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y + 24)), k(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 && 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, {
+			}), s > 0 && C(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 = y(a, .1 + F(n, .03, 5e-4) * .05), e.lineWidth = 1, e.stroke(), e.font = g.font, e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = s > 0 ? t.color : g.color, e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), k(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 = _.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", ge / 2, _e - 14), w(e, ge, _e, n, .012);
-	}, !0), p.length === 0 ? /* @__PURE__ */ s(W, {
-		width: ge,
+		}), e.font = v.font, e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = v.color, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", q / 2, _e - 14), T(e, q, _e, n, .012);
+	}, !0), p.length === 0 ? /* @__PURE__ */ s(G, {
+		width: q,
 		height: _e,
 		testID: t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: ge,
+			width: q,
 			height: _e
 		},
 		children: [/* @__PURE__ */ s("canvas", {
@@ -903,13 +910,13 @@ function Ce({ items: e = [], testID: t }) {
 			role: "img",
 			"aria-label": "Contract value breakdown per contractor — multi-KPI constellation chart",
 			style: {
-				width: ge,
+				width: q,
 				height: _e,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...l,
-			parentW: ge,
+			parentW: q,
 			parentH: _e
 		})]
 	});
@@ -933,15 +940,15 @@ function je(e) {
 	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, dataByEntity: n, onItemClick: r, selectedId: i, testID: l }) {
-	let [d, f] = ee(we), p = a(null), m = a(/* @__PURE__ */ new Map()), y = a(i);
-	y.current = i;
+	let [d, f] = ee(we), p = a(null), m = a(/* @__PURE__ */ new Map()), h = a(i);
+	h.current = i;
 	let b = t((e, t) => {
 		let n = typeof t == "object" ? t.label ?? e : e, i = V.current.visibleItems.find((t) => t.id === e);
 		r?.(e, n, i?.subentity);
-	}, [r]), [x, C] = o(!1), w = !!(i && n?.[i]), { items: T = [], totals: O } = w ? n[i] : e, A = T.filter((e) => typeof e == "object" && !!e), M = [...A].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), N = x ? M : M.slice(0, Ee), P = N.length, L = Math.max(...M.map((e) => Math.abs(e.total ?? 0)), 1), R = P * ke + Math.max(0, P - 1) * 38, z = J.top + J.bottom + R, B = f - J.left - Oe - J.right, V = a({
+	}, [r]), [x, S] = o(!1), w = !!(i && n?.[i]), { items: T = [], totals: E } = w ? n[i] : e, k = T.filter((e) => typeof e == "object" && !!e), j = [...k].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), N = x ? j : j.slice(0, Ee), P = N.length, F = Math.max(...j.map((e) => Math.abs(e.total ?? 0)), 1), R = P * ke + Math.max(0, P - 1) * 38, z = J.top + J.bottom + R, B = f - J.left - Oe - J.right, V = a({
 		visibleItems: N,
-		maxCommitment: L,
-		totals: O,
+		maxCommitment: F,
+		totals: E,
 		barArea: B,
 		BAR_GAP: 38,
 		n: P,
@@ -950,41 +957,37 @@ function Me({ data: e, dataByEntity: n, onItemClick: r, selectedId: i, testID: l
 	});
 	V.current = {
 		visibleItems: N,
-		maxCommitment: L,
-		totals: O,
+		maxCommitment: F,
+		totals: E,
 		barArea: B,
 		BAR_GAP: 38,
 		n: P,
 		dynamicH: z,
 		isDrillMode: w
 	};
-	let H = (e.items ?? []).filter((e) => typeof e == "object" && !!e).length === 0, { hoveredRef: U, tooltip: G, hitZonesRef: K } = D(p, {
+	let H = (e.items ?? []).filter((e) => typeof e == "object" && !!e).length === 0, { hoveredRef: U, tooltip: W, hitZonesRef: ne } = O(p, {
 		width: f,
 		height: z,
 		onClick: r ? b : void 0
 	});
-	return he(p, f, z, (e, t) => {
+	return ge(p, f, z, (e, t) => {
 		let { visibleItems: n, maxCommitment: r, totals: i, barArea: a, BAR_GAP: o, n: s, dynamicH: c, isDrillMode: l } = V.current;
-		I(m.current, U.current), K.current = [], n.forEach((n, i) => {
-			let c = De[i % De.length], d = F(t, i, s, j), f = J.top + i * (ke + o), p = J.left + Oe, _ = m.current.get(n.id) ?? 0, b = !l && y.current && n.id !== y.current ? .2 : 1, x = Math.max(n.total ?? 0, 0) / r * a * d;
-			if (e.font = h.font, e.fillStyle = _ > 0 ? c : h.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(Ae(e, n.name ?? "", Oe - 16), p - 8, f + ke / 2), k(K.current, n.id, 0, f, p, ke, {
+		L(m.current, U.current), ne.current = [], n.forEach((n, i) => {
+			let c = De[i % De.length], d = I(t, i, s, M), f = J.top + i * (ke + o), p = J.left + Oe, v = m.current.get(n.id) ?? 0, b = !l && h.current && n.id !== h.current ? .2 : 1, x = Math.max(n.total ?? 0, 0) / r * a * d;
+			if (e.font = g.font, e.fillStyle = v > 0 ? c : g.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(Ae(e, n.name ?? "", Oe - 16), p - 8, f + ke / 2), A(ne.current, n.id, 0, f, p, ke, {
 				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)}`,
 				color: c
 			}), x > 0) {
-				_ > 0 && S(e, p + x / 2, f + ke / 2, x * .15, u.teal, .12 * _);
+				v > 0 && C(e, p + x / 2, f + ke / 2, x * .15, u.teal, .12 * v);
 				let t = e.createLinearGradient(p, 0, p + x, 0);
-				t.addColorStop(0, v(u.tealDark, .85 * b)), t.addColorStop(1, v(u.teal, 1 * b)), e.fillStyle = t, e.beginPath(), e.rect(p, f, x, ke), e.fill();
+				t.addColorStop(0, y(u.tealDark, .85 * b)), t.addColorStop(1, y(u.teal, 1 * b)), e.fillStyle = t, e.beginPath(), e.rect(p, f, x, ke), e.fill();
 			}
-			let C = B * d, w = p + x, T = C - x;
-			if (T > 2) {
-				let t = e.createLinearGradient(w, 0, p + C, 0);
-				t.addColorStop(0, v(u.tealDark, .55)), t.addColorStop(1, v(u.tealDark, .22)), e.fillStyle = t, e.beginPath(), e.rect(w, f, T, ke), e.fill();
-			}
-			if (x > 4) {
+			let S = B * d, w = p + x, T = S - x;
+			if (T > 2 && (e.fillStyle = y(u.barBg, .2), e.beginPath(), e.rect(w, f, T, ke), e.fill()), x > 4) {
 				let t = p + x, n = f + ke;
-				e.strokeStyle = v(u.t4, .9 * d), e.lineWidth = 4, e.beginPath(), e.moveTo(t, f), e.lineTo(t, n), e.stroke();
+				e.strokeStyle = y(u.t4, .9 * d), e.lineWidth = 4, e.beginPath(), e.moveTo(t, f), e.lineTo(t, n), e.stroke();
 				let r = n + 3, i = {
 					x: t,
 					y: r
@@ -995,9 +998,9 @@ function Me({ data: e, dataByEntity: n, onItemClick: r, selectedId: i, testID: l
 					x: t - 10,
 					y: r + 12
 				};
-				e.fillStyle = v(u.t1, d), e.beginPath(), e.moveTo((i.x + a.x) / 2, (i.y + a.y) / 2), e.arcTo(a.x, a.y, o.x, o.y, 1), e.arcTo(o.x, o.y, i.x, i.y, 1), e.arcTo(i.x, i.y, a.x, a.y, 1), e.closePath(), e.fill();
+				e.fillStyle = y(u.t1, d), e.beginPath(), e.moveTo((i.x + a.x) / 2, (i.y + a.y) / 2), e.arcTo(a.x, a.y, o.x, o.y, 1), e.arcTo(o.x, o.y, i.x, i.y, 1), e.arcTo(i.x, i.y, a.x, a.y, 1), e.closePath(), e.fill();
 			}
-			d > .35 && (e.globalAlpha = Math.min(1, (d - .35) / .4) * b, e.font = g.font, e.fillStyle = _ > 0 ? c : g.color, e.textAlign = "left", e.textBaseline = "middle", e.fillText(n.totalLabel ?? je(n.total ?? 0), p + a + 28, f + ke / 2), e.globalAlpha = 1), k(K.current, n.id, p, f, Math.max(x, 1), ke, {
+			d > .35 && (e.globalAlpha = Math.min(1, (d - .35) / .4) * b, e.font = _.font, e.fillStyle = v > 0 ? c : _.color, e.textAlign = "left", e.textBaseline = "middle", e.fillText(n.totalLabel ?? je(n.total ?? 0), p + a + 28, f + ke / 2), e.globalAlpha = 1), A(ne.current, n.id, p, f, Math.max(x, 1), ke, {
 				label: n.name,
 				value: n.totalLabel ?? je(n.total ?? 0),
 				sublabel: `${n.baseLabel ?? je(n.base ?? 0)} + ${n.variationLabel ?? je(n.variation ?? 0)}`,
@@ -1005,13 +1008,13 @@ function Me({ data: e, dataByEntity: n, onItemClick: r, selectedId: i, testID: l
 			});
 		});
 		let d = c - 14;
-		e.textBaseline = "middle", e.font = _.font, e.textAlign = "left";
+		e.textBaseline = "middle", e.font = v.font, e.textAlign = "left";
 		let p = e.createLinearGradient(J.left + Oe, 0, J.left + Oe + 14, 0);
-		p.addColorStop(0, v(u.tealDark, .85)), p.addColorStop(1, v(u.teal, 1)), e.fillStyle = p, e.beginPath(), e.rect(J.left + Oe, d - 6, 12, 12), e.fill(), e.fillStyle = _.color, e.fillText("base value", J.left + Oe + 16, d), e.fillStyle = v(u.teal, .35), e.beginPath(), e.rect(J.left + Oe + 160, d - 6, 12, 12), e.fill(), e.fillStyle = _.color, e.fillText("approved variations", J.left + Oe + 176, d), e.font = _.font, e.textAlign = "right", e.fillStyle = _.color, e.fillText(`Portfolio: ${je(i?.total ?? 0)}`, f - 8, d);
-	}, !0, { easing: j }), H ? /* @__PURE__ */ s("div", {
+		p.addColorStop(0, y(u.tealDark, .85)), p.addColorStop(1, y(u.teal, 1)), e.fillStyle = p, e.beginPath(), e.rect(J.left + Oe, d - 6, 12, 12), e.fill(), e.fillStyle = v.color, e.fillText("base value", J.left + Oe + 16, d), e.fillStyle = y(u.teal, .35), e.beginPath(), e.rect(J.left + Oe + 160, d - 6, 12, 12), e.fill(), e.fillStyle = v.color, e.fillText("approved variations", J.left + Oe + 176, d), e.font = v.font, e.textAlign = "right", e.fillStyle = v.color, e.fillText(`Portfolio: ${je(i?.total ?? 0)}`, f - 8, d);
+	}, !0, { easing: M }), H ? /* @__PURE__ */ s("div", {
 		ref: d,
 		style: { width: "100%" },
-		children: /* @__PURE__ */ s(W, {
+		children: /* @__PURE__ */ s(G, {
 			width: f,
 			height: Te,
 			message: "No contract data available",
@@ -1033,16 +1036,16 @@ function Me({ data: e, dataByEntity: n, onItemClick: r, selectedId: i, testID: l
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
-				...G,
+			}), /* @__PURE__ */ s(D, {
+				...W,
 				parentW: f,
 				parentH: z
 			})]
-		}), A.length > Ee && /* @__PURE__ */ s("div", {
+		}), k.length > Ee && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(te, {
 				expanded: x,
-				onToggle: () => C((e) => !e)
+				onToggle: () => S((e) => !e)
 			})
 		})]
 	});
@@ -1051,57 +1054,57 @@ function Me({ data: e, dataByEntity: n, onItemClick: r, selectedId: i, testID: l
 //#region src/components/rankedCardLeaderboard/RankedCardLeaderboard.tsx
 var Ne = 780, Pe = 240, Fe = 12, Ie = 10, Le = 5;
 function Re({ items: e = [], onItemClick: r, testID: o }) {
-	let [l, d] = ee(Ne), f = a(null), m = a(0), _ = a(/* @__PURE__ */ new Map()), y = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), b = y.reduce((e, t) => e + (t.count ?? 0), 0), C = a(y);
-	C.current = y;
-	let T = t((e, t) => {
-		let n = typeof t == "object" ? t.label ?? e : e, i = C.current.find((t) => t.id === e);
+	let [l, d] = ee(Ne), f = a(null), m = a(0), h = a(/* @__PURE__ */ new Map()), v = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), b = v.reduce((e, t) => e + (t.count ?? 0), 0), x = a(v);
+	x.current = v;
+	let w = t((e, t) => {
+		let n = typeof t == "object" ? t.label ?? e : e, i = x.current.find((t) => t.id === e);
 		r?.(e, n, i?.subentity);
-	}, [r]), O = Math.min(Le, y.length), A = O > 0 ? (d - 2 * Fe - (O - 1) * Ie) / O : (d - 2 * Fe) / Le, { hoveredRef: j, tooltip: M, hitZonesRef: N } = D(f, {
+	}, [r]), E = Math.min(Le, v.length), k = E > 0 ? (d - 2 * Fe - (E - 1) * Ie) / E : (d - 2 * Fe) / Le, { hoveredRef: j, tooltip: M, hitZonesRef: N } = O(f, {
 		width: d,
 		height: Pe,
-		onClick: r ? T : void 0
+		onClick: r ? w : void 0
 	});
 	return n(() => {
 		let e = f.current;
 		if (!e) return;
-		let t = x(e, d, Pe);
+		let t = S(e, d, Pe);
 		m.current = 0;
 		let n = Pe * .84, r = Pe * .08, i = Fe, a, o = () => {
 			m.current++;
 			let e = m.current;
-			t.clearRect(0, 0, d, Pe), t.letterSpacing = h.letterSpacing, N.current = [], _.current.forEach((e, t) => {
+			t.clearRect(0, 0, d, Pe), t.letterSpacing = g.letterSpacing, N.current = [], h.current.forEach((e, t) => {
 				let n = t === j.current ? 1 : 0, r = e + (n - e) * .12;
-				Math.abs(r - n) < .005 ? n === 0 ? _.current.delete(t) : _.current.set(t, 1) : _.current.set(t, r);
-			}), j.current && !_.current.has(j.current) && _.current.set(j.current, 0), y.forEach((a, o) => {
-				let s = o === 0, c = o === 0 ? u.red : o === 1 ? u.amber : p[o % p.length], l = i + o * (A + Ie), d = _.current.get(a.id) ?? 0, f = d * 8, m = l - f / 2, h = A + f, y = s ? P(e, .04, 3e-4) * .06 + .06 : 0;
-				t.fillStyle = v(c, .08 + d * .07), t.beginPath(), t.roundRect(m, r, h, n, 6), t.fill(), t.strokeStyle = v(c, .2 + d * .4 + y), t.lineWidth = s ? 1.5 : 1, t.stroke(), (d > .01 || s) && S(t, m + h / 2, r + n / 2, h * .55, c, y + d * .14), t.font = g.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = v(c, .5 + d * .35), t.fillText(`#${o + 1}`, m + 7, r + 6);
-				let x = Math.min(A * .28, n * .32, 72), C = m + h / 2, w = r + n * .38, T = t.createRadialGradient(C, w - x * .2, 0, C, w, x);
-				T.addColorStop(0, v(c, .5 + d * .2)), T.addColorStop(1, v(c, .2 + d * .1)), t.beginPath(), t.arc(C, w, x, 0, Math.PI * 2), t.fillStyle = T, t.fill(), t.strokeStyle = v(c, .4 + d * .3), t.lineWidth = 1, t.stroke(), t.font = g.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = v(u.t1, .9);
+				Math.abs(r - n) < .005 ? n === 0 ? h.current.delete(t) : h.current.set(t, 1) : h.current.set(t, r);
+			}), j.current && !h.current.has(j.current) && h.current.set(j.current, 0), v.forEach((a, o) => {
+				let s = o === 0, c = o === 0 ? u.red : o === 1 ? u.amber : p[o % p.length], l = i + o * (k + Ie), d = h.current.get(a.id) ?? 0, f = d * 8, m = l - f / 2, g = k + f, v = s ? F(e, .04, 3e-4) * .06 + .06 : 0;
+				t.fillStyle = y(c, .08 + d * .07), t.beginPath(), t.roundRect(m, r, g, n, 6), t.fill(), t.strokeStyle = y(c, .2 + d * .4 + v), t.lineWidth = s ? 1.5 : 1, t.stroke(), (d > .01 || s) && C(t, m + g / 2, r + n / 2, g * .55, c, v + d * .14), t.font = _.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = y(c, .5 + d * .35), t.fillText(`#${o + 1}`, m + 7, r + 6);
+				let x = Math.min(k * .28, n * .32, 72), S = m + g / 2, w = r + n * .38, T = t.createRadialGradient(S, w - x * .2, 0, S, w, x);
+				T.addColorStop(0, y(c, .5 + d * .2)), T.addColorStop(1, y(c, .2 + d * .1)), t.beginPath(), t.arc(S, w, x, 0, Math.PI * 2), t.fillStyle = T, t.fill(), t.strokeStyle = y(c, .4 + d * .3), t.lineWidth = 1, t.stroke(), t.font = _.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = y(u.t1, .9);
 				let E = a.abbreviation ?? a.name ?? "", D = x * 1.7, O = E;
 				for (; t.measureText(O).width > D && O.length > 1;) O = O.slice(0, -1);
-				O !== E && (O = O.slice(0, -1) + "…"), t.fillText(O, C, w);
+				O !== E && (O = O.slice(0, -1) + "…"), t.fillText(O, S, w);
 				let j = a.count == null ? null : K(a.count), M = a.label ?? j;
 				if (M) {
-					t.font = g.font, t.textBaseline = "alphabetic", t.fillStyle = v(c, .9 + d * .1);
-					let e = h - 16, i = M;
+					t.font = _.font, t.textBaseline = "alphabetic", t.fillStyle = y(c, .9 + d * .1);
+					let e = g - 16, i = M;
 					for (; t.measureText(i).width > e && i.length > 1;) i = i.slice(0, -1);
-					i !== M && (i = i.slice(0, -1) + "…"), t.fillText(i, C, r + n * .74);
+					i !== M && (i = i.slice(0, -1) + "…"), t.fillText(i, S, r + n * .74);
 				}
-				let F = Math.round((a.count ?? 0) / (b || 1) * 100);
-				k(N.current, a.id, l, r, A, n, {
+				let P = Math.round((a.count ?? 0) / (b || 1) * 100);
+				A(N.current, a.id, l, r, k, n, {
 					label: a.name,
-					value: `${M} · ${F}% of total`,
+					value: `${M} · ${P}% of total`,
 					sublabel: `Rank #${o + 1}`,
 					color: c
 				});
-			}), w(t, d, Pe, e, .015), a = requestAnimationFrame(o);
+			}), T(t, d, Pe, e, .015), a = requestAnimationFrame(o);
 		};
 		return o(), () => cancelAnimationFrame(a);
 	}, [
-		y,
+		v,
 		b,
 		d
-	]), y.length === 0 ? /* @__PURE__ */ s(W, {
+	]), v.length === 0 ? /* @__PURE__ */ s(G, {
 		width: d,
 		height: Pe,
 		testID: o
@@ -1122,7 +1125,7 @@ function Re({ items: e = [], onItemClick: r, testID: o }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...M,
 			parentW: d,
 			parentH: Pe
@@ -1133,43 +1136,43 @@ function Re({ items: e = [], onItemClick: r, testID: o }) {
 //#region src/components/dotMatrixChart/DotMatrixChart.tsx
 var ze = 680, Be = 260;
 function Ve({ items: e = [], testID: t }) {
-	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: f, hitZonesRef: p } = D(r, {
+	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: f, hitZonesRef: p } = O(r, {
 		width: ze,
 		height: Be
 	}), m = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = x(e, ze, Be);
+		let t = S(e, ze, Be);
 		o.current = 0;
-		let n = m.length, i = Math.max(...m.map((e) => e.count), 1), a = i, s = ze * .05, c = Be * .1, f = ze * .9 / n, g = Be * .7 / a, _ = m.reduce((e, t) => e + t.count, 0), y, b = () => {
+		let n = m.length, i = Math.max(...m.map((e) => e.count), 1), a = i, s = ze * .05, c = Be * .1, f = ze * .9 / n, h = Be * .7 / a, _ = m.reduce((e, t) => e + t.count, 0), v, b = () => {
 			o.current++;
 			let e = o.current;
 			t.clearRect(0, 0, ze, Be), 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), C(t, ze, Be, e, 40, v(u.blue, .04)), m.forEach((n, r) => {
+			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), w(t, ze, Be, e, 40, y(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 * f + f / 2, h = c + u * g + g / 2, y = Math.min(f, g) * .38;
+					let a = s + r * f + f / 2, g = c + u * h + h / 2, v = Math.min(f, h) * .38;
 					if (u >= i - n.count) {
-						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 i = v * (1 + (F(e, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
+						(o || m > .01) && C(t, a, g, i * 3, d, (o ? .2 : .1) + m * .1), t.beginPath(), t.arc(a, g, i, 0, Math.PI * 2), t.fillStyle = y(d, o ? .8 : .5 + m * .2), t.fill();
 						let s = `${n.category}-${u}`;
-						O(p.current, s, a, h, y + 4, {
+						k(p.current, s, a, g, v + 4, {
 							label: n.fullName,
 							value: `${n.count} Early Warnings`,
 							sublabel: `${Math.round(n.count / _ * 100)}% of total`,
 							color: d
 						}), l.current.get(`${n.category}-col`);
-					} else t.beginPath(), t.arc(a, h, 1, 0, Math.PI * 2), t.fillStyle = v(d, .08), t.fill();
+					} else t.beginPath(), t.arc(a, g, 1, 0, Math.PI * 2), t.fillStyle = y(d, .08), t.fill();
 				}
-				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, ze, Be, e, .015), y = requestAnimationFrame(b);
+				let v = c + a * h + 16;
+				t.font = g.font, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.blue : y(u.t2, .65), t.fillText(n.category, s + r * f + f / 2, v);
+			}), T(t, ze, Be, e, .015), v = requestAnimationFrame(b);
 		};
-		return b(), () => cancelAnimationFrame(y);
-	}, [m]), m.length === 0 ? /* @__PURE__ */ s(W, {
+		return b(), () => cancelAnimationFrame(v);
+	}, [m]), m.length === 0 ? /* @__PURE__ */ s(G, {
 		width: ze,
 		height: Be,
 		testID: t
@@ -1190,7 +1193,7 @@ function Ve({ items: e = [], testID: t }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...f,
 			parentW: ze,
 			parentH: Be
@@ -1200,7 +1203,7 @@ function Ve({ items: e = [], testID: t }) {
 //#endregion
 //#region src/components/lineChart/LineChart.tsx
 function He({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(z, {
+	return /* @__PURE__ */ s(B, {
 		rows: e,
 		variant: "line",
 		className: t,
@@ -1325,103 +1328,103 @@ function Ge({ rows: e = [], className: t, colors: n }) {
 //#endregion
 //#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
 var Ke = 770, qe = 320, Je = 60, Ye = 28;
-function Xe({ total: e = 0, totalLabel: r, items: o = [], dataByEntity: l, onItemClick: d, selectedId: f, colorOffset: p = 0, testID: _ }) {
-	let [y, b] = ee(Ke), C = a(null), w = a(/* @__PURE__ */ new Map()), T = a(0), k = a(f);
-	k.current = f;
-	let j = a([]), M = t((e, t) => {
+function Xe({ total: e = 0, totalLabel: r, items: o = [], dataByEntity: l, onItemClick: d, selectedId: f, colorOffset: p = 0, testID: m }) {
+	let [v, b] = ee(Ke), x = a(null), w = a(/* @__PURE__ */ new Map()), T = a(0), E = a(f);
+	E.current = f;
+	let A = a([]), M = t((e, t) => {
 		if (e === "__root__") return;
-		let n = typeof t == "object" ? t.label ?? e : e, r = j.current.find((t) => t.id === e);
+		let n = typeof t == "object" ? t.label ?? e : e, r = A.current.find((t) => t.id === e);
 		d?.(e, n, r?.subentity);
-	}, [d]), N = !!(f && l?.[f]), P = N ? l[f] : null, L = P ? P.total : e, R = P ? P.totalLabel : r, z = P ? P.items : o, B = i(() => z.filter((e) => typeof e == "object" && !!e), [z]);
-	j.current = B;
-	let V = i(() => Math.max(qe, Je + Math.max(0, B.length - 1) * Ye), [B.length]), H = V, { hoveredRef: U, tooltip: te, hitZonesRef: G } = D(C, {
+	}, [d]), N = !!(f && l?.[f]), P = N ? l[f] : null, F = P ? P.total : e, R = P ? P.totalLabel : r, z = P ? P.items : o, B = i(() => z.filter((e) => typeof e == "object" && !!e), [z]);
+	A.current = B;
+	let V = i(() => Math.max(qe, Je + Math.max(0, B.length - 1) * Ye), [B.length]), H = V, { hoveredRef: U, tooltip: W, hitZonesRef: te } = O(x, {
 		width: b,
 		height: V,
 		onClick: d ? M : void 0
 	});
 	return n(() => {
-		let e = C.current;
+		let e = x.current;
 		if (!e) return;
-		let t = x(e, b, H);
+		let t = S(e, b, H);
 		T.current = 0;
-		let n = V / 2, r = b - 140, i = Math.max(...B.map((e) => e.count ?? 0), 1), a = B.length > 1 ? (V - 60) / (B.length - 1) : 0, o = r + 22 + 10, s = B.map((e, t) => ({
+		let n = V / 2, r = b - 140, i = Math.max(...B.map((e) => e.count ?? 0), 1), a = B.length > 1 ? (V - 60) / (B.length - 1) : 60, o = Math.min(22, a / 2 - 3), s = Math.min(8, Math.max(3, o - 6)), c = r + o + 10, l = B.map((e, t) => ({
 			x: r,
 			y: 30 + t * a
-		})), c, l = () => {
+		})), d, f = () => {
 			T.current++;
 			let e = T.current;
-			t.clearRect(0, 0, b, H), t.letterSpacing = h.letterSpacing;
-			let a = A(Math.min(e / 72, 1));
-			I(w.current, U.current), G.current = [];
-			let d = m[p % m.length], f = 100 + 60 * Math.min(1, a * 2.5), _ = t.createLinearGradient(100, 0, f, 0);
-			_.addColorStop(0, v(d, .8)), _.addColorStop(1, v(d, .7)), t.beginPath(), t.moveTo(100, n), t.lineTo(f, n), t.strokeStyle = _, t.lineWidth = 1.33, t.stroke(), B.forEach((e, c) => {
-				let l = F(a, c, B.length, A), f = s[c], p = w.current.get(e.id) ?? 0, m = !N && k.current && e.id !== k.current ? .15 : 1;
-				if (l < .01) return;
-				let _ = 160 + (r - 160) * .35, y = n, x = 160 + (r - 160) * .65, C = f.y;
+			t.clearRect(0, 0, b, H), t.letterSpacing = g.letterSpacing;
+			let a = j(Math.min(e / 72, 1));
+			L(w.current, U.current), te.current = [];
+			let m = h[p % h.length], v = 100 + 60 * Math.min(1, a * 2.5), x = t.createLinearGradient(100, 0, v, 0);
+			x.addColorStop(0, y(m, .8)), x.addColorStop(1, y(m, .7)), t.beginPath(), t.moveTo(100, n), t.lineTo(v, n), t.strokeStyle = x, t.lineWidth = 1.33, t.stroke(), B.forEach((e, d) => {
+				let f = I(a, d, B.length, j), p = l[d], h = w.current.get(e.id) ?? 0, v = !N && E.current && e.id !== E.current ? .6 : 1;
+				if (f < .01) return;
+				let x = 160 + (r - 160) * .35, S = n, T = 160 + (r - 160) * .65, D = p.y;
 				t.beginPath();
 				for (let e = 0; e <= 40; e++) {
-					let r = e / 40 * l, i = (1 - r) ** 3 * 160 + 3 * (1 - r) ** 2 * r * _ + 3 * (1 - r) * r ** 2 * x + r ** 3 * f.x, a = (1 - r) ** 3 * n + 3 * (1 - r) ** 2 * r * y + 3 * (1 - r) * r ** 2 * C + r ** 3 * f.y;
+					let r = e / 40 * f, i = (1 - r) ** 3 * 160 + 3 * (1 - r) ** 2 * r * x + 3 * (1 - r) * r ** 2 * T + r ** 3 * p.x, a = (1 - r) ** 3 * n + 3 * (1 - r) ** 2 * r * S + 3 * (1 - r) * r ** 2 * D + r ** 3 * p.y;
 					e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 				}
-				let T = t.createLinearGradient(160, n, f.x, f.y);
-				if (T.addColorStop(0, v(d, (p > 0 ? 1 : .8) * m)), T.addColorStop(1, v(d, (p > 0 ? 1 : .7) * m)), t.strokeStyle = T, t.lineWidth = p > 0 ? 2 : 1.33, t.stroke(), l > .85) {
-					let n = Math.min(1, (l - .85) / .15), r = 8 + (e.count ?? 0) / i * 14;
-					S(t, f.x, f.y, r * 2, d, (.2 + p * .2) * n * m), t.beginPath(), t.arc(f.x, f.y, r * n, 0, Math.PI * 2), t.fillStyle = v(d, n * m), t.fill();
+				let O = t.createLinearGradient(160, n, p.x, p.y);
+				if (O.addColorStop(0, y(m, (h > 0 ? 1 : .8) * v)), O.addColorStop(1, y(m, (h > 0 ? 1 : .7) * v)), t.strokeStyle = O, t.lineWidth = h > 0 ? 2 : 1.33, t.stroke(), f > .85) {
+					let n = Math.min(1, (f - .85) / .15), r = s + (e.count ?? 0) / i * (o - s);
+					C(t, p.x, p.y, r * 2, m, (.2 + h * .2) * n * v), t.beginPath(), t.arc(p.x, p.y, r * n, 0, Math.PI * 2), t.fillStyle = y(m, n * v), t.fill();
 					let a = K(e.count ?? 0);
-					O(G.current, e.id, f.x, f.y, r + 8, {
+					k(te.current, e.id, p.x, p.y, r + 8, {
 						label: e.name,
 						value: a,
-						sublabel: `${Math.round((e.count ?? 0) / (L || 1) * 100)}% of total`,
-						color: d
-					}, b), t.globalAlpha = n * m, t.font = h.font, t.textAlign = "left";
-					let s = e.abbreviation ?? e.name?.slice(0, 6) ?? "", c = ` ${K(e.count ?? 0)}`, _ = f.y + 4;
-					t.fillStyle = p > 0 ? d : v(u.t2, .85), t.fillText(s, o, _);
-					let y = t.measureText(s).width;
-					t.font = g.font, t.fillStyle = p > 0 ? d : u.t1, t.fillText(c, o + y, _), t.globalAlpha = 1;
+						sublabel: `${Math.round((e.count ?? 0) / (F || 1) * 100)}% of total`,
+						color: m
+					}, b), t.globalAlpha = n * v, t.font = g.font, t.textAlign = "left";
+					let l = e.abbreviation ?? e.name?.slice(0, 6) ?? "", d = ` ${K(e.count ?? 0)}`, x = p.y + 4;
+					t.fillStyle = h > 0 ? m : y(u.t2, .85), t.fillText(l, c, x);
+					let S = t.measureText(l).width;
+					t.font = _.font, t.fillStyle = h > 0 ? m : u.t1, t.fillText(d, c + S, x), t.globalAlpha = 1;
 				}
 			});
-			let y = 40 * a, x = t.createRadialGradient(60, n, 0, 60, n, y);
-			if (x.addColorStop(0, v(d, .02 * a)), x.addColorStop(.55, v(d, .02 * a)), x.addColorStop(1, v(d, .15 * a)), t.beginPath(), t.arc(60, n, y, 0, Math.PI * 2), t.fillStyle = x, t.fill(), t.beginPath(), t.arc(60, n, y, 0, Math.PI * 2), t.strokeStyle = v(d, .8 * a), t.lineWidth = 1, t.stroke(), a > .4) {
+			let S = 40 * a, D = t.createRadialGradient(60, n, 0, 60, n, S);
+			if (D.addColorStop(0, y(m, .02 * a)), D.addColorStop(.55, y(m, .02 * a)), D.addColorStop(1, y(m, .15 * a)), t.beginPath(), t.arc(60, n, S, 0, Math.PI * 2), t.fillStyle = D, t.fill(), t.beginPath(), t.arc(60, n, S, 0, Math.PI * 2), t.strokeStyle = y(m, .8 * a), t.lineWidth = 1, t.stroke(), a > .4) {
 				t.globalAlpha = Math.min(1, (a - .4) / .4);
-				let e = R ?? K(L, 0);
+				let e = R ?? K(F, 0);
 				t.font = "500 16px 'Satoshi Variable', 'DM Sans', sans-serif";
 				let r = e;
 				for (; t.measureText(r).width > 68 && r.length > 1;) r = r.slice(0, -1);
 				r !== e && (r = r.slice(0, -1) + "…"), t.fillStyle = u.t1, t.textAlign = "center", t.textBaseline = "middle", t.fillText(r, 60, n), t.textBaseline = "alphabetic", t.globalAlpha = 1;
 			}
-			O(G.current, "__root__", 60, n, 40, {
+			k(te.current, "__root__", 60, n, 40, {
 				label: R ?? "Total",
-				value: K(L, 0),
+				value: K(F, 0),
 				sublabel: `${B.length} items`,
-				color: d
-			}), c = requestAnimationFrame(l);
+				color: m
+			}), d = requestAnimationFrame(f);
 		};
-		return l(), () => cancelAnimationFrame(c);
+		return f(), () => cancelAnimationFrame(d);
 	}, [
-		L,
+		F,
 		R,
 		B,
 		V,
 		b,
 		N
 	]), B.length === 0 ? /* @__PURE__ */ s("div", {
-		ref: y,
+		ref: v,
 		style: { width: "100%" },
-		children: /* @__PURE__ */ s(W, {
+		children: /* @__PURE__ */ s(G, {
 			width: b,
 			height: qe,
-			testID: _
+			testID: m
 		})
 	}) : /* @__PURE__ */ c("div", {
-		ref: y,
-		"data-testid": _,
+		ref: v,
+		"data-testid": m,
 		style: {
 			position: "relative",
 			width: "100%",
 			height: H
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: C,
+			ref: x,
 			role: "img",
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
@@ -1429,8 +1432,8 @@ function Xe({ total: e = 0, totalLabel: r, items: o = [], dataByEntity: l, onIte
 				height: H,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(E, {
-			...te,
+		}), /* @__PURE__ */ s(D, {
+			...W,
 			parentW: b,
 			parentH: H
 		})]
@@ -1440,36 +1443,36 @@ function Xe({ total: e = 0, totalLabel: r, items: o = [], dataByEntity: l, onIte
 //#region src/components/pieChart/PieChart.tsx
 var Ze = 192, Qe = Ze, $e = Ze + 80;
 function et({ 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, {
+	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), m = i?.slices ?? p, { hoveredRef: h, tooltip: g, hitZonesRef: _ } = O(o, {
 		width: Qe,
 		height: $e
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = x(n, Qe, $e);
+		let r = S(n, Qe, $e);
 		f.current = 0;
 		let i = Qe / 2, a = Ze / 2, s = Ze * .4, c = t === "donut" ? Ze * .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, Qe, $e);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
-			I(d.current, h.current), _.current = [];
-			let y = -Math.PI / 2;
+			L(d.current, h.current), _.current = [];
+			let v = -Math.PI / 2;
 			e.forEach((e, t) => {
-				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, {
+				let f = (e.pricing ?? 0) / l, p = f * Math.PI * 2 * o, h = v + p, g = m[t % m.length], b = d.current.get(e.id ?? `sl-${t}`) ?? 0, x = v + p / 2, S = (s + c) / 2, w = i + Math.cos(x) * S, T = a + Math.sin(x) * S, E = (s - c) / 2 + 8;
+				k(_.current, e.id ?? `sl-${t}`, w, T, E, {
 					label: e.vendor,
 					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 = Ze + 12;
+				}), b > 0 && C(r, w, T, E * 2 * b, g, .2 * b);
+				let D = F(n, .03, 3e-4), O = s + b * 6 + (b > 0 ? D * 2 : 0);
+				r.beginPath(), r.moveTo(i + Math.cos(v) * c, a + Math.sin(v) * c), r.arc(i, a, O, v, h), c > 0 ? r.arc(i, a, c, h, v, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = y(g, .7 + b * .2), r.fill(), r.strokeStyle = y(u.bg, .8), r.lineWidth = 1.5, r.stroke(), v = h;
+			}), t === "donut" && e.length > 0 && C(r, i, a, c * .8, u.blue, .06);
+			let b = Ze + 12;
 			e.forEach((e, t) => {
-				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.fillStyle = v(n, .8 + a * .2), r.fillRect(4, o - 6, 12, 12), 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)}%)`, Qe - 4, o + 3.5);
+				let n = m[t % m.length], i = (e.pricing ?? 0) / l, a = d.current.get(e.id ?? `sl-${t}`) ?? 0, o = b + t * 18;
+				r.fillStyle = y(n, .8 + a * .2), r.fillRect(4, o - 6, 12, 12), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = y(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 = x(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, Qe - 4, o + 3.5);
 			}), p = requestAnimationFrame(g);
 		};
 		return g(), () => cancelAnimationFrame(p);
@@ -1496,7 +1499,7 @@ function et({ rows: e = [], variant: t, className: r, colors: i }) {
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
+			}), /* @__PURE__ */ s(D, {
 				...g,
 				parentW: Qe,
 				parentH: $e
@@ -1552,37 +1555,37 @@ function tt(e, t, n, r) {
 	}), f;
 }
 function nt({ 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(() => tt(e, t, r, o), [
+	let g = a(null), _ = a(/* @__PURE__ */ new Map()), v = a(0), b = a([]), x = h?.nodes ?? p, w = h?.links ?? u.bd, E = h?.activeLinks ?? u.blue, j = h?.activeNodes ?? u.blue, M = i(() => tt(e, t, r, o), [
 		e,
 		t,
 		r,
 		o
-	]), { hoveredRef: N, tooltip: F, hitZonesRef: L } = D(g, {
+	]), { hoveredRef: N, tooltip: P, hitZonesRef: I } = O(g, {
 		width: r,
 		height: o
 	});
 	return n(() => {
 		let n = g.current;
 		if (!n) return;
-		let i = x(n, r, o);
-		y.current = 0, b.current = [];
+		let i = S(n, r, o);
+		v.current = 0, b.current = [];
 		let a = t.length > 0 ? Math.max(...t.map((e) => e.value)) : 1, s, c = () => {
-			y.current++;
-			let n = y.current;
+			v.current++;
+			let n = v.current;
 			i.clearRect(0, 0, r, o);
 			let l = 1 - (1 - Math.min(n / 56, 1)) ** 3;
-			I(_.current, N.current), L.current = [], t.forEach((e, t) => {
+			L(_.current, N.current), I.current = [], t.forEach((e, t) => {
 				let r = M.get(e.source), o = M.get(e.target);
 				if (!r || !o) return;
-				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;
+				let s = !!f && (e.source === f || e.target === f), c = s ? E : w, 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, v = 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 * 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();
+					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 * v, f = s * s * h + 2 * s * a * x + a * a * _, p = s * s * g + 2 * s * a * g + a * a * v, b = F(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 = y(c, d * (.5 + r * .5)), i.fill();
 				}
-				O(L.current, `link-${t}`, x, (g + y) / 2, p + 6, {
+				k(I.current, `link-${t}`, x, (g + v) / 2, p + 6, {
 					label: `${e.source} → ${e.target}`,
 					value: String(e.value),
-					color: s ? A : u.blue
+					color: s ? E : u.blue
 				}), Math.random() < .08 && b.current.push({
 					linkIdx: t,
 					prog: 0,
@@ -1593,16 +1596,16 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: d,
 			}), e.forEach((e, t) => {
 				let r = M.get(e.id);
 				if (!r) return;
-				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, {
+				let a = f === e.id, o = N.current === `node-${t}`, s = _.current.get(`node-${t}`) ?? 0, c = a ? j : x[t % x.length];
+				A(I.current, `node-${t}`, r.x, r.y, r.w, r.h, {
 					label: e.name,
 					value: e.valueLabel ?? e.id,
 					color: c
-				}), (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());
+				}), (s > 0 || a) && C(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 ? F(n, .03, 3e-4) * .15 : 0;
+				i.fillStyle = y(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 = y(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 = 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));
+				i.font = `${a || o ? "bold " : ""}10px 'JetBrains Mono', monospace`, i.fillStyle = y(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 = y(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];
@@ -1610,8 +1613,8 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: d,
 				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, 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 i.beginPath(), i.arc(p, m, e.sz, 0, Math.PI * 2), i.fillStyle = y(_, g), i.fill(), !0;
+			}), b.current.length > 150 && (b.current = b.current.slice(-150)), T(i, r, o, n, .01), s = requestAnimationFrame(c);
 		};
 		return c(), () => {
 			cancelAnimationFrame(s), b.current = [];
@@ -1642,8 +1645,8 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: d,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
-				...F,
+			}), /* @__PURE__ */ s(D, {
+				...P,
 				parentW: r,
 				parentH: o
 			})]
@@ -1739,13 +1742,13 @@ function ct(e, t) {
 	};
 }
 function lt({ 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, {
+	let d = a(null), f = a(0), p = a([]), { hoveredRef: m, tooltip: h, hitZonesRef: g } = O(d, {
 		width: r,
 		height: o
 	}), _ = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e, n) => t.set(e.id, n)), t;
-	}, [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) => {
+	}, [e]), v = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), b = (e) => v > 1 ? e / 100 : e, E = i(() => e.map((e, t) => {
 		let n = rt[t % rt.length];
 		return {
 			id: e.id,
@@ -1760,24 +1763,24 @@ function lt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 		e,
 		r,
 		o
-	]), j = i(() => t.map((e) => ({
+	]), A = i(() => t.map((e) => ({
 		fromIdx: _.get(e.source) ?? -1,
 		toIdx: _.get(e.target) ?? -1,
-		conf: T(e.value)
+		conf: b(e.value)
 	})).filter((e) => e.fromIdx >= 0 && e.toIdx >= 0), [t, _]);
 	return n(() => {
 		let e = d.current;
 		if (!e) return;
-		let t = x(e, r, o);
+		let t = S(e, r, o);
 		f.current = 0, p.current = [];
 		let n, i = () => {
 			f.current++;
 			let e = f.current;
-			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 (t.clearRect(0, 0, r, o), g.current = [], w(t, r, o, e, 50, y(u.blue, .05)), A.forEach((e, n) => {
+				let r = E[e.fromIdx], i = E[e.toIdx];
 				if (!r || !i) return;
-				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 = ct(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();
+				let a = !!l && (r.id === l || i.id === l), o = x(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = ct(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 = y(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = y(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,
@@ -1788,42 +1791,42 @@ function lt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 				let f = ot(d, .5), m = `${Math.round(e.conf * 100)}%`;
 				t.font = "bold 12px 'JetBrains Mono', monospace", t.textBaseline = "middle";
 				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);
+				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 = y(u.blue, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = y(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 = j[e.edgeIdx];
+				let n = A[e.edgeIdx];
 				if (!n) return !1;
-				let r = k[n.fromIdx], i = k[n.toIdx];
+				let r = E[n.fromIdx], i = E[n.toIdx];
 				if (!r || !i) return !1;
-				let a = ct(r, i), o = ot(a, e.t), s = st(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 a = ct(r, i), o = ot(a, e.t), s = st(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 = x(r.color, i.color, e.t);
+				return C(t, c, l, e.sz * 3, d, u * .1), t.beginPath(), t.arc(c, l, e.sz, 0, Math.PI * 2), t.fillStyle = y(d, u), t.fill(), !0;
+			}), p.current.length > 350 && (p.current = p.current.slice(-350)), E.forEach((n, r) => {
+				let i = l === n.id, a = m.current === `node-${r}`, o = F(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 = y(n.color, i ? .3 : .1), t.lineWidth = i ? 1.5 : .7, t.stroke(), C(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, 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) {
+				if (c.addColorStop(0, y(n.color, i ? 1 : .85)), c.addColorStop(1, y(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 === E.length - 1) {
 					let r = s + 16, i = e * .04, a = n.x + Math.cos(i) * r, o = n.y + Math.sin(i) * r;
-					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();
+					C(t, a, o, 6, n.color, .3), t.beginPath(), t.arc(a, o, 2, 0, Math.PI * 2), t.fillStyle = y(n.color, .75), t.fill();
 				}
-				O(g.current, `node-${r}`, n.x, n.y, s + 8, {
+				k(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 = 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);
+				}), t.font = `${i || a ? "bold " : ""}12px 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = y(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 = y(u.t3, .65), t.fillText(n.sub, n.x, n.y + s + 32));
+			}), A.length >= 2) {
+				let n = A.reduce((e, t) => e * t.conf, 1), i = o * .92, a = r * .12, s = r * .76, c = j(Math.min(e * .008, 1));
+				t.fillStyle = y(u.bd, .35), t.beginPath(), t.roundRect(a, i, s, 5, 3), t.fill(), t.fillStyle = y(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 = y(u.orange, .85), t.fillText(`${Math.round(n * 100)}% compound confidence`, a + s * n * c + 10, i + 2);
+				let l = A.map((e) => e.conf.toFixed(2)).join(" × ");
+				t.textAlign = "right", t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = y(u.t4, .6), t.fillText(l, a - 6, i + 2);
 			}
-			w(t, r, o, e, .012), n = requestAnimationFrame(i);
+			T(t, r, o, e, .012), n = requestAnimationFrame(i);
 		};
 		return i(), () => {
 			cancelAnimationFrame(n), p.current = [];
 		};
 	}, [
-		k,
-		j,
+		E,
+		A,
 		r,
 		o,
 		l
@@ -1843,7 +1846,7 @@ function lt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 			},
 			role: "img",
 			"aria-label": "causal flow diagram"
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...h,
 			parentW: r,
 			parentH: o
@@ -1895,37 +1898,37 @@ function dt({ rows: e = [], className: t, colors: n }) {
 //#region src/components/balanceScaleChart/BalanceScaleChart.tsx
 var ft = 780, pt = 420;
 function mt({ left: e, right: r, leftTitle: i = "Accepted", rightTitle: o = "Submitted", unit: l = "quotations", selectedId: d, dataByEntity: f, onItemClick: p, testID: m }) {
-	let g = a(null), _ = a(0), y = d && f?.[d] ? f[d] : {
+	let h = a(null), _ = a(0), v = d && f?.[d] ? f[d] : {
 		left: e,
 		right: r
-	}, b = y.left, C = y.right, w = a({
+	}, b = v.left, x = v.right, w = a({
 		left: b,
-		right: C,
+		right: x,
 		leftTitle: i,
 		rightTitle: o
 	});
 	w.current = {
 		left: b,
-		right: C,
+		right: x,
 		leftTitle: i,
 		rightTitle: o
 	};
 	let T = a(d);
 	T.current = d;
-	let O = t((e, t) => {
+	let E = t((e, t) => {
 		let n = typeof t == "object" ? t.label ?? e : e, r = e === "left" ? w.current.left : w.current.right;
 		p?.(e, n, r?.subentity);
-	}, [p]), { hitZonesRef: j, tooltip: M, hoveredRef: P } = D(g, {
+	}, [p]), { hitZonesRef: k, tooltip: M, hoveredRef: N } = O(h, {
 		width: ft,
 		height: pt,
-		onClick: p ? O : void 0
+		onClick: p ? E : void 0
 	});
 	return n(() => {
-		let e = g.current;
+		let e = h.current;
 		if (!e) return;
-		let t = x(e, ft, pt);
+		let t = S(e, ft, pt);
 		_.current = 0;
-		let n = ft / 2, r = Math.abs(b.value ?? 0), a = Math.abs(C.value ?? 0), s = Math.max(r, a, 1), c = (b.value - C.value) / (2 * s) * 14, d = Math.max(-14, Math.min(14, c)), f = (e, n, r, i, a) => {
+		let n = ft / 2, r = Math.abs(b.value ?? 0), a = Math.abs(x.value ?? 0), s = Math.max(r, a, 1), c = (b.value - x.value) / (2 * s) * 14, d = Math.max(-14, Math.min(14, c)), f = (e, n, r, i, a) => {
 			let o = n - 99 / 2, s = r + 30, c = [
 				0,
 				0,
@@ -1933,51 +1936,51 @@ function mt({ left: e, right: r, leftTitle: i = "Accepted", rightTitle: o = "Sub
 				10
 			];
 			t.save(), t.beginPath(), t.roundRect(o, s, 99, i, c), t.clip();
-			let l = v(e, .27 * a), d = v(e, 0), f = t.createLinearGradient(o, 0, o + 25, 0);
+			let l = y(e, .27 * a), d = y(e, 0), f = t.createLinearGradient(o, 0, o + 25, 0);
 			f.addColorStop(0, l), f.addColorStop(1, d), t.fillStyle = f, t.fillRect(o, s, 25, i);
 			let p = t.createLinearGradient(o + 99, 0, o + 99 - 25, 0);
 			p.addColorStop(0, l), p.addColorStop(1, d), t.fillStyle = p, t.fillRect(o + 99 - 25, s, 25, i);
 			let m = t.createLinearGradient(0, s, 0, s + 25);
 			m.addColorStop(0, l), m.addColorStop(1, d), t.fillStyle = m, t.fillRect(o, s, 99, 25);
 			let h = t.createLinearGradient(0, s + i, 0, s + i - 25);
-			h.addColorStop(0, l), h.addColorStop(1, d), t.fillStyle = h, t.fillRect(o, s + i - 25, 99, 25), t.restore(), t.beginPath(), t.roundRect(o, s, 99, i, c), t.strokeStyle = v(e, 1 * a), t.lineWidth = 1, t.stroke();
+			h.addColorStop(0, l), h.addColorStop(1, d), t.fillStyle = h, t.fillRect(o, s + i - 25, 99, 25), t.restore(), t.beginPath(), t.roundRect(o, s, 99, i, c), t.strokeStyle = y(e, 1 * a), t.lineWidth = 1, t.stroke();
 			let g = o + 99 / 2, _ = s - 5;
-			t.strokeStyle = v(u.t2, .5 * a), t.lineWidth = 1, t.beginPath(), t.moveTo(n, r + 4), t.lineTo(g, _), t.stroke(), t.beginPath(), t.moveTo(g, _), t.lineTo(g - 10, s), t.stroke(), t.beginPath(), t.moveTo(g, _), t.lineTo(g + 10, s), t.stroke(), t.beginPath(), t.arc(n, r, 3, 0, Math.PI * 2), t.fillStyle = v(u.t2, .7 * a), t.fill();
+			t.strokeStyle = y(u.t2, .5 * a), t.lineWidth = 1, t.beginPath(), t.moveTo(n, r + 4), t.lineTo(g, _), t.stroke(), t.beginPath(), t.moveTo(g, _), t.lineTo(g - 10, s), t.stroke(), t.beginPath(), t.moveTo(g, _), t.lineTo(g + 10, s), t.stroke(), t.beginPath(), t.arc(n, r, 3, 0, Math.PI * 2), t.fillStyle = y(u.t2, .7 * a), t.fill();
 		}, p, m = () => {
 			_.current++;
 			let e = _.current;
-			t.clearRect(0, 0, ft, pt), t.letterSpacing = h.letterSpacing, j.current = [];
-			let c = A(Math.min(e / 80, 1)), g = d * N(Math.min(e / 80, 1)) * Math.PI / 180, y = {
-				x: n - Math.cos(g) * 240,
-				y: 100 + Math.sin(-g) * 240
-			}, x = {
-				x: n + Math.cos(g) * 240,
-				y: 100 + Math.sin(g) * 240
+			t.clearRect(0, 0, ft, pt), t.letterSpacing = g.letterSpacing, k.current = [];
+			let c = j(Math.min(e / 80, 1)), h = d * P(Math.min(e / 80, 1)) * Math.PI / 180, v = {
+				x: n - Math.cos(h) * 240,
+				y: 100 + Math.sin(-h) * 240
+			}, S = {
+				x: n + Math.cos(h) * 240,
+				y: 100 + Math.sin(h) * 240
 			};
-			t.strokeStyle = v(u.t2, .55 * c), t.lineWidth = 1.5, t.beginPath(), t.moveTo(y.x, y.y), t.lineTo(x.x, x.y), t.stroke(), S(t, n, 100, 18, u.t2, .14 * c), t.beginPath(), t.arc(n, 100, 9 * c, 0, Math.PI * 2), t.fillStyle = v(u.t2, .85 * c), t.fill();
-			let w = Math.max(20, r / s * 95 * c), E = Math.max(20, a / s * 95 * c), D = T.current === "right" ? .2 : 1, O = T.current === "left" ? .2 : 1;
-			f(u.green, y.x, y.y, w, c * D), f(u.amber, x.x, x.y, E, c * O);
-			let M = y.y + 30 + w, P = x.y + 30 + E;
-			if (k(j.current, "left", y.x - 99 / 2, y.y + 30, 99, w + 90, {
+			t.strokeStyle = y(u.t2, .55 * c), t.lineWidth = 1.5, t.beginPath(), t.moveTo(v.x, v.y), t.lineTo(S.x, S.y), t.stroke(), C(t, n, 100, 18, u.t2, .14 * c), t.beginPath(), t.arc(n, 100, 9 * c, 0, Math.PI * 2), t.fillStyle = y(u.t2, .85 * c), t.fill();
+			let w = Math.max(20, r / s * 95 * c), E = Math.max(20, a / s * 95 * c), D = T.current === "right" ? .6 : 1, O = T.current === "left" ? .6 : 1;
+			f(u.green, v.x, v.y, w, c * D), f(u.amber, S.x, S.y, E, c * O);
+			let M = v.y + 30 + w, N = S.y + 30 + E;
+			if (A(k.current, "left", v.x - 99 / 2, v.y + 30, 99, w + 90, {
 				label: i,
 				value: b.label,
 				sublabel: `${b.count} ${l}`,
 				color: u.green
-			}, pt, y.x, M + 102), k(j.current, "right", x.x - 99 / 2, x.y + 30, 99, E + 90, {
+			}, pt, v.x, M + 102), A(k.current, "right", S.x - 99 / 2, S.y + 30, 99, E + 90, {
 				label: o,
-				value: C.label,
-				sublabel: `${C.count} ${l}`,
+				value: x.label,
+				sublabel: `${x.count} ${l}`,
 				color: u.amber
-			}, pt, x.x, P + 102), c > .5) {
+			}, pt, S.x, N + 102), c > .5) {
 				let e = Math.min(1, (c - .5) / .5);
 				t.textAlign = "center", t.textBaseline = "top";
-				let n = y.y + 30 + w + 14, r = x.y + 30 + E + 14;
-				t.globalAlpha = e * D, t.font = "700 34px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t1, t.fillText(b.label, y.x, n), t.font = h.font, t.fillStyle = h.color, t.fillText(`${i} ${b.count} ${l}`, y.x, n + 42), t.globalAlpha = e * O, t.font = "700 34px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t1, t.fillText(C.label, x.x, r), t.font = h.font, t.fillStyle = h.color, t.fillText(`${o} ${C.count} ${l}`, x.x, r + 42), t.globalAlpha = 1, t.textBaseline = "alphabetic";
+				let n = v.y + 30 + w + 14, r = S.y + 30 + E + 14;
+				t.globalAlpha = e * D, t.font = "700 34px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t1, t.fillText(b.label, v.x, n), t.font = g.font, t.fillStyle = g.color, t.fillText(`${i} ${b.count} ${l}`, v.x, n + 42), t.globalAlpha = e * O, t.font = "700 34px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t1, t.fillText(x.label, S.x, r), t.font = g.font, t.fillStyle = g.color, t.fillText(`${o} ${x.count} ${l}`, S.x, r + 42), t.globalAlpha = 1, t.textBaseline = "alphabetic";
 			}
 			p = requestAnimationFrame(m);
 		};
 		return m(), () => cancelAnimationFrame(p);
-	}, [b, C]), /* @__PURE__ */ c("div", {
+	}, [b, x]), /* @__PURE__ */ c("div", {
 		"data-testid": m,
 		style: {
 			position: "relative",
@@ -1985,7 +1988,7 @@ function mt({ left: e, right: r, leftTitle: i = "Accepted", rightTitle: o = "Sub
 			maxWidth: ft
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: g,
+			ref: h,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
@@ -1994,7 +1997,7 @@ function mt({ left: e, right: r, leftTitle: i = "Accepted", rightTitle: o = "Sub
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...M,
 			parentW: ft,
 			parentH: pt
@@ -2005,25 +2008,25 @@ function mt({ left: e, right: r, leftTitle: i = "Accepted", rightTitle: o = "Sub
 //#region src/components/areaLineChart/AreaLineChart.tsx
 var ht = 780, gt = 360;
 function _t({ points: e = [], testID: t }) {
-	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: f, hitZonesRef: p } = D(r, {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: f, hitZonesRef: p } = O(r, {
 		width: ht,
 		height: gt
 	}), m = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = x(e, ht, gt);
+		let t = S(e, ht, gt);
 		l.current = 0;
 		let n = ht - 64 - 48, i = gt - 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
-		})), g, _ = () => {
+		})), h, _ = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, ht, gt), t.letterSpacing = h.letterSpacing;
-			let r = A(Math.min(e / 72, 1));
-			I(o.current, d.current), p.current = [], [
+			t.clearRect(0, 0, ht, gt), t.letterSpacing = g.letterSpacing;
+			let r = j(Math.min(e / 72, 1));
+			L(o.current, d.current), p.current = [], [
 				0,
 				.25,
 				.5,
@@ -2031,8 +2034,8 @@ function _t({ points: e = [], testID: t }) {
 				1
 			].forEach((e) => {
 				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();
+				t.strokeStyle = y(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 = g.font, t.fillStyle = g.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 = g.font, t.fillStyle = g.color, t.textAlign = "center", t.fillText("Count", 0, 0), t.restore(), t.strokeStyle = y(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);
@@ -2043,27 +2046,27 @@ function _t({ points: e = [], testID: t }) {
 				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();
+				n.addColorStop(0, y(u.teal, .12)), n.addColorStop(1, y(u.teal, .02)), t.fillStyle = n, t.fill();
 			}
 			t.beginPath();
 			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 = v(u.teal, .85), t.lineWidth = 2, t.stroke(), f.forEach((e, n) => {
+			t.strokeStyle = y(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;
-				O(p.current, r, e.x, e.y, 10, {
+				k(p.current, r, e.x, e.y, 10, {
 					label: e.point.week,
 					value: String(e.point.count),
 					color: u.teal
-				}), s > 0 && T(t, e.x, 48, 48 + i, v(u.teal, .15 * s));
+				}), s > 0 && E(t, e.x, 48, 48 + i, y(u.teal, .15 * s));
 				let c = e.point.count === a;
-				(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, gt - 68 + 14);
-			}), g = requestAnimationFrame(_);
+				(s > 0 || c) && C(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 = y(u.teal, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = g.font, t.fillStyle = u.teal, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = g.font, t.fillStyle = s > 0 ? u.teal : g.color, t.textAlign = "center", t.fillText(e.point.week, e.x, gt - 68 + 14);
+			}), h = requestAnimationFrame(_);
 		};
-		return _(), () => cancelAnimationFrame(g);
-	}, [m]), m.length < 2 ? /* @__PURE__ */ s(W, {
+		return _(), () => cancelAnimationFrame(h);
+	}, [m]), m.length < 2 ? /* @__PURE__ */ s(G, {
 		width: ht,
 		height: gt,
 		testID: t
@@ -2089,7 +2092,7 @@ function _t({ points: e = [], testID: t }) {
 					height: gt,
 					display: "block"
 				}
-			}), /* @__PURE__ */ s(E, {
+			}), /* @__PURE__ */ s(D, {
 				...f,
 				parentW: ht,
 				parentH: gt
@@ -2099,58 +2102,58 @@ function _t({ points: e = [], testID: t }) {
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var vt = 680, X = 280, yt = 80, bt = 48, xt = 64, St = h.font, Ct = 12, wt = Math.PI * 2, Tt = 72, Et = 20, Dt = 5e3;
+var vt = 680, X = 280, yt = 80, bt = 48, xt = 64, St = g.font, Ct = 12, wt = Math.PI * 2, Tt = 72, Et = 20, Dt = 5e3;
 function Ot({ points: e = [], selectedId: t, seriesByEntity: r, colorOffset: o = 0, testID: l }) {
-	let d = a(null), f = a(null), p = a(0), g = t && r?.[t] ? r[t] : e, _ = i(() => g.filter((e) => typeof e == "object" && !!e), [g]), y = i(() => {
+	let d = a(null), f = a(null), p = a(0), m = t && r?.[t] ? r[t] : e, _ = i(() => m.filter((e) => typeof e == "object" && !!e), [m]), v = i(() => {
 		if (_.length <= 1) return xt;
 		let e = document.createElement("canvas").getContext("2d");
 		if (!e) return xt;
 		e.font = St;
 		let t = Math.max(1, Math.ceil(_.length / Et)), n = Math.max(..._.filter((e, n) => n % t === 0).map((t) => e.measureText(t.week).width));
 		return Math.max(xt, n + Ct);
-	}, [_]), b = Math.round(y / 2), S = bt + b + Math.max(0, _.length - 1) * y, C = Math.max(vt - yt, Math.min(S, Dt)), { tooltip: w, hitZonesRef: T } = D(d, {
+	}, [_]), b = Math.round(v / 2), x = bt + b + Math.max(0, _.length - 1) * v, C = Math.max(vt - yt, Math.min(x, Dt)), { tooltip: w, hitZonesRef: T } = O(d, {
 		width: C,
 		height: X
 	});
 	return n(() => {
 		let e = d.current;
 		if (!e) return;
-		let t = x(e, C, X), n = f.current ? x(f.current, yt, X) : null;
+		let t = S(e, C, X), n = f.current ? S(f.current, yt, X) : null;
 		p.current = 0;
-		let r = m[o % m.length], i = _.length <= Tt ? Tt : Math.max(24, Math.round(Tt * (Tt / _.length))), a = C - bt, s = X - 42 - 54, c = _.length > 0 ? _.map((e) => e.count) : [0], l = Math.min(...c), g = Math.max(...c), S = g - l || 1, w = _.length, E = w > 1 ? (a - b) / (w - 1) : 0, D = Math.max(1, Math.ceil(y / E)), k = l < 0, j = k ? 42 + s - -l / S * s : 42 + s, M = b + (a - b) / 2, N = _.map((e, t) => ({
+		let r = h[o % h.length], i = _.length <= Tt ? Tt : Math.max(24, Math.round(Tt * (Tt / _.length))), a = C - bt, s = X - 42 - 54, c = _.length > 0 ? _.map((e) => e.count) : [0], l = Math.min(...c), m = Math.max(...c), x = m - l || 1, w = _.length, E = w > 1 ? (a - b) / (w - 1) : 0, D = Math.max(1, Math.ceil(v / E)), O = l < 0, A = O ? 42 + s - -l / x * s : 42 + s, M = b + (a - b) / 2, N = _.map((e, t) => ({
 			x: w === 1 ? M : b + t * E,
-			y: 42 + s - (k ? (e.count - l) / S : e.count / (g || 1)) * s,
+			y: 42 + s - (O ? (e.count - l) / x : e.count / (m || 1)) * s,
 			point: e
 		}));
 		if (n) {
-			n.clearRect(0, 0, yt, X), n.letterSpacing = h.letterSpacing;
-			let e = k ? [
+			n.clearRect(0, 0, yt, X), n.letterSpacing = g.letterSpacing;
+			let e = O ? [
 				l,
-				l + S * .25,
-				l + S * .5,
-				l + S * .75,
-				g
+				l + x * .25,
+				l + x * .5,
+				l + x * .75,
+				m
 			] : [
 				0,
-				g * .25,
-				g * .5,
-				g * .75,
-				g
+				m * .25,
+				m * .5,
+				m * .75,
+				m
 			];
 			e.forEach((t, r) => {
 				let i = r / (e.length - 1), a = 42 + s - i * s;
-				n.font = h.font, n.fillStyle = h.color, n.textAlign = "right", n.fillText(K(t), yt - 6, a + 3);
-			}), n.save(), n.translate(12, 42 + s / 2), n.rotate(-Math.PI / 2), n.font = h.font, n.fillStyle = h.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore();
+				n.font = g.font, n.fillStyle = g.color, n.textAlign = "right", n.fillText(K(t), yt - 6, a + 3);
+			}), n.save(), n.translate(12, 42 + s / 2), n.rotate(-Math.PI / 2), n.font = g.font, n.fillStyle = g.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore();
 		}
 		let P = t.createLinearGradient(0, 42, 0, 42 + s);
-		P.addColorStop(0, v(r, .12)), P.addColorStop(1, v(r, .02));
+		P.addColorStop(0, y(r, .12)), P.addColorStop(1, y(r, .02));
 		let F = 0, I, L = (e) => {
-			t.font = St, t.fillStyle = h.color, t.textAlign = "center";
+			t.font = St, t.fillStyle = g.color, t.textAlign = "center";
 			for (let n = 0; n < e; n++) n % D === 0 && t.fillText(N[n].point.week, N[n].x, X - 54 + 14);
 		}, R = () => {
 			p.current++;
-			let e = Math.min(p.current / i, 1), n = A(e), o = e >= 1;
-			t.clearRect(0, 0, C, X), t.letterSpacing = h.letterSpacing, (k ? [
+			let e = Math.min(p.current / i, 1), n = j(e), o = e >= 1;
+			t.clearRect(0, 0, C, X), t.letterSpacing = g.letterSpacing, (O ? [
 				0,
 				.25,
 				.5,
@@ -2163,11 +2166,11 @@ function Ot({ points: e = [], selectedId: t, seriesByEntity: r, colorOffset: o =
 				1
 			]).forEach((e) => {
 				let n = 42 + s - e * s;
-				t.strokeStyle = v(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 = h.font, t.fillStyle = h.color, t.textAlign = "center", t.fillText("Period", b + (a - b) / 2, X - 6), t.strokeStyle = v(u.bd, k ? .5 : .3), t.lineWidth = k ? 2 : 1, t.beginPath(), t.moveTo(b, k ? j : 42 + s), t.lineTo(a, k ? j : 42 + s), t.stroke();
+				t.strokeStyle = y(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 = g.font, t.fillStyle = g.color, t.textAlign = "center", t.fillText("Period", b + (a - b) / 2, X - 6), t.strokeStyle = y(u.bd, O ? .5 : .3), t.lineWidth = O ? 2 : 1, t.beginPath(), t.moveTo(b, O ? A : 42 + s), t.lineTo(a, O ? A : 42 + s), t.stroke();
 			let c = n * (w - 1), l = Math.floor(c) + 1;
 			if (l >= 2) {
-				let e = k ? j : 42 + s;
+				let e = O ? A : 42 + s;
 				t.beginPath(), t.moveTo(N[0].x, e), t.lineTo(N[0].x, N[0].y);
 				for (let e = 1; e < l; e++) {
 					let n = c - Math.floor(c), r = e === l - 1 && e === Math.ceil(c) && n > 0, i = r ? N[e - 1].x + (N[e].x - N[e - 1].x) * n : N[e].x, a = r ? N[e - 1].y + (N[e].y - N[e - 1].y) * n : N[e].y;
@@ -2180,11 +2183,11 @@ function Ot({ points: e = [], selectedId: t, seriesByEntity: r, colorOffset: o =
 				let n = c - Math.floor(c), r = e === l - 1 && e > 0 && e === Math.ceil(c) && n > 0, i = r ? N[e - 1].x + (N[e].x - N[e - 1].x) * n : N[e].x, a = r ? N[e - 1].y + (N[e].y - N[e - 1].y) * n : N[e].y;
 				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
-			t.strokeStyle = v(r, .85), t.lineWidth = 2, t.stroke(), t.fillStyle = v(r, .8), t.beginPath();
+			t.strokeStyle = y(r, .85), t.lineWidth = 2, t.stroke(), t.fillStyle = y(r, .8), t.beginPath();
 			for (let e = 0; e < l; e++) t.moveTo(N[e].x + 3.5, N[e].y), t.arc(N[e].x, N[e].y, 3.5, 0, wt);
 			if (t.fill(), l > F) {
 				T.current = [];
-				for (let e = 0; e < l; e++) O(T.current, `pt-${e}`, N[e].x, N[e].y, 10, {
+				for (let e = 0; e < l; e++) k(T.current, `pt-${e}`, N[e].x, N[e].y, 10, {
 					label: N[e].point.week,
 					value: String(N[e].point.count),
 					color: r
@@ -2197,10 +2200,10 @@ function Ot({ points: e = [], selectedId: t, seriesByEntity: r, colorOffset: o =
 	}, [
 		_,
 		C,
-		y,
+		v,
 		T,
 		o
-	]), _.length === 0 ? /* @__PURE__ */ s(W, {
+	]), _.length === 0 ? /* @__PURE__ */ s(G, {
 		width: vt,
 		height: X,
 		testID: l
@@ -2242,7 +2245,7 @@ function Ot({ points: e = [], selectedId: t, seriesByEntity: r, colorOffset: o =
 						height: X,
 						display: "block"
 					}
-				}), /* @__PURE__ */ s(E, {
+				}), /* @__PURE__ */ s(D, {
 					...w,
 					parentW: C,
 					parentH: X
@@ -2261,57 +2264,57 @@ function Nt(e, t, n) {
 	return `${r}…`;
 }
 function Pt({ severities: e = [], colorOffset: r = 0, onItemClick: o, testID: l }) {
-	let [d, f] = ee(kt), p = a(null), g = a(/* @__PURE__ */ new Map()), _ = a(0), y = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), b = a(y);
-	b.current = y;
-	let S = t((e, t) => {
+	let [d, f] = ee(kt), p = a(null), m = a(/* @__PURE__ */ new Map()), _ = a(0), v = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), b = a(v);
+	b.current = v;
+	let x = t((e, t) => {
 		let n = typeof t == "object" ? t.label ?? e : e, r = b.current.find((t) => t.severity === e);
 		o?.(e, n, r?.subentity);
-	}, [o]), { hoveredRef: C, tooltip: w, hitZonesRef: T } = D(p, {
+	}, [o]), { hoveredRef: C, tooltip: w, hitZonesRef: T } = O(p, {
 		width: f,
 		height: At,
-		onClick: o ? S : void 0
+		onClick: o ? x : void 0
 	});
 	return n(() => {
 		let e = p.current;
 		if (!e) return;
-		let t = x(e, f, At);
+		let t = S(e, f, At);
 		_.current = 0;
-		let n = y.reduce((e, t) => e + (t.count ?? 0), 0), i = jt, a = jt, o = f - i - a, s = At - 54 - 54, c = o - Math.max(0, y.length - 1) * Mt, l = y.map((e) => (e.count ?? 0) / (n || 1) * c), d = m[r % m.length], b, S = () => {
+		let n = v.reduce((e, t) => e + (t.count ?? 0), 0), i = jt, a = jt, o = f - i - a, s = At - 54 - 54, c = o - Math.max(0, v.length - 1) * Mt, l = v.map((e) => (e.count ?? 0) / (n || 1) * c), d = h[r % h.length], b, x = () => {
 			_.current++;
 			let e = _.current;
-			t.clearRect(0, 0, f, At), t.letterSpacing = h.letterSpacing;
-			let r = j(Math.min(e / 60, 1));
-			I(g.current, C.current), T.current = [];
+			t.clearRect(0, 0, f, At), t.letterSpacing = g.letterSpacing;
+			let r = M(Math.min(e / 60, 1));
+			L(m.current, C.current), T.current = [];
 			let a = i;
-			y.forEach((e, i) => {
-				let o = l[i] ?? 0, c = g.current.get(e.severity) ?? 0, f = a + o / 2, p = o * .78, m = o * r, _ = p * r, y = f - _ / 2;
-				if (m > 0) {
+			v.forEach((e, i) => {
+				let o = l[i] ?? 0, c = m.current.get(e.severity) ?? 0, f = a + o / 2, p = o * .78, h = o * r, _ = p * r, v = f - _ / 2;
+				if (h > 0) {
 					let e = () => {
-						t.beginPath(), t.moveTo(y, 54), t.lineTo(y + _, 54), t.lineTo(a + m, 54 + s), t.lineTo(a, 54 + s), t.closePath();
+						t.beginPath(), t.moveTo(v, 54), t.lineTo(v + _, 54), t.lineTo(a + h, 54 + s), t.lineTo(a, 54 + s), t.closePath();
 					}, n = a + o / 2, i = 54 + s / 2, l = Math.sqrt((o / 2) ** 2 + (s / 2) ** 2), u = t.createRadialGradient(n, i, 0, n, i, l);
-					u.addColorStop(0, v(d, (.03 + c * .02) * r)), u.addColorStop(.5, v(d, (.12 + c * .04) * r)), u.addColorStop(1, v(d, (.28 + c * .08) * r)), t.save(), e(), t.clip(), e(), t.fillStyle = u, t.fill(), t.restore(), e(), t.strokeStyle = v(d, .9 * r), t.lineWidth = 1, t.stroke();
+					u.addColorStop(0, y(d, (.03 + c * .02) * r)), u.addColorStop(.5, y(d, (.12 + c * .04) * r)), u.addColorStop(1, y(d, (.28 + c * .08) * r)), t.save(), e(), t.clip(), e(), t.fillStyle = u, t.fill(), t.restore(), e(), t.strokeStyle = y(d, .9 * r), t.lineWidth = 1, t.stroke();
 				}
-				if (k(T.current, e.severity, a, 54, o, s, {
+				if (A(T.current, e.severity, a, 54, o, s, {
 					label: e.severity,
 					value: K(e.count ?? 0),
 					sublabel: `${Math.round((e.count ?? 0) / (n || 1) * 100)}%`,
 					color: d
 				}), r > .5) {
 					let i = Math.min(1, (r - .5) / .5), l = a + o / 2;
-					t.globalAlpha = i, t.font = h.font, t.fillStyle = c > 0 ? d : v(u.t1, .65), t.textAlign = "center", t.fillText(Nt(t, e.severity, o - 8), l, 40), t.font = "600 22px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = v(u.t1, .92 + c * .08), t.fillText(K(e.count ?? 0), l, 54 + s / 2 + 8), t.font = h.font, t.fillStyle = c > 0 ? d : v(u.t1, .5), t.fillText(`${Math.round((e.count ?? 0) / (n || 1) * 100)}%`, l, 54 + s + 22), t.globalAlpha = 1;
+					t.globalAlpha = i, t.font = g.font, t.fillStyle = c > 0 ? d : y(u.t1, .65), t.textAlign = "center", t.fillText(Nt(t, e.severity, o - 8), l, 40), t.font = "600 22px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = y(u.t1, .92 + c * .08), t.fillText(K(e.count ?? 0), l, 54 + s / 2 + 8), t.font = g.font, t.fillStyle = c > 0 ? d : y(u.t1, .5), t.fillText(`${Math.round((e.count ?? 0) / (n || 1) * 100)}%`, l, 54 + s + 22), t.globalAlpha = 1;
 				}
 				a += o + Mt;
-			}), b = requestAnimationFrame(S);
+			}), b = requestAnimationFrame(x);
 		};
-		return S(), () => cancelAnimationFrame(b);
+		return x(), () => cancelAnimationFrame(b);
 	}, [
-		y,
+		v,
 		f,
 		r
-	]), y.length === 0 ? /* @__PURE__ */ s("div", {
+	]), v.length === 0 ? /* @__PURE__ */ s("div", {
 		ref: d,
 		style: { width: "100%" },
-		children: /* @__PURE__ */ s(W, {
+		children: /* @__PURE__ */ s(G, {
 			width: f,
 			height: At,
 			testID: l
@@ -2333,7 +2336,7 @@ function Pt({ severities: e = [], colorOffset: r = 0, onItemClick: o, testID: l
 				height: At,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...w,
 			parentW: f,
 			parentH: At
@@ -2348,33 +2351,33 @@ var Ft = 300, It = 280, Lt = 100, Rt = {
 	Closed: u.green
 };
 function zt({ segments: e = [], title: t, unitLabel: r = "", testID: o }) {
-	let l = a(null), d = a(0), f = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: m, hitZonesRef: _ } = D(l, {
+	let l = a(null), d = a(0), f = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: m, hitZonesRef: h } = O(l, {
 		width: Ft,
 		height: It
-	}), y = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
+	}), v = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = l.current;
 		if (!e) return;
-		let n = x(e, Ft, It);
+		let n = S(e, Ft, It);
 		d.current = 0;
-		let i = Ft * .5, a = It * .56, o = Lt, s = y.reduce((e, t) => e + (t.count ?? 0), 0), c = Math.max(...y.map((e) => e.count ?? 0), 1), m, b = () => {
+		let i = Ft * .5, a = It * .56, o = Lt, s = v.reduce((e, t) => e + (t.count ?? 0), 0), c = Math.max(...v.map((e) => e.count ?? 0), 1), m, b = () => {
 			d.current++;
 			let e = d.current;
-			n.clearRect(0, 0, Ft, It), n.letterSpacing = h.letterSpacing, _.current = [], f.current.forEach((e, t) => {
+			n.clearRect(0, 0, Ft, It), n.letterSpacing = g.letterSpacing, h.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, Ft, It, e, 40, v(u.blue, .04)), y.forEach((t, r) => {
+			}), p.current && !f.current.has(p.current) && f.current.set(p.current, 0), w(n, Ft, It, e, 40, y(u.blue, .04)), v.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 = Rt[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 = Rt[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, {
+				n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = y(f, .08), n.lineWidth = p * 2, n.stroke(), n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = y(f, .25), n.lineWidth = 1, n.stroke();
+				let m = (e * .005 + r * .33) % 1, h = i + (l - i) * m, g = a + (d - a) * m;
+				C(n, h, g, 6, f, .4), n.beginPath(), n.arc(h, g, 2, 0, Math.PI * 2), n.fillStyle = y(f, .8), n.fill();
+				let v = (i + l) / 2, b = (a + d) / 2;
+				n.font = _.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = y(f, .85), n.fillText(String(t.count), v, b);
+			}), v.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 = Rt[e.status] ?? u.blue, _ = 10 + e.count / c * 18, v = f.current.get(e.status) ?? 0;
+				C(n, d, p, _ * 2.5, m, .2 + v * .15);
+				let b = n.createRadialGradient(d, p - _ * .2, 0, d, p, _);
+				b.addColorStop(0, y(m, .8 + v * .2)), b.addColorStop(1, y(m, .4 + v * .1)), n.beginPath(), n.arc(d, p, _, 0, Math.PI * 2), n.fillStyle = b, n.fill(), n.font = "bold " + g.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = y(u.t1, .9), n.fillText(e.status, d, p), k(h.current, e.status, d, p, _ + 6, {
 					label: e.status,
 					value: r ? `${e.count} ${r}` : String(e.count),
 					sublabel: `${Math.round((e.count ?? 0) / (s || 1) * 100)}%`,
@@ -2382,20 +2385,20 @@ function zt({ segments: e = [], title: t, unitLabel: r = "", testID: o }) {
 				});
 			});
 			let l = f.current.get("center") ?? 0;
-			S(n, i, a, 36, u.t2, .2 + l * .15);
+			C(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, {
+			x.addColorStop(0, y(u.t2, .9)), x.addColorStop(1, y(u.t2, .5)), n.beginPath(), n.arc(i, a, 22, 0, Math.PI * 2), n.fillStyle = x, n.fill(), n.font = _.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = y(u.t1, .9), n.fillText(t ?? "", i, a - 4), n.font = "bold " + g.font, n.fillStyle = u.t1, n.fillText(String(s), i, a + 8), k(h.current, "center", i, a, 28, {
 				label: t ?? "Total",
 				value: r ? `${s} ${r}` : String(s),
 				color: u.t2
-			}), w(n, Ft, It, e, .015), m = requestAnimationFrame(b);
+			}), T(n, Ft, It, e, .015), m = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(m);
 	}, [
-		y,
+		v,
 		t,
 		r
-	]), y.length === 0 ? /* @__PURE__ */ s(W, {
+	]), v.length === 0 ? /* @__PURE__ */ s(G, {
 		width: Ft,
 		height: It,
 		testID: o
@@ -2416,7 +2419,7 @@ function zt({ segments: e = [], title: t, unitLabel: r = "", testID: o }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(E, {
+		}), /* @__PURE__ */ s(D, {
 			...m,
 			parentW: Ft,
 			parentH: It
@@ -2433,14 +2436,14 @@ function Ht({ points: e = [], className: t, colors: r }) {
 			label: e,
 			value: n ? Number(n[0]) : 0
 		};
-	}), [e]), { mouseRef: m, hoveredRef: h, tooltip: g, hitZonesRef: _ } = D(o, {
+	}), [e]), { mouseRef: m, hoveredRef: h, tooltip: g, hitZonesRef: _ } = O(o, {
 		width: Bt,
 		height: Vt
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = x(e, Bt, Vt);
+		let t = S(e, Bt, Vt);
 		f.current = 0;
 		let n = r?.line ?? u.teal, i = r?.point ?? u.teal, a = r?.axisLine ?? u.bd, s, c = () => {
 			f.current++;
@@ -2454,35 +2457,35 @@ function Ht({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = Bt - r.left - r.right, l = Vt - 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, Vt - r.bottom), t.lineTo(Bt - r.right, Vt - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = v(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
+			}, o = Bt - r.left - r.right, l = Vt - r.top - r.bottom, g = p.map((e) => e.value), v = Math.min(...g), b = Math.max(...g) - v || 1, x = (e) => r.left + e / (p.length - 1) * o, S = (e) => r.top + (1 - (e - v) / b) * l, w = 1 - (1 - Math.min(e / 48, 1)) ** 3, T = Math.max(2, Math.floor(w * p.length));
+			if (L(d.current, h.current), _.current = [], t.strokeStyle = y(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, Vt - r.bottom), t.lineTo(Bt - r.right, Vt - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = y(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
 				t.fillText(e.label.replace("Day ", "D"), x(n), Vt - 4);
 			}), m.current.over && h.current) {
 				let e = parseInt(h.current.split("-")[1]);
-				isNaN(e) || T(t, x(e), r.top, r.top + l);
+				isNaN(e) || E(t, x(e), r.top, r.top + l);
 			}
-			if (E > 1) {
+			if (T > 1) {
 				let e = t.createLinearGradient(0, r.top, 0, r.top + l);
-				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.addColorStop(0, y(n, .15)), e.addColorStop(1, y(n, 0)), t.fillStyle = e, t.beginPath(), t.moveTo(x(0), r.top + l);
+				for (let e = 0; e < T; e++) t.lineTo(x(e), S(p[e].value));
+				t.lineTo(x(T - 1), r.top + l), t.closePath(), t.fill(), t.strokeStyle = y(n, .8), t.lineWidth = 1.5, t.setLineDash([]), t.beginPath();
+				for (let e = 0; e < T; e++) {
+					let n = x(e), r = S(p[e].value);
 					e === 0 ? t.moveTo(n, r) : t.lineTo(n, r);
 				}
 				t.stroke();
 			}
-			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, {
+			for (let e = 0; e < T; e++) {
+				let n = x(e), r = S(p[e].value), a = `tp-${e}`, o = d.current.get(a) ?? 0, s = e === p.length - 1;
+				k(_.current, a, n, r, 10, {
 					label: p[e].label,
 					value: String(p[e].value),
 					color: s ? u.red : i
-				}), 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());
+				}), o > 0 && !s && (C(t, n, r, 12 * o, i, .2 * o), t.fillStyle = y(i, .8), t.beginPath(), t.arc(n, r, 3 + o * 2, 0, Math.PI * 2), t.fill());
 			}
-			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;
+			if (T >= p.length) {
+				let n = p.length - 1, r = x(n), i = S(p[n].value), a = d.current.get(`tp-${n}`) ?? 0, o = F(e, .05, 5e-4), s = 1 + a * .5;
+				t.shadowColor = y(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);
 		};
@@ -2505,7 +2508,7 @@ function Ht({ points: e = [], className: t, colors: r }) {
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
+			}), /* @__PURE__ */ s(D, {
 				...g,
 				parentW: Bt,
 				parentH: Vt
@@ -2521,82 +2524,82 @@ function Ut(e, t, n) {
 	for (; r.length > 0 && e.measureText(r + "…").width > n;) r = r.slice(0, -1);
 	return r + "…";
 }
-var Wt = 680, Gt = 8, Z = 6, Kt = 8, qt = Z * 2 + Kt, Jt = 36, Yt = Jt / 2, Xt = 48;
-function Zt({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, labelA: f = "Implemented", labelB: p = "Unimplemented", unit: m = "variations", testID: y }) {
-	let [b, C] = ee(Wt), w = a(null), T = a(/* @__PURE__ */ new Map()), O = a(0), A = a(d);
-	A.current = d;
-	let M = a([]), N = t((e, t) => {
-		let n = e.replace(/-impl$|-un$/, ""), r = typeof t == "object" ? t.label ?? n : n, i = M.current.find((e) => e.id === n);
+var Wt = 680, Gt = 8, Z = 4, Kt = 8, qt = Z * 2 + Kt, Jt = 36, Yt = Jt / 2, Xt = 48;
+function Zt({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, labelA: f = "Implemented", labelB: p = "Unimplemented", unit: m = "variations", testID: h }) {
+	let [b, x] = ee(Wt), w = a(null), T = a(/* @__PURE__ */ new Map()), E = a(0), k = a(d);
+	k.current = d;
+	let j = a([]), N = t((e, t) => {
+		let n = e.replace(/-impl$|-un$/, ""), r = typeof t == "object" ? t.label ?? n : n, i = j.current.find((e) => e.id === n);
 		l?.(n, r, i?.subentity);
-	}, [l]), [P, L] = o(!1), R = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), z = !!(d && r?.[d]), B = z ? r[d] : e, V = i(() => B.filter((e) => typeof e == "object" && !!e), [B]), H = i(() => P ? V : V.slice(0, Gt), [V, P]);
-	M.current = H;
-	let U = Yt + Xt + H.length * (qt + Jt) - Jt, { hoveredRef: G, tooltip: ne, hitZonesRef: q } = D(w, {
-		width: C,
+	}, [l]), [P, F] = o(!1), R = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), z = !!(d && r?.[d]), B = z ? r[d] : e, V = i(() => B.filter((e) => typeof e == "object" && !!e), [B]), H = i(() => P ? V : V.slice(0, Gt), [V, P]);
+	j.current = H;
+	let U = Yt + Xt + H.length * (qt + Jt) - Jt, { hoveredRef: W, tooltip: ne, hitZonesRef: re } = O(w, {
+		width: x,
 		height: U,
 		onClick: l ? N : void 0
 	});
 	return n(() => {
 		let e = w.current;
 		if (!e) return;
-		let t = x(e, C, U);
-		O.current = 0, t.font = h.font;
+		let t = S(e, x, U);
+		E.current = 0, t.font = g.font;
 		let n = H.reduce((e, n) => Math.max(e, t.measureText(n.abbreviation ?? n.name ?? "").width), 0);
-		t.font = g.font;
-		let r = H.reduce((e, n) => Math.max(e, t.measureText(K(n.implemented ?? 0)).width, t.measureText(K(n.unimplemented ?? 0)).width), 0), i = Math.max(Math.min(n + 20, C * .3), 40), a = Math.max(r + 24, 32), o = C - i - a, s = Math.max(...H.map((e) => e.implemented ?? 0), ...H.map((e) => e.unimplemented ?? 0), 1), c = H.length * (qt + Jt) - Jt, l = Yt + (U - Yt - Xt - c) / 2, d, y = () => {
-			O.current++;
-			let e = O.current;
-			t.clearRect(0, 0, C, U);
-			let n = j(Math.min(e / 60, 1));
-			I(T.current, G.current), q.current = [], H.forEach((e, r) => {
-				let a = F(n, r, H.length, j), c = l + r * (qt + Jt), d = c, _ = c + Z + Kt, y = `${e.id}-impl`, b = `${e.id}-un`, x = T.current.get(y) ?? 0, C = T.current.get(b) ?? 0, w = !z && A.current && e.id !== A.current ? .2 : 1, E = (e.implemented ?? 0) / s * o * a, D = (e.unimplemented ?? 0) / s * o * a;
-				if (t.font = h.font, t.fillStyle = x > 0 || C > 0 ? u.t1 : u.t2, t.textAlign = "right", t.textBaseline = "middle", t.fillText(Ut(t, e.abbreviation ?? e.name ?? "", i - 16), i - 8, c + qt / 2), t.textBaseline = "alphabetic", k(q.current, y, 0, c, i, qt, {
+		t.font = _.font;
+		let r = H.reduce((e, n) => Math.max(e, t.measureText(K(n.implemented ?? 0)).width, t.measureText(K(n.unimplemented ?? 0)).width), 0), i = Math.max(Math.min(n + 20, x * .3), 40), a = Math.max(r + 24, 32), o = x - i - a, s = Math.max(...H.map((e) => e.implemented ?? 0), ...H.map((e) => e.unimplemented ?? 0), 1), c = H.length * (qt + Jt) - Jt, l = Yt + (U - Yt - Xt - c) / 2, d, h = () => {
+			E.current++;
+			let e = E.current;
+			t.clearRect(0, 0, x, U);
+			let n = M(Math.min(e / 60, 1));
+			L(T.current, W.current), re.current = [], H.forEach((e, a) => {
+				let c = I(n, a, H.length, M), d = l + a * (qt + Jt), h = d, v = d + Z + Kt, b = `${e.id}-impl`, x = `${e.id}-un`, S = T.current.get(b) ?? 0, w = T.current.get(x) ?? 0, E = !z && k.current && e.id !== k.current ? .6 : 1, D = (e.implemented ?? 0) / s * o * c, O = (e.unimplemented ?? 0) / s * o * c;
+				if (t.font = g.font, t.fillStyle = S > 0 || w > 0 ? u.t1 : u.t2, t.textAlign = "right", t.textBaseline = "middle", t.fillText(Ut(t, e.abbreviation ?? e.name ?? "", i - 16), i - 8, d + qt / 2), t.textBaseline = "alphabetic", A(re.current, b, 0, d, i, qt, {
 					label: e.name ?? e.abbreviation ?? "",
 					value: `${K((e.implemented ?? 0) + (e.unimplemented ?? 0))} total ${m}`,
 					sublabel: `${f}: ${K(e.implemented ?? 0)} · ${p}: ${K(e.unimplemented ?? 0)}`,
 					color: u.green
-				}), E > 0) {
-					x > 0 && S(t, i + E / 2, d + Z / 2, E * .15, u.green, .18 * x);
-					let e = t.createLinearGradient(i, 0, i + E, 0);
-					e.addColorStop(0, v(u.green, .7 * w)), e.addColorStop(1, v(u.green, 1 * w)), t.fillStyle = e, t.beginPath(), t.roundRect(i, d, E, Z, Z / 2), t.fill();
+				}, void 0, i + Math.max(D, O) + 16 + r + 14), D > 0) {
+					S > 0 && C(t, i + D / 2, h + Z / 2, D * .15, u.green, .18 * S);
+					let e = t.createLinearGradient(i, 0, i + D, 0);
+					e.addColorStop(0, y(u.green, .7 * E)), e.addColorStop(1, y(u.green, 1 * E)), t.fillStyle = e, t.beginPath(), t.roundRect(i, h, D, Z, Z / 2), t.fill();
 				}
-				if (k(q.current, y, i, d, Math.max(E, 1), Z, {
+				if (A(re.current, b, i, h, Math.max(D, 1), Z, {
 					label: e.name,
 					value: K(e.implemented ?? 0),
 					color: u.green
-				}), a > .4 && (t.globalAlpha = Math.min(1, (a - .4) / .4), t.font = g.font, t.fillStyle = u.t1, t.textAlign = "left", t.textBaseline = "middle", t.fillText(K(e.implemented ?? 0), i + E + 16, d + Z / 2), t.globalAlpha = 1, t.textBaseline = "alphabetic"), D > 0) {
-					C > 0 && S(t, i + D / 2, _ + Z / 2, D * .15, u.amber, .18 * C);
-					let e = t.createLinearGradient(i, 0, i + D, 0);
-					e.addColorStop(0, v(u.amber, .5 * w)), e.addColorStop(1, v(u.amber, .9 * w)), t.fillStyle = e, t.beginPath(), t.roundRect(i, _, D, Z, Z / 2), t.fill();
+				}, d + qt / 2, i + Math.max(D, O) + 16 + r + 14), c > .4 && (t.globalAlpha = Math.min(1, (c - .4) / .4), t.font = _.font, t.fillStyle = u.t1, t.textAlign = "left", t.textBaseline = "middle", t.fillText(K(e.implemented ?? 0), i + D + 16, h + Z / 2), t.globalAlpha = 1, t.textBaseline = "alphabetic"), O > 0) {
+					w > 0 && C(t, i + O / 2, v + Z / 2, O * .15, u.amber, .18 * w);
+					let e = t.createLinearGradient(i, 0, i + O, 0);
+					e.addColorStop(0, y(u.amber, .5 * E)), e.addColorStop(1, y(u.amber, .9 * E)), t.fillStyle = e, t.beginPath(), t.roundRect(i, v, O, Z, Z / 2), t.fill();
 				}
-				k(q.current, b, i, _, Math.max(D, 1), Z, {
+				A(re.current, x, i, v, Math.max(O, 1), Z, {
 					label: e.name,
 					value: K(e.unimplemented ?? 0),
 					color: u.amber
-				}), a > .4 && (t.globalAlpha = Math.min(1, (a - .4) / .4), t.font = g.font, t.fillStyle = u.t1, t.textAlign = "left", t.textBaseline = "middle", t.fillText(K(e.unimplemented ?? 0), i + D + 16, _ + Z / 2), t.globalAlpha = 1, t.textBaseline = "alphabetic");
+				}, d + qt / 2, i + Math.max(D, O) + 16 + r + 14), c > .4 && (t.globalAlpha = Math.min(1, (c - .4) / .4), t.font = _.font, t.fillStyle = u.t1, t.textAlign = "left", t.textBaseline = "middle", t.fillText(K(e.unimplemented ?? 0), i + O + 16, v + Z / 2), t.globalAlpha = 1, t.textBaseline = "alphabetic");
 			});
-			let r = l + c + 28;
-			t.font = _.font, t.textBaseline = "middle", t.textAlign = "left";
-			let a = t.measureText(f).width, b = t.measureText(p).width, x = 18 + a, w = 18 + b, E = (C - (x + 24 + w)) / 2, D = t.createLinearGradient(E, 0, E + 12, 0);
-			D.addColorStop(0, v(u.green, .7)), D.addColorStop(1, v(u.green, 1)), t.fillStyle = D, t.beginPath(), t.rect(E, r - 6, 12, 12), t.fill(), t.fillStyle = _.color, t.fillText(f, E + 12 + 6, r);
-			let M = E + x + 24, N = t.createLinearGradient(M, 0, M + 12, 0);
-			N.addColorStop(0, v(u.amber, .5)), N.addColorStop(1, v(u.amber, .9)), t.fillStyle = N, t.beginPath(), t.rect(M, r - 6, 12, 12), t.fill(), t.fillStyle = _.color, t.fillText(p, M + 12 + 6, r), t.textBaseline = "alphabetic", d = requestAnimationFrame(y);
+			let a = l + c + 28;
+			t.font = v.font, t.textBaseline = "middle", t.textAlign = "left";
+			let b = t.measureText(f).width, S = t.measureText(p).width, w = 18 + b, D = 18 + S, O = (x - (w + 24 + D)) / 2, j = t.createLinearGradient(O, 0, O + 12, 0);
+			j.addColorStop(0, y(u.green, .7)), j.addColorStop(1, y(u.green, 1)), t.fillStyle = j, t.beginPath(), t.rect(O, a - 6, 12, 12), t.fill(), t.fillStyle = v.color, t.fillText(f, O + 12 + 6, a);
+			let N = O + w + 24, P = t.createLinearGradient(N, 0, N + 12, 0);
+			P.addColorStop(0, y(u.amber, .5)), P.addColorStop(1, y(u.amber, .9)), t.fillStyle = P, t.beginPath(), t.rect(N, a - 6, 12, 12), t.fill(), t.fillStyle = v.color, t.fillText(p, N + 12 + 6, a), t.textBaseline = "alphabetic", d = requestAnimationFrame(h);
 		};
-		return y(), () => cancelAnimationFrame(d);
+		return h(), () => cancelAnimationFrame(d);
 	}, [
 		H,
 		U,
-		C
+		x
 	]), R.length === 0 ? /* @__PURE__ */ s("div", {
 		ref: b,
 		style: { width: "100%" },
-		children: /* @__PURE__ */ s(W, {
-			width: C,
+		children: /* @__PURE__ */ s(G, {
+			width: x,
 			height: 160,
-			testID: y
+			testID: h
 		})
 	}) : /* @__PURE__ */ c("div", {
 		ref: b,
-		"data-testid": y,
+		"data-testid": h,
 		style: { width: "100%" },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
@@ -2612,16 +2615,16 @@ function Zt({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, la
 					height: U,
 					display: "block"
 				}
-			}), /* @__PURE__ */ s(E, {
+			}), /* @__PURE__ */ s(D, {
 				...ne,
-				parentW: C,
+				parentW: x,
 				parentH: U
 			})]
 		}), R.length > Gt && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(te, {
 				expanded: P,
-				onToggle: () => L((e) => !e)
+				onToggle: () => F((e) => !e)
 			})
 		})]
 	});
@@ -2630,23 +2633,23 @@ function Zt({ items: e = [], itemsByEntity: r, onItemClick: l, selectedId: d, la
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
 var Qt = 800, $t = 360;
 function en({ items: e = [], onItemClick: r, testID: i }) {
-	let [o, l] = ee(Qt), d = a(null), f = a(/* @__PURE__ */ new Map()), m = a(0), _ = a(e);
-	_.current = e;
-	let y = t((e, t) => {
-		let n = typeof t == "object" ? t.label ?? e : e, i = _.current.find((t) => t.id === e);
+	let [o, l] = ee(Qt), d = a(null), f = a(/* @__PURE__ */ new Map()), m = a(0), h = a(e);
+	h.current = e;
+	let v = t((e, t) => {
+		let n = typeof t == "object" ? t.label ?? e : e, i = h.current.find((t) => t.id === e);
 		r?.(e, n, i?.subentity);
-	}, [r]), { hoveredRef: b, tooltip: C, hitZonesRef: w } = D(d, {
+	}, [r]), { hoveredRef: b, tooltip: x, hitZonesRef: w } = O(d, {
 		width: l,
 		height: $t,
-		onClick: r ? y : void 0
+		onClick: r ? v : void 0
 	});
 	return n(() => {
 		let t = d.current;
 		if (!t) return;
-		let n = x(t, l, $t);
+		let n = S(t, l, $t);
 		m.current = 0;
-		let r = Math.round(l * .125), i = Math.round(l * .525), a = Math.round(l * .9), o = Math.max(60, Math.round(l * .1375)), s = e.reduce((e, t) => e + (t.base ?? 0), 0), c = e.reduce((e, t) => e + (t.variation ?? 0), 0), _ = e.reduce((e, t) => e + (t.total ?? 0), 0), y = $t - 20 - 26, C = y - 6 * (e.length - 1), T = 20, E = e.map((e, t) => {
-			let n = Math.max(24, (e.total ?? 0) / (_ || 1) * C), i = {
+		let r = Math.round(l * .125), i = Math.round(l * .525), a = Math.round(l * .9), o = Math.max(60, Math.round(l * .1375)), s = e.reduce((e, t) => e + (t.base ?? 0), 0), c = e.reduce((e, t) => e + (t.variation ?? 0), 0), h = e.reduce((e, t) => e + (t.total ?? 0), 0), v = $t - 20 - 26, x = v - 6 * (e.length - 1), T = 20, E = e.map((e, t) => {
+			let n = Math.max(24, (e.total ?? 0) / (h || 1) * x), i = {
 				x: r - o / 2,
 				y: T,
 				h: n,
@@ -2655,7 +2658,7 @@ function en({ items: e = [], onItemClick: r, testID: i }) {
 				color: p[t % p.length]
 			};
 			return T += n + 6, i;
-		}), D = C - 14, O = Math.max(28, s / (_ || 1) * D), j = Math.max(18, c / (_ || 1) * D), M = 20 + (y - (O + j + 14)) / 2, N = {
+		}), D = x - 14, O = Math.max(28, s / (h || 1) * D), k = Math.max(18, c / (h || 1) * D), M = 20 + (v - (O + k + 14)) / 2, N = {
 			x: i - o / 2,
 			y: M,
 			h: O,
@@ -2663,26 +2666,26 @@ function en({ items: e = [], onItemClick: r, testID: i }) {
 		}, P = {
 			x: i - o / 2,
 			y: M + O + 14,
-			h: j,
-			cy: M + O + 14 + j / 2
-		}, L = {
+			h: k,
+			cy: M + O + 14 + k / 2
+		}, F = {
 			x: a - o / 2,
 			y: 20,
-			h: y,
-			cy: 20 + y / 2
+			h: v,
+			cy: 20 + v / 2
 		}, R, z = () => {
 			m.current++;
 			let t = m.current;
-			n.clearRect(0, 0, l, $t), n.letterSpacing = h.letterSpacing;
-			let d = A(Math.min(t / 80, 1));
-			if (I(f.current, b.current), w.current = [], e.forEach((t, r) => {
-				let a = E[r], l = F(d, r, e.length, A), u = f.current.get(t.id) ?? 0;
+			n.clearRect(0, 0, l, $t), n.letterSpacing = g.letterSpacing;
+			let d = j(Math.min(t / 80, 1));
+			if (L(f.current, b.current), w.current = [], e.forEach((t, r) => {
+				let a = E[r], l = I(d, r, e.length, j), u = f.current.get(t.id) ?? 0;
 				if (l < .01) return;
-				let p = (t.base ?? 0) / (t.total || 1), m = (t.variation ?? 0) / (t.total || 1), h = a.h * p, g = a.h * m, _ = a.y + h / 2, v = a.y + h + g / 2, y = Math.max(2, (t.base ?? 0) / s * O), b = Math.max(2, (t.variation ?? 0) / c * j), x = N.y + e.slice(0, r).reduce((e, t) => e + (t.base ?? 0) / s * O, 0) + y / 2, S = P.y + e.slice(0, r).reduce((e, t) => e + (t.variation ?? 0) / c * j, 0) + b / 2, C = u * .2 + .18;
+				let p = (t.base ?? 0) / (t.total || 1), m = (t.variation ?? 0) / (t.total || 1), h = a.h * p, g = a.h * m, _ = a.y + h / 2, v = a.y + h + g / 2, y = Math.max(2, (t.base ?? 0) / s * O), b = Math.max(2, (t.variation ?? 0) / c * k), x = N.y + e.slice(0, r).reduce((e, t) => e + (t.base ?? 0) / s * O, 0) + y / 2, S = P.y + e.slice(0, r).reduce((e, t) => e + (t.variation ?? 0) / c * k, 0) + b / 2, C = u * .2 + .18;
 				tn(n, a.x + o, _, i - o / 2, x, y * l, a.color, C), tn(n, a.x + o, v, i - o / 2, S, b * l, a.color, C * .75);
 			}), d > .3) {
-				let e = Math.min(1, (d - .3) / .7), t = L.y + s / _ * y / 2, r = L.y + y - c / _ * y / 2;
-				tn(n, i + o / 2, N.cy, a - o / 2, t, O * e, u.blue, .25 * e), tn(n, i + o / 2, P.cy, a - o / 2, r, j * e, u.amber, .22 * e);
+				let e = Math.min(1, (d - .3) / .7), t = F.y + s / h * v / 2, r = F.y + v - c / h * v / 2;
+				tn(n, i + o / 2, N.cy, a - o / 2, t, O * e, u.blue, .25 * e), tn(n, i + o / 2, P.cy, a - o / 2, r, k * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2694,22 +2697,22 @@ function en({ items: e = [], onItemClick: r, testID: i }) {
 					i,
 					a
 				][t];
-				n.font = h.font, n.fillStyle = h.color, n.textAlign = "center", n.fillText(e, o, $t - 8);
+				n.font = g.font, n.fillStyle = g.color, n.textAlign = "center", n.fillText(e, o, $t - 8);
 			}), e.forEach((t, r) => {
-				let i = E[r], a = F(d, r, e.length, A), s = f.current.get(t.id) ?? 0;
-				k(w.current, t.id, i.x, i.y, o, i.h, {
+				let i = E[r], a = I(d, r, e.length, j), s = f.current.get(t.id) ?? 0;
+				A(w.current, t.id, i.x, i.y, o, i.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: i.color
-				}), s > 0 && S(n, i.x + o / 2, i.cy, o * .6, i.color, .12 * s), n.fillStyle = v(i.color, (.3 + s * .15) * a), n.strokeStyle = v(i.color, (.55 + s * .25) * a), n.lineWidth = 1, n.beginPath(), n.roundRect(i.x, i.y, o * a, i.h, 4), n.fill(), n.stroke(), a > .6 && i.h >= 24 && (n.globalAlpha = Math.min(1, (a - .6) / .4), n.font = h.font, n.fillStyle = s > 0 ? i.color : v(u.t2, .9), n.textAlign = "center", n.textBaseline = "middle", n.fillText(t.abbreviation ?? t.name?.slice(0, 6) ?? "", i.x + o / 2, i.h >= 36 ? i.cy - 5 : i.cy), i.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), i.x + o / 2, i.cy + 7)), n.globalAlpha = 1, n.textBaseline = "alphabetic");
+				}), s > 0 && C(n, i.x + o / 2, i.cy, o * .6, i.color, .12 * s), n.fillStyle = y(i.color, (.3 + s * .15) * a), n.strokeStyle = y(i.color, (.55 + s * .25) * a), n.lineWidth = 1, n.beginPath(), n.roundRect(i.x, i.y, o * a, i.h, 4), n.fill(), n.stroke(), a > .6 && i.h >= 24 && (n.globalAlpha = Math.min(1, (a - .6) / .4), n.font = g.font, n.fillStyle = s > 0 ? i.color : y(u.t2, .9), n.textAlign = "center", n.textBaseline = "middle", n.fillText(t.abbreviation ?? t.name?.slice(0, 6) ?? "", i.x + o / 2, i.h >= 36 ? i.cy - 5 : i.cy), i.h >= 36 && (n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = y(u.t3, .8), n.fillText(t.totalLabel ?? String(t.total ?? 0), i.x + o / 2, i.cy + 7)), n.globalAlpha = 1, n.textBaseline = "alphabetic");
 			}), d > .2) {
 				let e = Math.min(1, (d - .2) / .4);
-				S(n, i, N.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(N.x, N.y, o, N.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", i, N.cy - 6), n.font = g.font, n.fillStyle = g.color, n.fillText(K(s), i, N.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic", S(n, i, P.cy, 24, u.amber, .1 * e), n.fillStyle = v(u.amber, .22 * e), n.strokeStyle = v(u.amber, .4 * e), n.beginPath(), n.roundRect(P.x, P.y, o, P.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", i, P.cy - 4), n.font = g.font, n.fillStyle = g.color, n.fillText(K(c), i, P.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
+				C(n, i, N.cy, 30, u.blue, .1 * e), n.fillStyle = y(u.blue, .3 * e), n.strokeStyle = y(u.blue, .5 * e), n.lineWidth = 1, n.beginPath(), n.roundRect(N.x, N.y, o, N.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = g.font, n.fillStyle = u.blue, n.textAlign = "center", n.fillText("Base Value", i, N.cy - 6), n.font = _.font, n.fillStyle = _.color, n.fillText(K(s), i, N.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic", C(n, i, P.cy, 24, u.amber, .1 * e), n.fillStyle = y(u.amber, .22 * e), n.strokeStyle = y(u.amber, .4 * e), n.beginPath(), n.roundRect(P.x, P.y, o, P.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = g.font, n.fillStyle = u.amber, n.textAlign = "center", n.fillText("Variations", i, P.cy - 4), n.font = _.font, n.fillStyle = _.color, n.fillText(K(c), i, P.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
 			if (d > .5) {
 				let e = Math.min(1, (d - .5) / .5);
-				S(n, a, L.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(L.x, L.y, o, L.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", a, L.cy - 12), n.font = g.font, n.fillStyle = u.blue, n.fillText(K(_), a, L.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
+				C(n, a, F.cy, 44, u.blue, .2 * e), n.fillStyle = y(u.blue, .25 * e), n.strokeStyle = y(u.blue, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(F.x, F.y, o, F.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = g.font, n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", a, F.cy - 12), n.font = _.font, n.fillStyle = u.blue, n.fillText(K(h), a, F.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
 			R = requestAnimationFrame(z);
 		};
@@ -2731,8 +2734,8 @@ function en({ items: e = [], onItemClick: r, testID: i }) {
 				height: $t,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(E, {
-			...C,
+		}), /* @__PURE__ */ s(D, {
+			...x,
 			parentW: l,
 			parentH: $t
 		})]
@@ -2740,7 +2743,7 @@ function en({ items: e = [], onItemClick: r, testID: i }) {
 }
 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 = v(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 = y(o, s), e.fill();
 }
 //#endregion
 //#region src/components/horizontalBarChart/HorizontalBarChart.tsx
@@ -2761,38 +2764,38 @@ function dn(e, t) {
 	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: n = "$", onItemClick: r, testID: i }) {
-	let [l, d] = ee(nn), f = a(null), p = a(/* @__PURE__ */ new Map()), [m, _] = o(!1), y = a(e);
-	y.current = e;
+	let [l, d] = ee(nn), f = a(null), p = a(/* @__PURE__ */ new Map()), [m, h] = o(!1), v = a(e);
+	v.current = e;
 	let b = t((e, t) => {
-		let n = typeof t == "object" ? t.label ?? e : e, i = y.current.find((t) => t.id === e);
+		let n = typeof t == "object" ? t.label ?? e : e, i = v.current.find((t) => t.id === e);
 		r?.(e, n, i?.subentity);
-	}, [r]), x = e.filter((e) => e != null && typeof e.value == "number"), C = m ? x : x.slice(0, ln), w = C.length, T = Math.max(...x.map((e) => Math.abs(e.value)), 1), O = d - an.left - on - an.right, A = w * cn, M = an.top + an.bottom + A, { hoveredRef: N, tooltip: P, hitZonesRef: L } = D(f, {
+	}, [r]), x = e.filter((e) => e != null && typeof e.value == "number"), S = m ? x : x.slice(0, ln), w = S.length, T = Math.max(...x.map((e) => Math.abs(e.value)), 1), E = d - an.left - on - an.right, k = w * cn, j = an.top + an.bottom + k, { hoveredRef: N, tooltip: P, hitZonesRef: F } = O(f, {
 		width: d,
-		height: M,
+		height: j,
 		onClick: r ? b : void 0
 	});
-	return he(f, d, M, (e, t) => {
-		I(p.current, N.current), L.current = [], C.forEach((r, i) => {
-			let a = F(t, i, w, j), o = an.top + i * cn, s = o + (cn - sn) / 2, c = o + cn / 2, l = an.left + on, f = p.current.get(r.id) ?? 0, m = Math.abs(r.value) / T * O * a, _ = r.valueLabel ?? dn(r.value, n);
-			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), l - 8, c), k(L.current, r.id, 0, o, l, cn, {
+	return ge(f, d, j, (e, t) => {
+		L(p.current, N.current), F.current = [], S.forEach((r, i) => {
+			let a = I(t, i, w, M), o = an.top + i * cn, s = o + (cn - sn) / 2, c = o + cn / 2, l = an.left + on, f = p.current.get(r.id) ?? 0, m = Math.abs(r.value) / T * E * a, h = r.valueLabel ?? dn(r.value, n);
+			if (e.save(), e.font = g.font, e.fillStyle = f > 0 ? u.cyan : g.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(un(e, r.name, on - 16), l - 8, c), A(F.current, r.id, 0, o, l, cn, {
 				label: r.name,
-				value: _,
+				value: h,
 				color: u.cyan
-			}), e.fillStyle = v(u.cyan, .1), e.beginPath(), e.roundRect(l, s, O, sn, sn / 2), e.fill(), m > 0) {
-				f > 0 && S(e, l + m, s + sn / 2, m * .25, u.cyan, .14 * f);
+			}), e.fillStyle = y(u.cyan, .1), e.beginPath(), e.roundRect(l, s, E, sn, sn / 2), e.fill(), m > 0) {
+				f > 0 && C(e, l + m, s + sn / 2, m * .25, u.cyan, .14 * f);
 				let t = e.createLinearGradient(l, s, l + m, s);
-				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(l, s, m, sn, sn / 2), e.fill();
+				t.addColorStop(0, y(u.cyan, .2 + f * .05)), t.addColorStop(.55, y(u.cyan, .55 + f * .15)), t.addColorStop(1, y(u.cyan, .72 + f * .18)), e.fillStyle = t, e.beginPath(), e.roundRect(l, s, m, sn, sn / 2), e.fill();
 			}
-			f > 0 && m > 0 && (e.strokeStyle = v(u.cyan, .6 * f), e.lineWidth = 1, e.beginPath(), e.roundRect(l, s, m, sn, sn / 2), e.stroke()), a > .35 && (e.globalAlpha = Math.min(1, (a - .35) / .4), e.font = g.font, e.fillStyle = f > 0 ? u.cyan : g.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(_, d - 8, c)), e.restore(), k(L.current, r.id, l, o, Math.max(m, 1), cn, {
+			f > 0 && m > 0 && (e.strokeStyle = y(u.cyan, .6 * f), e.lineWidth = 1, e.beginPath(), e.roundRect(l, s, m, sn, sn / 2), e.stroke()), a > .35 && (e.globalAlpha = Math.min(1, (a - .35) / .4), e.font = _.font, e.fillStyle = f > 0 ? u.cyan : _.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(h, d - 8, c)), e.restore(), A(F.current, r.id, l, o, Math.max(m, 1), cn, {
 				label: r.name,
-				value: _,
+				value: h,
 				color: u.cyan
 			});
 		});
-	}, !0, { easing: j }), x.length === 0 ? /* @__PURE__ */ s("div", {
+	}, !0, { easing: M }), x.length === 0 ? /* @__PURE__ */ s("div", {
 		ref: l,
 		style: { width: "100%" },
-		children: /* @__PURE__ */ s(W, {
+		children: /* @__PURE__ */ s(G, {
 			width: d,
 			height: rn,
 			message: "No data available",
@@ -2810,20 +2813,20 @@ function fn({ rows: e, valuePrefix: n = "$", onItemClick: r, testID: i }) {
 				"aria-label": "Horizontal bar chart",
 				style: {
 					width: "100%",
-					height: M,
+					height: j,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(E, {
+			}), /* @__PURE__ */ s(D, {
 				...P,
 				parentW: d,
-				parentH: M
+				parentH: j
 			})]
 		}), x.length > ln && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(te, {
 				expanded: m,
-				onToggle: () => _((e) => !e),
+				onToggle: () => h((e) => !e),
 				"data-testid": i ? `${i}-toggle` : void 0
 			})
 		})]
@@ -2837,11 +2840,11 @@ function pn({ config: e, className: t, colorOffset: n = 0, onItemClick: r, selec
 		rows: e.rows,
 		className: t
 	});
-	if (e.type === Y.AREA) return /* @__PURE__ */ s(B, {
+	if (e.type === Y.AREA) return /* @__PURE__ */ s(V, {
 		rows: e.rows,
 		className: t
 	});
-	if (e.type === Y.BAR) return /* @__PURE__ */ s(U, {
+	if (e.type === Y.BAR) return /* @__PURE__ */ s(W, {
 		rows: e.rows,
 		className: t
 	});
@@ -2881,7 +2884,7 @@ function pn({ config: e, className: t, colorOffset: n = 0, onItemClick: r, selec
 		});
 	}
 	if (e.type === Y.MULTI_METRIC_CONSTELLATION) return /* @__PURE__ */ s(Ce, { items: e.items });
-	if (e.type === Y.PROGRESS_RACE) return /* @__PURE__ */ s(ce, {
+	if (e.type === Y.PROGRESS_RACE) return /* @__PURE__ */ s(ue, {
 		items: a || e.items,
 		itemsByEntity: e.itemsByEntity,
 		colorOffset: n,
@@ -2917,7 +2920,7 @@ function pn({ config: e, className: t, colorOffset: n = 0, onItemClick: r, selec
 	}
 	if (e.type === Y.SEMI_CIRCULAR_GAUGE) {
 		let t = Array.isArray(a) ? a[0] : void 0;
-		return /* @__PURE__ */ s(me, {
+		return /* @__PURE__ */ s(he, {
 			confirmed: t ? Number(t.confirmed ?? 0) : e.confirmed,
 			total: t ? Number(t.total ?? 1) : e.total,
 			label: e.label,
@@ -2928,7 +2931,7 @@ function pn({ config: e, className: t, colorOffset: n = 0, onItemClick: r, selec
 			subentity: e.subentity
 		});
 	}
-	return e.type === Y.SEGMENTED_SPLIT_BAR ? /* @__PURE__ */ s(Zt, {
+	if (e.type === Y.SEGMENTED_SPLIT_BAR) return /* @__PURE__ */ s(Zt, {
 		items: a || e.items,
 		itemsByEntity: e.itemsByEntity,
 		labelA: e.labelA,
@@ -2936,16 +2939,36 @@ function pn({ config: e, className: t, colorOffset: n = 0, onItemClick: r, selec
 		unit: e.unit,
 		onItemClick: r,
 		selectedId: o
-	}) : e.type === Y.BALANCE_SCALE ? /* @__PURE__ */ s(mt, {
-		left: e.left,
-		right: e.right,
-		leftTitle: e.leftTitle,
-		rightTitle: e.rightTitle,
-		unit: e.unit,
-		dataByEntity: e.dataByEntity,
-		onItemClick: r,
-		selectedId: o
-	}) : e.type === Y.AREA_LINE ? /* @__PURE__ */ s(_t, { points: e.points }) : e.type === Y.TREND_VIEW ? /* @__PURE__ */ s(Ot, {
+	});
+	if (e.type === Y.BALANCE_SCALE) {
+		let t = e.left, n = e.right;
+		if (a && !Array.isArray(a)) {
+			let e = a;
+			if (e.items?.length >= 2) {
+				let r = Number(e.items[0].count ?? 0), i = Number(e.items[1].count ?? 0);
+				t = {
+					value: r,
+					count: 1,
+					label: "£" + K(r, 2)
+				}, n = {
+					value: i,
+					count: 1,
+					label: "£" + K(i, 2)
+				};
+			}
+		}
+		return /* @__PURE__ */ s(mt, {
+			left: t,
+			right: n,
+			leftTitle: e.leftTitle,
+			rightTitle: e.rightTitle,
+			unit: e.unit,
+			dataByEntity: e.dataByEntity,
+			onItemClick: r,
+			selectedId: o
+		});
+	}
+	return e.type === Y.AREA_LINE ? /* @__PURE__ */ s(_t, { points: e.points }) : e.type === Y.TREND_VIEW ? /* @__PURE__ */ s(Ot, {
 		points: (a && !Array.isArray(a) ? a.points ?? [] : void 0) ?? e.points,
 		colorOffset: n
 	}) : e.type === Y.WEEKLY_FLOW ? /* @__PURE__ */ s(en, {
@@ -3825,121 +3848,130 @@ function Ln({ text: e }) {
 	});
 }
 //#endregion
+//#region src/assets/ArrowClockwise.svg
+var Rn = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3072_19126)'%3e%3cpath%20d='M14.375%208.125H18.125V4.375'%20stroke='%2369DFE9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M14.7188%2015C13.736%2015.9274%2012.5017%2016.5446%2011.1701%2016.7745C9.83859%2017.0044%208.46881%2016.8368%207.23196%2016.2926C5.99511%2015.7485%204.94602%2014.852%204.21579%2013.715C3.48556%2012.5781%203.10656%2011.2511%203.12615%209.90004C3.14574%208.54893%203.56304%207.23355%204.32593%206.11825C5.08881%205.00295%206.16344%204.13719%207.41555%203.62914C8.66765%203.12109%2010.0417%202.99329%2011.366%203.26169C12.6904%203.5301%2013.9062%204.18281%2014.8617%205.13828L18.125%208.125'%20stroke='%2369DFE9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3072_19126'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+//#endregion
 //#region src/components/visualizationGroup/VisualizationGroup.tsx
-function Rn(e) {
+function zn(e) {
 	return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-var zn = 56;
-function Bn({ items: e, colorOffset: r = 0, title: i, "data-testid": l }) {
-	let [u, d] = o(void 0), [f, p] = o(void 0), [m, h] = o(null), [g, _] = o(null), [v, y] = o(null), [b, x] = o(null), [S, C] = o(null), [w, T] = o(0), [E, D] = o(0), O = a(null);
+var Bn = 56;
+function Vn({ items: e, colorOffset: i = 0, title: l, "data-testid": u }) {
+	let [d, f] = o(void 0), [p, m] = o(void 0), [h, g] = o(null), [_, v] = o(null), [y, b] = o(null), [x, S] = o(null), [C, w] = o(null), [T, E] = o(0), [D, O] = o(0), k = a(null), A = a(null), j = a(null), M = a(null), N = a(null);
 	n(() => {
-		let e = O.current;
+		let e = k.current;
 		if (!e) return;
 		let t = (t) => {
-			let { centerClientY: n, centerClientX: r, sourceClientY: i } = t.detail, a = e.getBoundingClientRect();
-			y(n - a.top), x(r - a.left), C(i == null ? null : i - a.top), T(a.height), D(a.width);
+			let { centerClientY: n, centerClientX: r, sourceClientY: i } = t.detail, a = e.getBoundingClientRect(), o = t.target, s = o.getBoundingClientRect();
+			A.current = o, j.current = n - s.top, M.current = r - s.left, N.current = i == null ? null : i - s.top, b(n - a.top), S(r - a.left), w(i == null ? null : i - a.top), E(a.height), O(a.width);
 		};
 		return e.addEventListener("viz-item-click", t), () => e.removeEventListener("viz-item-click", t);
-	}, []);
-	let k = t((e, t, n, r) => {
+	}, []), r(() => {
+		if (!h || A.current === null || j.current === null) return;
+		let e = k.current;
+		if (!e) return;
+		let t = A.current.getBoundingClientRect(), n = e.getBoundingClientRect();
+		b(t.top - n.top + j.current), M.current !== null && S(t.left - n.left + M.current), N.current !== null && w(t.top - n.top + N.current), E(n.height), O(n.width);
+	}, [h]);
+	let P = t((e, t, n, r) => {
 		if (!(r != null && (!Array.isArray(r) || r.length > 0))) return;
-		let i = Rn(t);
-		d((t) => {
+		let i = zn(t);
+		f((t) => {
 			let a = t === i ? void 0 : i;
-			return p(a ? n : void 0), a ? (_(e), h(r)) : (h(null), _(null)), a;
+			return m(a ? n : void 0), a ? (v(e), g(r)) : (g(null), v(null)), a;
 		});
-	}, []), A = t(() => {
-		d(void 0), p(void 0), h(null), _(null), y(null), x(null), C(null);
-	}, []), j = g !== null && v !== null, M = v ?? w / 2, N = e.length - 1, P = E > 0 ? (E - N * zn) / e.length : null, F = (t) => j && g === t && e[t]?.type === Y.BALANCE_SCALE;
+	}, []), F = t(() => {
+		f(void 0), m(void 0), g(null), v(null), b(null), S(null), w(null), A.current = null, j.current = null, M.current = null, N.current = null;
+	}, []), I = _ !== null && y !== null, L = y ?? T / 2, R = e.length - 1, z = D > 0 ? (D - R * Bn) / e.length : null, B = (t) => I && _ === t && e[t]?.type === Y.BALANCE_SCALE, V = _ !== null && e[_]?.type === Y.BALANCE_SCALE && I && x !== null && C !== null && z !== null;
 	return /* @__PURE__ */ c("div", {
 		className: "viz-group",
-		"data-testid": l,
+		"data-testid": u,
 		children: [
-			i && /* @__PURE__ */ s("div", {
+			l && /* @__PURE__ */ s("div", {
 				className: "viz-group__title",
-				children: i
+				children: l
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "viz-group__bar",
-				children: u ? /* @__PURE__ */ s("button", {
+				children: d ? /* @__PURE__ */ c("button", {
 					type: "button",
 					className: "viz-group__reset-btn",
-					onClick: A,
+					onClick: F,
 					"aria-label": "Reset selection",
-					children: "✕ Reset"
+					children: [/* @__PURE__ */ s("img", {
+						src: Rn,
+						alt: "",
+						className: "viz-group__reset-icon"
+					}), "Reset"]
 				}) : /* @__PURE__ */ s("span", {
 					className: "viz-group__hint",
 					children: "↑ Click a row to drill down"
 				})
 			}),
-			/* @__PURE__ */ s("div", {
-				ref: O,
+			/* @__PURE__ */ c("div", {
+				ref: k,
 				className: "viz-group__charts",
-				children: e.flatMap((t, n) => {
-					let i = g === null ? n === e.length - 1 : n !== g, a = F(n) && b !== null && S !== null && P !== null, o = /* @__PURE__ */ c("div", {
-						className: `viz-group__chart viz-group__chart--${t.type}${i ? " viz-group__chart--listener" : ""}`,
-						children: [
-							i && /* @__PURE__ */ s("div", {
-								className: "viz-group__listener-label",
-								children: g === null ? null : f
-							}),
-							/* @__PURE__ */ s(pn, {
-								config: t,
-								colorOffset: r + n,
-								onItemClick: (e, t, r) => k(n, e, t, r),
-								selectedId: u,
-								listenerItems: n !== g && m ? m : void 0
-							}),
-							a && /* @__PURE__ */ c("svg", {
-								className: "viz-group__route-svg",
-								xmlns: "http://www.w3.org/2000/svg",
-								"aria-hidden": "true",
-								children: [/* @__PURE__ */ s("line", {
-									x1: b - 7,
-									y1: S,
-									x2: b + 7,
-									y2: S,
-									className: "viz-group__connector-tick"
-								}), /* @__PURE__ */ s("path", {
-									d: `M ${b} ${S} L ${b} ${M} H ${P}`,
-									className: "viz-group__connector-path"
-								})]
-							})
-						]
+				children: [e.flatMap((t, n) => {
+					let r = _ === null ? n === e.length - 1 : n !== _, a = B(n) && x !== null && C !== null && z !== null, o = /* @__PURE__ */ c("div", {
+						className: `viz-group__chart viz-group__chart--${t.type}${r ? " viz-group__chart--listener" : ""}`,
+						children: [r && /* @__PURE__ */ s("div", {
+							className: "viz-group__listener-label",
+							children: _ === null ? null : p
+						}), /* @__PURE__ */ s(pn, {
+							config: t,
+							colorOffset: i + n,
+							onItemClick: (e, t, r) => P(n, e, t, r),
+							selectedId: d,
+							listenerItems: n !== _ && h ? h : void 0
+						})]
 					}, n);
 					if (n === e.length - 1) return [o];
-					let l = g !== null && g > n, d = l ? -.7 : zn + .7, p = l ? zn - 2 : 2, h = `M ${p} ${M} H ${d}`;
+					let l = _ !== null && _ > n, u = l ? -.7 : Bn + .7, f = x !== null && z !== null ? x - z : l ? Bn + 20 : -20, m = `M ${a ? l ? Bn : 0 : f} ${L} H ${u}`;
 					return [o, /* @__PURE__ */ s("div", {
-						className: `viz-group__connector${j ? " viz-group__connector--active" : ""}`,
+						className: `viz-group__connector${I ? " viz-group__connector--active" : ""}`,
 						children: /* @__PURE__ */ c("svg", {
 							className: "viz-group__connector-svg",
 							xmlns: "http://www.w3.org/2000/svg",
 							"aria-hidden": "true",
 							children: [
 								!a && /* @__PURE__ */ s("line", {
-									x1: p,
-									y1: M - 7,
-									x2: p,
-									y2: M + 7,
+									x1: f,
+									y1: L - 7,
+									x2: f,
+									y2: L + 7,
 									className: "viz-group__connector-tick"
 								}),
 								/* @__PURE__ */ s("path", {
-									d: h,
+									d: m,
 									className: "viz-group__connector-path"
 								}),
 								/* @__PURE__ */ s("circle", {
-									cx: d,
-									cy: M,
+									cx: u,
+									cy: L,
 									r: "4",
 									className: "viz-group__connector-dot"
 								})
 							]
 						})
 					}, `connector-${n}`)];
-				})
+				}), V && /* @__PURE__ */ c("svg", {
+					className: "viz-group__route-svg",
+					xmlns: "http://www.w3.org/2000/svg",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ s("line", {
+						x1: x - 7,
+						y1: C,
+						x2: x + 7,
+						y2: C,
+						className: "viz-group__connector-tick"
+					}), /* @__PURE__ */ s("path", {
+						d: `M ${x} ${C} L ${x} ${L} H ${z}`,
+						className: "viz-group__connector-path"
+					})]
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { B as AreaChart, U as BarChart, m as CHART_PALETTE, l as ChartFrame, yn as DonutChart, d as GRAD, Pn as KeyHighlights, He as LineChart, Ge as MiniBars, p as PALETTE, et as PieChart, ut as ProcessSankey, dt as RankingSankey, f as SOLID, nt as SankeySvg, z as SeriesChart, Ln as Takeaway, Ot as Trend, Ht as TrendChart, Bn as VisualizationGroup, pn as VisualizationRenderer, gn as cleanupVisualizationMounts, _n as hydrateVisualizationMounts, vn as serializeVisualizationConfig };
+export { V as AreaChart, W as BarChart, h as CHART_PALETTE, l as ChartFrame, yn as DonutChart, d as GRAD, Pn as KeyHighlights, He as LineChart, Ge as MiniBars, p as PALETTE, et as PieChart, ut as ProcessSankey, dt as RankingSankey, f as SOLID, nt as SankeySvg, B as SeriesChart, Ln as Takeaway, Ot as Trend, Ht as TrendChart, Vn as VisualizationGroup, pn as VisualizationRenderer, gn as cleanupVisualizationMounts, _n as hydrateVisualizationMounts, vn as serializeVisualizationConfig };