@burdenoff/microfe-bigconsole 2026.727.3 → 2026.728.1

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

@@ -7,24 +7,24 @@ import i from "../../hooks/useWidgetActions.js";
 import a from "../../hooks/useDataSinkOperations.js";
 import o from "../../hooks/useParserOperations.js";
 import "../../hooks/index.js";
-import { getWidgetBinding as s, getWidgetBindingStatus as c, serializeWidgetBinding as ee } from "../../utils/widgetBinding.js";
-import te from "./ActionConfigDialog.js";
-import ne from "./webhook-config/WebhookConfigPanel.js";
+import { getWidgetBinding as s, getWidgetBindingStatus as c, reconcilePanelConfig as ee, serializeWidgetBinding as te } from "../../utils/widgetBinding.js";
+import ne from "./ActionConfigDialog.js";
+import re from "./webhook-config/WebhookConfigPanel.js";
 import "./webhook-config/index.js";
-import re from "./event-logs/EventLogViewer.js";
+import ie from "./event-logs/EventLogViewer.js";
 import "./event-logs/index.js";
-import ie from "./DrilldownConfigPanel.js";
-import { AdvancedSection as ae } from "../builder/inspector/AdvancedSection.js";
-import { AppearanceSection as oe } from "../builder/inspector/AppearanceSection.js";
-import { GeneralSection as se } from "../builder/inspector/GeneralSection.js";
-import { DataBindingSection as ce } from "../builder/inspector/DataBindingSection.js";
+import ae from "./DrilldownConfigPanel.js";
+import { AdvancedSection as oe } from "../builder/inspector/AdvancedSection.js";
+import { AppearanceSection as se } from "../builder/inspector/AppearanceSection.js";
+import { GeneralSection as ce } from "../builder/inspector/GeneralSection.js";
+import { DataBindingSection as le } from "../builder/inspector/DataBindingSection.js";
 import "../builder/inspector/index.js";
-import { memo as l, useCallback as u, useEffect as d, useRef as le, useState as f } from "react";
-import { Check as p, ChevronDown as ue, ChevronUp as de, ExternalLink as m, Info as h, Pencil as fe, Plus as pe, Trash2 as me, X as g } from "lucide-react";
-import { Button as _, Card as he, CardContent as ge, Input as v, Label as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Sheet as _e, SheetContent as ve, SheetDescription as ye, SheetHeader as be, SheetTitle as xe, Spinner as T, Tabs as Se, TabsContent as E, TabsList as Ce, TabsTrigger as D, Textarea as O } from "@burdenoff/fe-libs/ui";
-import { Fragment as we, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { memo as l, useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
+import { Check as m, ChevronDown as ue, ChevronUp as de, ExternalLink as h, Info as fe, Pencil as pe, Plus as me, Trash2 as he, X as g } from "lucide-react";
+import { Button as _, Card as ge, CardContent as _e, Input as v, Label as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Sheet as ve, SheetContent as ye, SheetDescription as be, SheetHeader as xe, SheetTitle as Se, Spinner as T, Tabs as Ce, TabsContent as E, TabsList as we, TabsTrigger as D, Textarea as O } from "@burdenoff/fe-libs/ui";
+import { Fragment as Te, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/PropertiesPanel.tsx
-var Te = [
+var Ee = [
 	{
 		value: "BIGCONSOLE",
 		label: "BigConsole Native",
@@ -45,7 +45,7 @@ var Te = [
 		label: "Custom",
 		description: "Custom React component"
 	}
-], Ee = [
+], De = [
 	{
 		value: "DATASINK",
 		label: "DataSink",
@@ -76,14 +76,14 @@ var Te = [
 		label: "Sample JSON",
 		description: "Manually enter sample JSON data"
 	}
-], De = {
+], Oe = {
 	PRIMARY: "bg-action-primary",
 	SECONDARY: "bg-muted-foreground",
 	SUCCESS: "bg-state-success",
 	WARNING: "bg-state-warning",
 	DANGER: "bg-state-error"
 };
-function Oe(e) {
+function ke(e) {
 	if (!e) return {};
 	let t = Array.isArray(e) ? e[0] : e;
 	if (!t || typeof t != "object") return {};
@@ -127,8 +127,8 @@ function Oe(e) {
 		xAxisField: a
 	};
 }
-var ke = l(function({ widget: e, onSave: t }) {
-	let [n, r] = f(""), [i, a] = f(null), o = le(!1);
+var Ae = l(function({ widget: e, onSave: t }) {
+	let [n, r] = p(""), [i, a] = p(null), o = f(!1);
 	d(() => {
 		try {
 			r(e.template && typeof e.template == "object" ? JSON.stringify(e.template, null, 2) : ""), a(null), o.current = !0;
@@ -231,7 +231,7 @@ var ke = l(function({ widget: e, onSave: t }) {
 						alignItems: "center",
 						gap: "4px"
 					},
-					children: [/* @__PURE__ */ k(p, { style: {
+					children: [/* @__PURE__ */ k(m, { style: {
 						width: "12px",
 						height: "12px"
 					} }), "Valid JSON"]
@@ -266,7 +266,7 @@ var ke = l(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: ["Designer", /* @__PURE__ */ k(m, { style: {
+						children: ["Designer", /* @__PURE__ */ k(h, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
@@ -284,7 +284,7 @@ var ke = l(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: ["Block Kit Builder", /* @__PURE__ */ k(m, { style: {
+						children: ["Block Kit Builder", /* @__PURE__ */ k(h, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
@@ -294,7 +294,7 @@ var ke = l(function({ widget: e, onSave: t }) {
 		]
 	});
 });
-function Ae(e) {
+function je(e) {
 	let t = e, n = s({
 		dataSinkId: t.dataSinkId,
 		parserId: t.parserId,
@@ -322,40 +322,40 @@ function Ae(e) {
 		} : void 0
 	};
 }
-var je = l(function({ isOpen: l, onClose: m }) {
-	let [je, Me] = f("general"), [j, M] = f("idle"), [N, P] = f(null), [F, I] = f(!1), L = e((e) => e.selectedWidgetId), Ne = e((e) => e.widgets), R = e((e) => e.updateWidget), z = L ? Ne.get(L) : void 0, B = le(null);
+var Me = l(function({ isOpen: l, onClose: h }) {
+	let [Me, Ne] = p("general"), [j, M] = p("idle"), [N, P] = p(null), [F, I] = p(!1), L = e((e) => e.selectedWidgetId), Pe = e((e) => e.widgets), R = e((e) => e.updateWidget), z = L ? Pe.get(L) : void 0, Fe = f(null), B = f({});
 	d(() => {
 		if (!L) {
-			B.current = null, P(null), I(!1), M("idle");
+			Fe.current = null, P(null), I(!1), M("idle");
 			return;
 		}
-		let e = B.current !== L;
-		if (B.current = L, z) {
+		let e = Fe.current !== L;
+		if (Fe.current = L, z) {
 			if (F && !e) return;
-			P(Ae(z)), I(!1), M("idle");
+			P(je(z)), B.current = z.config || {}, I(!1), M("idle");
 		} else P(null), I(!1), M("idle");
 	}, [
 		L,
 		z,
 		F
 	]);
-	let { updateWidget: Pe } = n(z?.pageId, z?.dashboardId, { skipFetch: !0 }), { createDrilldown: Fe, updateDrilldown: Ie, deleteDrilldown: Le } = r(), { dataSinks: V } = a({ skipFetch: !1 }), [Re, H] = f(null), { executeParser: ze } = o({
+	let { updateWidget: Ie } = n(z?.pageId, z?.dashboardId, { skipFetch: !0 }), { createDrilldown: Le, updateDrilldown: Re, deleteDrilldown: ze } = r(), { dataSinks: V } = a({ skipFetch: !1 }), [Be, H] = p(null), { executeParser: Ve } = o({
 		consoleId: z?.dashboardId,
 		skipFetch: !0
-	}), [Be, U] = f(!1), [Ve, W] = f(void 0), [He, G] = f(!1), [Ue, K] = f(null);
+	}), [He, U] = p(!1), [Ue, W] = p(void 0), [We, G] = p(!1), [Ge, K] = p(null);
 	d(() => {
 		W(void 0), G(!1), K(null), U(!1);
 	}, [L]);
-	let { actions: q, loading: J, createAction: We, updateAction: Ge, deleteAction: Ke, reorderActions: Y } = i(L || void 0), [qe, X] = f(!1), [Je, Z] = f(void 0), [Ye, Xe] = f(!1), Ze = u(() => {
+	let { actions: q, loading: J, createAction: Ke, updateAction: qe, deleteAction: Je, reorderActions: Y } = i(L || void 0), [Ye, X] = p(!1), [Xe, Z] = p(void 0), [Ze, Qe] = p(!1), $e = u(() => {
 		Z(void 0), X(!0);
-	}, []), Qe = u((e) => {
+	}, []), et = u((e) => {
 		Z(e), X(!0);
-	}, []), $e = u(async (e) => {
+	}, []), tt = u(async (e) => {
 		if (L) {
-			Xe(!0);
+			Qe(!0);
 			try {
 				let t = null;
-				if (t = "id" in e ? await Ge(e) : await We(e), t) {
+				if (t = "id" in e ? await qe(e) : await Ke(e), t) {
 					let n = [...q];
 					if ("id" in e) {
 						let r = n.findIndex((t) => t.id === e.id);
@@ -365,23 +365,23 @@ var je = l(function({ isOpen: l, onClose: m }) {
 				}
 				X(!1), Z(void 0);
 			} catch {} finally {
-				Xe(!1);
+				Qe(!1);
 			}
 		}
 	}, [
 		L,
 		q,
-		We,
-		Ge,
+		Ke,
+		qe,
 		R
-	]), et = u(async (e) => {
-		L && window.confirm("Are you sure you want to delete this action?") && await Ke(e) && R(L, { actions: q.filter((t) => t.id !== e) });
+	]), nt = u(async (e) => {
+		L && window.confirm("Are you sure you want to delete this action?") && await Je(e) && R(L, { actions: q.filter((t) => t.id !== e) });
 	}, [
 		L,
 		q,
-		Ke,
+		Je,
 		R
-	]), tt = u(async (e) => {
+	]), rt = u(async (e) => {
 		if (!L || 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) => ({
@@ -393,7 +393,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 		q,
 		Y,
 		R
-	]), nt = u(async (e) => {
+	]), it = u(async (e) => {
 		if (!L) return;
 		let t = [...q].sort((e, t) => e.order - t.order);
 		if (e === t.length - 1) return;
@@ -433,7 +433,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 			e && H(e.key);
 		} else H(null);
 	}, [N?.dataSinkId, V]);
-	let rt = u((e) => {
+	let at = u((e) => {
 		if (W(void 0), G(!1), K(null), H(e), e) {
 			let t = V.find((t) => t.key === e);
 			t && (Q("dataSinkId", t.id), P((t) => t && {
@@ -451,14 +451,14 @@ var je = l(function({ isOpen: l, onClose: m }) {
 			},
 			parserId: void 0
 		}), I(!0);
-	}, [V, Q]), it = u(async (e) => {
+	}, [V, Q]), ot = u(async (e) => {
 		if (Q("parserId", e || void 0), W(void 0), G(!1), K(null), e && z) {
 			U(!0);
 			try {
-				let t = await ze(e);
+				let t = await Ve(e);
 				if (t?.success) {
 					W(t.output), G(!0);
-					let e = Oe(t.output);
+					let e = ke(t.output);
 					(e.labelField || e.valueField) && (P((t) => {
 						if (!t) return t;
 						let n = t.config || {}, r = { ...n };
@@ -476,77 +476,77 @@ var je = l(function({ isOpen: l, onClose: m }) {
 		}
 	}, [
 		Q,
-		ze,
+		Ve,
 		z
-	]), at = u(async () => {
+	]), st = u(async () => {
 		if (!(!z || !N)) {
 			M("saving");
 			try {
-				let e = {
+				let t = {
 					...z.metadata || {},
 					description: N.description || ""
-				}, t = ee(s({
+				}, n = ee(e.getState().widgets.get(z.id)?.config ?? {}, B.current, N.config), r = te(s({
 					dataSinkId: N.dataSinkId,
 					parserId: N.parserId,
 					config: {
-						...N.config,
+						...n,
 						binding: void 0
 					}
-				}), N.config), n = await Pe({
+				}), n), i = await Ie({
 					id: z.id,
 					title: N.title,
 					renderer: N.renderer,
 					template: N.template,
-					config: t.config,
+					config: r.config,
 					refreshInterval: N.refreshInterval,
-					dataSinkId: t.dataSinkId,
+					dataSinkId: r.dataSinkId,
 					datasetId: N.datasetId,
-					parserId: t.parserId,
+					parserId: r.parserId,
 					parserRules: N.parserRules,
-					metadata: e
-				}), r = z.drilldown;
+					metadata: t
+				}), a = z.drilldown;
 				if (N.drilldownConfig) {
-					let { enabled: e, targetDashboardId: t, navigationMode: n, parameterMapping: i, passGlobalFilters: a, maxDepth: o, openIn: s } = N.drilldownConfig;
+					let { enabled: e, targetDashboardId: t, navigationMode: n, parameterMapping: r, passGlobalFilters: i, maxDepth: o, openIn: s } = N.drilldownConfig;
 					if (z.drilldown?.id) {
-						let c = await Ie({
+						let c = await Re({
 							id: z.drilldown.id,
 							targetDashboardId: t,
-							parameterMapping: i,
+							parameterMapping: r,
 							navigationMode: n,
 							enabled: e,
-							passGlobalFilters: a,
+							passGlobalFilters: i,
 							maxDepth: o,
 							openIn: s
 						});
-						c && (r = c);
+						c && (a = c);
 					} else if (t) {
-						let c = await Fe({
+						let c = await Le({
 							sourceWidgetId: z.id,
 							targetDashboardId: t,
-							parameterMapping: i || {},
+							parameterMapping: r || {},
 							navigationMode: n,
-							passGlobalFilters: a,
+							passGlobalFilters: i,
 							maxDepth: o,
 							openIn: s
 						});
-						c && (r = {
+						c && (a = {
 							...c,
 							enabled: e
 						});
 					}
-				} else z.drilldown?.id && !N.drilldownConfig && (await Le(z.drilldown.id), r = void 0);
-				n ? (R(z.id, {
+				} else z.drilldown?.id && !N.drilldownConfig && (await ze(z.drilldown.id), a = void 0);
+				i ? (R(z.id, {
 					title: N.title,
 					description: N.description,
 					renderer: N.renderer,
 					template: N.template,
-					config: t.config,
+					config: r.config,
 					refreshInterval: N.refreshInterval,
-					dataSinkId: t.dataSinkId,
+					dataSinkId: r.dataSinkId,
 					datasetId: N.datasetId,
-					parserId: t.parserId,
+					parserId: r.parserId,
 					parserRules: N.parserRules,
-					drilldown: r,
+					drilldown: a,
 					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 				}), M("saved"), I(!1), setTimeout(() => M("idle"), 2e3)) : M("error");
 			} catch {
@@ -556,26 +556,26 @@ var je = l(function({ isOpen: l, onClose: m }) {
 	}, [
 		z,
 		N,
-		Pe,
-		R,
-		Fe,
 		Ie,
-		Le
-	]), ot = u(() => {
-		z && (P(Ae(z)), I(!1), M("idle"));
-	}, [z]), st = u((e) => {
+		R,
+		Le,
+		Re,
+		ze
+	]), ct = u(() => {
+		z && (P(je(z)), B.current = z.config || {}, I(!1), M("idle"));
+	}, [z]), lt = u((e) => {
 		$(e);
-	}, [$]), ct = u((e) => {
+	}, [$]), ut = u((e) => {
 		P((t) => t && {
 			...t,
 			drilldownConfig: e
 		}), I(!0);
-	}, []), lt = z ? t(z.type) : null;
-	return /* @__PURE__ */ k(_e, {
+	}, []), dt = z ? t(z.type) : null;
+	return /* @__PURE__ */ k(ve, {
 		open: l,
-		onOpenChange: (e) => !e && m(),
+		onOpenChange: (e) => !e && h(),
 		modal: !1,
-		children: /* @__PURE__ */ A(ve, {
+		children: /* @__PURE__ */ A(ye, {
 			style: {
 				width: "420px",
 				maxWidth: "90vw",
@@ -586,7 +586,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ k(be, {
+				/* @__PURE__ */ k(xe, {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderBottom: "1px solid var(--color-border)",
@@ -611,7 +611,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 								boxShadow: "var(--shadow-elevation-2)",
 								flexShrink: 0
 							},
-							children: /* @__PURE__ */ k(h, { style: {
+							children: /* @__PURE__ */ k(fe, { style: {
 								height: "var(--size-icon-md)",
 								width: "var(--size-icon-md)",
 								color: "var(--color-action-primary-text)"
@@ -628,7 +628,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 									gap: "var(--space-iconGap)"
 								},
 								children: [
-									/* @__PURE__ */ k(xe, {
+									/* @__PURE__ */ k(Se, {
 										style: {
 											fontSize: "var(--font-size-body-md)",
 											fontWeight: "var(--font-weight-bold)",
@@ -641,7 +641,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }),
-									j === "saved" && /* @__PURE__ */ k(p, { style: {
+									j === "saved" && /* @__PURE__ */ k(m, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)",
 										color: "var(--color-status-success-bg)"
@@ -652,21 +652,21 @@ var je = l(function({ isOpen: l, onClose: m }) {
 										color: "var(--color-status-error-bg)"
 									} })
 								]
-							}), lt && /* @__PURE__ */ k(ye, {
+							}), dt && /* @__PURE__ */ k(be, {
 								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: lt.name
+								children: dt.name
 							})]
 						})]
 					})
 				}),
-				z ? /* @__PURE__ */ A(Se, {
-					value: je,
-					onValueChange: (e) => Me(e),
+				z ? /* @__PURE__ */ A(Ce, {
+					value: Me,
+					onValueChange: (e) => Ne(e),
 					style: {
 						flex: 1,
 						display: "flex",
@@ -674,7 +674,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 						minHeight: 0,
 						overflow: "hidden"
 					},
-					children: [/* @__PURE__ */ A(Ce, {
+					children: [/* @__PURE__ */ A(we, {
 						style: {
 							width: "100%",
 							display: "flex",
@@ -747,7 +747,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 										flexDirection: "column",
 										gap: "var(--space-formGap)"
 									},
-									children: /* @__PURE__ */ k(se, {
+									children: /* @__PURE__ */ k(ce, {
 										title: N.title,
 										description: N.description,
 										refreshInterval: N.refreshInterval,
@@ -760,7 +760,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 							/* @__PURE__ */ k(E, {
 								value: "data",
 								className: "mt-0 space-y-4",
-								children: N && /* @__PURE__ */ A(we, { children: [
+								children: N && /* @__PURE__ */ A(Te, { children: [
 									(() => {
 										let e = s({
 											dataSinkId: N.dataSinkId,
@@ -771,22 +771,22 @@ var je = l(function({ isOpen: l, onClose: m }) {
 											}
 										}), t = c({
 											binding: e,
-											loading: Be,
-											error: Ue,
-											preview: Ve,
-											previewComplete: He
+											loading: He,
+											error: Ge,
+											preview: Ue,
+											previewComplete: We
 										});
-										return /* @__PURE__ */ k(ce, {
+										return /* @__PURE__ */ k(le, {
 											consoleId: z?.dashboardId || "",
 											binding: e,
-											dataSinkKey: Re,
+											dataSinkKey: Be,
 											dataPath: typeof N.config.dataPath == "string" ? N.config.dataPath : void 0,
 											status: t.status,
 											missingFields: t.missingFields,
-											preview: Ve,
-											error: Ue,
-											onDataSinkChange: rt,
-											onParserChange: it,
+											preview: Ue,
+											error: Ge,
+											onDataSinkChange: at,
+											onParserChange: ot,
 											onDataPathChange: (e) => $({
 												...N.config,
 												dataPath: e
@@ -827,7 +827,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 													boxShadow: "var(--shadow-elevation-3)",
 													borderRadius: "var(--radius-button)"
 												},
-												children: Ee.map((e) => /* @__PURE__ */ k(S, {
+												children: De.map((e) => /* @__PURE__ */ k(S, {
 													value: e.value,
 													children: e.label
 												}, e.value))
@@ -1070,13 +1070,13 @@ var je = l(function({ isOpen: l, onClose: m }) {
 								value: "advanced",
 								className: "mt-0 space-y-6",
 								children: [
-									N && /* @__PURE__ */ k(ae, {
+									N && /* @__PURE__ */ k(oe, {
 										renderer: N.renderer,
-										rendererOptions: Te,
+										rendererOptions: Ee,
 										onRendererChange: (e) => {
 											Q("renderer", e), e === "BIGCONSOLE" && Q("template", void 0);
 										},
-										templateEditor: N.renderer === "BIGCONSOLE" ? void 0 : /* @__PURE__ */ k(ke, {
+										templateEditor: N.renderer === "BIGCONSOLE" ? void 0 : /* @__PURE__ */ k(Ae, {
 											widget: {
 												...z,
 												template: N.template,
@@ -1097,23 +1097,23 @@ var je = l(function({ isOpen: l, onClose: m }) {
 												children: "Configure buttons on this widget"
 											})] }), /* @__PURE__ */ A(_, {
 												size: "sm",
-												onClick: Ze,
-												children: [/* @__PURE__ */ k(pe, { className: "size-4" }), "Add"]
+												onClick: $e,
+												children: [/* @__PURE__ */ k(me, { className: "size-4" }), "Add"]
 											})]
 										}), J ? /* @__PURE__ */ k("div", {
 											className: "flex justify-center py-8",
 											children: /* @__PURE__ */ k(T, { className: "size-6" })
 										}) : q.length === 0 ? /* @__PURE__ */ A("div", {
 											className: "py-8 text-center",
-											children: [/* @__PURE__ */ k(h, { className: "size-10 mx-auto mb-2 text-text-secondary/50" }), /* @__PURE__ */ k("p", {
+											children: [/* @__PURE__ */ k(fe, { className: "size-10 mx-auto mb-2 text-text-secondary/50" }), /* @__PURE__ */ k("p", {
 												className: "text-sm text-text-secondary",
 												children: "No actions configured"
 											})]
 										}) : /* @__PURE__ */ k("div", {
 											className: "space-y-2",
-											children: [...q].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ k(he, {
+											children: [...q].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ k(ge, {
 												className: e.disabled ? "opacity-60" : "",
-												children: /* @__PURE__ */ A(ge, {
+												children: /* @__PURE__ */ A(_e, {
 													className: "p-3 flex items-center gap-2",
 													children: [
 														/* @__PURE__ */ A("div", {
@@ -1121,14 +1121,14 @@ var je = l(function({ isOpen: l, onClose: m }) {
 															children: [/* @__PURE__ */ k(_, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => tt(t),
+																onClick: () => rt(t),
 																disabled: t === 0,
 																className: "h-5 w-5",
 																children: /* @__PURE__ */ k(de, { className: "size-3" })
 															}), /* @__PURE__ */ k(_, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => nt(t),
+																onClick: () => it(t),
 																disabled: t === q.length - 1,
 																className: "h-5 w-5",
 																children: /* @__PURE__ */ k(ue, { className: "size-3" })
@@ -1138,7 +1138,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 															className: "flex-1 min-w-0",
 															children: [/* @__PURE__ */ A("div", {
 																className: "flex items-center gap-2",
-																children: [/* @__PURE__ */ k("span", { className: `size-2 rounded-full ${De[e.style] || "bg-muted-foreground"}` }), /* @__PURE__ */ k("span", {
+																children: [/* @__PURE__ */ k("span", { className: `size-2 rounded-full ${Oe[e.style] || "bg-muted-foreground"}` }), /* @__PURE__ */ k("span", {
 																	className: "text-sm font-medium truncate",
 																	children: e.label
 																})]
@@ -1156,13 +1156,13 @@ var je = l(function({ isOpen: l, onClose: m }) {
 															children: [/* @__PURE__ */ k(_, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => Qe(e),
-																children: /* @__PURE__ */ k(fe, { className: "size-4" })
+																onClick: () => et(e),
+																children: /* @__PURE__ */ k(pe, { className: "size-4" })
 															}), /* @__PURE__ */ k(_, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => et(e.id),
-																children: /* @__PURE__ */ k(me, { className: "size-4" })
+																onClick: () => nt(e.id),
+																children: /* @__PURE__ */ k(he, { className: "size-4" })
 															})]
 														})
 													]
@@ -1175,9 +1175,9 @@ var je = l(function({ isOpen: l, onClose: m }) {
 										children: [/* @__PURE__ */ k("h3", {
 											className: "text-sm font-semibold text-text-primary",
 											children: "Drilldown"
-										}), /* @__PURE__ */ k(ie, {
+										}), /* @__PURE__ */ k(ae, {
 											widget: z,
-											onChange: ct
+											onChange: ut
 										})]
 									}),
 									/* @__PURE__ */ A("section", {
@@ -1185,7 +1185,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 										children: [/* @__PURE__ */ k("h3", {
 											className: "text-sm font-semibold text-text-primary",
 											children: "Webhooks"
-										}), /* @__PURE__ */ k(ne, {
+										}), /* @__PURE__ */ k(re, {
 											dashboardId: z.dashboardId,
 											widgetId: z.id
 										})]
@@ -1195,7 +1195,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 										children: [/* @__PURE__ */ k("h3", {
 											className: "text-sm font-semibold text-text-primary",
 											children: "Events"
-										}), /* @__PURE__ */ k(re, {
+										}), /* @__PURE__ */ k(ie, {
 											dashboardId: z.dashboardId,
 											widgetId: z.id,
 											maxHeight: "calc(100vh - 350px)"
@@ -1206,10 +1206,10 @@ var je = l(function({ isOpen: l, onClose: m }) {
 							/* @__PURE__ */ k(E, {
 								value: "appearance",
 								className: "mt-0",
-								children: N && /* @__PURE__ */ k(oe, {
+								children: N && /* @__PURE__ */ k(se, {
 									widgetType: z.type,
 									config: N.config || {},
-									onChange: st
+									onChange: lt
 								})
 							})
 						]
@@ -1218,7 +1218,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 					className: "flex-1 flex items-center justify-center p-4",
 					children: /* @__PURE__ */ A("div", {
 						className: "text-center",
-						children: [/* @__PURE__ */ k(h, { className: "size-12 mx-auto mb-3 text-text-secondary" }), /* @__PURE__ */ k("p", {
+						children: [/* @__PURE__ */ k(fe, { className: "size-12 mx-auto mb-3 text-text-secondary" }), /* @__PURE__ */ k("p", {
 							className: "text-sm text-text-secondary",
 							children: "Select a widget to edit"
 						})]
@@ -1269,7 +1269,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 								borderRadius: "var(--radius-button)",
 								border: "1px solid var(--color-status-success-border, rgba(34, 197, 94, 0.3))"
 							},
-							children: [/* @__PURE__ */ k(p, { style: {
+							children: [/* @__PURE__ */ k(m, { style: {
 								width: "var(--size-icon-sm)",
 								height: "var(--size-icon-sm)",
 								color: "var(--color-status-success-text)",
@@ -1314,7 +1314,7 @@ var je = l(function({ isOpen: l, onClose: m }) {
 								gap: "var(--space-controlGap)"
 							},
 							children: [/* @__PURE__ */ k(_, {
-								onClick: at,
+								onClick: st,
 								disabled: j === "saving" || !F,
 								style: {
 									flex: 1,
@@ -1338,14 +1338,14 @@ var je = l(function({ isOpen: l, onClose: m }) {
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ k(p, { style: {
+									children: [/* @__PURE__ */ k(m, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
 									} }), "Save Changes"]
 								})
 							}), /* @__PURE__ */ A(_, {
 								variant: "outline",
-								onClick: ot,
+								onClick: ct,
 								disabled: j === "saving" || !F,
 								style: {
 									height: "var(--size-controlHeight-md)",
@@ -1359,20 +1359,20 @@ var je = l(function({ isOpen: l, onClose: m }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ k(te, {
-					isOpen: qe,
-					action: Je,
-					isLoading: Ye,
+				/* @__PURE__ */ k(ne, {
+					isOpen: Ye,
+					action: Xe,
+					isLoading: Ze,
 					onClose: () => {
 						X(!1), Z(void 0);
 					},
-					onSave: $e
+					onSave: tt
 				})
 			]
 		})
 	});
 });
 //#endregion
-export { je as default };
+export { Me as default };
 
 //# sourceMappingURL=PropertiesPanel.js.map