@burdenoff/microfe-bigconsole 2026.622.1 → 2026.624.2

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

@@ -1,38 +1,55 @@
 import { useIsWidgetSelected as e, useWidgetStore as t, useWidgetUIState as n } from "../../store/widgetStore.js";
 import { useDashboardStore as r, useGlobalFilterValues as i } from "../../store/dashboardStore.js";
 import "../../store/index.js";
-import a from "../../hooks/useWidgetData.js";
-import { getWidgetDefinition as o } from "./WidgetRegistry.js";
+import { GetDashboardDocument as a } from "../../../generated/wspace-operations.js";
+import o from "../../hooks/useWidgetData.js";
+import { getWidgetDefinition as s } from "./WidgetRegistry.js";
 import { formatTimeUntilRefresh as ee, useWidgetAutoRefresh as te } from "../../hooks/useAutoRefresh.js";
 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 s from "./states/LoadingState.js";
+import c from "./states/LoadingState.js";
 import oe from "./states/ErrorState.js";
-import c from "./states/EmptyState.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 "./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";
+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";
 //#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("./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) {
+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) {
 	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 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(() => {
+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(() => {
+		if (!k) return {};
+		try {
+			let e = Le.readQuery({
+				query: a,
+				variables: { id: k }
+			}), t = {};
+			for (let n of e?.getDashboard?.globalFilters ?? []) {
+				let e = n.config?.field;
+				typeof e == "string" && e && (t[n.id] = e);
+			}
+			return t;
+		} 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(() => {
 		if (typeof window > "u") return {};
 		let e = new URLSearchParams(window.location.search), t = {};
 		return e.forEach((e, n) => {
@@ -41,56 +58,56 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 				r.startsWith("__") || (t[r] = e);
 			}
 		}), t;
-	}, []), A = p(() => {
+	}, []), N = m(() => {
 		let 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;
+		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;
 	}, [
-		k,
-		D,
-		S
-	]), j = Object.keys(A).length > 0, M = Ne ?? (Le && !O) ?? E.isLoading, N = Pe ?? E.errorMessage, Re = o(u.type), P = m(y);
+		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(() => {
-		P.current = y;
-	}, [y]);
-	let F = f(async () => {
-		P.current && await P.current();
-	}, []), { 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, Ve] = h(!1), { count: He } = ne(u.id, z), Ue = f(() => {
-		R((e) => {
+		L.current = b;
+	}, [b]);
+	let Ve = p(async () => {
+		L.current && await L.current();
+	}, []), { timeUntilRefresh: He, isPaused: Ue } = te({
+		widgetId: d.id,
+		refreshInterval: d.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) => {
 			let t = !e;
-			return t && Ve(!0), t;
+			return t && We(!0), t;
 		});
-	}, []), B = p(() => {
-		if (_ && Array.isArray(_)) return _;
-		let e = u.data;
+	}, []), H = m(() => {
+		if (v && Array.isArray(v)) return v;
+		let e = d.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;
-	}, [_, u]), { exportCSV: We, exportPNG: Ge } = re(u, {
-		data: B,
-		containerRef: I
-	}), V = f((e) => {
+	}, [v, d]), { exportCSV: qe, exportPNG: Je } = re(d, {
+		data: H,
+		containerRef: R
+	}), U = p((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" ? V(n) : !0;
+				return n == null || n === "" ? !1 : Array.isArray(n) ? n.length > 0 : typeof n == "object" ? U(n) : !0;
 			});
 		}
 		return !0;
-	}, []), H = f((e) => {
-		if (!j || !e) return e;
+	}, []), W = p((e) => {
+		if (!P || !e) return e;
 		let t = {}, n = {};
-		Object.entries(A || {}).forEach(([e, r]) => {
+		Object.entries(N || {}).forEach(([e, r]) => {
 			if (e.startsWith("ctx_")) {
 				let n = e.slice(4);
 				t[n] = r;
@@ -151,19 +168,29 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 						continue;
 					}
 				}
-				let n = i(e, t);
-				if (n !== void 0) {
-					if (!r(n, a)) return !1;
+				if (typeof a == "object" && a && !Array.isArray(a)) continue;
+				let n = A[t];
+				if (n) {
+					let t = i(e, n);
+					if (t !== void 0) {
+						if (!r(t, a)) return !1;
+						continue;
+					}
+					continue;
+				}
+				let o = i(e, t);
+				if (o !== void 0) {
+					if (!r(o, a)) return !1;
 					continue;
 				}
-				let o = String(a).toLowerCase();
-				if (!Object.values(e).map((e) => String(e).toLowerCase()).some((e) => e === o || e.includes(o))) {
+				let s = String(a).toLowerCase();
+				if (!Object.values(e).map((e) => String(e).toLowerCase()).some((e) => e === s || e.includes(s))) {
 					let t = Object.keys(e).map((e) => e.toLowerCase()).filter((e) => e.includes("category") || e.includes("type") || e.includes("status") || e.includes("name") || e.includes("region") || e.includes("group")), n = !1;
 					for (let r of t) {
 						let t = Object.keys(e).find((e) => e.toLowerCase() === r);
 						if (t) {
 							let r = String(e[t]).toLowerCase();
-							if (r === o || r.includes(o)) {
+							if (r === s || r.includes(s)) {
 								n = !0;
 								break;
 							}
@@ -209,123 +236,124 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		}
 		return e;
 	}, [
-		j,
-		A,
-		u.id
-	]), U = p(() => {
+		P,
+		N,
+		d.id,
+		A
+	]), G = m(() => {
 		let e = null;
-		if (_ && V(_)) e = _;
-		else if (O) {
-			let t = O;
-			if (t?.processed && V(t.processed)) e = t.processed;
+		if (v && U(v)) e = v;
+		else if (j) {
+			let t = j;
+			if (t?.processed && U(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);
+				U(n) && (e = n);
 			} catch {}
 		} else {
-			let t = u.data;
-			if (t?.processed && V(t.processed)) e = t.processed;
+			let t = d.data;
+			if (t?.processed && U(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);
+				U(n) && (e = n);
 			} catch {}
 		}
 		if (!e) {
-			let t = u.config?.mockData;
+			let t = d.config?.mockData;
 			if (t) try {
 				let n = typeof t == "string" ? JSON.parse(t) : t;
-				V(n) && (e = n);
+				U(n) && (e = n);
 			} catch {}
 		}
 		if (e && typeof e == "object" && !Array.isArray(e)) {
-			let t = u.config, n = t?.dataKey ?? t?.dataPath ?? t?.seriesPath;
+			let t = d.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);
+				t != null && U(t) && (e = t);
 			}
 		}
-		return j && e ? H(e) : e;
+		return P && e ? W(e) : e;
 	}, [
-		_,
-		u,
-		O,
+		v,
+		d,
 		j,
-		H,
-		A,
-		V
-	]), W = p(() => U ?? null, [U]), { executeDrilldown: G, canDrilldown: K } = ie({ onDrilldown: (e, t) => {
-		Fe?.(e);
-	} }), q = p(() => K(u), [u, K]), J = f((e) => {
-		if (!u.drilldown?.enabled) return;
+		P,
+		W,
+		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;
 		let t = {
 			selectedData: e || {},
-			globalFilters: D || {},
-			widgetData: W || {},
+			globalFilters: O || {},
+			widgetData: K || {},
 			metadata: {
-				widgetId: u.id,
-				widgetType: u.type,
-				widgetTitle: u.title
+				widgetId: d.id,
+				widgetType: d.type,
+				widgetTitle: d.title
 			},
-			sourceDashboardId: u.dashboardId
+			sourceDashboardId: d.dashboardId
 		};
-		G(u.drilldown, t);
+		q(d.drilldown, t);
 	}, [
-		u,
-		W,
-		D,
-		G
-	]), Y = m(null), Ke = f((e) => {
-		Y.current = {
+		d,
+		K,
+		O,
+		q
+	]), Z = h(null), Ye = p((e) => {
+		Z.current = {
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, []), 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);
+	}, []), 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);
 			if (t > 5 || n > 5) {
-				Y.current = null;
+				Z.current = null;
 				return;
 			}
 		}
-		Y.current = null, C && w(u.id);
+		Z.current = null, w && T(d.id);
 	}, [
-		C,
 		w,
-		u.id
-	]), Je = f((e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C && w(u.id));
+		T,
+		d.id
+	]), Ze = p((e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), w && T(d.id));
 	}, [
-		C,
 		w,
-		u.id
-	]), 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]), $e = f(() => {
+		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(() => {
 		let e = {
-			widget: u,
+			widget: d,
 			data: (() => {
-				if (!W) return W;
-				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 (!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 (u.type === "list") {
-					if (Array.isArray(W)) return W;
-					if (W && typeof W == "object" && "items" in W) return W.items;
+				if (d.type === "list") {
+					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(W)) return W;
-					if (W && typeof W == "object" && "stages" in W) return W.stages;
+				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 === "chart") {
-					if (Array.isArray(W)) return W;
-					if (W && typeof W == "object" && "datasets" in W) {
-						let e = W;
+				if (d.type === "chart") {
+					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) => {
@@ -334,8 +362,8 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 						});
 					}
 				}
-				if (u.type === "text" && W && typeof W == "object" && !("content" in W)) {
-					let e = W, t = [];
+				if (d.type === "text" && K && typeof K == "object" && !("content" in K)) {
+					let e = K, 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}`);
@@ -350,174 +378,174 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 						format: "markdown"
 					};
 				}
-				if (u.type === "custom") {
-					let e = u.config?.valueField;
-					if (e && W && typeof W == "object" && !Array.isArray(W)) {
-						let t = W;
+				if (d.type === "custom") {
+					let e = d.config?.valueField;
+					if (e && K && typeof K == "object" && !Array.isArray(K)) {
+						let t = K;
 						if (e in t) return {
 							value: t[e],
-							label: u.title,
+							label: d.title,
 							data: t
 						};
 					}
 				}
-				return W;
+				return K;
 			})(),
-			onDrilldown: q ? J : void 0
+			onDrilldown: Y ? X : void 0
 		};
-		if (Q) {
+		if (tt) {
 			let e = {};
-			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 (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 (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 || u.title || "",
+						description: e.description || d.title || "",
 						text: e.text || r
 					};
 				}
 			}
-			return /* @__PURE__ */ g(ue, {
-				widget: u,
+			return /* @__PURE__ */ _(ue, {
+				widget: d,
 				data: e,
-				isEditMode: C,
-				isSelected: T,
-				isLoading: M,
-				error: N,
-				onDrilldown: q ? J : void 0,
-				onAction: $
+				isEditMode: w,
+				isSelected: E,
+				isLoading: F,
+				error: I,
+				onDrilldown: Y ? X : void 0,
+				onAction: rt
 			});
 		}
-		switch (u.type?.toLowerCase() || "") {
-			case "metric_card": return /* @__PURE__ */ g(me, { ...e });
-			case "kpi_card_comparison": return /* @__PURE__ */ g(Ee, { ...e });
+		switch (d.type?.toLowerCase() || "") {
+			case "metric_card": return /* @__PURE__ */ _(he, { ...e });
+			case "kpi_card_comparison": return /* @__PURE__ */ _(De, { ...e });
 			case "chart":
-			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 "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 });
+			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 });
 		}
 	}, [
-		u,
-		W,
 		d,
-		q,
-		J,
-		Q,
-		C,
-		T,
-		M,
-		N,
-		$,
-		U
+		K,
+		f,
+		Y,
+		X,
+		tt,
+		w,
+		E,
+		F,
+		I,
+		rt,
+		G
 	]);
-	return /* @__PURE__ */ pe("div", {
-		ref: I,
+	return /* @__PURE__ */ me("div", {
+		ref: R,
 		className: `
         group relative flex flex-col
         h-full w-full
         rounded-lg border
         bg-bg-surface
         transition-all duration-200
-        ${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}
+        ${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}
       `,
-		onMouseDown: Ke,
-		onClick: qe,
-		onKeyDown: Je,
-		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,
+		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,
 		children: [
-			/* @__PURE__ */ g(ae, {
-				widget: u,
-				definition: Re,
-				isSelected: T,
-				isEditMode: C,
-				isLoading: M,
-				timeUntilRefresh: u.refreshInterval && !Be ? ee(ze) : void 0,
-				hasDrilldown: q,
-				onRefresh: y,
-				onExportCSV: B ? We : void 0,
-				onExportPNG: Ge,
-				onDrilldown: q ? () => J() : void 0,
-				onToggleComments: Ue,
-				commentsOpen: L,
-				commentCount: z ? He : void 0
+			/* @__PURE__ */ _(ae, {
+				widget: d,
+				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,
+				onExportPNG: Je,
+				onDrilldown: Y ? () => X() : void 0,
+				onToggleComments: Ke,
+				commentsOpen: z,
+				commentCount: V ? Ge : void 0
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: `
           flex-1 overflow-hidden p-4 min-h-0
-          ${X && !C ? "cursor-pointer" : ""}
+          ${Q && !w ? "cursor-pointer" : ""}
         `,
-				title: X && !C ? "Click data to drill down" : void 0,
-				children: /* @__PURE__ */ g("div", {
+				title: Q && !w ? "Click data to drill down" : void 0,
+				children: /* @__PURE__ */ _("div", {
 					className: "h-full overflow-auto",
 					children: (() => {
-						if (M) return /* @__PURE__ */ g(s, {});
-						if (N) return /* @__PURE__ */ g(oe, {
-							error: N,
-							onRetry: y
+						if (F) return /* @__PURE__ */ _(c, {});
+						if (I) return /* @__PURE__ */ _(oe, {
+							error: I,
+							onRetry: b
 						});
-						if (Ze && !d) return /* @__PURE__ */ g(c, {
-							widgetType: u.type,
-							hasDataSource: !!u.parserId || !!u.dataSinkId
+						if (et && !f) return /* @__PURE__ */ _(l, {
+							widgetType: d.type,
+							hasDataSource: !!d.parserId || !!d.dataSinkId
 						});
-						let e = `${u.parserId ?? ""}|${u.dataSinkId ?? ""}|${u.updatedAt ?? ""}`;
-						return /* @__PURE__ */ g(se, {
-							widgetId: u.id,
-							widgetType: u.type,
-							widgetTitle: u.title,
+						let e = `${d.parserId ?? ""}|${d.dataSinkId ?? ""}|${d.updatedAt ?? ""}`;
+						return /* @__PURE__ */ _(se, {
+							widgetId: d.id,
+							widgetType: d.type,
+							widgetTitle: d.title,
 							resetKey: e,
-							children: d ?? /* @__PURE__ */ g(l, {
-								fallback: /* @__PURE__ */ g(s, {}),
-								children: $e()
+							children: f ?? /* @__PURE__ */ _(u, {
+								fallback: /* @__PURE__ */ _(c, {}),
+								children: it()
 							})
 						});
 					})()
 				})
 			}),
-			b && b.length > 0 && !M && !N && /* @__PURE__ */ g("div", {
-				className: "px-4 py-3 border-t border-border-default bg-bg-muted",
+			x && x.length > 0 && !F && !I && /* @__PURE__ */ _("div", {
+				className: "px-4 py-3 border-t border-border-default bg-bg-sunken",
 				style: { flexShrink: 0 },
-				children: /* @__PURE__ */ g(de, {
-					actions: b,
-					context: Qe,
-					onAction: x,
-					disabled: C,
+				children: /* @__PURE__ */ _(de, {
+					actions: x,
+					context: nt,
+					onAction: S,
+					disabled: w,
 					layout: "horizontal",
 					size: "sm"
 				})
 			}),
-			X && !C && /* @__PURE__ */ g("div", {
+			Q && !w && /* @__PURE__ */ _("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__ */ g("svg", {
+				children: /* @__PURE__ */ _("svg", {
 					className: "w-4 h-4 text-text-secondary",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ g("path", {
+					children: /* @__PURE__ */ _("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -525,17 +553,17 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 					})
 				})
 			}),
-			L && /* @__PURE__ */ g(l, {
+			z && /* @__PURE__ */ _(u, {
 				fallback: null,
-				children: /* @__PURE__ */ g(Me, {
-					widgetId: u.id,
-					onClose: () => R(!1)
+				children: /* @__PURE__ */ _(Ne, {
+					widgetId: d.id,
+					onClose: () => B(!1)
 				})
 			})
 		]
 	});
-}, _);
+}, v);
 //#endregion
-export { v as default };
+export { y as default };
 
 //# sourceMappingURL=WidgetWrapper.js.map