@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.5

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

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