@burdenoff/microfe-bigconsole 2026.624.2 → 2026.625.1

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

@@ -23,8 +23,8 @@ import "./event-logs/index.js";
 import ae from "./DrilldownConfigPanel.js";
 import { memo as p, useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
 import { Check as v, ChevronDown as oe, ChevronUp as se, ExternalLink as y, Info as b, Pencil as ce, Plus as le, Trash2 as ue, X as x } from "lucide-react";
-import { Fragment as de, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Button as w, Card as fe, CardContent as pe, Input as T, Label as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j, Sheet as me, SheetContent as he, SheetDescription as ge, SheetHeader as _e, SheetTitle as ve, Spinner as M, Tabs as ye, TabsContent as N, TabsList as be, TabsTrigger as P, Textarea as F } from "@burdenoff/fe-libs/ui";
+import { Button as S, Card as de, CardContent as fe, Input as C, Label as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Sheet as pe, SheetContent as me, SheetDescription as he, SheetHeader as ge, SheetTitle as _e, Spinner as A, Tabs as ve, TabsContent as j, TabsList as ye, TabsTrigger as M, Textarea as N } from "@burdenoff/fe-libs/ui";
+import { Fragment as be, jsx as P, jsxs as F } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/PropertiesPanel.tsx
 var xe = [
 	{
@@ -169,27 +169,27 @@ var Ee = p(function({ widget: e, onSave: t }) {
 			a(e.message);
 		}
 	}, [n, t]);
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ F("div", {
 		style: {
 			paddingTop: "var(--space-formGap)",
 			borderTop: "1px solid var(--color-border)"
 		},
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ F("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					marginBottom: "var(--space-controlGap)"
 				},
-				children: [/* @__PURE__ */ S("label", {
+				children: [/* @__PURE__ */ P("label", {
 					style: {
 						fontSize: "var(--font-size-body-sm)",
 						fontWeight: "var(--font-weight-semibold)",
 						color: "var(--color-text-primary)"
 					},
 					children: "Template (JSON)"
-				}), i && /* @__PURE__ */ S("span", {
+				}), i && /* @__PURE__ */ P("span", {
 					style: {
 						fontSize: "var(--font-size-body-sm)",
 						color: "var(--color-status-error-text)",
@@ -198,7 +198,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 					children: "Invalid JSON"
 				})]
 			}),
-			/* @__PURE__ */ S(F, {
+			/* @__PURE__ */ P(N, {
 				value: n,
 				onChange: s,
 				spellCheck: !1,
@@ -211,7 +211,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 					resize: "vertical"
 				}
 			}),
-			i && /* @__PURE__ */ S("p", {
+			i && /* @__PURE__ */ P("p", {
 				style: {
 					fontSize: "var(--font-size-body-sm)",
 					color: "var(--color-status-error-text)",
@@ -222,14 +222,14 @@ var Ee = p(function({ widget: e, onSave: t }) {
 				},
 				children: i
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ F("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: "var(--space-controlGap)",
 					marginTop: "var(--space-controlGap)"
 				},
-				children: [/* @__PURE__ */ S(w, {
+				children: [/* @__PURE__ */ P(S, {
 					variant: "outline",
 					size: "sm",
 					onClick: c,
@@ -239,7 +239,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 						fontWeight: "var(--font-weight-semibold)"
 					},
 					children: "Format"
-				}), !i && n.trim() !== "" && /* @__PURE__ */ C("span", {
+				}), !i && n.trim() !== "" && /* @__PURE__ */ F("span", {
 					style: {
 						fontSize: "var(--font-size-body-sm)",
 						color: "var(--color-status-success-text)",
@@ -247,13 +247,13 @@ var Ee = p(function({ widget: e, onSave: t }) {
 						alignItems: "center",
 						gap: "4px"
 					},
-					children: [/* @__PURE__ */ S(v, { style: {
+					children: [/* @__PURE__ */ P(v, { style: {
 						width: "12px",
 						height: "12px"
 					} }), "Valid JSON"]
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ F("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -265,11 +265,11 @@ var Ee = p(function({ widget: e, onSave: t }) {
 					borderTop: "1px solid var(--color-border)"
 				},
 				children: [
-					/* @__PURE__ */ S("span", {
+					/* @__PURE__ */ P("span", {
 						style: { fontWeight: "var(--font-weight-medium)" },
 						children: "Ctrl+S to save"
 					}),
-					e.renderer === "ADAPTIVE_CARD" && /* @__PURE__ */ C("a", {
+					e.renderer === "ADAPTIVE_CARD" && /* @__PURE__ */ F("a", {
 						href: "https://adaptivecards.io/designer/",
 						target: "_blank",
 						rel: "noopener noreferrer",
@@ -282,12 +282,12 @@ var Ee = p(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: ["Designer", /* @__PURE__ */ S(y, { style: {
+						children: ["Designer", /* @__PURE__ */ P(y, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
 					}),
-					e.renderer === "BLOCKKIT" && /* @__PURE__ */ C("a", {
+					e.renderer === "BLOCKKIT" && /* @__PURE__ */ F("a", {
 						href: "https://app.slack.com/block-kit-builder",
 						target: "_blank",
 						rel: "noopener noreferrer",
@@ -300,7 +300,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: ["Block Kit Builder", /* @__PURE__ */ S(y, { style: {
+						children: ["Block Kit Builder", /* @__PURE__ */ P(y, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
@@ -310,7 +310,7 @@ var Ee = p(function({ widget: e, onSave: t }) {
 		]
 	});
 });
-function I(e) {
+function De(e) {
 	let t = e;
 	return {
 		title: e.title || "",
@@ -334,42 +334,42 @@ function I(e) {
 		} : 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);
+var I = p(function({ isOpen: s, onClose: c }) {
+	let [l, u] = _("general"), [d, f] = _("idle"), [p, y] = _(null), [I, L] = _(!1), R = e((e) => e.selectedWidgetId), Oe = e((e) => e.widgets), z = e((e) => e.updateWidget), B = R ? Oe.get(R) : void 0, V = g(null);
 	h(() => {
-		if (!z) {
-			H.current = null, y(null), R(!1), f("idle");
+		if (!R) {
+			V.current = null, y(null), L(!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");
+		let e = V.current !== R;
+		if (V.current = R, B) {
+			if (I && !e) return;
+			y(De(B)), L(!1), f("idle");
+		} else y(null), L(!1), f("idle");
 	}, [
-		z,
-		V,
-		L
+		R,
+		B,
+		I
 	]);
-	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,
+	let { updateWidget: ke } = n(B?.pageId, B?.dashboardId, { skipFetch: !0 }), { createDrilldown: Ae, updateDrilldown: je, deleteDrilldown: Me } = r(), { dataSinks: H } = a({ skipFetch: !1 }), [U, W] = _(null), { executeParser: G } = o({
+		consoleId: B?.dashboardId,
 		skipFetch: !0
-	}), [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(() => {
+	}), [Ne, Pe] = _(!1), { actions: K, loading: q, createAction: Fe, updateAction: J, deleteAction: Ie, reorderActions: Y } = i(R || void 0), [Le, X] = _(!1), [Re, Z] = _(void 0), [ze, Be] = _(!1), Ve = m(() => {
 		Z(void 0), X(!0);
 	}, []), He = m((e) => {
 		Z(e), X(!0);
 	}, []), Ue = m(async (e) => {
-		if (z) {
+		if (R) {
 			Be(!0);
 			try {
 				let t = null;
-				if (t = "id" in e ? await Fe(e) : await Pe(e), t) {
-					let n = [...q];
+				if (t = "id" in e ? await J(e) : await Fe(e), t) {
+					let n = [...K];
 					if ("id" in e) {
 						let r = n.findIndex((t) => t.id === e.id);
 						r >= 0 && (n[r] = t);
 					} else n.push(t);
-					B(z, { actions: n.sort((e, t) => e.order - t.order) });
+					z(R, { actions: n.sort((e, t) => e.order - t.order) });
 				}
 				X(!1), Z(void 0);
 			} catch {} finally {
@@ -377,80 +377,80 @@ var L = p(function({ isOpen: s, onClose: c }) {
 			}
 		}
 	}, [
-		z,
-		q,
-		Pe,
+		R,
+		K,
 		Fe,
-		B
+		J,
+		z
 	]), 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) });
+		R && window.confirm("Are you sure you want to delete this action?") && await Ie(e) && z(R, { actions: K.filter((t) => t.id !== e) });
 	}, [
-		z,
-		q,
+		R,
+		K,
 		Ie,
-		B
+		z
 	]), 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) && B(z, { actions: t.map((e, t) => ({
+		if (!R || e === 0) return;
+		let t = [...K].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) && z(R, { actions: t.map((e, t) => ({
 			...e,
 			order: n.indexOf(e.id)
 		})).sort((e, t) => e.order - t.order) });
 	}, [
-		z,
-		q,
+		R,
+		K,
 		Y,
-		B
+		z
 	]), Ke = m(async (e) => {
-		if (!z) return;
-		let t = [...q].sort((e, t) => e.order - t.order);
+		if (!R) return;
+		let t = [...K].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) && B(z, { actions: t.map((e, t) => ({
+		[n[e], n[e + 1]] = [n[e + 1], n[e]], await Y(n) && z(R, { actions: t.map((e, t) => ({
 			...e,
 			order: n.indexOf(e.id)
 		})).sort((e, t) => e.order - t.order) });
 	}, [
-		z,
-		q,
+		R,
+		K,
 		Y,
-		B
+		z
 	]);
 	h(() => {
-		z && q.length >= 0 && !J && B(z, { actions: q });
+		R && K.length >= 0 && !q && z(R, { actions: K });
 	}, [
-		z,
+		R,
+		K,
 		q,
-		J,
-		B
+		z
 	]);
 	let Q = m((e, t) => {
 		y((n) => n && {
 			...n,
 			[e]: t
-		}), R(!0);
+		}), L(!0);
 	}, []), $ = m((e) => {
 		y((t) => t && {
 			...t,
 			config: e
-		}), R(!0);
+		}), L(!0);
 	}, []);
 	h(() => {
-		if (p?.dataSinkId && W.length > 0) {
-			let e = W.find((e) => e.id === p.dataSinkId);
-			e && K(e.key);
-		} else K(null);
-	}, [p?.dataSinkId, W]);
+		if (p?.dataSinkId && H.length > 0) {
+			let e = H.find((e) => e.id === p.dataSinkId);
+			e && W(e.key);
+		} else W(null);
+	}, [p?.dataSinkId, H]);
 	let qe = m((e) => {
-		if (K(e), e) {
-			let t = W.find((t) => t.key === e);
+		if (W(e), e) {
+			let t = H.find((t) => t.key === e);
 			t && (Q("dataSinkId", t.id), y((t) => t && {
 				...t,
 				config: {
 					...t.config,
 					dataSinkKey: e
 				}
-			}), R(!0));
+			}), L(!0));
 		} else Q("dataSinkId", void 0), y((e) => e && {
 			...e,
 			config: {
@@ -458,12 +458,12 @@ var L = p(function({ isOpen: s, onClose: c }) {
 				dataSinkKey: void 0
 			},
 			parserId: void 0
-		}), R(!0);
-	}, [W, Q]), Je = m(async (e) => {
-		if (Q("parserId", e || void 0), e && V) {
-			Ne(!0);
+		}), L(!0);
+	}, [H, Q]), Je = m(async (e) => {
+		if (Q("parserId", e || void 0), e && B) {
+			Pe(!0);
 			try {
-				let t = await je(e);
+				let t = await G(e);
 				if (t?.success && t.output) {
 					let e = we(t.output);
 					(e.labelField || e.valueField) && (y((t) => {
@@ -473,27 +473,27 @@ var L = p(function({ isOpen: s, onClose: c }) {
 							...t,
 							config: r
 						};
-					}), R(!0));
+					}), L(!0));
 				}
 			} catch (e) {
 				console.warn("Failed to auto-detect parser fields:", e);
 			} finally {
-				Ne(!1);
+				Pe(!1);
 			}
 		}
 	}, [
 		Q,
-		je,
-		V
+		G,
+		B
 	]), Ye = m(async () => {
-		if (!(!V || !p)) {
+		if (!(!B || !p)) {
 			f("saving");
 			try {
 				let e = {
-					...V.metadata || {},
+					...B.metadata || {},
 					description: p.description || ""
-				}, t = await U({
-					id: V.id,
+				}, t = await ke({
+					id: B.id,
 					title: p.title,
 					renderer: p.renderer,
 					template: p.template,
@@ -504,12 +504,12 @@ var L = p(function({ isOpen: s, onClose: c }) {
 					parserId: p.parserId,
 					parserRules: p.parserRules,
 					metadata: e
-				}), n = V.drilldown;
+				}), n = B.drilldown;
 				if (p.drilldownConfig) {
 					let { enabled: e, targetDashboardId: t, navigationMode: r, parameterMapping: i, passGlobalFilters: a, maxDepth: o, openIn: s } = p.drilldownConfig;
-					if (V.drilldown?.id) {
-						let c = await ke({
-							id: V.drilldown.id,
+					if (B.drilldown?.id) {
+						let c = await je({
+							id: B.drilldown.id,
 							targetDashboardId: t,
 							parameterMapping: i,
 							navigationMode: r,
@@ -520,8 +520,8 @@ var L = p(function({ isOpen: s, onClose: c }) {
 						});
 						c && (n = c);
 					} else if (t) {
-						let c = await Oe({
-							sourceWidgetId: V.id,
+						let c = await Ae({
+							sourceWidgetId: B.id,
 							targetDashboardId: t,
 							parameterMapping: i || {},
 							navigationMode: r,
@@ -534,8 +534,8 @@ var L = p(function({ isOpen: s, onClose: c }) {
 							enabled: e
 						});
 					}
-				} else V.drilldown?.id && !p.drilldownConfig && (await Ae(V.drilldown.id), n = void 0);
-				t ? (B(V.id, {
+				} else B.drilldown?.id && !p.drilldownConfig && (await Me(B.drilldown.id), n = void 0);
+				t ? (z(B.id, {
 					title: p.title,
 					description: p.description,
 					renderer: p.renderer,
@@ -548,34 +548,34 @@ var L = p(function({ isOpen: s, onClose: c }) {
 					parserRules: p.parserRules,
 					drilldown: n,
 					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-				}), f("saved"), R(!1), setTimeout(() => f("idle"), 2e3)) : f("error");
+				}), f("saved"), L(!1), setTimeout(() => f("idle"), 2e3)) : f("error");
 			} catch {
 				f("error");
 			}
 		}
 	}, [
-		V,
-		p,
-		U,
 		B,
-		Oe,
+		p,
 		ke,
-		Ae
+		z,
+		Ae,
+		je,
+		Me
 	]), Xe = m(() => {
-		V && (y(I(V)), R(!1), f("idle"));
-	}, [V]), Ze = m((e) => {
+		B && (y(De(B)), L(!1), f("idle"));
+	}, [B]), Ze = m((e) => {
 		$(e);
 	}, [$]), Qe = m((e) => {
 		y((t) => t && {
 			...t,
 			drilldownConfig: e
-		}), R(!0);
-	}, []), $e = V ? t(V.type) : null, et = V ? Te(V.type) : null;
-	return /* @__PURE__ */ S(me, {
+		}), L(!0);
+	}, []), $e = B ? t(B.type) : null, et = B ? Te(B.type) : null;
+	return /* @__PURE__ */ P(pe, {
 		open: s,
 		onOpenChange: (e) => !e && c(),
 		modal: !1,
-		children: /* @__PURE__ */ C(he, {
+		children: /* @__PURE__ */ F(me, {
 			style: {
 				width: "420px",
 				maxWidth: "90vw",
@@ -586,20 +586,20 @@ var L = p(function({ isOpen: s, onClose: c }) {
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ S(_e, {
+				/* @__PURE__ */ P(ge, {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderBottom: "1px solid var(--color-border)",
 						backgroundColor: "var(--color-bg-surface)",
 						flexShrink: 0
 					},
-					children: /* @__PURE__ */ C("div", {
+					children: /* @__PURE__ */ F("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: "var(--space-controlGap)"
 						},
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ P("div", {
 							style: {
 								display: "flex",
 								height: "var(--size-controlHeight-lg)",
@@ -611,48 +611,48 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								boxShadow: "var(--shadow-elevation-2)",
 								flexShrink: 0
 							},
-							children: /* @__PURE__ */ S(b, { style: {
+							children: /* @__PURE__ */ P(b, { style: {
 								height: "var(--size-icon-md)",
 								width: "var(--size-icon-md)",
 								color: "var(--color-action-primary-text)"
 							} })
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ F("div", {
 							style: {
 								flex: 1,
 								minWidth: 0
 							},
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ F("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
 								children: [
-									/* @__PURE__ */ S(ve, {
+									/* @__PURE__ */ P(_e, {
 										style: {
 											fontSize: "var(--font-size-body-md)",
 											fontWeight: "var(--font-weight-bold)",
 											color: "var(--color-text-primary)",
 											margin: 0
 										},
-										children: V ? "Widget Properties" : "Properties"
+										children: B ? "Widget Properties" : "Properties"
 									}),
-									d === "saving" && /* @__PURE__ */ S(M, { style: {
+									d === "saving" && /* @__PURE__ */ P(A, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }),
-									d === "saved" && /* @__PURE__ */ S(v, { style: {
+									d === "saved" && /* @__PURE__ */ P(v, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)",
 										color: "var(--color-status-success-bg)"
 									} }),
-									d === "error" && /* @__PURE__ */ S(x, { style: {
+									d === "error" && /* @__PURE__ */ P(x, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)",
 										color: "var(--color-status-error-bg)"
 									} })
 								]
-							}), $e && /* @__PURE__ */ S(ge, {
+							}), $e && /* @__PURE__ */ P(he, {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
@@ -664,7 +664,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 						})]
 					})
 				}),
-				V ? /* @__PURE__ */ C(ye, {
+				B ? /* @__PURE__ */ F(ve, {
 					value: l,
 					onValueChange: (e) => u(e),
 					style: {
@@ -674,7 +674,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 						minHeight: 0,
 						overflow: "hidden"
 					},
-					children: [/* @__PURE__ */ C(be, {
+					children: [/* @__PURE__ */ F(ye, {
 						style: {
 							width: "100%",
 							display: "flex",
@@ -689,7 +689,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 							overflowX: "auto"
 						},
 						children: [
-							/* @__PURE__ */ S(P, {
+							/* @__PURE__ */ P(M, {
 								value: "general",
 								style: {
 									fontWeight: "var(--font-weight-semibold)",
@@ -699,7 +699,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								},
 								children: "General"
 							}),
-							/* @__PURE__ */ S(P, {
+							/* @__PURE__ */ P(M, {
 								value: "data",
 								style: {
 									fontWeight: "var(--font-weight-semibold)",
@@ -709,7 +709,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								},
 								children: "Data"
 							}),
-							/* @__PURE__ */ S(P, {
+							/* @__PURE__ */ P(M, {
 								value: "actions",
 								style: {
 									fontWeight: "var(--font-weight-semibold)",
@@ -719,7 +719,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								},
 								children: "Actions"
 							}),
-							/* @__PURE__ */ S(P, {
+							/* @__PURE__ */ P(M, {
 								value: "drilldown",
 								style: {
 									fontWeight: "var(--font-weight-semibold)",
@@ -729,7 +729,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								},
 								children: "Drilldown"
 							}),
-							/* @__PURE__ */ S(P, {
+							/* @__PURE__ */ P(M, {
 								value: "webhooks",
 								style: {
 									fontWeight: "var(--font-weight-semibold)",
@@ -739,7 +739,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								},
 								children: "Hooks"
 							}),
-							/* @__PURE__ */ S(P, {
+							/* @__PURE__ */ P(M, {
 								value: "events",
 								style: {
 									fontWeight: "var(--font-weight-semibold)",
@@ -749,7 +749,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								},
 								children: "Events"
 							}),
-							/* @__PURE__ */ S(P, {
+							/* @__PURE__ */ P(M, {
 								value: "appearance",
 								style: {
 									fontWeight: "var(--font-weight-semibold)",
@@ -760,7 +760,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								children: "Style"
 							})
 						]
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ F("div", {
 						style: {
 							flex: 1,
 							overflow: "auto",
@@ -768,17 +768,17 @@ var L = p(function({ isOpen: s, onClose: c }) {
 							minHeight: 0
 						},
 						children: [
-							/* @__PURE__ */ S(N, {
+							/* @__PURE__ */ P(j, {
 								value: "general",
 								className: "mt-0",
-								children: p && /* @__PURE__ */ C("div", {
+								children: p && /* @__PURE__ */ F("div", {
 									style: {
 										display: "flex",
 										flexDirection: "column",
 										gap: "var(--space-formGap)"
 									},
 									children: [
-										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+										/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
 											htmlFor: "title",
 											style: {
 												display: "block",
@@ -788,7 +788,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 												marginBottom: "var(--space-controlGap)"
 											},
 											children: "Title"
-										}), /* @__PURE__ */ S(T, {
+										}), /* @__PURE__ */ P(C, {
 											id: "title",
 											value: p.title,
 											onChange: (e) => Q("title", e.target.value),
@@ -797,7 +797,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 												fontSize: "var(--font-size-body-sm)"
 											}
 										})] }),
-										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+										/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
 											htmlFor: "description",
 											style: {
 												display: "block",
@@ -807,7 +807,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 												marginBottom: "var(--space-controlGap)"
 											},
 											children: "Description"
-										}), /* @__PURE__ */ S(F, {
+										}), /* @__PURE__ */ P(N, {
 											id: "description",
 											value: p.description,
 											onChange: (e) => Q("description", e.target.value),
@@ -817,7 +817,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 												resize: "none"
 											}
 										})] }),
-										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+										/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("label", {
 											htmlFor: "refresh",
 											style: {
 												display: "block",
@@ -827,7 +827,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 												marginBottom: "var(--space-controlGap)"
 											},
 											children: "Auto-Refresh (seconds)"
-										}), /* @__PURE__ */ S(T, {
+										}), /* @__PURE__ */ P(C, {
 											id: "refresh",
 											type: "number",
 											value: p.refreshInterval || "",
@@ -839,13 +839,13 @@ var L = p(function({ isOpen: s, onClose: c }) {
 												fontSize: "var(--font-size-body-sm)"
 											}
 										})] }),
-										/* @__PURE__ */ C("div", {
+										/* @__PURE__ */ F("div", {
 											style: {
 												paddingTop: "var(--space-formGap)",
 												borderTop: "1px solid var(--color-border)"
 											},
 											children: [
-												/* @__PURE__ */ S("label", {
+												/* @__PURE__ */ P("label", {
 													style: {
 														display: "block",
 														fontSize: "var(--font-size-body-sm)",
@@ -855,19 +855,19 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													},
 													children: "Renderer"
 												}),
-												/* @__PURE__ */ C(D, {
+												/* @__PURE__ */ F(T, {
 													value: p.renderer,
 													onValueChange: (e) => {
 														let t = e;
 														Q("renderer", t), t === "BIGCONSOLE" && Q("template", void 0);
 													},
-													children: [/* @__PURE__ */ S(A, {
+													children: [/* @__PURE__ */ P(O, {
 														style: {
 															height: "var(--size-controlHeight-md)",
 															fontSize: "var(--font-size-body-sm)"
 														},
-														children: /* @__PURE__ */ S(j, { placeholder: "Select renderer" })
-													}), /* @__PURE__ */ S(O, {
+														children: /* @__PURE__ */ P(k, { placeholder: "Select renderer" })
+													}), /* @__PURE__ */ P(E, {
 														position: "popper",
 														side: "bottom",
 														sideOffset: 4,
@@ -880,13 +880,13 @@ var L = p(function({ isOpen: s, onClose: c }) {
 															boxShadow: "var(--shadow-elevation-3)",
 															borderRadius: "var(--radius-button)"
 														},
-														children: xe.map((e) => /* @__PURE__ */ S(k, {
+														children: xe.map((e) => /* @__PURE__ */ P(D, {
 															value: e.value,
 															children: e.label
 														}, e.value))
 													})]
 												}),
-												/* @__PURE__ */ S("p", {
+												/* @__PURE__ */ P("p", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														color: "var(--color-text-muted)",
@@ -896,9 +896,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 												})
 											]
 										}),
-										p.renderer && p.renderer !== "BIGCONSOLE" && /* @__PURE__ */ S(Ee, {
+										p.renderer && p.renderer !== "BIGCONSOLE" && /* @__PURE__ */ P(Ee, {
 											widget: {
-												...V,
+												...B,
 												template: p.template,
 												renderer: p.renderer
 											},
@@ -907,35 +907,35 @@ var L = p(function({ isOpen: s, onClose: c }) {
 									]
 								})
 							}),
-							/* @__PURE__ */ S(N, {
+							/* @__PURE__ */ P(j, {
 								value: "data",
 								className: "mt-0 space-y-4",
-								children: p && /* @__PURE__ */ C(de, { children: [
-									/* @__PURE__ */ C("div", {
+								children: p && /* @__PURE__ */ F(be, { children: [
+									/* @__PURE__ */ F("div", {
 										className: "space-y-4",
 										children: [
-											/* @__PURE__ */ S("div", {
+											/* @__PURE__ */ P("div", {
 												className: "p-3 bg-bg-sunken rounded-md border border-border-subtle",
-												children: /* @__PURE__ */ S("p", {
+												children: /* @__PURE__ */ P("p", {
 													className: "text-xs text-text-secondary",
 													children: "Connect this widget to a DataSink and Parser to display transformed data."
 												})
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
 												children: [
-													/* @__PURE__ */ S(E, { children: "DataSink" }),
-													/* @__PURE__ */ S(ee, {
-														value: G,
+													/* @__PURE__ */ P(w, { children: "DataSink" }),
+													/* @__PURE__ */ P(ee, {
+														value: U,
 														onChange: qe,
 														placeholder: "Select a DataSink..."
 													}),
-													G && /* @__PURE__ */ C("p", {
+													U && /* @__PURE__ */ F("p", {
 														className: "text-xs text-text-secondary",
 														children: [
 															"Key: ",
-															G,
-															p.dataSinkId && /* @__PURE__ */ C("span", {
+															U,
+															p.dataSinkId && /* @__PURE__ */ F("span", {
 																className: "ml-2 text-text-tertiary",
 																children: [
 																	"ID: ",
@@ -947,59 +947,59 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													})
 												]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
 												children: [
-													/* @__PURE__ */ S(E, { children: "Parser" }),
-													/* @__PURE__ */ S(te, {
-														consoleId: V?.dashboardId || "",
+													/* @__PURE__ */ P(w, { children: "Parser" }),
+													/* @__PURE__ */ P(te, {
+														consoleId: B?.dashboardId || "",
 														value: p.parserId || null,
 														onChange: Je,
-														filterInputSinkKey: G || void 0,
+														filterInputSinkKey: U || void 0,
 														filterStatus: void 0,
-														placeholder: G ? "Select a parser..." : "Select a DataSink first...",
-														disabled: !G
+														placeholder: U ? "Select a parser..." : "Select a DataSink first...",
+														disabled: !U
 													}),
-													/* @__PURE__ */ S("p", {
+													/* @__PURE__ */ P("p", {
 														className: "text-xs text-text-secondary",
-														children: Me ? /* @__PURE__ */ C("span", {
+														children: Ne ? /* @__PURE__ */ F("span", {
 															className: "flex items-center gap-1",
-															children: [/* @__PURE__ */ S(M, { style: {
+															children: [/* @__PURE__ */ P(A, { style: {
 																width: "12px",
 																height: "12px"
 															} }), "Auto-detecting field mappings..."]
-														}) : G ? "Showing parsers that use this DataSink as input" : "Select a DataSink to see available parsers"
+														}) : U ? "Showing parsers that use this DataSink as input" : "Select a DataSink to see available parsers"
 													})
 												]
 											}),
-											!!(p.parserId && (p.config?.labelField || p.config?.valueField)) && /* @__PURE__ */ C("div", {
+											!!(p.parserId && (p.config?.labelField || p.config?.valueField)) && /* @__PURE__ */ F("div", {
 												className: "p-3 bg-green-50 dark:bg-green-950/30 rounded-md border border-green-200 dark:border-green-800",
-												children: [/* @__PURE__ */ S("p", {
+												children: [/* @__PURE__ */ P("p", {
 													className: "text-xs font-medium text-green-700 dark:text-green-400 mb-2",
 													children: "✓ Field mappings configured"
-												}), /* @__PURE__ */ C("div", {
+												}), /* @__PURE__ */ F("div", {
 													className: "text-xs text-green-600 dark:text-green-500 space-y-1",
 													children: [
-														!!p.config?.labelField && /* @__PURE__ */ C("p", { children: [
+														!!p.config?.labelField && /* @__PURE__ */ F("p", { children: [
 															"Label Field:",
 															" ",
-															/* @__PURE__ */ S("code", {
+															/* @__PURE__ */ P("code", {
 																className: "bg-green-100 dark:bg-green-900 px-1 rounded",
 																children: String(p.config.labelField)
 															})
 														] }),
-														!!p.config?.valueField && /* @__PURE__ */ C("p", { children: [
+														!!p.config?.valueField && /* @__PURE__ */ F("p", { children: [
 															"Value Field:",
 															" ",
-															/* @__PURE__ */ S("code", {
+															/* @__PURE__ */ P("code", {
 																className: "bg-green-100 dark:bg-green-900 px-1 rounded",
 																children: String(p.config.valueField)
 															})
 														] }),
-														!!p.config?.xAxisField && /* @__PURE__ */ C("p", { children: [
+														!!p.config?.xAxisField && /* @__PURE__ */ F("p", { children: [
 															"X-Axis Field:",
 															" ",
-															/* @__PURE__ */ S("code", {
+															/* @__PURE__ */ P("code", {
 																className: "bg-green-100 dark:bg-green-900 px-1 rounded",
 																children: String(p.config.xAxisField)
 															})
@@ -1007,11 +1007,11 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													]
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
 												children: [
-													/* @__PURE__ */ S(E, { children: "Data Path (Optional)" }),
-													/* @__PURE__ */ S(T, {
+													/* @__PURE__ */ P(w, { children: "Data Path (Optional)" }),
+													/* @__PURE__ */ P(C, {
 														value: p.config?.dataPath || "",
 														onChange: (e) => $({
 															...p.config,
@@ -1019,7 +1019,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 														}),
 														placeholder: "e.g., summary.totalRevenue"
 													}),
-													/* @__PURE__ */ S("p", {
+													/* @__PURE__ */ P("p", {
 														className: "text-xs text-text-secondary",
 														children: "Path to extract specific data from the parser output (dot notation)"
 													})
@@ -1027,28 +1027,28 @@ var L = p(function({ isOpen: s, onClose: c }) {
 											})
 										]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ P("div", {
 										className: "border-t border-border-subtle pt-4",
-										children: /* @__PURE__ */ S(E, {
+										children: /* @__PURE__ */ P(w, {
 											className: "text-xs text-text-secondary uppercase tracking-wide",
 											children: "Alternative Data Sources"
 										})
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ F("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(E, { children: "Data Source Type" }), /* @__PURE__ */ C(D, {
+										children: [/* @__PURE__ */ P(w, { children: "Data Source Type" }), /* @__PURE__ */ F(T, {
 											value: p.config?.dataSourceType || "",
 											onValueChange: (e) => $({
 												...p.config,
 												dataSourceType: e || void 0
 											}),
-											children: [/* @__PURE__ */ S(A, {
+											children: [/* @__PURE__ */ P(O, {
 												style: {
 													height: "var(--size-controlHeight-md)",
 													fontSize: "var(--font-size-body-sm)"
 												},
-												children: /* @__PURE__ */ S(j, { placeholder: "Select type..." })
-											}), /* @__PURE__ */ S(O, {
+												children: /* @__PURE__ */ P(k, { placeholder: "Select type..." })
+											}), /* @__PURE__ */ P(E, {
 												position: "popper",
 												side: "bottom",
 												sideOffset: 4,
@@ -1061,19 +1061,19 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													boxShadow: "var(--shadow-elevation-3)",
 													borderRadius: "var(--radius-button)"
 												},
-												children: Se.map((e) => /* @__PURE__ */ S(k, {
+												children: Se.map((e) => /* @__PURE__ */ P(D, {
 													value: e.value,
 													children: e.label
 												}, e.value))
 											})]
 										})]
 									}),
-									p.config?.dataSourceType === "REST_API" && /* @__PURE__ */ C("div", {
+									p.config?.dataSourceType === "REST_API" && /* @__PURE__ */ F("div", {
 										className: "space-y-3",
 										children: [
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "Endpoint URL *" }), /* @__PURE__ */ S(T, {
+												children: [/* @__PURE__ */ P(w, { children: "Endpoint URL *" }), /* @__PURE__ */ P(C, {
 													value: p.config?.endpointUrl || "",
 													onChange: (e) => $({
 														...p.config,
@@ -1082,35 +1082,35 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													placeholder: "https://api.example.com/data"
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "HTTP Method" }), /* @__PURE__ */ C(D, {
+												children: [/* @__PURE__ */ P(w, { children: "HTTP Method" }), /* @__PURE__ */ F(T, {
 													value: p.config?.httpMethod || "GET",
 													onValueChange: (e) => $({
 														...p.config,
 														httpMethod: e
 													}),
-													children: [/* @__PURE__ */ S(A, {
+													children: [/* @__PURE__ */ P(O, {
 														style: { height: "var(--size-controlHeight-md)" },
-														children: /* @__PURE__ */ S(j, {})
-													}), /* @__PURE__ */ C(O, {
+														children: /* @__PURE__ */ P(k, {})
+													}), /* @__PURE__ */ F(E, {
 														position: "popper",
 														side: "bottom",
 														sideOffset: 4,
 														children: [
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "GET",
 																children: "GET"
 															}),
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "POST",
 																children: "POST"
 															}),
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "PUT",
 																children: "PUT"
 															}),
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "DELETE",
 																children: "DELETE"
 															})
@@ -1118,9 +1118,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													})]
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "Headers (JSON)" }), /* @__PURE__ */ S(F, {
+												children: [/* @__PURE__ */ P(w, { children: "Headers (JSON)" }), /* @__PURE__ */ P(N, {
 													value: p.config?.headers || "",
 													onChange: (e) => $({
 														...p.config,
@@ -1131,35 +1131,35 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													className: "font-mono text-xs"
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "Authentication" }), /* @__PURE__ */ C(D, {
+												children: [/* @__PURE__ */ P(w, { children: "Authentication" }), /* @__PURE__ */ F(T, {
 													value: p.config?.authType || "none",
 													onValueChange: (e) => $({
 														...p.config,
 														authType: e
 													}),
-													children: [/* @__PURE__ */ S(A, {
+													children: [/* @__PURE__ */ P(O, {
 														style: { height: "var(--size-controlHeight-md)" },
-														children: /* @__PURE__ */ S(j, {})
-													}), /* @__PURE__ */ C(O, {
+														children: /* @__PURE__ */ P(k, {})
+													}), /* @__PURE__ */ F(E, {
 														position: "popper",
 														side: "bottom",
 														sideOffset: 4,
 														children: [
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "none",
 																children: "None"
 															}),
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "api_key",
 																children: "API Key"
 															}),
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "bearer",
 																children: "Bearer Token"
 															}),
-															/* @__PURE__ */ S(k, {
+															/* @__PURE__ */ P(D, {
 																value: "basic",
 																children: "Basic Auth"
 															})
@@ -1167,9 +1167,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													})]
 												})]
 											}),
-											!!(p.config?.authType && p.config.authType !== "none") && /* @__PURE__ */ C("div", {
+											!!(p.config?.authType && p.config.authType !== "none") && /* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: String(p.config.authType) === "basic" ? "Credentials (user:pass)" : "Token/Key" }), /* @__PURE__ */ S(T, {
+												children: [/* @__PURE__ */ P(w, { children: String(p.config.authType) === "basic" ? "Credentials (user:pass)" : "Token/Key" }), /* @__PURE__ */ P(C, {
 													type: "password",
 													value: p.config?.authValue || "",
 													onChange: (e) => $({
@@ -1179,9 +1179,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													placeholder: p.config.authType === "basic" ? "username:password" : "Enter token or API key"
 												})]
 											}),
-											(p.config?.httpMethod === "POST" || p.config?.httpMethod === "PUT") && /* @__PURE__ */ C("div", {
+											(p.config?.httpMethod === "POST" || p.config?.httpMethod === "PUT") && /* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "Request Body (JSON)" }), /* @__PURE__ */ S(F, {
+												children: [/* @__PURE__ */ P(w, { children: "Request Body (JSON)" }), /* @__PURE__ */ P(N, {
 													value: p.config?.requestBody || "",
 													onChange: (e) => $({
 														...p.config,
@@ -1192,11 +1192,11 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													className: "font-mono text-xs"
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
 												children: [
-													/* @__PURE__ */ S(E, { children: "Data Path (optional)" }),
-													/* @__PURE__ */ S(T, {
+													/* @__PURE__ */ P(w, { children: "Data Path (optional)" }),
+													/* @__PURE__ */ P(C, {
 														value: p.config?.dataPath || "",
 														onChange: (e) => $({
 															...p.config,
@@ -1204,7 +1204,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 														}),
 														placeholder: "$.data.items or .data.items"
 													}),
-													/* @__PURE__ */ S("p", {
+													/* @__PURE__ */ P("p", {
 														className: "text-xs text-text-secondary",
 														children: "JSONPath or dot notation to extract data from response"
 													})
@@ -1212,12 +1212,12 @@ var L = p(function({ isOpen: s, onClose: c }) {
 											})
 										]
 									}),
-									p.config?.dataSourceType === "GRAPHQL" && /* @__PURE__ */ C("div", {
+									p.config?.dataSourceType === "GRAPHQL" && /* @__PURE__ */ F("div", {
 										className: "space-y-3",
 										children: [
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "GraphQL Endpoint *" }), /* @__PURE__ */ S(T, {
+												children: [/* @__PURE__ */ P(w, { children: "GraphQL Endpoint *" }), /* @__PURE__ */ P(C, {
 													value: p.config?.graphqlEndpoint || "",
 													onChange: (e) => $({
 														...p.config,
@@ -1226,9 +1226,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													placeholder: "https://api.example.com/graphql"
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "Query *" }), /* @__PURE__ */ S(F, {
+												children: [/* @__PURE__ */ P(w, { children: "Query *" }), /* @__PURE__ */ P(N, {
 													value: p.config?.graphqlQuery || "",
 													onChange: (e) => $({
 														...p.config,
@@ -1239,9 +1239,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													className: "font-mono text-xs"
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "Variables (JSON, optional)" }), /* @__PURE__ */ S(F, {
+												children: [/* @__PURE__ */ P(w, { children: "Variables (JSON, optional)" }), /* @__PURE__ */ P(N, {
 													value: p.config?.graphqlVariables || "",
 													onChange: (e) => $({
 														...p.config,
@@ -1252,9 +1252,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													className: "font-mono text-xs"
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(E, { children: "Headers (JSON, optional)" }), /* @__PURE__ */ S(F, {
+												children: [/* @__PURE__ */ P(w, { children: "Headers (JSON, optional)" }), /* @__PURE__ */ P(N, {
 													value: p.config?.headers || "",
 													onChange: (e) => $({
 														...p.config,
@@ -1265,11 +1265,11 @@ var L = p(function({ isOpen: s, onClose: c }) {
 													className: "font-mono text-xs"
 												})]
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ F("div", {
 												className: "space-y-2",
 												children: [
-													/* @__PURE__ */ S(E, { children: "Data Path (optional)" }),
-													/* @__PURE__ */ S(T, {
+													/* @__PURE__ */ P(w, { children: "Data Path (optional)" }),
+													/* @__PURE__ */ P(C, {
 														value: p.config?.dataPath || "",
 														onChange: (e) => $({
 															...p.config,
@@ -1277,7 +1277,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 														}),
 														placeholder: ".data.items"
 													}),
-													/* @__PURE__ */ S("p", {
+													/* @__PURE__ */ P("p", {
 														className: "text-xs text-text-secondary",
 														children: "Path to extract data from GraphQL response"
 													})
@@ -1285,9 +1285,9 @@ var L = p(function({ isOpen: s, onClose: c }) {
 											})
 										]
 									}),
-									p.config?.dataSourceType === "MOCK" && /* @__PURE__ */ C("div", {
+									p.config?.dataSourceType === "MOCK" && /* @__PURE__ */ F("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(E, { children: "Sample Data (JSON)" }), /* @__PURE__ */ S(F, {
+										children: [/* @__PURE__ */ P(w, { children: "Sample Data (JSON)" }), /* @__PURE__ */ P(N, {
 											value: p.config?.mockData || "",
 											onChange: (e) => $({
 												...p.config,
@@ -1300,65 +1300,65 @@ var L = p(function({ isOpen: s, onClose: c }) {
 									})
 								] })
 							}),
-							/* @__PURE__ */ C(N, {
+							/* @__PURE__ */ F(j, {
 								value: "actions",
 								className: "mt-0 space-y-4",
-								children: [/* @__PURE__ */ C("div", {
+								children: [/* @__PURE__ */ F("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
+									children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h3", {
 										className: "text-sm font-medium",
 										children: "Widget Actions"
-									}), /* @__PURE__ */ S("p", {
+									}), /* @__PURE__ */ P("p", {
 										className: "text-xs text-text-secondary",
 										children: "Configure buttons on this widget"
-									})] }), /* @__PURE__ */ C(w, {
+									})] }), /* @__PURE__ */ F(S, {
 										size: "sm",
 										onClick: Ve,
-										children: [/* @__PURE__ */ S(le, { className: "size-4" }), "Add"]
+										children: [/* @__PURE__ */ P(le, { className: "size-4" }), "Add"]
 									})]
-								}), J ? /* @__PURE__ */ S("div", {
+								}), q ? /* @__PURE__ */ P("div", {
 									className: "flex justify-center py-8",
-									children: /* @__PURE__ */ S(M, { className: "size-6" })
-								}) : q.length === 0 ? /* @__PURE__ */ C("div", {
+									children: /* @__PURE__ */ P(A, { className: "size-6" })
+								}) : K.length === 0 ? /* @__PURE__ */ F("div", {
 									className: "py-8 text-center",
-									children: [/* @__PURE__ */ S(b, { className: "size-10 mx-auto mb-2 text-text-secondary/50" }), /* @__PURE__ */ S("p", {
+									children: [/* @__PURE__ */ P(b, { className: "size-10 mx-auto mb-2 text-text-secondary/50" }), /* @__PURE__ */ P("p", {
 										className: "text-sm text-text-secondary",
 										children: "No actions configured"
 									})]
-								}) : /* @__PURE__ */ S("div", {
+								}) : /* @__PURE__ */ P("div", {
 									className: "space-y-2",
-									children: [...q].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ S(fe, {
+									children: [...K].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ P(de, {
 										className: e.disabled ? "opacity-60" : "",
-										children: /* @__PURE__ */ C(pe, {
+										children: /* @__PURE__ */ F(fe, {
 											className: "p-3 flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ C("div", {
+												/* @__PURE__ */ F("div", {
 													className: "flex flex-col gap-0.5",
-													children: [/* @__PURE__ */ S(w, {
+													children: [/* @__PURE__ */ P(S, {
 														variant: "ghost",
 														size: "icon-sm",
 														onClick: () => Ge(t),
 														disabled: t === 0,
 														className: "h-5 w-5",
-														children: /* @__PURE__ */ S(se, { className: "size-3" })
-													}), /* @__PURE__ */ S(w, {
+														children: /* @__PURE__ */ P(se, { className: "size-3" })
+													}), /* @__PURE__ */ P(S, {
 														variant: "ghost",
 														size: "icon-sm",
 														onClick: () => Ke(t),
-														disabled: t === q.length - 1,
+														disabled: t === K.length - 1,
 														className: "h-5 w-5",
-														children: /* @__PURE__ */ S(oe, { className: "size-3" })
+														children: /* @__PURE__ */ P(oe, { className: "size-3" })
 													})]
 												}),
-												/* @__PURE__ */ C("div", {
+												/* @__PURE__ */ F("div", {
 													className: "flex-1 min-w-0",
-													children: [/* @__PURE__ */ C("div", {
+													children: [/* @__PURE__ */ F("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ S("span", { className: `size-2 rounded-full ${Ce[e.style] || "bg-muted-foreground"}` }), /* @__PURE__ */ S("span", {
+														children: [/* @__PURE__ */ P("span", { className: `size-2 rounded-full ${Ce[e.style] || "bg-muted-foreground"}` }), /* @__PURE__ */ P("span", {
 															className: "text-sm font-medium truncate",
 															children: e.label
 														})]
-													}), /* @__PURE__ */ C("p", {
+													}), /* @__PURE__ */ F("p", {
 														className: "text-xs text-text-secondary",
 														children: [
 															e.name,
@@ -1367,18 +1367,18 @@ var L = p(function({ isOpen: s, onClose: c }) {
 														]
 													})]
 												}),
-												/* @__PURE__ */ C("div", {
+												/* @__PURE__ */ F("div", {
 													className: "flex gap-1",
-													children: [/* @__PURE__ */ S(w, {
+													children: [/* @__PURE__ */ P(S, {
 														variant: "ghost",
 														size: "icon-sm",
 														onClick: () => He(e),
-														children: /* @__PURE__ */ S(ce, { className: "size-4" })
-													}), /* @__PURE__ */ S(w, {
+														children: /* @__PURE__ */ P(ce, { className: "size-4" })
+													}), /* @__PURE__ */ P(S, {
 														variant: "ghost",
 														size: "icon-sm",
 														onClick: () => We(e.id),
-														children: /* @__PURE__ */ S(ue, { className: "size-4" })
+														children: /* @__PURE__ */ P(ue, { className: "size-4" })
 													})]
 												})
 											]
@@ -1386,40 +1386,40 @@ var L = p(function({ isOpen: s, onClose: c }) {
 									}, e.id))
 								})]
 							}),
-							/* @__PURE__ */ S(N, {
+							/* @__PURE__ */ P(j, {
 								value: "drilldown",
 								className: "mt-0",
-								children: /* @__PURE__ */ S(ae, {
-									widget: V,
+								children: /* @__PURE__ */ P(ae, {
+									widget: B,
 									onChange: Qe
 								})
 							}),
-							/* @__PURE__ */ S(N, {
+							/* @__PURE__ */ P(j, {
 								value: "webhooks",
 								className: "mt-0",
-								children: /* @__PURE__ */ S(re, {
-									dashboardId: V.dashboardId,
-									widgetId: V.id
+								children: /* @__PURE__ */ P(re, {
+									dashboardId: B.dashboardId,
+									widgetId: B.id
 								})
 							}),
-							/* @__PURE__ */ S(N, {
+							/* @__PURE__ */ P(j, {
 								value: "events",
 								className: "mt-0",
-								children: /* @__PURE__ */ S(ie, {
-									dashboardId: V.dashboardId,
-									widgetId: V.id,
+								children: /* @__PURE__ */ P(ie, {
+									dashboardId: B.dashboardId,
+									widgetId: B.id,
 									maxHeight: "calc(100vh - 350px)"
 								})
 							}),
-							/* @__PURE__ */ S(N, {
+							/* @__PURE__ */ P(j, {
 								value: "appearance",
 								className: "mt-0",
-								children: et ? /* @__PURE__ */ S(et, {
-									config: V.config || {},
+								children: et ? /* @__PURE__ */ P(et, {
+									config: B.config || {},
 									onChange: Ze
-								}) : /* @__PURE__ */ S("div", {
+								}) : /* @__PURE__ */ P("div", {
 									className: "p-4 bg-bg-sunken rounded-lg text-center",
-									children: /* @__PURE__ */ S("p", {
+									children: /* @__PURE__ */ P("p", {
 										className: "text-sm text-text-secondary",
 										children: "No style options for this widget type"
 									})
@@ -1427,17 +1427,17 @@ var L = p(function({ isOpen: s, onClose: c }) {
 							})
 						]
 					})]
-				}) : /* @__PURE__ */ S("div", {
+				}) : /* @__PURE__ */ P("div", {
 					className: "flex-1 flex items-center justify-center p-4",
-					children: /* @__PURE__ */ C("div", {
+					children: /* @__PURE__ */ F("div", {
 						className: "text-center",
-						children: [/* @__PURE__ */ S(b, { className: "size-12 mx-auto mb-3 text-text-secondary" }), /* @__PURE__ */ S("p", {
+						children: [/* @__PURE__ */ P(b, { className: "size-12 mx-auto mb-3 text-text-secondary" }), /* @__PURE__ */ P("p", {
 							className: "text-sm text-text-secondary",
 							children: "Select a widget to edit"
 						})]
 					})
 				}),
-				V && /* @__PURE__ */ C("div", {
+				B && /* @__PURE__ */ F("div", {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderTop: "1px solid var(--color-border)",
@@ -1445,7 +1445,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 						flexShrink: 0
 					},
 					children: [
-						L && /* @__PURE__ */ C("div", {
+						I && /* @__PURE__ */ F("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -1456,13 +1456,13 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								borderRadius: "var(--radius-button)",
 								border: "1px solid var(--color-status-warning-border, rgba(251, 191, 36, 0.3))"
 							},
-							children: [/* @__PURE__ */ S("div", { style: {
+							children: [/* @__PURE__ */ P("div", { style: {
 								width: "8px",
 								height: "8px",
 								borderRadius: "50%",
 								backgroundColor: "var(--color-status-warning-bg)",
 								flexShrink: 0
-							} }), /* @__PURE__ */ S("span", {
+							} }), /* @__PURE__ */ P("span", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-status-warning-text, #92400e)",
@@ -1471,7 +1471,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								children: "You have unsaved changes"
 							})]
 						}),
-						d === "saved" && !L && /* @__PURE__ */ C("div", {
+						d === "saved" && !I && /* @__PURE__ */ F("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -1482,12 +1482,12 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								borderRadius: "var(--radius-button)",
 								border: "1px solid var(--color-status-success-border, rgba(34, 197, 94, 0.3))"
 							},
-							children: [/* @__PURE__ */ S(v, { style: {
+							children: [/* @__PURE__ */ P(v, { style: {
 								width: "var(--size-icon-sm)",
 								height: "var(--size-icon-sm)",
 								color: "var(--color-status-success-text)",
 								flexShrink: 0
-							} }), /* @__PURE__ */ S("span", {
+							} }), /* @__PURE__ */ P("span", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-status-success-text)",
@@ -1496,7 +1496,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								children: "All changes saved"
 							})]
 						}),
-						d === "error" && /* @__PURE__ */ C("div", {
+						d === "error" && /* @__PURE__ */ F("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -1507,12 +1507,12 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								borderRadius: "var(--radius-button)",
 								border: "1px solid var(--color-status-error-border)"
 							},
-							children: [/* @__PURE__ */ S(x, { style: {
+							children: [/* @__PURE__ */ P(x, { style: {
 								width: "var(--size-icon-sm)",
 								height: "var(--size-icon-sm)",
 								color: "var(--color-status-error-text)",
 								flexShrink: 0
-							} }), /* @__PURE__ */ S("span", {
+							} }), /* @__PURE__ */ P("span", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-status-error-text)",
@@ -1521,50 +1521,50 @@ var L = p(function({ isOpen: s, onClose: c }) {
 								children: "Failed to save changes"
 							})]
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ F("div", {
 							style: {
 								display: "flex",
 								gap: "var(--space-controlGap)"
 							},
-							children: [/* @__PURE__ */ S(w, {
+							children: [/* @__PURE__ */ P(S, {
 								onClick: Ye,
-								disabled: d === "saving" || !L,
+								disabled: d === "saving" || !I,
 								style: {
 									flex: 1,
 									height: "var(--size-controlHeight-md)",
-									backgroundColor: L ? "var(--color-action-primary-bg)" : void 0,
-									opacity: L ? 1 : .5
+									backgroundColor: I ? "var(--color-action-primary-bg)" : void 0,
+									opacity: I ? 1 : .5
 								},
-								children: d === "saving" ? /* @__PURE__ */ C("span", {
+								children: d === "saving" ? /* @__PURE__ */ F("span", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ S(M, { style: {
+									children: [/* @__PURE__ */ P(A, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
 									} }), "Saving..."]
-								}) : /* @__PURE__ */ C("span", {
+								}) : /* @__PURE__ */ F("span", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ S(v, { style: {
+									children: [/* @__PURE__ */ P(v, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
 									} }), "Save Changes"]
 								})
-							}), /* @__PURE__ */ C(w, {
+							}), /* @__PURE__ */ F(S, {
 								variant: "outline",
 								onClick: Xe,
-								disabled: d === "saving" || !L,
+								disabled: d === "saving" || !I,
 								style: {
 									height: "var(--size-controlHeight-md)",
-									opacity: L ? 1 : .5
+									opacity: I ? 1 : .5
 								},
-								children: [/* @__PURE__ */ S(x, { style: {
+								children: [/* @__PURE__ */ P(x, { style: {
 									width: "var(--size-icon-sm)",
 									height: "var(--size-icon-sm)"
 								} }), "Discard"]
@@ -1572,7 +1572,7 @@ var L = p(function({ isOpen: s, onClose: c }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ S(ne, {
+				/* @__PURE__ */ P(ne, {
 					isOpen: Le,
 					action: Re,
 					isLoading: ze,
@@ -1586,6 +1586,6 @@ var L = p(function({ isOpen: s, onClose: c }) {
 	});
 });
 //#endregion
-export { L as default };
+export { I as default };
 
 //# sourceMappingURL=PropertiesPanel.js.map