@burdenoff/microfe-bigconsole 2026.1004.3 → 2026.1004.4

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

@@ -9,47 +9,52 @@ import ne from "../../hooks/useWidgetComments.js";
 import re from "../../hooks/useWidgetExport.js";
 import ie from "../../hooks/useDrilldown.js";
 import "../../hooks/index.js";
-import { resolveTextData as ae } from "./text-widget/textData.js";
-import oe from "./WidgetHeader.js";
+import { resolveTextData as c } from "./text-widget/textData.js";
+import ae from "./WidgetHeader.js";
+import { useBigConsoleSettings as oe } from "../../hooks/useBigConsoleSettings.js";
 import se from "./states/LoadingState.js";
 import ce from "./states/ErrorState.js";
-import c from "./states/EmptyState.js";
+import l 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 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 { Suspense as u, lazy as d, memo as f, useCallback as p, useEffect as he, useMemo as m, useRef as h, useState as g } from "react";
 import { useApolloClient as ge } from "@apollo/client/react";
-import { jsx as g, jsxs as _e } from "react/jsx-runtime";
+import { jsx as _, jsxs as _e } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/WidgetWrapper.tsx
-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 })));
-u(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget })));
-var Fe = u(() => import("./form/index.js").then((e) => ({ default: e.FormWidget }))), Ie = u(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
-function _(e, t) {
-	return !(e.widget.id !== t.widget.id || e.widget.updatedAt !== t.widget.updatedAt || e.isLoading !== t.isLoading || e.error !== t.error || e.actions !== t.actions || e.data !== t.data || JSON.stringify(e.filterValues) !== JSON.stringify(t.filterValues));
+var ve = d(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), ye = d(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), be = d(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), xe = d(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), Se = d(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), Ce = d(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), we = d(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), Te = d(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Ee = d(() => import("./retention/index.js").then((e) => ({ default: e.RetentionWidget }))), De = d(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), Oe = d(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), ke = d(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), Ae = d(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), je = d(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), Me = d(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Ne = d(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), Pe = d(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget })));
+d(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget })));
+var Fe = d(() => import("./form/index.js").then((e) => ({ default: e.FormWidget }))), Ie = d(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
+function v(e, t) {
+	return !(e.previewOnly !== t.previewOnly || e.widget.id !== t.widget.id || e.widget.updatedAt !== t.widget.updatedAt || e.isLoading !== t.isLoading || e.error !== t.error || e.actions !== t.actions || e.data !== t.data || JSON.stringify(e.filterValues) !== JSON.stringify(t.filterValues));
 }
-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 {};
+var y = f(function({ widget: d, children: f, data: v, className: y = "", isLoading: Le, error: Re, onRefresh: b, onDrilldown: ze, actions: x, onAction: S, filterValues: C, previewOnly: w = !1 }) {
+	let T = oe(), Be = r((e) => e.viewMode === "edit"), E = !w && Be, D = t((e) => e.selectWidget), O = e(d.id), k = n(d.id), A = i(), j = ge(), M = d.dashboardId, N = m(() => {
+		if (!M) return {};
 		try {
-			let e = O.readQuery({
+			let e = j.readQuery({
 				query: a,
-				variables: { id: k }
+				variables: { id: M }
 			}), t = {};
 			for (let n of e?.getDashboard?.globalFilters ?? []) {
 				let e = n.config?.field;
-				typeof e == "string" && e && (t[n.id] = e);
+				typeof e == "string" && e && Object.hasOwn(A, n.id) && (t[n.id] = e);
 			}
 			return t;
 		} catch {
 			return {};
 		}
-	}, [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(() => {
+	}, [
+		j,
+		M,
+		A
+	]), P = m(() => fe(d), [d]), F = P.source.kind !== "DATASINK" || !!P.source.ref || !!P.parserId || !!d.datasetId, { data: I, loading: Ve } = o(d.id, {
+		skip: w || !F,
+		pollInterval: (d.refreshInterval ?? 0) * 1e3 || 0
+	}), L = m(() => {
 		if (typeof window > "u") return {};
 		let e = new URLSearchParams(window.location.search), t = {};
 		return e.forEach((e, n) => {
@@ -58,56 +63,56 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 				r.startsWith("__") || (t[r] = e);
 			}
 		}), t;
-	}, []), F = p(() => {
+	}, []), R = m(() => {
 		let 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;
+		return L && Object.keys(L).length > 0 && Object.assign(e, L), A && Object.keys(A).length > 0 && Object.assign(e, A), C && Object.keys(C).length > 0 && Object.assign(e, C), e;
 	}, [
-		P,
-		D,
-		S
-	]), I = Object.keys(F).length > 0, L = Le ?? (Be && !N) ?? E.isLoading, R = Re ?? E.errorMessage, Ve = s(u.type), z = m(y);
+		L,
+		A,
+		C
+	]), z = Object.keys(R).length > 0, B = Le ?? (Ve && !I) ?? k.isLoading, V = Re ?? k.errorMessage, He = s(d.type), H = h(b);
 	he(() => {
-		z.current = y;
-	}, [y]);
-	let He = f(async () => {
-		z.current && await z.current();
-	}, []), { timeUntilRefresh: Ue, isPaused: We } = te({
-		widgetId: u.id,
-		refreshInterval: u.refreshInterval,
-		onRefresh: He,
-		enabled: !C && !!u.refreshInterval
-	}), B = m(null), [V, H] = h(!1), [U, Ge] = h(!1), { count: Ke } = ne(u.id, U), qe = f(() => {
-		H((e) => {
+		H.current = b;
+	}, [b]);
+	let Ue = p(async () => {
+		H.current && await H.current();
+	}, []), { timeUntilRefresh: We, isPaused: Ge } = te({
+		widgetId: d.id,
+		refreshInterval: d.refreshInterval,
+		onRefresh: Ue,
+		enabled: !w && !E && !!d.refreshInterval
+	}), U = h(null), [W, Ke] = g(!1), [qe, Je] = g(!1), { count: Ye } = ne(d.id, qe), Xe = p(() => {
+		Ke((e) => {
 			let t = !e;
-			return t && Ge(!0), t;
+			return t && Je(!0), t;
 		});
-	}, []), Je = p(() => {
-		if (_ && Array.isArray(_)) return _;
-		let e = u.data;
+	}, []), Ze = 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: Ye, exportPNG: Xe } = re(u, {
-		data: Je,
-		containerRef: B
-	}), W = f((e) => {
+	}, [v, d]), { exportCSV: Qe, exportPNG: $e } = re(d, {
+		data: Ze,
+		containerRef: U
+	}), G = 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" ? W(n) : !0;
+				return n == null || n === "" ? !1 : Array.isArray(n) ? n.length > 0 : typeof n == "object" ? G(n) : !0;
 			});
 		}
 		return !0;
-	}, []), Ze = f((e) => {
-		if (!I || !e) return e;
+	}, []), et = p((e) => {
+		if (!z || !e) return e;
 		let t = {}, n = {};
-		Object.entries(F || {}).forEach(([e, r]) => {
+		Object.entries(R || {}).forEach(([e, r]) => {
 			if (e.startsWith("ctx_")) {
 				let n = e.slice(4);
 				t[n] = r;
@@ -169,7 +174,7 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 					}
 				}
 				if (typeof a == "object" && a && !Array.isArray(a)) continue;
-				let n = A[t];
+				let n = N[t];
 				if (n) {
 					let t = i(e, n);
 					if (t !== void 0) {
@@ -236,82 +241,82 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 		}
 		return e;
 	}, [
-		I,
-		F,
-		u.id,
-		A
-	]), G = p(() => {
+		z,
+		R,
+		d.id,
+		N
+	]), K = m(() => {
 		let e = null;
-		if (_ && W(_)) e = _;
-		else if (N) {
-			let t = N;
-			if (t?.processed && W(t.processed)) e = t.processed;
+		if (v && G(v)) e = v;
+		else if (I) {
+			let t = I;
+			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;
-				W(n) && (e = n);
+				G(n) && (e = n);
 			} catch {}
 		} else {
-			let t = u.data;
-			if (t?.processed && W(t.processed)) e = t.processed;
+			let t = d.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;
-				W(n) && (e = n);
+				G(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;
-				W(n) && (e = n);
+				G(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 && W(t) && (e = t);
+				t != null && G(t) && (e = t);
 			}
 		}
-		return I && e ? Ze(e) : e;
+		return z && e ? et(e) : e;
 	}, [
-		_,
-		u,
-		N,
+		v,
+		d,
 		I,
-		Ze,
+		z,
+		et,
+		R,
+		G
+	]), q = m(() => K ?? null, [K]), tt = m(() => !q || F ? !1 : d.config?.mockData != null, [
+		q,
 		F,
-		W
-	]), K = p(() => G ?? null, [G]), Qe = p(() => !K || M ? !1 : u.config?.mockData != null, [
-		K,
-		M,
-		u.config
-	]), { executeDrilldown: q, canDrilldown: $e } = ie({ onDrilldown: (e, t) => {
+		d.config
+	]), { executeDrilldown: nt, canDrilldown: rt } = ie({ onDrilldown: (e, t) => {
 		ze?.(e);
-	} }), J = p(() => $e(u), [u, $e]), et = f((e) => {
-		if (!u.drilldown?.enabled) return;
+	} }), J = m(() => rt(d), [d, rt]), it = p((e) => {
+		if (!d.drilldown?.enabled) return;
 		let t = {
 			selectedData: e || {},
-			globalFilters: D || {},
-			widgetData: K || {},
+			globalFilters: A || {},
+			widgetData: q || {},
 			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
 		};
-		q(u.drilldown, t);
+		nt(d.drilldown, t);
 	}, [
-		u,
-		K,
-		D,
-		q
-	]), Y = J && !C ? et : void 0, X = m(null), tt = f((e) => {
+		d,
+		q,
+		A,
+		nt
+	]), Y = J && !E ? it : void 0, X = h(null), at = p((e) => {
 		X.current = {
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, []), nt = f((e) => {
+	}, []), ot = p((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) {
@@ -319,49 +324,49 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 				return;
 			}
 		}
-		X.current = null, C && w(u.id);
+		X.current = null, E && D(d.id);
 	}, [
-		C,
-		w,
-		u.id
-	]), rt = f((e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C && w(u.id));
+		E,
+		D,
+		d.id
+	]), st = p((e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), E && D(d.id));
 	}, [
-		C,
-		w,
-		u.id
-	]), it = p(() => u.type === "custom" && de(u.config), [u.type, u.config]), at = p(() => u.type === "custom" && ue(u.config), [u.type, u.config]), Z = J && !at, ot = p(() => u.type === "text" ? ae(u.config, K).hasContent : !1, [
-		u.type,
-		u.config,
-		K
-	]), st = !L && !R && !K && !it && !ot, Q = p(() => u.renderer, [u]), ct = p(() => Q && Q !== "BIGCONSOLE", [Q]), lt = p(() => ({
-		widgetId: u.id,
-		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]), ut = f(() => {
+		E,
+		D,
+		d.id
+	]), ct = m(() => d.type === "custom" && de(d.config), [d.type, d.config]), lt = m(() => d.type === "custom" && ue(d.config), [d.type, d.config]), Z = J && !lt, ut = m(() => d.type === "text" ? c(d.config, q).hasContent : !1, [
+		d.type,
+		d.config,
+		q
+	]), dt = !B && !V && !q && !ct && !ut, Q = m(() => d.renderer, [d]), ft = m(() => Q && Q !== "BIGCONSOLE", [Q]), pt = m(() => ({
+		widgetId: d.id,
+		data: q || {}
+	}), [d.id, q]), $ = p((e, t) => {
+		if (!S) return;
+		let n = x?.find((t) => t.name === e.name);
+		S(n || e, t);
+	}, [S, x]), mt = p(() => {
 		let e = {
-			widget: u,
+			widget: d,
 			data: (() => {
-				if (!K) return K;
-				if (u.type === "table" || u.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 (d.type === "table" || d.type === "pivot_table") {
+					if (Array.isArray(q)) return q;
+					if (q && typeof q == "object" && "rows" in q) return q.rows;
 				}
-				if (u.type === "list") {
-					if (Array.isArray(K)) return K;
-					if (K && typeof K == "object" && "items" in K) return K.items;
+				if (d.type === "list") {
+					if (Array.isArray(q)) return q;
+					if (q && typeof q == "object" && "items" in q) return q.items;
 				}
-				if (u.type === "funnel_chart") {
-					if (Array.isArray(K)) return K;
-					if (K && typeof K == "object" && "stages" in K) return K.stages;
+				if (d.type === "funnel_chart") {
+					if (Array.isArray(q)) return q;
+					if (q && typeof q == "object" && "stages" in q) return q.stages;
 				}
-				if (u.type === "chart") {
-					if (Array.isArray(K)) return K;
-					if (K && typeof K == "object" && "datasets" in K) {
-						let e = K;
+				if (d.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) => {
@@ -370,184 +375,187 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 						});
 					}
 				}
-				if (u.type === "text") {
-					let e = ae(u.config, K);
+				if (d.type === "text") {
+					let e = c(d.config, q);
 					return {
 						content: e.content,
 						format: e.format,
 						alignment: e.alignment
 					};
 				}
-				if (u.type === "custom") {
-					let e = u.config?.valueField;
-					if (e && K && typeof K == "object" && !Array.isArray(K)) {
-						let t = K;
+				if (d.type === "custom") {
+					let e = d.config?.valueField;
+					if (e && q && typeof q == "object" && !Array.isArray(q)) {
+						let t = q;
 						if (e in t) return {
 							value: t[e],
-							label: u.title,
+							label: d.title,
 							data: t
 						};
 					}
 				}
-				return K;
+				return q;
 			})(),
 			onDrilldown: Y
 		};
-		if (ct) {
+		if (ft) {
 			let e = {};
-			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 (K && typeof K == "object" && !Array.isArray(K) && Object.keys(K).length > 0 && (e = { ...K }), 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(pe, {
-				widget: u,
+			return /* @__PURE__ */ _(pe, {
+				widget: d,
 				data: e,
-				isEditMode: C,
-				isSelected: T,
-				isLoading: L,
-				error: R,
+				isEditMode: E,
+				isSelected: O,
+				isLoading: B,
+				error: V,
 				onDrilldown: Y,
 				onAction: $
 			});
 		}
-		switch (u.type?.toLowerCase() || "") {
-			case "metric_card": return /* @__PURE__ */ g(ve, { ...e });
-			case "kpi_card_comparison": return /* @__PURE__ */ g(Ae, { ...e });
+		switch (d.type?.toLowerCase() || "") {
+			case "metric_card": return /* @__PURE__ */ _(ve, { ...e });
+			case "kpi_card_comparison": return /* @__PURE__ */ _(Ae, { ...e });
 			case "chart":
-			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 });
+			case "funnel_chart": return /* @__PURE__ */ _(ye, { ...e });
+			case "table": return /* @__PURE__ */ _(be, { ...e });
+			case "pivot_table": return /* @__PURE__ */ _(xe, { ...e });
+			case "gauge": return /* @__PURE__ */ _(Se, { ...e });
+			case "progress": return /* @__PURE__ */ _(Ce, { ...e });
+			case "list": return /* @__PURE__ */ _(we, { ...e });
+			case "heatmap": return /* @__PURE__ */ _(Te, { ...e });
+			case "retention": return /* @__PURE__ */ _(Ee, { ...e });
+			case "calendar": return /* @__PURE__ */ _(De, { ...e });
+			case "timeline": return /* @__PURE__ */ _(ke, { ...e });
+			case "kanban": return /* @__PURE__ */ _(Oe, { ...e });
+			case "form": return /* @__PURE__ */ _(Fe, { ...e });
+			case "text": return /* @__PURE__ */ _(je, { ...e });
+			case "iframe": return /* @__PURE__ */ _(Ne, { ...e });
+			case "map": return /* @__PURE__ */ _(Me, { ...e });
+			case "custom": return /* @__PURE__ */ _(Pe, { ...e });
+			default: return f || /* @__PURE__ */ _(l, { widgetType: d.type });
 		}
 	}, [
-		u,
-		K,
 		d,
+		q,
+		f,
 		Y,
-		ct,
-		C,
-		T,
-		L,
-		R,
+		ft,
+		E,
+		O,
+		B,
+		V,
 		$,
-		G
+		K
 	]);
 	return /* @__PURE__ */ _e("div", {
-		ref: B,
+		ref: U,
 		className: `
         group relative flex flex-col
         h-full w-full min-w-0
         rounded-card border
         bg-bg-surface
         shadow-[var(--shadow-elevation-1)]
-        motion-safe:transition-[box-shadow,border-color] motion-safe:duration-200
-        ${T && C ? "border-[var(--color-action-primary-border)] ring-2 ring-[var(--color-action-primary-border)]/30 shadow-[var(--shadow-elevation-2)]" : "border-[var(--color-border-subtle)] hover:border-action-primary-bg hover:shadow-[var(--shadow-elevation-2)]"}
-        ${C ? "cursor-pointer" : ""}
-        ${v}
+        ${T.animationsEnabled ? "motion-safe:transition-[box-shadow,border-color] motion-safe:duration-200" : ""}
+        ${O && E ? "border-[var(--color-action-primary-border)] ring-2 ring-[var(--color-action-primary-border)]/30 shadow-[var(--shadow-elevation-2)]" : T.showWidgetBorders ? "border-[var(--color-border-subtle)] hover:border-action-primary-bg hover:shadow-[var(--shadow-elevation-2)]" : "border-transparent"}
+        ${E ? "cursor-pointer" : ""}
+        ${y}
       `,
-		onMouseDown: tt,
-		onClick: nt,
-		onKeyDown: rt,
-		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: at,
+		onClick: ot,
+		onKeyDown: st,
+		tabIndex: E ? 0 : -1,
+		role: E ? "button" : void 0,
+		"aria-selected": O,
+		"aria-label": `Widget: ${d.title}`,
+		"data-widget-id": d.id,
+		"data-widget-type": d.type,
 		children: [
-			/* @__PURE__ */ g(oe, {
-				widget: u,
-				definition: Ve,
-				isSelected: T,
-				isEditMode: C,
-				isLoading: L,
-				isSampleData: Qe,
-				timeUntilRefresh: u.refreshInterval && !We ? ee(Ue) : void 0,
+			/* @__PURE__ */ _(ae, {
+				widget: d,
+				previewOnly: w,
+				definition: He,
+				isSelected: O,
+				isEditMode: E,
+				isLoading: B,
+				isSampleData: tt,
+				timeUntilRefresh: d.refreshInterval && !Ge ? ee(We) : void 0,
 				hasDrilldown: J,
-				onRefresh: y,
-				onExportCSV: Je ? Ye : void 0,
-				onExportPNG: Xe,
+				onRefresh: b,
+				onExportCSV: Ze ? Qe : void 0,
+				onExportPNG: $e,
 				onDrilldown: Y ? () => Y() : void 0,
-				onToggleComments: qe,
-				commentsOpen: V,
-				commentCount: U ? Ke : void 0
+				onToggleComments: w ? void 0 : Xe,
+				commentsOpen: W,
+				commentCount: qe ? Ye : void 0
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: `
-          flex-1 overflow-hidden p-3 min-h-0 min-w-0 sm:p-4
-          ${Z && !C ? "cursor-pointer" : ""}
+          flex-1 overflow-hidden min-h-0 min-w-0
+          ${T.compactMode ? "p-2" : "p-3 sm:p-4"}
+          ${Z && !E ? "cursor-pointer" : ""}
         `,
-				title: Z && !C ? "Click data to drill down" : void 0,
-				children: /* @__PURE__ */ g("div", {
+				title: Z && !E ? "Click data to drill down" : void 0,
+				children: /* @__PURE__ */ _("div", {
 					className: "h-full min-w-0 overflow-auto",
 					children: (() => {
-						if (L) return /* @__PURE__ */ g(se, {});
-						if (R) return /* @__PURE__ */ g(ce, {
-							error: R,
-							onRetry: y
+						if (B) return /* @__PURE__ */ _(se, {});
+						if (V) return /* @__PURE__ */ _(ce, {
+							error: V,
+							onRetry: b
 						});
-						if (st && !d) return /* @__PURE__ */ g(c, {
-							widgetType: u.type,
-							hasDataSource: M,
-							templateSlot: typeof u.metadata?.templateDataSinkSlot == "string" ? u.metadata.templateDataSinkSlot : null
+						if (dt && !f) return /* @__PURE__ */ _(l, {
+							widgetType: d.type,
+							hideEditHint: w,
+							hasDataSource: F,
+							templateSlot: typeof d.metadata?.templateDataSinkSlot == "string" ? d.metadata.templateDataSinkSlot : null
 						});
-						let e = `${j.source.kind}|${j.source.ref ?? ""}|${j.parserId ?? ""}|${u.updatedAt ?? ""}`;
-						return /* @__PURE__ */ g(le, {
-							widgetId: u.id,
-							widgetType: u.type,
-							widgetTitle: u.title,
+						let e = `${P.source.kind}|${P.source.ref ?? ""}|${P.parserId ?? ""}|${d.updatedAt ?? ""}`;
+						return /* @__PURE__ */ _(le, {
+							widgetId: d.id,
+							widgetType: d.type,
+							widgetTitle: d.title,
 							resetKey: e,
-							children: d ?? /* @__PURE__ */ g(l, {
-								fallback: /* @__PURE__ */ g(se, {}),
-								children: ut()
+							children: f ?? /* @__PURE__ */ _(u, {
+								fallback: /* @__PURE__ */ _(se, {}),
+								children: mt()
 							})
 						});
 					})()
 				})
 			}),
-			b && b.length > 0 && !L && !R && /* @__PURE__ */ g("div", {
+			x && x.length > 0 && !B && !V && /* @__PURE__ */ _("div", {
 				className: "min-w-0 border-t border-[var(--color-border-subtle)] bg-bg-sunken px-3 py-2 sm:px-4",
 				style: { flexShrink: 0 },
-				children: /* @__PURE__ */ g(me, {
-					actions: b,
-					context: lt,
-					onAction: x,
-					disabled: C,
+				children: /* @__PURE__ */ _(me, {
+					actions: x,
+					context: pt,
+					onAction: S,
+					disabled: E,
 					layout: "horizontal",
 					size: "sm"
 				})
 			}),
-			Z && !C && /* @__PURE__ */ g("div", {
+			Z && !E && /* @__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,
@@ -555,17 +563,17 @@ var v = d(function({ widget: u, children: d, data: _, className: v = "", isLoadi
 					})
 				})
 			}),
-			V && /* @__PURE__ */ g(l, {
+			W && /* @__PURE__ */ _(u, {
 				fallback: null,
-				children: /* @__PURE__ */ g(Ie, {
-					widgetId: u.id,
-					onClose: () => H(!1)
+				children: /* @__PURE__ */ _(Ie, {
+					widgetId: d.id,
+					onClose: () => Ke(!1)
 				})
 			})
 		]
 	});
-}, _);
+}, v);
 //#endregion
-export { v as default };
+export { y as default };
 
 //# sourceMappingURL=WidgetWrapper.js.map