drizzle-cube 0.4.52 → 0.5.0

package/dist/client/chunks/{chart-area-BwYaflNk.js → chart-area-D63kG8OT.js}

@@ -1,18 +1,18 @@
 import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
-import { D as t, _ as n, b as r, i, n as a, y as o } from "./chart-activity-grid-DLktOINm.js";
-import s, { startTransition as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Area as h, CartesianGrid as g, ComposedChart as _, Legend as v, Line as y, ResponsiveContainer as b, Tooltip as x, XAxis as S, YAxis as C } from "recharts";
+import { D as t, _ as n, b as r, i, k as a, n as o, y as s } from "./chart-activity-grid-CWT0gLv4.js";
+import c, { startTransition as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Area as g, CartesianGrid as _, ComposedChart as v, Legend as y, Line as b, ResponsiveContainer as x, Tooltip as S, XAxis as C, YAxis as w } from "recharts";
 //#region src/client/components/LoadingIndicator.tsx
-var w = {
+var T = {
 	xs: "dc:h-3 dc:w-3",
 	sm: "dc:h-6 dc:w-6",
 	md: "dc:h-8 dc:w-8",
 	lg: "dc:h-12 dc:w-12"
 };
-function T({ size: e = "md", className: t = "" }) {
-	return /* @__PURE__ */ p("div", {
-		className: `dc:animate-spin dc:rounded-full dc:border-b-2 ${w[e]} ${t}`,
+function E({ size: e = "md", className: t = "" }) {
+	return /* @__PURE__ */ m("div", {
+		className: `dc:animate-spin dc:rounded-full dc:border-b-2 ${T[e]} ${t}`,
 		style: { borderBottomColor: "var(--dc-primary)" },
 		role: "status",
 		"aria-label": "Loading"
@@ -20,53 +20,53 @@ function T({ size: e = "md", className: t = "" }) {
 }
 //#endregion
 //#region src/client/components/charts/ChartContainer.tsx
-function E({ children: e, height: t = "100%" }) {
-	let n = u(null), [r, i] = d(!1), [a, o] = d({
+function D({ children: e, height: t = "100%" }) {
+	let { t: n } = a(), r = d(null), [i, o] = f(!1), [s, c] = f({
 		width: 0,
 		height: 0
-	}), s = u({
+	}), p = d({
 		width: 0,
 		height: 0
-	}), f = u(!1), h = u(null), g = u(null);
-	l(() => {
-		let e = !0, t = null, r = () => {
-			if (g.current = null, !e) return;
-			let t = h.current;
-			if (h.current = null, !t) return;
+	}), g = d(!1), _ = d(null), v = d(null);
+	u(() => {
+		let e = !0, t = null, n = () => {
+			if (v.current = null, !e) return;
+			let t = _.current;
+			if (_.current = null, !t) return;
 			let n = Math.round(t.width), r = Math.round(t.height);
 			if (n <= 0 || r <= 0) return;
-			let a = s.current.width !== n || s.current.height !== r, l = !f.current;
-			!a && !l || (s.current = {
+			let i = p.current.width !== n || p.current.height !== r, a = !g.current;
+			!i && !a || (p.current = {
 				width: n,
 				height: r
-			}, f.current = !0, c(() => {
-				a && o({
+			}, g.current = !0, l(() => {
+				i && c({
 					width: n,
 					height: r
-				}), l && i(!0);
+				}), a && o(!0);
 			}));
-		}, a = (e, t) => {
-			h.current = {
+		}, i = (e, t) => {
+			_.current = {
 				width: e,
 				height: t
-			}, g.current === null && (g.current = requestAnimationFrame(r));
+			}, v.current === null && (v.current = requestAnimationFrame(n));
 		};
 		return t = new ResizeObserver((e) => {
 			for (let t of e) {
 				let { width: e, height: n } = t.contentRect;
-				e > 0 && n > 0 && a(e, n);
+				e > 0 && n > 0 && i(e, n);
 			}
-		}), n.current && (t.observe(n.current), (() => {
-			if (!e || !n.current) return;
-			let t = n.current.getBoundingClientRect(), r = Math.max(n.current.clientWidth, t.width), i = Math.max(n.current.clientHeight, t.height);
-			r > 0 && i > 0 && a(r, i);
+		}), r.current && (t.observe(r.current), (() => {
+			if (!e || !r.current) return;
+			let t = r.current.getBoundingClientRect(), n = Math.max(r.current.clientWidth, t.width), a = Math.max(r.current.clientHeight, t.height);
+			n > 0 && a > 0 && i(n, a);
 		})()), () => {
-			e = !1, g.current !== null && (cancelAnimationFrame(g.current), g.current = null), t?.disconnect();
+			e = !1, v.current !== null && (cancelAnimationFrame(v.current), v.current = null), t?.disconnect();
 		};
 	}, []);
 	try {
-		return t === "100%" ? /* @__PURE__ */ p("div", {
-			ref: n,
+		return t === "100%" ? /* @__PURE__ */ m("div", {
+			ref: r,
 			className: "dc:w-full dc:h-full dc:flex-1 dc:flex dc:flex-col dc:relative",
 			style: {
 				minHeight: "250px",
@@ -74,18 +74,18 @@ function E({ children: e, height: t = "100%" }) {
 				overflow: "hidden",
 				userSelect: "none"
 			},
-			children: r && a.width > 0 && a.height > 0 ? /* @__PURE__ */ p(b, {
-				width: a.width,
-				height: a.height - 16,
+			children: i && s.width > 0 && s.height > 0 ? /* @__PURE__ */ m(x, {
+				width: s.width,
+				height: s.height - 16,
 				debounce: 100,
 				style: { marginTop: "16px" },
 				children: e
-			}) : /* @__PURE__ */ p("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-				children: /* @__PURE__ */ p(T, { size: "sm" })
+				children: /* @__PURE__ */ m(E, { size: "sm" })
 			})
-		}) : /* @__PURE__ */ p("div", {
-			ref: n,
+		}) : /* @__PURE__ */ m("div", {
+			ref: r,
 			className: "dc:w-full dc:flex dc:flex-col dc:relative",
 			style: {
 				height: typeof t == "number" ? `${t}px` : t,
@@ -95,29 +95,29 @@ function E({ children: e, height: t = "100%" }) {
 				userSelect: "none",
 				overflow: "hidden"
 			},
-			children: r && a.width > 0 && a.height > 0 ? /* @__PURE__ */ p(b, {
-				width: a.width,
-				height: a.height - 16,
+			children: i && s.width > 0 && s.height > 0 ? /* @__PURE__ */ m(x, {
+				width: s.width,
+				height: s.height - 16,
 				debounce: 100,
 				style: { marginTop: "16px" },
 				children: e
-			}) : /* @__PURE__ */ p("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-				children: /* @__PURE__ */ p(T, { size: "sm" })
+				children: /* @__PURE__ */ m(E, { size: "sm" })
 			})
 		});
 	} catch (e) {
-		return /* @__PURE__ */ m("div", {
+		return /* @__PURE__ */ h("div", {
 			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4 dc:text-center dc:border dc:border-dashed dc:rounded-lg",
 			style: {
 				height: t,
 				borderColor: "var(--dc-border)",
 				backgroundColor: "var(--dc-surface)"
 			},
-			children: [/* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ m("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1 text-dc-text-muted",
-				children: "Unable to display chart"
-			}), /* @__PURE__ */ p("div", {
+				children: n("chart.runtime.unableToDisplay")
+			}), /* @__PURE__ */ m("div", {
 				className: "dc:text-xs text-dc-text-secondary",
 				children: e instanceof Error ? e.message : "Failed to create responsive container"
 			})]
@@ -126,10 +126,10 @@ function E({ children: e, height: t = "100%" }) {
 }
 //#endregion
 //#region src/client/components/charts/ChartTooltip.tsx
-var D = (e, t) => e == null ? ["No data", t] : [r(e), t];
-function O({ formatter: e, labelFormatter: t }) {
-	return /* @__PURE__ */ p(x, {
-		formatter: e || D,
+var O = (e, t) => e == null ? ["No data", t] : [r(e), t];
+function k({ formatter: e, labelFormatter: t }) {
+	return /* @__PURE__ */ m(S, {
+		formatter: e || O,
 		labelFormatter: t,
 		contentStyle: {
 			backgroundColor: "white",
@@ -144,12 +144,12 @@ function O({ formatter: e, labelFormatter: t }) {
 }
 //#endregion
 //#region src/client/components/charts/AngledXAxisTick.tsx
-var k = ({ x: e = 0, y: t = 0, payload: n, tickFormatter: r, index: i = 0 }) => {
+var A = ({ x: e = 0, y: t = 0, payload: n, tickFormatter: r, index: i = 0 }) => {
 	if (!n) return null;
 	let a = r ? r(n.value, i) : String(n.value);
-	return /* @__PURE__ */ p("g", {
+	return /* @__PURE__ */ m("g", {
 		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ p("text", {
+		children: /* @__PURE__ */ m("text", {
 			x: 0,
 			y: 0,
 			dy: 16,
@@ -163,7 +163,7 @@ var k = ({ x: e = 0, y: t = 0, payload: n, tickFormatter: r, index: i = 0 }) =>
 };
 //#endregion
 //#region src/client/utils/targetUtils.ts
-function A(e) {
+function j(e) {
 	if (!e || typeof e != "string") return [];
 	let t = e.trim();
 	if (!t) return [];
@@ -178,7 +178,7 @@ function A(e) {
 		return console.warn("Failed to parse target values:", e), [];
 	}
 }
-function j(e, t) {
+function M(e, t) {
 	if (e.length === 0 || t <= 0) return [];
 	if (e.length === 1) return Array(t).fill(e[0]);
 	let n = [], r = Math.floor(t / e.length), i = t % e.length, a = 0;
@@ -188,120 +188,120 @@ function j(e, t) {
 	}
 	return n;
 }
-function M(e, t) {
+function N(e, t) {
 	return t === 0 ? e === 0 ? 0 : e > 0 ? 100 : -100 : (e - t) / t * 100;
 }
-function N(e, t = 1) {
+function P(e, t = 1) {
 	return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
 }
 //#endregion
 //#region src/client/components/charts/AreaChart.tsx
-var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e, chartConfig: r, displayConfig: s = {}, queryObject: c, height: l = "100%", colorPalette: u, onDataPointClick: b, drillEnabled: x }) {
-	let [w, T] = d(null), D = n();
+var F = /* @__PURE__ */ e({ default: () => I }), I = c.memo(function({ data: e, chartConfig: r, displayConfig: c = {}, queryObject: l, height: u = "100%", colorPalette: d, onDataPointClick: x, drillEnabled: S }) {
+	let { t: T } = a(), [E, O] = f(null), N = n();
 	try {
-		let n = s?.stackType ?? (s?.stacked ? "normal" : "none"), d = n !== "none", M = n === "percent", N = {
-			showLegend: s?.showLegend ?? !0,
-			showGrid: s?.showGrid ?? !0,
-			showTooltip: s?.showTooltip ?? !0,
-			connectNulls: s?.connectNulls ?? !1
-		}, P = s?.leftYAxisFormat, F = s?.rightYAxisFormat;
-		if (!e || e.length === 0) return /* @__PURE__ */ p("div", {
+		let n = c?.stackType ?? (c?.stacked ? "normal" : "none"), a = n !== "none", f = n === "percent", P = {
+			showLegend: c?.showLegend ?? !0,
+			showGrid: c?.showGrid ?? !0,
+			showTooltip: c?.showTooltip ?? !0,
+			connectNulls: c?.connectNulls ?? !1
+		}, F = c?.leftYAxisFormat, I = c?.rightYAxisFormat;
+		if (!e || e.length === 0) return /* @__PURE__ */ m("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: l },
-			children: /* @__PURE__ */ m("div", {
+			style: { height: u },
+			children: /* @__PURE__ */ h("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "No data available"
-				}), /* @__PURE__ */ p("div", {
+					children: T("chart.runtime.noData")
+				}), /* @__PURE__ */ m("div", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "No data points to display in area chart"
+					children: T("chart.runtime.noDataHint.area")
 				})]
 			})
 		});
-		let I, L, R = [];
-		if (r?.xAxis && r?.yAxis) I = Array.isArray(r.xAxis) ? r.xAxis[0] : r.xAxis, L = Array.isArray(r.yAxis) ? r.yAxis : [r.yAxis], R = r.series || [];
-		else if (r?.x && r?.y) I = r.x, L = Array.isArray(r.y) ? r.y : [r.y];
-		else return /* @__PURE__ */ p("div", {
+		let L, R, z = [];
+		if (r?.xAxis && r?.yAxis) L = Array.isArray(r.xAxis) ? r.xAxis[0] : r.xAxis, R = Array.isArray(r.yAxis) ? r.yAxis : [r.yAxis], z = r.series || [];
+		else if (r?.x && r?.y) L = r.x, R = Array.isArray(r.y) ? r.y : [r.y];
+		else return /* @__PURE__ */ m("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: l },
-			children: /* @__PURE__ */ m("div", {
+			style: { height: u },
+			children: /* @__PURE__ */ h("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "Configuration Error"
-				}), /* @__PURE__ */ p("div", {
+					children: T("chart.runtime.configError")
+				}), /* @__PURE__ */ m("div", {
 					className: "dc:text-xs",
-					children: "Invalid or missing chart axis configuration"
+					children: T("chart.runtime.configErrorHint.axisInvalid")
 				})]
 			})
 		});
-		if (!I || !L || L.length === 0) return /* @__PURE__ */ p("div", {
+		if (!L || !R || R.length === 0) return /* @__PURE__ */ m("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: l },
-			children: /* @__PURE__ */ m("div", {
+			style: { height: u },
+			children: /* @__PURE__ */ h("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "Configuration Error"
-				}), /* @__PURE__ */ p("div", {
+					children: T("chart.runtime.configError")
+				}), /* @__PURE__ */ m("div", {
 					className: "dc:text-xs",
-					children: "Missing required X-axis or Y-axis fields"
+					children: T("chart.runtime.configErrorHint.axisFields")
 				})]
 			})
 		});
-		let { data: z, seriesKeys: B } = t(e, I, L, c, R, D), V = r?.yAxisAssignment || {}, H = {};
-		L.forEach((e) => {
-			let t = D(e);
-			H[t] = e;
+		let { data: B, seriesKeys: V } = t(e, L, R, l, z, N), H = r?.yAxisAssignment || {}, U = {};
+		R.forEach((e) => {
+			let t = N(e);
+			U[t] = e;
 		});
-		let U = L.some((e) => V[e] === "right"), W = L.filter((e) => (V[e] || "left") === "left"), G = L.filter((e) => V[e] === "right"), K = d && !U, q = M && !U, J = N.showLegend, Y = {
+		let W = R.some((e) => H[e] === "right"), G = R.filter((e) => (H[e] || "left") === "left"), K = R.filter((e) => H[e] === "right"), q = a && !W, J = f && !W, Y = P.showLegend, X = {
 			...i,
 			left: 40,
-			right: U ? 40 : 20
-		}, X = j(A(s?.target || ""), z.length), Z = z;
-		return X.length > 0 && (Z = z.map((e, t) => ({
+			right: W ? 40 : 20
+		}, Z = M(j(c?.target || ""), B.length), Q = B;
+		return Z.length > 0 && (Q = B.map((e, t) => ({
 			...e,
-			__target: X[t] || null
-		}))), !z || z.length === 0 ? /* @__PURE__ */ p("div", {
+			__target: Z[t] || null
+		}))), !B || B.length === 0 ? /* @__PURE__ */ m("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: l },
-			children: /* @__PURE__ */ m("div", {
+			style: { height: u },
+			children: /* @__PURE__ */ h("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "No valid data"
-				}), /* @__PURE__ */ p("div", {
+					children: T("chart.runtime.noValidData")
+				}), /* @__PURE__ */ m("div", {
 					className: "dc:text-xs text-dc-text-secondary",
 					children: "No valid data points for area chart after transformation"
 				})]
 			})
-		}) : /* @__PURE__ */ p(E, {
-			height: l,
-			children: /* @__PURE__ */ m(_, {
-				data: Z,
-				margin: Y,
-				stackOffset: q ? "expand" : void 0,
+		}) : /* @__PURE__ */ m(D, {
+			height: u,
+			children: /* @__PURE__ */ h(v, {
+				data: Q,
+				margin: X,
+				stackOffset: J ? "expand" : void 0,
 				accessibilityLayer: !1,
 				children: [
-					N.showGrid && /* @__PURE__ */ p(g, {
+					P.showGrid && /* @__PURE__ */ m(_, {
 						strokeDasharray: "3 3",
 						style: { pointerEvents: "none" }
 					}),
-					/* @__PURE__ */ p(S, {
+					/* @__PURE__ */ m(C, {
 						dataKey: "name",
 						type: "category",
-						tick: /* @__PURE__ */ p(k, {}),
+						tick: /* @__PURE__ */ m(A, {}),
 						height: 60
 					}),
-					/* @__PURE__ */ p(C, {
+					/* @__PURE__ */ m(w, {
 						yAxisId: "left",
 						orientation: "left",
 						tick: { fontSize: 12 },
-						tickFormatter: q ? (e) => `${(e * 100).toFixed(0)}%` : P ? (e) => o(e, P) : void 0,
-						domain: q ? [0, 1] : void 0,
-						label: q ? void 0 : W.length > 0 ? {
-							value: P?.label || D(W[0]),
+						tickFormatter: J ? (e) => `${(e * 100).toFixed(0)}%` : F ? (e) => s(e, F) : void 0,
+						domain: J ? [0, 1] : void 0,
+						label: J ? void 0 : G.length > 0 ? {
+							value: F?.label || N(G[0]),
 							angle: -90,
 							position: "left",
 							style: {
@@ -310,13 +310,13 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 							}
 						} : void 0
 					}),
-					U && /* @__PURE__ */ p(C, {
+					W && /* @__PURE__ */ m(w, {
 						yAxisId: "right",
 						orientation: "right",
 						tick: { fontSize: 12 },
-						tickFormatter: F ? (e) => o(e, F) : void 0,
-						label: G.length > 0 ? {
-							value: F?.label || D(G[0]),
+						tickFormatter: I ? (e) => s(e, I) : void 0,
+						label: K.length > 0 ? {
+							value: I?.label || N(K[0]),
 							angle: 90,
 							position: "right",
 							style: {
@@ -325,14 +325,14 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 							}
 						} : void 0
 					}),
-					N.showTooltip && /* @__PURE__ */ p(O, { formatter: (e, t) => {
+					P.showTooltip && /* @__PURE__ */ m(k, { formatter: (e, t) => {
 						if (e == null) return ["No data", t];
-						if (t === "Target") return [o(e, P), "Target Value"];
-						if (q && typeof e == "number") return [`${(e * 100).toFixed(1)}%`, t];
-						let n = H[t];
-						return [o(e, (n && V[n] === "right" ? "right" : "left") == "right" ? F : P), t];
+						if (t === "Target") return [s(e, F), "Target Value"];
+						if (J && typeof e == "number") return [`${(e * 100).toFixed(1)}%`, t];
+						let n = U[t];
+						return [s(e, (n && H[n] === "right" ? "right" : "left") == "right" ? I : F), t];
 					} }),
-					J && /* @__PURE__ */ p(v, {
+					Y && /* @__PURE__ */ m(y, {
 						wrapperStyle: {
 							fontSize: "12px",
 							paddingTop: "10px"
@@ -342,27 +342,27 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 						layout: "horizontal",
 						align: "center",
 						verticalAlign: "bottom",
-						onMouseEnter: (e) => T(String(e.dataKey || "")),
-						onMouseLeave: () => T(null)
+						onMouseEnter: (e) => O(String(e.dataKey || "")),
+						onMouseLeave: () => O(null)
 					}),
-					B.map((e, t) => {
-						let n = H[e], r = n && V[n] === "right" ? "right" : "left", i = u?.colors && u.colors[t % u.colors.length] || a[t % a.length];
-						return /* @__PURE__ */ p(h, {
+					V.map((e, t) => {
+						let n = U[e], r = n && H[n] === "right" ? "right" : "left", i = d?.colors && d.colors[t % d.colors.length] || o[t % o.length];
+						return /* @__PURE__ */ m(g, {
 							type: "monotone",
 							dataKey: e,
 							yAxisId: r,
-							stackId: K ? "stack" : void 0,
+							stackId: q ? "stack" : void 0,
 							stroke: i,
 							fill: i,
-							fillOpacity: w ? w === e ? .6 : .1 : .3,
+							fillOpacity: E ? E === e ? .6 : .1 : .3,
 							strokeWidth: 2,
-							strokeOpacity: w ? w === e ? 1 : .3 : 1,
-							connectNulls: N.connectNulls,
+							strokeOpacity: E ? E === e ? 1 : .3 : 1,
+							connectNulls: P.connectNulls,
 							dot: (t) => {
 								let { cx: r, cy: a, payload: o, key: s } = t;
-								if (!x || r === void 0 || a === void 0) return null;
+								if (!S || r === void 0 || a === void 0) return null;
 								let c = (t) => {
-									t.stopPropagation(), t.preventDefault(), b && b({
+									t.stopPropagation(), t.preventDefault(), x && x({
 										dataPoint: o,
 										clickedField: n || e,
 										xValue: o.name,
@@ -373,13 +373,13 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 										nativeEvent: t
 									});
 								};
-								return /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("circle", {
+								return /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("circle", {
 									cx: r,
 									cy: a,
 									r: 6,
 									fill: "var(--dc-surface)",
 									style: { pointerEvents: "none" }
-								}), /* @__PURE__ */ p("circle", {
+								}), /* @__PURE__ */ m("circle", {
 									cx: r,
 									cy: a,
 									r: 4,
@@ -395,7 +395,7 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 							activeDot: !1
 						}, e);
 					}),
-					X.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(y, {
+					Z.length > 0 && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(b, {
 						type: "monotone",
 						dataKey: "__target",
 						yAxisId: "left",
@@ -404,7 +404,7 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 						dot: !1,
 						activeDot: !1,
 						connectNulls: !1
-					}), /* @__PURE__ */ p(y, {
+					}), /* @__PURE__ */ m(b, {
 						type: "monotone",
 						dataKey: "__target",
 						yAxisId: "left",
@@ -420,23 +420,23 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 			})
 		});
 	} catch (e) {
-		return /* @__PURE__ */ p("div", {
+		return /* @__PURE__ */ m("div", {
 			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: l },
-			children: /* @__PURE__ */ m("div", {
+			style: { height: u },
+			children: /* @__PURE__ */ h("div", {
 				className: "dc:text-center",
 				children: [
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: "Area Chart Error"
+						children: T("chart.runtime.chartError", { chartType: "Area Chart" })
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : "Unknown rendering error"
+						children: e instanceof Error ? e.message : T("chart.runtime.unknownError")
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "dc:text-xs text-dc-text-muted",
-						children: "Check the data and configuration"
+						children: T("chart.runtime.checkConfig")
 					})
 				]
 			})
@@ -444,6 +444,6 @@ var P = /* @__PURE__ */ e({ default: () => F }), F = s.memo(function({ data: e,
 	}
 });
 //#endregion
-export { A as a, O as c, N as i, E as l, P as n, j as o, M as r, k as s, F as t, T as u };
+export { j as a, k as c, P as i, D as l, F as n, M as o, N as r, A as s, I as t, E as u };
 
-//# sourceMappingURL=chart-area-BwYaflNk.js.map
+//# sourceMappingURL=chart-area-D63kG8OT.js.map