@burdenoff/microfe-bigconsole 2026.617.1 → 2026.622.1

package/dist/bigconsole/components/dashboard/LiveBoardBanner.js

@@ -0,0 +1,87 @@
+import { memo as e, useEffect as t, useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/bigconsole/components/dashboard/LiveBoardBanner.tsx
+function o(e) {
+	let t = null;
+	for (let n of e) {
+		let e = n.refreshInterval;
+		typeof e == "number" && e > 0 && (t = t === null ? e : Math.min(t, e));
+	}
+	return t;
+}
+function s(e) {
+	if (e <= 0) return "just now";
+	if (e < 60) return `${e}s ago`;
+	let t = Math.floor(e / 60), n = e % 60;
+	return n === 0 ? `${t}m ago` : `${t}m ${n}s ago`;
+}
+var c = e(function({ widgets: e, isEditMode: c = !1 }) {
+	let l = n(() => o(e), [e]), [u, d] = r(() => Date.now()), [f, p] = r(0);
+	if (t(() => {
+		if (c || !l) return;
+		d(Date.now()), p(0);
+		let e = setInterval(() => {
+			p((e) => {
+				let t = e + 1;
+				return t >= l ? (d(Date.now()), 0) : t;
+			});
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [
+		c,
+		l,
+		e.length
+	]), c || !l) return null;
+	let m = new Date(u).toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	});
+	return /* @__PURE__ */ a("div", {
+		className: "flex items-center justify-between gap-3 px-4 py-1.5 border-b border-border-default bg-status-success-bg flex-shrink-0",
+		role: "status",
+		"aria-live": "polite",
+		"data-testid": "live-board-banner",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center gap-2 min-w-0",
+			children: [
+				/* @__PURE__ */ a("span", {
+					className: "relative flex h-2.5 w-2.5 flex-shrink-0",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ i("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-text opacity-60" }), /* @__PURE__ */ i("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-status-success-text" })]
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "text-xs font-semibold uppercase tracking-wide text-status-success-text",
+					children: "Live"
+				}),
+				/* @__PURE__ */ a("span", {
+					className: "text-xs text-text-secondary truncate",
+					children: [
+						"Auto-refreshing every ",
+						l,
+						"s — no reload needed"
+					]
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "flex items-center gap-1.5 flex-shrink-0",
+			children: [/* @__PURE__ */ a("span", {
+				className: "text-xs text-text-tertiary",
+				"data-testid": "live-board-asof",
+				children: ["As of ", m]
+			}), /* @__PURE__ */ a("span", {
+				className: "text-xs text-text-tertiary tabular-nums",
+				"data-testid": "live-board-ago",
+				children: [
+					"(updated ",
+					s(f),
+					")"
+				]
+			})]
+		})]
+	});
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=LiveBoardBanner.js.map

package/dist/bigconsole/components/dashboard/LiveBoardBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveBoardBanner.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/LiveBoardBanner.tsx"],"sourcesContent":["/**\n * LiveBoardBanner\n *\n * Wall-display \"live\" freshness indicator for auto-refreshing boards\n * (BC-PFC-07 — Live Bed Board). It surfaces, to the operator standing in front\n * of a wall display, that the board is updating itself on a fixed cadence and\n * how stale the data on screen is right now.\n *\n * WHY THIS EXISTS (and why it is polling, not a WebSocket subscription):\n *   The Live Bed Board spec wants push-based GraphQL subscriptions\n *   (`dataSinkDataUpdated` / `dataSinkUpdated`) with a MANDATORY 30s poll\n *   fallback for transports that lack a WebSocket upgrade. In this deployment\n *   the subscription transport is genuinely absent — the backend GraphQL server\n *   (`@burdenoff/be-sdk` createServer) is HTTP-only with no graphql-ws transport\n *   or PubSub, and the two sink subscriptions are declared in the SDL but have\n *   no resolvers. So the board runs on the spec's own fallback path: each data\n *   widget carries `refreshInterval` (30s on the Live Bed Board), which\n *   `useWidgetData` turns into an Apollo `pollInterval`. This banner makes that\n *   cadence visible and ticks an \"updated …s ago\" clock between polls.\n *\n * It is intentionally generic: it lights up for ANY board whose visible widgets\n * declare a refresh interval (not just the bed board), and stays hidden in edit\n * mode and on static boards. Semantic status tokens only — no raw colors — so\n * it themes correctly on light / dark / high-contrast wall displays.\n */\n\nimport { type FC, memo, useEffect, useMemo, useState } from 'react';\nimport type { Widget } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface LiveBoardBannerProps {\n  /** Widgets currently rendered on the active page */\n  widgets: Widget[];\n  /** Hide the banner while the dashboard is being edited */\n  isEditMode?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * The board's live cadence is the SHORTEST positive refreshInterval among the\n * visible widgets (in seconds). A board with no refreshing widget is static and\n * the banner does not render.\n */\nfunction deriveRefreshSeconds(widgets: Widget[]): number | null {\n  let min: number | null = null;\n  for (const w of widgets) {\n    const interval = (w as { refreshInterval?: number | null }).refreshInterval;\n    if (typeof interval === 'number' && interval > 0) {\n      min = min === null ? interval : Math.min(min, interval);\n    }\n  }\n  return min;\n}\n\nfunction formatAgo(seconds: number): string {\n  if (seconds <= 0) return 'just now';\n  if (seconds < 60) return `${seconds}s ago`;\n  const mins = Math.floor(seconds / 60);\n  const rem = seconds % 60;\n  return rem === 0 ? `${mins}m ago` : `${mins}m ${rem}s ago`;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const LiveBoardBanner: FC<LiveBoardBannerProps> = memo(function LiveBoardBanner({\n  widgets,\n  isEditMode = false,\n}) {\n  const refreshSeconds = useMemo(() => deriveRefreshSeconds(widgets), [widgets]);\n\n  // Anchor each refresh cycle. We cannot observe each widget's individual poll\n  // completion from here, but every widget on the board shares the same cadence,\n  // so we model the board's \"as of\" clock as a cycle anchored to mount and\n  // advanced every `refreshSeconds`. This keeps the displayed freshness honest\n  // (it never claims to be fresher than the poll cadence allows).\n  const [lastRefreshAt, setLastRefreshAt] = useState<number>(() => Date.now());\n  const [agoSeconds, setAgoSeconds] = useState(0);\n\n  useEffect(() => {\n    if (isEditMode || !refreshSeconds) return;\n    // Reset the cycle whenever the cadence or the widget set changes.\n    setLastRefreshAt(Date.now());\n    setAgoSeconds(0);\n\n    const tick = setInterval(() => {\n      setAgoSeconds((prev) => {\n        const next = prev + 1;\n        if (next >= refreshSeconds) {\n          // A poll cycle completed — the widgets have just re-fetched.\n          setLastRefreshAt(Date.now());\n          return 0;\n        }\n        return next;\n      });\n    }, 1000);\n\n    return () => clearInterval(tick);\n  }, [isEditMode, refreshSeconds, widgets.length]);\n\n  if (isEditMode || !refreshSeconds) return null;\n\n  const asOf = new Date(lastRefreshAt).toLocaleTimeString([], {\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n  });\n\n  return (\n    <div\n      className=\"flex items-center justify-between gap-3 px-4 py-1.5 border-b border-border-default bg-status-success-bg flex-shrink-0\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-testid=\"live-board-banner\"\n    >\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <span className=\"relative flex h-2.5 w-2.5 flex-shrink-0\" aria-hidden=\"true\">\n          <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-text opacity-60\" />\n          <span className=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-status-success-text\" />\n        </span>\n        <span className=\"text-xs font-semibold uppercase tracking-wide text-status-success-text\">Live</span>\n        <span className=\"text-xs text-text-secondary truncate\">\n          Auto-refreshing every {refreshSeconds}s — no reload needed\n        </span>\n      </div>\n      <div className=\"flex items-center gap-1.5 flex-shrink-0\">\n        <span className=\"text-xs text-text-tertiary\" data-testid=\"live-board-asof\">\n          As of {asOf}\n        </span>\n        <span className=\"text-xs text-text-tertiary tabular-nums\" data-testid=\"live-board-ago\">\n          (updated {formatAgo(agoSeconds)})\n        </span>\n      </div>\n    </div>\n  );\n});\n\nexport default LiveBoardBanner;\n"],"mappings":";;;AAiDA,SAAS,EAAqB,GAAkC;CAC9D,IAAI,IAAqB;AACzB,MAAK,IAAM,KAAK,GAAS;EACvB,IAAM,IAAY,EAA0C;AAC5D,EAAI,OAAO,KAAa,YAAY,IAAW,MAC7C,IAAM,MAAQ,OAAO,IAAW,KAAK,IAAI,GAAK,EAAS;;AAG3D,QAAO;;AAGT,SAAS,EAAU,GAAyB;AAC1C,KAAI,KAAW,EAAG,QAAO;AACzB,KAAI,IAAU,GAAI,QAAO,GAAG,EAAQ;CACpC,IAAM,IAAO,KAAK,MAAM,IAAU,GAAG,EAC/B,IAAM,IAAU;AACtB,QAAO,MAAQ,IAAI,GAAG,EAAK,SAAS,GAAG,EAAK,IAAI,EAAI;;AAOtD,IAAa,IAA4C,EAAK,SAAyB,EACrF,YACA,gBAAa,MACZ;CACD,IAAM,IAAiB,QAAc,EAAqB,EAAQ,EAAE,CAAC,EAAQ,CAAC,EAOxE,CAAC,GAAe,KAAoB,QAAuB,KAAK,KAAK,CAAC,EACtE,CAAC,GAAY,KAAiB,EAAS,EAAE;AAuB/C,KArBA,QAAgB;AACd,MAAI,KAAc,CAAC,EAAgB;AAGnC,EADA,EAAiB,KAAK,KAAK,CAAC,EAC5B,EAAc,EAAE;EAEhB,IAAM,IAAO,kBAAkB;AAC7B,MAAe,MAAS;IACtB,IAAM,IAAO,IAAO;AAMpB,WALI,KAAQ,KAEV,EAAiB,KAAK,KAAK,CAAC,EACrB,KAEF;KACP;KACD,IAAK;AAER,eAAa,cAAc,EAAK;IAC/B;EAAC;EAAY;EAAgB,EAAQ;EAAO,CAAC,EAE5C,KAAc,CAAC,EAAgB,QAAO;CAE1C,IAAM,IAAO,IAAI,KAAK,EAAc,CAAC,mBAAmB,EAAE,EAAE;EAC1D,MAAM;EACN,QAAQ;EACR,QAAQ;EACT,CAAC;AAEF,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,aAAU;EACV,eAAY;YAJd,CAME,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD;KAAM,WAAU;KAA0C,eAAY;eAAtE,CACE,kBAAC,QAAD,EAAM,WAAU,kGAAmG,CAAA,EACnH,kBAAC,QAAD,EAAM,WAAU,wEAAyE,CAAA,CACpF;;IACP,kBAAC,QAAD;KAAM,WAAU;eAAyE;KAAW,CAAA;IACpG,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAAuD;MAC9B;MAAe;MACjC;;IACH;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;IAA6B,eAAY;cAAzD,CAA2E,UAClE,EACF;OACP,kBAAC,QAAD;IAAM,WAAU;IAA0C,eAAY;cAAtE;KAAuF;KAC3E,EAAU,EAAW;KAAC;KAC3B;MACH;KACF;;EAER"}

package/dist/bigconsole/components/dashboard/index.js

@@ -6,6 +6,7 @@ import "./GlobalFiltersBar/FilterChip.js";
 import "./GlobalFiltersBar/FilterEditor.js";
 import "./GlobalFiltersBar/GlobalFiltersBar.js";
 import "./GlobalFiltersBar/index.js";
+import "./LiveBoardBanner.js";
 import "./PageTabsManager/PageTabsManager.js";
 import "./PageTabsManager/index.js";
 import "./ShareDialog/ShareDialog.js";

package/dist/bigconsole/components/widgets/WidgetWrapper.js

@@ -20,7 +20,7 @@ import "./widget-actions/index.js";
 import { Suspense as l, lazy as u, memo as d, useCallback as f, useEffect as fe, useMemo as p, useRef as m, useState as h } from "react";
 import { jsx as g, jsxs as pe } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/WidgetWrapper.tsx
-var me = u(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), he = u(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), ge = u(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), _e = u(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), ve = u(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), ye = u(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), be = u(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), xe = u(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Se = u(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), Ce = u(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), we = u(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), Te = u(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), Ee = u(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), De = u(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Oe = u(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), ke = u(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget }))), Ae = u(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget }))), je = u(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
+var me = u(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), he = u(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), ge = u(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), _e = u(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), ve = u(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), ye = u(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), be = u(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), xe = u(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Se = u(() => import("./retention/index.js").then((e) => ({ default: e.RetentionWidget }))), Ce = u(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), we = u(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), Te = u(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), Ee = u(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), De = u(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), Oe = u(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), ke = u(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), Ae = u(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget }))), je = u(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget }))), Me = u(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
 function _(e, t) {
 	if (e.widget.id !== t.widget.id || e.widget.updatedAt !== t.widget.updatedAt || e.isLoading !== t.isLoading || e.error !== t.error || (e.actions?.length ?? 0) !== (t.actions?.length ?? 0)) return !1;
 	if (e.actions && t.actions) {
@@ -28,9 +28,9 @@ function _(e, t) {
 	}
 	return !(e.data !== t.data || JSON.stringify(e.filterValues) !== JSON.stringify(t.filterValues));
 }
-var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoading: Me, error: Ne, onRefresh: y, onDrilldown: Pe, actions: b, onAction: x, filterValues: S }) {
-	let C = r((e) => e.viewMode === "edit"), w = t((e) => e.selectWidget), T = e(u.id), E = n(u.id), D = i(), Fe = !!u.dataSinkId || !!u.datasetId || !!u.parserId, { data: O, loading: Ie } = a(u.id, {
-		skip: !Fe,
+var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoading: Ne, error: Pe, onRefresh: y, onDrilldown: Fe, actions: b, onAction: x, filterValues: S }) {
+	let C = r((e) => e.viewMode === "edit"), w = t((e) => e.selectWidget), T = e(u.id), E = n(u.id), D = i(), Ie = !!u.dataSinkId || !!u.datasetId || !!u.parserId, { data: O, loading: Le } = a(u.id, {
+		skip: !Ie,
 		pollInterval: (u.refreshInterval ?? 0) * 1e3 || 0
 	}), k = p(() => {
 		if (typeof window > "u") return {};
@@ -48,21 +48,21 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		k,
 		D,
 		S
-	]), j = Object.keys(A).length > 0, M = Me ?? (Ie && !O) ?? E.isLoading, N = Ne ?? E.errorMessage, Le = o(u.type), P = m(y);
+	]), j = Object.keys(A).length > 0, M = Ne ?? (Le && !O) ?? E.isLoading, N = Pe ?? E.errorMessage, Re = o(u.type), P = m(y);
 	fe(() => {
 		P.current = y;
 	}, [y]);
 	let F = f(async () => {
 		P.current && await P.current();
-	}, []), { timeUntilRefresh: Re, isPaused: ze } = te({
+	}, []), { timeUntilRefresh: ze, isPaused: Be } = te({
 		widgetId: u.id,
 		refreshInterval: u.refreshInterval,
 		onRefresh: F,
 		enabled: !C && !!u.refreshInterval
-	}), I = m(null), [L, R] = h(!1), [z, Be] = h(!1), { count: Ve } = ne(u.id, z), He = f(() => {
+	}), I = m(null), [L, R] = h(!1), [z, Ve] = h(!1), { count: He } = ne(u.id, z), Ue = f(() => {
 		R((e) => {
 			let t = !e;
-			return t && Be(!0), t;
+			return t && Ve(!0), t;
 		});
 	}, []), B = p(() => {
 		if (_ && Array.isArray(_)) return _;
@@ -73,7 +73,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 			if (Array.isArray(t)) return t;
 		}
 		return null;
-	}, [_, u]), { exportCSV: Ue, exportPNG: We } = re(u, {
+	}, [_, u]), { exportCSV: We, exportPNG: Ge } = re(u, {
 		data: B,
 		containerRef: I
 	}), V = f((e) => {
@@ -121,6 +121,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 				if (i) return e[i];
 			}
 		}, a = (e) => e.filter((e) => {
+			if (typeof e != "object" || !e || Array.isArray(e)) return !0;
 			for (let [n, a] of Object.entries(t)) {
 				if (a == null || a === "") continue;
 				let t = i(e, n);
@@ -168,7 +169,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 							}
 						}
 					}
-					if (!n) return !1;
+					if (!n) continue;
 				}
 			}
 			return !0;
@@ -236,6 +237,13 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 				V(n) && (e = n);
 			} catch {}
 		}
+		if (e && typeof e == "object" && !Array.isArray(e)) {
+			let t = u.config, n = t?.dataKey ?? t?.dataPath ?? t?.seriesPath;
+			if (n && typeof n == "string") {
+				let t = n.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e);
+				t != null && V(t) && (e = t);
+			}
+		}
 		return j && e ? H(e) : e;
 	}, [
 		_,
@@ -246,7 +254,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		A,
 		V
 	]), W = p(() => U ?? null, [U]), { executeDrilldown: G, canDrilldown: K } = ie({ onDrilldown: (e, t) => {
-		Pe?.(e);
+		Fe?.(e);
 	} }), q = p(() => K(u), [u, K]), J = f((e) => {
 		if (!u.drilldown?.enabled) return;
 		let t = {
@@ -266,12 +274,12 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		W,
 		D,
 		G
-	]), Y = m(null), Ge = f((e) => {
+	]), Y = m(null), Ke = f((e) => {
 		Y.current = {
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, []), Ke = f((e) => {
+	}, []), qe = f((e) => {
 		if (e.stopPropagation(), Y.current) {
 			let t = Math.abs(e.clientX - Y.current.x), n = Math.abs(e.clientY - Y.current.y);
 			if (t > 5 || n > 5) {
@@ -284,20 +292,20 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		C,
 		w,
 		u.id
-	]), qe = f((e) => {
+	]), Je = f((e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C && w(u.id));
 	}, [
 		C,
 		w,
 		u.id
-	]), Je = p(() => u.type === "custom" && le(u.config), [u.type, u.config]), Ye = p(() => u.type === "custom" && ce(u.config), [u.type, u.config]), X = q && !Ye, Xe = !M && !N && !W && !Je, Z = p(() => u.renderer, [u]), Q = p(() => Z && Z !== "BIGCONSOLE", [Z]), Ze = p(() => ({
+	]), Ye = p(() => u.type === "custom" && le(u.config), [u.type, u.config]), Xe = p(() => u.type === "custom" && ce(u.config), [u.type, u.config]), X = q && !Xe, Ze = !M && !N && !W && !Ye, Z = p(() => u.renderer, [u]), Q = p(() => Z && Z !== "BIGCONSOLE", [Z]), Qe = p(() => ({
 		widgetId: u.id,
 		data: W || {}
 	}), [u.id, W]), $ = f((e, t) => {
 		if (!x) return;
 		let n = b?.find((t) => t.name === e.name);
 		x(n || e, t);
-	}, [x, b]), Qe = f(() => {
+	}, [x, b]), $e = f(() => {
 		let e = {
 			widget: u,
 			data: (() => {
@@ -385,7 +393,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		}
 		switch (u.type?.toLowerCase() || "") {
 			case "metric_card": return /* @__PURE__ */ g(me, { ...e });
-			case "kpi_card_comparison": return /* @__PURE__ */ g(Te, { ...e });
+			case "kpi_card_comparison": return /* @__PURE__ */ g(Ee, { ...e });
 			case "chart":
 			case "funnel_chart": return /* @__PURE__ */ g(he, { ...e });
 			case "table": return /* @__PURE__ */ g(ge, { ...e });
@@ -394,14 +402,15 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 			case "progress": return /* @__PURE__ */ g(ye, { ...e });
 			case "list": return /* @__PURE__ */ g(be, { ...e });
 			case "heatmap": return /* @__PURE__ */ g(xe, { ...e });
-			case "calendar": return /* @__PURE__ */ g(Se, { ...e });
-			case "timeline": return /* @__PURE__ */ g(we, { ...e });
-			case "kanban": return /* @__PURE__ */ g(Ce, { ...e });
-			case "form": return /* @__PURE__ */ g(Ae, { ...e });
-			case "text": return /* @__PURE__ */ g(Ee, { ...e });
-			case "iframe": return /* @__PURE__ */ g(Oe, { ...e });
-			case "map": return /* @__PURE__ */ g(De, { ...e });
-			case "custom": return /* @__PURE__ */ g(ke, { ...e });
+			case "retention": return /* @__PURE__ */ g(Se, { ...e });
+			case "calendar": return /* @__PURE__ */ g(Ce, { ...e });
+			case "timeline": return /* @__PURE__ */ g(Te, { ...e });
+			case "kanban": return /* @__PURE__ */ g(we, { ...e });
+			case "form": return /* @__PURE__ */ g(je, { ...e });
+			case "text": return /* @__PURE__ */ g(De, { ...e });
+			case "iframe": return /* @__PURE__ */ g(ke, { ...e });
+			case "map": return /* @__PURE__ */ g(Oe, { ...e });
+			case "custom": return /* @__PURE__ */ g(Ae, { ...e });
 			default: return d || /* @__PURE__ */ g(c, { widgetType: u.type });
 		}
 	}, [
@@ -430,9 +439,9 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
         ${C ? "cursor-pointer" : ""}
         ${v}
       `,
-		onMouseDown: Ge,
-		onClick: Ke,
-		onKeyDown: qe,
+		onMouseDown: Ke,
+		onClick: qe,
+		onKeyDown: Je,
 		tabIndex: C ? 0 : -1,
 		role: C ? "button" : void 0,
 		"aria-selected": T,
@@ -442,19 +451,19 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		children: [
 			/* @__PURE__ */ g(ae, {
 				widget: u,
-				definition: Le,
+				definition: Re,
 				isSelected: T,
 				isEditMode: C,
 				isLoading: M,
-				timeUntilRefresh: u.refreshInterval && !ze ? ee(Re) : void 0,
+				timeUntilRefresh: u.refreshInterval && !Be ? ee(ze) : void 0,
 				hasDrilldown: q,
 				onRefresh: y,
-				onExportCSV: B ? Ue : void 0,
-				onExportPNG: We,
+				onExportCSV: B ? We : void 0,
+				onExportPNG: Ge,
 				onDrilldown: q ? () => J() : void 0,
-				onToggleComments: He,
+				onToggleComments: Ue,
 				commentsOpen: L,
-				commentCount: z ? Ve : void 0
+				commentCount: z ? He : void 0
 			}),
 			/* @__PURE__ */ g("div", {
 				className: `
@@ -470,7 +479,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 							error: N,
 							onRetry: y
 						});
-						if (Xe && !d) return /* @__PURE__ */ g(c, {
+						if (Ze && !d) return /* @__PURE__ */ g(c, {
 							widgetType: u.type,
 							hasDataSource: !!u.parserId || !!u.dataSinkId
 						});
@@ -482,7 +491,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 							resetKey: e,
 							children: d ?? /* @__PURE__ */ g(l, {
 								fallback: /* @__PURE__ */ g(s, {}),
-								children: Qe()
+								children: $e()
 							})
 						});
 					})()
@@ -493,7 +502,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 				style: { flexShrink: 0 },
 				children: /* @__PURE__ */ g(de, {
 					actions: b,
-					context: Ze,
+					context: Qe,
 					onAction: x,
 					disabled: C,
 					layout: "horizontal",
@@ -518,7 +527,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 			}),
 			L && /* @__PURE__ */ g(l, {
 				fallback: null,
-				children: /* @__PURE__ */ g(je, {
+				children: /* @__PURE__ */ g(Me, {
 					widgetId: u.id,
 					onClose: () => R(!1)
 				})