@burdenoff/microfe-bigconsole 2026.803.2 → 2026.803.4

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

@@ -9,21 +9,22 @@ import ne from "../../hooks/useWidgetComments.js";
 import re from "../../hooks/useWidgetExport.js";
 import ie from "../../hooks/useDrilldown.js";
 import "../../hooks/index.js";
-import ae from "./WidgetHeader.js";
-import c from "./states/LoadingState.js";
-import oe from "./states/ErrorState.js";
-import l from "./states/EmptyState.js";
-import se from "./WidgetErrorBoundary.js";
-import { hasCustomIframeConfig as ce, hasRenderableCustomConfig as le } from "./custom/config.js";
-import { getBindingForWidget as ue } from "../../utils/widgetBinding.js";
-import de from "../../renderers/factory/WidgetRendererFactory.js";
-import fe from "./widget-actions/WidgetActions.js";
+import { resolveTextData as ae } from "./text-widget/textData.js";
+import oe from "./WidgetHeader.js";
+import se from "./states/LoadingState.js";
+import ce from "./states/ErrorState.js";
+import c from "./states/EmptyState.js";
+import le from "./WidgetErrorBoundary.js";
+import { hasCustomIframeConfig as ue, hasRenderableCustomConfig as de } from "./custom/config.js";
+import { getBindingForWidget as fe } from "../../utils/widgetBinding.js";
+import pe from "../../renderers/factory/WidgetRendererFactory.js";
+import me from "./widget-actions/WidgetActions.js";
 import "./widget-actions/index.js";
-import { Suspense as pe, lazy as u, memo as d, useCallback as f, useEffect as me, useMemo as p, useRef as m, useState as h } from "react";
-import { useApolloClient as he } from "@apollo/client/react";
-import { jsx as g, jsxs as ge } from "react/jsx-runtime";
+import { Suspense as l, lazy as u, memo as d, useCallback as f, useEffect as he, useMemo as p, useRef as m, useState as h } from "react";
+import { useApolloClient as ge } from "@apollo/client/react";
+import { jsx as g, jsxs as _e } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/WidgetWrapper.tsx
-var _e = u(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), ve = u(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), ye = u(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), be = u(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), xe = u(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), Se = u(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), Ce = u(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), we = u(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Te = u(() => import("./retention/index.js").then((e) => ({ default: e.RetentionWidget }))), Ee = u(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), De = u(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), Oe = u(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), ke = u(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), Ae = u(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), je = u(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Me = u(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), Ne = u(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget }))), Pe = u(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget }))), Fe = u(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
+var ve = u(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), ye = u(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), be = u(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), xe = u(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), Se = u(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), Ce = u(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), we = u(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), Te = u(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Ee = u(() => import("./retention/index.js").then((e) => ({ default: e.RetentionWidget }))), De = u(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), Oe = u(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), ke = u(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), Ae = u(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), je = u(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), Me = u(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Ne = u(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), Pe = u(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget }))), Fe = u(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget }))), Ie = 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) {
@@ -31,8 +32,8 @@ 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: Ie, error: Le, onRefresh: y, onDrilldown: Re, 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(), O = he(), k = u.dashboardId, A = p(() => {
+var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoading: Le, error: Re, onRefresh: y, onDrilldown: ze, 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(), O = ge(), k = u.dashboardId, A = p(() => {
 		if (!k) return {};
 		try {
 			let e = O.readQuery({
@@ -47,7 +48,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		} catch {
 			return {};
 		}
-	}, [O, k]), j = p(() => ue(u), [u]), M = j.source.kind !== "DATASINK" || !!j.source.ref || !!j.parserId || !!u.datasetId, { data: N, loading: ze } = o(u.id, {
+	}, [O, k]), j = p(() => fe(u), [u]), M = j.source.kind !== "DATASINK" || !!j.source.ref || !!j.parserId || !!u.datasetId, { data: N, loading: Be } = o(u.id, {
 		skip: !M,
 		pollInterval: (u.refreshInterval ?? 0) * 1e3 || 0
 	}), P = p(() => {
@@ -66,23 +67,23 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		P,
 		D,
 		S
-	]), I = Object.keys(F).length > 0, L = Ie ?? (ze && !N) ?? E.isLoading, R = Le ?? E.errorMessage, Be = s(u.type), z = m(y);
-	me(() => {
+	]), I = Object.keys(F).length > 0, L = Le ?? (Be && !N) ?? E.isLoading, R = Re ?? E.errorMessage, Ve = s(u.type), z = m(y);
+	he(() => {
 		z.current = y;
 	}, [y]);
-	let Ve = f(async () => {
+	let He = f(async () => {
 		z.current && await z.current();
-	}, []), { timeUntilRefresh: He, isPaused: Ue } = te({
+	}, []), { timeUntilRefresh: Ue, isPaused: We } = te({
 		widgetId: u.id,
 		refreshInterval: u.refreshInterval,
-		onRefresh: Ve,
+		onRefresh: He,
 		enabled: !C && !!u.refreshInterval
-	}), B = m(null), [V, H] = h(!1), [U, We] = h(!1), { count: Ge } = ne(u.id, U), Ke = f(() => {
+	}), B = m(null), [V, H] = h(!1), [U, Ge] = h(!1), { count: Ke } = ne(u.id, U), qe = f(() => {
 		H((e) => {
 			let t = !e;
-			return t && We(!0), t;
+			return t && Ge(!0), t;
 		});
-	}, []), W = p(() => {
+	}, []), Je = p(() => {
 		if (_ && Array.isArray(_)) return _;
 		let e = u.data;
 		if (e?.processed && Array.isArray(e.processed)) return e.processed;
@@ -91,21 +92,21 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 			if (Array.isArray(t)) return t;
 		}
 		return null;
-	}, [_, u]), { exportCSV: qe, exportPNG: Je } = re(u, {
-		data: W,
+	}, [_, u]), { exportCSV: Ye, exportPNG: Xe } = re(u, {
+		data: Je,
 		containerRef: B
-	}), G = f((e) => {
+	}), W = f((e) => {
 		if (e == null) return !1;
 		if (Array.isArray(e)) return e.length > 0;
 		if (typeof e == "object") {
 			let t = e, n = Object.keys(t);
 			return n.length === 0 ? !1 : n.some((e) => {
 				let n = t[e];
-				return n == null || n === "" ? !1 : Array.isArray(n) ? n.length > 0 : typeof n == "object" ? G(n) : !0;
+				return n == null || n === "" ? !1 : Array.isArray(n) ? n.length > 0 : typeof n == "object" ? W(n) : !0;
 			});
 		}
 		return !0;
-	}, []), Ye = f((e) => {
+	}, []), Ze = f((e) => {
 		if (!I || !e) return e;
 		let t = {}, n = {};
 		Object.entries(F || {}).forEach(([e, r]) => {
@@ -241,59 +242,59 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		F,
 		u.id,
 		A
-	]), K = p(() => {
+	]), G = p(() => {
 		let e = null;
-		if (_ && G(_)) e = _;
+		if (_ && W(_)) e = _;
 		else if (N) {
 			let t = N;
-			if (t?.processed && G(t.processed)) e = t.processed;
+			if (t?.processed && W(t.processed)) e = t.processed;
 			else if (t?.raw) try {
 				let n = typeof t.raw == "string" ? JSON.parse(t.raw) : t.raw;
-				G(n) && (e = n);
+				W(n) && (e = n);
 			} catch {}
 		} else {
 			let t = u.data;
-			if (t?.processed && G(t.processed)) e = t.processed;
+			if (t?.processed && W(t.processed)) e = t.processed;
 			else if (t?.raw) try {
 				let n = typeof t.raw == "string" ? JSON.parse(t.raw) : t.raw;
-				G(n) && (e = n);
+				W(n) && (e = n);
 			} catch {}
 		}
 		if (!e) {
 			let t = u.config?.mockData;
 			if (t) try {
 				let n = typeof t == "string" ? JSON.parse(t) : t;
-				G(n) && (e = n);
+				W(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 && G(t) && (e = t);
+				t != null && W(t) && (e = t);
 			}
 		}
-		return I && e ? Ye(e) : e;
+		return I && e ? Ze(e) : e;
 	}, [
 		_,
 		u,
 		N,
 		I,
-		Ye,
+		Ze,
 		F,
-		G
-	]), q = p(() => K ?? null, [K]), Xe = p(() => !q || M ? !1 : u.config?.mockData != null, [
-		q,
+		W
+	]), K = p(() => G ?? null, [G]), Qe = p(() => !K || M ? !1 : u.config?.mockData != null, [
+		K,
 		M,
 		u.config
-	]), { executeDrilldown: Ze, canDrilldown: Qe } = ie({ onDrilldown: (e, t) => {
-		Re?.(e);
-	} }), J = p(() => Qe(u), [u, Qe]), Y = f((e) => {
+	]), { executeDrilldown: q, canDrilldown: $e } = ie({ onDrilldown: (e, t) => {
+		ze?.(e);
+	} }), J = p(() => $e(u), [u, $e]), Y = f((e) => {
 		if (!u.drilldown?.enabled) return;
 		let t = {
 			selectedData: e || {},
 			globalFilters: D || {},
-			widgetData: q || {},
+			widgetData: K || {},
 			metadata: {
 				widgetId: u.id,
 				widgetType: u.type,
@@ -301,18 +302,18 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 			},
 			sourceDashboardId: u.dashboardId
 		};
-		Ze(u.drilldown, t);
+		q(u.drilldown, t);
 	}, [
 		u,
-		q,
+		K,
 		D,
-		Ze
-	]), X = m(null), $e = f((e) => {
+		q
+	]), X = m(null), et = f((e) => {
 		X.current = {
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, []), et = f((e) => {
+	}, []), tt = f((e) => {
 		if (e.stopPropagation(), X.current) {
 			let t = Math.abs(e.clientX - X.current.x), n = Math.abs(e.clientY - X.current.y);
 			if (t > 5 || n > 5) {
@@ -325,40 +326,44 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		C,
 		w,
 		u.id
-	]), tt = f((e) => {
+	]), nt = f((e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C && w(u.id));
 	}, [
 		C,
 		w,
 		u.id
-	]), nt = p(() => u.type === "custom" && le(u.config), [u.type, u.config]), rt = p(() => u.type === "custom" && ce(u.config), [u.type, u.config]), Z = J && !rt, it = !L && !R && !q && !nt, Q = p(() => u.renderer, [u]), at = p(() => Q && Q !== "BIGCONSOLE", [Q]), ot = p(() => ({
+	]), rt = p(() => u.type === "custom" && de(u.config), [u.type, u.config]), it = p(() => u.type === "custom" && ue(u.config), [u.type, u.config]), Z = J && !it, at = p(() => u.type === "text" ? ae(u.config, K).hasContent : !1, [
+		u.type,
+		u.config,
+		K
+	]), ot = !L && !R && !K && !rt && !at, Q = p(() => u.renderer, [u]), st = p(() => Q && Q !== "BIGCONSOLE", [Q]), ct = p(() => ({
 		widgetId: u.id,
-		data: q || {}
-	}), [u.id, q]), $ = f((e, t) => {
+		data: K || {}
+	}), [u.id, K]), $ = f((e, t) => {
 		if (!x) return;
 		let n = b?.find((t) => t.name === e.name);
 		x(n || e, t);
-	}, [x, b]), st = f(() => {
+	}, [x, b]), lt = f(() => {
 		let e = {
 			widget: u,
 			data: (() => {
-				if (!q) return q;
+				if (!K) return K;
 				if (u.type === "table" || u.type === "pivot_table") {
-					if (Array.isArray(q)) return q;
-					if (q && typeof q == "object" && "rows" in q) return q.rows;
+					if (Array.isArray(K)) return K;
+					if (K && typeof K == "object" && "rows" in K) return K.rows;
 				}
 				if (u.type === "list") {
-					if (Array.isArray(q)) return q;
-					if (q && typeof q == "object" && "items" in q) return q.items;
+					if (Array.isArray(K)) return K;
+					if (K && typeof K == "object" && "items" in K) return K.items;
 				}
 				if (u.type === "funnel_chart") {
-					if (Array.isArray(q)) return q;
-					if (q && typeof q == "object" && "stages" in q) return q.stages;
+					if (Array.isArray(K)) return K;
+					if (K && typeof K == "object" && "stages" in K) return K.stages;
 				}
 				if (u.type === "chart") {
-					if (Array.isArray(q)) return q;
-					if (q && typeof q == "object" && "datasets" in q) {
-						let e = q;
+					if (Array.isArray(K)) return K;
+					if (K && typeof K == "object" && "datasets" in K) {
+						let e = K;
 						if (e.labels && e.datasets) return e.labels.map((t, n) => {
 							let r = { name: t };
 							return e.datasets?.forEach((e) => {
@@ -367,26 +372,18 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 						});
 					}
 				}
-				if (u.type === "text" && q && typeof q == "object" && !("content" in q)) {
-					let e = q, t = [];
-					for (let [n, r] of Object.entries(e)) if (r && typeof r == "object" && !Array.isArray(r)) {
-						t.push(`### ${n}`);
-						for (let [e, n] of Object.entries(r)) t.push(`- **${e}:** ${n}`);
-					} else Array.isArray(r) ? (t.push(`### ${n}`), r.slice(0, 10).forEach((e) => {
-						if (e && typeof e == "object") {
-							let n = Object.entries(e);
-							t.push(`- ${n.map(([e, t]) => `**${e}:** ${t}`).join(" | ")}`);
-						} else t.push(`- ${e}`);
-					})) : t.push(`- **${n}:** ${r}`);
+				if (u.type === "text") {
+					let e = ae(u.config, K);
 					return {
-						content: t.join("\n"),
-						format: "markdown"
+						content: e.content,
+						format: e.format,
+						alignment: e.alignment
 					};
 				}
 				if (u.type === "custom") {
 					let e = u.config?.valueField;
-					if (e && q && typeof q == "object" && !Array.isArray(q)) {
-						let t = q;
+					if (e && K && typeof K == "object" && !Array.isArray(K)) {
+						let t = K;
 						if (e in t) return {
 							value: t[e],
 							label: u.title,
@@ -394,13 +391,13 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 						};
 					}
 				}
-				return q;
+				return K;
 			})(),
 			onDrilldown: J ? Y : void 0
 		};
-		if (at) {
+		if (st) {
 			let e = {};
-			if (K && typeof K == "object" && !Array.isArray(K) && Object.keys(K).length > 0 && (e = { ...K }), u.config?._internalWidgetType === "custom" && Object.keys(e).length > 0) {
+			if (G && typeof G == "object" && !Array.isArray(G) && Object.keys(G).length > 0 && (e = { ...G }), u.config?._internalWidgetType === "custom" && Object.keys(e).length > 0) {
 				let t = u.config?.valueField;
 				if (t && t in e) {
 					let n = e[t], r = typeof n == "number" ? n.toLocaleString() : String(n);
@@ -413,7 +410,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 					};
 				}
 			}
-			return /* @__PURE__ */ g(de, {
+			return /* @__PURE__ */ g(pe, {
 				widget: u,
 				data: e,
 				isEditMode: C,
@@ -425,42 +422,42 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 			});
 		}
 		switch (u.type?.toLowerCase() || "") {
-			case "metric_card": return /* @__PURE__ */ g(_e, { ...e });
-			case "kpi_card_comparison": return /* @__PURE__ */ g(ke, { ...e });
+			case "metric_card": return /* @__PURE__ */ g(ve, { ...e });
+			case "kpi_card_comparison": return /* @__PURE__ */ g(Ae, { ...e });
 			case "chart":
-			case "funnel_chart": return /* @__PURE__ */ g(ve, { ...e });
-			case "table": return /* @__PURE__ */ g(ye, { ...e });
-			case "pivot_table": return /* @__PURE__ */ g(be, { ...e });
-			case "gauge": return /* @__PURE__ */ g(xe, { ...e });
-			case "progress": return /* @__PURE__ */ g(Se, { ...e });
-			case "list": return /* @__PURE__ */ g(Ce, { ...e });
-			case "heatmap": return /* @__PURE__ */ g(we, { ...e });
-			case "retention": return /* @__PURE__ */ g(Te, { ...e });
-			case "calendar": return /* @__PURE__ */ g(Ee, { ...e });
-			case "timeline": return /* @__PURE__ */ g(Oe, { ...e });
-			case "kanban": return /* @__PURE__ */ g(De, { ...e });
-			case "form": return /* @__PURE__ */ g(Pe, { ...e });
-			case "text": return /* @__PURE__ */ g(Ae, { ...e });
-			case "iframe": return /* @__PURE__ */ g(Me, { ...e });
-			case "map": return /* @__PURE__ */ g(je, { ...e });
-			case "custom": return /* @__PURE__ */ g(Ne, { ...e });
-			default: return d || /* @__PURE__ */ g(l, { widgetType: u.type });
+			case "funnel_chart": return /* @__PURE__ */ g(ye, { ...e });
+			case "table": return /* @__PURE__ */ g(be, { ...e });
+			case "pivot_table": return /* @__PURE__ */ g(xe, { ...e });
+			case "gauge": return /* @__PURE__ */ g(Se, { ...e });
+			case "progress": return /* @__PURE__ */ g(Ce, { ...e });
+			case "list": return /* @__PURE__ */ g(we, { ...e });
+			case "heatmap": return /* @__PURE__ */ g(Te, { ...e });
+			case "retention": return /* @__PURE__ */ g(Ee, { ...e });
+			case "calendar": return /* @__PURE__ */ g(De, { ...e });
+			case "timeline": return /* @__PURE__ */ g(ke, { ...e });
+			case "kanban": return /* @__PURE__ */ g(Oe, { ...e });
+			case "form": return /* @__PURE__ */ g(Fe, { ...e });
+			case "text": return /* @__PURE__ */ g(je, { ...e });
+			case "iframe": return /* @__PURE__ */ g(Ne, { ...e });
+			case "map": return /* @__PURE__ */ g(Me, { ...e });
+			case "custom": return /* @__PURE__ */ g(Pe, { ...e });
+			default: return d || /* @__PURE__ */ g(c, { widgetType: u.type });
 		}
 	}, [
 		u,
-		q,
+		K,
 		d,
 		J,
 		Y,
-		at,
+		st,
 		C,
 		T,
 		L,
 		R,
 		$,
-		K
+		G
 	]);
-	return /* @__PURE__ */ ge("div", {
+	return /* @__PURE__ */ _e("div", {
 		ref: B,
 		className: `
         group relative flex flex-col
@@ -472,9 +469,9 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
         ${C ? "cursor-pointer" : ""}
         ${v}
       `,
-		onMouseDown: $e,
-		onClick: et,
-		onKeyDown: tt,
+		onMouseDown: et,
+		onClick: tt,
+		onKeyDown: nt,
 		tabIndex: C ? 0 : -1,
 		role: C ? "button" : void 0,
 		"aria-selected": T,
@@ -482,22 +479,22 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		"data-widget-id": u.id,
 		"data-widget-type": u.type,
 		children: [
-			/* @__PURE__ */ g(ae, {
+			/* @__PURE__ */ g(oe, {
 				widget: u,
-				definition: Be,
+				definition: Ve,
 				isSelected: T,
 				isEditMode: C,
 				isLoading: L,
-				isSampleData: Xe,
-				timeUntilRefresh: u.refreshInterval && !Ue ? ee(He) : void 0,
+				isSampleData: Qe,
+				timeUntilRefresh: u.refreshInterval && !We ? ee(Ue) : void 0,
 				hasDrilldown: J,
 				onRefresh: y,
-				onExportCSV: W ? qe : void 0,
-				onExportPNG: Je,
+				onExportCSV: Je ? Ye : void 0,
+				onExportPNG: Xe,
 				onDrilldown: J ? () => Y() : void 0,
-				onToggleComments: Ke,
+				onToggleComments: qe,
 				commentsOpen: V,
-				commentCount: U ? Ge : void 0
+				commentCount: U ? Ke : void 0
 			}),
 			/* @__PURE__ */ g("div", {
 				className: `
@@ -508,25 +505,25 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 				children: /* @__PURE__ */ g("div", {
 					className: "h-full overflow-auto",
 					children: (() => {
-						if (L) return /* @__PURE__ */ g(c, {});
-						if (R) return /* @__PURE__ */ g(oe, {
+						if (L) return /* @__PURE__ */ g(se, {});
+						if (R) return /* @__PURE__ */ g(ce, {
 							error: R,
 							onRetry: y
 						});
-						if (it && !d) return /* @__PURE__ */ g(l, {
+						if (ot && !d) return /* @__PURE__ */ g(c, {
 							widgetType: u.type,
 							hasDataSource: M,
 							templateSlot: typeof u.metadata?.templateDataSinkSlot == "string" ? u.metadata.templateDataSinkSlot : null
 						});
 						let e = `${j.source.kind}|${j.source.ref ?? ""}|${j.parserId ?? ""}|${u.updatedAt ?? ""}`;
-						return /* @__PURE__ */ g(se, {
+						return /* @__PURE__ */ g(le, {
 							widgetId: u.id,
 							widgetType: u.type,
 							widgetTitle: u.title,
 							resetKey: e,
-							children: d ?? /* @__PURE__ */ g(pe, {
-								fallback: /* @__PURE__ */ g(c, {}),
-								children: st()
+							children: d ?? /* @__PURE__ */ g(l, {
+								fallback: /* @__PURE__ */ g(se, {}),
+								children: lt()
 							})
 						});
 					})()
@@ -535,9 +532,9 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 			b && b.length > 0 && !L && !R && /* @__PURE__ */ g("div", {
 				className: "px-4 py-3 border-t border-border-default bg-bg-sunken",
 				style: { flexShrink: 0 },
-				children: /* @__PURE__ */ g(fe, {
+				children: /* @__PURE__ */ g(me, {
 					actions: b,
-					context: ot,
+					context: ct,
 					onAction: x,
 					disabled: C,
 					layout: "horizontal",
@@ -560,9 +557,9 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 					})
 				})
 			}),
-			V && /* @__PURE__ */ g(pe, {
+			V && /* @__PURE__ */ g(l, {
 				fallback: null,
-				children: /* @__PURE__ */ g(Fe, {
+				children: /* @__PURE__ */ g(Ie, {
 					widgetId: u.id,
 					onClose: () => H(!1)
 				})