@burdenoff/microfe-bigconsole 2026.1103.9 → 2026.1103.11

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

@@ -11,30 +11,30 @@ import c from "../../hooks/useEventWebhooks.js";
 import ee from "../../hooks/useDataSinkOperations.js";
 import te from "../../hooks/useParserOperations.js";
 import "../../hooks/index.js";
-import { getWidgetBinding as l, getWidgetBindingStatus as ne, reconcilePanelConfig as re, serializeWidgetBinding as ie } from "../../utils/widgetBinding.js";
-import { ActionConfigDialog as ae } from "./ActionConfigDialog.js";
-import { WebhookConfigPanel as oe } from "./webhook-config/WebhookConfigPanel.js";
+import { getWidgetBinding as l, getWidgetBindingStatus as ne, parserTestOutcome as re, reconcilePanelConfig as ie, serializeWidgetBinding as ae } from "../../utils/widgetBinding.js";
+import { ActionConfigDialog as oe } from "./ActionConfigDialog.js";
+import { WebhookConfigPanel as se } from "./webhook-config/WebhookConfigPanel.js";
 import "./webhook-config/index.js";
-import { EventLogViewer as se } from "./event-logs/EventLogViewer.js";
+import { EventLogViewer as ce } from "./event-logs/EventLogViewer.js";
 import "./event-logs/index.js";
-import { DrilldownConfigPanel as ce } from "./DrilldownConfigPanel.js";
-import { AdvancedSection as le } from "../builder/inspector/AdvancedSection.js";
-import { AppearanceSection as ue } from "../builder/inspector/AppearanceSection.js";
-import { GeneralSection as de } from "../builder/inspector/GeneralSection.js";
-import { DataBindingSection as fe } from "../builder/inspector/DataBindingSection.js";
-import { LayoutSection as pe } from "../builder/inspector/LayoutSection.js";
+import { DrilldownConfigPanel as le } from "./DrilldownConfigPanel.js";
+import { AdvancedSection as ue } from "../builder/inspector/AdvancedSection.js";
+import { AppearanceSection as de } from "../builder/inspector/AppearanceSection.js";
+import { GeneralSection as fe } from "../builder/inspector/GeneralSection.js";
+import { DataBindingSection as pe } from "../builder/inspector/DataBindingSection.js";
+import { LayoutSection as me } from "../builder/inspector/LayoutSection.js";
 import "../builder/inspector/index.js";
-import { DEFAULT_GRID_CONFIG as me } from "../../utils/widgetPositioning.js";
-import { isWidgetFormEdited as he, withInferredDataSink as ge } from "../../utils/widgetFormDirty.js";
-import { memo as u, useCallback as d, useEffect as f, useMemo as p, useRef as _e, useState as m } from "react";
-import { Check as h, ChevronDown as ve, ChevronUp as ye, ExternalLink as be, Info as xe, Pencil as Se, Plus as Ce, Trash2 as we, X as Te } from "lucide-react";
-import { Button as g, Card as Ee, CardContent as De, Input as _, Label as v, Select as Oe, SelectContent as ke, SelectItem as y, SelectTrigger as Ae, SelectValue as je, Sheet as Me, SheetContent as Ne, SheetDescription as Pe, SheetHeader as Fe, SheetTitle as Ie, Spinner as Le, Tabs as Re, TabsContent as b, TabsList as ze, TabsTrigger as x, Textarea as S } from "@burdenoff/fe-libs/ui";
-import { useUnsavedChanges as Be } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as Ve } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { toast as He } from "sonner";
+import { DEFAULT_GRID_CONFIG as he } from "../../utils/widgetPositioning.js";
+import { isWidgetFormEdited as ge, withInferredDataSink as _e } from "../../utils/widgetFormDirty.js";
+import { memo as u, useCallback as d, useEffect as f, useMemo as ve, useRef as p, useState as m } from "react";
+import { Check as ye, ChevronDown as be, ChevronUp as xe, ExternalLink as Se, Info as Ce, Pencil as we, Plus as Te, Trash2 as Ee, X as De } from "lucide-react";
+import { Button as h, Card as Oe, CardContent as ke, Input as g, Label as _, Select as Ae, SelectContent as je, SelectItem as v, SelectTrigger as Me, SelectValue as Ne, Sheet as Pe, SheetContent as Fe, SheetDescription as Ie, SheetHeader as Le, SheetTitle as Re, Spinner as ze, Tabs as Be, TabsContent as Ve, TabsList as He, TabsTrigger as y, Textarea as b } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as Ue } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as We } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { toast as Ge } from "sonner";
 //#region src/bigconsole/components/widgets/PropertiesPanel.tsx
-var Ue = [
+var Ke = [
 	{
 		value: "BIGCONSOLE",
 		labelKey: "bigconsole.widget.properties.renderer.bigconsole.label",
@@ -63,7 +63,7 @@ var Ue = [
 		descriptionKey: "bigconsole.widget.properties.renderer.custom.description",
 		description: "Custom React component"
 	}
-], We = [
+], qe = [
 	{
 		value: "DATASINK",
 		labelKey: "bigconsole.widget.properties.dataSourceType.datasink.label",
@@ -107,23 +107,23 @@ var Ue = [
 		description: "Manually enter sample JSON data"
 	}
 ];
-function Ge(e) {
+function Je(e) {
 	return `widget:${e.toLowerCase().replace(/\s+/g, "_")}:clicked`;
 }
-var Ke = {
+var Ye = {
 	PRIMARY: "bg-action-primary-bg",
 	SECONDARY: "bg-[var(--color-text-muted)]",
 	SUCCESS: "bg-status-success-bg",
 	WARNING: "bg-status-warning-bg",
 	DANGER: "bg-status-error-bg"
-}, qe = "bg-[var(--color-text-muted)]", Je = {
+}, Xe = "bg-[var(--color-text-muted)]", Ze = {
 	fontWeight: "var(--font-weight-semibold)",
 	fontSize: "var(--font-size-body-sm)",
 	padding: "6px 10px",
 	minHeight: "var(--size-controlHeight-md)",
 	flexShrink: 0
 };
-function Ye(e) {
+function Qe(e) {
 	if (!e) return {};
 	let t = Array.isArray(e) ? e[0] : e;
 	if (!t || typeof t != "object") return {};
@@ -167,8 +167,8 @@ function Ye(e) {
 		xAxisField: a
 	};
 }
-var Xe = u(function({ widget: e, onSave: t }) {
-	let { t: r } = Ve(), [i, a] = m(""), [o, s] = m(null), c = _e(!1);
+var $e = u(function({ widget: e, onSave: t }) {
+	let { t: r } = We(), [i, a] = m(""), [o, s] = m(null), c = p(!1);
 	f(() => {
 		try {
 			let t = e.template && typeof e.template == "object" ? JSON.stringify(e.template, null, 2) : "";
@@ -194,21 +194,21 @@ var Xe = u(function({ widget: e, onSave: t }) {
 			s(e.message);
 		}
 	}, [i, t]);
-	return /* @__PURE__ */ w(n, {
+	return /* @__PURE__ */ S(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__ */ C("span", {
+		meta: o ? /* @__PURE__ */ x("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__ */ C(S, {
+			/* @__PURE__ */ x(b, {
 				value: i,
 				onChange: ee,
 				spellCheck: !1,
@@ -221,7 +221,7 @@ var Xe = u(function({ widget: e, onSave: t }) {
 					resize: "vertical"
 				}
 			}),
-			o && /* @__PURE__ */ C("p", {
+			o && /* @__PURE__ */ x("p", {
 				style: {
 					fontSize: "var(--font-size-body-sm)",
 					color: "var(--color-status-error-text)",
@@ -232,9 +232,9 @@ var Xe = u(function({ widget: e, onSave: t }) {
 				},
 				children: o
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-control-gap flex flex-wrap items-center gap-control-gap",
-				children: [/* @__PURE__ */ C(g, {
+				children: [/* @__PURE__ */ x(h, {
 					variant: "outline",
 					size: "sm",
 					onClick: te,
@@ -244,7 +244,7 @@ var Xe = u(function({ widget: e, onSave: t }) {
 						fontWeight: "var(--font-weight-semibold)"
 					},
 					children: r("bigconsole.widget.properties.template.format", "Format")
-				}), !o && i.trim() !== "" && /* @__PURE__ */ w("span", {
+				}), !o && i.trim() !== "" && /* @__PURE__ */ S("span", {
 					style: {
 						fontSize: "var(--font-size-body-sm)",
 						color: "var(--color-status-success-text)",
@@ -252,20 +252,20 @@ var Xe = u(function({ widget: e, onSave: t }) {
 						alignItems: "center",
 						gap: "4px"
 					},
-					children: [/* @__PURE__ */ C(h, { style: {
+					children: [/* @__PURE__ */ x(ye, { style: {
 						width: "12px",
 						height: "12px"
 					} }), r("bigconsole.widget.properties.template.validJson", "Valid JSON")]
 				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ S("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__ */ C("span", {
+					/* @__PURE__ */ x("span", {
 						className: "font-medium",
 						children: r("bigconsole.widget.properties.template.ctrlSToSave", "Ctrl+S to save")
 					}),
-					e.renderer === "ADAPTIVE_CARD" && /* @__PURE__ */ w("a", {
+					e.renderer === "ADAPTIVE_CARD" && /* @__PURE__ */ S("a", {
 						href: "https://adaptivecards.io/designer/",
 						target: "_blank",
 						rel: "noopener noreferrer",
@@ -278,12 +278,12 @@ var Xe = u(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: [r("bigconsole.widget.properties.template.designer", "Designer"), /* @__PURE__ */ C(be, { style: {
+						children: [r("bigconsole.widget.properties.template.designer", "Designer"), /* @__PURE__ */ x(Se, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
 					}),
-					e.renderer === "BLOCKKIT" && /* @__PURE__ */ w("a", {
+					e.renderer === "BLOCKKIT" && /* @__PURE__ */ S("a", {
 						href: "https://app.slack.com/block-kit-builder",
 						target: "_blank",
 						rel: "noopener noreferrer",
@@ -296,7 +296,7 @@ var Xe = u(function({ widget: e, onSave: t }) {
 							fontWeight: "var(--font-weight-medium)",
 							textDecoration: "none"
 						},
-						children: [r("bigconsole.widget.properties.template.blockKitBuilder", "Block Kit Builder"), /* @__PURE__ */ C(be, { style: {
+						children: [r("bigconsole.widget.properties.template.blockKitBuilder", "Block Kit Builder"), /* @__PURE__ */ x(Se, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })]
@@ -306,7 +306,7 @@ var Xe = u(function({ widget: e, onSave: t }) {
 		]
 	});
 });
-function Ze(e) {
+function et(e) {
 	let t = e, n = l({
 		dataSinkId: t.dataSinkId,
 		parserId: t.parserId,
@@ -334,335 +334,358 @@ function Ze(e) {
 		} : void 0
 	};
 }
-var T = u(function({ isOpen: u, onClose: be }) {
-	let { t: T } = Ve(), [Qe, $e] = m("general"), [E, D] = m("idle"), [O, k] = m(null), [A, j] = m(!1), [et, M] = m(null);
-	Be({
+var C = u(function({ isOpen: u, onClose: Se }) {
+	let { t: C } = We(), [tt, nt] = m("general"), [w, T] = m("idle"), [E, D] = m(null), [O, k] = m(!1), [rt, A] = m(null);
+	Ue({
 		id: "dashboard-widget-properties",
-		label: T("bigconsole.assistant.unsaved.widgetProperties", "the widget properties"),
-		dirty: he(O, et)
+		label: C("bigconsole.assistant.unsaved.widgetProperties", "the widget properties"),
+		dirty: ge(E, rt)
 	});
-	let N = e((e) => e.selectedWidgetId), tt = e((e) => e.widgets), P = e((e) => e.updateWidget), nt = e((e) => e.updateWidgetPosition), rt = t(), F = N ? tt.get(N) : void 0, it = F ? {
-		x: F.position?.x ?? F.positionX ?? 0,
-		y: F.position?.y ?? F.positionY ?? 0,
-		width: F.position?.width ?? F.positionWidth ?? 4,
-		height: F.position?.height ?? F.positionHeight ?? 4
-	} : null, at = d((e) => {
-		N && nt(N, e);
-	}, [N, nt]), ot = _e(null), st = _e({}), ct = _e(0), I = d(() => {
-		ct.current += 1, j(!0);
+	let j = e((e) => e.selectedWidgetId), it = e((e) => e.widgets), M = e((e) => e.updateWidget), at = e((e) => e.updateWidgetPosition), ot = t(), N = j ? it.get(j) : void 0, st = N ? {
+		x: N.position?.x ?? N.positionX ?? 0,
+		y: N.position?.y ?? N.positionY ?? 0,
+		width: N.position?.width ?? N.positionWidth ?? 4,
+		height: N.position?.height ?? N.positionHeight ?? 4
+	} : null, ct = d((e) => {
+		j && at(j, e);
+	}, [j, at]), lt = p(null), ut = p({}), dt = p(0), P = d(() => {
+		dt.current += 1, k(!0);
 	}, []);
 	f(() => {
-		if (!N) {
-			ot.current = null, k(null), M(null), j(!1), D("idle");
+		if (!j) {
+			lt.current = null, D(null), A(null), k(!1), T("idle");
 			return;
 		}
-		let e = ot.current !== N;
-		if (ot.current = N, F) {
-			if (A && !e) return;
-			let t = Ze(F);
-			k(t), M(t), st.current = F.config || {}, j(!1), D("idle");
-		} else k(null), M(null), j(!1), D("idle");
+		let e = lt.current !== j;
+		if (lt.current = j, N) {
+			if (O && !e) return;
+			let t = et(N);
+			D(t), A(t), ut.current = N.config || {}, k(!1), T("idle");
+		} else D(null), A(null), k(!1), T("idle");
 	}, [
+		j,
 		N,
-		F,
-		A
+		O
 	]);
-	let { updateWidget: lt } = i(F?.pageId, F?.dashboardId, { skipFetch: !0 }), { createDrilldown: ut, updateDrilldown: dt, deleteDrilldown: ft } = o(), { dataSinks: L } = ee({ skipFetch: !1 }), [pt, R] = m(null), { executeParser: mt, fetchParser: ht } = te({
-		consoleId: F?.dashboardId,
+	let { updateWidget: ft } = i(N?.pageId, N?.dashboardId, { skipFetch: !0 }), { createDrilldown: pt, updateDrilldown: mt, deleteDrilldown: ht } = o(), { dataSinks: F } = ee({ skipFetch: !1 }), [gt, I] = m(null), { executeParser: L, fetchParser: _t } = te({
+		consoleId: N?.dashboardId,
 		skipFetch: !0
-	}), [z, gt] = m(null), [_t, vt] = m(!1), yt = O?.parserId;
+	}), [vt, yt] = m(null), [bt, xt] = m(!1), R = E?.parserId;
 	f(() => {
 		let e = !1;
-		if (gt(null), !u || !yt) {
-			vt(!1);
+		if (yt(null), !u || !R) {
+			xt(!1);
 			return;
 		}
-		return vt(!0), ht(yt).then((t) => {
-			e || (gt(t), vt(!1));
+		return xt(!0), _t(R).then((t) => {
+			e || (yt(t), xt(!1));
 		}), () => {
 			e = !0;
 		};
 	}, [
 		u,
-		yt,
-		N,
-		ht
+		R,
+		j,
+		_t
 	]);
-	let [bt, xt] = m(!1), [St, B] = m(void 0), [Ct, V] = m(!1), [wt, H] = m(null);
+	let [St, z] = m(!1), [Ct, B] = m(void 0), [wt, V] = m(!1), [Tt, H] = m(null), U = p(null);
 	f(() => {
-		B(void 0), V(!1), H(null), xt(!1);
-	}, [N]);
-	let { actions: U, loading: W, error: G, refetch: Tt, createAction: Et, updateAction: Dt, deleteAction: Ot, reorderActions: K } = s(N || void 0), { webhooks: kt, loading: At, error: q, createWebhook: jt, updateWebhook: Mt, deleteWebhook: Nt, refetch: Pt } = c({
-		widgetId: N || void 0,
-		skipFetch: !N
-	}), Ft = d((e, t) => {
-		let n = Ge(t);
-		return e.find((e) => e.widgetId === N && e.eventPattern === n) ?? null;
-	}, [N]), J = d((e) => Ft(kt, e), [Ft, kt]), It = d(async (e, t) => {
-		if (!N || t === void 0) return !0;
-		if (q) return !1;
-		let n = Ge(e), r = J(e);
-		if (!r && At) {
-			let t = (await Pt())?.data?.listEventWebhookMappings ?? [];
-			r = Ft(t, e);
+		U.current = null, B(void 0), V(!1), H(null), z(!1);
+	}, [j]), f(() => {
+		if (!u || tt !== "data" || !j || !R) return;
+		let e = `${j}:${R}`;
+		if (U.current === e) return;
+		U.current = e;
+		let t = C("bigconsole.widget.properties.parser.previewFailed", "The parser could not produce a preview.");
+		z(!0), L(R).then((n) => {
+			if (U.current !== e) return;
+			let r = re(n, t);
+			B(r.preview), H(r.error), V(!0);
+		}).catch((n) => {
+			U.current === e && (H(n instanceof Error ? n.message : t), V(!0));
+		}).finally(() => {
+			U.current === e && z(!1);
+		});
+	}, [
+		u,
+		tt,
+		j,
+		R,
+		L,
+		C
+	]);
+	let { actions: W, loading: G, error: K, refetch: Et, createAction: Dt, updateAction: Ot, deleteAction: kt, reorderActions: q } = s(j || void 0), { webhooks: At, loading: jt, error: Mt, createWebhook: Nt, updateWebhook: Pt, deleteWebhook: Ft, refetch: It } = c({
+		widgetId: j || void 0,
+		skipFetch: !j
+	}), Lt = d((e, t) => {
+		let n = Je(t);
+		return e.find((e) => e.widgetId === j && e.eventPattern === n) ?? null;
+	}, [j]), J = d((e) => Lt(At, e), [Lt, At]), Rt = d(async (e, t) => {
+		if (!j || t === void 0) return !0;
+		if (Mt) return !1;
+		let n = Je(e), r = J(e);
+		if (!r && jt) {
+			let t = (await It())?.data?.listEventWebhookMappings ?? [];
+			r = Lt(t, e);
 		}
-		return t && t.url ? r ? await Mt({
+		return t && t.url ? r ? await Pt({
 			id: r.id,
 			eventPattern: n,
 			webhookUrl: t.url,
 			method: t.method,
 			isActive: !0
-		}) !== null : await jt({
-			widgetId: N,
+		}) !== null : await Nt({
+			widgetId: j,
 			eventPattern: n,
 			webhookUrl: t.url,
 			method: t.method
-		}) !== null : t === null && r ? Nt(r.id) : !0;
+		}) !== null : t === null && r ? Ft(r.id) : !0;
 	}, [
-		N,
+		j,
 		J,
-		At,
-		q,
-		Pt,
-		Ft,
 		jt,
 		Mt,
-		Nt
-	]), [Lt, Rt] = m(!1), [zt, Y] = m(void 0), [Bt, Vt] = m(!1), [Ht, X] = m(void 0), [Ut, Z] = m(null), Wt = p(() => {
-		if (!zt) return null;
-		let e = J(zt.name);
+		It,
+		Lt,
+		Nt,
+		Pt,
+		Ft
+	]), [zt, Bt] = m(!1), [Vt, Y] = m(void 0), [Ht, Ut] = m(!1), [Wt, X] = m(void 0), [Gt, Z] = m(null), Kt = ve(() => {
+		if (!Vt) return null;
+		let e = J(Vt.name);
 		return e ? {
 			url: e.webhookUrl,
 			method: e.method
 		} : null;
-	}, [zt, J]), Gt = Ht === void 0 ? Wt : Ht, Kt = p(() => {
+	}, [Vt, J]), qt = Wt === void 0 ? Kt : Wt, Jt = ve(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of U) {
+		for (let t of W) {
 			let n = J(t.name);
 			n && e.set(t.name, n);
 		}
 		return e;
-	}, [U, J]), qt = d(() => {
-		X(void 0), Z(null), Y(void 0), Rt(!0);
-	}, []), Jt = d((e) => {
-		X(void 0), Z(null), Y(e), Rt(!0);
-	}, []), Yt = d(async (e, t) => {
-		if (N) {
-			if (G) {
-				Z(T("bigconsole.widget.properties.actions.readFailed", "Buttons could not be verified. Retry before saving."));
+	}, [W, J]), Yt = d(() => {
+		X(void 0), Z(null), Y(void 0), Bt(!0);
+	}, []), Xt = d((e) => {
+		X(void 0), Z(null), Y(e), Bt(!0);
+	}, []), Zt = d(async (e, t) => {
+		if (j) {
+			if (K) {
+				Z(C("bigconsole.widget.properties.actions.readFailed", "Buttons could not be verified. Retry before saving."));
 				return;
 			}
-			if (q) {
-				Z(T("bigconsole.widget.properties.action.webhookReadFailed", "Webhook mappings could not be verified. Retry the webhook read before saving."));
+			if (Mt) {
+				Z(C("bigconsole.widget.properties.action.webhookReadFailed", "Webhook mappings could not be verified. Retry the webhook read before saving."));
 				return;
 			}
-			Vt(!0), Z(null);
+			Ut(!0), Z(null);
 			try {
 				let n = "id" in e && !!e.id, r = null;
-				if (r = n ? await Dt(e) : await Et(e), r) {
-					let e = [...U];
+				if (r = n ? await Ot(e) : await Dt(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);
 					let i = e.sort((e, t) => e.order - t.order);
-					if (P(N, { actions: i }), !await It(r.name, t)) {
-						X(t), Z(t ? T("bigconsole.widget.properties.action.webhookSaveFailed", "The button was saved, but its webhook could not be saved. Check the URL and try again.") : T("bigconsole.widget.properties.action.webhookRemoveFailed", "The button was saved, but its old webhook could not be removed. Try again.")), Y(r);
+					if (M(j, { actions: i }), !await Rt(r.name, t)) {
+						X(t), Z(t ? C("bigconsole.widget.properties.action.webhookSaveFailed", "The button was saved, but its webhook could not be saved. Check the URL and try again.") : C("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), Rt(!1), Y(void 0);
+					X(void 0), Z(null), Bt(!1), Y(void 0);
 				}
 			} catch (e) {
-				console.warn("Failed to save widget action:", e), Z(e instanceof Error ? e.message : T("bigconsole.widget.properties.action.saveFailed", "Could not save the button. Please try again."));
+				console.warn("Failed to save widget action:", e), Z(e instanceof Error ? e.message : C("bigconsole.widget.properties.action.saveFailed", "Could not save the button. Please try again."));
 			} finally {
-				Vt(!1);
+				Ut(!1);
 			}
 		}
 	}, [
-		N,
-		q,
-		G,
-		U,
-		Et,
+		j,
+		Mt,
+		K,
+		W,
 		Dt,
-		P,
-		It,
-		T
-	]), Xt = d(async (e) => {
-		if (N && window.confirm(T("bigconsole.widget.properties.action.deleteConfirm", "Are you sure you want to delete this action?"))) {
-			let t = U.find((t) => t.id === e);
-			if (await Ot(e)) {
-				let n = U.filter((t) => t.id !== e);
-				if (P(N, { actions: n }), t) {
+		Ot,
+		M,
+		Rt,
+		C
+	]), Qt = d(async (e) => {
+		if (j && window.confirm(C("bigconsole.widget.properties.action.deleteConfirm", "Are you sure you want to delete this action?"))) {
+			let t = W.find((t) => t.id === e);
+			if (await kt(e)) {
+				let n = W.filter((t) => t.id !== e);
+				if (M(j, { actions: n }), t) {
 					let e = J(t.name);
-					e && await Nt(e.id);
+					e && await Ft(e.id);
 				}
 			}
 		}
 	}, [
-		N,
-		U,
-		Ot,
-		P,
+		j,
+		W,
+		kt,
+		M,
 		J,
-		Nt,
-		T
-	]), Zt = d(async (e) => {
-		if (!N || e === 0) return;
-		let t = [...U].sort((e, t) => e.order - t.order), n = t.map((e) => e.id);
-		if ([n[e - 1], n[e]] = [n[e], n[e - 1]], await K(n)) {
+		Ft,
+		C
+	]), $t = d(async (e) => {
+		if (!j || e === 0) return;
+		let t = [...W].sort((e, t) => e.order - t.order), n = t.map((e) => e.id);
+		if ([n[e - 1], n[e]] = [n[e], n[e - 1]], await q(n)) {
 			let e = t.map((e, t) => ({
 				...e,
 				order: n.indexOf(e.id)
 			})).sort((e, t) => e.order - t.order);
-			P(N, { actions: e });
+			M(j, { actions: e });
 		}
 	}, [
-		N,
-		U,
-		K,
-		P
-	]), Qt = d(async (e) => {
-		if (!N) return;
-		let t = [...U].sort((e, t) => e.order - t.order);
+		j,
+		W,
+		q,
+		M
+	]), en = d(async (e) => {
+		if (!j) return;
+		let t = [...W].sort((e, t) => e.order - t.order);
 		if (e === t.length - 1) return;
 		let n = t.map((e) => e.id);
-		if ([n[e], n[e + 1]] = [n[e + 1], n[e]], await K(n)) {
+		if ([n[e], n[e + 1]] = [n[e + 1], n[e]], await q(n)) {
 			let e = t.map((e, t) => ({
 				...e,
 				order: n.indexOf(e.id)
 			})).sort((e, t) => e.order - t.order);
-			P(N, { actions: e });
+			M(j, { actions: e });
 		}
 	}, [
-		N,
-		U,
-		K,
-		P
+		j,
+		W,
+		q,
+		M
 	]);
 	f(() => {
-		N && U.length >= 0 && !W && P(N, { actions: U });
+		j && W.length >= 0 && !G && M(j, { actions: W });
 	}, [
-		N,
-		U,
+		j,
 		W,
-		P
+		G,
+		M
 	]);
 	let Q = d((e, t) => {
-		k((n) => n && {
+		D((n) => n && {
 			...n,
 			[e]: t
-		}), I();
-	}, [I]), $ = d((e) => {
-		k((t) => t && {
+		}), P();
+	}, [P]), $ = d((e) => {
+		D((t) => t && {
 			...t,
 			config: e
-		}), I();
-	}, [I]);
+		}), P();
+	}, [P]);
 	f(() => {
-		if (!O) {
-			R(null);
+		if (!E) {
+			I(null);
 			return;
 		}
-		if (O.dataSinkId) {
-			R(L.find((e) => e.id === O.dataSinkId)?.key ?? null);
+		if (E.dataSinkId) {
+			I(F.find((e) => e.id === E.dataSinkId)?.key ?? null);
 			return;
 		}
 		let e = l({
-			parserId: O.parserId,
-			config: O.config
-		}), t = z?.id === O.parserId ? z : null, n = e.source.kind === "DATASINK" && !e.source.ref && t ? L.find((e) => e.key === t.inputSinkKey) : void 0;
-		R(n?.key ?? null), n && t && (k((e) => ge(e, t.id, n.id)), M((e) => ge(e, t.id, n.id)));
+			parserId: E.parserId,
+			config: E.config
+		}), t = vt?.id === E.parserId ? vt : null, n = e.source.kind === "DATASINK" && !e.source.ref && t ? F.find((e) => e.key === t.inputSinkKey) : void 0;
+		I(n?.key ?? null), n && t && (D((e) => _e(e, t.id, n.id)), A((e) => _e(e, t.id, n.id)));
 	}, [
-		O,
-		L,
-		z
+		E,
+		F,
+		vt
 	]);
-	let $t = d((e) => {
-		if (B(void 0), V(!1), H(null), R(e), e) {
-			let t = L.find((t) => t.key === e);
-			t && (Q("dataSinkId", t.id), k((t) => t && {
+	let tn = d((e) => {
+		if (B(void 0), V(!1), H(null), I(e), e) {
+			let t = F.find((t) => t.key === e);
+			t && (Q("dataSinkId", t.id), D((t) => t && {
 				...t,
 				config: {
 					...t.config,
 					dataSinkKey: e
 				}
-			}), I());
-		} else Q("dataSinkId", void 0), k((e) => e && {
+			}), P());
+		} else Q("dataSinkId", void 0), D((e) => e && {
 			...e,
 			config: {
 				...e.config,
 				dataSinkKey: void 0
 			},
 			parserId: void 0
-		}), I();
+		}), P();
 	}, [
-		L,
+		F,
 		Q,
-		I
-	]), en = d(async (e) => {
-		if (Q("parserId", e || void 0), B(void 0), V(!1), H(null), e && F) {
-			xt(!0);
+		P
+	]), nn = d(async (e) => {
+		if (Q("parserId", e || void 0), U.current = e && j ? `${j}:${e}` : null, B(void 0), V(!1), H(null), e && N) {
+			z(!0);
 			try {
-				let t = await mt(e);
+				let t = await L(e);
 				if (t?.success) {
 					B(t.output), V(!0);
-					let e = Ye(t.output);
-					(e.labelField || e.valueField) && (k((t) => {
+					let e = Qe(t.output);
+					(e.labelField || e.valueField) && (D((t) => {
 						if (!t) return t;
 						let n = t.config || {}, r = { ...n };
 						return e.labelField && !n.labelField && (r.labelField = e.labelField), e.valueField && !n.valueField && (r.valueField = e.valueField), e.xAxisField && !n.xAxisField && (r.xAxisField = e.xAxisField), {
 							...t,
 							config: r
 						};
-					}), I());
-				} else V(!0), H(t?.error || T("bigconsole.widget.properties.parser.previewFailed", "The parser could not produce a preview."));
+					}), P());
+				} else V(!0), H(t?.error || C("bigconsole.widget.properties.parser.previewFailed", "The parser could not produce a preview."));
 			} catch (e) {
-				V(!0), H(e instanceof Error ? e.message : T("bigconsole.widget.properties.parser.previewFailed", "The parser could not produce a preview.")), console.warn("Failed to auto-detect parser fields:", e);
+				V(!0), H(e instanceof Error ? e.message : C("bigconsole.widget.properties.parser.previewFailed", "The parser could not produce a preview.")), console.warn("Failed to auto-detect parser fields:", e);
 			} finally {
-				xt(!1);
+				z(!1);
 			}
 		}
 	}, [
 		Q,
-		mt,
-		F,
-		I,
-		T
-	]), tn = d(async () => {
-		if (!F || !O) return;
-		let t = ct.current;
-		D("saving");
+		L,
+		N,
+		j,
+		P,
+		C
+	]), rn = d(async () => {
+		if (!N || !E) return;
+		let t = dt.current;
+		T("saving");
 		try {
 			let n = {
-				...F.metadata || {},
-				description: O.description || ""
-			}, r = re(e.getState().widgets.get(F.id)?.config ?? {}, st.current, O.config), i = ie(l({
-				dataSinkId: O.dataSinkId,
-				parserId: O.parserId,
+				...N.metadata || {},
+				description: E.description || ""
+			}, r = ie(e.getState().widgets.get(N.id)?.config ?? {}, ut.current, E.config), i = ae(l({
+				dataSinkId: E.dataSinkId,
+				parserId: E.parserId,
 				config: {
 					...r,
 					binding: void 0
 				}
-			}), r), a = await lt({
-				id: F.id,
-				title: O.title,
-				renderer: O.renderer,
-				template: O.template,
+			}), r), a = await ft({
+				id: N.id,
+				title: E.title,
+				renderer: E.renderer,
+				template: E.template,
 				config: i.config,
-				refreshInterval: O.refreshInterval,
+				refreshInterval: E.refreshInterval,
 				dataSinkId: i.dataSinkId,
-				datasetId: O.datasetId,
+				datasetId: E.datasetId,
 				parserId: i.parserId,
-				parserRules: O.parserRules,
+				parserRules: E.parserRules,
 				metadata: n
-			}), o = F.drilldown, s = null, c = F.drilldown?.id;
+			}), o = N.drilldown, s = null, c = N.drilldown?.id;
 			try {
-				if (O.drilldownConfig) {
-					let { enabled: e, targetDashboardId: t, targetPageId: n, navigationMode: r, parameterMapping: i, passGlobalFilters: a, maxDepth: s } = O.drilldownConfig;
-					if (c && !e) await ft(c), o = void 0;
+				if (E.drilldownConfig) {
+					let { enabled: e, targetDashboardId: t, targetPageId: n, navigationMode: r, parameterMapping: i, passGlobalFilters: a, maxDepth: s } = E.drilldownConfig;
+					if (c && !e) await ht(c), o = void 0;
 					else if (c) {
-						let ee = await dt({
+						let ee = await mt({
 							id: c,
 							targetDashboardId: t,
 							targetPageId: n,
@@ -674,8 +697,8 @@ var T = u(function({ isOpen: u, onClose: be }) {
 						});
 						ee && (o = ee);
 					} else if (e && t) {
-						let e = await ut({
-							sourceWidgetId: F.id,
+						let e = await pt({
+							sourceWidgetId: N.id,
 							targetDashboardId: t,
 							targetPageId: n,
 							parameterMapping: i || {},
@@ -690,61 +713,61 @@ var T = u(function({ isOpen: u, onClose: be }) {
 				s = e instanceof Error ? e : Error(String(e));
 			}
 			if (a) {
-				if (P(F.id, {
-					title: O.title,
-					description: O.description,
-					renderer: O.renderer,
-					template: O.template,
+				if (M(N.id, {
+					title: E.title,
+					description: E.description,
+					renderer: E.renderer,
+					template: E.template,
 					config: i.config,
-					refreshInterval: O.refreshInterval,
+					refreshInterval: E.refreshInterval,
 					dataSinkId: i.dataSinkId,
-					datasetId: O.datasetId,
+					datasetId: E.datasetId,
 					parserId: i.parserId,
-					parserRules: O.parserRules,
+					parserRules: E.parserRules,
 					drilldown: o,
 					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 				}), s) {
-					D("error"), He.error(T("bigconsole.widget.drilldown.saveFailed", "Drilldown not saved"), { description: s.message });
+					T("error"), Ge.error(C("bigconsole.widget.drilldown.saveFailed", "Drilldown not saved"), { description: s.message });
 					return;
 				}
-				D("saved"), M(O), ct.current === t && j(!1), setTimeout(() => D("idle"), 2e3);
-			} else D("error");
+				T("saved"), A(E), dt.current === t && k(!1), setTimeout(() => T("idle"), 2e3);
+			} else T("error");
 		} catch {
-			D("error");
+			T("error");
 		}
 	}, [
-		F,
-		O,
-		lt,
-		P,
-		ut,
-		dt,
+		N,
+		E,
 		ft,
-		T
-	]), nn = d(() => {
-		if (!F) return;
-		let e = Ze(F);
-		k(e), M(e), st.current = F.config || {}, j(!1), D("idle");
-	}, [F]), rn = d((e) => {
+		M,
+		pt,
+		mt,
+		ht,
+		C
+	]), an = d(() => {
+		if (!N) return;
+		let e = et(N);
+		D(e), A(e), ut.current = N.config || {}, k(!1), T("idle");
+	}, [N]), on = d((e) => {
 		$(e);
-	}, [$]), an = d((e) => {
-		k((t) => t && {
+	}, [$]), sn = d((e) => {
+		D((t) => t && {
 			...t,
 			drilldownConfig: e
-		}), I();
-	}, [I]), on = F ? a(F.type) : null, sn = p(() => Ue.map((e) => ({
+		}), P();
+	}, [P]), cn = N ? a(N.type) : null, ln = ve(() => Ke.map((e) => ({
 		value: e.value,
-		label: T(e.labelKey, e.label),
-		description: T(e.descriptionKey, e.description)
-	})), [T]), cn = p(() => We.map((e) => ({
+		label: C(e.labelKey, e.label),
+		description: C(e.descriptionKey, e.description)
+	})), [C]), un = ve(() => qe.map((e) => ({
 		value: e.value,
-		label: T(e.labelKey, e.label)
-	})), [T]);
-	return /* @__PURE__ */ C(Me, {
+		label: C(e.labelKey, e.label)
+	})), [C]);
+	return /* @__PURE__ */ x(Pe, {
 		open: u,
-		onOpenChange: (e) => !e && be(),
+		onOpenChange: (e) => !e && Se(),
 		modal: !1,
-		children: /* @__PURE__ */ w(Ne, {
+		children: /* @__PURE__ */ S(Fe, {
 			style: {
 				width: "min(420px, 100vw)",
 				maxWidth: "100vw",
@@ -755,20 +778,20 @@ var T = u(function({ isOpen: u, onClose: be }) {
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ C(Fe, {
+				/* @__PURE__ */ x(Le, {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderBottom: "1px solid var(--color-border-subtle)",
 						backgroundColor: "var(--color-bg-surface)",
 						flexShrink: 0
 					},
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: "var(--space-controlGap)"
 						},
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ x("div", {
 							style: {
 								display: "flex",
 								height: "var(--size-controlHeight-lg)",
@@ -780,62 +803,62 @@ var T = u(function({ isOpen: u, onClose: be }) {
 								boxShadow: "var(--shadow-elevation-2)",
 								flexShrink: 0
 							},
-							children: /* @__PURE__ */ C(xe, { style: {
+							children: /* @__PURE__ */ x(Ce, { style: {
 								height: "var(--size-icon-md)",
 								width: "var(--size-icon-md)",
 								color: "var(--color-action-primary-text)"
 							} })
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ S("div", {
 							style: {
 								flex: 1,
 								minWidth: 0
 							},
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
 								children: [
-									/* @__PURE__ */ C(Ie, {
+									/* @__PURE__ */ x(Re, {
 										style: {
 											fontSize: "var(--font-size-body-md)",
 											fontWeight: "var(--font-weight-bold)",
 											color: "var(--color-text-primary)",
 											margin: 0
 										},
-										children: F ? T("bigconsole.widget.properties.header.widgetProperties", "Widget Properties") : T("bigconsole.widget.properties.header.properties", "Properties")
+										children: N ? C("bigconsole.widget.properties.header.widgetProperties", "Widget Properties") : C("bigconsole.widget.properties.header.properties", "Properties")
 									}),
-									E === "saving" && /* @__PURE__ */ C(Le, { style: {
+									w === "saving" && /* @__PURE__ */ x(ze, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }),
-									E === "saved" && /* @__PURE__ */ C(h, { style: {
+									w === "saved" && /* @__PURE__ */ x(ye, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)",
 										color: "var(--color-status-success-bg)"
 									} }),
-									E === "error" && /* @__PURE__ */ C(Te, { style: {
+									w === "error" && /* @__PURE__ */ x(De, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)",
 										color: "var(--color-status-error-bg)"
 									} })
 								]
-							}), on && /* @__PURE__ */ C(Pe, {
+							}), cn && /* @__PURE__ */ x(Ie, {
 								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: on.name
+								children: cn.name
 							})]
 						})]
 					})
 				}),
-				F ? /* @__PURE__ */ w(Re, {
-					value: Qe,
-					onValueChange: (e) => $e(e),
+				N ? /* @__PURE__ */ S(Be, {
+					value: tt,
+					onValueChange: (e) => nt(e),
 					style: {
 						flex: 1,
 						display: "flex",
@@ -843,7 +866,7 @@ var T = u(function({ isOpen: u, onClose: be }) {
 						minHeight: 0,
 						overflow: "hidden"
 					},
-					children: [/* @__PURE__ */ w(ze, {
+					children: [/* @__PURE__ */ S(He, {
 						style: {
 							width: "100%",
 							display: "flex",
@@ -859,28 +882,28 @@ var T = u(function({ isOpen: u, onClose: be }) {
 							gap: "2px"
 						},
 						children: [
-							/* @__PURE__ */ C(x, {
+							/* @__PURE__ */ x(y, {
 								value: "general",
-								style: Je,
-								children: T("bigconsole.widget.properties.tab.general", "General")
+								style: Ze,
+								children: C("bigconsole.widget.properties.tab.general", "General")
 							}),
-							/* @__PURE__ */ C(x, {
+							/* @__PURE__ */ x(y, {
 								value: "data",
-								style: Je,
-								children: T("bigconsole.widget.properties.tab.data", "Data")
+								style: Ze,
+								children: C("bigconsole.widget.properties.tab.data", "Data")
 							}),
-							/* @__PURE__ */ C(x, {
+							/* @__PURE__ */ x(y, {
 								value: "advanced",
-								style: Je,
-								children: T("bigconsole.widget.properties.tab.advanced", "Advanced")
+								style: Ze,
+								children: C("bigconsole.widget.properties.tab.advanced", "Advanced")
 							}),
-							/* @__PURE__ */ C(x, {
+							/* @__PURE__ */ x(y, {
 								value: "appearance",
-								style: Je,
-								children: T("bigconsole.widget.properties.tab.style", "Style")
+								style: Ze,
+								children: C("bigconsole.widget.properties.tab.style", "Style")
 							})
 						]
-					}), /* @__PURE__ */ w("div", {
+					}), /* @__PURE__ */ S("div", {
 						style: {
 							flex: 1,
 							overflow: "auto",
@@ -888,104 +911,104 @@ var T = u(function({ isOpen: u, onClose: be }) {
 							minHeight: 0
 						},
 						children: [
-							/* @__PURE__ */ C(b, {
+							/* @__PURE__ */ x(Ve, {
 								value: "general",
 								className: "mt-0",
-								children: O && /* @__PURE__ */ w(r, { children: [
-									/* @__PURE__ */ C(de, {
-										title: O.title,
-										description: O.description,
-										refreshInterval: O.refreshInterval,
+								children: E && /* @__PURE__ */ S(r, { children: [
+									/* @__PURE__ */ x(fe, {
+										title: E.title,
+										description: E.description,
+										refreshInterval: E.refreshInterval,
 										onTitleChange: (e) => Q("title", e),
 										onDescriptionChange: (e) => Q("description", e),
 										onRefreshIntervalChange: (e) => Q("refreshInterval", e)
 									}),
-									/* @__PURE__ */ C(n, {
-										title: T("bigconsole.widget.properties.actions.heading", "Buttons"),
-										description: T("bigconsole.widget.properties.actions.subheading", "Configure buttons on this widget"),
+									/* @__PURE__ */ x(n, {
+										title: C("bigconsole.widget.properties.actions.heading", "Buttons"),
+										description: C("bigconsole.widget.properties.actions.subheading", "Configure buttons on this widget"),
 										headingLevel: 3,
-										meta: U.length > 0 ? /* @__PURE__ */ C("span", {
+										meta: W.length > 0 ? /* @__PURE__ */ x("span", {
 											className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-											children: U.length
+											children: W.length
 										}) : void 0,
-										actions: !G && /* @__PURE__ */ w(g, {
+										actions: !K && /* @__PURE__ */ S(h, {
 											size: "sm",
-											onClick: qt,
-											children: [/* @__PURE__ */ C(Ce, { className: "size-4" }), T("bigconsole.widget.properties.actions.add", "Add button")]
+											onClick: Yt,
+											children: [/* @__PURE__ */ x(Te, { className: "size-4" }), C("bigconsole.widget.properties.actions.add", "Add button")]
 										}),
 										"data-testid": "widget-inspector-actions",
-										children: G ? /* @__PURE__ */ w("div", {
+										children: K ? /* @__PURE__ */ S("div", {
 											role: "alert",
-											children: [/* @__PURE__ */ C("p", { children: T("bigconsole.widget.properties.actions.readFailed", "Buttons could not be verified. Retry before saving.") }), /* @__PURE__ */ C(g, {
+											children: [/* @__PURE__ */ x("p", { children: C("bigconsole.widget.properties.actions.readFailed", "Buttons could not be verified. Retry before saving.") }), /* @__PURE__ */ x(h, {
 												size: "sm",
-												disabled: W,
-												onClick: () => void Promise.resolve(Tt()).catch(() => {}),
-												children: T("bigconsole.widget.properties.actions.retry", "Retry")
+												disabled: G,
+												onClick: () => void Promise.resolve(Et()).catch(() => {}),
+												children: C("bigconsole.widget.properties.actions.retry", "Retry")
 											})]
-										}) : W ? /* @__PURE__ */ C("div", {
+										}) : G ? /* @__PURE__ */ x("div", {
 											className: "flex justify-center py-8",
-											children: /* @__PURE__ */ C(Le, { className: "size-6" })
-										}) : U.length === 0 ? /* @__PURE__ */ C("p", {
+											children: /* @__PURE__ */ x(ze, { className: "size-6" })
+										}) : W.length === 0 ? /* @__PURE__ */ x("p", {
 											className: "text-sm text-text-secondary",
-											children: T("bigconsole.widget.properties.actions.empty", "No buttons yet — add one to let viewers take an action.")
-										}) : /* @__PURE__ */ C("div", {
+											children: C("bigconsole.widget.properties.actions.empty", "No buttons yet — add one to let viewers take an action.")
+										}) : /* @__PURE__ */ x("div", {
 											className: "space-y-2",
-											children: [...U].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ C(Ee, {
+											children: [...W].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ x(Oe, {
 												className: e.disabled ? "opacity-60" : "",
-												children: /* @__PURE__ */ w(De, {
+												children: /* @__PURE__ */ S(ke, {
 													className: "p-3 flex items-center gap-2",
 													children: [
-														/* @__PURE__ */ w("div", {
+														/* @__PURE__ */ S("div", {
 															className: "flex flex-col gap-0.5",
-															children: [/* @__PURE__ */ C(g, {
+															children: [/* @__PURE__ */ x(h, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => Zt(t),
+																onClick: () => $t(t),
 																disabled: t === 0,
 																className: "h-5 w-5",
-																children: /* @__PURE__ */ C(ye, { className: "size-3" })
-															}), /* @__PURE__ */ C(g, {
+																children: /* @__PURE__ */ x(xe, { className: "size-3" })
+															}), /* @__PURE__ */ x(h, {
 																variant: "ghost",
 																size: "icon-sm",
-																onClick: () => Qt(t),
-																disabled: t === U.length - 1,
+																onClick: () => en(t),
+																disabled: t === W.length - 1,
 																className: "h-5 w-5",
-																children: /* @__PURE__ */ C(ve, { className: "size-3" })
+																children: /* @__PURE__ */ x(be, { className: "size-3" })
 															})]
 														}),
-														/* @__PURE__ */ w("div", {
+														/* @__PURE__ */ S("div", {
 															className: "flex-1 min-w-0",
-															children: [/* @__PURE__ */ w("div", {
+															children: [/* @__PURE__ */ S("div", {
 																className: "flex items-center gap-2",
-																children: [/* @__PURE__ */ C("span", {
+																children: [/* @__PURE__ */ x("span", {
 																	"aria-hidden": "true",
-																	className: `size-2 shrink-0 rounded-full ${Ke[e.style] || qe}`
-																}), /* @__PURE__ */ C("span", {
+																	className: `size-2 shrink-0 rounded-full ${Ye[e.style] || Xe}`
+																}), /* @__PURE__ */ x("span", {
 																	className: "text-sm font-medium truncate",
 																	children: e.label
 																})]
-															}), /* @__PURE__ */ C("p", {
+															}), /* @__PURE__ */ x("p", {
 																className: "text-xs text-text-secondary truncate",
-																children: Kt.has(e.name) ? T("bigconsole.widget.properties.actions.webhookSummary", "→ {{method}} {{url}}", {
-																	method: Kt.get(e.name)?.method ?? "",
-																	url: Kt.get(e.name)?.webhookUrl ?? ""
-																}) : T("bigconsole.widget.properties.actions.emitsEvent", "Emits an event")
+																children: Jt.has(e.name) ? C("bigconsole.widget.properties.actions.webhookSummary", "→ {{method}} {{url}}", {
+																	method: Jt.get(e.name)?.method ?? "",
+																	url: Jt.get(e.name)?.webhookUrl ?? ""
+																}) : C("bigconsole.widget.properties.actions.emitsEvent", "Emits an event")
 															})]
 														}),
-														/* @__PURE__ */ w("div", {
+														/* @__PURE__ */ S("div", {
 															className: "flex shrink-0 gap-1",
-															children: [/* @__PURE__ */ C(g, {
+															children: [/* @__PURE__ */ x(h, {
 																variant: "ghost",
 																size: "icon-sm",
 																"aria-label": `Edit ${e.label}`,
-																onClick: () => Jt(e),
-																children: /* @__PURE__ */ C(Se, { className: "size-4" })
-															}), /* @__PURE__ */ C(g, {
+																onClick: () => Xt(e),
+																children: /* @__PURE__ */ x(we, { className: "size-4" })
+															}), /* @__PURE__ */ x(h, {
 																variant: "ghost",
 																size: "icon-sm",
 																"aria-label": `Delete ${e.label}`,
-																onClick: () => Xt(e.id),
-																children: /* @__PURE__ */ C(we, { className: "size-4" })
+																onClick: () => Qt(e.id),
+																children: /* @__PURE__ */ x(Ee, { className: "size-4" })
 															})]
 														})
 													]
@@ -993,73 +1016,73 @@ var T = u(function({ isOpen: u, onClose: be }) {
 											}, e.id))
 										})
 									}),
-									rt && it && /* @__PURE__ */ C(pe, {
-										position: it,
-										columns: me.cols,
-										onChange: at
+									ot && st && /* @__PURE__ */ x(me, {
+										position: st,
+										columns: he.cols,
+										onChange: ct
 									})
 								] })
 							}),
-							/* @__PURE__ */ C(b, {
+							/* @__PURE__ */ x(Ve, {
 								value: "data",
 								className: "mt-0",
-								children: O && /* @__PURE__ */ w(r, { children: [(() => {
+								children: E && /* @__PURE__ */ S(r, { children: [(() => {
 									let e = l({
-										dataSinkId: O.dataSinkId,
-										parserId: O.parserId,
+										dataSinkId: E.dataSinkId,
+										parserId: E.parserId,
 										config: {
-											...O.config,
+											...E.config,
 											binding: void 0
 										}
 									}), t = ne({
 										binding: e,
-										loading: bt || _t,
-										error: wt,
-										preview: St,
-										previewComplete: Ct
+										loading: St || bt,
+										error: Tt,
+										preview: Ct,
+										previewComplete: wt
 									});
-									return /* @__PURE__ */ C(fe, {
-										consoleId: F?.dashboardId || "",
+									return /* @__PURE__ */ x(pe, {
+										consoleId: N?.dashboardId || "",
 										binding: e,
-										resolvedParser: z ?? void 0,
-										dataSinkKey: pt,
-										dataPath: typeof O.config.dataPath == "string" ? O.config.dataPath : void 0,
+										resolvedParser: vt ?? void 0,
+										dataSinkKey: gt,
+										dataPath: typeof E.config.dataPath == "string" ? E.config.dataPath : void 0,
 										status: t.status,
-										resolving: _t,
+										resolving: bt,
 										missingFields: t.missingFields,
-										preview: St,
-										error: wt,
-										onDataSinkChange: $t,
-										onParserChange: en,
+										preview: Ct,
+										error: Tt,
+										onDataSinkChange: tn,
+										onParserChange: nn,
 										onDataPathChange: (e) => $({
-											...O.config,
+											...E.config,
 											dataPath: e
 										})
 									});
-								})(), /* @__PURE__ */ C(n, {
+								})(), /* @__PURE__ */ x(n, {
 									emphasis: "muted",
-									title: T("bigconsole.widget.properties.data.alternativeSources", "Alternative Data Sources"),
+									title: C("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__ */ w("div", {
+									children: /* @__PURE__ */ S("div", {
 										className: "flex flex-col gap-form-gap",
 										children: [
-											/* @__PURE__ */ w("div", {
+											/* @__PURE__ */ S("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.data.sourceTypeLabel", "Data Source Type") }), /* @__PURE__ */ w(Oe, {
-													value: O.config?.dataSourceType || "",
+												children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.data.sourceTypeLabel", "Data Source Type") }), /* @__PURE__ */ S(Ae, {
+													value: E.config?.dataSourceType || "",
 													onValueChange: (e) => $({
-														...O.config,
+														...E.config,
 														dataSourceType: e || void 0
 													}),
-													children: [/* @__PURE__ */ C(Ae, {
+													children: [/* @__PURE__ */ x(Me, {
 														style: {
 															height: "var(--size-controlHeight-md)",
 															fontSize: "var(--font-size-body-sm)"
 														},
-														children: /* @__PURE__ */ C(je, { placeholder: T("bigconsole.widget.properties.data.selectTypePlaceholder", "Select type...") })
-													}), /* @__PURE__ */ C(ke, {
+														children: /* @__PURE__ */ x(Ne, { placeholder: C("bigconsole.widget.properties.data.selectTypePlaceholder", "Select type...") })
+													}), /* @__PURE__ */ x(je, {
 														position: "popper",
 														side: "bottom",
 														sideOffset: 4,
@@ -1072,56 +1095,56 @@ var T = u(function({ isOpen: u, onClose: be }) {
 															boxShadow: "var(--shadow-elevation-3)",
 															borderRadius: "var(--radius-button)"
 														},
-														children: cn.map((e) => /* @__PURE__ */ C(y, {
+														children: un.map((e) => /* @__PURE__ */ x(v, {
 															value: e.value,
 															children: e.label
 														}, e.value))
 													})]
 												})]
 											}),
-											O.config?.dataSourceType === "REST_API" && /* @__PURE__ */ w("div", {
+											E.config?.dataSourceType === "REST_API" && /* @__PURE__ */ S("div", {
 												className: "space-y-3",
 												children: [
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.rest.endpointUrlLabel", "Endpoint URL *") }), /* @__PURE__ */ C(_, {
-															value: O.config?.endpointUrl || "",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.rest.endpointUrlLabel", "Endpoint URL *") }), /* @__PURE__ */ x(g, {
+															value: E.config?.endpointUrl || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																endpointUrl: e.target.value || void 0
 															}),
 															placeholder: "https://api.example.com/data"
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.rest.httpMethodLabel", "HTTP Method") }), /* @__PURE__ */ w(Oe, {
-															value: O.config?.httpMethod || "GET",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.rest.httpMethodLabel", "HTTP Method") }), /* @__PURE__ */ S(Ae, {
+															value: E.config?.httpMethod || "GET",
 															onValueChange: (e) => $({
-																...O.config,
+																...E.config,
 																httpMethod: e
 															}),
-															children: [/* @__PURE__ */ C(Ae, {
+															children: [/* @__PURE__ */ x(Me, {
 																style: { height: "var(--size-controlHeight-md)" },
-																children: /* @__PURE__ */ C(je, {})
-															}), /* @__PURE__ */ w(ke, {
+																children: /* @__PURE__ */ x(Ne, {})
+															}), /* @__PURE__ */ S(je, {
 																position: "popper",
 																side: "bottom",
 																sideOffset: 4,
 																children: [
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "GET",
 																		children: "GET"
 																	}),
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "POST",
 																		children: "POST"
 																	}),
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "PUT",
 																		children: "PUT"
 																	}),
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "DELETE",
 																		children: "DELETE"
 																	})
@@ -1129,12 +1152,12 @@ var T = u(function({ isOpen: u, onClose: be }) {
 															})]
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.rest.headersLabel", "Headers (JSON)") }), /* @__PURE__ */ C(S, {
-															value: O.config?.headers || "",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.rest.headersLabel", "Headers (JSON)") }), /* @__PURE__ */ x(b, {
+															value: E.config?.headers || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																headers: e.target.value || void 0
 															}),
 															rows: 3,
@@ -1142,60 +1165,60 @@ var T = u(function({ isOpen: u, onClose: be }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.rest.authenticationLabel", "Authentication") }), /* @__PURE__ */ w(Oe, {
-															value: O.config?.authType || "none",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.rest.authenticationLabel", "Authentication") }), /* @__PURE__ */ S(Ae, {
+															value: E.config?.authType || "none",
 															onValueChange: (e) => $({
-																...O.config,
+																...E.config,
 																authType: e
 															}),
-															children: [/* @__PURE__ */ C(Ae, {
+															children: [/* @__PURE__ */ x(Me, {
 																style: { height: "var(--size-controlHeight-md)" },
-																children: /* @__PURE__ */ C(je, {})
-															}), /* @__PURE__ */ w(ke, {
+																children: /* @__PURE__ */ x(Ne, {})
+															}), /* @__PURE__ */ S(je, {
 																position: "popper",
 																side: "bottom",
 																sideOffset: 4,
 																children: [
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "none",
-																		children: T("bigconsole.widget.properties.rest.authNone", "None")
+																		children: C("bigconsole.widget.properties.rest.authNone", "None")
 																	}),
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "api_key",
-																		children: T("bigconsole.widget.properties.rest.authApiKey", "API Key")
+																		children: C("bigconsole.widget.properties.rest.authApiKey", "API Key")
 																	}),
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "bearer",
-																		children: T("bigconsole.widget.properties.rest.authBearer", "Bearer Token")
+																		children: C("bigconsole.widget.properties.rest.authBearer", "Bearer Token")
 																	}),
-																	/* @__PURE__ */ C(y, {
+																	/* @__PURE__ */ x(v, {
 																		value: "basic",
-																		children: T("bigconsole.widget.properties.rest.authBasic", "Basic Auth")
+																		children: C("bigconsole.widget.properties.rest.authBasic", "Basic Auth")
 																	})
 																]
 															})]
 														})]
 													}),
-													!!(O.config?.authType && O.config.authType !== "none") && /* @__PURE__ */ w("div", {
+													!!(E.config?.authType && E.config.authType !== "none") && /* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: String(O.config.authType) === "basic" ? T("bigconsole.widget.properties.rest.credentialsLabel", "Credentials (user:pass)") : T("bigconsole.widget.properties.rest.tokenKeyLabel", "Token/Key") }), /* @__PURE__ */ C(_, {
+														children: [/* @__PURE__ */ x(_, { children: String(E.config.authType) === "basic" ? C("bigconsole.widget.properties.rest.credentialsLabel", "Credentials (user:pass)") : C("bigconsole.widget.properties.rest.tokenKeyLabel", "Token/Key") }), /* @__PURE__ */ x(g, {
 															type: "password",
-															value: O.config?.authValue || "",
+															value: E.config?.authValue || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																authValue: e.target.value || void 0
 															}),
-															placeholder: O.config.authType === "basic" ? T("bigconsole.widget.properties.rest.credentialsPlaceholder", "username:password") : T("bigconsole.widget.properties.rest.tokenKeyPlaceholder", "Enter token or API key")
+															placeholder: E.config.authType === "basic" ? C("bigconsole.widget.properties.rest.credentialsPlaceholder", "username:password") : C("bigconsole.widget.properties.rest.tokenKeyPlaceholder", "Enter token or API key")
 														})]
 													}),
-													(O.config?.httpMethod === "POST" || O.config?.httpMethod === "PUT") && /* @__PURE__ */ w("div", {
+													(E.config?.httpMethod === "POST" || E.config?.httpMethod === "PUT") && /* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.rest.requestBodyLabel", "Request Body (JSON)") }), /* @__PURE__ */ C(S, {
-															value: O.config?.requestBody || "",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.rest.requestBodyLabel", "Request Body (JSON)") }), /* @__PURE__ */ x(b, {
+															value: E.config?.requestBody || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																requestBody: e.target.value || void 0
 															}),
 															rows: 4,
@@ -1203,46 +1226,46 @@ var T = u(function({ isOpen: u, onClose: be }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
 														children: [
-															/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
-															/* @__PURE__ */ C(_, {
-																value: O.config?.dataPath || "",
+															/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
+															/* @__PURE__ */ x(g, {
+																value: E.config?.dataPath || "",
 																onChange: (e) => $({
-																	...O.config,
+																	...E.config,
 																	dataPath: e.target.value || void 0
 																}),
 																placeholder: "$.data.items or .data.items"
 															}),
-															/* @__PURE__ */ C("p", {
+															/* @__PURE__ */ x("p", {
 																className: "text-xs text-text-secondary",
-																children: T("bigconsole.widget.properties.dataPath.restHelp", "JSONPath or dot notation to extract data from response")
+																children: C("bigconsole.widget.properties.dataPath.restHelp", "JSONPath or dot notation to extract data from response")
 															})
 														]
 													})
 												]
 											}),
-											O.config?.dataSourceType === "GRAPHQL" && /* @__PURE__ */ w("div", {
+											E.config?.dataSourceType === "GRAPHQL" && /* @__PURE__ */ S("div", {
 												className: "space-y-3",
 												children: [
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.graphql.endpointLabel", "GraphQL Endpoint *") }), /* @__PURE__ */ C(_, {
-															value: O.config?.graphqlEndpoint || "",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.graphql.endpointLabel", "GraphQL Endpoint *") }), /* @__PURE__ */ x(g, {
+															value: E.config?.graphqlEndpoint || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																graphqlEndpoint: e.target.value || void 0
 															}),
 															placeholder: "https://api.example.com/graphql"
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.graphql.queryLabel", "Query *") }), /* @__PURE__ */ C(S, {
-															value: O.config?.graphqlQuery || "",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.graphql.queryLabel", "Query *") }), /* @__PURE__ */ x(b, {
+															value: E.config?.graphqlQuery || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																graphqlQuery: e.target.value || void 0
 															}),
 															rows: 6,
@@ -1250,12 +1273,12 @@ var T = u(function({ isOpen: u, onClose: be }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.graphql.variablesLabel", "Variables (JSON, optional)") }), /* @__PURE__ */ C(S, {
-															value: O.config?.graphqlVariables || "",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.graphql.variablesLabel", "Variables (JSON, optional)") }), /* @__PURE__ */ x(b, {
+															value: E.config?.graphqlVariables || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																graphqlVariables: e.target.value || void 0
 															}),
 															rows: 3,
@@ -1263,12 +1286,12 @@ var T = u(function({ isOpen: u, onClose: be }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.graphql.headersLabel", "Headers (JSON, optional)") }), /* @__PURE__ */ C(S, {
-															value: O.config?.headers || "",
+														children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.graphql.headersLabel", "Headers (JSON, optional)") }), /* @__PURE__ */ x(b, {
+															value: E.config?.headers || "",
 															onChange: (e) => $({
-																...O.config,
+																...E.config,
 																headers: e.target.value || void 0
 															}),
 															rows: 2,
@@ -1276,32 +1299,32 @@ var T = u(function({ isOpen: u, onClose: be }) {
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ S("div", {
 														className: "space-y-2",
 														children: [
-															/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
-															/* @__PURE__ */ C(_, {
-																value: O.config?.dataPath || "",
+															/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.dataPath.label", "Data Path (optional)") }),
+															/* @__PURE__ */ x(g, {
+																value: E.config?.dataPath || "",
 																onChange: (e) => $({
-																	...O.config,
+																	...E.config,
 																	dataPath: e.target.value || void 0
 																}),
 																placeholder: ".data.items"
 															}),
-															/* @__PURE__ */ C("p", {
+															/* @__PURE__ */ x("p", {
 																className: "text-xs text-text-secondary",
-																children: T("bigconsole.widget.properties.dataPath.graphqlHelp", "Path to extract data from GraphQL response")
+																children: C("bigconsole.widget.properties.dataPath.graphqlHelp", "Path to extract data from GraphQL response")
 															})
 														]
 													})
 												]
 											}),
-											O.config?.dataSourceType === "MOCK" && /* @__PURE__ */ w("div", {
+											E.config?.dataSourceType === "MOCK" && /* @__PURE__ */ S("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ C(v, { children: T("bigconsole.widget.properties.mock.sampleDataLabel", "Sample Data (JSON)") }), /* @__PURE__ */ C(S, {
-													value: O.config?.mockData || "",
+												children: [/* @__PURE__ */ x(_, { children: C("bigconsole.widget.properties.mock.sampleDataLabel", "Sample Data (JSON)") }), /* @__PURE__ */ x(b, {
+													value: E.config?.mockData || "",
 													onChange: (e) => $({
-														...O.config,
+														...E.config,
 														mockData: e.target.value || void 0
 													}),
 													rows: 5,
@@ -1313,86 +1336,86 @@ var T = u(function({ isOpen: u, onClose: be }) {
 									})
 								})] })
 							}),
-							/* @__PURE__ */ C(b, {
+							/* @__PURE__ */ x(Ve, {
 								value: "advanced",
 								className: "mt-0",
-								children: /* @__PURE__ */ w(r, { children: [
-									O && /* @__PURE__ */ C(le, {
-										renderer: O.renderer,
-										rendererOptions: sn,
+								children: /* @__PURE__ */ S(r, { children: [
+									E && /* @__PURE__ */ x(ue, {
+										renderer: E.renderer,
+										rendererOptions: ln,
 										onRendererChange: (e) => {
 											Q("renderer", e), e === "BIGCONSOLE" && Q("template", void 0);
 										},
-										templateEditor: O.renderer === "BIGCONSOLE" ? void 0 : /* @__PURE__ */ C(Xe, {
+										templateEditor: E.renderer === "BIGCONSOLE" ? void 0 : /* @__PURE__ */ x($e, {
 											widget: {
-												...F,
-												template: O.template,
-												renderer: O.renderer
+												...N,
+												template: E.template,
+												renderer: E.renderer
 											},
 											onSave: (e) => Q("template", e)
 										})
 									}),
-									/* @__PURE__ */ C(n, {
-										title: T("bigconsole.widget.properties.section.drilldown", "Drilldown"),
+									/* @__PURE__ */ x(n, {
+										title: C("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__ */ C(ce, {
-											widget: F,
-											onChange: an
+										children: /* @__PURE__ */ x(le, {
+											widget: N,
+											onChange: sn
 										})
 									}),
-									/* @__PURE__ */ C(n, {
-										title: T("bigconsole.widget.properties.section.webhooks", "Webhooks"),
+									/* @__PURE__ */ x(n, {
+										title: C("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__ */ C(oe, {
-											dashboardId: F.dashboardId,
-											widgetId: F.id
+										children: /* @__PURE__ */ x(se, {
+											dashboardId: N.dashboardId,
+											widgetId: N.id
 										})
 									}),
-									/* @__PURE__ */ C(n, {
+									/* @__PURE__ */ x(n, {
 										emphasis: "muted",
-										title: T("bigconsole.widget.properties.section.events", "Events"),
+										title: C("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__ */ C(se, {
-											dashboardId: F.dashboardId,
-											widgetId: F.id,
+										children: /* @__PURE__ */ x(ce, {
+											dashboardId: N.dashboardId,
+											widgetId: N.id,
 											maxHeight: "min(50vh, 360px)"
 										})
 									})
 								] })
 							}),
-							/* @__PURE__ */ C(b, {
+							/* @__PURE__ */ x(Ve, {
 								value: "appearance",
 								className: "mt-0",
-								children: O && /* @__PURE__ */ C(ue, {
-									widgetType: F.type,
-									config: O.config || {},
-									onChange: rn
+								children: E && /* @__PURE__ */ x(de, {
+									widgetType: N.type,
+									config: E.config || {},
+									onChange: on
 								})
 							})
 						]
 					})]
-				}) : /* @__PURE__ */ C("div", {
+				}) : /* @__PURE__ */ x("div", {
 					className: "flex min-h-0 flex-1 items-center justify-center p-card-padding",
-					children: /* @__PURE__ */ C(n, {
+					children: /* @__PURE__ */ x(n, {
 						tone: "info",
-						title: T("bigconsole.widget.properties.emptyState", "Select a widget to edit"),
+						title: C("bigconsole.widget.properties.emptyState", "Select a widget to edit"),
 						headingLevel: 3,
-						icon: /* @__PURE__ */ C(xe, { className: "h-icon-md w-icon-md" }),
+						icon: /* @__PURE__ */ x(Ce, { className: "h-icon-md w-icon-md" }),
 						className: "w-full max-w-sm",
 						"data-testid": "widget-inspector-empty",
-						children: /* @__PURE__ */ C("p", {
+						children: /* @__PURE__ */ x("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."
 						})
 					})
 				}),
-				F && /* @__PURE__ */ w("div", {
+				N && /* @__PURE__ */ S("div", {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderTop: "1px solid var(--color-border-subtle)",
@@ -1400,94 +1423,94 @@ var T = u(function({ isOpen: u, onClose: be }) {
 						flexShrink: 0
 					},
 					children: [
-						A && /* @__PURE__ */ C(n, {
+						O && /* @__PURE__ */ x(n, {
 							tone: "warning",
 							padding: "compact",
-							title: T("bigconsole.widget.properties.footer.unsavedChanges", "You have unsaved changes"),
+							title: C("bigconsole.widget.properties.footer.unsavedChanges", "You have unsaved changes"),
 							headingLevel: 3,
 							className: "mb-control-gap",
 							"data-testid": "widget-inspector-save-unsaved"
 						}),
-						E === "saved" && !A && /* @__PURE__ */ C(n, {
+						w === "saved" && !O && /* @__PURE__ */ x(n, {
 							tone: "success",
 							padding: "compact",
-							title: T("bigconsole.widget.properties.footer.allSaved", "All changes saved"),
+							title: C("bigconsole.widget.properties.footer.allSaved", "All changes saved"),
 							headingLevel: 3,
-							icon: /* @__PURE__ */ C(h, { className: "h-icon-sm w-icon-sm" }),
+							icon: /* @__PURE__ */ x(ye, { className: "h-icon-sm w-icon-sm" }),
 							className: "mb-control-gap",
 							"data-testid": "widget-inspector-save-saved"
 						}),
-						E === "error" && /* @__PURE__ */ C(n, {
+						w === "error" && /* @__PURE__ */ x(n, {
 							tone: "danger",
 							padding: "compact",
-							title: T("bigconsole.widget.properties.footer.saveFailed", "Failed to save changes"),
+							title: C("bigconsole.widget.properties.footer.saveFailed", "Failed to save changes"),
 							headingLevel: 3,
-							icon: /* @__PURE__ */ C(Te, { className: "h-icon-sm w-icon-sm" }),
+							icon: /* @__PURE__ */ x(De, { className: "h-icon-sm w-icon-sm" }),
 							className: "mb-control-gap",
 							"data-testid": "widget-inspector-save-error"
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex flex-wrap gap-control-gap",
-							children: [/* @__PURE__ */ C(g, {
-								onClick: tn,
-								disabled: E === "saving" || !A,
+							children: [/* @__PURE__ */ x(h, {
+								onClick: rn,
+								disabled: w === "saving" || !O,
 								style: {
 									flex: 1,
 									height: "var(--size-controlHeight-md)",
-									backgroundColor: A ? "var(--color-action-primary-bg)" : void 0,
-									opacity: A ? 1 : .5
+									backgroundColor: O ? "var(--color-action-primary-bg)" : void 0,
+									opacity: O ? 1 : .5
 								},
-								children: E === "saving" ? /* @__PURE__ */ w("span", {
+								children: w === "saving" ? /* @__PURE__ */ S("span", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ C(Le, { style: {
+									children: [/* @__PURE__ */ x(ze, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
-									} }), T("bigconsole.widget.properties.footer.saving", "Saving...")]
-								}) : /* @__PURE__ */ w("span", {
+									} }), C("bigconsole.widget.properties.footer.saving", "Saving...")]
+								}) : /* @__PURE__ */ S("span", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ C(h, { style: {
+									children: [/* @__PURE__ */ x(ye, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
-									} }), T("bigconsole.widget.properties.footer.saveChanges", "Save Changes")]
+									} }), C("bigconsole.widget.properties.footer.saveChanges", "Save Changes")]
 								})
-							}), /* @__PURE__ */ w(g, {
+							}), /* @__PURE__ */ S(h, {
 								variant: "outline",
-								onClick: nn,
-								disabled: E === "saving" || !A,
+								onClick: an,
+								disabled: w === "saving" || !O,
 								style: {
 									height: "var(--size-controlHeight-md)",
-									opacity: A ? 1 : .5
+									opacity: O ? 1 : .5
 								},
-								children: [/* @__PURE__ */ C(Te, { style: {
+								children: [/* @__PURE__ */ x(De, { style: {
 									width: "var(--size-icon-sm)",
 									height: "var(--size-icon-sm)"
-								} }), T("bigconsole.widget.properties.footer.discard", "Discard")]
+								} }), C("bigconsole.widget.properties.footer.discard", "Discard")]
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ C(ae, {
-					isOpen: Lt,
-					action: zt,
-					initialWebhook: Gt,
-					isLoading: Bt,
-					saveError: Ut,
+				/* @__PURE__ */ x(oe, {
+					isOpen: zt,
+					action: Vt,
+					initialWebhook: qt,
+					isLoading: Ht,
+					saveError: Gt,
 					onClose: () => {
-						Rt(!1), Y(void 0), X(void 0), Z(null);
+						Bt(!1), Y(void 0), X(void 0), Z(null);
 					},
-					onSave: Yt
+					onSave: Zt
 				})
 			]
 		})
 	});
 });
 //#endregion
-export { T as PropertiesPanel, T as default };
+export { C as PropertiesPanel, C as default };