@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.4

package/dist/bigconsole/components/widgets/advanced/AdvancedWidgetConfig.d.ts

@@ -0,0 +1,10 @@
+import { WidgetType } from '../../../types';
+
+interface Props {
+    type: WidgetType;
+    config: Record<string, unknown>;
+    onChange: (config: Record<string, unknown>) => void;
+}
+/** Field mappings are data contracts, not source fetches or transform expressions. */
+export declare function AdvancedWidgetConfig({ type, config, onChange }: Props): import("react").JSX.Element;
+export {};

package/dist/bigconsole/components/widgets/advanced/AdvancedWidgetConfig.js

@@ -0,0 +1,113 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/bigconsole/components/widgets/advanced/AdvancedWidgetConfig.tsx
+function i({ type: i, config: a, onChange: o }) {
+	let { t: s } = r();
+	return /* @__PURE__ */ n("div", {
+		className: "space-y-form-gap",
+		children: [
+			(i === "map" ? [
+				[
+					"latitudeField",
+					"Latitude field",
+					"lat"
+				],
+				[
+					"longitudeField",
+					"Longitude field",
+					"lng"
+				],
+				[
+					"labelField",
+					"Label field",
+					"name"
+				],
+				[
+					"valueField",
+					"Value field",
+					"value"
+				]
+			] : i === "sankey" ? [
+				[
+					"sourceField",
+					"Source field",
+					"source"
+				],
+				[
+					"targetField",
+					"Target field",
+					"target"
+				],
+				[
+					"valueField",
+					"Value field",
+					"value"
+				]
+			] : i === "waterfall" ? [[
+				"labelField",
+				"Label field",
+				"name"
+			], [
+				"valueField",
+				"Value field",
+				"value"
+			]] : [[
+				"groupField",
+				"Group field",
+				"group"
+			], [
+				"valueField",
+				"Value field",
+				"value"
+			]]).map(([e = "", r = "", i = ""]) => /* @__PURE__ */ n("label", {
+				className: "block text-sm text-text-primary",
+				children: [s(`bigconsole.widget.advanced.${e}`, r), /* @__PURE__ */ t("input", {
+					className: "mt-1 w-full rounded-md border border-border-default bg-bg-base px-3 py-2",
+					value: typeof a[e] == "string" ? a[e] : i,
+					onChange: (t) => o({
+						...a,
+						[e]: t.target.value
+					})
+				})]
+			}, e)),
+			i === "box_plot" && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm text-text-primary",
+				children: [s("bigconsole.widget.boxPlot.mode", "Input format"), /* @__PURE__ */ n("select", {
+					className: "mt-1 w-full rounded-md border border-border-default bg-bg-base px-3 py-2",
+					value: a.mode === "summary" ? "summary" : "observations",
+					onChange: (e) => o({
+						...a,
+						mode: e.target.value
+					}),
+					children: [/* @__PURE__ */ t("option", {
+						value: "observations",
+						children: s("bigconsole.widget.boxPlot.observations", "Individual observations")
+					}), /* @__PURE__ */ t("option", {
+						value: "summary",
+						children: s("bigconsole.widget.boxPlot.summary", "Five-number summaries")
+					})]
+				})]
+			}), /* @__PURE__ */ t("p", {
+				className: "text-xs text-text-secondary",
+				children: s("bigconsole.widget.boxPlot.summaryHelp", "Summary rows require min, q1, median, q3 and max. Observation rows require the configured group and numeric value fields.")
+			})] }),
+			i === "waterfall" && /* @__PURE__ */ n("label", {
+				className: "flex items-center gap-2 text-sm text-text-primary",
+				children: [/* @__PURE__ */ t("input", {
+					type: "checkbox",
+					checked: a.showTotal !== !1,
+					onChange: (e) => o({
+						...a,
+						showTotal: e.target.checked
+					})
+				}), s("bigconsole.widget.waterfall.showTotal", "Show cumulative total")]
+			}),
+			i === "sankey" && /* @__PURE__ */ t("p", {
+				className: "text-xs text-text-secondary",
+				children: s("bigconsole.widget.sankey.inputHelp", "Each row connects a source to a target with a nonnegative numeric value. Circular flows cannot be displayed.")
+			})
+		]
+	});
+}
+//#endregion
+export { i as AdvancedWidgetConfig };

package/dist/bigconsole/components/widgets/advanced/AdvancedWidgets.d.ts

@@ -0,0 +1,10 @@
+import { Widget } from '../../../types';
+
+interface Props {
+    widget: Widget;
+    data?: unknown;
+}
+export declare const SankeyWidget: import('react').NamedExoticComponent<Props>;
+export declare const BoxPlotWidget: import('react').NamedExoticComponent<Props>;
+export declare const WaterfallWidget: import('react').NamedExoticComponent<Props>;
+export {};

package/dist/bigconsole/components/widgets/advanced/AdvancedWidgets.js

@@ -0,0 +1,186 @@
+import e from "../chart/ChartWidget.js";
+import { normalizeBoxPlot as t, normalizeSankey as n } from "./data.js";
+import { memo as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ResponsiveContainer as c, Sankey as l, Tooltip as u } from "recharts";
+//#region src/bigconsole/components/widgets/advanced/AdvancedWidgets.tsx
+function d(e) {
+	try {
+		return { data: e() };
+	} catch (e) {
+		return { error: e instanceof Error ? e.message : "Invalid chart data." };
+	}
+}
+function f({ message: e, error: t = !1 }) {
+	return /* @__PURE__ */ a("div", {
+		role: t ? "alert" : "status",
+		className: "h-full flex items-center justify-center p-4 text-sm text-secondary",
+		children: e
+	});
+}
+function p({ x: e, y: t, width: n, height: r, payload: i }) {
+	return /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("rect", {
+		x: e,
+		y: t,
+		width: n,
+		height: r,
+		fill: "var(--color-chart-1)"
+	}), /* @__PURE__ */ o("text", {
+		x: e + n + 6,
+		y: t + r / 2,
+		dominantBaseline: "middle",
+		fill: "var(--color-text-primary)",
+		fontSize: 12,
+		children: [i.name.length > 24 ? i.name.slice(0, 23) + "…" : i.name, /* @__PURE__ */ a("title", { children: i.name })]
+	})] });
+}
+var m = r(function({ widget: e, data: t = [] }) {
+	let { t: r } = s(), m = e.config, h = i(() => d(() => n(t, m)), [t, m]);
+	return h.error ? /* @__PURE__ */ a(f, {
+		message: h.error,
+		error: !0
+	}) : h.data?.links.length ? /* @__PURE__ */ o("div", {
+		role: "img",
+		"aria-label": `${r("bigconsole.widget.sankey.label", "Sankey flow chart")}: ${e.title}`,
+		className: "h-full w-full",
+		children: [/* @__PURE__ */ a(c, {
+			width: "100%",
+			height: "100%",
+			children: /* @__PURE__ */ a(l, {
+				data: h.data,
+				nodePadding: 24,
+				nodeWidth: 12,
+				margin: {
+					top: 20,
+					bottom: 20,
+					left: 100,
+					right: 100
+				},
+				link: {
+					stroke: "var(--color-chart-1)",
+					strokeOpacity: .35
+				},
+				node: p,
+				children: /* @__PURE__ */ a(u, {})
+			})
+		}), /* @__PURE__ */ a("span", {
+			className: "sr-only",
+			children: h.data.links.map((e) => `${h.data.nodes[e.source]?.name} to ${h.data.nodes[e.target]?.name}: ${e.value}`).join("; ")
+		})]
+	}) : /* @__PURE__ */ a(f, { message: r("bigconsole.widget.sankey.empty", "No positive flows to display.") });
+}), h = r(function({ widget: e, data: n = [] }) {
+	let { t: r } = s(), c = e.config, l = i(() => d(() => t(n, c)), [n, c]);
+	if (l.error) return /* @__PURE__ */ a(f, {
+		message: l.error,
+		error: !0
+	});
+	if (!l.data?.length) return /* @__PURE__ */ a(f, { message: r("bigconsole.widget.boxPlot.empty", "No observations to display.") });
+	let u = l.data, p = u.flatMap((e) => [
+		e.min,
+		e.max,
+		...e.outliers
+	]), m = p.reduce((e, t) => Math.min(e, t), Infinity), h = p.reduce((e, t) => Math.max(e, t), -Infinity), g = h / 2 - m / 2 || 1, _ = (e) => 140 + (e / 2 - m / 2) / g * 610, v = Math.max(160, u.length * 65 + 55);
+	return /* @__PURE__ */ o("svg", {
+		role: "img",
+		"aria-label": `${r("bigconsole.widget.boxPlot.label", "Box plot")}: ${e.title}`,
+		viewBox: `0 0 800 ${v}`,
+		className: "h-full w-full",
+		preserveAspectRatio: "xMidYMid meet",
+		children: [
+			/* @__PURE__ */ a("title", { children: e.title }),
+			/* @__PURE__ */ a("desc", { children: r("bigconsole.widget.boxPlot.description", "Boxes show the first and third quartiles with the median. Whiskers use the 1.5 interquartile-range rule; circles show outliers.") }),
+			u.map((e, t) => {
+				let n = t * 65 + 40;
+				return /* @__PURE__ */ o("g", { children: [
+					/* @__PURE__ */ a("title", { children: `${e.label}: min ${e.min}, Q1 ${e.q1}, median ${e.median}, Q3 ${e.q3}, max ${e.max}${e.count === void 0 ? "" : `; ${e.count} observations`}` }),
+					/* @__PURE__ */ a("text", {
+						x: 130,
+						y: n + 5,
+						textAnchor: "end",
+						fill: "var(--color-text-secondary)",
+						fontSize: 13,
+						children: e.label
+					}),
+					/* @__PURE__ */ a("line", {
+						x1: _(e.min),
+						x2: _(e.max),
+						y1: n,
+						y2: n,
+						stroke: "var(--color-chart-1)"
+					}),
+					/* @__PURE__ */ a("line", {
+						x1: _(e.min),
+						x2: _(e.min),
+						y1: n - 10,
+						y2: n + 10,
+						stroke: "var(--color-chart-1)"
+					}),
+					/* @__PURE__ */ a("line", {
+						x1: _(e.max),
+						x2: _(e.max),
+						y1: n - 10,
+						y2: n + 10,
+						stroke: "var(--color-chart-1)"
+					}),
+					/* @__PURE__ */ a("rect", {
+						x: _(e.q1),
+						y: n - 16,
+						width: Math.max(1, _(e.q3) - _(e.q1)),
+						height: 32,
+						fill: "var(--color-chart-1)",
+						fillOpacity: .25,
+						stroke: "var(--color-chart-1)"
+					}),
+					/* @__PURE__ */ a("line", {
+						x1: _(e.median),
+						x2: _(e.median),
+						y1: n - 16,
+						y2: n + 16,
+						stroke: "var(--color-text-primary)",
+						strokeWidth: 2
+					}),
+					e.outliers.map((e, t) => /* @__PURE__ */ a("circle", {
+						cx: _(e),
+						cy: n,
+						r: 3,
+						fill: "var(--color-chart-2)",
+						children: /* @__PURE__ */ a("title", { children: `${r("bigconsole.widget.boxPlot.outlier", "Outlier")}: ${e}` })
+					}, t))
+				] }, `${e.label}-${t}`);
+			}),
+			/* @__PURE__ */ a("text", {
+				x: 140,
+				y: v - 12,
+				fill: "var(--color-text-secondary)",
+				fontSize: 12,
+				children: m
+			}),
+			/* @__PURE__ */ a("text", {
+				x: 750,
+				y: v - 12,
+				textAnchor: "end",
+				fill: "var(--color-text-secondary)",
+				fontSize: 12,
+				children: h
+			})
+		]
+	});
+}), g = r(function({ widget: t, data: n = [] }) {
+	let { t: r } = s(), o = i(() => ({
+		...t,
+		config: {
+			...t.config,
+			chartType: "waterfall"
+		}
+	}), [t]), c = n && typeof n == "object" && !Array.isArray(n) && "rows" in n ? n.rows : n;
+	return Array.isArray(c) ? /* @__PURE__ */ a(e, {
+		widget: o,
+		data: c
+	}) : /* @__PURE__ */ a(f, {
+		message: r("bigconsole.widget.waterfall.invalidData", "Waterfall data must be an array of rows."),
+		error: !0
+	});
+});
+//#endregion
+export { h as BoxPlotWidget, m as SankeyWidget, g as WaterfallWidget };

package/dist/bigconsole/components/widgets/advanced/data.d.ts

@@ -0,0 +1,36 @@
+/** Normalizers operate only on rows already supplied by the governed widget data hub. */
+export interface SankeyNode {
+    name: string;
+}
+export interface SankeyLink {
+    source: number;
+    target: number;
+    value: number;
+}
+export interface SankeyData {
+    nodes: SankeyNode[];
+    links: SankeyLink[];
+}
+export interface SankeyFields {
+    sourceField?: string;
+    targetField?: string;
+    valueField?: string;
+}
+export interface BoxPlotFields {
+    groupField?: string;
+    valueField?: string;
+    mode?: 'observations' | 'summary';
+}
+export interface BoxPlotRow {
+    label: string;
+    min: number;
+    q1: number;
+    median: number;
+    q3: number;
+    max: number;
+    outliers: number[];
+    count?: number;
+}
+/** Recharts Sankey requires a directed acyclic graph, so reject cycles before layout. */
+export declare function normalizeSankey(data: unknown, fields?: SankeyFields): SankeyData;
+export declare function normalizeBoxPlot(data: unknown, fields?: BoxPlotFields): BoxPlotRow[];

package/dist/bigconsole/components/widgets/advanced/data.js

@@ -0,0 +1,113 @@
+//#region src/bigconsole/components/widgets/advanced/data.ts
+function e(e) {
+	if (e && typeof e == "object" && !Array.isArray(e) && "rows" in e && (e = e.rows), !Array.isArray(e)) throw Error("Expected an array of data rows.");
+	if (e.length > 1e5) throw Error("Too many chart rows; aggregate the source before displaying it.");
+	if (!e.every((e) => typeof e == "object" && !!e && !Array.isArray(e))) throw Error("Every data row must be an object.");
+	return e;
+}
+function t(e) {
+	return typeof e == "number" && Number.isFinite(e);
+}
+function n(e) {
+	if (typeof e != "string" && typeof e != "number") throw Error("Labels must be text or numbers.");
+	let t = String(e).trim();
+	if (!t) throw Error("Labels cannot be empty.");
+	return t;
+}
+function r(r, i = {}) {
+	let a = i.sourceField || "source", o = i.targetField || "target", s = i.valueField || "value", c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+	function u(e) {
+		let t = c.get(e);
+		if (t !== void 0) return t;
+		let n = c.size;
+		if (n >= 200) throw Error("Too many Sankey nodes; aggregate categories before displaying them.");
+		return c.set(e, n), n;
+	}
+	for (let i of e(r)) {
+		let e = u(n(i[a])), r = u(n(i[o])), c = i[s];
+		if (!t(c) || c < 0) throw Error("Flow values must be finite nonnegative numbers.");
+		if (e === r) throw Error("A flow cannot connect a node to itself.");
+		let d = `${e}:${r}`, f = l.get(d), p = (f?.value ?? 0) + c;
+		if (!Number.isFinite(p)) throw Error("Combined flow value is too large.");
+		if (!f && l.size >= 1e3) throw Error("Too many Sankey links; aggregate flows before displaying them.");
+		l.set(d, {
+			source: e,
+			target: r,
+			value: p
+		});
+	}
+	let d = [...l.values()].filter((e) => e.value > 0), f = /* @__PURE__ */ new Map();
+	for (let e of d) for (let t of [`${e.source}:out`, `${e.target}:in`]) {
+		let n = (f.get(t) ?? 0) + e.value;
+		if (!Number.isFinite(n)) throw Error("Total flow value is too large.");
+		f.set(t, n);
+	}
+	let p = Array.from({ length: c.size }, () => /* @__PURE__ */ new Set()), m = Array.from({ length: c.size }, () => 0);
+	for (let e of d) p[e.source]?.add(e.target), m[e.target] = (m[e.target] ?? 0) + 1;
+	let h = m.flatMap((e, t) => e === 0 ? [t] : []), g = 0;
+	for (let e = 0; e < h.length; e++) {
+		let t = h[e];
+		if (t !== void 0) {
+			g++;
+			for (let e of p[t] ?? []) m[e] = (m[e] ?? 0) - 1, m[e] === 0 && h.push(e);
+		}
+	}
+	if (g !== c.size) throw Error("Sankey data must not contain cycles.");
+	return {
+		nodes: [...c.keys()].map((e) => ({ name: e })),
+		links: d
+	};
+}
+function i(e, t) {
+	let n = (e.length - 1) * t, r = Math.floor(n), i = e[r] ?? 0, a = n - r;
+	return i * (1 - a) + (e[r + 1] ?? i) * a;
+}
+function a(r, a = {}) {
+	let o = a.groupField || "group", s = a.valueField || "value", c = e(r);
+	if (a.mode === "summary" && c.length > 50) throw Error("Too many box plot groups; filter to 50 groups or fewer.");
+	if (a.mode === "summary") return c.map((e) => {
+		let r = [
+			e.min,
+			e.q1,
+			e.median,
+			e.q3,
+			e.max
+		];
+		if (!r.every(t)) throw Error("Box plot summaries require five finite numeric values.");
+		if (r.some((e, t) => t > 0 && e < (r[t - 1] ?? e))) throw Error("Box plot summary values must satisfy min ≤ q1 ≤ median ≤ q3 ≤ max.");
+		let [i = 0, a = 0, s = 0, c = 0, l = 0] = r;
+		return {
+			label: n(e[o]),
+			min: i,
+			q1: a,
+			median: s,
+			q3: c,
+			max: l,
+			outliers: []
+		};
+	});
+	let l = /* @__PURE__ */ new Map();
+	for (let e of c) {
+		let r = n(e[o]), i = e[s];
+		if (!t(i)) throw Error("Box plot observations must be finite numbers.");
+		let a = l.get(r) ?? [];
+		if (a.push(i), !l.has(r) && l.size >= 50) throw Error("Too many box plot groups; filter to 50 groups or fewer.");
+		l.set(r, a);
+	}
+	return [...l].map(([e, t]) => {
+		t.sort((e, t) => e - t);
+		let n = i(t, .25), r = i(t, .5), a = i(t, .75), o = a - n, s = t.filter((e) => e >= n - 1.5 * o && e <= a + 1.5 * o);
+		return {
+			label: e,
+			min: s[0] ?? n,
+			q1: n,
+			median: r,
+			q3: a,
+			max: s[s.length - 1] ?? a,
+			outliers: t.filter((e) => e < n - 1.5 * o || e > a + 1.5 * o),
+			count: t.length
+		};
+	});
+}
+//#endregion
+export { a as normalizeBoxPlot, r as normalizeSankey };

package/dist/bigconsole/components/widgets/advanced/mapData.d.ts

@@ -0,0 +1,10 @@
+export interface BoundMapMarker {
+    name: string;
+    lat: number;
+    lng: number;
+    value?: number;
+    popup?: string;
+    color?: string;
+}
+/** Accept standard marker rows or configured raw source fields, without inventing coordinates. */
+export declare function normalizeMapMarkers(input: unknown, config?: Record<string, unknown>): BoundMapMarker[];

package/dist/bigconsole/components/widgets/advanced/mapData.js

@@ -0,0 +1,22 @@
+//#region src/bigconsole/components/widgets/advanced/mapData.ts
+function e(e, t = {}) {
+	if (!Array.isArray(e)) return [];
+	let n = typeof t.latitudeField == "string" ? t.latitudeField : "lat", r = typeof t.longitudeField == "string" ? t.longitudeField : "lng", i = typeof t.labelField == "string" ? t.labelField : "name", a = typeof t.valueField == "string" ? t.valueField : "value", o = [];
+	for (let t of e) {
+		if (!t || typeof t != "object" || Array.isArray(t)) continue;
+		let e = t[n], s = t[r];
+		if (typeof e != "number" || typeof s != "number" || !Number.isFinite(e) || !Number.isFinite(s) || Math.abs(e) > 90 || Math.abs(s) > 180) continue;
+		let c = t[i], l = t[a];
+		o.push({
+			name: typeof c == "string" || typeof c == "number" ? String(c) : "",
+			lat: e,
+			lng: s,
+			value: typeof l == "number" && Number.isFinite(l) ? l : void 0,
+			popup: typeof t.popup == "string" ? t.popup : void 0,
+			color: typeof t.color == "string" ? t.color : void 0
+		});
+	}
+	return o;
+}
+//#endregion
+export { e as normalizeMapMarkers };

package/dist/bigconsole/components/widgets/advanced/waterfallData.d.ts

@@ -0,0 +1,15 @@
+export interface WaterfallRow {
+    name: string;
+    range: [number, number];
+    delta: number;
+    cumulative: number;
+    isTotal: boolean;
+    sign: 'up' | 'down' | 'total';
+    original?: Record<string, unknown>;
+}
+export declare function buildWaterfallRows(data: Record<string, unknown>[], options?: {
+    labelField?: string;
+    valueField?: string;
+    showTotal?: boolean;
+    totalLabel?: string;
+}): WaterfallRow[];

package/dist/bigconsole/components/widgets/advanced/waterfallData.js

@@ -0,0 +1,28 @@
+//#region src/bigconsole/components/widgets/advanced/waterfallData.ts
+function e(e, t = {}) {
+	let n = t.labelField || "name", r = t.valueField || "value", i = 0, a = e.map((e) => {
+		let t = e[r], a = typeof t == "number" ? t : typeof t == "string" && t.trim() ? Number(t) : NaN;
+		if (!Number.isFinite(a)) throw Error("Waterfall changes must be finite numbers.");
+		let o = i;
+		if (i += a, !Number.isFinite(i)) throw Error("The cumulative waterfall value is too large.");
+		return {
+			name: String(e[n] ?? ""),
+			range: [Math.min(o, i), Math.max(o, i)],
+			delta: a,
+			cumulative: i,
+			isTotal: !1,
+			sign: a >= 0 ? "up" : "down",
+			original: e
+		};
+	});
+	return t.showTotal && a.length && a.push({
+		name: t.totalLabel || "Total",
+		range: [Math.min(0, i), Math.max(0, i)],
+		delta: i,
+		cumulative: i,
+		isTotal: !0,
+		sign: "total"
+	}), a;
+}
+//#endregion
+export { e as buildWaterfallRows };

package/dist/bigconsole/components/widgets/chart/charts/WaterfallChart.js

@@ -1,46 +1,46 @@
-import e from "../ChartTooltip.js";
-import { buildReferenceElements as t } from "./referenceElements.js";
+import { buildReferenceElements as e } from "./referenceElements.js";
+import { buildWaterfallRows as t } from "../../advanced/waterfallData.js";
 import { memo as n, useMemo as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Bar as o, BarChart as s, CartesianGrid as c, Cell as l, ResponsiveContainer as u, Tooltip as d, XAxis as f, YAxis as p } from "recharts";
 //#region src/bigconsole/components/widgets/chart/charts/WaterfallChart.tsx
 var m = "var(--color-status-success)", h = "var(--color-status-error)", g = "var(--color-chart-1)", _ = n(function({ data: n = [], config: _, onDataClick: v }) {
 	let y = _.labelField || _.xAxisKey || "name", b = _.valueField || "value", x = r(() => {
-		if (!n.length) return [];
-		let e = 0, t = n.map((t) => {
-			let n = typeof t[b] == "number" ? t[b] : Number(t[b]) || 0, r = n >= 0 ? e : e + n;
-			return e += n, {
-				name: String(t[y] ?? ""),
-				base: r,
-				delta: Math.abs(n),
-				cumulative: e,
-				isTotal: !1,
-				sign: n >= 0 ? "up" : "down"
+		try {
+			return {
+				rows: t(n, {
+					labelField: y,
+					valueField: b,
+					showTotal: _.showTotal,
+					totalLabel: _.totalLabel
+				}),
+				error: void 0
+			};
+		} catch (e) {
+			return {
+				rows: [],
+				error: e instanceof Error ? e.message : "Invalid waterfall data."
 			};
-		});
-		return _.showTotal && t.push({
-			name: _.totalLabel || "Total",
-			base: 0,
-			delta: e,
-			cumulative: e,
-			isTotal: !0,
-			sign: "total"
-		}), t;
+		}
 	}, [
 		n,
 		y,
 		b,
 		_.showTotal,
 		_.totalLabel
-	]), S = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
+	]), S = x.rows, C = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
 		notation: Math.abs(e) >= 1e4 ? "compact" : "standard",
 		maximumFractionDigits: 2
 	}).format(e) : String(e);
-	return x.length ? /* @__PURE__ */ i(u, {
+	return x.error ? /* @__PURE__ */ i("div", {
+		role: "alert",
+		className: "p-4 text-sm text-secondary",
+		children: x.error
+	}) : S.length ? /* @__PURE__ */ i(u, {
 		width: "100%",
 		height: "100%",
 		children: /* @__PURE__ */ a(s, {
-			data: x,
+			data: S,
 			margin: {
 				top: 10,
 				right: 10,
@@ -48,7 +48,10 @@ var m = "var(--color-status-success)", h = "var(--color-status-error)", g = "var
 				bottom: 0
 			},
 			onClick: (e) => {
-				e?.activePayload?.[0] && v && v(e.activePayload[0].payload, e.activeTooltipIndex || 0);
+				if (e?.activePayload?.[0] && v) {
+					let t = e.activePayload[0].payload;
+					t.original && v(t.original, e.activeTooltipIndex || 0);
+				}
 			},
 			children: [
 				_.showGrid !== !1 && /* @__PURE__ */ i(c, {
@@ -73,25 +76,18 @@ var m = "var(--color-status-success)", h = "var(--color-status-error)", g = "var
 					},
 					tickLine: { stroke: "var(--color-border-default)" },
 					axisLine: { stroke: "var(--color-border-default)" },
-					tickFormatter: S
+					tickFormatter: C
 				}),
 				/* @__PURE__ */ i(d, {
-					content: /* @__PURE__ */ i(e, { valueFormatter: S }),
+					formatter: (e, t, n) => C(typeof n.payload?.delta == "number" ? n.payload.delta : 0),
 					cursor: {
 						fill: "var(--color-bg-muted)",
 						opacity: .5
 					}
 				}),
-				t(_.referenceLines),
-				/* @__PURE__ */ i(o, {
-					dataKey: "base",
-					stackId: "wf",
-					fill: "transparent",
-					isAnimationActive: !1
-				}),
+				e(_.referenceLines),
 				/* @__PURE__ */ i(o, {
-					dataKey: "delta",
-					stackId: "wf",
+					dataKey: "range",
 					radius: [
 						4,
 						4,
@@ -99,7 +95,8 @@ var m = "var(--color-status-success)", h = "var(--color-status-error)", g = "var
 						0
 					],
 					name: "Change",
-					children: x.map((e, t) => /* @__PURE__ */ i(l, { fill: e.sign === "total" ? g : e.sign === "up" ? m : h }, t))
+					isAnimationActive: !1,
+					children: S.map((e, t) => /* @__PURE__ */ i(l, { fill: e.sign === "total" ? g : e.sign === "up" ? m : h }, t))
 				})
 			]
 		})