@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

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

@@ -1,10 +1,12 @@
-import { BIGCONSOLE_PERMISSIONS as e } from "../../../constants/permissions.js";
-import { memo as t, useCallback as n, useEffect as r, useMemo as i, useRef as ee, useState as a } from "react";
-import { PermissionButton as te } from "@burdenoff/fe-libs/shared/components";
-import { ChevronDown as ne, ChevronRight as re, Pencil as ie, Plus as ae, Zap as oe } from "lucide-react";
-import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as ce, Checkbox as le, Dialog as ue, DialogContent as de, DialogDescription as fe, DialogFooter as pe, DialogHeader as me, DialogTitle as he, Input as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Spinner as ge, Textarea as _e } from "@burdenoff/fe-libs/ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Section as e } from "../common/Section.js";
+import "../common/index.js";
+import { BIGCONSOLE_PERMISSIONS as t } from "../../../constants/permissions.js";
+import { memo as n, useCallback as r, useEffect as ee, useMemo as i, useRef as te, useState as a } from "react";
+import { PermissionButton as ne } from "@burdenoff/fe-libs/shared/components";
+import { ChevronDown as re, ChevronRight as ie, Pencil as ae, Plus as oe, Zap as se } from "lucide-react";
+import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as le, Checkbox as o, Dialog as ue, DialogContent as de, DialogDescription as fe, DialogFooter as pe, DialogHeader as me, DialogTitle as he, Input as s, Select as c, SelectContent as l, SelectItem as u, SelectTrigger as d, SelectValue as f, Spinner as ge, Textarea as _e } from "@burdenoff/fe-libs/ui";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/ActionConfigDialog.tsx
 var ve = [
 	"POST",
@@ -49,125 +51,132 @@ var ve = [
 	"filter",
 	"search"
 ];
-function m(e) {
+function h(e) {
 	return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
 }
-var h = {
+var g = {
 	display: "block",
 	fontSize: "var(--font-size-body-sm)",
-	fontWeight: "var(--font-weight-semibold)",
+	fontWeight: "var(--font-weight-medium)",
 	color: "var(--color-text-primary)",
 	marginBottom: "var(--space-controlGap)"
-}, g = {
+}, xe = {
+	margin: "0 0 var(--space-controlGap) 0",
+	fontSize: "var(--font-size-body-sm)",
+	fontWeight: "var(--font-weight-bold)",
+	letterSpacing: "0.06em",
+	textTransform: "uppercase",
+	color: "var(--color-text-secondary)"
+}, _ = {
 	fontSize: "var(--font-size-body-sm)",
 	color: "var(--color-text-muted)",
 	marginTop: "var(--space-controlGap)"
-}, _ = {
+}, v = {
 	zIndex: 9999,
 	backgroundColor: "var(--color-overlay-popoverBg, var(--color-bg-surface))",
-	border: "1px solid var(--color-border)",
+	border: "1px solid var(--color-border-subtle)",
 	boxShadow: "var(--shadow-elevation-3)",
 	borderRadius: "var(--radius-button)"
-}, v = t(function({ isOpen: t, action: v, initialWebhook: y, isLoading: b = !1, saveError: xe, onClose: Se, onSave: Ce }) {
-	let { t: x } = se(), S = !!v, C = ee(null), w = ee(!1), [T, E] = a(""), [D, O] = a(""), [k, A] = a(!1), [j, M] = a("PRIMARY"), [N, P] = a(""), [F, I] = a("WEBHOOK"), [L, we] = a(""), [R, z] = a("POST"), [B, V] = a(!1), [H, U] = a(!1), [Te, Ee] = a(!1), [W, G] = a(!1), [K, q] = a(() => x("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [J, Y] = a(() => x("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [De, X] = a(() => x("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Oe, Z] = a(() => x("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Q, $] = a(null), ke = i(() => [{
+}, y = n(function({ isOpen: n, action: y, initialWebhook: b, isLoading: x = !1, saveError: Se, onClose: Ce, onSave: we }) {
+	let { t: S } = ce(), C = !!y, Te = te(null), w = te(!1), [T, E] = a(""), [D, O] = a(""), [k, A] = a(!1), [j, M] = a("PRIMARY"), [N, Ee] = a(""), [P, F] = a("WEBHOOK"), [I, L] = a(""), [R, z] = a("POST"), [B, V] = a(!1), [H, U] = a(!1), [W, De] = a(!1), [G, K] = a(!1), [q, J] = a(() => S("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [Oe, Y] = a(() => S("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [ke, X] = a(() => S("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Ae, Z] = a(() => S("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Q, $] = a(null), je = i(() => [{
 		value: "WEBHOOK",
-		label: x("bigconsole.widget.actions.outcome.webhook.label", "Call a webhook / my API"),
-		hint: x("bigconsole.widget.actions.outcome.webhook.hint", "Sends an HTTP request to the URL below every time the button is clicked.")
+		label: S("bigconsole.widget.actions.outcome.webhook.label", "Call a webhook / my API"),
+		hint: S("bigconsole.widget.actions.outcome.webhook.hint", "Sends an HTTP request to the URL below every time the button is clicked.")
 	}, {
 		value: "EMIT",
-		label: x("bigconsole.widget.actions.outcome.emit.label", "Just emit an event (advanced)"),
-		hint: x("bigconsole.widget.actions.outcome.emit.hint", "Emits widget:<name>:clicked. Wire it up yourself in the Webhooks/Events section.")
-	}], [x]), Ae = i(() => {
+		label: S("bigconsole.widget.actions.outcome.emit.label", "Just emit an event (advanced)"),
+		hint: S("bigconsole.widget.actions.outcome.emit.hint", "Emits widget:<name>:clicked. Wire it up yourself in the Webhooks/Events section.")
+	}], [S]), Me = i(() => {
 		let e = {
-			PRIMARY: x("bigconsole.widget.actions.style.primary", "Primary"),
-			SECONDARY: x("bigconsole.widget.actions.style.secondary", "Secondary"),
-			SUCCESS: x("bigconsole.widget.actions.style.success", "Success"),
-			WARNING: x("bigconsole.widget.actions.style.warning", "Warning"),
-			DANGER: x("bigconsole.widget.actions.style.danger", "Danger"),
-			GHOST: x("bigconsole.widget.actions.style.ghost", "Ghost"),
-			LINK: x("bigconsole.widget.actions.style.link", "Link")
+			PRIMARY: S("bigconsole.widget.actions.style.primary", "Primary"),
+			SECONDARY: S("bigconsole.widget.actions.style.secondary", "Secondary"),
+			SUCCESS: S("bigconsole.widget.actions.style.success", "Success"),
+			WARNING: S("bigconsole.widget.actions.style.warning", "Warning"),
+			DANGER: S("bigconsole.widget.actions.style.danger", "Danger"),
+			GHOST: S("bigconsole.widget.actions.style.ghost", "Ghost"),
+			LINK: S("bigconsole.widget.actions.style.link", "Link")
 		};
 		return ye.map((t) => ({
 			value: t.value,
 			label: e[t.value],
 			color: t.color
 		}));
-	}, [x]), je = i(() => {
+	}, [S]), Ne = i(() => {
 		let e = {
-			"": x("bigconsole.widget.actions.icon.none", "No icon"),
-			refresh: x("bigconsole.widget.actions.icon.refresh", "Refresh"),
-			download: x("bigconsole.widget.actions.icon.download", "Download"),
-			upload: x("bigconsole.widget.actions.icon.upload", "Upload"),
-			trash: x("bigconsole.widget.actions.icon.trash", "Trash"),
-			edit: x("bigconsole.widget.actions.icon.edit", "Edit"),
-			plus: x("bigconsole.widget.actions.icon.plus", "Plus"),
-			check: x("bigconsole.widget.actions.icon.check", "Check"),
-			eye: x("bigconsole.widget.actions.icon.eye", "View"),
-			copy: x("bigconsole.widget.actions.icon.copy", "Copy"),
-			share: x("bigconsole.widget.actions.icon.share", "Share"),
-			settings: x("bigconsole.widget.actions.icon.settings", "Settings"),
-			filter: x("bigconsole.widget.actions.icon.filter", "Filter"),
-			search: x("bigconsole.widget.actions.icon.search", "Search")
+			"": S("bigconsole.widget.actions.icon.none", "No icon"),
+			refresh: S("bigconsole.widget.actions.icon.refresh", "Refresh"),
+			download: S("bigconsole.widget.actions.icon.download", "Download"),
+			upload: S("bigconsole.widget.actions.icon.upload", "Upload"),
+			trash: S("bigconsole.widget.actions.icon.trash", "Trash"),
+			edit: S("bigconsole.widget.actions.icon.edit", "Edit"),
+			plus: S("bigconsole.widget.actions.icon.plus", "Plus"),
+			check: S("bigconsole.widget.actions.icon.check", "Check"),
+			eye: S("bigconsole.widget.actions.icon.eye", "View"),
+			copy: S("bigconsole.widget.actions.icon.copy", "Copy"),
+			share: S("bigconsole.widget.actions.icon.share", "Share"),
+			settings: S("bigconsole.widget.actions.icon.settings", "Settings"),
+			filter: S("bigconsole.widget.actions.icon.filter", "Filter"),
+			search: S("bigconsole.widget.actions.icon.search", "Search")
 		};
 		return be.map((t) => ({
 			value: t,
 			label: e[t]
 		}));
-	}, [x]);
-	r(() => {
-		if (!t) return;
-		w.current = !1, we(""), z("POST"), v ? (E(v.label), O(v.name), A(!1), M(v.style), P(v.icon || ""), V(v.disabled), U(v.hidden), I("EMIT"), G(!!v.confirmation), v.confirmation ? (q(v.confirmation.title), Y(v.confirmation.message), X(v.confirmation.confirmLabel || x("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(v.confirmation.cancelLabel || x("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))) : (q(x("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), Y(x("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), X(x("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(x("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")))) : (E(""), O(""), A(!1), M("PRIMARY"), P(""), I("WEBHOOK"), V(!1), U(!1), G(!1), q(x("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), Y(x("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), X(x("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(x("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))), Ee(!1), $(null);
-		let e = requestAnimationFrame(() => requestAnimationFrame(() => C.current?.focus()));
+	}, [S]);
+	ee(() => {
+		if (!n) return;
+		w.current = !1, L(""), z("POST"), y ? (E(y.label), O(y.name), A(!1), M(y.style), Ee(y.icon || ""), V(y.disabled), U(y.hidden), F("EMIT"), K(!!y.confirmation), y.confirmation ? (J(y.confirmation.title), Y(y.confirmation.message), X(y.confirmation.confirmLabel || S("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(y.confirmation.cancelLabel || S("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))) : (J(S("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), Y(S("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), X(S("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(S("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")))) : (E(""), O(""), A(!1), M("PRIMARY"), Ee(""), F("WEBHOOK"), V(!1), U(!1), K(!1), J(S("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), Y(S("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), X(S("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(S("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))), De(!1), $(null);
+		let e = requestAnimationFrame(() => requestAnimationFrame(() => Te.current?.focus()));
 		return () => cancelAnimationFrame(e);
 	}, [
-		t,
-		v,
-		x
-	]), r(() => {
-		!t || !y || w.current || (I("WEBHOOK"), we(y.url), z(y.method));
-	}, [t, y]);
-	let Me = n((e) => {
-		E(e), k || O(m(e)), Q && $(null);
-	}, [k, Q]), Ne = n((e) => {
+		n,
+		y,
+		S
+	]), ee(() => {
+		!n || !b || w.current || (F("WEBHOOK"), L(b.url), z(b.method));
+	}, [n, b]);
+	let Pe = r((e) => {
+		E(e), k || O(h(e)), Q && $(null);
+	}, [k, Q]), Fe = r((e) => {
 		e.preventDefault();
 		let t = T.trim();
 		if (!t) {
-			$(x("bigconsole.widget.actions.validation.labelRequired", "Button label is required")), C.current?.focus();
+			$(S("bigconsole.widget.actions.validation.labelRequired", "Button label is required")), Te.current?.focus();
 			return;
 		}
-		let n = S && v ? v.name : m(k ? D : T) || m(T);
+		let n = C && y ? y.name : h(k ? D : T) || h(T);
 		if (!n) {
-			$(x("bigconsole.widget.actions.validation.labelLettersOrNumbers", "Enter a label using letters or numbers"));
+			$(S("bigconsole.widget.actions.validation.labelLettersOrNumbers", "Enter a label using letters or numbers"));
 			return;
 		}
-		if (F === "WEBHOOK") {
-			let e = L.trim();
+		if (P === "WEBHOOK") {
+			let e = I.trim();
 			if (!e) {
-				$(x("bigconsole.widget.actions.validation.urlRequired", "Enter the URL to call when the button is clicked"));
+				$(S("bigconsole.widget.actions.validation.urlRequired", "Enter the URL to call when the button is clicked"));
 				return;
 			}
 			if (!/^https?:\/\//i.test(e)) {
-				$(x("bigconsole.widget.actions.validation.urlScheme", "Webhook URL must start with http:// or https://"));
+				$(S("bigconsole.widget.actions.validation.urlScheme", "Webhook URL must start with http:// or https://"));
 				return;
 			}
 		}
-		let r = W ? {
-			title: K.trim() || x("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action"),
-			message: J.trim() || x("bigconsole.widget.actions.confirm.fallbackMessage", "Are you sure?"),
-			confirmLabel: De.trim() || x("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm"),
-			cancelLabel: Oe.trim() || x("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")
-		} : void 0, i = F === "WEBHOOK" ? {
-			url: L.trim(),
+		let r = G ? {
+			title: q.trim() || S("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action"),
+			message: Oe.trim() || S("bigconsole.widget.actions.confirm.fallbackMessage", "Are you sure?"),
+			confirmLabel: ke.trim() || S("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm"),
+			cancelLabel: Ae.trim() || S("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")
+		} : void 0, ee = P === "WEBHOOK" ? {
+			url: I.trim(),
 			method: R
 		} : null;
-		Ce(S && v ? {
-			id: v.id,
+		we(C && y ? {
+			id: y.id,
 			name: n,
 			label: t,
 			type: "BUTTON",
 			style: j,
 			icon: N || void 0,
-			confirmation: W ? r : null,
+			confirmation: G ? r : null,
 			disabled: B,
 			hidden: H
 		} : {
@@ -179,45 +188,48 @@ var h = {
 			confirmation: r,
 			disabled: B,
 			hidden: H
-		}, i);
+		}, ee);
 	}, [
 		T,
 		D,
 		k,
-		F,
-		L,
+		P,
+		I,
 		R,
 		j,
 		N,
 		B,
 		H,
-		W,
-		K,
-		J,
-		De,
+		G,
+		q,
 		Oe,
-		S,
-		v,
-		Ce,
-		x
-	]), Pe = (e) => Ae.find((t) => t.value === e)?.color || "var(--color-action-primary-bg)", Fe = ke.find((e) => e.value === F);
-	return /* @__PURE__ */ f(ue, {
-		open: t,
-		onOpenChange: (e) => !e && !b && Se(),
-		children: /* @__PURE__ */ p(de, {
+		ke,
+		Ae,
+		C,
+		y,
+		we,
+		S
+	]), Ie = (e) => Me.find((t) => t.value === e)?.color || "var(--color-action-primary-bg)", Le = je.find((e) => e.value === P);
+	return /* @__PURE__ */ p(ue, {
+		open: n,
+		onOpenChange: (e) => !e && !x && Ce(),
+		children: /* @__PURE__ */ m(de, {
 			style: {
-				maxWidth: "500px",
+				width: "min(500px, calc(100vw - 2rem))",
+				maxWidth: "calc(100vw - 2rem)",
 				padding: 0
 			},
-			children: [/* @__PURE__ */ f(me, {
-				style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
-				children: /* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ p(me, {
+				style: { padding: "var(--space-cardPadding) var(--space-cardPadding) 0" },
+				children: /* @__PURE__ */ m("div", {
 					style: {
 						display: "flex",
+						flexWrap: "wrap",
 						alignItems: "center",
-						gap: "var(--space-formGap)"
+						gap: "var(--space-controlGap)",
+						minWidth: 0
 					},
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						style: {
 							display: "flex",
 							height: "var(--size-controlHeight-lg)",
@@ -228,138 +240,139 @@ var h = {
 							backgroundColor: "var(--color-action-primary-bg)",
 							boxShadow: "var(--shadow-elevation-2)"
 						},
-						children: f(S ? ie : oe, { style: {
+						children: p(C ? ae : se, { style: {
 							height: "var(--size-icon-lg)",
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
 						} })
-					}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(he, {
+					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(he, {
 						style: {
-							fontSize: "var(--font-size-heading-h4)",
+							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-bold)",
 							color: "var(--color-text-primary)",
 							margin: 0
 						},
-						children: S ? x("bigconsole.widget.actions.header.editTitle", "Edit Button") : x("bigconsole.widget.actions.header.addTitle", "Add Button")
-					}), /* @__PURE__ */ f(fe, {
+						children: C ? S("bigconsole.widget.actions.header.editTitle", "Edit Button") : S("bigconsole.widget.actions.header.addTitle", "Add Button")
+					}), /* @__PURE__ */ p(fe, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
 							margin: "var(--space-controlGap) 0 0 0"
 						},
-						children: S ? x("bigconsole.widget.actions.header.editDescription", "Update the button and what it does") : x("bigconsole.widget.actions.header.addDescription", "Add a button and choose what it does")
+						children: C ? S("bigconsole.widget.actions.header.editDescription", "Update the button and what it does") : S("bigconsole.widget.actions.header.addDescription", "Add a button and choose what it does")
 					})] })]
 				})
-			}), /* @__PURE__ */ p("form", {
-				onSubmit: Ne,
-				children: [/* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("form", {
+				onSubmit: Fe,
+				children: [/* @__PURE__ */ m("div", {
 					style: {
-						padding: "var(--space-pagePadding)",
-						maxHeight: "60vh",
+						padding: "var(--space-cardPadding)",
+						maxHeight: "65vh",
+						minWidth: 0,
 						overflowY: "auto"
 					},
 					children: [
-						(Q || xe) && /* @__PURE__ */ f("div", {
-							style: {
-								padding: "var(--space-controlGap)",
-								backgroundColor: "var(--color-status-error-bgSubtle)",
-								border: "1px solid var(--color-status-error-border)",
-								borderRadius: "var(--radius-button)",
-								marginBottom: "var(--space-formGap)"
-							},
-							children: /* @__PURE__ */ f("p", {
-								style: {
-									fontSize: "var(--font-size-body-sm)",
-									color: "var(--color-status-error-text)",
-									margin: 0
-								},
-								children: Q || xe
+						(Q || Se) && /* @__PURE__ */ p(e, {
+							tone: "danger",
+							padding: "compact",
+							headingLevel: 3,
+							title: "This button could not be saved",
+							className: "mb-form-gap",
+							"data-testid": "action-config-error",
+							children: /* @__PURE__ */ p("p", {
+								role: "alert",
+								className: "break-words text-sm text-[var(--color-status-error-text)]",
+								children: Q || Se
 							})
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ p("h3", {
+							style: xe,
+							children: "Appearance"
+						}),
+						/* @__PURE__ */ m("div", {
 							style: { marginBottom: "var(--space-formGap)" },
 							children: [
-								/* @__PURE__ */ p("label", {
-									style: h,
+								/* @__PURE__ */ m("label", {
+									style: g,
 									children: [
-										x("bigconsole.widget.actions.field.buttonLabel", "Button label"),
+										S("bigconsole.widget.actions.field.buttonLabel", "Button label"),
 										" ",
-										/* @__PURE__ */ f("span", {
+										/* @__PURE__ */ p("span", {
 											style: { color: "var(--color-status-error-text)" },
 											children: "*"
 										})
 									]
 								}),
-								/* @__PURE__ */ f(o, {
-									ref: C,
+								/* @__PURE__ */ p(s, {
+									ref: Te,
 									value: T,
-									onChange: (e) => Me(e.target.value),
-									placeholder: x("bigconsole.widget.actions.field.buttonLabelPlaceholder", "e.g., Refresh Data, Export CSV"),
-									disabled: b,
+									onChange: (e) => Pe(e.target.value),
+									placeholder: S("bigconsole.widget.actions.field.buttonLabelPlaceholder", "e.g., Refresh Data, Export CSV"),
+									disabled: x,
 									style: {
 										height: "var(--size-controlHeight-md)",
 										fontSize: "var(--font-size-body-sm)"
 									}
 								}),
-								/* @__PURE__ */ f("p", {
-									style: g,
-									children: x("bigconsole.widget.actions.field.buttonLabelHint", "Text shown on the button")
+								/* @__PURE__ */ p("p", {
+									style: _,
+									children: S("bigconsole.widget.actions.field.buttonLabelHint", "Text shown on the button")
 								})
 							]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							style: {
 								display: "grid",
-								gridTemplateColumns: "1fr 1fr",
+								gridTemplateColumns: "repeat(auto-fit, minmax(11rem, 1fr))",
 								gap: "var(--space-formGap)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-								style: h,
-								children: x("bigconsole.widget.actions.field.style", "Style")
-							}), /* @__PURE__ */ p(s, {
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								style: g,
+								children: S("bigconsole.widget.actions.field.style", "Style")
+							}), /* @__PURE__ */ m(c, {
 								value: j,
 								onValueChange: (e) => M(e),
-								disabled: b,
-								children: [/* @__PURE__ */ f(u, {
+								disabled: x,
+								children: [/* @__PURE__ */ p(d, {
 									style: {
 										height: "var(--size-controlHeight-md)",
 										fontSize: "var(--font-size-body-sm)"
 									},
-									children: /* @__PURE__ */ f(d, {})
-								}), /* @__PURE__ */ f(c, {
-									style: _,
-									children: Ae.map((e) => /* @__PURE__ */ f(l, {
+									children: /* @__PURE__ */ p(f, {})
+								}), /* @__PURE__ */ p(l, {
+									style: v,
+									children: Me.map((e) => /* @__PURE__ */ p(u, {
 										value: e.value,
 										children: e.label
 									}, e.value))
 								})]
-							})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-								style: h,
-								children: x("bigconsole.widget.actions.field.icon", "Icon")
-							}), /* @__PURE__ */ p(s, {
+							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								style: g,
+								children: S("bigconsole.widget.actions.field.icon", "Icon")
+							}), /* @__PURE__ */ m(c, {
 								value: N,
-								onValueChange: P,
-								disabled: b,
-								children: [/* @__PURE__ */ f(u, {
+								onValueChange: Ee,
+								disabled: x,
+								children: [/* @__PURE__ */ p(d, {
 									style: {
 										height: "var(--size-controlHeight-md)",
 										fontSize: "var(--font-size-body-sm)"
 									},
-									children: /* @__PURE__ */ f(d, { placeholder: x("bigconsole.widget.actions.icon.none", "No icon") })
-								}), /* @__PURE__ */ f(c, {
+									children: /* @__PURE__ */ p(f, { placeholder: S("bigconsole.widget.actions.icon.none", "No icon") })
+								}), /* @__PURE__ */ p(l, {
 									style: {
-										..._,
+										...v,
 										maxHeight: "200px"
 									},
-									children: je.map((e) => /* @__PURE__ */ f(l, {
+									children: Ne.map((e) => /* @__PURE__ */ p(u, {
 										value: e.value || "none",
 										children: e.label
 									}, e.value || "none"))
 								})]
 							})] })]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -369,147 +382,157 @@ var h = {
 								backgroundColor: "var(--color-bg-sunken)",
 								borderRadius: "var(--radius-button)"
 							},
-							children: [/* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ p("span", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)"
 								},
-								children: x("bigconsole.widget.actions.preview.label", "Preview:")
-							}), /* @__PURE__ */ f("button", {
+								children: S("bigconsole.widget.actions.preview.label", "Preview:")
+							}), /* @__PURE__ */ p("button", {
 								type: "button",
 								style: {
 									padding: "var(--space-controlGap) var(--space-formGap)",
 									fontSize: "var(--font-size-body-sm)",
 									fontWeight: "var(--font-weight-medium)",
 									borderRadius: "var(--radius-button)",
-									backgroundColor: Pe(j),
+									backgroundColor: Ie(j),
 									color: "var(--color-action-primary-text)",
 									border: "none",
 									cursor: "default"
 								},
-								children: T || x("bigconsole.widget.actions.preview.buttonFallback", "Button")
+								children: T || S("bigconsole.widget.actions.preview.buttonFallback", "Button")
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ p("h3", {
+							style: {
+								...xe,
+								marginTop: "var(--space-formGap)"
+							},
+							children: "Behaviour"
+						}),
+						/* @__PURE__ */ m("div", {
 							style: { marginBottom: "var(--space-formGap)" },
 							children: [
-								/* @__PURE__ */ f("label", {
-									style: h,
-									children: x("bigconsole.widget.actions.field.whenClicked", "When clicked")
+								/* @__PURE__ */ p("label", {
+									style: g,
+									children: S("bigconsole.widget.actions.field.whenClicked", "When clicked")
 								}),
-								/* @__PURE__ */ p(s, {
-									value: F,
+								/* @__PURE__ */ m(c, {
+									value: P,
 									onValueChange: (e) => {
-										w.current = !0, I(e);
+										w.current = !0, F(e);
 									},
-									disabled: b,
-									children: [/* @__PURE__ */ f(u, {
+									disabled: x,
+									children: [/* @__PURE__ */ p(d, {
 										style: {
 											height: "var(--size-controlHeight-md)",
 											fontSize: "var(--font-size-body-sm)"
 										},
-										children: /* @__PURE__ */ f(d, {})
-									}), /* @__PURE__ */ f(c, {
-										style: _,
-										children: ke.map((e) => /* @__PURE__ */ f(l, {
+										children: /* @__PURE__ */ p(f, {})
+									}), /* @__PURE__ */ p(l, {
+										style: v,
+										children: je.map((e) => /* @__PURE__ */ p(u, {
 											value: e.value,
 											children: e.label
 										}, e.value))
 									})]
 								}),
-								Fe && /* @__PURE__ */ f("p", {
-									style: g,
-									children: Fe.hint
+								Le && /* @__PURE__ */ p("p", {
+									style: _,
+									children: Le.hint
 								})
 							]
 						}),
-						F === "WEBHOOK" && /* @__PURE__ */ p("div", {
+						P === "WEBHOOK" && /* @__PURE__ */ m("div", {
 							style: {
 								marginBottom: "var(--space-formGap)",
 								paddingLeft: "var(--space-formGap)",
-								borderLeft: "2px solid var(--color-border)",
+								borderLeft: "2px solid var(--color-border-subtle)",
 								display: "flex",
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
 							children: [
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("label", {
-									style: h,
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
+									style: g,
 									children: [
-										x("bigconsole.widget.actions.webhook.urlLabel", "URL"),
+										S("bigconsole.widget.actions.webhook.urlLabel", "URL"),
 										" ",
-										/* @__PURE__ */ f("span", {
+										/* @__PURE__ */ p("span", {
 											style: { color: "var(--color-status-error-text)" },
 											children: "*"
 										})
 									]
-								}), /* @__PURE__ */ f(o, {
-									value: L,
+								}), /* @__PURE__ */ p(s, {
+									value: I,
 									onChange: (e) => {
-										w.current = !0, we(e.target.value), Q && $(null);
+										w.current = !0, L(e.target.value), Q && $(null);
 									},
-									placeholder: x("bigconsole.widget.actions.webhook.urlPlaceholder", "https://your-service.com/hook"),
-									disabled: b,
+									placeholder: S("bigconsole.widget.actions.webhook.urlPlaceholder", "https://your-service.com/hook"),
+									disabled: x,
 									style: {
 										height: "var(--size-controlHeight-md)",
 										fontSize: "var(--font-size-body-sm)"
 									}
 								})] }),
-								/* @__PURE__ */ p("div", {
-									style: { maxWidth: "160px" },
-									children: [/* @__PURE__ */ f("label", {
-										style: h,
-										children: x("bigconsole.widget.actions.webhook.methodLabel", "Method")
-									}), /* @__PURE__ */ p(s, {
+								/* @__PURE__ */ m("div", {
+									style: {
+										maxWidth: "160px",
+										minWidth: 0
+									},
+									children: [/* @__PURE__ */ p("label", {
+										style: g,
+										children: S("bigconsole.widget.actions.webhook.methodLabel", "Method")
+									}), /* @__PURE__ */ m(c, {
 										value: R,
 										onValueChange: (e) => {
 											w.current = !0, z(e);
 										},
-										disabled: b,
-										children: [/* @__PURE__ */ f(u, {
+										disabled: x,
+										children: [/* @__PURE__ */ p(d, {
 											style: {
 												height: "var(--size-controlHeight-md)",
 												fontSize: "var(--font-size-body-sm)"
 											},
-											children: /* @__PURE__ */ f(d, {})
-										}), /* @__PURE__ */ f(c, {
-											style: _,
-											children: ve.map((e) => /* @__PURE__ */ f(l, {
+											children: /* @__PURE__ */ p(f, {})
+										}), /* @__PURE__ */ p(l, {
+											style: v,
+											children: ve.map((e) => /* @__PURE__ */ p(u, {
 												value: e,
 												children: e
 											}, e))
 										})]
 									})]
 								}),
-								/* @__PURE__ */ f("p", {
-									style: g,
-									children: x("bigconsole.widget.actions.webhook.payloadHint", "The widget's current data is sent as the request payload.")
+								/* @__PURE__ */ p("p", {
+									style: _,
+									children: S("bigconsole.widget.actions.webhook.payloadHint", "The widget's current data is sent as the request payload.")
 								}),
-								/^http:\/\//i.test(L.trim()) && /* @__PURE__ */ p("p", {
+								/^http:\/\//i.test(I.trim()) && /* @__PURE__ */ m("p", {
 									style: {
-										...g,
+										..._,
 										color: "var(--color-status-warning-text)"
 									},
 									children: [
-										x("bigconsole.widget.actions.webhook.insecureWarningPrefix", "Warning:"),
+										S("bigconsole.widget.actions.webhook.insecureWarningPrefix", "Warning:"),
 										" ",
-										/* @__PURE__ */ f("code", { children: "http://" }),
+										/* @__PURE__ */ p("code", { children: "http://" }),
 										" ",
-										x("bigconsole.widget.actions.webhook.insecureWarningMiddle", "is unencrypted — the widget's data will be sent in plaintext. Use"),
+										S("bigconsole.widget.actions.webhook.insecureWarningMiddle", "is unencrypted — the widget's data will be sent in plaintext. Use"),
 										" ",
-										/* @__PURE__ */ f("code", { children: "https://" }),
+										/* @__PURE__ */ p("code", { children: "https://" }),
 										" ",
-										x("bigconsole.widget.actions.webhook.insecureWarningSuffix", "if it may contain anything sensitive.")
+										S("bigconsole.widget.actions.webhook.insecureWarningSuffix", "if it may contain anything sensitive.")
 									]
 								})
 							]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							style: {
 								paddingTop: "var(--space-formGap)",
-								borderTop: "1px solid var(--color-border)"
+								borderTop: "1px solid var(--color-border-subtle)"
 							},
-							children: [/* @__PURE__ */ p("label", {
+							children: [/* @__PURE__ */ m("label", {
 								style: {
 									display: "flex",
 									alignItems: "center",
@@ -517,28 +540,28 @@ var h = {
 									cursor: "pointer",
 									marginBottom: "var(--space-formGap)"
 								},
-								children: [/* @__PURE__ */ f(le, {
-									checked: W,
-									onCheckedChange: (e) => G(e === !0),
-									disabled: b
-								}), /* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p(o, {
+									checked: G,
+									onCheckedChange: (e) => K(e === !0),
+									disabled: x
+								}), /* @__PURE__ */ p("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										fontWeight: "var(--font-weight-semibold)",
 										color: "var(--color-text-primary)"
 									},
-									children: x("bigconsole.widget.actions.confirm.toggleLabel", "Ask for confirmation first")
+									children: S("bigconsole.widget.actions.confirm.toggleLabel", "Ask for confirmation first")
 								})]
-							}), W && /* @__PURE__ */ p("div", {
+							}), G && /* @__PURE__ */ m("div", {
 								style: {
 									paddingLeft: "var(--space-formGap)",
-									borderLeft: "2px solid var(--color-border)",
+									borderLeft: "2px solid var(--color-border-subtle)",
 									display: "flex",
 									flexDirection: "column",
 									gap: "var(--space-controlGap)"
 								},
 								children: [
-									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 										style: {
 											display: "block",
 											fontSize: "var(--font-size-body-sm)",
@@ -546,17 +569,17 @@ var h = {
 											color: "var(--color-text-secondary)",
 											marginBottom: "var(--space-controlGap)"
 										},
-										children: x("bigconsole.widget.actions.confirm.dialogTitleLabel", "Dialog Title")
-									}), /* @__PURE__ */ f(o, {
-										value: K,
-										onChange: (e) => q(e.target.value),
-										disabled: b,
+										children: S("bigconsole.widget.actions.confirm.dialogTitleLabel", "Dialog Title")
+									}), /* @__PURE__ */ p(s, {
+										value: q,
+										onChange: (e) => J(e.target.value),
+										disabled: x,
 										style: {
 											height: "var(--size-controlHeight-sm)",
 											fontSize: "var(--font-size-body-sm)"
 										}
 									})] }),
-									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 										style: {
 											display: "block",
 											fontSize: "var(--font-size-body-sm)",
@@ -564,24 +587,24 @@ var h = {
 											color: "var(--color-text-secondary)",
 											marginBottom: "var(--space-controlGap)"
 										},
-										children: x("bigconsole.widget.actions.confirm.messageLabel", "Message")
-									}), /* @__PURE__ */ f(_e, {
-										value: J,
+										children: S("bigconsole.widget.actions.confirm.messageLabel", "Message")
+									}), /* @__PURE__ */ p(_e, {
+										value: Oe,
 										onChange: (e) => Y(e.target.value),
 										rows: 2,
-										disabled: b,
+										disabled: x,
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											resize: "none"
 										}
 									})] }),
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ m("div", {
 										style: {
 											display: "grid",
-											gridTemplateColumns: "1fr 1fr",
+											gridTemplateColumns: "repeat(auto-fit, minmax(11rem, 1fr))",
 											gap: "var(--space-controlGap)"
 										},
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											style: {
 												display: "block",
 												fontSize: "var(--font-size-body-sm)",
@@ -589,16 +612,16 @@ var h = {
 												color: "var(--color-text-secondary)",
 												marginBottom: "var(--space-controlGap)"
 											},
-											children: x("bigconsole.widget.actions.confirm.confirmButtonLabel", "Confirm Button")
-										}), /* @__PURE__ */ f(o, {
-											value: De,
+											children: S("bigconsole.widget.actions.confirm.confirmButtonLabel", "Confirm Button")
+										}), /* @__PURE__ */ p(s, {
+											value: ke,
 											onChange: (e) => X(e.target.value),
-											disabled: b,
+											disabled: x,
 											style: {
 												height: "var(--size-controlHeight-sm)",
 												fontSize: "var(--font-size-body-sm)"
 											}
-										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											style: {
 												display: "block",
 												fontSize: "var(--font-size-body-sm)",
@@ -606,11 +629,11 @@ var h = {
 												color: "var(--color-text-secondary)",
 												marginBottom: "var(--space-controlGap)"
 											},
-											children: x("bigconsole.widget.actions.confirm.cancelButtonLabel", "Cancel Button")
-										}), /* @__PURE__ */ f(o, {
-											value: Oe,
+											children: S("bigconsole.widget.actions.confirm.cancelButtonLabel", "Cancel Button")
+										}), /* @__PURE__ */ p(s, {
+											value: Ae,
 											onChange: (e) => Z(e.target.value),
-											disabled: b,
+											disabled: x,
 											style: {
 												height: "var(--size-controlHeight-sm)",
 												fontSize: "var(--font-size-body-sm)"
@@ -620,163 +643,174 @@ var h = {
 								]
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							style: {
 								paddingTop: "var(--space-formGap)",
-								borderTop: "1px solid var(--color-border)"
+								borderTop: "1px solid var(--color-border-subtle)"
 							},
-							children: [/* @__PURE__ */ p("button", {
-								type: "button",
-								onClick: () => Ee((e) => !e),
+							children: [/* @__PURE__ */ p("h3", {
 								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: "var(--space-controlGap)",
-									background: "none",
-									border: "none",
-									padding: 0,
-									cursor: "pointer",
-									fontSize: "var(--font-size-body-sm)",
-									fontWeight: "var(--font-weight-semibold)",
-									color: "var(--color-text-primary)"
+									...xe,
+									margin: 0
 								},
-								children: [f(Te ? ne : re, { style: {
-									height: "14px",
-									width: "14px"
-								} }), x("bigconsole.widget.actions.advanced.toggle", "Advanced")]
-							}), Te && /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: () => De((e) => !e),
+									"aria-expanded": W,
+									"aria-controls": "action-config-advanced",
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: "var(--space-controlGap)",
+										minHeight: "var(--size-controlHeight-md)",
+										background: "none",
+										border: "none",
+										padding: 0,
+										cursor: "pointer",
+										font: "inherit",
+										letterSpacing: "inherit",
+										textTransform: "inherit",
+										color: "inherit"
+									},
+									children: [p(W ? re : ie, { style: {
+										height: "14px",
+										width: "14px"
+									} }), S("bigconsole.widget.actions.advanced.toggle", "Advanced")]
+								})
+							}), W && /* @__PURE__ */ m("div", {
+								id: "action-config-advanced",
 								style: {
 									marginTop: "var(--space-formGap)",
 									display: "flex",
 									flexDirection: "column",
 									gap: "var(--space-formGap)"
 								},
-								children: [/* @__PURE__ */ p("div", { children: [
-									/* @__PURE__ */ f("label", {
-										style: h,
-										children: x("bigconsole.widget.actions.advanced.eventNameLabel", "Event name (id)")
+								children: [/* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ p("label", {
+										style: g,
+										children: S("bigconsole.widget.actions.advanced.eventNameLabel", "Event name (id)")
 									}),
-									/* @__PURE__ */ f(o, {
-										value: S && v ? v.name : D,
+									/* @__PURE__ */ p(s, {
+										value: C && y ? y.name : D,
 										onChange: (e) => {
 											O(e.target.value), A(!0);
 										},
-										placeholder: x("bigconsole.widget.actions.advanced.eventNamePlaceholder", "auto from label"),
-										disabled: b || S,
+										placeholder: S("bigconsole.widget.actions.advanced.eventNamePlaceholder", "auto from label"),
+										disabled: x || C,
 										style: {
 											height: "var(--size-controlHeight-md)",
 											fontSize: "var(--font-size-body-sm)",
 											fontFamily: "var(--font-family-mono)"
 										}
 									}),
-									/* @__PURE__ */ p("p", {
-										style: g,
+									/* @__PURE__ */ m("p", {
+										style: _,
 										children: [
-											x("bigconsole.widget.actions.advanced.emitsPrefix", "Emits"),
+											S("bigconsole.widget.actions.advanced.emitsPrefix", "Emits"),
 											" ",
-											/* @__PURE__ */ p("code", { children: [
+											/* @__PURE__ */ m("code", { children: [
 												"widget:",
-												S && v ? v.name : m(D || T) || "<name>",
+												C && y ? y.name : h(D || T) || "<name>",
 												":clicked"
 											] }),
 											".",
 											" ",
-											S ? x("bigconsole.widget.actions.advanced.emitsFixed", "Fixed once created.") : x("bigconsole.widget.actions.advanced.emitsAutoDerived", "Auto-derived from the label.")
+											C ? S("bigconsole.widget.actions.advanced.emitsFixed", "Fixed once created.") : S("bigconsole.widget.actions.advanced.emitsAutoDerived", "Auto-derived from the label.")
 										]
 									})
-								] }), /* @__PURE__ */ p("div", {
+								] }), /* @__PURE__ */ m("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-sectionGap)"
 									},
-									children: [/* @__PURE__ */ p("label", {
+									children: [/* @__PURE__ */ m("label", {
 										style: {
 											display: "flex",
 											alignItems: "center",
 											gap: "var(--space-controlGap)",
 											cursor: "pointer"
 										},
-										children: [/* @__PURE__ */ f(le, {
+										children: [/* @__PURE__ */ p(o, {
 											checked: B,
 											onCheckedChange: (e) => V(e === !0),
-											disabled: b
-										}), /* @__PURE__ */ f("span", {
+											disabled: x
+										}), /* @__PURE__ */ p("span", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-text-primary)"
 											},
-											children: x("bigconsole.widget.actions.advanced.disabled", "Disabled")
+											children: S("bigconsole.widget.actions.advanced.disabled", "Disabled")
 										})]
-									}), /* @__PURE__ */ p("label", {
+									}), /* @__PURE__ */ m("label", {
 										style: {
 											display: "flex",
 											alignItems: "center",
 											gap: "var(--space-controlGap)",
 											cursor: "pointer"
 										},
-										children: [/* @__PURE__ */ f(le, {
+										children: [/* @__PURE__ */ p(o, {
 											checked: H,
 											onCheckedChange: (e) => U(e === !0),
-											disabled: b
-										}), /* @__PURE__ */ f("span", {
+											disabled: x
+										}), /* @__PURE__ */ p("span", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-text-primary)"
 											},
-											children: x("bigconsole.widget.actions.advanced.hidden", "Hidden")
+											children: S("bigconsole.widget.actions.advanced.hidden", "Hidden")
 										})]
 									})]
 								})]
 							})]
 						})
 					]
-				}), /* @__PURE__ */ p(pe, {
+				}), /* @__PURE__ */ m(pe, {
 					style: {
 						padding: "var(--space-formGap) var(--space-pagePadding)",
-						borderTop: "1px solid var(--color-border)",
+						borderTop: "1px solid var(--color-border-subtle)",
 						backgroundColor: "var(--color-bg-sunken)",
 						display: "flex",
 						justifyContent: "flex-end",
 						gap: "var(--space-controlGap)"
 					},
-					children: [/* @__PURE__ */ f(ce, {
+					children: [/* @__PURE__ */ p(le, {
 						type: "button",
 						variant: "outline",
-						onClick: Se,
-						disabled: b,
+						onClick: Ce,
+						disabled: x,
 						style: { height: "var(--size-controlHeight-md)" },
-						children: x("bigconsole.widget.actions.footer.cancel", "Cancel")
-					}), /* @__PURE__ */ f(te, {
-						permission: S ? e.WIDGET_ACTION_UPDATE : e.WIDGET_ACTION_CREATE,
+						children: S("bigconsole.widget.actions.footer.cancel", "Cancel")
+					}), /* @__PURE__ */ p(ne, {
+						permission: C ? t.WIDGET_ACTION_UPDATE : t.WIDGET_ACTION_CREATE,
 						deniedBehavior: "disable",
-						children: /* @__PURE__ */ f(ce, {
+						children: /* @__PURE__ */ p(le, {
 							type: "submit",
-							disabled: b || !T.trim(),
+							disabled: x || !T.trim(),
 							style: {
 								height: "var(--size-controlHeight-md)",
 								backgroundColor: "var(--color-action-primary-bg)"
 							},
-							children: b ? /* @__PURE__ */ p("span", {
+							children: x ? /* @__PURE__ */ m("span", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ f(ge, { style: {
+								children: [/* @__PURE__ */ p(ge, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), x("bigconsole.widget.actions.footer.saving", "Saving...")]
-							}) : /* @__PURE__ */ p("span", {
+								} }), S("bigconsole.widget.actions.footer.saving", "Saving...")]
+							}) : /* @__PURE__ */ m("span", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [f(S ? ie : ae, { style: {
+								children: [p(C ? ae : oe, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), S ? x("bigconsole.widget.actions.footer.updateButton", "Update Button") : x("bigconsole.widget.actions.footer.addButton", "Add Button")]
+								} }), C ? S("bigconsole.widget.actions.footer.updateButton", "Update Button") : S("bigconsole.widget.actions.footer.addButton", "Add Button")]
 							})
 						})
 					})]
@@ -786,6 +820,6 @@ var h = {
 	});
 });
 //#endregion
-export { v as default };
+export { y as default };
 
 //# sourceMappingURL=ActionConfigDialog.js.map