@burdenoff/microfe-bigconsole 2026.1008.10 → 2026.1008.12

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

@@ -25,11 +25,12 @@ import { DataBindingSection as de } from "../builder/inspector/DataBindingSectio
 import fe from "../builder/inspector/LayoutSection.js";
 import "../builder/inspector/index.js";
 import { DEFAULT_GRID_CONFIG as pe } from "../../utils/widgetPositioning.js";
-import { memo as d, useCallback as f, useEffect as p, useMemo as m, useRef as me, useState as h } from "react";
-import { Check as g, ChevronDown as he, ChevronUp as ge, ExternalLink as _e, Info as ve, Pencil as ye, Plus as be, Trash2 as xe, X as Se } from "lucide-react";
-import { Button as _, Card as Ce, CardContent as we, Input as v, Label as y, Select as Te, SelectContent as Ee, SelectItem as b, SelectTrigger as De, SelectValue as Oe, Sheet as ke, SheetContent as Ae, SheetDescription as je, SheetHeader as Me, SheetTitle as Ne, Spinner as Pe, Tabs as Fe, TabsContent as x, TabsList as Ie, TabsTrigger as S, Textarea as C } from "@burdenoff/fe-libs/ui";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { memo as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Check as _, ChevronDown as me, ChevronUp as he, ExternalLink as ge, Info as _e, Pencil as ve, Plus as ye, Trash2 as be, X as xe } from "lucide-react";
+import { Button as v, Card as Se, CardContent as Ce, Input as y, Label as b, Select as we, SelectContent as Te, SelectItem as x, SelectTrigger as Ee, SelectValue as De, Sheet as Oe, SheetContent as ke, SheetDescription as Ae, SheetHeader as je, SheetTitle as Me, Spinner as Ne, Tabs as Pe, TabsContent as S, TabsList as Fe, TabsTrigger as C, Textarea as w } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as Ie } from "@burdenoff/fe-libs/shared/hooks";
 import { useI18n as Le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
 import { toast as Re } from "sonner";
 //#region src/bigconsole/components/widgets/PropertiesPanel.tsx
 var ze = [
@@ -114,14 +115,14 @@ var He = {
 	SUCCESS: "bg-status-success-bg",
 	WARNING: "bg-status-warning-bg",
 	DANGER: "bg-status-error-bg"
-}, Ue = "bg-[var(--color-text-muted)]", E = {
+}, Ue = "bg-[var(--color-text-muted)]", We = {
 	fontWeight: "var(--font-weight-semibold)",
 	fontSize: "var(--font-size-body-sm)",
 	padding: "6px 10px",
 	minHeight: "var(--size-controlHeight-md)",
 	flexShrink: 0
 };
-function We(e) {
+function Ge(e) {
 	if (!e) return {};
 	let t = Array.isArray(e) ? e[0] : e;
 	if (!t || typeof t != "object") return {};
@@ -165,8 +166,8 @@ function We(e) {
 		xAxisField: a
 	};
 }
-var Ge = d(function({ widget: e, onSave: t }) {
-	let { t: r } = Le(), [i, a] = h(""), [o, s] = h(null), c = me(!1);
+var Ke = d(function({ widget: e, onSave: t }) {
+	let { t: r } = Le(), [i, a] = g(""), [o, s] = g(null), c = h(!1);
 	p(() => {
 		try {
 			a(e.template && typeof e.template == "object" ? JSON.stringify(e.template, null, 2) : ""), s(null), c.current = !0;
@@ -191,21 +192,21 @@ var Ge = d(function({ widget: e, onSave: t }) {
 			s(e.message);
 		}
 	}, [i, t]);
-	return /* @__PURE__ */ T(n, {
+	return /* @__PURE__ */ E(n, {
 		emphasis: "muted",
 		padding: "compact",
 		headingLevel: 4,
 		title: r("bigconsole.widget.properties.template.label", "Template (JSON)"),
 		description: `The ${e.renderer} payload this widget renders.`,
 		tone: o ? "danger" : "neutral",
-		meta: o ? /* @__PURE__ */ w("span", {
+		meta: o ? /* @__PURE__ */ T("span", {
 			className: "text-xs font-medium text-[var(--color-status-error-text)]",
 			children: r("bigconsole.widget.properties.template.invalidJson", "Invalid JSON")
 		}) : void 0,
 		className: "mt-form-gap",
 		"data-testid": "widget-inspector-template",
 		children: [
-			/* @__PURE__ */ w(C, {
+			/* @__PURE__ */ T(w, {
 				value: i,
 				onChange: l,
 				spellCheck: !1,
@@ -218,7 +219,7 @@ var Ge = d(function({ widget: e, onSave: t }) {
 					resize: "vertical"
 				}
 			}),
-			o && /* @__PURE__ */ w("p", {
+			o && /* @__PURE__ */ T("p", {
 				style: {
 					fontSize: "var(--font-size-body-sm)",
 					color: "var(--color-status-error-text)",
@@ -229,9 +230,9 @@ var Ge = d(function({ widget: e, onSave: t }) {
 				},
 				children: o
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mt-control-gap flex flex-wrap items-center gap-control-gap",
-				children: [/* @__PURE__ */ w(_, {
+				children: [/* @__PURE__ */ T(v, {
 					variant: "outline",
 					size: "sm",
 					onClick: ee,
@@ -241,7 +242,7 @@ var Ge = d(function({ widget: e, onSave: t }) {
 						fontWeight: "var(--font-weight-semibold)"
 					},
 					children: r("bigconsole.widget.properties.template.format", "Format")
-				}), !o && i.trim() !== "" && /* @__PURE__ */ T("span", {
+				}), !o && i.trim() !== "" && /* @__PURE__ */ E("span", {
 					style: {
 						fontSize: "var(--font-size-body-sm)",
 						color: "var(--color-status-success-text)",
@@ -249,20 +250,20 @@ var Ge = d(function({ widget: e, onSave: t }) {
 						alignItems: "center",
 						gap: "4px"
 					},
-					children: [/* @__PURE__ */ w(g, { style: {
+					children: [/* @__PURE__ */ T(_, { style: {
 						width: "12px",
 						height: "12px"
 					} }), r("bigconsole.widget.properties.template.validJson", "Valid JSON")]
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mt-control-gap flex flex-wrap items-center justify-between gap-x-4 gap-y-1 border-t border-[var(--color-border-subtle)] pt-control-gap text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ w("span", {
+					/* @__PURE__ */ T("span", {
 						className: "font-medium",
 						children: r("bigconsole.widget.properties.template.ctrlSToSave", "Ctrl+S to save")
 					}),
-					e.renderer === "ADAPTIVE_CARD" && /* @__PURE__ */ T("a", {
+					e.renderer === "ADAPTIVE_CARD" && /* @__PURE__ */ E("a", {
 						href: "https://adaptivecards.io/designer/",
 						target: "_blank",
 						rel: "noopener noreferrer",
@@ -275,12 +276,12 @@ var Ge = d(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: [r("bigconsole.widget.properties.template.designer", "Designer"), /* @__PURE__ */ w(_e, { style: {
+						children: [r("bigconsole.widget.properties.template.designer", "Designer"), /* @__PURE__ */ T(ge, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
 					}),
-					e.renderer === "BLOCKKIT" && /* @__PURE__ */ T("a", {
+					e.renderer === "BLOCKKIT" && /* @__PURE__ */ E("a", {
 						href: "https://app.slack.com/block-kit-builder",
 						target: "_blank",
 						rel: "noopener noreferrer",
@@ -293,7 +294,7 @@ var Ge = d(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: [r("bigconsole.widget.properties.template.blockKitBuilder", "Block Kit Builder"), /* @__PURE__ */ w(_e, { style: {
+						children: [r("bigconsole.widget.properties.template.blockKitBuilder", "Block Kit Builder"), /* @__PURE__ */ T(ge, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
@@ -303,7 +304,7 @@ var Ge = d(function({ widget: e, onSave: t }) {
 		]
 	});
 });
-function Ke(e) {
+function qe(e) {
 	let t = e, n = u({
 		dataSinkId: t.dataSinkId,
 		parserId: t.parserId,
@@ -331,73 +332,79 @@ function Ke(e) {
 		} : void 0
 	};
 }
-var D = d(function({ isOpen: d, onClose: _e }) {
-	let { t: D } = Le(), [qe, Je] = h("general"), [O, k] = h("idle"), [A, j] = h(null), [M, N] = h(!1), P = e((e) => e.selectedWidgetId), Ye = e((e) => e.widgets), F = e((e) => e.updateWidget), Xe = e((e) => e.updateWidgetPosition), Ze = t(), I = P ? Ye.get(P) : void 0, Qe = I ? {
+var D = d(function({ isOpen: d, onClose: ge }) {
+	let { t: D } = Le(), [Je, Ye] = g("general"), [O, k] = g("idle"), [A, j] = g(null), [M, N] = g(!1);
+	Ie({
+		id: "dashboard-widget-properties",
+		label: D("bigconsole.assistant.unsaved.widgetProperties", "the widget properties"),
+		dirty: M
+	});
+	let P = e((e) => e.selectedWidgetId), Xe = e((e) => e.widgets), F = e((e) => e.updateWidget), Ze = e((e) => e.updateWidgetPosition), Qe = t(), I = P ? Xe.get(P) : void 0, $e = I ? {
 		x: I.position?.x ?? I.positionX ?? 0,
 		y: I.position?.y ?? I.positionY ?? 0,
 		width: I.position?.width ?? I.positionWidth ?? 4,
 		height: I.position?.height ?? I.positionHeight ?? 4
-	} : null, $e = f((e) => {
-		P && Xe(P, e);
-	}, [P, Xe]), et = me(null), tt = me({}), nt = me(0), L = f(() => {
-		nt.current += 1, N(!0);
+	} : null, et = f((e) => {
+		P && Ze(P, e);
+	}, [P, Ze]), tt = h(null), nt = h({}), rt = h(0), L = f(() => {
+		rt.current += 1, N(!0);
 	}, []);
 	p(() => {
 		if (!P) {
-			et.current = null, j(null), N(!1), k("idle");
+			tt.current = null, j(null), N(!1), k("idle");
 			return;
 		}
-		let e = et.current !== P;
-		if (et.current = P, I) {
+		let e = tt.current !== P;
+		if (tt.current = P, I) {
 			if (M && !e) return;
-			j(Ke(I)), tt.current = I.config || {}, N(!1), k("idle");
+			j(qe(I)), nt.current = I.config || {}, N(!1), k("idle");
 		} else j(null), N(!1), k("idle");
 	}, [
 		P,
 		I,
 		M
 	]);
-	let { updateWidget: rt } = a(I?.pageId, I?.dashboardId, { skipFetch: !0 }), { createDrilldown: it, updateDrilldown: at, deleteDrilldown: ot } = o(), { dataSinks: R } = l({ skipFetch: !1 }), [st, z] = h(null), { executeParser: ct, fetchParser: lt } = ee({
+	let { updateWidget: it } = a(I?.pageId, I?.dashboardId, { skipFetch: !0 }), { createDrilldown: at, updateDrilldown: ot, deleteDrilldown: st } = o(), { dataSinks: R } = l({ skipFetch: !1 }), [ct, z] = g(null), { executeParser: lt, fetchParser: ut } = ee({
 		consoleId: I?.dashboardId,
 		skipFetch: !0
-	}), [B, ut] = h(null), [dt, ft] = h(!1), pt = A?.parserId;
+	}), [B, dt] = g(null), [ft, pt] = g(!1), mt = A?.parserId;
 	p(() => {
 		let e = !1;
-		if (ut(null), !d || !pt) {
-			ft(!1);
+		if (dt(null), !d || !mt) {
+			pt(!1);
 			return;
 		}
-		return ft(!0), lt(pt).then((t) => {
-			e || (ut(t), ft(!1));
+		return pt(!0), ut(mt).then((t) => {
+			e || (dt(t), pt(!1));
 		}), () => {
 			e = !0;
 		};
 	}, [
 		d,
-		pt,
+		mt,
 		P,
-		lt
+		ut
 	]);
-	let [mt, ht] = h(!1), [gt, V] = h(void 0), [_t, H] = h(!1), [vt, U] = h(null);
+	let [ht, gt] = g(!1), [_t, V] = g(void 0), [vt, H] = g(!1), [yt, U] = g(null);
 	p(() => {
-		V(void 0), H(!1), U(null), ht(!1);
+		V(void 0), H(!1), U(null), gt(!1);
 	}, [P]);
-	let { actions: W, loading: yt, createAction: bt, updateAction: xt, deleteAction: St, reorderActions: G } = s(P || void 0), { webhooks: Ct, loading: wt, createWebhook: Tt, updateWebhook: Et, deleteWebhook: K, refetch: Dt } = c({
+	let { actions: W, loading: bt, createAction: xt, updateAction: St, deleteAction: Ct, reorderActions: G } = s(P || void 0), { webhooks: wt, loading: Tt, createWebhook: Et, updateWebhook: Dt, deleteWebhook: K, refetch: Ot } = c({
 		widgetId: P || void 0,
 		skipFetch: !P
 	}), q = f((e, t) => {
 		let n = Ve(t);
 		return e.find((e) => e.widgetId === P && e.eventPattern === n) ?? null;
-	}, [P]), J = f((e) => q(Ct, e), [q, Ct]), Ot = f(async (e, t) => {
+	}, [P]), J = f((e) => q(wt, e), [q, wt]), kt = f(async (e, t) => {
 		if (!P || t === void 0) return !0;
 		let n = Ve(e), r = J(e);
-		return !r && wt && (r = q((await Dt())?.data?.listEventWebhookMappings ?? [], e)), t && t.url ? r ? await Et({
+		return !r && Tt && (r = q((await Ot())?.data?.listEventWebhookMappings ?? [], e)), t && t.url ? r ? await Dt({
 			id: r.id,
 			eventPattern: n,
 			webhookUrl: t.url,
 			method: t.method,
 			isActive: !0
-		}) !== null : await Tt({
+		}) !== null : await Et({
 			widgetId: P,
 			eventPattern: n,
 			webhookUrl: t.url,
@@ -406,65 +413,65 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 	}, [
 		P,
 		J,
-		wt,
-		Dt,
-		q,
 		Tt,
+		Ot,
+		q,
 		Et,
+		Dt,
 		K
-	]), [kt, At] = h(!1), [jt, Y] = h(void 0), [Mt, Nt] = h(!1), [Pt, X] = h(void 0), [Ft, Z] = h(null), It = m(() => {
-		if (!jt) return null;
-		let e = J(jt.name);
+	]), [At, jt] = g(!1), [Mt, Y] = g(void 0), [Nt, Pt] = g(!1), [Ft, X] = g(void 0), [It, Z] = g(null), Lt = m(() => {
+		if (!Mt) return null;
+		let e = J(Mt.name);
 		return e ? {
 			url: e.webhookUrl,
 			method: e.method
 		} : null;
-	}, [jt, J]), Lt = Pt === void 0 ? It : Pt, Rt = m(() => {
+	}, [Mt, J]), Rt = Ft === void 0 ? Lt : Ft, zt = m(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of W) {
 			let n = J(t.name);
 			n && e.set(t.name, n);
 		}
 		return e;
-	}, [W, J]), zt = f(() => {
-		X(void 0), Z(null), Y(void 0), At(!0);
-	}, []), Bt = f((e) => {
-		X(void 0), Z(null), Y(e), At(!0);
-	}, []), Vt = f(async (e, t) => {
+	}, [W, J]), Bt = f(() => {
+		X(void 0), Z(null), Y(void 0), jt(!0);
+	}, []), Vt = f((e) => {
+		X(void 0), Z(null), Y(e), jt(!0);
+	}, []), Ht = f(async (e, t) => {
 		if (P) {
-			Nt(!0), Z(null);
+			Pt(!0), Z(null);
 			try {
 				let n = "id" in e && !!e.id, r = null;
-				if (r = n ? await xt(e) : await bt(e), r) {
+				if (r = n ? await St(e) : await xt(e), r) {
 					let e = [...W];
 					if (n) {
 						let t = e.findIndex((e) => e.id === r?.id);
 						t >= 0 && (e[t] = r);
 					} else e.push(r);
-					if (F(P, { actions: e.sort((e, t) => e.order - t.order) }), !await Ot(r.name, t)) {
+					if (F(P, { actions: e.sort((e, t) => e.order - t.order) }), !await kt(r.name, t)) {
 						X(t), Z(t ? D("bigconsole.widget.properties.action.webhookSaveFailed", "The button was saved, but its webhook could not be saved. Check the URL and try again.") : D("bigconsole.widget.properties.action.webhookRemoveFailed", "The button was saved, but its old webhook could not be removed. Try again.")), Y(r);
 						return;
 					}
-					X(void 0), Z(null), At(!1), Y(void 0);
+					X(void 0), Z(null), jt(!1), Y(void 0);
 				}
 			} catch (e) {
 				console.warn("Failed to save widget action:", e), Z(e instanceof Error ? e.message : D("bigconsole.widget.properties.action.saveFailed", "Could not save the button. Please try again."));
 			} finally {
-				Nt(!1);
+				Pt(!1);
 			}
 		}
 	}, [
 		P,
 		W,
-		bt,
 		xt,
+		St,
 		F,
-		Ot,
+		kt,
 		D
-	]), Ht = f(async (e) => {
+	]), Ut = f(async (e) => {
 		if (P && window.confirm(D("bigconsole.widget.properties.action.deleteConfirm", "Are you sure you want to delete this action?"))) {
 			let t = W.find((t) => t.id === e);
-			if (await St(e) && (F(P, { actions: W.filter((t) => t.id !== e) }), t)) {
+			if (await Ct(e) && (F(P, { actions: W.filter((t) => t.id !== e) }), t)) {
 				let e = J(t.name);
 				e && await K(e.id);
 			}
@@ -472,12 +479,12 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 	}, [
 		P,
 		W,
-		St,
+		Ct,
 		F,
 		J,
 		K,
 		D
-	]), Ut = f(async (e) => {
+	]), Wt = f(async (e) => {
 		if (!P || e === 0) return;
 		let t = [...W].sort((e, t) => e.order - t.order), n = t.map((e) => e.id);
 		[n[e - 1], n[e]] = [n[e], n[e - 1]], await G(n) && F(P, { actions: t.map((e, t) => ({
@@ -489,7 +496,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 		W,
 		G,
 		F
-	]), Wt = f(async (e) => {
+	]), Gt = f(async (e) => {
 		if (!P) return;
 		let t = [...W].sort((e, t) => e.order - t.order);
 		if (e === t.length - 1) return;
@@ -505,11 +512,11 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 		F
 	]);
 	p(() => {
-		P && W.length >= 0 && !yt && F(P, { actions: W });
+		P && W.length >= 0 && !bt && F(P, { actions: W });
 	}, [
 		P,
 		W,
-		yt,
+		bt,
 		F
 	]);
 	let Q = f((e, t) => {
@@ -545,7 +552,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 		R,
 		B
 	]);
-	let Gt = f((e) => {
+	let Kt = f((e) => {
 		if (V(void 0), H(!1), U(null), z(e), e) {
 			let t = R.find((t) => t.key === e);
 			t && (Q("dataSinkId", t.id), j((t) => t && {
@@ -567,14 +574,14 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 		R,
 		Q,
 		L
-	]), Kt = f(async (e) => {
+	]), qt = f(async (e) => {
 		if (Q("parserId", e || void 0), V(void 0), H(!1), U(null), e && I) {
-			ht(!0);
+			gt(!0);
 			try {
-				let t = await ct(e);
+				let t = await lt(e);
 				if (t?.success) {
 					V(t.output), H(!0);
-					let e = We(t.output);
+					let e = Ge(t.output);
 					(e.labelField || e.valueField) && (j((t) => {
 						if (!t) return t;
 						let n = t.config || {}, r = { ...n };
@@ -587,31 +594,31 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 			} catch (e) {
 				H(!0), U(e instanceof Error ? e.message : D("bigconsole.widget.properties.parser.previewFailed", "The parser could not produce a preview.")), console.warn("Failed to auto-detect parser fields:", e);
 			} finally {
-				ht(!1);
+				gt(!1);
 			}
 		}
 	}, [
 		Q,
-		ct,
+		lt,
 		I,
 		L,
 		D
-	]), qt = f(async () => {
+	]), Jt = f(async () => {
 		if (!I || !A) return;
-		let t = nt.current;
+		let t = rt.current;
 		k("saving");
 		try {
 			let n = {
 				...I.metadata || {},
 				description: A.description || ""
-			}, r = ne(e.getState().widgets.get(I.id)?.config ?? {}, tt.current, A.config), i = re(u({
+			}, r = ne(e.getState().widgets.get(I.id)?.config ?? {}, nt.current, A.config), i = re(u({
 				dataSinkId: A.dataSinkId,
 				parserId: A.parserId,
 				config: {
 					...r,
 					binding: void 0
 				}
-			}), r), a = await rt({
+			}), r), a = await it({
 				id: I.id,
 				title: A.title,
 				renderer: A.renderer,
@@ -627,9 +634,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 			try {
 				if (A.drilldownConfig) {
 					let { enabled: e, targetDashboardId: t, targetPageId: n, navigationMode: r, parameterMapping: i, passGlobalFilters: a, maxDepth: s } = A.drilldownConfig;
-					if (c && !e) await ot(c), o = void 0;
+					if (c && !e) await st(c), o = void 0;
 					else if (c) {
-						let l = await at({
+						let l = await ot({
 							id: c,
 							targetDashboardId: t,
 							targetPageId: n,
@@ -641,7 +648,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 						});
 						l && (o = l);
 					} else if (e && t) {
-						let e = await it({
+						let e = await at({
 							sourceWidgetId: I.id,
 							targetDashboardId: t,
 							targetPageId: n,
@@ -674,7 +681,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 					k("error"), Re.error(D("bigconsole.widget.drilldown.saveFailed", "Drilldown not saved"), { description: s.message });
 					return;
 				}
-				k("saved"), nt.current === t && N(!1), setTimeout(() => k("idle"), 2e3);
+				k("saved"), rt.current === t && N(!1), setTimeout(() => k("idle"), 2e3);
 			} else k("error");
 		} catch {
 			k("error");
@@ -682,34 +689,34 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 	}, [
 		I,
 		A,
-		rt,
-		F,
 		it,
+		F,
 		at,
 		ot,
+		st,
 		D
-	]), Jt = f(() => {
-		I && (j(Ke(I)), tt.current = I.config || {}, N(!1), k("idle"));
-	}, [I]), Yt = f((e) => {
+	]), Yt = f(() => {
+		I && (j(qe(I)), nt.current = I.config || {}, N(!1), k("idle"));
+	}, [I]), Xt = f((e) => {
 		$(e);
-	}, [$]), Xt = f((e) => {
+	}, [$]), Zt = f((e) => {
 		j((t) => t && {
 			...t,
 			drilldownConfig: e
 		}), L();
-	}, [L]), Zt = I ? i(I.type) : null, Qt = m(() => ze.map((e) => ({
+	}, [L]), Qt = I ? i(I.type) : null, $t = m(() => ze.map((e) => ({
 		value: e.value,
 		label: D(e.labelKey, e.label),
 		description: D(e.descriptionKey, e.description)
-	})), [D]), $t = m(() => Be.map((e) => ({
+	})), [D]), en = m(() => Be.map((e) => ({
 		value: e.value,
 		label: D(e.labelKey, e.label)
 	})), [D]);
-	return /* @__PURE__ */ w(ke, {
+	return /* @__PURE__ */ T(Oe, {
 		open: d,
-		onOpenChange: (e) => !e && _e(),
+		onOpenChange: (e) => !e && ge(),
 		modal: !1,
-		children: /* @__PURE__ */ T(Ae, {
+		children: /* @__PURE__ */ E(ke, {
 			style: {
 				width: "min(420px, 100vw)",
 				maxWidth: "100vw",
@@ -720,20 +727,20 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ w(Me, {
+				/* @__PURE__ */ T(je, {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderBottom: "1px solid var(--color-border-subtle)",
 						backgroundColor: "var(--color-bg-surface)",
 						flexShrink: 0
 					},
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ E("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: "var(--space-controlGap)"
 						},
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								height: "var(--size-controlHeight-lg)",
@@ -745,24 +752,24 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 								boxShadow: "var(--shadow-elevation-2)",
 								flexShrink: 0
 							},
-							children: /* @__PURE__ */ w(ve, { style: {
+							children: /* @__PURE__ */ T(_e, { style: {
 								height: "var(--size-icon-md)",
 								width: "var(--size-icon-md)",
 								color: "var(--color-action-primary-text)"
 							} })
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ E("div", {
 							style: {
 								flex: 1,
 								minWidth: 0
 							},
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ E("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
 								children: [
-									/* @__PURE__ */ w(Ne, {
+									/* @__PURE__ */ T(Me, {
 										style: {
 											fontSize: "var(--font-size-body-md)",
 											fontWeight: "var(--font-weight-bold)",
@@ -771,36 +778,36 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 										},
 										children: I ? D("bigconsole.widget.properties.header.widgetProperties", "Widget Properties") : D("bigconsole.widget.properties.header.properties", "Properties")
 									}),
-									O === "saving" && /* @__PURE__ */ w(Pe, { style: {
+									O === "saving" && /* @__PURE__ */ T(Ne, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }),
-									O === "saved" && /* @__PURE__ */ w(g, { style: {
+									O === "saved" && /* @__PURE__ */ T(_, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)",
 										color: "var(--color-status-success-bg)"
 									} }),
-									O === "error" && /* @__PURE__ */ w(Se, { style: {
+									O === "error" && /* @__PURE__ */ T(xe, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)",
 										color: "var(--color-status-error-bg)"
 									} })
 								]
-							}), Zt && /* @__PURE__ */ w(je, {
+							}), Qt && /* @__PURE__ */ T(Ae, {
 								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: Zt.name
+								children: Qt.name
 							})]
 						})]
 					})
 				}),
-				I ? /* @__PURE__ */ T(Fe, {
-					value: qe,
-					onValueChange: (e) => Je(e),
+				I ? /* @__PURE__ */ E(Pe, {
+					value: Je,
+					onValueChange: (e) => Ye(e),
 					style: {
 						flex: 1,
 						display: "flex",
@@ -808,7 +815,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 						minHeight: 0,
 						overflow: "hidden"
 					},
-					children: [/* @__PURE__ */ T(Ie, {
+					children: [/* @__PURE__ */ E(Fe, {
 						style: {
 							width: "100%",
 							display: "flex",
@@ -824,28 +831,28 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 							gap: "2px"
 						},
 						children: [
-							/* @__PURE__ */ w(S, {
+							/* @__PURE__ */ T(C, {
 								value: "general",
-								style: E,
+								style: We,
 								children: D("bigconsole.widget.properties.tab.general", "General")
 							}),
-							/* @__PURE__ */ w(S, {
+							/* @__PURE__ */ T(C, {
 								value: "data",
-								style: E,
+								style: We,
 								children: D("bigconsole.widget.properties.tab.data", "Data")
 							}),
-							/* @__PURE__ */ w(S, {
+							/* @__PURE__ */ T(C, {
 								value: "advanced",
-								style: E,
+								style: We,
 								children: D("bigconsole.widget.properties.tab.advanced", "Advanced")
 							}),
-							/* @__PURE__ */ w(S, {
+							/* @__PURE__ */ T(C, {
 								value: "appearance",
-								style: E,
+								style: We,
 								children: D("bigconsole.widget.properties.tab.style", "Style")
 							})
 						]
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ E("div", {
 						style: {
 							flex: 1,
 							overflow: "auto",
@@ -853,11 +860,11 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 							minHeight: 0
 						},
 						children: [
-							/* @__PURE__ */ w(x, {
+							/* @__PURE__ */ T(S, {
 								value: "general",
 								className: "mt-0",
-								children: A && /* @__PURE__ */ T(r, { children: [
-									/* @__PURE__ */ w(ue, {
+								children: A && /* @__PURE__ */ E(r, { children: [
+									/* @__PURE__ */ T(ue, {
 										title: A.title,
 										description: A.description,
 										refreshInterval: A.refreshInterval,
@@ -865,84 +872,84 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 										onDescriptionChange: (e) => Q("description", e),
 										onRefreshIntervalChange: (e) => Q("refreshInterval", e)
 									}),
-									/* @__PURE__ */ w(n, {
+									/* @__PURE__ */ T(n, {
 										title: D("bigconsole.widget.properties.actions.heading", "Buttons"),
 										description: D("bigconsole.widget.properties.actions.subheading", "Configure buttons on this widget"),
 										headingLevel: 3,
-										meta: W.length > 0 ? /* @__PURE__ */ w("span", {
+										meta: W.length > 0 ? /* @__PURE__ */ T("span", {
 											className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 											children: W.length
 										}) : void 0,
-										actions: /* @__PURE__ */ T(_, {
+										actions: /* @__PURE__ */ E(v, {
 											size: "sm",
-											onClick: zt,
-											children: [/* @__PURE__ */ w(be, { className: "size-4" }), D("bigconsole.widget.properties.actions.add", "Add button")]
+											onClick: Bt,
+											children: [/* @__PURE__ */ T(ye, { className: "size-4" }), D("bigconsole.widget.properties.actions.add", "Add button")]
 										}),
 										"data-testid": "widget-inspector-actions",
-										children: yt ? /* @__PURE__ */ w("div", {
+										children: bt ? /* @__PURE__ */ T("div", {
 											className: "flex justify-center py-8",
-											children: /* @__PURE__ */ w(Pe, { className: "size-6" })
-										}) : W.length === 0 ? /* @__PURE__ */ w("p", {
+											children: /* @__PURE__ */ T(Ne, { className: "size-6" })
+										}) : W.length === 0 ? /* @__PURE__ */ T("p", {
 											className: "text-sm text-text-secondary",
 											children: D("bigconsole.widget.properties.actions.empty", "No buttons yet — add one to let viewers take an action.")
-										}) : /* @__PURE__ */ w("div", {
+										}) : /* @__PURE__ */ T("div", {
 											className: "space-y-2",
-											children: [...W].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ w(Ce, {
+											children: [...W].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ T(Se, {
 												className: e.disabled ? "opacity-60" : "",
-												children: /* @__PURE__ */ T(we, {
+												children: /* @__PURE__ */ E(Ce, {
 													className: "p-3 flex items-center gap-2",
 													children: [
-														/* @__PURE__ */ T("div", {
+														/* @__PURE__ */ E("div", {
 															className: "flex flex-col gap-0.5",
-															children: [/* @__PURE__ */ w(_, {
+															children: [/* @__PURE__ */ T(v, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => Ut(t),
+																onClick: () => Wt(t),
 																disabled: t === 0,
 																className: "h-5 w-5",
-																children: /* @__PURE__ */ w(ge, { className: "size-3" })
-															}), /* @__PURE__ */ w(_, {
+																children: /* @__PURE__ */ T(he, { className: "size-3" })
+															}), /* @__PURE__ */ T(v, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => Wt(t),
+																onClick: () => Gt(t),
 																disabled: t === W.length - 1,
 																className: "h-5 w-5",
-																children: /* @__PURE__ */ w(he, { className: "size-3" })
+																children: /* @__PURE__ */ T(me, { className: "size-3" })
 															})]
 														}),
-														/* @__PURE__ */ T("div", {
+														/* @__PURE__ */ E("div", {
 															className: "flex-1 min-w-0",
-															children: [/* @__PURE__ */ T("div", {
+															children: [/* @__PURE__ */ E("div", {
 																className: "flex items-center gap-2",
-																children: [/* @__PURE__ */ w("span", {
+																children: [/* @__PURE__ */ T("span", {
 																	"aria-hidden": "true",
 																	className: `size-2 shrink-0 rounded-full ${He[e.style] || Ue}`
-																}), /* @__PURE__ */ w("span", {
+																}), /* @__PURE__ */ T("span", {
 																	className: "text-sm font-medium truncate",
 																	children: e.label
 																})]
-															}), /* @__PURE__ */ w("p", {
+															}), /* @__PURE__ */ T("p", {
 																className: "text-xs text-text-secondary truncate",
-																children: Rt.has(e.name) ? D("bigconsole.widget.properties.actions.webhookSummary", "→ {{method}} {{url}}", {
-																	method: Rt.get(e.name)?.method ?? "",
-																	url: Rt.get(e.name)?.webhookUrl ?? ""
+																children: zt.has(e.name) ? D("bigconsole.widget.properties.actions.webhookSummary", "→ {{method}} {{url}}", {
+																	method: zt.get(e.name)?.method ?? "",
+																	url: zt.get(e.name)?.webhookUrl ?? ""
 																}) : D("bigconsole.widget.properties.actions.emitsEvent", "Emits an event")
 															})]
 														}),
-														/* @__PURE__ */ T("div", {
+														/* @__PURE__ */ E("div", {
 															className: "flex shrink-0 gap-1",
-															children: [/* @__PURE__ */ w(_, {
+															children: [/* @__PURE__ */ T(v, {
 																variant: "ghost",
 																size: "icon-sm",
 																"aria-label": `Edit ${e.label}`,
-																onClick: () => Bt(e),
-																children: /* @__PURE__ */ w(ye, { className: "size-4" })
-															}), /* @__PURE__ */ w(_, {
+																onClick: () => Vt(e),
+																children: /* @__PURE__ */ T(ve, { className: "size-4" })
+															}), /* @__PURE__ */ T(v, {
 																variant: "ghost",
 																size: "icon-sm",
 																"aria-label": `Delete ${e.label}`,
-																onClick: () => Ht(e.id),
-																children: /* @__PURE__ */ w(xe, { className: "size-4" })
+																onClick: () => Ut(e.id),
+																children: /* @__PURE__ */ T(be, { className: "size-4" })
 															})]
 														})
 													]
@@ -950,17 +957,17 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 											}, e.id))
 										})
 									}),
-									Ze && Qe && /* @__PURE__ */ w(fe, {
-										position: Qe,
+									Qe && $e && /* @__PURE__ */ T(fe, {
+										position: $e,
 										columns: pe.cols,
-										onChange: $e
+										onChange: et
 									})
 								] })
 							}),
-							/* @__PURE__ */ w(x, {
+							/* @__PURE__ */ T(S, {
 								value: "data",
 								className: "mt-0",
-								children: A && /* @__PURE__ */ T(r, { children: [(() => {
+								children: A && /* @__PURE__ */ E(r, { children: [(() => {
 									let e = u({
 										dataSinkId: A.dataSinkId,
 										parserId: A.parserId,
@@ -970,53 +977,53 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 										}
 									}), t = te({
 										binding: e,
-										loading: mt || dt,
-										error: vt,
-										preview: gt,
-										previewComplete: _t
+										loading: ht || ft,
+										error: yt,
+										preview: _t,
+										previewComplete: vt
 									});
-									return /* @__PURE__ */ w(de, {
+									return /* @__PURE__ */ T(de, {
 										consoleId: I?.dashboardId || "",
 										binding: e,
 										resolvedParser: B ?? void 0,
-										dataSinkKey: st,
+										dataSinkKey: ct,
 										dataPath: typeof A.config.dataPath == "string" ? A.config.dataPath : void 0,
 										status: t.status,
-										resolving: dt,
+										resolving: ft,
 										missingFields: t.missingFields,
-										preview: gt,
-										error: vt,
-										onDataSinkChange: Gt,
-										onParserChange: Kt,
+										preview: _t,
+										error: yt,
+										onDataSinkChange: Kt,
+										onParserChange: qt,
 										onDataPathChange: (e) => $({
 											...A.config,
 											dataPath: e
 										})
 									});
-								})(), /* @__PURE__ */ w(n, {
+								})(), /* @__PURE__ */ T(n, {
 									emphasis: "muted",
 									title: D("bigconsole.widget.properties.data.alternativeSources", "Alternative Data Sources"),
 									description: "Skip the DataSink pipeline and fetch straight from an API, a GraphQL endpoint or sample JSON.",
 									headingLevel: 3,
 									"data-testid": "widget-inspector-alt-sources",
-									children: /* @__PURE__ */ T("div", {
+									children: /* @__PURE__ */ E("div", {
 										className: "flex flex-col gap-form-gap",
 										children: [
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ E("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.data.sourceTypeLabel", "Data Source Type") }), /* @__PURE__ */ T(Te, {
+												children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.data.sourceTypeLabel", "Data Source Type") }), /* @__PURE__ */ E(we, {
 													value: A.config?.dataSourceType || "",
 													onValueChange: (e) => $({
 														...A.config,
 														dataSourceType: e || void 0
 													}),
-													children: [/* @__PURE__ */ w(De, {
+													children: [/* @__PURE__ */ T(Ee, {
 														style: {
 															height: "var(--size-controlHeight-md)",
 															fontSize: "var(--font-size-body-sm)"
 														},
-														children: /* @__PURE__ */ w(Oe, { placeholder: D("bigconsole.widget.properties.data.selectTypePlaceholder", "Select type...") })
-													}), /* @__PURE__ */ w(Ee, {
+														children: /* @__PURE__ */ T(De, { placeholder: D("bigconsole.widget.properties.data.selectTypePlaceholder", "Select type...") })
+													}), /* @__PURE__ */ T(Te, {
 														position: "popper",
 														side: "bottom",
 														sideOffset: 4,
@@ -1029,19 +1036,19 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															boxShadow: "var(--shadow-elevation-3)",
 															borderRadius: "var(--radius-button)"
 														},
-														children: $t.map((e) => /* @__PURE__ */ w(b, {
+														children: en.map((e) => /* @__PURE__ */ T(x, {
 															value: e.value,
 															children: e.label
 														}, e.value))
 													})]
 												})]
 											}),
-											A.config?.dataSourceType === "REST_API" && /* @__PURE__ */ T("div", {
+											A.config?.dataSourceType === "REST_API" && /* @__PURE__ */ E("div", {
 												className: "space-y-3",
 												children: [
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.endpointUrlLabel", "Endpoint URL *") }), /* @__PURE__ */ w(v, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.rest.endpointUrlLabel", "Endpoint URL *") }), /* @__PURE__ */ T(y, {
 															value: A.config?.endpointUrl || "",
 															onChange: (e) => $({
 																...A.config,
@@ -1050,35 +1057,35 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															placeholder: "https://api.example.com/data"
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.httpMethodLabel", "HTTP Method") }), /* @__PURE__ */ T(Te, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.rest.httpMethodLabel", "HTTP Method") }), /* @__PURE__ */ E(we, {
 															value: A.config?.httpMethod || "GET",
 															onValueChange: (e) => $({
 																...A.config,
 																httpMethod: e
 															}),
-															children: [/* @__PURE__ */ w(De, {
+															children: [/* @__PURE__ */ T(Ee, {
 																style: { height: "var(--size-controlHeight-md)" },
-																children: /* @__PURE__ */ w(Oe, {})
-															}), /* @__PURE__ */ T(Ee, {
+																children: /* @__PURE__ */ T(De, {})
+															}), /* @__PURE__ */ E(Te, {
 																position: "popper",
 																side: "bottom",
 																sideOffset: 4,
 																children: [
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "GET",
 																		children: "GET"
 																	}),
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "POST",
 																		children: "POST"
 																	}),
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "PUT",
 																		children: "PUT"
 																	}),
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "DELETE",
 																		children: "DELETE"
 																	})
@@ -1086,9 +1093,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															})]
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.headersLabel", "Headers (JSON)") }), /* @__PURE__ */ w(C, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.rest.headersLabel", "Headers (JSON)") }), /* @__PURE__ */ T(w, {
 															value: A.config?.headers || "",
 															onChange: (e) => $({
 																...A.config,
@@ -1099,35 +1106,35 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.authenticationLabel", "Authentication") }), /* @__PURE__ */ T(Te, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.rest.authenticationLabel", "Authentication") }), /* @__PURE__ */ E(we, {
 															value: A.config?.authType || "none",
 															onValueChange: (e) => $({
 																...A.config,
 																authType: e
 															}),
-															children: [/* @__PURE__ */ w(De, {
+															children: [/* @__PURE__ */ T(Ee, {
 																style: { height: "var(--size-controlHeight-md)" },
-																children: /* @__PURE__ */ w(Oe, {})
-															}), /* @__PURE__ */ T(Ee, {
+																children: /* @__PURE__ */ T(De, {})
+															}), /* @__PURE__ */ E(Te, {
 																position: "popper",
 																side: "bottom",
 																sideOffset: 4,
 																children: [
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "none",
 																		children: D("bigconsole.widget.properties.rest.authNone", "None")
 																	}),
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "api_key",
 																		children: D("bigconsole.widget.properties.rest.authApiKey", "API Key")
 																	}),
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "bearer",
 																		children: D("bigconsole.widget.properties.rest.authBearer", "Bearer Token")
 																	}),
-																	/* @__PURE__ */ w(b, {
+																	/* @__PURE__ */ T(x, {
 																		value: "basic",
 																		children: D("bigconsole.widget.properties.rest.authBasic", "Basic Auth")
 																	})
@@ -1135,9 +1142,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															})]
 														})]
 													}),
-													!!(A.config?.authType && A.config.authType !== "none") && /* @__PURE__ */ T("div", {
+													!!(A.config?.authType && A.config.authType !== "none") && /* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: String(A.config.authType) === "basic" ? D("bigconsole.widget.properties.rest.credentialsLabel", "Credentials (user:pass)") : D("bigconsole.widget.properties.rest.tokenKeyLabel", "Token/Key") }), /* @__PURE__ */ w(v, {
+														children: [/* @__PURE__ */ T(b, { children: String(A.config.authType) === "basic" ? D("bigconsole.widget.properties.rest.credentialsLabel", "Credentials (user:pass)") : D("bigconsole.widget.properties.rest.tokenKeyLabel", "Token/Key") }), /* @__PURE__ */ T(y, {
 															type: "password",
 															value: A.config?.authValue || "",
 															onChange: (e) => $({
@@ -1147,9 +1154,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															placeholder: A.config.authType === "basic" ? D("bigconsole.widget.properties.rest.credentialsPlaceholder", "username:password") : D("bigconsole.widget.properties.rest.tokenKeyPlaceholder", "Enter token or API key")
 														})]
 													}),
-													(A.config?.httpMethod === "POST" || A.config?.httpMethod === "PUT") && /* @__PURE__ */ T("div", {
+													(A.config?.httpMethod === "POST" || A.config?.httpMethod === "PUT") && /* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.requestBodyLabel", "Request Body (JSON)") }), /* @__PURE__ */ w(C, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.rest.requestBodyLabel", "Request Body (JSON)") }), /* @__PURE__ */ T(w, {
 															value: A.config?.requestBody || "",
 															onChange: (e) => $({
 																...A.config,
@@ -1160,11 +1167,11 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
 														children: [
-															/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
-															/* @__PURE__ */ w(v, {
+															/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
+															/* @__PURE__ */ T(y, {
 																value: A.config?.dataPath || "",
 																onChange: (e) => $({
 																	...A.config,
@@ -1172,7 +1179,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 																}),
 																placeholder: "$.data.items or .data.items"
 															}),
-															/* @__PURE__ */ w("p", {
+															/* @__PURE__ */ T("p", {
 																className: "text-xs text-text-secondary",
 																children: D("bigconsole.widget.properties.dataPath.restHelp", "JSONPath or dot notation to extract data from response")
 															})
@@ -1180,12 +1187,12 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 													})
 												]
 											}),
-											A.config?.dataSourceType === "GRAPHQL" && /* @__PURE__ */ T("div", {
+											A.config?.dataSourceType === "GRAPHQL" && /* @__PURE__ */ E("div", {
 												className: "space-y-3",
 												children: [
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.graphql.endpointLabel", "GraphQL Endpoint *") }), /* @__PURE__ */ w(v, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.graphql.endpointLabel", "GraphQL Endpoint *") }), /* @__PURE__ */ T(y, {
 															value: A.config?.graphqlEndpoint || "",
 															onChange: (e) => $({
 																...A.config,
@@ -1194,9 +1201,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															placeholder: "https://api.example.com/graphql"
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.graphql.queryLabel", "Query *") }), /* @__PURE__ */ w(C, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.graphql.queryLabel", "Query *") }), /* @__PURE__ */ T(w, {
 															value: A.config?.graphqlQuery || "",
 															onChange: (e) => $({
 																...A.config,
@@ -1207,9 +1214,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.graphql.variablesLabel", "Variables (JSON, optional)") }), /* @__PURE__ */ w(C, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.graphql.variablesLabel", "Variables (JSON, optional)") }), /* @__PURE__ */ T(w, {
 															value: A.config?.graphqlVariables || "",
 															onChange: (e) => $({
 																...A.config,
@@ -1220,9 +1227,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.graphql.headersLabel", "Headers (JSON, optional)") }), /* @__PURE__ */ w(C, {
+														children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.graphql.headersLabel", "Headers (JSON, optional)") }), /* @__PURE__ */ T(w, {
 															value: A.config?.headers || "",
 															onChange: (e) => $({
 																...A.config,
@@ -1233,11 +1240,11 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ T("div", {
+													/* @__PURE__ */ E("div", {
 														className: "space-y-2",
 														children: [
-															/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
-															/* @__PURE__ */ w(v, {
+															/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
+															/* @__PURE__ */ T(y, {
 																value: A.config?.dataPath || "",
 																onChange: (e) => $({
 																	...A.config,
@@ -1245,7 +1252,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 																}),
 																placeholder: ".data.items"
 															}),
-															/* @__PURE__ */ w("p", {
+															/* @__PURE__ */ T("p", {
 																className: "text-xs text-text-secondary",
 																children: D("bigconsole.widget.properties.dataPath.graphqlHelp", "Path to extract data from GraphQL response")
 															})
@@ -1253,9 +1260,9 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 													})
 												]
 											}),
-											A.config?.dataSourceType === "MOCK" && /* @__PURE__ */ T("div", {
+											A.config?.dataSourceType === "MOCK" && /* @__PURE__ */ E("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.mock.sampleDataLabel", "Sample Data (JSON)") }), /* @__PURE__ */ w(C, {
+												children: [/* @__PURE__ */ T(b, { children: D("bigconsole.widget.properties.mock.sampleDataLabel", "Sample Data (JSON)") }), /* @__PURE__ */ T(w, {
 													value: A.config?.mockData || "",
 													onChange: (e) => $({
 														...A.config,
@@ -1270,17 +1277,17 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 									})
 								})] })
 							}),
-							/* @__PURE__ */ w(x, {
+							/* @__PURE__ */ T(S, {
 								value: "advanced",
 								className: "mt-0",
-								children: /* @__PURE__ */ T(r, { children: [
-									A && /* @__PURE__ */ w(ce, {
+								children: /* @__PURE__ */ E(r, { children: [
+									A && /* @__PURE__ */ T(ce, {
 										renderer: A.renderer,
-										rendererOptions: Qt,
+										rendererOptions: $t,
 										onRendererChange: (e) => {
 											Q("renderer", e), e === "BIGCONSOLE" && Q("template", void 0);
 										},
-										templateEditor: A.renderer === "BIGCONSOLE" ? void 0 : /* @__PURE__ */ w(Ge, {
+										templateEditor: A.renderer === "BIGCONSOLE" ? void 0 : /* @__PURE__ */ T(Ke, {
 											widget: {
 												...I,
 												template: A.template,
@@ -1289,33 +1296,33 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 											onSave: (e) => Q("template", e)
 										})
 									}),
-									/* @__PURE__ */ w(n, {
+									/* @__PURE__ */ T(n, {
 										title: D("bigconsole.widget.properties.section.drilldown", "Drilldown"),
 										description: "Where a click on this widget's data takes the viewer.",
 										headingLevel: 3,
 										"data-testid": "widget-inspector-drilldown",
-										children: /* @__PURE__ */ w(se, {
+										children: /* @__PURE__ */ T(se, {
 											widget: I,
-											onChange: Xt
+											onChange: Zt
 										})
 									}),
-									/* @__PURE__ */ w(n, {
+									/* @__PURE__ */ T(n, {
 										title: D("bigconsole.widget.properties.section.webhooks", "Webhooks"),
 										description: "HTTP endpoints called when this widget emits an event.",
 										headingLevel: 3,
 										"data-testid": "widget-inspector-webhooks",
-										children: /* @__PURE__ */ w(ae, {
+										children: /* @__PURE__ */ T(ae, {
 											dashboardId: I.dashboardId,
 											widgetId: I.id
 										})
 									}),
-									/* @__PURE__ */ w(n, {
+									/* @__PURE__ */ T(n, {
 										emphasis: "muted",
 										title: D("bigconsole.widget.properties.section.events", "Events"),
 										description: "Recent deliveries for this widget, newest first. Supporting detail — nothing here changes the widget.",
 										headingLevel: 3,
 										"data-testid": "widget-inspector-events",
-										children: /* @__PURE__ */ w(oe, {
+										children: /* @__PURE__ */ T(oe, {
 											dashboardId: I.dashboardId,
 											widgetId: I.id,
 											maxHeight: "min(50vh, 360px)"
@@ -1323,33 +1330,33 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 									})
 								] })
 							}),
-							/* @__PURE__ */ w(x, {
+							/* @__PURE__ */ T(S, {
 								value: "appearance",
 								className: "mt-0",
-								children: A && /* @__PURE__ */ w(le, {
+								children: A && /* @__PURE__ */ T(le, {
 									widgetType: I.type,
 									config: A.config || {},
-									onChange: Yt
+									onChange: Xt
 								})
 							})
 						]
 					})]
-				}) : /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ T("div", {
 					className: "flex min-h-0 flex-1 items-center justify-center p-card-padding",
-					children: /* @__PURE__ */ w(n, {
+					children: /* @__PURE__ */ T(n, {
 						tone: "info",
 						title: D("bigconsole.widget.properties.emptyState", "Select a widget to edit"),
 						headingLevel: 3,
-						icon: /* @__PURE__ */ w(ve, { className: "h-icon-md w-icon-md" }),
+						icon: /* @__PURE__ */ T(_e, { className: "h-icon-md w-icon-md" }),
 						className: "w-full max-w-sm",
 						"data-testid": "widget-inspector-empty",
-						children: /* @__PURE__ */ w("p", {
+						children: /* @__PURE__ */ T("p", {
 							className: "text-sm text-text-secondary",
 							children: "Pick a widget on the canvas and its identity, data binding, actions and style options appear here."
 						})
 					})
 				}),
-				I && /* @__PURE__ */ T("div", {
+				I && /* @__PURE__ */ E("div", {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderTop: "1px solid var(--color-border-subtle)",
@@ -1357,7 +1364,7 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 						flexShrink: 0
 					},
 					children: [
-						M && /* @__PURE__ */ w(n, {
+						M && /* @__PURE__ */ T(n, {
 							tone: "warning",
 							padding: "compact",
 							title: D("bigconsole.widget.properties.footer.unsavedChanges", "You have unsaved changes"),
@@ -1365,28 +1372,28 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 							className: "mb-control-gap",
 							"data-testid": "widget-inspector-save-unsaved"
 						}),
-						O === "saved" && !M && /* @__PURE__ */ w(n, {
+						O === "saved" && !M && /* @__PURE__ */ T(n, {
 							tone: "success",
 							padding: "compact",
 							title: D("bigconsole.widget.properties.footer.allSaved", "All changes saved"),
 							headingLevel: 3,
-							icon: /* @__PURE__ */ w(g, { className: "h-icon-sm w-icon-sm" }),
+							icon: /* @__PURE__ */ T(_, { className: "h-icon-sm w-icon-sm" }),
 							className: "mb-control-gap",
 							"data-testid": "widget-inspector-save-saved"
 						}),
-						O === "error" && /* @__PURE__ */ w(n, {
+						O === "error" && /* @__PURE__ */ T(n, {
 							tone: "danger",
 							padding: "compact",
 							title: D("bigconsole.widget.properties.footer.saveFailed", "Failed to save changes"),
 							headingLevel: 3,
-							icon: /* @__PURE__ */ w(Se, { className: "h-icon-sm w-icon-sm" }),
+							icon: /* @__PURE__ */ T(xe, { className: "h-icon-sm w-icon-sm" }),
 							className: "mb-control-gap",
 							"data-testid": "widget-inspector-save-error"
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex flex-wrap gap-control-gap",
-							children: [/* @__PURE__ */ w(_, {
-								onClick: qt,
+							children: [/* @__PURE__ */ T(v, {
+								onClick: Jt,
 								disabled: O === "saving" || !M,
 								style: {
 									flex: 1,
@@ -1394,36 +1401,36 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 									backgroundColor: M ? "var(--color-action-primary-bg)" : void 0,
 									opacity: M ? 1 : .5
 								},
-								children: O === "saving" ? /* @__PURE__ */ T("span", {
+								children: O === "saving" ? /* @__PURE__ */ E("span", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ w(Pe, { style: {
+									children: [/* @__PURE__ */ T(Ne, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
 									} }), D("bigconsole.widget.properties.footer.saving", "Saving...")]
-								}) : /* @__PURE__ */ T("span", {
+								}) : /* @__PURE__ */ E("span", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ w(g, { style: {
+									children: [/* @__PURE__ */ T(_, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
 									} }), D("bigconsole.widget.properties.footer.saveChanges", "Save Changes")]
 								})
-							}), /* @__PURE__ */ T(_, {
+							}), /* @__PURE__ */ E(v, {
 								variant: "outline",
-								onClick: Jt,
+								onClick: Yt,
 								disabled: O === "saving" || !M,
 								style: {
 									height: "var(--size-controlHeight-md)",
 									opacity: M ? 1 : .5
 								},
-								children: [/* @__PURE__ */ w(Se, { style: {
+								children: [/* @__PURE__ */ T(xe, { style: {
 									width: "var(--size-icon-sm)",
 									height: "var(--size-icon-sm)"
 								} }), D("bigconsole.widget.properties.footer.discard", "Discard")]
@@ -1431,16 +1438,16 @@ var D = d(function({ isOpen: d, onClose: _e }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ w(ie, {
-					isOpen: kt,
-					action: jt,
-					initialWebhook: Lt,
-					isLoading: Mt,
-					saveError: Ft,
+				/* @__PURE__ */ T(ie, {
+					isOpen: At,
+					action: Mt,
+					initialWebhook: Rt,
+					isLoading: Nt,
+					saveError: It,
 					onClose: () => {
-						At(!1), Y(void 0), X(void 0), Z(null);
+						jt(!1), Y(void 0), X(void 0), Z(null);
 					},
-					onSave: Vt
+					onSave: Ht
 				})
 			]
 		})