@burdenoff/microfe-bigconsole 2026.615.1 → 2026.615.3

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

@@ -4,34 +4,35 @@ import "../../store/index.js";
 import a from "../../hooks/useWidgetData.js";
 import { getWidgetDefinition as o } from "./WidgetRegistry.js";
 import { formatTimeUntilRefresh as ee, useWidgetAutoRefresh as te } from "../../hooks/useAutoRefresh.js";
-import ne from "../../hooks/useWidgetExport.js";
-import re from "../../hooks/useDrilldown.js";
+import ne from "../../hooks/useWidgetComments.js";
+import re from "../../hooks/useWidgetExport.js";
+import ie from "../../hooks/useDrilldown.js";
 import "../../hooks/index.js";
-import ie from "./WidgetHeader.js";
+import ae from "./WidgetHeader.js";
 import s from "./states/LoadingState.js";
-import ae from "./states/ErrorState.js";
+import oe from "./states/ErrorState.js";
 import c from "./states/EmptyState.js";
-import l from "./WidgetErrorBoundary.js";
-import { hasCustomIframeConfig as u, hasRenderableCustomConfig as oe } from "./custom/config.js";
-import se from "../../renderers/factory/WidgetRendererFactory.js";
-import d from "./widget-actions/WidgetActions.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 "./widget-actions/index.js";
-import { Suspense as ce, lazy as f, memo as p, useCallback as m, useEffect as le, useMemo as h, useRef as g } from "react";
-import { jsx as _, jsxs as ue } from "react/jsx-runtime";
+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 de = f(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), v = f(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), y = f(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), fe = f(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), pe = f(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), me = f(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), he = f(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), ge = f(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), _e = f(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), ve = f(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), ye = f(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), be = f(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), xe = f(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Se = f(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), Ce = f(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget }))), we = f(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget })));
-function b(e, t) {
+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 })));
+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 x = p(function({ widget: f, children: p, data: b, className: x = "", isLoading: Te, error: Ee, onRefresh: S, onDrilldown: C, actions: w, onAction: T, filterValues: E }) {
-	let D = r((e) => e.viewMode === "edit"), O = t((e) => e.selectWidget), k = e(f.id), A = n(f.id), j = i(), De = !!f.dataSinkId || !!f.datasetId || !!f.parserId, { data: M, loading: Oe } = a(f.id, {
-		skip: !De,
-		pollInterval: (f.refreshInterval ?? 0) * 1e3 || 0
-	}), N = h(() => {
+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,
+		pollInterval: (u.refreshInterval ?? 0) * 1e3 || 0
+	}), k = p(() => {
 		if (typeof window > "u") return {};
 		let e = new URLSearchParams(window.location.search), t = {};
 		return e.forEach((e, n) => {
@@ -40,37 +41,42 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 				r.startsWith("__") || (t[r] = e);
 			}
 		}), t;
-	}, []), P = h(() => {
+	}, []), A = p(() => {
 		let e = {};
-		return N && Object.keys(N).length > 0 && Object.assign(e, N), j && Object.keys(j).length > 0 && Object.assign(e, j), E && Object.keys(E).length > 0 && Object.assign(e, E), e;
+		return k && Object.keys(k).length > 0 && Object.assign(e, k), D && Object.keys(D).length > 0 && Object.assign(e, D), S && Object.keys(S).length > 0 && Object.assign(e, S), e;
 	}, [
-		N,
-		j,
-		E
-	]), F = Object.keys(P).length > 0, I = Te ?? (Oe && !M) ?? A.isLoading, L = Ee ?? A.errorMessage, ke = o(f.type), R = g(S);
-	le(() => {
-		R.current = S;
-	}, [S]);
-	let Ae = m(async () => {
-		R.current && await R.current();
-	}, []), { timeUntilRefresh: je, isPaused: Me } = te({
-		widgetId: f.id,
-		refreshInterval: f.refreshInterval,
-		onRefresh: Ae,
-		enabled: !D && !!f.refreshInterval
-	}), z = g(null), B = h(() => {
-		if (b && Array.isArray(b)) return b;
-		let e = f.data;
+		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);
+	fe(() => {
+		P.current = y;
+	}, [y]);
+	let F = f(async () => {
+		P.current && await P.current();
+	}, []), { timeUntilRefresh: Re, isPaused: ze } = 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(() => {
+		R((e) => {
+			let t = !e;
+			return t && Be(!0), t;
+		});
+	}, []), B = 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;
-	}, [b, f]), { exportCSV: Ne, exportPNG: Pe } = ne(f, {
+	}, [_, u]), { exportCSV: Ue, exportPNG: We } = re(u, {
 		data: B,
-		containerRef: z
-	}), V = m((e) => {
+		containerRef: I
+	}), V = f((e) => {
 		if (e == null) return !1;
 		if (Array.isArray(e)) return e.length > 0;
 		if (typeof e == "object") {
@@ -81,10 +87,10 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 			});
 		}
 		return !0;
-	}, []), H = m((e) => {
-		if (!F || !e) return e;
+	}, []), H = f((e) => {
+		if (!j || !e) return e;
 		let t = {}, n = {};
-		Object.entries(P || {}).forEach(([e, r]) => {
+		Object.entries(A || {}).forEach(([e, r]) => {
 			if (e.startsWith("ctx_")) {
 				let n = e.slice(4);
 				t[n] = r;
@@ -202,21 +208,21 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 		}
 		return e;
 	}, [
-		F,
-		P,
-		f.id
-	]), U = h(() => {
+		j,
+		A,
+		u.id
+	]), U = p(() => {
 		let e = null;
-		if (b && V(b)) e = b;
-		else if (M) {
-			let t = M;
+		if (_ && V(_)) e = _;
+		else if (O) {
+			let t = O;
 			if (t?.processed && V(t.processed)) e = t.processed;
 			else if (t?.raw) try {
 				let n = typeof t.raw == "string" ? JSON.parse(t.raw) : t.raw;
 				V(n) && (e = n);
 			} catch {}
 		} else {
-			let t = f.data;
+			let t = u.data;
 			if (t?.processed && V(t.processed)) e = t.processed;
 			else if (t?.raw) try {
 				let n = typeof t.raw == "string" ? JSON.parse(t.raw) : t.raw;
@@ -224,48 +230,48 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 			} catch {}
 		}
 		if (!e) {
-			let t = f.config?.mockData;
+			let t = u.config?.mockData;
 			if (t) try {
 				let n = typeof t == "string" ? JSON.parse(t) : t;
 				V(n) && (e = n);
 			} catch {}
 		}
-		return F && e ? H(e) : e;
+		return j && e ? H(e) : e;
 	}, [
-		b,
-		f,
-		M,
-		F,
+		_,
+		u,
+		O,
+		j,
 		H,
-		P,
+		A,
 		V
-	]), W = h(() => U ?? null, [U]), { executeDrilldown: G, canDrilldown: K } = re({ onDrilldown: (e, t) => {
-		C?.(e);
-	} }), q = h(() => K(f), [f, K]), J = m((e) => {
-		if (!f.drilldown?.enabled) return;
+	]), W = p(() => U ?? null, [U]), { executeDrilldown: G, canDrilldown: K } = ie({ onDrilldown: (e, t) => {
+		Pe?.(e);
+	} }), q = p(() => K(u), [u, K]), J = f((e) => {
+		if (!u.drilldown?.enabled) return;
 		let t = {
 			selectedData: e || {},
-			globalFilters: j || {},
+			globalFilters: D || {},
 			widgetData: W || {},
 			metadata: {
-				widgetId: f.id,
-				widgetType: f.type,
-				widgetTitle: f.title
+				widgetId: u.id,
+				widgetType: u.type,
+				widgetTitle: u.title
 			},
-			sourceDashboardId: f.dashboardId
+			sourceDashboardId: u.dashboardId
 		};
-		G(f.drilldown, t);
+		G(u.drilldown, t);
 	}, [
-		f,
+		u,
 		W,
-		j,
+		D,
 		G
-	]), Y = g(null), Fe = m((e) => {
+	]), Y = m(null), Ge = f((e) => {
 		Y.current = {
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, []), Ie = m((e) => {
+	}, []), Ke = 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) {
@@ -273,42 +279,42 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 				return;
 			}
 		}
-		Y.current = null, D && O(f.id);
+		Y.current = null, C && w(u.id);
 	}, [
-		D,
-		O,
-		f.id
-	]), Le = m((e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), D && O(f.id));
+		C,
+		w,
+		u.id
+	]), qe = f((e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C && w(u.id));
 	}, [
-		D,
-		O,
-		f.id
-	]), Re = h(() => f.type === "custom" && oe(f.config), [f.type, f.config]), ze = h(() => f.type === "custom" && u(f.config), [f.type, f.config]), X = q && !ze, Be = !I && !L && !W && !Re, Z = h(() => f.renderer, [f]), Q = h(() => Z && Z !== "BIGCONSOLE", [Z]), Ve = h(() => ({
-		widgetId: f.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(() => ({
+		widgetId: u.id,
 		data: W || {}
-	}), [f.id, W]), $ = m((e, t) => {
-		if (!T) return;
-		let n = w?.find((t) => t.name === e.name);
-		T(n || e, t);
-	}, [T, w]), He = m(() => {
+	}), [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(() => {
 		let e = {
-			widget: f,
+			widget: u,
 			data: (() => {
 				if (!W) return W;
-				if (f.type === "table" || f.type === "pivot_table") {
+				if (u.type === "table" || u.type === "pivot_table") {
 					if (Array.isArray(W)) return W;
 					if (W && typeof W == "object" && "rows" in W) return W.rows;
 				}
-				if (f.type === "list") {
+				if (u.type === "list") {
 					if (Array.isArray(W)) return W;
 					if (W && typeof W == "object" && "items" in W) return W.items;
 				}
-				if (f.type === "funnel_chart") {
+				if (u.type === "funnel_chart") {
 					if (Array.isArray(W)) return W;
 					if (W && typeof W == "object" && "stages" in W) return W.stages;
 				}
-				if (f.type === "chart") {
+				if (u.type === "chart") {
 					if (Array.isArray(W)) return W;
 					if (W && typeof W == "object" && "datasets" in W) {
 						let e = W;
@@ -320,7 +326,7 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 						});
 					}
 				}
-				if (f.type === "text" && W && typeof W == "object" && !("content" in W)) {
+				if (u.type === "text" && W && typeof W == "object" && !("content" in W)) {
 					let e = W, t = [];
 					for (let [n, r] of Object.entries(e)) if (r && typeof r == "object" && !Array.isArray(r)) {
 						t.push(`### ${n}`);
@@ -336,13 +342,13 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 						format: "markdown"
 					};
 				}
-				if (f.type === "custom") {
-					let e = f.config?.valueField;
+				if (u.type === "custom") {
+					let e = u.config?.valueField;
 					if (e && W && typeof W == "object" && !Array.isArray(W)) {
 						let t = W;
 						if (e in t) return {
 							value: t[e],
-							label: f.title,
+							label: u.title,
 							data: t
 						};
 					}
@@ -353,164 +359,174 @@ var x = p(function({ widget: f, children: p, data: b, className: x = "", isLoadi
 		};
 		if (Q) {
 			let e = {};
-			if (U && typeof U == "object" && !Array.isArray(U) && Object.keys(U).length > 0 && (e = { ...U }), f.config?._internalWidgetType === "custom" && Object.keys(e).length > 0) {
-				let t = f.config?.valueField;
+			if (U && typeof U == "object" && !Array.isArray(U) && Object.keys(U).length > 0 && (e = { ...U }), 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 || f.title || "",
+						description: e.description || u.title || "",
 						text: e.text || r
 					};
 				}
 			}
-			return /* @__PURE__ */ _(se, {
-				widget: f,
+			return /* @__PURE__ */ g(ue, {
+				widget: u,
 				data: e,
-				isEditMode: D,
-				isSelected: k,
-				isLoading: I,
-				error: L,
+				isEditMode: C,
+				isSelected: T,
+				isLoading: M,
+				error: N,
 				onDrilldown: q ? J : void 0,
 				onAction: $
 			});
 		}
-		switch (f.type?.toLowerCase() || "") {
-			case "metric_card": return /* @__PURE__ */ _(de, { ...e });
-			case "kpi_card_comparison": return /* @__PURE__ */ _(ye, { ...e });
+		switch (u.type?.toLowerCase() || "") {
+			case "metric_card": return /* @__PURE__ */ g(me, { ...e });
+			case "kpi_card_comparison": return /* @__PURE__ */ g(Te, { ...e });
 			case "chart":
-			case "funnel_chart": return /* @__PURE__ */ _(v, { ...e });
-			case "table":
-			case "pivot_table": return /* @__PURE__ */ _(y, { ...e });
-			case "gauge": return /* @__PURE__ */ _(fe, { ...e });
-			case "progress": return /* @__PURE__ */ _(pe, { ...e });
-			case "list": return /* @__PURE__ */ _(me, { ...e });
-			case "heatmap": return /* @__PURE__ */ _(he, { ...e });
-			case "calendar": return /* @__PURE__ */ _(ge, { ...e });
-			case "timeline": return /* @__PURE__ */ _(ve, { ...e });
-			case "kanban": return /* @__PURE__ */ _(_e, { ...e });
-			case "form": return /* @__PURE__ */ _(we, { ...e });
-			case "text": return /* @__PURE__ */ _(be, { ...e });
-			case "iframe": return /* @__PURE__ */ _(Se, { ...e });
-			case "map": return /* @__PURE__ */ _(xe, { ...e });
-			case "custom": return /* @__PURE__ */ _(Ce, { ...e });
-			default: return p || /* @__PURE__ */ _(c, { widgetType: f.type });
+			case "funnel_chart": return /* @__PURE__ */ g(he, { ...e });
+			case "table": return /* @__PURE__ */ g(ge, { ...e });
+			case "pivot_table": return /* @__PURE__ */ g(_e, { ...e });
+			case "gauge": return /* @__PURE__ */ g(ve, { ...e });
+			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 });
+			default: return d || /* @__PURE__ */ g(c, { widgetType: u.type });
 		}
 	}, [
-		f,
+		u,
 		W,
-		p,
+		d,
 		q,
 		J,
 		Q,
-		D,
-		k,
-		I,
-		L,
+		C,
+		T,
+		M,
+		N,
 		$,
 		U
 	]);
-	return /* @__PURE__ */ ue("div", {
-		ref: z,
+	return /* @__PURE__ */ pe("div", {
+		ref: I,
 		className: `
         group relative flex flex-col
         h-full w-full
         rounded-lg border
         bg-bg-surface
         transition-all duration-200
-        ${k && D ? "border-action-primary-border ring-2 ring-action-primary-border/30" : "border-border-default hover:border-action-primary-bg"}
-        ${D ? "cursor-pointer" : ""}
-        ${x}
+        ${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: Fe,
-		onClick: Ie,
-		onKeyDown: Le,
-		tabIndex: D ? 0 : -1,
-		role: D ? "button" : void 0,
-		"aria-selected": k,
-		"aria-label": `Widget: ${f.title}`,
-		"data-widget-id": f.id,
-		"data-widget-type": f.type,
+		onMouseDown: Ge,
+		onClick: Ke,
+		onKeyDown: qe,
+		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__ */ _(ie, {
-				widget: f,
-				definition: ke,
-				isSelected: k,
-				isEditMode: D,
-				isLoading: I,
-				timeUntilRefresh: f.refreshInterval && !Me ? ee(je) : void 0,
+			/* @__PURE__ */ g(ae, {
+				widget: u,
+				definition: Le,
+				isSelected: T,
+				isEditMode: C,
+				isLoading: M,
+				timeUntilRefresh: u.refreshInterval && !ze ? ee(Re) : void 0,
 				hasDrilldown: q,
-				onRefresh: S,
-				onExportCSV: B ? Ne : void 0,
-				onExportPNG: Pe,
-				onDrilldown: q ? () => J() : void 0
+				onRefresh: y,
+				onExportCSV: B ? Ue : void 0,
+				onExportPNG: We,
+				onDrilldown: q ? () => J() : void 0,
+				onToggleComments: He,
+				commentsOpen: L,
+				commentCount: z ? Ve : void 0
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("div", {
 				className: `
           flex-1 overflow-hidden p-4 min-h-0
-          ${X && !D ? "cursor-pointer" : ""}
+          ${X && !C ? "cursor-pointer" : ""}
         `,
-				title: X && !D ? "Click data to drill down" : void 0,
-				children: /* @__PURE__ */ _("div", {
+				title: X && !C ? "Click data to drill down" : void 0,
+				children: /* @__PURE__ */ g("div", {
 					className: "h-full overflow-auto",
 					children: (() => {
-						if (I) return /* @__PURE__ */ _(s, {});
-						if (L) return /* @__PURE__ */ _(ae, {
-							error: L,
-							onRetry: S
+						if (M) return /* @__PURE__ */ g(s, {});
+						if (N) return /* @__PURE__ */ g(oe, {
+							error: N,
+							onRetry: y
 						});
-						if (Be && !p) return /* @__PURE__ */ _(c, {
-							widgetType: f.type,
-							hasDataSource: !!f.parserId || !!f.dataSinkId
+						if (Xe && !d) return /* @__PURE__ */ g(c, {
+							widgetType: u.type,
+							hasDataSource: !!u.parserId || !!u.dataSinkId
 						});
-						let e = `${f.parserId ?? ""}|${f.dataSinkId ?? ""}|${f.updatedAt ?? ""}`;
-						return /* @__PURE__ */ _(l, {
-							widgetId: f.id,
-							widgetType: f.type,
-							widgetTitle: f.title,
+						let e = `${u.parserId ?? ""}|${u.dataSinkId ?? ""}|${u.updatedAt ?? ""}`;
+						return /* @__PURE__ */ g(se, {
+							widgetId: u.id,
+							widgetType: u.type,
+							widgetTitle: u.title,
 							resetKey: e,
-							children: p ?? /* @__PURE__ */ _(ce, {
-								fallback: /* @__PURE__ */ _(s, {}),
-								children: He()
+							children: d ?? /* @__PURE__ */ g(l, {
+								fallback: /* @__PURE__ */ g(s, {}),
+								children: Qe()
 							})
 						});
 					})()
 				})
 			}),
-			w && w.length > 0 && !I && !L && /* @__PURE__ */ _("div", {
+			b && b.length > 0 && !M && !N && /* @__PURE__ */ g("div", {
 				className: "px-4 py-3 border-t border-border-default bg-bg-muted",
 				style: { flexShrink: 0 },
-				children: /* @__PURE__ */ _(d, {
-					actions: w,
-					context: Ve,
-					onAction: T,
-					disabled: D,
+				children: /* @__PURE__ */ g(de, {
+					actions: b,
+					context: Ze,
+					onAction: x,
+					disabled: C,
 					layout: "horizontal",
 					size: "sm"
 				})
 			}),
-			X && !D && /* @__PURE__ */ _("div", {
+			X && !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,
 						d: "M13 7l5 5m0 0l-5 5m5-5H6"
 					})
 				})
+			}),
+			L && /* @__PURE__ */ g(l, {
+				fallback: null,
+				children: /* @__PURE__ */ g(je, {
+					widgetId: u.id,
+					onClose: () => R(!1)
+				})
 			})
 		]
 	});
-}, b);
+}, _);
 //#endregion
-export { x as default };
+export { v as default };
 
 //# sourceMappingURL=WidgetWrapper.js.map