@divami-artefacts/ai-design-system 1.0.19 → 1.0.21

package/dist/index.js

@@ -126,33 +126,33 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 		children: [
 			f && /* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 12,
+					fontSize: 14,
 					fontWeight: 400,
 					color: u.t2,
 					marginBottom: 3,
 					whiteSpace: "nowrap",
-					lineHeight: "18px"
+					lineHeight: "20px"
 				},
 				children: f
 			}),
 			/* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 14,
+					fontSize: 16,
 					fontWeight: 500,
 					color: u.t1,
 					whiteSpace: "nowrap",
-					lineHeight: "20px"
+					lineHeight: "22px"
 				},
 				children: p
 			}),
 			m && /* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 12,
+					fontSize: 14,
 					fontWeight: 400,
 					color: "var(--tooltip-accent)",
 					marginTop: 3,
 					whiteSpace: "nowrap",
-					lineHeight: "18px"
+					lineHeight: "20px"
 				},
 				children: m
 			})
@@ -878,92 +878,92 @@ function Ae({ data: e, "data-testid": t }) {
 }
 //#endregion
 //#region src/components/rankedCardLeaderboard/RankedCardLeaderboard.tsx
-var je = 780, H = 240, Me = 12, Ne = 10, Pe = [
+var H = 780, U = 240, je = 12, Me = 10, Ne = [
 	"Highest exposure",
 	"Elevated risk",
 	"Moderate exposure",
 	"Moderate exposure",
 	"Low exposure"
 ];
-function Fe({ items: e = [], "data-testid": t }) {
+function Pe({ items: e = [], "data-testid": t }) {
 	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: m, tooltip: g, hitZonesRef: _ } = w(r, {
-		width: je,
-		height: H
+		width: H,
+		height: U
 	}), b = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), S = b.reduce((e, t) => e + (t.count ?? 0), 0);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, je, H);
+		let t = v(e, H, U);
 		o.current = 0;
-		let n = Math.min(5, b.length), i = (je - 2 * Me - (n - 1) * Ne) / n, a = H * .84, s = H * .08, c, g = () => {
+		let n = Math.min(5, b.length), i = (H - 2 * je - 4 * Me) / 5, a = U * .84, s = U * .08, c = n * i + (n - 1) * Me, g = Math.round((H - c) / 2), C, w = () => {
 			o.current++;
 			let e = o.current;
-			t.clearRect(0, 0, je, H), t.letterSpacing = f.letterSpacing, _.current = [], l.current.forEach((e, t) => {
+			t.clearRect(0, 0, H, U), t.letterSpacing = f.letterSpacing, _.current = [], l.current.forEach((e, t) => {
 				let n = t === m.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);
 			}), m.current && !l.current.has(m.current) && l.current.set(m.current, 0), b.forEach((n, r) => {
-				let o = r === 0, c = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], m = Me + r * (i + Ne), g = l.current.get(n.id) ?? 0, v = g * 8, b = m - v / 2, x = i + v, C = o ? j(e, .04, 3e-4) * .06 + .06 : 0;
-				t.fillStyle = h(c, .08 + g * .07), t.beginPath(), t.roundRect(b, s, x, a, 6), t.fill(), t.strokeStyle = h(c, .2 + g * .4 + C), t.lineWidth = o ? 1.5 : 1, t.stroke(), (g > .01 || o) && y(t, b + x / 2, s + a / 2, x * .55, c, C + g * .14), t.font = p.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = h(c, .5 + g * .35), t.fillText(`#${r + 1}`, b + 7, s + 6);
+				let o = r === 0, c = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], f = g + r * (i + Me), m = l.current.get(n.id) ?? 0, v = m * 8, b = f - v / 2, x = i + v, C = o ? j(e, .04, 3e-4) * .06 + .06 : 0;
+				t.fillStyle = h(c, .08 + m * .07), t.beginPath(), t.roundRect(b, s, x, a, 6), t.fill(), t.strokeStyle = h(c, .2 + m * .4 + C), t.lineWidth = o ? 1.5 : 1, t.stroke(), (m > .01 || o) && y(t, b + x / 2, s + a / 2, x * .55, c, C + m * .14), t.font = p.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = h(c, .5 + m * .35), t.fillText(`#${r + 1}`, b + 7, s + 6);
 				let w = Math.min(i * .28, a * .32, 72), T = b + x / 2, D = s + a * .38, O = t.createRadialGradient(T, D - w * .2, 0, T, D, w);
-				O.addColorStop(0, h(c, .5 + g * .2)), O.addColorStop(1, h(c, .2 + g * .1)), t.beginPath(), t.arc(T, D, w, 0, Math.PI * 2), t.fillStyle = O, t.fill(), t.strokeStyle = h(c, .4 + g * .3), t.lineWidth = 1, t.stroke(), t.font = p.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(u.t1, .9), t.fillText(n.abbreviation ?? n.name.slice(0, 6), T, D), t.font = p.font, t.textBaseline = "alphabetic", t.fillStyle = h(c, .9 + g * .1), t.fillText(String(n.count ?? 0), T, s + a * .76), t.font = f.font, t.fillStyle = f.color, t.fillText("open EWs", T, s + a * .88);
-				let k = Math.round((n.count ?? 0) / (S || 1) * 100), A = Pe[r] ?? "Low exposure";
-				E(_.current, n.id, m, s, i, a, {
+				O.addColorStop(0, h(c, .5 + m * .2)), O.addColorStop(1, h(c, .2 + m * .1)), t.beginPath(), t.arc(T, D, w, 0, Math.PI * 2), t.fillStyle = O, t.fill(), t.strokeStyle = h(c, .4 + m * .3), t.lineWidth = 1, t.stroke(), t.font = p.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(u.t1, .9), t.fillText(n.abbreviation ?? n.name.slice(0, 6), T, D), t.font = p.font, t.textBaseline = "alphabetic", t.fillStyle = h(c, .9 + m * .1), t.fillText(String(n.count ?? 0), T, s + a * .76);
+				let k = Math.round((n.count ?? 0) / (S || 1) * 100), A = Ne[r] ?? "Low exposure";
+				E(_.current, n.id, f, s, i, a, {
 					label: n.name,
-					value: `${n.count ?? 0} open · ${k}% of total`,
+					value: `${n.count ?? 0} · ${k}% of total`,
 					sublabel: `Rank #${r + 1} · ${A}`,
 					color: c
 				});
-			}), x(t, je, H, e, .015), c = requestAnimationFrame(g);
+			}), x(t, H, U, e, .015), C = requestAnimationFrame(w);
 		};
-		return g(), () => cancelAnimationFrame(c);
+		return w(), () => cancelAnimationFrame(C);
 	}, [b, S]), b.length === 0 ? /* @__PURE__ */ s(I, {
-		width: je,
-		height: H,
+		width: H,
+		height: U,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: je,
-			height: H
+			width: H,
+			height: U
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
-			"aria-label": "Contractor rank — open EW count per contractor",
+			"aria-label": "Contractor rank — count per contractor",
 			style: {
-				width: je,
-				height: H,
+				width: H,
+				height: U,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(C, {
 			...g,
-			parentW: je,
-			parentH: H
+			parentW: H,
+			parentH: U
 		})]
 	});
 }
 //#endregion
 //#region src/components/dotMatrixChart/DotMatrixChart.tsx
-var U = 680, W = 260;
-function Ie({ items: e = [], "data-testid": t }) {
+var W = 680, G = 260;
+function Fe({ items: e = [], "data-testid": t }) {
 	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: p, hitZonesRef: m } = w(r, {
-		width: U,
-		height: W
+		width: W,
+		height: G
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, U, W);
+		let t = v(e, W, G);
 		o.current = 0;
-		let n = g.length, i = Math.max(...g.map((e) => e.count), 1), a = i, s = U * .05, c = W * .1, p = U * .9 / n, _ = W * .7 / a, S = g.reduce((e, t) => e + t.count, 0), C, w = () => {
+		let n = g.length, i = Math.max(...g.map((e) => e.count), 1), a = i, s = W * .05, c = G * .1, p = W * .9 / n, _ = G * .7 / a, S = g.reduce((e, t) => e + t.count, 0), C, w = () => {
 			o.current++;
 			let e = o.current;
-			t.clearRect(0, 0, U, W), m.current = [], l.current.forEach((e, t) => {
+			t.clearRect(0, 0, W, G), m.current = [], l.current.forEach((e, t) => {
 				let n = t === d.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? l.current.delete(t) : l.current.set(t, 1) : l.current.set(t, r);
-			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), b(t, U, W, e, 40, h(u.blue, .04)), g.forEach((n, r) => {
+			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), b(t, W, G, e, 40, h(u.blue, .04)), g.forEach((n, r) => {
 				let o = n.count === i, d = u.blue, g = l.current.get(`${n.category}-col`) ?? 0;
 				for (let u = 0; u < a; u++) {
 					let a = s + r * p + p / 2, f = c + u * _ + _ / 2, v = Math.min(p, _) * .38;
@@ -981,40 +981,40 @@ function Ie({ items: e = [], "data-testid": t }) {
 				}
 				let v = c + a * _ + 16;
 				t.font = f.font, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.blue : h(u.t2, .65), t.fillText(n.category, s + r * p + p / 2, v);
-			}), x(t, U, W, e, .015), C = requestAnimationFrame(w);
+			}), x(t, W, G, e, .015), C = requestAnimationFrame(w);
 		};
 		return w(), () => cancelAnimationFrame(C);
 	}, [g]), g.length === 0 ? /* @__PURE__ */ s(I, {
-		width: U,
-		height: W,
+		width: W,
+		height: G,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: U,
-			height: W
+			width: W,
+			height: G
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Early Warning count by category — breathing dot grid",
 			style: {
-				width: U,
-				height: W,
+				width: W,
+				height: G,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(C, {
 			...p,
-			parentW: U,
-			parentH: W
+			parentW: W,
+			parentH: G
 		})]
 	});
 }
 //#endregion
 //#region src/components/lineChart/LineChart.tsx
-function Le({ rows: e = [], className: t, colors: n }) {
+function Ie({ rows: e = [], className: t, colors: n }) {
 	return /* @__PURE__ */ s(ee, {
 		rows: e,
 		variant: "line",
@@ -1024,7 +1024,7 @@ function Le({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/constants.ts
-var Re = [
+var Le = [
 	"#4C93D9",
 	"#5DA537",
 	"#F3862C",
@@ -1032,7 +1032,7 @@ var Re = [
 	"#A0B724",
 	"#EEBF3B",
 	"#3C45D1"
-], ze = {
+], Re = {
 	nodes: [
 		{
 			id: "supplier-x",
@@ -1075,8 +1075,8 @@ var Re = [
 };
 //#endregion
 //#region src/components/miniBars/MiniBars.tsx
-function Be({ rows: e = [], className: t, colors: n }) {
-	let r = n?.slices ?? Re;
+function ze({ rows: e = [], className: t, colors: n }) {
+	let r = n?.slices ?? Le;
 	return /* @__PURE__ */ s("div", {
 		className: ["d3-mini-bars", t].filter(Boolean).join(" "),
 		children: e.map(([e, t, n], i) => /* @__PURE__ */ c("div", {
@@ -1102,7 +1102,7 @@ function Be({ rows: e = [], className: t, colors: n }) {
 							width: Math.max(0, Math.min(100, t)),
 							height: "12",
 							rx: "6",
-							className: `d3-mini-fill tone-${i % Re.length}`,
+							className: `d3-mini-fill tone-${i % Le.length}`,
 							fill: r[i % r.length]
 						})]
 					})
@@ -1114,24 +1114,24 @@ function Be({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
-var Ve = 680, He = 320, Ue = 60, We = 28;
-function Ge({ total: e = 0, items: t = [], "data-testid": r }) {
-	let o = a(null), l = a(/* @__PURE__ */ new Map()), m = a(0), g = i(() => t.filter((e) => typeof e == "object" && !!e), [t]), _ = i(() => Math.max(He, Ue + Math.max(0, g.length - 1) * We), [g.length]), { hoveredRef: b, tooltip: x, hitZonesRef: S } = w(o, {
-		width: Ve,
+var Be = 680, Ve = 320, He = 60, Ue = 28;
+function We({ total: e = 0, items: t = [], "data-testid": r }) {
+	let o = a(null), l = a(/* @__PURE__ */ new Map()), m = a(0), g = i(() => t.filter((e) => typeof e == "object" && !!e), [t]), _ = i(() => Math.max(Ve, He + Math.max(0, g.length - 1) * Ue), [g.length]), { hoveredRef: b, tooltip: x, hitZonesRef: S } = w(o, {
+		width: Be,
 		height: _
 	});
 	return n(() => {
 		let t = o.current;
 		if (!t) return;
-		let n = v(t, Ve, _);
+		let n = v(t, Be, _);
 		m.current = 0;
-		let r = _ / 2, i = Ve - 80, a = Math.max(...g.map((e) => e.count ?? 0)), s = (_ - 60) / (g.length - 1), c = g.map((e, t) => ({
+		let r = _ / 2, i = Be - 80, a = Math.max(...g.map((e) => e.count ?? 0)), s = (_ - 60) / (g.length - 1), c = g.map((e, t) => ({
 			x: i,
 			y: 30 + t * s
 		})), x, C = () => {
 			m.current++;
 			let t = m.current;
-			n.clearRect(0, 0, Ve, _), n.letterSpacing = f.letterSpacing;
+			n.clearRect(0, 0, Be, _), n.letterSpacing = f.letterSpacing;
 			let o = D(Math.min(t / 72, 1));
 			N(l.current, b.current), S.current = [], y(n, 88, r, 48 * o, u.blue, .15 * o), g.forEach((t, s) => {
 				let m = d[s % d.length], _ = M(o, s, g.length, D), v = c[s], b = l.current.get(t.id) ?? 0, x = Math.max(1.5, (t.count ?? 0) / a * 6);
@@ -1163,14 +1163,14 @@ function Ge({ total: e = 0, items: t = [], "data-testid": r }) {
 		g,
 		_
 	]), g.length === 0 ? /* @__PURE__ */ s(I, {
-		width: Ve,
-		height: He,
+		width: Be,
+		height: Ve,
 		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: Ve,
+			width: Be,
 			height: _
 		},
 		children: [/* @__PURE__ */ s("canvas", {
@@ -1178,34 +1178,34 @@ function Ge({ total: e = 0, items: t = [], "data-testid": r }) {
 			role: "img",
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
-				width: Ve,
+				width: Be,
 				height: _,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...x,
-			parentW: Ve,
+			parentW: Be,
 			parentH: _
 		})]
 	});
 }
 //#endregion
 //#region src/components/pieChart/PieChart.tsx
-var Ke = 192, qe = Ke, Je = Ke + 80;
-function Ye({ rows: e = [], variant: t, className: r, colors: i }) {
+var Ge = 192, Ke = Ge, qe = Ge + 80;
+function Je({ rows: e = [], variant: t, className: r, colors: i }) {
 	let o = a(null), f = a(/* @__PURE__ */ new Map()), p = a(0), m = i?.slices ?? d, { hoveredRef: g, tooltip: b, hitZonesRef: x } = w(o, {
-		width: qe,
-		height: Je
+		width: Ke,
+		height: qe
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = v(n, qe, Je);
+		let r = v(n, Ke, qe);
 		p.current = 0;
-		let i = qe / 2, a = Ke / 2, s = Ke * .4, c = t === "donut" ? Ke * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
+		let i = Ke / 2, a = Ge / 2, s = Ge * .4, c = t === "donut" ? Ge * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
 			p.current++;
 			let n = p.current;
-			r.clearRect(0, 0, qe, Je);
+			r.clearRect(0, 0, Ke, qe);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
 			N(f.current, g.current), x.current = [];
 			let v = -Math.PI / 2;
@@ -1219,10 +1219,10 @@ function Ye({ rows: e = [], variant: t, className: r, colors: i }) {
 				let O = j(n, .03, 3e-4), k = s + b * 6 + (b > 0 ? O * 2 : 0);
 				r.beginPath(), r.moveTo(i + Math.cos(v) * c, a + Math.sin(v) * c), r.arc(i, a, k, v, g), c > 0 ? r.arc(i, a, c, g, v, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = h(_, .7 + b * .2), r.fill(), r.strokeStyle = h(u.bg, .8), r.lineWidth = 1.5, r.stroke(), v = g;
 			}), t === "donut" && e.length > 0 && y(r, i, a, c * .8, u.blue, .06);
-			let S = Ke + 12;
+			let S = Ge + 12;
 			e.forEach((e, t) => {
 				let n = m[t % m.length], i = (e.pricing ?? 0) / l, a = f.current.get(e.id ?? `sl-${t}`) ?? 0, o = S + t * 18;
-				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = h(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = h(u.t2, .7 + a * .2), r.textAlign = "left", r.fillText(e.vendor, 18, o + 3.5), r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = _(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, qe - 4, o + 3.5);
+				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = h(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = h(u.t2, .7 + a * .2), r.textAlign = "left", r.fillText(e.vendor, 18, o + 3.5), r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = _(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, Ke - 4, o + 3.5);
 			}), d = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(d);
@@ -1236,30 +1236,30 @@ function Ye({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: qe,
-				height: Je
+				width: Ke,
+				height: qe
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: qe,
-					height: Je,
+					width: Ke,
+					height: qe,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
 				...b,
-				parentW: qe,
-				parentH: Je
+				parentW: Ke,
+				parentH: qe
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/sankey/SankeySvg.tsx
-function Xe(e, t, n, r) {
+function Ye(e, t, n, r) {
 	let i = new Set(t.map((e) => e.source)), a = new Set(t.map((e) => e.target)), o = /* @__PURE__ */ new Map(), s = [];
 	for (e.forEach((e) => {
 		i.has(e.id) && !a.has(e.id) && s.push({
@@ -1304,8 +1304,8 @@ function Xe(e, t, n, r) {
 		});
 	}), f;
 }
-function Ze({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f, selectedEntity: p, className: m, colors: g }) {
-	let _ = a(null), b = a(/* @__PURE__ */ new Map()), S = a(0), D = a([]), O = g?.nodes ?? d, k = g?.links ?? u.bd, A = g?.activeLinks ?? u.blue, M = g?.activeNodes ?? u.blue, P = i(() => Xe(e, t, r, o), [
+function Xe({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f, selectedEntity: p, className: m, colors: g }) {
+	let _ = a(null), b = a(/* @__PURE__ */ new Map()), S = a(0), D = a([]), O = g?.nodes ?? d, k = g?.links ?? u.bd, A = g?.activeLinks ?? u.blue, M = g?.activeNodes ?? u.blue, P = i(() => Ye(e, t, r, o), [
 		e,
 		t,
 		r,
@@ -1405,7 +1405,7 @@ function Ze({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 }
 //#endregion
 //#region src/canvas/CausalFlowCanvas.tsx
-var Qe = [
+var Ze = [
 	{
 		x: .13,
 		y: .48
@@ -1438,7 +1438,7 @@ var Qe = [
 		x: .92,
 		y: .22
 	}
-], $e = [
+], Qe = [
 	u.blue,
 	u.orange,
 	u.red,
@@ -1446,7 +1446,7 @@ var Qe = [
 	u.green,
 	u.amber,
 	u.t2
-], et = [
+], $e = [
 	26,
 	24,
 	24,
@@ -1456,21 +1456,21 @@ var Qe = [
 	22,
 	22
 ];
-function tt(e, t) {
+function et(e, t) {
 	let n = 1 - t;
 	return {
 		x: n * n * n * e.p0.x + 3 * n * n * t * e.p1.x + 3 * n * t * t * e.p2.x + t * t * t * e.p3.x,
 		y: n * n * n * e.p0.y + 3 * n * n * t * e.p1.y + 3 * n * t * t * e.p2.y + t * t * t * e.p3.y
 	};
 }
-function nt(e, t) {
+function tt(e, t) {
 	let n = 1 - t, r = 3 * n * n * (e.p1.x - e.p0.x) + 6 * n * t * (e.p2.x - e.p1.x) + 3 * t * t * (e.p3.x - e.p2.x), i = 3 * n * n * (e.p1.y - e.p0.y) + 6 * n * t * (e.p2.y - e.p1.y) + 3 * t * t * (e.p3.y - e.p2.y), a = Math.sqrt(r * r + i * i) || 1;
 	return {
 		x: -i / a,
 		y: r / a
 	};
 }
-function rt(e, t) {
+function nt(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return {
 		p0: {
@@ -1491,7 +1491,7 @@ function rt(e, t) {
 		}
 	};
 }
-function it({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
+function rt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
 	let d = a(null), f = a(0), p = a([]), { hoveredRef: m, tooltip: g, hitZonesRef: S } = w(d, {
 		width: r,
 		height: o
@@ -1499,15 +1499,15 @@ function it({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e, n) => t.set(e.id, n)), t;
 	}, [e]), O = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), k = (e) => O > 1 ? e / 100 : e, A = i(() => e.map((e, t) => {
-		let n = Qe[t % Qe.length];
+		let n = Ze[t % Ze.length];
 		return {
 			id: e.id,
 			label: e.name,
 			sub: e.valueLabel ?? "",
 			x: n.x * r,
 			y: n.y * o,
-			r: et[t % et.length],
-			color: $e[t % $e.length]
+			r: $e[t % $e.length],
+			color: Qe[t % Qe.length]
 		};
 	}), [
 		e,
@@ -1529,7 +1529,7 @@ function it({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 			if (t.clearRect(0, 0, r, o), S.current = [], b(t, r, o, e, 50, h(u.blue, .05)), M.forEach((e, n) => {
 				let r = A[e.fromIdx], i = A[e.toIdx];
 				if (!r || !i) return;
-				let a = !!l && (r.id === l || i.id === l), o = _(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = rt(r, i);
+				let a = !!l && (r.id === l || i.id === l), o = _(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = nt(r, i);
 				t.beginPath(), t.moveTo(d.p0.x, d.p0.y), t.bezierCurveTo(d.p1.x, d.p1.y, d.p2.x, d.p2.y, d.p3.x, d.p3.y), t.strokeStyle = h(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = h(o, c), t.lineWidth = 1.5, t.stroke();
 				for (let t = 0; t < e.conf * 2.5; t++) Math.random() < .45 && p.current.push({
 					edgeIdx: n,
@@ -1538,7 +1538,7 @@ function it({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 					off: (Math.random() - .5) * 13,
 					sz: .7 + Math.random() * 2
 				});
-				let f = tt(d, .5), m = `${Math.round(e.conf * 100)}%`;
+				let f = et(d, .5), m = `${Math.round(e.conf * 100)}%`;
 				t.font = "bold 12px 'JetBrains Mono', monospace", t.textBaseline = "middle";
 				let g = t.measureText(m).width + 14;
 				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(f.x - g / 2, f.y - 11, g, 22, 6), t.fill(), t.strokeStyle = h(u.blue, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = h(u.blue, .9), t.textAlign = "center", t.fillText(m, f.x, f.y);
@@ -1548,7 +1548,7 @@ function it({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 				if (!n) return !1;
 				let r = A[n.fromIdx], i = A[n.toIdx];
 				if (!r || !i) return !1;
-				let a = rt(r, i), o = tt(a, e.t), s = nt(a, e.t), c = o.x + s.x * e.off, l = o.y + s.y * e.off, u = Math.sin(e.t * Math.PI) * .7, d = _(r.color, i.color, e.t);
+				let a = nt(r, i), o = et(a, e.t), s = tt(a, e.t), c = o.x + s.x * e.off, l = o.y + s.y * e.off, u = Math.sin(e.t * Math.PI) * .7, d = _(r.color, i.color, e.t);
 				return y(t, c, l, e.sz * 3, d, u * .1), t.beginPath(), t.arc(c, l, e.sz, 0, Math.PI * 2), t.fillStyle = h(d, u), t.fill(), !0;
 			}), p.current.length > 350 && (p.current = p.current.slice(-350)), A.forEach((n, r) => {
 				let i = l === n.id, a = m.current === `node-${r}`, o = j(e, .03, 3e-4) * .1 + 1, s = n.r * o * (i ? 1.15 : 1);
@@ -1605,10 +1605,10 @@ function it({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 }
 //#endregion
 //#region src/components/sankey/ProcessSankey.tsx
-function at({ selectedEntity: e, colors: t }) {
-	return /* @__PURE__ */ s(it, {
-		nodes: ze.nodes,
-		links: ze.links,
+function it({ selectedEntity: e, colors: t }) {
+	return /* @__PURE__ */ s(rt, {
+		nodes: Re.nodes,
+		links: Re.links,
 		width: 960,
 		height: 280,
 		selectedEntity: e
@@ -1616,7 +1616,7 @@ function at({ selectedEntity: e, colors: t }) {
 }
 //#endregion
 //#region src/components/sankey/RankingSankey.tsx
-function ot({ rows: e = [], className: t, colors: n }) {
+function at({ rows: e = [], className: t, colors: n }) {
 	let { nodes: r, links: a } = i(() => {
 		let t = e.slice(0, 5);
 		return {
@@ -1634,7 +1634,7 @@ function ot({ rows: e = [], className: t, colors: n }) {
 			}))
 		};
 	}, [e]);
-	return /* @__PURE__ */ s(Ze, {
+	return /* @__PURE__ */ s(Xe, {
 		nodes: r,
 		links: a,
 		width: 760,
@@ -1646,20 +1646,20 @@ function ot({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/balanceScaleChart/BalanceScaleChart.tsx
-var st = 500, ct = 320;
-function lt({ left: e, right: t, "data-testid": r }) {
+var ot = 500, st = 320;
+function ct({ left: e, right: t, "data-testid": r }) {
 	let i = a(null), o = a(0);
 	return n(() => {
 		let n = i.current;
 		if (!n) return;
-		let r = v(n, st, ct);
+		let r = v(n, ot, st);
 		o.current = 0;
-		let a = st / 2, s = Math.max(e.value, t.value), c = (e.value - t.value) / s * 14, l, d = () => {
+		let a = ot / 2, s = Math.max(e.value, t.value), c = (e.value - t.value) / s * 14, l, d = () => {
 			o.current++;
 			let n = o.current;
-			r.clearRect(0, 0, st, ct), r.letterSpacing = f.letterSpacing;
+			r.clearRect(0, 0, ot, st), r.letterSpacing = f.letterSpacing;
 			let i = D(Math.min(n / 80, 1)), g = c * A(Math.min(n / 80, 1)) * Math.PI / 180;
-			r.strokeStyle = h(u.bd, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(a, 100), r.lineTo(a, ct - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
+			r.strokeStyle = h(u.bd, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(a, 100), r.lineTo(a, st - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
 			let _ = {
 				x: a - Math.cos(g) * 160,
 				y: 100 + Math.sin(-g) * 160
@@ -1685,23 +1685,23 @@ function lt({ left: e, right: t, "data-testid": r }) {
 				6
 			]), r.fill(), r.stroke(), r.strokeStyle = h(u.t2, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
 				r.beginPath(), r.moveTo(v.x + e, v.y + 4), r.lineTo(v.x + e, C), r.stroke();
-			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = p.font, r.fillStyle = u.amber, r.textAlign = "center", r.fillText(t.label, v.x, C + S + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Submitted", v.x, C + S + 32), r.fillText(`${t.count} quotations`, v.x, C + S + 44), r.globalAlpha = 1), i > .85 && Math.abs(c) > 1 && (r.globalAlpha = Math.min(1, (i - .85) / .15) * .6, r.font = m.font, r.fillStyle = m.color, r.textAlign = "center", r.fillText(`${Math.abs(c).toFixed(1)}° tilt toward accepted`, a, ct - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
+			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = p.font, r.fillStyle = u.amber, r.textAlign = "center", r.fillText(t.label, v.x, C + S + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Submitted", v.x, C + S + 32), r.fillText(`${t.count} quotations`, v.x, C + S + 44), r.globalAlpha = 1), i > .85 && Math.abs(c) > 1 && (r.globalAlpha = Math.min(1, (i - .85) / .15) * .6, r.font = m.font, r.fillStyle = m.color, r.textAlign = "center", r.fillText(`${Math.abs(c).toFixed(1)}° tilt toward accepted`, a, st - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
 		};
 		return d(), () => cancelAnimationFrame(l);
 	}, [e, t]), /* @__PURE__ */ s("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: st,
-			height: ct
+			width: ot,
+			height: st
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: i,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
-				width: st,
-				height: ct,
+				width: ot,
+				height: st,
 				display: "block"
 			}
 		})
@@ -1709,25 +1709,25 @@ function lt({ left: e, right: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/areaLineChart/AreaLineChart.tsx
-var ut = 680, G = 280;
-function dt({ points: e = [], "data-testid": t }) {
+var lt = 680, K = 280;
+function ut({ points: e = [], "data-testid": t }) {
 	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: m } = w(r, {
-		width: ut,
-		height: G
+		width: lt,
+		height: K
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, ut, G);
+		let t = v(e, lt, K);
 		l.current = 0;
-		let n = ut - 54 - 28, i = G - 30 - 54, a = Math.max(...g.map((e) => e.count), 1), s = g.length, c = s > 1 ? n / (s - 1) : n, p = g.map((e, t) => ({
+		let n = lt - 54 - 28, i = K - 30 - 54, a = Math.max(...g.map((e) => e.count), 1), s = g.length, c = s > 1 ? n / (s - 1) : n, p = g.map((e, t) => ({
 			x: 54 + t * c,
 			y: 30 + i - e.count / a * i,
 			point: e
 		})), _, b = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, ut, G), t.letterSpacing = f.letterSpacing;
+			t.clearRect(0, 0, lt, K), t.letterSpacing = f.letterSpacing;
 			let r = D(Math.min(e / 72, 1));
 			N(o.current, d.current), m.current = [], [
 				.25,
@@ -1737,7 +1737,7 @@ function dt({ points: e = [], "data-testid": t }) {
 			].forEach((e) => {
 				let r = 30 + i - e * i;
 				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(54, r), t.lineTo(54 + n, r), t.stroke(), t.setLineDash([]), t.font = f.font, t.fillStyle = f.color, t.textAlign = "right", t.fillText(String(Math.round(a * e)), 48, r + 3);
-			}), t.save(), t.translate(12, 30 + i / 2), t.rotate(-Math.PI / 2), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Submissions", 0, 0), t.restore(), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Week", 54 + n / 2, G - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(54, 30 + i), t.lineTo(54 + n, 30 + i), t.stroke();
+			}), t.save(), t.translate(12, 30 + i / 2), t.rotate(-Math.PI / 2), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Submissions", 0, 0), t.restore(), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Week", 54 + n / 2, K - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(54, 30 + i), t.lineTo(54 + n, 30 + i), t.stroke();
 			let c = r * (s - 1), g = Math.floor(c) + 1;
 			if (g >= 2) {
 				t.beginPath(), t.moveTo(p[0].x, 30 + i), t.lineTo(p[0].x, p[0].y);
@@ -1765,13 +1765,13 @@ function dt({ points: e = [], "data-testid": t }) {
 					color: u.blue
 				}), s > 0 && S(t, e.x, 30, 30 + i, h(u.blue, .15 * s));
 				let c = e.point.count === a;
-				(s > 0 || c) && y(t, e.x, e.y, 14, u.blue, (c ? .3 : 0) + s * .25), t.beginPath(), t.arc(e.x, e.y, s > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = f.font, t.fillStyle = u.blue, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = f.font, t.fillStyle = s > 0 ? u.blue : f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, G - 54 + 14);
+				(s > 0 || c) && y(t, e.x, e.y, 14, u.blue, (c ? .3 : 0) + s * .25), t.beginPath(), t.arc(e.x, e.y, s > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = f.font, t.fillStyle = u.blue, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = f.font, t.fillStyle = s > 0 ? u.blue : f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, K - 54 + 14);
 			}), _ = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(_);
 	}, [g]), g.length < 2 ? /* @__PURE__ */ s(I, {
-		width: ut,
-		height: G,
+		width: lt,
+		height: K,
 		"data-testid": t
 	}) : /* @__PURE__ */ s("div", {
 		"data-testid": t,
@@ -1783,64 +1783,64 @@ function dt({ points: e = [], "data-testid": t }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: ut,
-				height: G
+				width: lt,
+				height: K
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: r,
 				role: "img",
 				"aria-label": "Trend chart — count over time",
 				style: {
-					width: ut,
-					height: G,
+					width: lt,
+					height: K,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(C, {
 				...p,
-				parentW: ut,
-				parentH: G
+				parentW: lt,
+				parentH: K
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var ft = 680, K = 280, pt = 54, mt = 28, ht = 64, gt = f.font, _t = 12;
-function vt({ points: e = [], "data-testid": t }) {
+var dt = 680, q = 280, ft = 54, pt = 28, mt = 64, ht = f.font, gt = 12;
+function _t({ points: e = [], "data-testid": t }) {
 	let r = a(null), o = a(null), l = a(0), d = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = i(() => {
-		if (d.length <= 1) return ht;
+		if (d.length <= 1) return mt;
 		let e = document.createElement("canvas").getContext("2d");
-		if (!e) return ht;
-		e.font = gt;
+		if (!e) return mt;
+		e.font = ht;
 		let t = Math.max(...d.map((t) => e.measureText(t.week).width));
-		return Math.max(ht, t + _t);
-	}, [d]), m = Math.max(ft - pt, mt + Math.max(0, d.length - 1) * p), { tooltip: g, hitZonesRef: _ } = w(r, {
-		width: m,
-		height: K
+		return Math.max(mt, t + gt);
+	}, [d]), m = Math.round(p / 2), g = Math.max(dt - ft, pt + m + Math.max(0, d.length - 1) * p), { tooltip: _, hitZonesRef: y } = w(r, {
+		width: g,
+		height: q
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, m, K), n = o.current ? v(o.current, pt, K) : null;
+		let t = v(e, g, q), n = o.current ? v(o.current, ft, q) : null;
 		l.current = 0;
-		let i = m - mt, a = K - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, g = c > 1 ? Math.max(i / (c - 1), p) : i, y = d.map((e, t) => ({
-			x: t * g,
+		let i = g - pt, a = q - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, _ = c > 1 ? Math.max((i - m) / (c - 1), p) : i - m, b = d.map((e, t) => ({
+			x: m + t * _,
 			y: 30 + a - e.count / s * a,
 			point: e
 		}));
-		n && (n.clearRect(0, 0, pt, K), n.letterSpacing = f.letterSpacing, [
+		n && (n.clearRect(0, 0, ft, q), n.letterSpacing = f.letterSpacing, [
 			.25,
 			.5,
 			.75,
 			1
 		].forEach((e) => {
 			let t = 30 + a - e * a;
-			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(s * e)), pt - 6, t + 3);
+			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(s * e)), ft - 6, t + 3);
 		}), n.save(), n.translate(12, 30 + a / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore());
-		let b, x = () => {
+		let x, S = () => {
 			l.current++;
 			let e = Math.min(l.current / 72, 1), n = D(e);
-			t.clearRect(0, 0, m, K), t.letterSpacing = f.letterSpacing, [
+			t.clearRect(0, 0, g, q), t.letterSpacing = f.letterSpacing, [
 				.25,
 				.5,
 				.75,
@@ -1848,41 +1848,41 @@ function vt({ points: e = [], "data-testid": t }) {
 			].forEach((e) => {
 				let n = 30 + a - e * a;
 				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(0, n), t.lineTo(i, n), t.stroke(), t.setLineDash([]);
-			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", i / 2, K - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(0, 30 + a), t.lineTo(i, 30 + a), t.stroke();
+			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", m + (i - m) / 2, q - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(m, 30 + a), t.lineTo(i, 30 + a), t.stroke();
 			let r = n * (c - 1), o = Math.floor(r) + 1;
 			if (o >= 2) {
-				t.beginPath(), t.moveTo(y[0].x, 30 + a), t.lineTo(y[0].x, y[0].y);
+				t.beginPath(), t.moveTo(b[0].x, 30 + a), t.lineTo(b[0].x, b[0].y);
 				for (let e = 1; e < o; e++) {
-					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r) && n > 0, a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
+					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r) && n > 0, a = i ? b[e - 1].x + (b[e].x - b[e - 1].x) * n : b[e].x, s = i ? b[e - 1].y + (b[e].y - b[e - 1].y) * n : b[e].y;
 					t.lineTo(a, s);
 				}
-				t.lineTo(y[o - 1].x, 30 + a), t.closePath();
+				t.lineTo(b[o - 1].x, 30 + a), t.closePath();
 				let e = t.createLinearGradient(0, 30, 0, 30 + a);
 				e.addColorStop(0, h(u.blue, .22)), e.addColorStop(1, h(u.blue, .02)), t.fillStyle = e, t.fill();
 			}
 			t.beginPath();
 			for (let e = 0; e < o; e++) {
-				let n = r - Math.floor(r), i = e === o - 1 && e > 0 && e === Math.ceil(r) && n > 0, a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
+				let n = r - Math.floor(r), i = e === o - 1 && e > 0 && e === Math.ceil(r) && n > 0, a = i ? b[e - 1].x + (b[e].x - b[e - 1].x) * n : b[e].x, s = i ? b[e - 1].y + (b[e].y - b[e - 1].y) * n : b[e].y;
 				e === 0 ? t.moveTo(a, s) : t.lineTo(a, s);
 			}
-			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), _.current = [], y.forEach((e, n) => {
-				n >= o || (T(_.current, `pt-${n}`, e.x, e.y, 10, {
+			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), y.current = [], b.forEach((e, n) => {
+				n >= o || (T(y.current, `pt-${n}`, e.x, e.y, 10, {
 					label: e.point.week,
 					value: `${e.point.count} submissions`,
 					sublabel: `£${e.point.value}M value`,
 					color: u.blue
-				}), t.beginPath(), t.arc(e.x, e.y, 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, .8), t.fill(), t.font = gt, t.fillStyle = f.color, t.textAlign = n === 0 ? "left" : n === y.length - 1 ? "right" : "center", t.fillText(e.point.week, e.x, K - 54 + 14));
-			}), e < 1 && (b = requestAnimationFrame(x));
+				}), t.beginPath(), t.arc(e.x, e.y, 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, .8), t.fill(), t.font = ht, t.fillStyle = f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, q - 54 + 14));
+			}), e < 1 && (x = requestAnimationFrame(S));
 		};
-		return x(), () => cancelAnimationFrame(b);
+		return S(), () => cancelAnimationFrame(x);
 	}, [
 		d,
-		m,
+		g,
 		p,
-		_
+		y
 	]), d.length < 2 ? /* @__PURE__ */ s(I, {
-		width: ft,
-		height: K,
+		width: dt,
+		height: q,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
@@ -1895,8 +1895,8 @@ function vt({ points: e = [], "data-testid": t }) {
 			ref: o,
 			"aria-hidden": "true",
 			style: {
-				width: pt,
-				height: K,
+				width: ft,
+				height: q,
 				display: "block",
 				flexShrink: 0
 			}
@@ -1909,22 +1909,22 @@ function vt({ points: e = [], "data-testid": t }) {
 			children: /* @__PURE__ */ c("div", {
 				style: {
 					position: "relative",
-					width: m,
-					height: K
+					width: g,
+					height: q
 				},
 				children: [/* @__PURE__ */ s("canvas", {
 					ref: r,
 					role: "img",
 					"aria-label": "Trend chart — count over time",
 					style: {
-						width: m,
-						height: K,
+						width: g,
+						height: q,
 						display: "block"
 					}
 				}), /* @__PURE__ */ s(C, {
-					...g,
-					parentW: m,
-					parentH: K
+					..._,
+					parentW: g,
+					parentH: q
 				})]
 			})
 		})]
@@ -1932,38 +1932,38 @@ function vt({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/proportionalBandChart/ProportionalBandChart.tsx
-var q = 680, yt = 240;
-function bt(e, t, n) {
+var J = 680, vt = 240;
+function yt(e, t, n) {
 	if (e.measureText(t).width <= n) return t;
 	let r = t;
 	for (; r.length > 0 && e.measureText(`${r}…`).width > n;) r = r.slice(0, -1);
 	return `${r}…`;
 }
-var xt = {
+var bt = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
-function St({ severities: e = [], "data-testid": t }) {
+function xt({ severities: e = [], "data-testid": t }) {
 	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: m, hitZonesRef: g } = w(r, {
-		width: q,
-		height: yt
+		width: J,
+		height: vt
 	}), _ = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, q, yt);
+		let t = v(e, J, vt);
 		l.current = 0;
-		let n = _.reduce((e, t) => e + t.count, 0), i = q - 28 - 28, a = yt - 50 - 52, s = _.map((e) => e.count / n * i), c, m = () => {
+		let n = _.reduce((e, t) => e + t.count, 0), i = J - 28 - 28, a = vt - 50 - 52, s = _.map((e) => e.count / n * i), c, m = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, q, yt), t.letterSpacing = f.letterSpacing;
+			t.clearRect(0, 0, J, vt), t.letterSpacing = f.letterSpacing;
 			let r = O(Math.min(e / 60, 1));
-			N(o.current, d.current), g.current = [], t.strokeStyle = h(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(28, 50, i, a), t.stroke(), t.strokeStyle = h(u.t2, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(q / 2, 50), t.lineTo(q / 2, 50 + a), t.stroke(), t.setLineDash([]);
+			N(o.current, d.current), g.current = [], t.strokeStyle = h(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(28, 50, i, a), t.stroke(), t.strokeStyle = h(u.t2, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(J / 2, 50), t.lineTo(J / 2, 50 + a), t.stroke(), t.setLineDash([]);
 			let v = 28;
 			_.forEach((e, i) => {
-				let c = xt[e.severity] ?? u.blue, l = s[i];
+				let c = bt[e.severity] ?? u.blue, l = s[i];
 				l * r;
 				let d = o.current.get(e.severity) ?? 0, m = v + l / 2, _ = l * .85;
 				m - _ / 2;
@@ -1975,7 +1975,7 @@ function St({ severities: e = [], "data-testid": t }) {
 					color: c
 				}), r > .5) {
 					let i = Math.min(1, (r - .5) / .5), o = v + l / 2;
-					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? c : h(c, .9), t.textAlign = "center", t.fillText(bt(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
+					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? c : h(c, .9), t.textAlign = "center", t.fillText(yt(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
 				}
 				v += l;
 			});
@@ -1984,56 +1984,56 @@ function St({ severities: e = [], "data-testid": t }) {
 		};
 		return m(), () => cancelAnimationFrame(c);
 	}, [_]), _.length === 0 ? /* @__PURE__ */ s(I, {
-		width: q,
-		height: yt,
+		width: J,
+		height: vt,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: q,
-			height: yt
+			width: J,
+			height: vt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
-				width: q,
-				height: yt,
+				width: J,
+				height: vt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...m,
-			parentW: q,
-			parentH: yt
+			parentW: J,
+			parentH: vt
 		})]
 	});
 }
 //#endregion
 //#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
-var J = 460, Y = 300, Ct = {
+var Y = 460, St = 300, Ct = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
 function wt({ segments: e = [], title: t, "data-testid": r }) {
 	let o = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), { hoveredRef: m, tooltip: g, hitZonesRef: _ } = w(o, {
-		width: J,
-		height: Y
+		width: Y,
+		height: St
 	}), S = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = v(e, J, Y);
+		let t = v(e, Y, St);
 		l.current = 0;
-		let n = J * .5, r = Y * .54, i = J * .22, a = S.reduce((e, t) => e + t.count, 0), s = Math.max(...S.map((e) => e.count), 1), c, g = () => {
+		let n = Y * .5, r = St * .54, i = Y * .22, a = S.reduce((e, t) => e + t.count, 0), s = Math.max(...S.map((e) => e.count), 1), c, g = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, J, Y), t.letterSpacing = f.letterSpacing, _.current = [], d.current.forEach((e, t) => {
+			t.clearRect(0, 0, Y, St), t.letterSpacing = f.letterSpacing, _.current = [], d.current.forEach((e, t) => {
 				let n = t === m.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? d.current.delete(t) : d.current.set(t, 1) : d.current.set(t, r);
-			}), m.current && !d.current.has(m.current) && d.current.set(m.current, 0), b(t, J, Y, e, 40, h(u.blue, .04)), S.forEach((a, o) => {
+			}), m.current && !d.current.has(m.current) && d.current.set(m.current, 0), b(t, Y, St, e, 40, h(u.blue, .04)), S.forEach((a, o) => {
 				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, d = r + Math.sin(c) * i, f = Ct[a.status] ?? u.blue, m = 2 + a.count / s * 8;
 				t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = h(f, .08), t.lineWidth = m * 2, t.stroke(), t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = h(f, .25), t.lineWidth = 1, t.stroke();
 				let g = (e * .005 + o * .33) % 1, _ = n + (l - n) * g, v = r + (d - r) * g;
@@ -2058,34 +2058,34 @@ function wt({ segments: e = [], title: t, "data-testid": r }) {
 				label: "Total EW Status",
 				value: `${a} Early Warnings`,
 				color: u.t2
-			}), x(t, J, Y, e, .015), c = requestAnimationFrame(g);
+			}), x(t, Y, St, e, .015), c = requestAnimationFrame(g);
 		};
 		return g(), () => cancelAnimationFrame(c);
 	}, [S, t]), S.length === 0 ? /* @__PURE__ */ s(I, {
-		width: J,
-		height: Y,
+		width: Y,
+		height: St,
 		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: J,
-			height: Y
+			width: Y,
+			height: St
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: o,
 			role: "img",
 			"aria-label": t ?? "EW status arc visualization",
 			style: {
-				width: J,
-				height: Y,
+				width: Y,
+				height: St,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(C, {
 			...g,
-			parentW: J,
-			parentH: Y
+			parentW: Y,
+			parentH: St
 		})]
 	});
 }
@@ -2373,7 +2373,7 @@ function Lt(e, t, n, r, i, a, o, s) {
 //#endregion
 //#region src/components/visualizationRenderer/VisualizationRenderer.tsx
 function Rt({ config: e, className: t }) {
-	return e.type === "line" ? /* @__PURE__ */ s(Le, {
+	return e.type === "line" ? /* @__PURE__ */ s(Ie, {
 		rows: e.rows,
 		className: t
 	}) : e.type === "area" ? /* @__PURE__ */ s(te, {
@@ -2382,40 +2382,40 @@ function Rt({ config: e, className: t }) {
 	}) : e.type === "bar" ? /* @__PURE__ */ s(ie, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "pie" ? /* @__PURE__ */ s(Ye, {
+	}) : e.type === "pie" ? /* @__PURE__ */ s(Je, {
 		rows: e.rows,
 		variant: "pie",
 		className: t
-	}) : e.type === "donut" ? /* @__PURE__ */ s(Ye, {
+	}) : e.type === "donut" ? /* @__PURE__ */ s(Je, {
 		rows: e.rows,
 		variant: "donut",
 		className: t
-	}) : e.type === "sankey" ? /* @__PURE__ */ s(ot, {
+	}) : e.type === "sankey" ? /* @__PURE__ */ s(at, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "flow" ? /* @__PURE__ */ s(at, {
+	}) : e.type === "flow" ? /* @__PURE__ */ s(it, {
 		selectedEntity: e.selectedEntity,
 		className: t
 	}) : e.type === "trend" ? /* @__PURE__ */ s(Et, {
 		points: e.points,
 		className: t
-	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(Be, {
+	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(ze, {
 		rows: e.rows,
 		className: t
 	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Ae, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Ce, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(wt, {
 		segments: e.segments,
 		title: e.title
-	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Ie, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(St, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(Ge, {
+	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(xt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(We, {
 		total: e.total,
 		items: e.items
 	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(he, {
 		value: e.value,
 		confirmed: e.confirmed,
 		total: e.total
-	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Nt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(lt, {
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Nt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ct, {
 		left: e.left,
 		right: e.right
-	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(dt, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(vt, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(It, { items: e.items }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ut, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(_t, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(It, { items: e.items }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
@@ -2452,7 +2452,7 @@ function Ut(e) {
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
 function Wt({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(Ye, {
+	return /* @__PURE__ */ s(Je, {
 		rows: e,
 		variant: "donut",
 		className: t,
@@ -3256,7 +3256,7 @@ var ln = "'Satoshi Variable', 'DM Sans', sans-serif", un = {
 function dn({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
-			padding: "8px 12px",
+			padding: "8px 0px",
 			border: "transparent",
 			borderRadius: 5,
 			background: "transparent"
@@ -3278,4 +3278,4 @@ function dn({ text: e }) {
 	});
 }
 //#endregion
-export { te as AreaChart, ie as BarChart, l as ChartFrame, Wt as DonutChart, cn as KeyHighlights, Le as LineChart, Be as MiniBars, Ye as PieChart, at as ProcessSankey, ot as RankingSankey, Ze as SankeySvg, ee as SeriesChart, dn as Takeaway, vt as Trend, Et as TrendChart, Rt as VisualizationRenderer, Vt as cleanupVisualizationMounts, Ht as hydrateVisualizationMounts, Ut as serializeVisualizationConfig };
+export { te as AreaChart, ie as BarChart, l as ChartFrame, Wt as DonutChart, cn as KeyHighlights, Ie as LineChart, ze as MiniBars, Je as PieChart, it as ProcessSankey, at as RankingSankey, Xe as SankeySvg, ee as SeriesChart, dn as Takeaway, _t as Trend, Et as TrendChart, Rt as VisualizationRenderer, Vt as cleanupVisualizationMounts, Ht as hydrateVisualizationMounts, Ut as serializeVisualizationConfig };