@burdenoff/microfe-bigconsole 2026.615.3 → 2026.617.1

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

@@ -309,114 +309,131 @@ var Ee = p(function({ widget: e, onSave: t }) {
 			})
 		]
 	});
-}), I = p(function({ isOpen: s, onClose: c }) {
-	let [l, u] = _("general"), [d, f] = _("idle"), [p, g] = _(null), [y, I] = _(!1), L = e((e) => e.selectedWidgetId), De = e((e) => e.widgets), R = e((e) => e.updateWidget), z = L ? De.get(L) : void 0;
+});
+function I(e) {
+	let t = e;
+	return {
+		title: e.title || "",
+		description: e.description || "",
+		refreshInterval: e.refreshInterval ?? void 0,
+		renderer: e.renderer || "BIGCONSOLE",
+		template: e.template,
+		dataSinkId: t.dataSinkId ?? void 0,
+		datasetId: t.datasetId ?? void 0,
+		parserId: t.parserId ?? void 0,
+		parserRules: t.parserRules ?? void 0,
+		config: e.config || {},
+		drilldownConfig: e.drilldown ? {
+			enabled: e.drilldown.enabled ?? !1,
+			targetDashboardId: e.drilldown.targetDashboardId ?? "",
+			navigationMode: e.drilldown.navigationMode ?? "MODAL",
+			parameterMapping: e.drilldown.parameterMapping ?? {},
+			passGlobalFilters: e.drilldown.passGlobalFilters ?? !0,
+			maxDepth: e.drilldown.maxDepth ?? 3,
+			openIn: e.drilldown.openIn ?? "same"
+		} : void 0
+	};
+}
+var L = p(function({ isOpen: s, onClose: c }) {
+	let [l, u] = _("general"), [d, f] = _("idle"), [p, y] = _(null), [L, R] = _(!1), z = e((e) => e.selectedWidgetId), De = e((e) => e.widgets), B = e((e) => e.updateWidget), V = z ? De.get(z) : void 0, H = g(null);
 	h(() => {
-		z ? (g({
-			title: z.title || "",
-			description: z.description || "",
-			refreshInterval: z.refreshInterval ?? void 0,
-			renderer: z.renderer || "BIGCONSOLE",
-			template: z.template,
-			dataSinkId: z.dataSinkId ?? void 0,
-			datasetId: z.datasetId ?? void 0,
-			parserId: z.parserId ?? void 0,
-			parserRules: z.parserRules ?? void 0,
-			config: z.config || {},
-			drilldownConfig: z.drilldown ? {
-				enabled: z.drilldown.enabled ?? !1,
-				targetDashboardId: z.drilldown.targetDashboardId ?? "",
-				navigationMode: z.drilldown.navigationMode ?? "MODAL",
-				parameterMapping: z.drilldown.parameterMapping ?? {},
-				passGlobalFilters: z.drilldown.passGlobalFilters ?? !0,
-				maxDepth: z.drilldown.maxDepth ?? 3,
-				openIn: z.drilldown.openIn ?? "same"
-			} : void 0
-		}), I(!1), f("idle")) : g(null);
-	}, [z]);
-	let { updateWidget: B } = n(z?.pageId, z?.dashboardId, { skipFetch: !0 }), { createDrilldown: V, updateDrilldown: H, deleteDrilldown: U } = r(), { dataSinks: W } = a({ skipFetch: !1 }), [G, K] = _(null), { executeParser: Oe } = o({
-		consoleId: z?.dashboardId,
+		if (!z) {
+			H.current = null, y(null), R(!1), f("idle");
+			return;
+		}
+		let e = H.current !== z;
+		if (H.current = z, V) {
+			if (L && !e) return;
+			y(I(V)), R(!1), f("idle");
+		} else y(null), R(!1), f("idle");
+	}, [
+		z,
+		V,
+		L
+	]);
+	let { updateWidget: U } = n(V?.pageId, V?.dashboardId, { skipFetch: !0 }), { createDrilldown: Oe, updateDrilldown: ke, deleteDrilldown: Ae } = r(), { dataSinks: W } = a({ skipFetch: !1 }), [G, K] = _(null), { executeParser: je } = o({
+		consoleId: V?.dashboardId,
 		skipFetch: !0
-	}), [ke, Ae] = _(!1), { actions: q, loading: J, createAction: je, updateAction: Me, deleteAction: Ne, reorderActions: Y } = i(L || void 0), [Pe, X] = _(!1), [Fe, Z] = _(void 0), [Ie, Le] = _(!1), Re = m(() => {
+	}), [Me, Ne] = _(!1), { actions: q, loading: J, createAction: Pe, updateAction: Fe, deleteAction: Ie, reorderActions: Y } = i(z || void 0), [Le, X] = _(!1), [Re, Z] = _(void 0), [ze, Be] = _(!1), Ve = m(() => {
 		Z(void 0), X(!0);
-	}, []), ze = m((e) => {
+	}, []), He = m((e) => {
 		Z(e), X(!0);
-	}, []), Be = m(async (e) => {
-		if (L) {
-			Le(!0);
+	}, []), Ue = m(async (e) => {
+		if (z) {
+			Be(!0);
 			try {
 				let t = null;
-				if (t = "id" in e ? await Me(e) : await je(e), t) {
+				if (t = "id" in e ? await Fe(e) : await Pe(e), t) {
 					let n = [...q];
 					if ("id" in e) {
 						let r = n.findIndex((t) => t.id === e.id);
 						r >= 0 && (n[r] = t);
 					} else n.push(t);
-					R(L, { actions: n.sort((e, t) => e.order - t.order) });
+					B(z, { actions: n.sort((e, t) => e.order - t.order) });
 				}
 				X(!1), Z(void 0);
 			} catch {} finally {
-				Le(!1);
+				Be(!1);
 			}
 		}
 	}, [
-		L,
+		z,
 		q,
-		je,
-		Me,
-		R
-	]), Ve = m(async (e) => {
-		L && window.confirm("Are you sure you want to delete this action?") && await Ne(e) && R(L, { actions: q.filter((t) => t.id !== e) });
+		Pe,
+		Fe,
+		B
+	]), We = m(async (e) => {
+		z && window.confirm("Are you sure you want to delete this action?") && await Ie(e) && B(z, { actions: q.filter((t) => t.id !== e) });
 	}, [
-		L,
+		z,
 		q,
-		Ne,
-		R
-	]), He = m(async (e) => {
-		if (!L || e === 0) return;
+		Ie,
+		B
+	]), Ge = m(async (e) => {
+		if (!z || e === 0) return;
 		let t = [...q].sort((e, t) => e.order - t.order), n = t.map((e) => e.id);
-		[n[e - 1], n[e]] = [n[e], n[e - 1]], await Y(n) && R(L, { actions: t.map((e, t) => ({
+		[n[e - 1], n[e]] = [n[e], n[e - 1]], await Y(n) && B(z, { actions: t.map((e, t) => ({
 			...e,
 			order: n.indexOf(e.id)
 		})).sort((e, t) => e.order - t.order) });
 	}, [
-		L,
+		z,
 		q,
 		Y,
-		R
-	]), Ue = m(async (e) => {
-		if (!L) return;
+		B
+	]), Ke = m(async (e) => {
+		if (!z) return;
 		let t = [...q].sort((e, t) => e.order - t.order);
 		if (e === t.length - 1) return;
 		let n = t.map((e) => e.id);
-		[n[e], n[e + 1]] = [n[e + 1], n[e]], await Y(n) && R(L, { actions: t.map((e, t) => ({
+		[n[e], n[e + 1]] = [n[e + 1], n[e]], await Y(n) && B(z, { actions: t.map((e, t) => ({
 			...e,
 			order: n.indexOf(e.id)
 		})).sort((e, t) => e.order - t.order) });
 	}, [
-		L,
+		z,
 		q,
 		Y,
-		R
+		B
 	]);
 	h(() => {
-		L && q.length >= 0 && !J && R(L, { actions: q });
+		z && q.length >= 0 && !J && B(z, { actions: q });
 	}, [
-		L,
+		z,
 		q,
 		J,
-		R
+		B
 	]);
 	let Q = m((e, t) => {
-		g((n) => n && {
+		y((n) => n && {
 			...n,
 			[e]: t
-		}), I(!0);
+		}), R(!0);
 	}, []), $ = m((e) => {
-		g((t) => t && {
+		y((t) => t && {
 			...t,
 			config: e
-		}), I(!0);
+		}), R(!0);
 	}, []);
 	h(() => {
 		if (p?.dataSinkId && W.length > 0) {
@@ -424,59 +441,59 @@ var Ee = p(function({ widget: e, onSave: t }) {
 			e && K(e.key);
 		} else K(null);
 	}, [p?.dataSinkId, W]);
-	let We = m((e) => {
+	let qe = m((e) => {
 		if (K(e), e) {
 			let t = W.find((t) => t.key === e);
-			t && (Q("dataSinkId", t.id), g((t) => t && {
+			t && (Q("dataSinkId", t.id), y((t) => t && {
 				...t,
 				config: {
 					...t.config,
 					dataSinkKey: e
 				}
-			}), I(!0));
-		} else Q("dataSinkId", void 0), g((e) => e && {
+			}), R(!0));
+		} else Q("dataSinkId", void 0), y((e) => e && {
 			...e,
 			config: {
 				...e.config,
 				dataSinkKey: void 0
 			},
 			parserId: void 0
-		}), I(!0);
-	}, [W, Q]), Ge = m(async (e) => {
-		if (Q("parserId", e || void 0), e && z) {
-			Ae(!0);
+		}), R(!0);
+	}, [W, Q]), Je = m(async (e) => {
+		if (Q("parserId", e || void 0), e && V) {
+			Ne(!0);
 			try {
-				let t = await Oe(e);
+				let t = await je(e);
 				if (t?.success && t.output) {
 					let e = we(t.output);
-					(e.labelField || e.valueField) && (g((t) => {
+					(e.labelField || e.valueField) && (y((t) => {
 						if (!t) return t;
 						let n = t.config || {}, r = { ...n };
 						return e.labelField && !n.labelField && (r.labelField = e.labelField), e.valueField && !n.valueField && (r.valueField = e.valueField), e.xAxisField && !n.xAxisField && (r.xAxisField = e.xAxisField), {
 							...t,
 							config: r
 						};
-					}), I(!0));
+					}), R(!0));
 				}
 			} catch (e) {
 				console.warn("Failed to auto-detect parser fields:", e);
 			} finally {
-				Ae(!1);
+				Ne(!1);
 			}
 		}
 	}, [
 		Q,
-		Oe,
-		z
-	]), Ke = m(async () => {
-		if (!(!z || !p)) {
+		je,
+		V
+	]), Ye = m(async () => {
+		if (!(!V || !p)) {
 			f("saving");
 			try {
 				let e = {
-					...z.metadata || {},
+					...V.metadata || {},
 					description: p.description || ""
-				}, t = await B({
-					id: z.id,
+				}, t = await U({
+					id: V.id,
 					title: p.title,
 					renderer: p.renderer,
 					template: p.template,
@@ -487,12 +504,12 @@ var Ee = p(function({ widget: e, onSave: t }) {
 					parserId: p.parserId,
 					parserRules: p.parserRules,
 					metadata: e
-				}), n = z.drilldown;
+				}), n = V.drilldown;
 				if (p.drilldownConfig) {
 					let { enabled: e, targetDashboardId: t, navigationMode: r, parameterMapping: i, passGlobalFilters: a, maxDepth: o, openIn: s } = p.drilldownConfig;
-					if (z.drilldown?.id) {
-						let c = await H({
-							id: z.drilldown.id,
+					if (V.drilldown?.id) {
+						let c = await ke({
+							id: V.drilldown.id,
 							targetDashboardId: t,
 							parameterMapping: i,
 							navigationMode: r,
@@ -503,8 +520,8 @@ var Ee = p(function({ widget: e, onSave: t }) {
 						});
 						c && (n = c);
 					} else if (t) {
-						let c = await V({
-							sourceWidgetId: z.id,
+						let c = await Oe({
+							sourceWidgetId: V.id,
 							targetDashboardId: t,
 							parameterMapping: i || {},
 							navigationMode: r,
@@ -517,8 +534,8 @@ var Ee = p(function({ widget: e, onSave: t }) {
 							enabled: e
 						});
 					}
-				} else z.drilldown?.id && !p.drilldownConfig && (await U(z.drilldown.id), n = void 0);
-				t ? (R(z.id, {
+				} else V.drilldown?.id && !p.drilldownConfig && (await Ae(V.drilldown.id), n = void 0);
+				t ? (B(V.id, {
 					title: p.title,
 					description: p.description,
 					renderer: p.renderer,
@@ -531,49 +548,29 @@ var Ee = p(function({ widget: e, onSave: t }) {
 					parserRules: p.parserRules,
 					drilldown: n,
 					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-				}), f("saved"), I(!1), setTimeout(() => f("idle"), 2e3)) : f("error");
+				}), f("saved"), R(!1), setTimeout(() => f("idle"), 2e3)) : f("error");
 			} catch {
 				f("error");
 			}
 		}
 	}, [
-		z,
+		V,
 		p,
+		U,
 		B,
-		R,
-		V,
-		H,
-		U
-	]), qe = m(() => {
-		z && (g({
-			title: z.title || "",
-			description: z.description || "",
-			refreshInterval: z.refreshInterval ?? void 0,
-			renderer: z.renderer || "BIGCONSOLE",
-			template: z.template,
-			dataSinkId: z.dataSinkId ?? void 0,
-			datasetId: z.datasetId ?? void 0,
-			parserId: z.parserId ?? void 0,
-			parserRules: z.parserRules ?? void 0,
-			config: z.config || {},
-			drilldownConfig: z.drilldown ? {
-				enabled: z.drilldown.enabled ?? !1,
-				targetDashboardId: z.drilldown.targetDashboardId ?? "",
-				navigationMode: z.drilldown.navigationMode ?? "MODAL",
-				parameterMapping: z.drilldown.parameterMapping ?? {},
-				passGlobalFilters: z.drilldown.passGlobalFilters ?? !0,
-				maxDepth: z.drilldown.maxDepth ?? 3,
-				openIn: z.drilldown.openIn ?? "same"
-			} : void 0
-		}), I(!1), f("idle"));
-	}, [z]), Je = m((e) => {
+		Oe,
+		ke,
+		Ae
+	]), Xe = m(() => {
+		V && (y(I(V)), R(!1), f("idle"));
+	}, [V]), Ze = m((e) => {
 		$(e);
-	}, [$]), Ye = m((e) => {
-		g((t) => t && {
+	}, [$]), Qe = m((e) => {
+		y((t) => t && {
 			...t,
 			drilldownConfig: e
-		}), I(!0);
-	}, []), Xe = z ? t(z.type) : null, Ze = z ? Te(z.type) : null;
+		}), R(!0);
+	}, []), $e = V ? t(V.type) : null, et = V ? Te(V.type) : null;
 	return /* @__PURE__ */ S(me, {
 		open: s,
 		onOpenChange: (e) => !e && c(),
@@ -638,7 +635,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 											color: "var(--color-text-primary)",
 											margin: 0
 										},
-										children: z ? "Widget Properties" : "Properties"
+										children: V ? "Widget Properties" : "Properties"
 									}),
 									d === "saving" && /* @__PURE__ */ S(M, { style: {
 										height: "var(--size-icon-sm)",
@@ -655,19 +652,19 @@ var Ee = p(function({ widget: e, onSave: t }) {
 										color: "var(--color-status-error-bg)"
 									} })
 								]
-							}), Xe && /* @__PURE__ */ S(ge, {
+							}), $e && /* @__PURE__ */ S(ge, {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
 									margin: "var(--space-controlGap) 0 0 0",
 									fontWeight: "var(--font-weight-medium)"
 								},
-								children: Xe.name
+								children: $e.name
 							})]
 						})]
 					})
 				}),
-				z ? /* @__PURE__ */ C(ye, {
+				V ? /* @__PURE__ */ C(ye, {
 					value: l,
 					onValueChange: (e) => u(e),
 					style: {
@@ -901,7 +898,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 										}),
 										p.renderer && p.renderer !== "BIGCONSOLE" && /* @__PURE__ */ S(Ee, {
 											widget: {
-												...z,
+												...V,
 												template: p.template,
 												renderer: p.renderer
 											},
@@ -930,7 +927,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 													/* @__PURE__ */ S(E, { children: "DataSink" }),
 													/* @__PURE__ */ S(ee, {
 														value: G,
-														onChange: We,
+														onChange: qe,
 														placeholder: "Select a DataSink..."
 													}),
 													G && /* @__PURE__ */ C("p", {
@@ -955,9 +952,9 @@ var Ee = p(function({ widget: e, onSave: t }) {
 												children: [
 													/* @__PURE__ */ S(E, { children: "Parser" }),
 													/* @__PURE__ */ S(te, {
-														consoleId: z?.dashboardId || "",
+														consoleId: V?.dashboardId || "",
 														value: p.parserId || null,
-														onChange: Ge,
+														onChange: Je,
 														filterInputSinkKey: G || void 0,
 														filterStatus: void 0,
 														placeholder: G ? "Select a parser..." : "Select a DataSink first...",
@@ -965,7 +962,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 													}),
 													/* @__PURE__ */ S("p", {
 														className: "text-xs text-muted-foreground",
-														children: ke ? /* @__PURE__ */ C("span", {
+														children: Me ? /* @__PURE__ */ C("span", {
 															className: "flex items-center gap-1",
 															children: [/* @__PURE__ */ S(M, { style: {
 																width: "12px",
@@ -1316,7 +1313,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 										children: "Configure buttons on this widget"
 									})] }), /* @__PURE__ */ C(w, {
 										size: "sm",
-										onClick: Re,
+										onClick: Ve,
 										children: [/* @__PURE__ */ S(le, { className: "size-4" }), "Add"]
 									})]
 								}), J ? /* @__PURE__ */ S("div", {
@@ -1340,14 +1337,14 @@ var Ee = p(function({ widget: e, onSave: t }) {
 													children: [/* @__PURE__ */ S(w, {
 														variant: "ghost",
 														size: "icon-sm",
-														onClick: () => He(t),
+														onClick: () => Ge(t),
 														disabled: t === 0,
 														className: "h-5 w-5",
 														children: /* @__PURE__ */ S(se, { className: "size-3" })
 													}), /* @__PURE__ */ S(w, {
 														variant: "ghost",
 														size: "icon-sm",
-														onClick: () => Ue(t),
+														onClick: () => Ke(t),
 														disabled: t === q.length - 1,
 														className: "h-5 w-5",
 														children: /* @__PURE__ */ S(oe, { className: "size-3" })
@@ -1375,12 +1372,12 @@ var Ee = p(function({ widget: e, onSave: t }) {
 													children: [/* @__PURE__ */ S(w, {
 														variant: "ghost",
 														size: "icon-sm",
-														onClick: () => ze(e),
+														onClick: () => He(e),
 														children: /* @__PURE__ */ S(ce, { className: "size-4" })
 													}), /* @__PURE__ */ S(w, {
 														variant: "ghost",
 														size: "icon-sm",
-														onClick: () => Ve(e.id),
+														onClick: () => We(e.id),
 														children: /* @__PURE__ */ S(ue, { className: "size-4" })
 													})]
 												})
@@ -1393,33 +1390,33 @@ var Ee = p(function({ widget: e, onSave: t }) {
 								value: "drilldown",
 								className: "mt-0",
 								children: /* @__PURE__ */ S(ae, {
-									widget: z,
-									onChange: Ye
+									widget: V,
+									onChange: Qe
 								})
 							}),
 							/* @__PURE__ */ S(N, {
 								value: "webhooks",
 								className: "mt-0",
 								children: /* @__PURE__ */ S(re, {
-									dashboardId: z.dashboardId,
-									widgetId: z.id
+									dashboardId: V.dashboardId,
+									widgetId: V.id
 								})
 							}),
 							/* @__PURE__ */ S(N, {
 								value: "events",
 								className: "mt-0",
 								children: /* @__PURE__ */ S(ie, {
-									dashboardId: z.dashboardId,
-									widgetId: z.id,
+									dashboardId: V.dashboardId,
+									widgetId: V.id,
 									maxHeight: "calc(100vh - 350px)"
 								})
 							}),
 							/* @__PURE__ */ S(N, {
 								value: "appearance",
 								className: "mt-0",
-								children: Ze ? /* @__PURE__ */ S(Ze, {
-									config: z.config || {},
-									onChange: Je
+								children: et ? /* @__PURE__ */ S(et, {
+									config: V.config || {},
+									onChange: Ze
 								}) : /* @__PURE__ */ S("div", {
 									className: "p-4 bg-muted rounded-lg text-center",
 									children: /* @__PURE__ */ S("p", {
@@ -1440,7 +1437,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 						})]
 					})
 				}),
-				z && /* @__PURE__ */ C("div", {
+				V && /* @__PURE__ */ C("div", {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderTop: "1px solid var(--color-border)",
@@ -1448,7 +1445,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 						flexShrink: 0
 					},
 					children: [
-						y && /* @__PURE__ */ C("div", {
+						L && /* @__PURE__ */ C("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -1474,7 +1471,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 								children: "You have unsaved changes"
 							})]
 						}),
-						d === "saved" && !y && /* @__PURE__ */ C("div", {
+						d === "saved" && !L && /* @__PURE__ */ C("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -1530,13 +1527,13 @@ var Ee = p(function({ widget: e, onSave: t }) {
 								gap: "var(--space-controlGap)"
 							},
 							children: [/* @__PURE__ */ S(w, {
-								onClick: Ke,
-								disabled: d === "saving" || !y,
+								onClick: Ye,
+								disabled: d === "saving" || !L,
 								style: {
 									flex: 1,
 									height: "var(--size-controlHeight-md)",
-									backgroundColor: y ? "var(--color-action-primary-bg)" : void 0,
-									opacity: y ? 1 : .5
+									backgroundColor: L ? "var(--color-action-primary-bg)" : void 0,
+									opacity: L ? 1 : .5
 								},
 								children: d === "saving" ? /* @__PURE__ */ C("span", {
 									style: {
@@ -1561,11 +1558,11 @@ var Ee = p(function({ widget: e, onSave: t }) {
 								})
 							}), /* @__PURE__ */ C(w, {
 								variant: "outline",
-								onClick: qe,
-								disabled: d === "saving" || !y,
+								onClick: Xe,
+								disabled: d === "saving" || !L,
 								style: {
 									height: "var(--size-controlHeight-md)",
-									opacity: y ? 1 : .5
+									opacity: L ? 1 : .5
 								},
 								children: [/* @__PURE__ */ S(x, { style: {
 									width: "var(--size-icon-sm)",
@@ -1576,19 +1573,19 @@ var Ee = p(function({ widget: e, onSave: t }) {
 					]
 				}),
 				/* @__PURE__ */ S(ne, {
-					isOpen: Pe,
-					action: Fe,
-					isLoading: Ie,
+					isOpen: Le,
+					action: Re,
+					isLoading: ze,
 					onClose: () => {
 						X(!1), Z(void 0);
 					},
-					onSave: Be
+					onSave: Ue
 				})
 			]
 		})
 	});
 });
 //#endregion
-export { I as default };
+export { L as default };
 
 //# sourceMappingURL=PropertiesPanel.js.map