drizzle-cube 0.4.53 → 0.5.0

package/dist/client/chunks/{chart-line-B5_WntY5.js → chart-line-CBsTThTv.js}

@@ -1,36 +1,36 @@
 import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
-import { D as t, S as n, _ as r, i, n as a, x as o, y as s } from "./chart-activity-grid-DLktOINm.js";
-import { a as c, c as l, l as u, o as d, s as f } from "./chart-area-BwYaflNk.js";
-import p, { useMemo as m, useState as h } from "react";
-import { Fragment as ee, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CartesianGrid as v, Legend as te, Line as y, LineChart as b, XAxis as x, YAxis as S } from "recharts";
+import { D as t, S as n, _ as r, i, k as a, n as o, x as s, y as c } from "./chart-activity-grid-CWT0gLv4.js";
+import { a as l, c as u, l as d, o as f, s as p } from "./chart-area-D63kG8OT.js";
+import m, { useMemo as h, useState as g } from "react";
+import { Fragment as ee, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { CartesianGrid as y, Legend as b, Line as x, LineChart as S, XAxis as C, YAxis as w } from "recharts";
 //#region src/client/utils/comparisonUtils.ts
-function C(e) {
+function T(e) {
 	return e.length > 0 && "__periodIndex" in e[0];
 }
-function w(e) {
-	if (!C(e)) return [];
+function E(e) {
+	if (!T(e)) return [];
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) n.__period && t.add(n.__period);
 	return Array.from(t);
 }
-function T(e) {
-	if (!C(e)) return [];
+function D(e) {
+	if (!T(e)) return [];
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) typeof n.__periodIndex == "number" && t.add(n.__periodIndex);
 	return Array.from(t).sort((e, t) => e - t);
 }
-function E(e, t) {
+function O(e, t) {
 	return t === 0 ? "Current" : "Prior";
 }
-function D(e, t, n) {
-	if (!C(e)) return {
+function k(e, t, n) {
+	if (!T(e)) return {
 		data: e,
 		seriesKeys: t
 	};
-	let r = w(e), i = [];
+	let r = E(e), i = [];
 	for (let e of t) for (let t = 0; t < r.length; t++) {
-		let n = `${e} (${E(r[t], t)})`;
+		let n = `${e} (${O(r[t], t)})`;
 		i.push(n);
 	}
 	return {
@@ -38,7 +38,7 @@ function D(e, t, n) {
 		seriesKeys: i
 	};
 }
-function O(e, t, n) {
+function A(e, t, n) {
 	if (e.length === 0) return [];
 	let r = [
 		"__period",
@@ -48,19 +48,19 @@ function O(e, t, n) {
 	for (let e of Object.keys(i)) !t.includes(e) && e !== n && !r.includes(e) && a.push(e);
 	return a;
 }
-function k(e, t) {
+function j(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t) n.set(e, /* @__PURE__ */ new Set());
 	for (let r of e) for (let e of t) r[e] !== void 0 && r[e] !== null && n.get(e).add(r[e]);
 	return n;
 }
-function A(e, t, n, r) {
-	if (!C(e)) return {
+function M(e, t, n, r) {
+	if (!T(e)) return {
 		data: e,
 		seriesKeys: t,
 		xAxisKey: n
 	};
-	let i = w(e), a = T(e), o = O(e, t, n), s = o.length > 0, c = s ? k(e, o) : null, l = /* @__PURE__ */ new Map();
+	let i = E(e), a = D(e), o = A(e, t, n), s = o.length > 0, c = s ? j(e, o) : null, l = /* @__PURE__ */ new Map();
 	for (let a of e) {
 		let e = a.__periodDayIndex, c = a.__periodIndex;
 		l.has(e) || l.set(e, {
@@ -74,7 +74,7 @@ function A(e, t, n, r) {
 			let t = a[e];
 			return r ? r(String(t)) : String(t);
 		}).join(" / "));
-		let f = E(i[c] || "", c);
+		let f = O(i[c] || "", c);
 		for (let e of t) {
 			let t = r ? r(e) : e, n = d ? `${d} - ${t} (${f})` : `${t} (${f})`;
 			u[n] = a[e];
@@ -82,18 +82,18 @@ function A(e, t, n, r) {
 	}
 	let u = Array.from(l.values()).sort((e, t) => e.__periodDayIndex - t.__periodDayIndex), d = [];
 	if (s && c) {
-		let e = j(o, c, r);
+		let e = N(o, c, r);
 		for (let n of e) for (let e of t) {
 			let t = r ? r(e) : e;
 			for (let e = 0; e < a.length; e++) {
-				let r = E(i[e] || "", e);
+				let r = O(i[e] || "", e);
 				d.push(`${n} - ${t} (${r})`);
 			}
 		}
 	} else for (let e of t) {
 		let t = r ? r(e) : e;
 		for (let e = 0; e < a.length; e++) {
-			let n = E(i[e] || "", e);
+			let n = O(i[e] || "", e);
 			d.push(`${t} (${n})`);
 		}
 	}
@@ -103,7 +103,7 @@ function A(e, t, n, r) {
 		xAxisKey: "__periodDayIndex"
 	};
 }
-function j(e, t, n) {
+function N(e, t, n) {
 	if (e.length === 0) return [];
 	if (e.length === 1) return Array.from(t.get(e[0]) || []).map((e) => n ? n(String(e)) : String(e));
 	let r = [], i = e.map((e) => Array.from(t.get(e) || []));
@@ -117,7 +117,7 @@ function j(e, t, n) {
 	}
 	return a(0, []), r;
 }
-function M(e, t, n) {
+function P(e, t, n) {
 	if (n?.showDayNumber) return `Day ${e + 1}`;
 	if (t) {
 		let e = typeof t == "string" ? new Date(t) : t;
@@ -128,15 +128,15 @@ function M(e, t, n) {
 	}
 	return `${e + 1}`;
 }
-function N(e, t) {
+function F(e, t) {
 	if (t.length < 2) return !1;
 	for (let n = 1; n < t.length; n++) {
-		let r = E(t[n], n);
+		let r = O(t[n], n);
 		if (e.includes(`(${r})`)) return !0;
 	}
 	return e.includes("(Prior");
 }
-function P(e = "dashed") {
+function I(e = "dashed") {
 	switch (e) {
 		case "solid": return;
 		case "dashed": return "5 5";
@@ -146,131 +146,131 @@ function P(e = "dashed") {
 }
 //#endregion
 //#region src/client/components/charts/LineChart.tsx
-var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e, chartConfig: p, displayConfig: T = {}, queryObject: E, height: D = "100%", colorPalette: O, onDataPointClick: k, drillEnabled: j }) {
-	let [M, F] = h(null), I = r(), L = m(() => p?.yAxis ? Array.isArray(p.yAxis) ? p.yAxis : [p.yAxis] : p?.y ? Array.isArray(p.y) ? p.y : [p.y] : [], [p?.yAxis, p?.y]), R = m(() => p?.yAxisAssignment || {}, [p?.yAxisAssignment]), z = m(() => {
+var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e, chartConfig: m, displayConfig: D = {}, queryObject: O, height: k = "100%", colorPalette: A, onDataPointClick: j, drillEnabled: N }) {
+	let { t: P } = a(), [L, R] = g(null), z = r(), B = h(() => m?.yAxis ? Array.isArray(m.yAxis) ? m.yAxis : [m.yAxis] : m?.y ? Array.isArray(m.y) ? m.y : [m.y] : [], [m?.yAxis, m?.y]), V = h(() => m?.yAxisAssignment || {}, [m?.yAxisAssignment]), H = h(() => {
 		let e = {};
-		return L.forEach((t) => {
-			let n = I(t);
+		return B.forEach((t) => {
+			let n = z(t);
 			e[n] = t;
 		}), e;
-	}, [L, I]);
+	}, [B, z]);
 	try {
 		let r = {
-			showLegend: T?.showLegend ?? !0,
-			showGrid: T?.showGrid ?? !0,
-			showTooltip: T?.showTooltip ?? !0,
-			connectNulls: T?.connectNulls ?? !1
-		}, m = T?.leftYAxisFormat, h = T?.rightYAxisFormat;
-		if (!e || e.length === 0) return /* @__PURE__ */ g("div", {
+			showLegend: D?.showLegend ?? !0,
+			showGrid: D?.showGrid ?? !0,
+			showTooltip: D?.showTooltip ?? !0,
+			connectNulls: D?.connectNulls ?? !1
+		}, a = D?.leftYAxisFormat, h = D?.rightYAxisFormat;
+		if (!e || e.length === 0) return /* @__PURE__ */ _("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: D },
-			children: /* @__PURE__ */ _("div", {
+			style: { height: k },
+			children: /* @__PURE__ */ v("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "No data available"
-				}), /* @__PURE__ */ g("div", {
+					children: P("chart.runtime.noData")
+				}), /* @__PURE__ */ _("div", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "No data points to display in line chart"
+					children: P("chart.runtime.noDataHint.line")
 				})]
 			})
 		});
-		let B, V = [];
-		if (p?.xAxis && p?.yAxis) B = Array.isArray(p.xAxis) ? p.xAxis[0] : p.xAxis, V = p.series || [];
-		else if (p?.x && p?.y) B = p.x;
-		else return /* @__PURE__ */ g("div", {
+		let g, U = [];
+		if (m?.xAxis && m?.yAxis) g = Array.isArray(m.xAxis) ? m.xAxis[0] : m.xAxis, U = m.series || [];
+		else if (m?.x && m?.y) g = m.x;
+		else return /* @__PURE__ */ _("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: D },
-			children: /* @__PURE__ */ _("div", {
+			style: { height: k },
+			children: /* @__PURE__ */ v("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "Configuration Error"
-				}), /* @__PURE__ */ g("div", {
+					children: P("chart.runtime.configError")
+				}), /* @__PURE__ */ _("div", {
 					className: "dc:text-xs",
-					children: "Invalid or missing chart axis configuration"
+					children: P("chart.runtime.configErrorHint.axisInvalid")
 				})]
 			})
 		});
-		if (!B || L.length === 0) return /* @__PURE__ */ g("div", {
+		if (!g || B.length === 0) return /* @__PURE__ */ _("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: D },
-			children: /* @__PURE__ */ _("div", {
+			style: { height: k },
+			children: /* @__PURE__ */ v("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "Configuration Error"
-				}), /* @__PURE__ */ g("div", {
+					children: P("chart.runtime.configError")
+				}), /* @__PURE__ */ _("div", {
 					className: "dc:text-xs",
-					children: "Missing required X-axis or Y-axis fields"
+					children: P("chart.runtime.configErrorHint.axisFields")
 				})]
 			})
 		});
-		let H = C(e), U = T?.priorPeriodStyle || "dashed", W = T?.priorPeriodOpacity ?? .5, ne = H ? w(e) : [], G, K, q = "name";
-		if (H) {
-			let t = A(e, L, B, I);
+		let W = T(e), te = D?.priorPeriodStyle || "dashed", ne = D?.priorPeriodOpacity ?? .5, re = W ? E(e) : [], G, K, q = "name";
+		if (W) {
+			let t = M(e, B, g, z);
 			G = t.data, K = t.seriesKeys, q = "__periodDayIndex";
 		} else {
-			let n = t(e, B, L, E, V, I);
+			let n = t(e, g, B, O, U, z);
 			G = n.data, K = n.seriesKeys;
 		}
 		let J = (e) => {
-			if (z[e]) return z[e];
+			if (H[e]) return H[e];
 			if (e.length > 1e3) return;
 			let t = e.replace(/\s*\((Current|Prior)\)$/, "").split(" - ");
-			return z[t[t.length - 1]];
-		}, Y = L.some((e) => R[e] === "right"), X = L.filter((e) => (R[e] || "left") === "left"), Z = L.filter((e) => R[e] === "right"), re = r.showLegend, ie = {
+			return H[t[t.length - 1]];
+		}, Y = B.some((e) => V[e] === "right"), X = B.filter((e) => (V[e] || "left") === "left"), Z = B.filter((e) => V[e] === "right"), ie = r.showLegend, ae = {
 			...i,
 			left: 40,
 			right: Y ? 40 : 20
-		}, Q = d(c(T?.target || ""), G.length), $ = G;
+		}, Q = f(l(D?.target || ""), G.length), $ = G;
 		return Q.length > 0 && ($ = G.map((e, t) => ({
 			...e,
 			__target: Q[t] || null
-		}))), !G || G.length === 0 ? /* @__PURE__ */ g("div", {
+		}))), !G || G.length === 0 ? /* @__PURE__ */ _("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: D },
-			children: /* @__PURE__ */ _("div", {
+			style: { height: k },
+			children: /* @__PURE__ */ v("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "No valid data"
-				}), /* @__PURE__ */ g("div", {
+					children: P("chart.runtime.noValidData")
+				}), /* @__PURE__ */ _("div", {
 					className: "dc:text-xs text-dc-text-secondary",
 					children: "No valid data points for line chart after transformation"
 				})]
 			})
-		}) : /* @__PURE__ */ g(u, {
-			height: D,
-			children: /* @__PURE__ */ _(b, {
+		}) : /* @__PURE__ */ _(d, {
+			height: k,
+			children: /* @__PURE__ */ v(S, {
 				data: $,
-				margin: ie,
+				margin: ae,
 				accessibilityLayer: !1,
 				children: [
-					r.showGrid && /* @__PURE__ */ g(v, {
+					r.showGrid && /* @__PURE__ */ _(y, {
 						strokeDasharray: "3 3",
 						style: { pointerEvents: "none" }
 					}),
-					/* @__PURE__ */ g(x, {
+					/* @__PURE__ */ _(C, {
 						dataKey: q,
 						type: "category",
-						tick: /* @__PURE__ */ g(f, { tickFormatter: H ? (e, t) => {
+						tick: /* @__PURE__ */ _(p, { tickFormatter: W ? (e, t) => {
 							let r = G[t];
 							if (r?.__displayDate) {
-								let e = n(E, B);
-								return o(r.__displayDate, e);
+								let e = n(O, g);
+								return s(r.__displayDate, e);
 							}
 							return `Period ${Number(e) + 1}`;
 						} : void 0 }),
 						height: 60
 					}),
-					/* @__PURE__ */ g(S, {
+					/* @__PURE__ */ _(w, {
 						yAxisId: "left",
 						orientation: "left",
 						tick: { fontSize: 12 },
-						tickFormatter: m ? (e) => s(e, m) : void 0,
+						tickFormatter: a ? (e) => c(e, a) : void 0,
 						label: X.length > 0 ? {
-							value: m?.label || I(X[0]),
+							value: a?.label || z(X[0]),
 							angle: -90,
 							position: "left",
 							style: {
@@ -279,13 +279,13 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 							}
 						} : void 0
 					}),
-					Y && /* @__PURE__ */ g(S, {
+					Y && /* @__PURE__ */ _(w, {
 						yAxisId: "right",
 						orientation: "right",
 						tick: { fontSize: 12 },
-						tickFormatter: h ? (e) => s(e, h) : void 0,
+						tickFormatter: h ? (e) => c(e, h) : void 0,
 						label: Z.length > 0 ? {
-							value: h?.label || I(Z[0]),
+							value: h?.label || z(Z[0]),
 							angle: 90,
 							position: "right",
 							style: {
@@ -294,25 +294,25 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 							}
 						} : void 0
 					}),
-					r.showTooltip && /* @__PURE__ */ g(l, {
+					r.showTooltip && /* @__PURE__ */ _(u, {
 						formatter: (e, t) => {
 							if (e == null) return ["No data", t];
-							if (t === "Target") return [s(e, m), "Target Value"];
+							if (t === "Target") return [c(e, a), "Target Value"];
 							let n = J(t);
-							return [s(e, (n && R[n] === "right" ? "right" : "left") == "right" ? h : m), t];
+							return [c(e, (n && V[n] === "right" ? "right" : "left") == "right" ? h : a), t];
 						},
-						labelFormatter: H ? (e, t) => {
+						labelFormatter: W ? (e, t) => {
 							if (t && t.length > 0) {
 								let e = t[0]?.payload;
 								if (e?.__displayDate) {
-									let t = n(E, B);
-									return o(e.__displayDate, t);
+									let t = n(O, g);
+									return s(e.__displayDate, t);
 								}
 							}
 							return `Period ${Number(e) + 1}`;
 						} : void 0
 					}),
-					re && /* @__PURE__ */ g(te, {
+					ie && /* @__PURE__ */ _(b, {
 						wrapperStyle: {
 							fontSize: "12px",
 							paddingTop: "25px"
@@ -322,23 +322,23 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 						layout: "horizontal",
 						align: "center",
 						verticalAlign: "bottom",
-						onMouseEnter: (e) => F(String(e.dataKey || "")),
-						onMouseLeave: () => F(null)
+						onMouseEnter: (e) => R(String(e.dataKey || "")),
+						onMouseLeave: () => R(null)
 					}),
 					K.map((e, t) => {
-						let n = J(e), i = n && R[n] === "right" ? "right" : "left", o = H && N(e, ne), s = o ? P(U) : void 0, c = o ? W : 1, l = O?.colors && O.colors[t % O.colors.length] || a[t % a.length];
-						return /* @__PURE__ */ g(y, {
+						let n = J(e), i = n && V[n] === "right" ? "right" : "left", a = W && F(e, re), s = a ? I(te) : void 0, c = a ? ne : 1, l = A?.colors && A.colors[t % A.colors.length] || o[t % o.length];
+						return /* @__PURE__ */ _(x, {
 							type: "monotone",
 							dataKey: e,
 							yAxisId: i,
 							stroke: l,
-							strokeWidth: o ? 1.5 : 2,
+							strokeWidth: a ? 1.5 : 2,
 							strokeDasharray: s,
-							dot: o ? !1 : (t) => {
+							dot: a ? !1 : (t) => {
 								let { cx: r, cy: i, payload: a, key: o } = t;
 								if (r === void 0 || i === void 0) return null;
 								let s = (t) => {
-									t.stopPropagation(), t.preventDefault(), k && k({
+									t.stopPropagation(), t.preventDefault(), j && j({
 										dataPoint: a,
 										clickedField: n || e,
 										xValue: a.name,
@@ -349,13 +349,13 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 										nativeEvent: t
 									});
 								};
-								return j && k ? /* @__PURE__ */ _("g", { children: [/* @__PURE__ */ g("circle", {
+								return N && j ? /* @__PURE__ */ v("g", { children: [/* @__PURE__ */ _("circle", {
 									cx: r,
 									cy: i,
 									r: 6,
 									fill: "var(--dc-surface)",
 									style: { pointerEvents: "none" }
-								}), /* @__PURE__ */ g("circle", {
+								}), /* @__PURE__ */ _("circle", {
 									cx: r,
 									cy: i,
 									r: 4,
@@ -366,7 +366,7 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 									onClick: (e) => {
 										s(e);
 									}
-								})] }, o) : /* @__PURE__ */ g("circle", {
+								})] }, o) : /* @__PURE__ */ _("circle", {
 									cx: r,
 									cy: i,
 									r: 3,
@@ -374,11 +374,11 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 								}, o);
 							},
 							activeDot: !1,
-							strokeOpacity: M ? M === e ? 1 : .3 : c,
+							strokeOpacity: L ? L === e ? 1 : .3 : c,
 							connectNulls: r.connectNulls
 						}, e);
 					}),
-					Q.length > 0 && /* @__PURE__ */ _(ee, { children: [/* @__PURE__ */ g(y, {
+					Q.length > 0 && /* @__PURE__ */ v(ee, { children: [/* @__PURE__ */ _(x, {
 						type: "monotone",
 						dataKey: "__target",
 						yAxisId: "left",
@@ -387,7 +387,7 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 						dot: !1,
 						activeDot: !1,
 						connectNulls: !1
-					}), /* @__PURE__ */ g(y, {
+					}), /* @__PURE__ */ _(x, {
 						type: "monotone",
 						dataKey: "__target",
 						yAxisId: "left",
@@ -403,23 +403,23 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 			})
 		});
 	} catch (e) {
-		return /* @__PURE__ */ g("div", {
+		return /* @__PURE__ */ _("div", {
 			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: D },
-			children: /* @__PURE__ */ _("div", {
+			style: { height: k },
+			children: /* @__PURE__ */ v("div", {
 				className: "dc:text-center",
 				children: [
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: "Line Chart Error"
+						children: P("chart.runtime.chartError", { chartType: "Line Chart" })
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : "Unknown rendering error"
+						children: e instanceof Error ? e.message : P("chart.runtime.unknownError")
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "dc:text-xs text-dc-text-muted",
-						children: "Check the data and configuration"
+						children: P("chart.runtime.checkConfig")
 					})
 				]
 			})
@@ -427,6 +427,6 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = p.memo(function({ data: e,
 	}
 });
 //#endregion
-export { T as a, C as c, D as d, E as i, N as l, F as n, w as o, M as r, P as s, I as t, A as u };
+export { D as a, T as c, k as d, O as i, F as l, L as n, E as o, P as r, I as s, R as t, M as u };
 
-//# sourceMappingURL=chart-line-B5_WntY5.js.map
+//# sourceMappingURL=chart-line-CBsTThTv.js.map

package/dist/client/chunks/chart-line-CBsTThTv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-line-CBsTThTv.js","names":[],"sources":["../../../src/client/utils/comparisonUtils.ts","../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["/**\n * Comparison Data Utilities\n * Handles period-over-period comparison data transformation for charts\n *\n * These utilities detect comparison query results (with __periodIndex metadata)\n * and transform them for visualization in either 'separate' or 'overlay' mode.\n */\n\n/**\n * Check if data contains comparison period metadata\n */\nexport function isComparisonData(data: any[]): boolean {\n  return data.length > 0 && '__periodIndex' in data[0]\n}\n\n/**\n * Get unique period labels from comparison data\n */\nexport function getPeriodLabels(data: any[]): string[] {\n  if (!isComparisonData(data)) return []\n\n  const labels = new Set<string>()\n  for (const row of data) {\n    if (row.__period) {\n      labels.add(row.__period)\n    }\n  }\n  return Array.from(labels)\n}\n\n/**\n * Get period indices from comparison data\n */\nexport function getPeriodIndices(data: any[]): number[] {\n  if (!isComparisonData(data)) return []\n\n  const indices = new Set<number>()\n  for (const row of data) {\n    if (typeof row.__periodIndex === 'number') {\n      indices.add(row.__periodIndex)\n    }\n  }\n  return Array.from(indices).sort((a, b) => a - b)\n}\n\n/**\n * Generate a short label for a period (used in legends)\n * Uses simple \"Current\" / \"Prior\" labels for clarity\n */\nexport function generatePeriodShortLabel(_periodLabel: string, index: number): string {\n  return index === 0 ? 'Current' : 'Prior'\n}\n\n/**\n * Transform comparison data for 'separate' mode\n * Returns data with each row having its original measure values\n * Series are created per period (e.g., \"totalLinesOfCode (Current)\", \"totalLinesOfCode (Prior)\")\n */\nexport function transformForSeparateMode(\n  data: any[],\n  measures: string[],\n  _timeDimensionKey: string\n): { data: any[], seriesKeys: string[] } {\n  if (!isComparisonData(data)) {\n    return { data, seriesKeys: measures }\n  }\n\n  const periodLabels = getPeriodLabels(data)\n  const seriesKeys: string[] = []\n\n  // Create series key for each measure + period combination\n  for (const measure of measures) {\n    for (let i = 0; i < periodLabels.length; i++) {\n      const shortLabel = generatePeriodShortLabel(periodLabels[i], i)\n      const key = `${measure} (${shortLabel})`\n      seriesKeys.push(key)\n    }\n  }\n\n  // Data already has period info, just return as-is for separate mode\n  // The chart will group by time dimension and show multiple lines\n  return { data, seriesKeys }\n}\n\n/**\n * Detect dimension fields in comparison data\n * Returns fields that are not measures, time dimension, or metadata fields\n */\nfunction detectDimensionFields(\n  data: any[],\n  measures: string[],\n  timeDimensionKey: string\n): string[] {\n  if (data.length === 0) return []\n\n  const metadataFields = ['__period', '__periodIndex', '__periodDayIndex']\n  const firstRow = data[0]\n  const dimensions: string[] = []\n\n  for (const key of Object.keys(firstRow)) {\n    if (\n      !measures.includes(key) &&\n      key !== timeDimensionKey &&\n      !metadataFields.includes(key)\n    ) {\n      dimensions.push(key)\n    }\n  }\n\n  return dimensions\n}\n\n/**\n * Get unique dimension values from data for a set of dimension fields\n */\nfunction getUniqueDimensionValues(\n  data: any[],\n  dimensionFields: string[]\n): Map<string, Set<any>> {\n  const values = new Map<string, Set<any>>()\n\n  for (const field of dimensionFields) {\n    values.set(field, new Set())\n  }\n\n  for (const row of data) {\n    for (const field of dimensionFields) {\n      if (row[field] !== undefined && row[field] !== null) {\n        values.get(field)!.add(row[field])\n      }\n    }\n  }\n\n  return values\n}\n\n/**\n * Transform comparison data for 'overlay' mode\n * Pivots data so each row represents a day-of-period index,\n * with separate columns for each period's values.\n *\n * When dimensions are present, creates series keys that include\n * dimension values: \"Engineering - Total Lines of Code (Current)\"\n *\n * Input (without dimensions):\n *   [\n *     { date: '2024-01-01', value: 100, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2024-01-02', value: 110, __periodIndex: 0, __periodDayIndex: 1 },\n *     { date: '2023-01-01', value: 80, __periodIndex: 1, __periodDayIndex: 0 },\n *     { date: '2023-01-02', value: 85, __periodIndex: 1, __periodDayIndex: 1 },\n *   ]\n *\n * Output (without dimensions):\n *   [\n *     { __periodDayIndex: 0, 'value (Current)': 100, 'value (Prior)': 80 },\n *     { __periodDayIndex: 1, 'value (Current)': 110, 'value (Prior)': 85 },\n *   ]\n *\n * Input (with dimensions):\n *   [\n *     { date: '2024-01-01', 'Dept.name': 'Engineering', value: 100, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2024-01-01', 'Dept.name': 'Sales', value: 50, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2023-01-01', 'Dept.name': 'Engineering', value: 80, __periodIndex: 1, __periodDayIndex: 0 },\n *     { date: '2023-01-01', 'Dept.name': 'Sales', value: 40, __periodIndex: 1, __periodDayIndex: 0 },\n *   ]\n *\n * Output (with dimensions):\n *   [\n *     {\n *       __periodDayIndex: 0,\n *       'Engineering - value (Current)': 100,\n *       'Engineering - value (Prior)': 80,\n *       'Sales - value (Current)': 50,\n *       'Sales - value (Prior)': 40,\n *     },\n *   ]\n */\nexport function transformForOverlayMode(\n  data: any[],\n  measures: string[],\n  timeDimensionKey: string,\n  getFieldLabel?: (fieldName: string) => string\n): { data: any[], seriesKeys: string[], xAxisKey: string } {\n  if (!isComparisonData(data)) {\n    return { data, seriesKeys: measures, xAxisKey: timeDimensionKey }\n  }\n\n  const periodLabels = getPeriodLabels(data)\n  const periodIndices = getPeriodIndices(data)\n\n  // Detect dimension fields in the data\n  const dimensionFields = detectDimensionFields(data, measures, timeDimensionKey)\n  const hasDimensions = dimensionFields.length > 0\n\n  // Get unique dimension values for generating series keys\n  const uniqueDimensionValues = hasDimensions\n    ? getUniqueDimensionValues(data, dimensionFields)\n    : null\n\n  // Group data by __periodDayIndex\n  const groupedByDayIndex = new Map<number, Record<string, any>>()\n\n  for (const row of data) {\n    const dayIndex = row.__periodDayIndex\n    const periodIndex = row.__periodIndex\n\n    if (!groupedByDayIndex.has(dayIndex)) {\n      groupedByDayIndex.set(dayIndex, {\n        __periodDayIndex: dayIndex,\n        // Store the date from the first period (index 0) for reference\n        __displayDate: periodIndex === 0 ? row[timeDimensionKey] : undefined\n      })\n    }\n\n    const groupedRow = groupedByDayIndex.get(dayIndex)!\n\n    // If this is the first period and we don't have a display date yet, add it\n    if (!groupedRow.__displayDate && row[timeDimensionKey]) {\n      groupedRow.__displayDate = row[timeDimensionKey]\n    }\n\n    // Build dimension prefix if dimensions are present\n    let dimensionPrefix = ''\n    if (hasDimensions) {\n      const dimensionValues = dimensionFields.map(field => {\n        const value = row[field]\n        return getFieldLabel ? getFieldLabel(String(value)) : String(value)\n      })\n      dimensionPrefix = dimensionValues.join(' / ')\n    }\n\n    // Add measure values with optional dimension prefix and period suffix\n    const shortLabel = generatePeriodShortLabel(periodLabels[periodIndex] || '', periodIndex)\n    for (const measure of measures) {\n      const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n      const key = dimensionPrefix\n        ? `${dimensionPrefix} - ${displayName} (${shortLabel})`\n        : `${displayName} (${shortLabel})`\n      groupedRow[key] = row[measure]\n    }\n  }\n\n  // Convert to array and sort by day index\n  const transformedData = Array.from(groupedByDayIndex.values())\n    .sort((a, b) => a.__periodDayIndex - b.__periodDayIndex)\n\n  // Generate series keys (using display names to match the data keys)\n  const seriesKeys: string[] = []\n\n  if (hasDimensions && uniqueDimensionValues) {\n    // Generate all combinations of dimension values\n    const dimensionCombinations = generateDimensionCombinations(\n      dimensionFields,\n      uniqueDimensionValues,\n      getFieldLabel\n    )\n\n    // For each dimension combination, create series keys for each measure + period\n    for (const dimCombo of dimensionCombinations) {\n      for (const measure of measures) {\n        const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n        for (let i = 0; i < periodIndices.length; i++) {\n          const shortLabel = generatePeriodShortLabel(periodLabels[i] || '', i)\n          seriesKeys.push(`${dimCombo} - ${displayName} (${shortLabel})`)\n        }\n      }\n    }\n  } else {\n    // No dimensions - generate simple measure + period keys\n    for (const measure of measures) {\n      const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n      for (let i = 0; i < periodIndices.length; i++) {\n        const shortLabel = generatePeriodShortLabel(periodLabels[i] || '', i)\n        seriesKeys.push(`${displayName} (${shortLabel})`)\n      }\n    }\n  }\n\n  return {\n    data: transformedData,\n    seriesKeys,\n    xAxisKey: '__periodDayIndex'\n  }\n}\n\n/**\n * Generate all combinations of dimension values as formatted strings\n */\nfunction generateDimensionCombinations(\n  dimensionFields: string[],\n  uniqueValues: Map<string, Set<any>>,\n  getFieldLabel?: (fieldName: string) => string\n): string[] {\n  if (dimensionFields.length === 0) return []\n\n  // For single dimension, just return the values\n  if (dimensionFields.length === 1) {\n    const field = dimensionFields[0]\n    const values = Array.from(uniqueValues.get(field) || [])\n    return values.map(v => getFieldLabel ? getFieldLabel(String(v)) : String(v))\n  }\n\n  // For multiple dimensions, generate cartesian product\n  const result: string[] = []\n  const fieldValues = dimensionFields.map(field =>\n    Array.from(uniqueValues.get(field) || [])\n  )\n\n  function generateCombos(index: number, current: string[]): void {\n    if (index === fieldValues.length) {\n      const formatted = current.map(v =>\n        getFieldLabel ? getFieldLabel(String(v)) : String(v)\n      )\n      result.push(formatted.join(' / '))\n      return\n    }\n\n    for (const value of fieldValues[index]) {\n      generateCombos(index + 1, [...current, value])\n    }\n  }\n\n  generateCombos(0, [])\n  return result\n}\n\n/**\n * Format the period day index for display on X-axis\n * Can show as \"Day 1\", \"Day 2\", etc., or as the original date\n */\nexport function formatPeriodDayIndex(\n  dayIndex: number,\n  displayDate?: string | Date,\n  options?: {\n    showDayNumber?: boolean\n    dateFormat?: 'short' | 'long'\n  }\n): string {\n  if (options?.showDayNumber) {\n    return `Day ${dayIndex + 1}`\n  }\n\n  if (displayDate) {\n    const date = typeof displayDate === 'string' ? new Date(displayDate) : displayDate\n    if (!isNaN(date.getTime())) {\n      return date.toLocaleDateString('en-US', {\n        month: options?.dateFormat === 'long' ? 'long' : 'short',\n        day: 'numeric'\n      })\n    }\n  }\n\n  return `${dayIndex + 1}`\n}\n\n/**\n * Check if a series key represents a prior period (not the first period)\n * Used for applying different styling to prior period lines\n */\nexport function isPriorPeriodSeries(seriesKey: string, periodLabels: string[]): boolean {\n  if (periodLabels.length < 2) return false\n\n  // Check if the series key contains any label other than the first period's\n  for (let i = 1; i < periodLabels.length; i++) {\n    const shortLabel = generatePeriodShortLabel(periodLabels[i], i)\n    if (seriesKey.includes(`(${shortLabel})`)) {\n      return true\n    }\n  }\n\n  // Also check for \"(Prior\" pattern\n  return seriesKey.includes('(Prior')\n}\n\n/**\n * Get the stroke dash array for prior period styling\n */\nexport function getPriorPeriodStrokeDashArray(\n  style: 'solid' | 'dashed' | 'dotted' = 'dashed'\n): string | undefined {\n  switch (style) {\n    case 'solid':\n      return undefined\n    case 'dashed':\n      return '5 5'\n    case 'dotted':\n      return '2 2'\n    default:\n      return '5 5'\n  }\n}\n","import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { LineChart as RechartsLineChart, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatAxisValue, formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport {\n  isComparisonData,\n  getPeriodLabels,\n  transformForOverlayMode,\n  isPriorPeriodSeries,\n  getPriorPeriodStrokeDashArray\n} from '../../utils/comparisonUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst LineChart = React.memo(function LineChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Extract Y-axis fields early for use in useMemo hooks\n  // This ensures hooks are always called in the same order\n  const yAxisFields = useMemo(() => {\n    if (chartConfig?.yAxis) {\n      return Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n    }\n    if (chartConfig?.y) {\n      return Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n    }\n    return []\n  }, [chartConfig?.yAxis, chartConfig?.y])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  // MUST be called before any early returns to satisfy React hooks rules\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name (memoized to prevent object recreation)\n  // This is needed because seriesKeys use display labels, not field names\n  // MUST be called before any early returns to satisfy React hooks rules\n  const seriesKeyToField = useMemo(() => {\n    const mapping: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      mapping[label] = field\n    })\n    return mapping\n  }, [yAxisFields, getFieldLabel])\n\n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.line')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let seriesFields: string[] = []\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      seriesFields = chartConfig.series || []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format\n      xAxisField = chartConfig.x\n    } else {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisInvalid')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || yAxisFields.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisFields')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Check if this is comparison data (has __periodIndex metadata)\n    const hasComparisonData = isComparisonData(data)\n    const priorPeriodStyle = displayConfig?.priorPeriodStyle || 'dashed'\n    const priorPeriodOpacity = displayConfig?.priorPeriodOpacity ?? 0.5\n    const periodLabels = hasComparisonData ? getPeriodLabels(data) : []\n\n    // Transform data based on comparison mode\n    let chartData: any[]\n    let seriesKeys: string[]\n    let effectiveXAxisKey = 'name' // Default X-axis key after transformation\n\n    if (hasComparisonData) {\n      // For comparison data, always use overlay transformation to align by period day index\n      // Both 'separate' and 'overlay' modes use the same data transformation,\n      // they differ only in styling (dashed lines, opacity for prior periods in overlay mode)\n      const overlayResult = transformForOverlayMode(data, yAxisFields, xAxisField, getFieldLabel)\n      chartData = overlayResult.data\n      seriesKeys = overlayResult.seriesKeys\n      effectiveXAxisKey = '__periodDayIndex'\n    } else {\n      // Standard mode: use normal transformation\n      const standardResult = transformChartDataWithSeries(\n        data,\n        xAxisField,\n        yAxisFields,\n        queryObject,\n        seriesFields,\n        getFieldLabel\n      )\n      chartData = standardResult.data\n      seriesKeys = standardResult.seriesKeys\n    }\n\n    // Helper to find field from series key, handling comparison suffixes like \"(Current)\" and \"(Prior)\"\n    const findFieldFromSeriesKey = (seriesKey: string): string | undefined => {\n      // Direct match first\n      if (seriesKeyToField[seriesKey]) {\n        return seriesKeyToField[seriesKey]\n      }\n      // For comparison data, strip the period suffix and any dimension prefix\n      // Series keys look like: \"Label (Current)\", \"Label (Prior)\", or \"DimValue - Label (Current)\"\n\n      // Guard against excessive input length to prevent ReDoS\n      if (seriesKey.length > 1000) return undefined\n      const withoutSuffix = seriesKey.replace(/\\s*\\((Current|Prior)\\)$/, '')\n      // Check if it has a dimension prefix (contains \" - \")\n      const parts = withoutSuffix.split(' - ')\n      const measureLabel = parts[parts.length - 1] // Last part is the measure label\n      return seriesKeyToField[measureLabel]\n    }\n\n    // Determine if we need a right Y-axis\n    const hasRightAxis = yAxisFields.some((field) => yAxisAssignment[field] === 'right')\n\n    // Get fields for left and right axes for labels\n    const leftAxisFields = yAxisFields.filter((f) => (yAxisAssignment[f] || 'left') === 'left')\n    const rightAxisFields = yAxisFields.filter((f) => yAxisAssignment[f] === 'right')\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n\n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n\n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n\n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for line chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsLineChart data={enhancedChartData} margin={chartMargins} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey={effectiveXAxisKey}\n            type=\"category\"\n            tick={<AngledXAxisTick tickFormatter={\n              hasComparisonData\n                ? (value: string | number, index: number) => {\n                    // For comparison data, show the date from the current period\n                    // formatted according to the query's granularity\n                    const row = chartData[index]\n                    if (row?.__displayDate) {\n                      const granularity = getFieldGranularity(queryObject, xAxisField)\n                      return formatTimeValue(row.__displayDate, granularity)\n                    }\n                    return `Period ${Number(value) + 1}`\n                  }\n                : undefined\n            } />}\n            height={60}\n          />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={leftYAxisFormat ? (value) => formatAxisValue(value, leftYAxisFormat) : undefined}\n            label={\n              leftAxisFields.length > 0\n                ? {\n                    value: leftYAxisFormat?.label || getFieldLabel(leftAxisFields[0]),\n                    angle: -90,\n                    position: 'left',\n                    style: { textAnchor: 'middle', fontSize: '12px' }\n                  }\n                : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || getFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n\n                // Determine which axis format to use based on series name\n                const originalField = findFieldFromSeriesKey(name)\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                // Series name is already formatted (e.g., \"Total Lines of Code (Current)\")\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n              labelFormatter={\n                hasComparisonData\n                  ? (label: any, payload: any) => {\n                      // For comparison data, show the date from the current period\n                      // formatted according to the query's granularity\n                      if (payload && payload.length > 0) {\n                        const row = payload[0]?.payload\n                        if (row?.__displayDate) {\n                          const granularity = getFieldGranularity(queryObject, xAxisField)\n                          return formatTimeValue(row.__displayDate, granularity)\n                        }\n                      }\n                      return `Period ${Number(label) + 1}`\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {showLegend && (\n            <Legend\n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\n              iconType=\"line\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => {\n            // Look up the original field name to get its axis assignment\n            const originalField = findFieldFromSeriesKey(seriesKey)\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n\n            // Determine if this is a prior period series (for styling)\n            const isPriorPeriod = hasComparisonData && isPriorPeriodSeries(seriesKey, periodLabels)\n            const strokeDashArray = isPriorPeriod ? getPriorPeriodStrokeDashArray(priorPeriodStyle) : undefined\n            const opacity = isPriorPeriod ? priorPeriodOpacity : 1\n\n            // When drill is enabled, show persistent dots for better click targets\n            const lineColor = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n              CHART_COLORS[index % CHART_COLORS.length]\n\n            return (\n              <Line\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stroke={lineColor}\n                strokeWidth={isPriorPeriod ? 1.5 : 2}\n                strokeDasharray={strokeDashArray}\n                dot={isPriorPeriod ? false : (props: any) => {\n                  const { cx, cy, payload, key } = props\n                  if (cx === undefined || cy === undefined) return null\n\n                  const handleClick = (event: React.MouseEvent) => {\n                    event.stopPropagation()\n                    event.preventDefault()\n                    if (onDataPointClick) {\n                      onDataPointClick({\n                        dataPoint: payload,\n                        clickedField: originalField || seriesKey,\n                        xValue: payload.name,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event\n                      })\n                    }\n                  }\n\n                  // When drill is enabled, render clickable dots with background to mask grid\n                  if (drillEnabled && onDataPointClick) {\n                    return (\n                      <g key={key}>\n                        {/* Background to mask grid lines - uses theme surface color */}\n                        <circle\n                          cx={cx}\n                          cy={cy}\n                          r={6}\n                          fill=\"var(--dc-surface)\"\n                          style={{ pointerEvents: 'none' }}\n                        />\n                        {/* Visible dot with click handler */}\n                        <circle\n                          cx={cx}\n                          cy={cy}\n                          r={4}\n                          fill=\"var(--dc-surface)\"\n                          stroke={lineColor}\n                          strokeWidth={2}\n                          cursor=\"pointer\"\n                          onClick={(e: React.MouseEvent<SVGCircleElement>) => {\n                            handleClick(e as unknown as React.MouseEvent)\n                          }}\n                        />\n                      </g>\n                    )\n                  }\n\n                  // Non-drill mode: simple small dot\n                  return (\n                    <circle\n                      key={key}\n                      cx={cx}\n                      cy={cy}\n                      r={3}\n                      fill={lineColor}\n                    />\n                  )\n                }}\n                activeDot={false}\n                strokeOpacity={\n                  hoveredLegend\n                    ? (hoveredLegend === seriesKey ? 1 : 0.3)\n                    : opacity\n                }\n                connectNulls={safeDisplayConfig.connectNulls}\n              />\n            )\n          })}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n        </RechartsLineChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'LineChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Line Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default LineChart\n"],"mappings":"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"}