@burdenoff/microfe-bigconsole 2026.712.1 → 2026.713.2

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

@@ -15,26 +15,27 @@ 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 ue from "../../renderers/factory/WidgetRendererFactory.js";
-import de from "./widget-actions/WidgetActions.js";
+import { getBindingForWidget as ue } from "../../utils/widgetBinding.js";
+import de from "../../renderers/factory/WidgetRendererFactory.js";
+import fe from "./widget-actions/WidgetActions.js";
 import "./widget-actions/index.js";
-import { Suspense as u, lazy as d, memo as f, useCallback as p, useEffect as fe, useMemo as m, useRef as h, useState as g } from "react";
-import { useApolloClient as pe } from "@apollo/client/react";
-import { jsx as _, jsxs as me } from "react/jsx-runtime";
+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";
 //#region src/bigconsole/components/widgets/WidgetWrapper.tsx
-var he = d(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), ge = d(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), _e = d(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), ve = d(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), ye = d(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), be = d(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), xe = d(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), Se = d(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Ce = d(() => import("./retention/index.js").then((e) => ({ default: e.RetentionWidget }))), we = d(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), Te = d(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), Ee = d(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), De = d(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), Oe = d(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), ke = d(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Ae = d(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), je = d(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget }))), Me = d(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget }))), Ne = d(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
-function v(e, t) {
+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 })));
+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) {
 		for (let n = 0; n < e.actions.length; n++) if (e.actions[n]?.id !== t.actions[n]?.id) return !1;
 	}
 	return !(e.data !== t.data || JSON.stringify(e.filterValues) !== JSON.stringify(t.filterValues));
 }
-var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoading: Pe, error: Fe, onRefresh: b, onDrilldown: Ie, actions: x, onAction: S, filterValues: C }) {
-	let w = r((e) => e.viewMode === "edit"), T = t((e) => e.selectWidget), E = e(d.id), D = n(d.id), O = i(), Le = pe(), k = d.dashboardId, A = m(() => {
+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(() => {
 		if (!k) return {};
 		try {
-			let e = Le.readQuery({
+			let e = O.readQuery({
 				query: a,
 				variables: { id: k }
 			}), t = {};
@@ -46,10 +47,10 @@ var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoadi
 		} catch {
 			return {};
 		}
-	}, [Le, k]), Re = !!d.dataSinkId || !!d.datasetId || !!d.parserId, { data: j, loading: ze } = o(d.id, {
-		skip: !Re,
-		pollInterval: (d.refreshInterval ?? 0) * 1e3 || 0
-	}), M = m(() => {
+	}, [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, {
+		skip: !M,
+		pollInterval: (u.refreshInterval ?? 0) * 1e3 || 0
+	}), P = p(() => {
 		if (typeof window > "u") return {};
 		let e = new URLSearchParams(window.location.search), t = {};
 		return e.forEach((e, n) => {
@@ -58,56 +59,56 @@ var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoadi
 				r.startsWith("__") || (t[r] = e);
 			}
 		}), t;
-	}, []), N = m(() => {
+	}, []), F = p(() => {
 		let e = {};
-		return M && Object.keys(M).length > 0 && Object.assign(e, M), O && Object.keys(O).length > 0 && Object.assign(e, O), C && Object.keys(C).length > 0 && Object.assign(e, C), e;
+		return P && Object.keys(P).length > 0 && Object.assign(e, P), D && Object.keys(D).length > 0 && Object.assign(e, D), S && Object.keys(S).length > 0 && Object.assign(e, S), e;
 	}, [
-		M,
-		O,
-		C
-	]), P = Object.keys(N).length > 0, F = Pe ?? (ze && !j) ?? D.isLoading, I = Fe ?? D.errorMessage, Be = s(d.type), L = h(b);
-	fe(() => {
-		L.current = b;
-	}, [b]);
-	let Ve = p(async () => {
-		L.current && await L.current();
+		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(() => {
+		z.current = y;
+	}, [y]);
+	let Ve = f(async () => {
+		z.current && await z.current();
 	}, []), { timeUntilRefresh: He, isPaused: Ue } = te({
-		widgetId: d.id,
-		refreshInterval: d.refreshInterval,
+		widgetId: u.id,
+		refreshInterval: u.refreshInterval,
 		onRefresh: Ve,
-		enabled: !w && !!d.refreshInterval
-	}), R = h(null), [z, B] = g(!1), [V, We] = g(!1), { count: Ge } = ne(d.id, V), Ke = p(() => {
-		B((e) => {
+		enabled: !C && !!u.refreshInterval
+	}), B = m(null), [V, H] = h(!1), [U, We] = h(!1), { count: Ge } = ne(u.id, U), Ke = f(() => {
+		H((e) => {
 			let t = !e;
 			return t && We(!0), t;
 		});
-	}, []), H = m(() => {
-		if (v && Array.isArray(v)) return v;
-		let e = d.data;
+	}, []), W = p(() => {
+		if (_ && Array.isArray(_)) return _;
+		let e = u.data;
 		if (e?.processed && Array.isArray(e.processed)) return e.processed;
 		if (e?.raw) {
 			let t = typeof e.raw == "string" ? JSON.parse(e.raw) : e.raw;
 			if (Array.isArray(t)) return t;
 		}
 		return null;
-	}, [v, d]), { exportCSV: qe, exportPNG: Je } = re(d, {
-		data: H,
-		containerRef: R
-	}), U = p((e) => {
+	}, [_, u]), { exportCSV: qe, exportPNG: Je } = re(u, {
+		data: W,
+		containerRef: B
+	}), G = 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" ? U(n) : !0;
+				return n == null || n === "" ? !1 : Array.isArray(n) ? n.length > 0 : typeof n == "object" ? G(n) : !0;
 			});
 		}
 		return !0;
-	}, []), W = p((e) => {
-		if (!P || !e) return e;
+	}, []), Ye = f((e) => {
+		if (!I || !e) return e;
 		let t = {}, n = {};
-		Object.entries(N || {}).forEach(([e, r]) => {
+		Object.entries(F || {}).forEach(([e, r]) => {
 			if (e.startsWith("ctx_")) {
 				let n = e.slice(4);
 				t[n] = r;
@@ -236,124 +237,124 @@ var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoadi
 		}
 		return e;
 	}, [
-		P,
-		N,
-		d.id,
+		I,
+		F,
+		u.id,
 		A
-	]), G = m(() => {
+	]), K = p(() => {
 		let e = null;
-		if (v && U(v)) e = v;
-		else if (j) {
-			let t = j;
-			if (t?.processed && U(t.processed)) e = t.processed;
+		if (_ && G(_)) e = _;
+		else if (N) {
+			let t = N;
+			if (t?.processed && G(t.processed)) e = t.processed;
 			else if (t?.raw) try {
 				let n = typeof t.raw == "string" ? JSON.parse(t.raw) : t.raw;
-				U(n) && (e = n);
+				G(n) && (e = n);
 			} catch {}
 		} else {
-			let t = d.data;
-			if (t?.processed && U(t.processed)) e = t.processed;
+			let t = u.data;
+			if (t?.processed && G(t.processed)) e = t.processed;
 			else if (t?.raw) try {
 				let n = typeof t.raw == "string" ? JSON.parse(t.raw) : t.raw;
-				U(n) && (e = n);
+				G(n) && (e = n);
 			} catch {}
 		}
 		if (!e) {
-			let t = d.config?.mockData;
+			let t = u.config?.mockData;
 			if (t) try {
 				let n = typeof t == "string" ? JSON.parse(t) : t;
-				U(n) && (e = n);
+				G(n) && (e = n);
 			} catch {}
 		}
 		if (e && typeof e == "object" && !Array.isArray(e)) {
-			let t = d.config, n = t?.dataKey ?? t?.dataPath ?? t?.seriesPath;
+			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 && U(t) && (e = t);
+				t != null && G(t) && (e = t);
 			}
 		}
-		return P && e ? W(e) : e;
+		return I && e ? Ye(e) : e;
 	}, [
-		v,
-		d,
-		j,
-		P,
-		W,
+		_,
+		u,
 		N,
-		U
-	]), K = m(() => G ?? null, [G]), { executeDrilldown: q, canDrilldown: J } = ie({ onDrilldown: (e, t) => {
-		Ie?.(e);
-	} }), Y = m(() => J(d), [d, J]), X = p((e) => {
-		if (!d.drilldown?.enabled) return;
+		I,
+		Ye,
+		F,
+		G
+	]), q = p(() => K ?? null, [K]), { executeDrilldown: Xe, canDrilldown: Ze } = ie({ onDrilldown: (e, t) => {
+		Re?.(e);
+	} }), J = p(() => Ze(u), [u, Ze]), Y = f((e) => {
+		if (!u.drilldown?.enabled) return;
 		let t = {
 			selectedData: e || {},
-			globalFilters: O || {},
-			widgetData: K || {},
+			globalFilters: D || {},
+			widgetData: q || {},
 			metadata: {
-				widgetId: d.id,
-				widgetType: d.type,
-				widgetTitle: d.title
+				widgetId: u.id,
+				widgetType: u.type,
+				widgetTitle: u.title
 			},
-			sourceDashboardId: d.dashboardId
+			sourceDashboardId: u.dashboardId
 		};
-		q(d.drilldown, t);
+		Xe(u.drilldown, t);
 	}, [
-		d,
-		K,
-		O,
-		q
-	]), Z = h(null), Ye = p((e) => {
-		Z.current = {
+		u,
+		q,
+		D,
+		Xe
+	]), X = m(null), Qe = f((e) => {
+		X.current = {
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, []), Xe = p((e) => {
-		if (e.stopPropagation(), Z.current) {
-			let t = Math.abs(e.clientX - Z.current.x), n = Math.abs(e.clientY - Z.current.y);
+	}, []), $e = 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) {
-				Z.current = null;
+				X.current = null;
 				return;
 			}
 		}
-		Z.current = null, w && T(d.id);
+		X.current = null, C && w(u.id);
 	}, [
+		C,
 		w,
-		T,
-		d.id
-	]), Ze = p((e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), w && T(d.id));
+		u.id
+	]), et = f((e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C && w(u.id));
 	}, [
+		C,
 		w,
-		T,
-		d.id
-	]), Qe = m(() => d.type === "custom" && le(d.config), [d.type, d.config]), $e = m(() => d.type === "custom" && ce(d.config), [d.type, d.config]), Q = Y && !$e, et = !F && !I && !K && !Qe, $ = m(() => d.renderer, [d]), tt = m(() => $ && $ !== "BIGCONSOLE", [$]), nt = m(() => ({
-		widgetId: d.id,
-		data: K || {}
-	}), [d.id, K]), rt = p((e, t) => {
-		if (!S) return;
-		let n = x?.find((t) => t.name === e.name);
-		S(n || e, t);
-	}, [S, x]), it = p(() => {
+		u.id
+	]), tt = p(() => u.type === "custom" && le(u.config), [u.type, u.config]), nt = p(() => u.type === "custom" && ce(u.config), [u.type, u.config]), Z = J && !nt, rt = !L && !R && !q && !tt, Q = p(() => u.renderer, [u]), it = p(() => Q && Q !== "BIGCONSOLE", [Q]), at = p(() => ({
+		widgetId: u.id,
+		data: q || {}
+	}), [u.id, q]), $ = f((e, t) => {
+		if (!x) return;
+		let n = b?.find((t) => t.name === e.name);
+		x(n || e, t);
+	}, [x, b]), ot = f(() => {
 		let e = {
-			widget: d,
+			widget: u,
 			data: (() => {
-				if (!K) return K;
-				if (d.type === "table" || d.type === "pivot_table") {
-					if (Array.isArray(K)) return K;
-					if (K && typeof K == "object" && "rows" in K) return K.rows;
+				if (!q) return q;
+				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 (d.type === "list") {
-					if (Array.isArray(K)) return K;
-					if (K && typeof K == "object" && "items" in K) return K.items;
+				if (u.type === "list") {
+					if (Array.isArray(q)) return q;
+					if (q && typeof q == "object" && "items" in q) return q.items;
 				}
-				if (d.type === "funnel_chart") {
-					if (Array.isArray(K)) return K;
-					if (K && typeof K == "object" && "stages" in K) return K.stages;
+				if (u.type === "funnel_chart") {
+					if (Array.isArray(q)) return q;
+					if (q && typeof q == "object" && "stages" in q) return q.stages;
 				}
-				if (d.type === "chart") {
-					if (Array.isArray(K)) return K;
-					if (K && typeof K == "object" && "datasets" in K) {
-						let e = K;
+				if (u.type === "chart") {
+					if (Array.isArray(q)) return q;
+					if (q && typeof q == "object" && "datasets" in q) {
+						let e = q;
 						if (e.labels && e.datasets) return e.labels.map((t, n) => {
 							let r = { name: t };
 							return e.datasets?.forEach((e) => {
@@ -362,8 +363,8 @@ var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoadi
 						});
 					}
 				}
-				if (d.type === "text" && K && typeof K == "object" && !("content" in K)) {
-					let e = K, t = [];
+				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}`);
@@ -378,174 +379,174 @@ var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoadi
 						format: "markdown"
 					};
 				}
-				if (d.type === "custom") {
-					let e = d.config?.valueField;
-					if (e && K && typeof K == "object" && !Array.isArray(K)) {
-						let t = K;
+				if (u.type === "custom") {
+					let e = u.config?.valueField;
+					if (e && q && typeof q == "object" && !Array.isArray(q)) {
+						let t = q;
 						if (e in t) return {
 							value: t[e],
-							label: d.title,
+							label: u.title,
 							data: t
 						};
 					}
 				}
-				return K;
+				return q;
 			})(),
-			onDrilldown: Y ? X : void 0
+			onDrilldown: J ? Y : void 0
 		};
-		if (tt) {
+		if (it) {
 			let e = {};
-			if (G && typeof G == "object" && !Array.isArray(G) && Object.keys(G).length > 0 && (e = { ...G }), d.config?._internalWidgetType === "custom" && Object.keys(e).length > 0) {
-				let t = d.config?.valueField;
+			if (K && typeof K == "object" && !Array.isArray(K) && Object.keys(K).length > 0 && (e = { ...K }), 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);
 					e = {
 						...e,
 						value: n,
 						title: e.title || r,
-						description: e.description || d.title || "",
+						description: e.description || u.title || "",
 						text: e.text || r
 					};
 				}
 			}
-			return /* @__PURE__ */ _(ue, {
-				widget: d,
+			return /* @__PURE__ */ g(de, {
+				widget: u,
 				data: e,
-				isEditMode: w,
-				isSelected: E,
-				isLoading: F,
-				error: I,
-				onDrilldown: Y ? X : void 0,
-				onAction: rt
+				isEditMode: C,
+				isSelected: T,
+				isLoading: L,
+				error: R,
+				onDrilldown: J ? Y : void 0,
+				onAction: $
 			});
 		}
-		switch (d.type?.toLowerCase() || "") {
-			case "metric_card": return /* @__PURE__ */ _(he, { ...e });
-			case "kpi_card_comparison": return /* @__PURE__ */ _(De, { ...e });
+		switch (u.type?.toLowerCase() || "") {
+			case "metric_card": return /* @__PURE__ */ g(_e, { ...e });
+			case "kpi_card_comparison": return /* @__PURE__ */ g(ke, { ...e });
 			case "chart":
-			case "funnel_chart": return /* @__PURE__ */ _(ge, { ...e });
-			case "table": return /* @__PURE__ */ _(_e, { ...e });
-			case "pivot_table": return /* @__PURE__ */ _(ve, { ...e });
-			case "gauge": return /* @__PURE__ */ _(ye, { ...e });
-			case "progress": return /* @__PURE__ */ _(be, { ...e });
-			case "list": return /* @__PURE__ */ _(xe, { ...e });
-			case "heatmap": return /* @__PURE__ */ _(Se, { ...e });
-			case "retention": return /* @__PURE__ */ _(Ce, { ...e });
-			case "calendar": return /* @__PURE__ */ _(we, { ...e });
-			case "timeline": return /* @__PURE__ */ _(Ee, { ...e });
-			case "kanban": return /* @__PURE__ */ _(Te, { ...e });
-			case "form": return /* @__PURE__ */ _(Me, { ...e });
-			case "text": return /* @__PURE__ */ _(Oe, { ...e });
-			case "iframe": return /* @__PURE__ */ _(Ae, { ...e });
-			case "map": return /* @__PURE__ */ _(ke, { ...e });
-			case "custom": return /* @__PURE__ */ _(je, { ...e });
-			default: return f || /* @__PURE__ */ _(l, { widgetType: d.type });
+			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 });
 		}
 	}, [
+		u,
+		q,
 		d,
-		K,
-		f,
+		J,
 		Y,
-		X,
-		tt,
-		w,
-		E,
-		F,
-		I,
-		rt,
-		G
+		it,
+		C,
+		T,
+		L,
+		R,
+		$,
+		K
 	]);
-	return /* @__PURE__ */ me("div", {
-		ref: R,
+	return /* @__PURE__ */ ge("div", {
+		ref: B,
 		className: `
         group relative flex flex-col
         h-full w-full
         rounded-lg border
         bg-bg-surface
         transition-all duration-200
-        ${E && w ? "border-action-primary-border ring-2 ring-action-primary-border/30" : "border-border-default hover:border-action-primary-bg"}
-        ${w ? "cursor-pointer" : ""}
-        ${y}
+        ${T && C ? "border-action-primary-border ring-2 ring-action-primary-border/30" : "border-border-default hover:border-action-primary-bg"}
+        ${C ? "cursor-pointer" : ""}
+        ${v}
       `,
-		onMouseDown: Ye,
-		onClick: Xe,
-		onKeyDown: Ze,
-		tabIndex: w ? 0 : -1,
-		role: w ? "button" : void 0,
-		"aria-selected": E,
-		"aria-label": `Widget: ${d.title}`,
-		"data-widget-id": d.id,
-		"data-widget-type": d.type,
+		onMouseDown: Qe,
+		onClick: $e,
+		onKeyDown: et,
+		tabIndex: C ? 0 : -1,
+		role: C ? "button" : void 0,
+		"aria-selected": T,
+		"aria-label": `Widget: ${u.title}`,
+		"data-widget-id": u.id,
+		"data-widget-type": u.type,
 		children: [
-			/* @__PURE__ */ _(ae, {
-				widget: d,
+			/* @__PURE__ */ g(ae, {
+				widget: u,
 				definition: Be,
-				isSelected: E,
-				isEditMode: w,
-				isLoading: F,
-				timeUntilRefresh: d.refreshInterval && !Ue ? ee(He) : void 0,
-				hasDrilldown: Y,
-				onRefresh: b,
-				onExportCSV: H ? qe : void 0,
+				isSelected: T,
+				isEditMode: C,
+				isLoading: L,
+				timeUntilRefresh: u.refreshInterval && !Ue ? ee(He) : void 0,
+				hasDrilldown: J,
+				onRefresh: y,
+				onExportCSV: W ? qe : void 0,
 				onExportPNG: Je,
-				onDrilldown: Y ? () => X() : void 0,
+				onDrilldown: J ? () => Y() : void 0,
 				onToggleComments: Ke,
-				commentsOpen: z,
-				commentCount: V ? Ge : void 0
+				commentsOpen: V,
+				commentCount: U ? Ge : void 0
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("div", {
 				className: `
           flex-1 overflow-hidden p-4 min-h-0
-          ${Q && !w ? "cursor-pointer" : ""}
+          ${Z && !C ? "cursor-pointer" : ""}
         `,
-				title: Q && !w ? "Click data to drill down" : void 0,
-				children: /* @__PURE__ */ _("div", {
+				title: Z && !C ? "Click data to drill down" : void 0,
+				children: /* @__PURE__ */ g("div", {
 					className: "h-full overflow-auto",
 					children: (() => {
-						if (F) return /* @__PURE__ */ _(c, {});
-						if (I) return /* @__PURE__ */ _(oe, {
-							error: I,
-							onRetry: b
+						if (L) return /* @__PURE__ */ g(c, {});
+						if (R) return /* @__PURE__ */ g(oe, {
+							error: R,
+							onRetry: y
 						});
-						if (et && !f) return /* @__PURE__ */ _(l, {
-							widgetType: d.type,
-							hasDataSource: !!d.parserId || !!d.dataSinkId
+						if (rt && !d) return /* @__PURE__ */ g(l, {
+							widgetType: u.type,
+							hasDataSource: M
 						});
-						let e = `${d.parserId ?? ""}|${d.dataSinkId ?? ""}|${d.updatedAt ?? ""}`;
-						return /* @__PURE__ */ _(se, {
-							widgetId: d.id,
-							widgetType: d.type,
-							widgetTitle: d.title,
+						let e = `${j.source.kind}|${j.source.ref ?? ""}|${j.parserId ?? ""}|${u.updatedAt ?? ""}`;
+						return /* @__PURE__ */ g(se, {
+							widgetId: u.id,
+							widgetType: u.type,
+							widgetTitle: u.title,
 							resetKey: e,
-							children: f ?? /* @__PURE__ */ _(u, {
-								fallback: /* @__PURE__ */ _(c, {}),
-								children: it()
+							children: d ?? /* @__PURE__ */ g(pe, {
+								fallback: /* @__PURE__ */ g(c, {}),
+								children: ot()
 							})
 						});
 					})()
 				})
 			}),
-			x && x.length > 0 && !F && !I && /* @__PURE__ */ _("div", {
+			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__ */ _(de, {
-					actions: x,
-					context: nt,
-					onAction: S,
-					disabled: w,
+				children: /* @__PURE__ */ g(fe, {
+					actions: b,
+					context: at,
+					onAction: x,
+					disabled: C,
 					layout: "horizontal",
 					size: "sm"
 				})
 			}),
-			Q && !w && /* @__PURE__ */ _("div", {
+			Z && !C && /* @__PURE__ */ g("div", {
 				className: "\n            absolute bottom-2 right-2\n            opacity-0 group-hover:opacity-100\n            transition-opacity duration-200\n          ",
 				title: "Click to drill down",
-				children: /* @__PURE__ */ _("svg", {
+				children: /* @__PURE__ */ g("svg", {
 					className: "w-4 h-4 text-text-secondary",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ _("path", {
+					children: /* @__PURE__ */ g("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -553,17 +554,17 @@ var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoadi
 					})
 				})
 			}),
-			z && /* @__PURE__ */ _(u, {
+			V && /* @__PURE__ */ g(pe, {
 				fallback: null,
-				children: /* @__PURE__ */ _(Ne, {
-					widgetId: d.id,
-					onClose: () => B(!1)
+				children: /* @__PURE__ */ g(Fe, {
+					widgetId: u.id,
+					onClose: () => H(!1)
 				})
 			})
 		]
 	});
-}, v);
+}, _);
 //#endregion
-export { y as default };
+export { v as default };
 
 //# sourceMappingURL=WidgetWrapper.js.map