@burdenoff/microfe-bigconsole 2026.1031.1 → 2026.1031.3

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

@@ -2,20 +2,20 @@ import { Section as e } from "../common/Section.js";
 import "../common/index.js";
 import { BIGCONSOLE_PERMISSIONS as t } from "../../../constants/permissions.js";
 import { serializeActionConfig as ee, slugifyActionName as n, validateActionConfig as te } from "./actionConfig.js";
-import { memo as r, useCallback as i, useEffect as ne, useId as re, useMemo as ie, useRef as a, useState as o } from "react";
-import { PermissionButton as ae } from "@burdenoff/fe-libs/shared/components";
-import { ChevronDown as oe, ChevronRight as se } from "lucide-react";
-import { Button as ce, Checkbox as s, Input as c, ResponsiveDialog as le, ResponsiveDialogContent as ue, ResponsiveDialogDescription as de, ResponsiveDialogFooter as fe, ResponsiveDialogHeader as pe, ResponsiveDialogTitle as me, Select as l, SelectContent as u, SelectItem as he, SelectTrigger as ge, SelectValue as _e, Spinner as ve, Textarea as ye } from "@burdenoff/fe-libs/ui";
-import { useI18n as be } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as xe, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { memo as r, useCallback as i, useEffect as a, useId as o, useMemo as ne, useRef as s, useState as c } from "react";
+import { PermissionButton as re } from "@burdenoff/fe-libs/shared/components";
+import { ChevronDown as ie, ChevronRight as ae } from "lucide-react";
+import { Button as oe, Checkbox as l, Input as u, ResponsiveDialog as se, ResponsiveDialogContent as ce, ResponsiveDialogDescription as le, ResponsiveDialogFooter as ue, ResponsiveDialogHeader as de, ResponsiveDialogTitle as fe, Select as d, SelectContent as f, SelectItem as p, SelectTrigger as m, SelectValue as h, Spinner as pe, Textarea as me } from "@burdenoff/fe-libs/ui";
+import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as ge, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/ActionConfigDialog.tsx
-var Se = [
+var _e = [
 	"POST",
 	"GET",
 	"PUT",
 	"PATCH",
 	"DELETE"
-], Ce = [
+], ve = [
 	{
 		value: "PRIMARY",
 		color: "var(--color-action-primary-bg)"
@@ -44,7 +44,7 @@ var Se = [
 		value: "LINK",
 		color: "transparent"
 	}
-], we = [
+], ye = [
 	"",
 	"refresh",
 	"download",
@@ -59,142 +59,142 @@ var Se = [
 	"settings",
 	"filter",
 	"search"
-], p = {
+], v = {
 	display: "block",
 	fontSize: "var(--font-size-body-sm)",
 	fontWeight: "var(--font-weight-medium)",
 	color: "var(--color-text-primary)",
 	marginBottom: "var(--space-controlGap)"
-}, Te = {
+}, be = {
 	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)"
-}, m = {
+}, y = {
 	fontSize: "var(--font-size-body-sm)",
 	color: "var(--color-text-muted)",
 	marginTop: "var(--space-controlGap)"
-}, h = {
+}, b = {
 	zIndex: 9999,
 	backgroundColor: "var(--color-overlay-popoverBg, var(--color-bg-surface))",
 	border: "1px solid var(--color-border-subtle)",
 	boxShadow: "var(--shadow-elevation-3)",
 	borderRadius: "var(--radius-button)"
-}, g = r(function({ isOpen: r, action: g, initialWebhook: _, isLoading: v = !1, saveError: Ee, onClose: De, onSave: Oe }) {
-	let { t: y } = be(), b = !!g, x = a(null), ke = a(null), Ae = a(null), S = re(), C = a(""), w = a(!1), [T, E] = o(""), [D, O] = o(""), [k, A] = o(!1), [j, M] = o("PRIMARY"), [N, je] = o(""), [P, F] = o("WEBHOOK"), [I, L] = o(""), [R, z] = o("POST"), [B, V] = o(!1), [H, U] = o(!1), [W, G] = o(!1), [K, Me] = o(!1), [Ne, q] = o(() => y("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [Pe, J] = o(() => y("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [Y, X] = o(() => y("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Fe, Z] = o(() => y("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Q, $] = o(null), Ie = ie(() => {
+}, x = r(function({ isOpen: r, action: x, initialWebhook: S, isLoading: C = !1, saveError: xe, onClose: Se, onSave: Ce }) {
+	let { t: w } = he(), T = !!x, E = s(null), we = s(null), Te = s(null), D = o(), O = s(""), k = s(!1), [A, j] = c(""), [M, N] = c(""), [P, F] = c(!1), [I, Ee] = c("PRIMARY"), [L, R] = c(""), [z, B] = c("WEBHOOK"), [V, H] = c(""), [U, W] = c("POST"), [De, Oe] = c(!1), [ke, Ae] = c(!1), [je, Me] = c(!1), [G, Ne] = c(!1), [Pe, K] = c(() => w("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [q, J] = c(() => w("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [Fe, Y] = c(() => w("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Ie, X] = c(() => w("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Z, Q] = c(null), Le = ne(() => {
 		let e = {
-			PRIMARY: y("bigconsole.widget.actions.style.primary", "Primary"),
-			SECONDARY: y("bigconsole.widget.actions.style.secondary", "Secondary"),
-			SUCCESS: y("bigconsole.widget.actions.style.success", "Success"),
-			WARNING: y("bigconsole.widget.actions.style.warning", "Warning"),
-			DANGER: y("bigconsole.widget.actions.style.danger", "Danger"),
-			GHOST: y("bigconsole.widget.actions.style.ghost", "Ghost"),
-			LINK: y("bigconsole.widget.actions.style.link", "Link")
+			PRIMARY: w("bigconsole.widget.actions.style.primary", "Primary"),
+			SECONDARY: w("bigconsole.widget.actions.style.secondary", "Secondary"),
+			SUCCESS: w("bigconsole.widget.actions.style.success", "Success"),
+			WARNING: w("bigconsole.widget.actions.style.warning", "Warning"),
+			DANGER: w("bigconsole.widget.actions.style.danger", "Danger"),
+			GHOST: w("bigconsole.widget.actions.style.ghost", "Ghost"),
+			LINK: w("bigconsole.widget.actions.style.link", "Link")
 		};
-		return Ce.map((t) => ({
+		return ve.map((t) => ({
 			value: t.value,
 			label: e[t.value],
 			color: t.color
 		}));
-	}, [y]), Le = ie(() => {
+	}, [w]), Re = ne(() => {
 		let e = {
-			"": y("bigconsole.widget.actions.icon.none", "No icon"),
-			refresh: y("bigconsole.widget.actions.icon.refresh", "Refresh"),
-			download: y("bigconsole.widget.actions.icon.download", "Download"),
-			upload: y("bigconsole.widget.actions.icon.upload", "Upload"),
-			trash: y("bigconsole.widget.actions.icon.trash", "Trash"),
-			edit: y("bigconsole.widget.actions.icon.edit", "Edit"),
-			plus: y("bigconsole.widget.actions.icon.plus", "Plus"),
-			check: y("bigconsole.widget.actions.icon.check", "Check"),
-			eye: y("bigconsole.widget.actions.icon.eye", "View"),
-			copy: y("bigconsole.widget.actions.icon.copy", "Copy"),
-			share: y("bigconsole.widget.actions.icon.share", "Share"),
-			settings: y("bigconsole.widget.actions.icon.settings", "Settings"),
-			filter: y("bigconsole.widget.actions.icon.filter", "Filter"),
-			search: y("bigconsole.widget.actions.icon.search", "Search")
+			"": w("bigconsole.widget.actions.icon.none", "No icon"),
+			refresh: w("bigconsole.widget.actions.icon.refresh", "Refresh"),
+			download: w("bigconsole.widget.actions.icon.download", "Download"),
+			upload: w("bigconsole.widget.actions.icon.upload", "Upload"),
+			trash: w("bigconsole.widget.actions.icon.trash", "Trash"),
+			edit: w("bigconsole.widget.actions.icon.edit", "Edit"),
+			plus: w("bigconsole.widget.actions.icon.plus", "Plus"),
+			check: w("bigconsole.widget.actions.icon.check", "Check"),
+			eye: w("bigconsole.widget.actions.icon.eye", "View"),
+			copy: w("bigconsole.widget.actions.icon.copy", "Copy"),
+			share: w("bigconsole.widget.actions.icon.share", "Share"),
+			settings: w("bigconsole.widget.actions.icon.settings", "Settings"),
+			filter: w("bigconsole.widget.actions.icon.filter", "Filter"),
+			search: w("bigconsole.widget.actions.icon.search", "Search")
 		};
-		return we.map((t) => ({
+		return ye.map((t) => ({
 			value: t,
 			label: e[t]
 		}));
-	}, [y]);
-	ne(() => {
+	}, [w]);
+	a(() => {
 		if (!r) return;
-		w.current = !1, C.current = `button_${crypto.randomUUID().replace(/-/g, "").slice(0, 12)}`, L(""), z("POST"), g ? (E(g.label), O(g.name), A(!1), M(g.style), je(g.icon || ""), V(g.disabled), U(g.hidden), F("EMIT"), Me(!!g.confirmation), g.confirmation ? (q(g.confirmation.title), J(g.confirmation.message), X(g.confirmation.confirmLabel || y("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(g.confirmation.cancelLabel || y("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))) : (q(y("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), J(y("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), X(y("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(y("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")))) : (E(""), O(""), A(!1), M("PRIMARY"), je(""), F("WEBHOOK"), V(!1), U(!1), Me(!1), q(y("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), J(y("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), X(y("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), Z(y("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))), G(!1), $(null);
-		let e = requestAnimationFrame(() => requestAnimationFrame(() => x.current?.focus()));
+		k.current = !1, O.current = `button_${crypto.randomUUID().replace(/-/g, "").slice(0, 12)}`, H(""), W("POST"), x ? (j(x.label), N(x.name), F(!1), Ee(x.style), R(x.icon || ""), Oe(x.disabled), Ae(x.hidden), B("EMIT"), Ne(!!x.confirmation), x.confirmation ? (K(x.confirmation.title), J(x.confirmation.message), Y(x.confirmation.confirmLabel || w("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), X(x.confirmation.cancelLabel || w("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))) : (K(w("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), J(w("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), Y(w("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), X(w("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")))) : (j(""), N(""), F(!1), Ee("PRIMARY"), R(""), B("WEBHOOK"), Oe(!1), Ae(!1), Ne(!1), K(w("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), J(w("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), Y(w("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), X(w("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel"))), Me(!1), Q(null);
+		let e = requestAnimationFrame(() => requestAnimationFrame(() => E.current?.focus()));
 		return () => cancelAnimationFrame(e);
 	}, [
 		r,
-		g,
-		y
-	]), ne(() => {
-		!r || !_ || w.current || (F("WEBHOOK"), L(_.url), z(_.method));
-	}, [r, _]);
-	let Re = i((e) => {
-		E(e), !k && !b && O(n(e) || C.current), Q && $(null);
+		x,
+		w
+	]), a(() => {
+		!r || !S || k.current || (B("WEBHOOK"), H(S.url), W(S.method));
+	}, [r, S]);
+	let ze = i((e) => {
+		j(e), !P && !T && N(n(e) || O.current), Z && Q(null);
 	}, [
-		k,
-		Q,
-		b
-	]), ze = i((e) => {
+		P,
+		Z,
+		T
+	]), Be = i((e) => {
 		e.preventDefault();
-		let t = {
-			label: T,
-			name: b && g ? g.name : n(k ? D : T) || n(T) || C.current,
-			outcome: P,
-			url: I,
-			method: R,
-			style: j,
-			icon: N,
-			confirmation: (K ? {
-				title: Ne.trim() || y("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action"),
-				message: Pe.trim() || y("bigconsole.widget.actions.confirm.fallbackMessage", "Are you sure?"),
-				confirmLabel: Y.trim() || y("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm"),
-				cancelLabel: Fe.trim() || y("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")
-			} : void 0) ?? null,
-			disabled: B,
-			hidden: H
-		}, r = te(t);
-		if ($(r), r) {
-			r.field === "name" && G(!0);
-			let e = r.field === "url" ? ke : r.field === "label" ? x : Ae;
+		let t = T && x ? x.name : n(P ? M : A) || n(A) || O.current, r = G ? {
+			title: Pe.trim() || w("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action"),
+			message: q.trim() || w("bigconsole.widget.actions.confirm.fallbackMessage", "Are you sure?"),
+			confirmLabel: Fe.trim() || w("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm"),
+			cancelLabel: Ie.trim() || w("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")
+		} : void 0, i = {
+			label: A,
+			name: t,
+			outcome: z,
+			url: V,
+			method: U,
+			style: I,
+			icon: L,
+			confirmation: r ?? null,
+			disabled: De,
+			hidden: ke
+		}, a = te(i);
+		if (Q(a), a) {
+			a.field === "name" && Me(!0);
+			let e = a.field === "url" ? we : a.field === "label" ? E : Te;
 			requestAnimationFrame(() => e.current?.focus());
 			return;
 		}
-		let i = ee(t, g);
-		Oe(i.data, i.webhook);
+		let o = ee(i, x);
+		Ce(o.data, o.webhook);
 	}, [
-		T,
-		D,
-		k,
+		A,
+		M,
 		P,
+		z,
+		V,
+		U,
 		I,
-		R,
-		j,
-		N,
-		B,
-		H,
-		K,
-		Ne,
+		L,
+		De,
+		ke,
+		G,
 		Pe,
-		Y,
+		q,
 		Fe,
-		b,
-		g,
-		Oe,
-		y
-	]), Be = (e) => Ie.find((t) => t.value === e)?.color || "var(--color-action-primary-bg)", Ve = Q?.field === "url" ? Q.reason === "required" ? y("bigconsole.widget.actions.validation.urlRequired", "Enter the URL to call when the button is clicked") : y("bigconsole.widget.actions.validation.urlScheme", "Enter a complete URL starting with http:// or https://") : Q?.field === "label" ? y("bigconsole.widget.actions.validation.labelRequired", "Button label is required") : Q ? y("bigconsole.widget.actions.validation.labelLettersOrNumbers", "Enter an event name using letters or numbers") : null, He = (e) => Q?.field === e ? /* @__PURE__ */ d("p", {
-		id: `${S}-${e}-error`,
+		Ie,
+		T,
+		x,
+		Ce,
+		w
+	]), Ve = (e) => Le.find((t) => t.value === e)?.color || "var(--color-action-primary-bg)", He = Z?.field === "url" ? Z.reason === "required" ? w("bigconsole.widget.actions.validation.urlRequired", "Enter the URL to call when the button is clicked") : w("bigconsole.widget.actions.validation.urlScheme", "Enter a complete URL starting with http:// or https://") : Z?.field === "label" ? w("bigconsole.widget.actions.validation.labelRequired", "Button label is required") : Z ? w("bigconsole.widget.actions.validation.labelLettersOrNumbers", "Enter an event name using letters or numbers") : null, $ = (e) => Z?.field === e ? /* @__PURE__ */ g("p", {
+		id: `${D}-${e}-error`,
 		role: "alert",
 		className: "mt-1 text-sm text-[var(--color-status-error-text)]",
-		children: Ve
+		children: He
 	}) : null;
-	return /* @__PURE__ */ d(le, {
+	return /* @__PURE__ */ g(se, {
 		open: r,
-		onOpenChange: (e) => !e && !v && De(),
-		children: /* @__PURE__ */ f(ue, {
+		onOpenChange: (e) => !e && !C && Se(),
+		children: /* @__PURE__ */ _(ce, {
 			"data-testid": "action-config-dialog",
 			showHandle: !1,
 			style: {
@@ -208,346 +208,346 @@ var Se = [
 				flexDirection: "column"
 			},
 			onEscapeKeyDown: (e) => {
-				v && e.preventDefault();
+				C && e.preventDefault();
 			},
-			children: [/* @__PURE__ */ f(pe, {
+			children: [/* @__PURE__ */ _(de, {
 				className: "p-4 pr-12 text-left",
-				children: [/* @__PURE__ */ d(me, { children: b ? y("bigconsole.widget.actions.header.editTitle", "Edit Button") : y("bigconsole.widget.actions.header.addTitle", "Add Button") }), /* @__PURE__ */ d(de, { children: b ? y("bigconsole.widget.actions.header.editDescription", "Update the button and what it does") : y("bigconsole.widget.actions.header.addDescription", "Add a button that sends this widget’s data to an API.") })]
-			}), /* @__PURE__ */ f("form", {
-				onSubmit: ze,
+				children: [/* @__PURE__ */ g(fe, { children: T ? w("bigconsole.widget.actions.header.editTitle", "Edit Button") : w("bigconsole.widget.actions.header.addTitle", "Add Button") }), /* @__PURE__ */ g(le, { children: T ? w("bigconsole.widget.actions.header.editDescription", "Update the button and what it does") : w("bigconsole.widget.actions.header.addDescription", "Add a button that sends this widget’s data to an API.") })]
+			}), /* @__PURE__ */ _("form", {
+				onSubmit: Be,
 				noValidate: !0,
 				className: "flex min-h-0 flex-col",
 				style: { maxHeight: "calc(100dvh - 8rem)" },
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "min-h-0 overflow-y-auto px-4 pb-4",
 					children: [
-						Ee && /* @__PURE__ */ d(e, {
+						xe && /* @__PURE__ */ g(e, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 3,
-							title: y("bigconsole.widget.actions.validation.saveFailed", "This button could not be saved"),
+							title: w("bigconsole.widget.actions.validation.saveFailed", "This button could not be saved"),
 							className: "mb-4",
-							children: /* @__PURE__ */ d("p", {
+							children: /* @__PURE__ */ g("p", {
 								role: "alert",
 								className: "break-words text-sm",
-								children: Ee
+								children: xe
 							})
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ _("div", {
 							className: "mb-4",
 							children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: `${S}-label`,
-									style: p,
-									children: [y("bigconsole.widget.actions.field.buttonLabel", "Button label"), " *"]
+								/* @__PURE__ */ _("label", {
+									htmlFor: `${D}-label`,
+									style: v,
+									children: [w("bigconsole.widget.actions.field.buttonLabel", "Button label"), " *"]
 								}),
-								/* @__PURE__ */ d(c, {
-									id: `${S}-label`,
-									ref: x,
-									value: T,
-									onChange: (e) => Re(e.target.value),
-									placeholder: y("bigconsole.widget.actions.field.buttonLabelPlaceholder", "e.g., Refresh Data, Export CSV"),
-									disabled: v,
+								/* @__PURE__ */ g(u, {
+									id: `${D}-label`,
+									ref: E,
+									value: A,
+									onChange: (e) => ze(e.target.value),
+									placeholder: w("bigconsole.widget.actions.field.buttonLabelPlaceholder", "e.g., Refresh Data, Export CSV"),
+									disabled: C,
 									"aria-required": !0,
-									"aria-invalid": Q?.field === "label",
-									"aria-describedby": Q?.field === "label" ? `${S}-label-error` : void 0
+									"aria-invalid": Z?.field === "label",
+									"aria-describedby": Z?.field === "label" ? `${D}-label-error` : void 0
 								}),
-								He("label")
+								$("label")
 							]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ _("div", {
 							className: "mb-4",
-							children: [/* @__PURE__ */ d("p", {
-								style: p,
-								children: y("bigconsole.widget.actions.field.whenClicked", "When clicked")
-							}), /* @__PURE__ */ d("p", {
+							children: [/* @__PURE__ */ g("p", {
+								style: v,
+								children: w("bigconsole.widget.actions.field.whenClicked", "When clicked")
+							}), /* @__PURE__ */ g("p", {
 								className: "text-sm text-text-secondary",
 								"data-testid": "action-outcome-summary",
-								children: P === "WEBHOOK" ? y("bigconsole.widget.actions.outcome.webhook.label", "Send data to an API") : y("bigconsole.widget.actions.outcome.emit.label", "Emit a custom event")
+								children: z === "WEBHOOK" ? w("bigconsole.widget.actions.outcome.webhook.label", "Send data to an API") : w("bigconsole.widget.actions.outcome.emit.label", "Emit a custom event")
 							})]
 						}),
-						P === "WEBHOOK" && /* @__PURE__ */ f("div", {
+						z === "WEBHOOK" && /* @__PURE__ */ _("div", {
 							className: "mb-4",
 							children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: `${S}-url`,
-									style: p,
-									children: [y("bigconsole.widget.actions.webhook.urlLabel", "Destination URL"), " *"]
+								/* @__PURE__ */ _("label", {
+									htmlFor: `${D}-url`,
+									style: v,
+									children: [w("bigconsole.widget.actions.webhook.urlLabel", "Destination URL"), " *"]
 								}),
-								/* @__PURE__ */ d(c, {
-									id: `${S}-url`,
-									ref: ke,
+								/* @__PURE__ */ g(u, {
+									id: `${D}-url`,
+									ref: we,
 									type: "url",
-									value: I,
+									value: V,
 									onChange: (e) => {
-										w.current = !0, L(e.target.value), Q?.field === "url" && $(null);
+										k.current = !0, H(e.target.value), Z?.field === "url" && Q(null);
 									},
-									placeholder: y("bigconsole.widget.actions.webhook.urlPlaceholder", "https://your-service.com/hook"),
-									disabled: v,
+									placeholder: w("bigconsole.widget.actions.webhook.urlPlaceholder", "https://your-service.com/hook"),
+									disabled: C,
 									"aria-required": !0,
-									"aria-invalid": Q?.field === "url",
-									"aria-describedby": Q?.field === "url" ? `${S}-url-error` : `${S}-url-hint`
+									"aria-invalid": Z?.field === "url",
+									"aria-describedby": Z?.field === "url" ? `${D}-url-error` : `${D}-url-hint`
 								}),
-								He("url"),
-								/* @__PURE__ */ d("p", {
-									id: `${S}-url-hint`,
-									style: m,
-									children: y("bigconsole.widget.actions.webhook.payloadHint", "The widget's current data is sent as the request payload.")
+								$("url"),
+								/* @__PURE__ */ g("p", {
+									id: `${D}-url-hint`,
+									style: y,
+									children: w("bigconsole.widget.actions.webhook.payloadHint", "The widget's current data is sent as the request payload.")
 								})
 							]
 						}),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ _("button", {
 							type: "button",
-							onClick: () => G((e) => !e),
-							"aria-expanded": W,
-							"aria-controls": `${S}-options`,
+							onClick: () => Me((e) => !e),
+							"aria-expanded": je,
+							"aria-controls": `${D}-options`,
 							className: "flex min-h-10 items-center gap-2 text-sm font-medium",
-							disabled: v,
-							children: [d(W ? oe : se, { className: "size-4" }), y("bigconsole.widget.actions.advanced.toggle", "More options")]
+							disabled: C,
+							children: [g(je ? ie : ae, { className: "size-4" }), w("bigconsole.widget.actions.advanced.toggle", "More options")]
 						}),
-						/* @__PURE__ */ f("div", {
-							id: `${S}-options`,
-							hidden: !W,
+						/* @__PURE__ */ _("div", {
+							id: `${D}-options`,
+							hidden: !je,
 							className: "space-y-4 border-t border-border-subtle pt-4",
 							children: [
-								/* @__PURE__ */ f("div", { children: [
-									/* @__PURE__ */ d("h3", {
-										style: Te,
-										children: y("bigconsole.widget.actions.options.appearance", "Appearance")
+								/* @__PURE__ */ _("div", { children: [
+									/* @__PURE__ */ g("h3", {
+										style: be,
+										children: w("bigconsole.widget.actions.options.appearance", "Appearance")
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ _("div", {
 										className: "grid grid-cols-2 gap-3",
-										children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
-											id: `${S}-style-label`,
-											htmlFor: `${S}-style`,
-											style: p,
-											children: y("bigconsole.widget.actions.field.style", "Style")
-										}), /* @__PURE__ */ f(l, {
-											value: j,
+										children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											id: `${D}-style-label`,
+											htmlFor: `${D}-style`,
+											style: v,
+											children: w("bigconsole.widget.actions.field.style", "Style")
+										}), /* @__PURE__ */ _(d, {
+											value: I,
 											onValueChange: (e) => {
-												let t = Ie.find((t) => t.value === e);
-												t && M(t.value);
+												let t = Le.find((t) => t.value === e);
+												t && Ee(t.value);
 											},
-											disabled: v,
-											children: [/* @__PURE__ */ d(ge, {
-												id: `${S}-style`,
-												"aria-labelledby": `${S}-style-label`,
-												children: /* @__PURE__ */ d(_e, {})
-											}), /* @__PURE__ */ d(u, {
-												style: h,
-												children: Ie.map((e) => /* @__PURE__ */ d(he, {
+											disabled: C,
+											children: [/* @__PURE__ */ g(m, {
+												id: `${D}-style`,
+												"aria-labelledby": `${D}-style-label`,
+												children: /* @__PURE__ */ g(h, {})
+											}), /* @__PURE__ */ g(f, {
+												style: b,
+												children: Le.map((e) => /* @__PURE__ */ g(p, {
 													value: e.value,
 													children: e.label
 												}, e.value))
 											})]
-										})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
-											id: `${S}-icon-label`,
-											htmlFor: `${S}-icon`,
-											style: p,
-											children: y("bigconsole.widget.actions.field.icon", "Icon")
-										}), /* @__PURE__ */ f(l, {
-											value: N || "none",
-											onValueChange: (e) => je(e === "none" ? "" : e),
-											disabled: v,
-											children: [/* @__PURE__ */ d(ge, {
-												id: `${S}-icon`,
-												"aria-labelledby": `${S}-icon-label`,
-												children: /* @__PURE__ */ d(_e, {})
-											}), /* @__PURE__ */ d(u, {
+										})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											id: `${D}-icon-label`,
+											htmlFor: `${D}-icon`,
+											style: v,
+											children: w("bigconsole.widget.actions.field.icon", "Icon")
+										}), /* @__PURE__ */ _(d, {
+											value: L || "none",
+											onValueChange: (e) => R(e === "none" ? "" : e),
+											disabled: C,
+											children: [/* @__PURE__ */ g(m, {
+												id: `${D}-icon`,
+												"aria-labelledby": `${D}-icon-label`,
+												children: /* @__PURE__ */ g(h, {})
+											}), /* @__PURE__ */ g(f, {
 												style: {
-													...h,
+													...b,
 													maxHeight: "200px"
 												},
-												children: Le.map((e) => /* @__PURE__ */ d(he, {
+												children: Re.map((e) => /* @__PURE__ */ g(p, {
 													value: e.value || "none",
 													children: e.label
 												}, e.value || "none"))
 											})]
 										})] })]
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ _("div", {
 										className: "mt-3 flex items-center gap-2 rounded-button bg-bg-sunken p-2",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ g("span", {
 											className: "text-sm text-text-muted",
-											children: y("bigconsole.widget.actions.preview.label", "Preview:")
-										}), /* @__PURE__ */ d("span", {
+											children: w("bigconsole.widget.actions.preview.label", "Preview:")
+										}), /* @__PURE__ */ g("span", {
 											className: "rounded-button px-3 py-1 text-sm",
 											style: {
-												backgroundColor: Be(j),
+												backgroundColor: Ve(I),
 												color: "var(--color-action-primary-text)"
 											},
-											children: T || y("bigconsole.widget.actions.preview.buttonFallback", "Button")
+											children: A || w("bigconsole.widget.actions.preview.buttonFallback", "Button")
 										})]
 									})
 								] }),
-								P === "WEBHOOK" && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
-									id: `${S}-method-label`,
-									htmlFor: `${S}-method`,
-									style: p,
-									children: y("bigconsole.widget.actions.webhook.methodLabel", "Request method")
-								}), /* @__PURE__ */ f(l, {
-									value: R,
+								z === "WEBHOOK" && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+									id: `${D}-method-label`,
+									htmlFor: `${D}-method`,
+									style: v,
+									children: w("bigconsole.widget.actions.webhook.methodLabel", "Request method")
+								}), /* @__PURE__ */ _(d, {
+									value: U,
 									onValueChange: (e) => {
-										let t = Se.find((t) => t === e);
-										t && (w.current = !0, z(t));
+										let t = _e.find((t) => t === e);
+										t && (k.current = !0, W(t));
 									},
-									disabled: v,
-									children: [/* @__PURE__ */ d(ge, {
-										id: `${S}-method`,
-										"aria-labelledby": `${S}-method-label`,
-										children: /* @__PURE__ */ d(_e, {})
-									}), /* @__PURE__ */ d(u, {
-										style: h,
-										children: Se.map((e) => /* @__PURE__ */ d(he, {
+									disabled: C,
+									children: [/* @__PURE__ */ g(m, {
+										id: `${D}-method`,
+										"aria-labelledby": `${D}-method-label`,
+										children: /* @__PURE__ */ g(h, {})
+									}), /* @__PURE__ */ g(f, {
+										style: b,
+										children: _e.map((e) => /* @__PURE__ */ g(p, {
 											value: e,
 											children: e
 										}, e))
 									})]
 								})] }),
-								/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
 									className: "flex items-center gap-2 text-sm",
-									children: [/* @__PURE__ */ d(s, {
-										checked: K,
-										onCheckedChange: (e) => Me(e === !0),
-										disabled: v
-									}), y("bigconsole.widget.actions.confirm.toggleLabel", "Ask for confirmation first")]
-								}), K && /* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ g(l, {
+										checked: G,
+										onCheckedChange: (e) => Ne(e === !0),
+										disabled: C
+									}), w("bigconsole.widget.actions.confirm.toggleLabel", "Ask for confirmation first")]
+								}), G && /* @__PURE__ */ _("div", {
 									className: "mt-3 space-y-3",
 									children: [
-										/* @__PURE__ */ d("label", {
-											htmlFor: `${S}-message`,
-											style: p,
-											children: y("bigconsole.widget.actions.confirm.messageLabel", "Message")
+										/* @__PURE__ */ g("label", {
+											htmlFor: `${D}-message`,
+											style: v,
+											children: w("bigconsole.widget.actions.confirm.messageLabel", "Message")
 										}),
-										/* @__PURE__ */ d(ye, {
-											id: `${S}-message`,
-											value: Pe,
+										/* @__PURE__ */ g(me, {
+											id: `${D}-message`,
+											value: q,
 											onChange: (e) => J(e.target.value),
 											rows: 2,
-											disabled: v
+											disabled: C
 										}),
-										/* @__PURE__ */ f("details", { children: [/* @__PURE__ */ d("summary", {
+										/* @__PURE__ */ _("details", { children: [/* @__PURE__ */ g("summary", {
 											className: "cursor-pointer text-sm text-text-secondary",
-											children: y("bigconsole.widget.actions.confirm.customize", "Customize confirmation labels")
-										}), /* @__PURE__ */ f("div", {
+											children: w("bigconsole.widget.actions.confirm.customize", "Customize confirmation labels")
+										}), /* @__PURE__ */ _("div", {
 											className: "mt-3 space-y-3",
 											children: [
-												/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
-													htmlFor: `${S}-confirm-title`,
-													style: p,
-													children: y("bigconsole.widget.actions.confirm.dialogTitleLabel", "Dialog Title")
-												}), /* @__PURE__ */ d(c, {
-													id: `${S}-confirm-title`,
-													value: Ne,
-													onChange: (e) => q(e.target.value),
-													disabled: v
+												/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+													htmlFor: `${D}-confirm-title`,
+													style: v,
+													children: w("bigconsole.widget.actions.confirm.dialogTitleLabel", "Dialog Title")
+												}), /* @__PURE__ */ g(u, {
+													id: `${D}-confirm-title`,
+													value: Pe,
+													onChange: (e) => K(e.target.value),
+													disabled: C
 												})] }),
-												/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
-													htmlFor: `${S}-confirm-label`,
-													style: p,
-													children: y("bigconsole.widget.actions.confirm.confirmButtonLabel", "Confirm Button")
-												}), /* @__PURE__ */ d(c, {
-													id: `${S}-confirm-label`,
-													value: Y,
-													onChange: (e) => X(e.target.value),
-													disabled: v
-												})] }),
-												/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
-													htmlFor: `${S}-cancel-label`,
-													style: p,
-													children: y("bigconsole.widget.actions.confirm.cancelButtonLabel", "Cancel Button")
-												}), /* @__PURE__ */ d(c, {
-													id: `${S}-cancel-label`,
+												/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+													htmlFor: `${D}-confirm-label`,
+													style: v,
+													children: w("bigconsole.widget.actions.confirm.confirmButtonLabel", "Confirm Button")
+												}), /* @__PURE__ */ g(u, {
+													id: `${D}-confirm-label`,
 													value: Fe,
-													onChange: (e) => Z(e.target.value),
-													disabled: v
+													onChange: (e) => Y(e.target.value),
+													disabled: C
+												})] }),
+												/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+													htmlFor: `${D}-cancel-label`,
+													style: v,
+													children: w("bigconsole.widget.actions.confirm.cancelButtonLabel", "Cancel Button")
+												}), /* @__PURE__ */ g(u, {
+													id: `${D}-cancel-label`,
+													value: Ie,
+													onChange: (e) => X(e.target.value),
+													disabled: C
 												})] })
 											]
 										})] })
 									]
 								})] }),
-								/* @__PURE__ */ f("div", { children: [
-									/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ _("div", { children: [
+									/* @__PURE__ */ _("label", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ d(s, {
-											checked: P === "EMIT",
+										children: [/* @__PURE__ */ g(l, {
+											checked: z === "EMIT",
 											onCheckedChange: (e) => {
-												w.current = !0, F(e === !0 ? "EMIT" : "WEBHOOK"), $(null);
+												k.current = !0, B(e === !0 ? "EMIT" : "WEBHOOK"), Q(null);
 											},
-											disabled: v
-										}), y("bigconsole.widget.actions.options.customEvent", "Use a custom event instead of calling an API")]
+											disabled: C
+										}), w("bigconsole.widget.actions.options.customEvent", "Use a custom event instead of calling an API")]
 									}),
-									/* @__PURE__ */ d("p", {
-										style: m,
-										children: y("bigconsole.widget.actions.outcome.emit.hint", "For integrations configured in Webhooks / Events.")
+									/* @__PURE__ */ g("p", {
+										style: y,
+										children: w("bigconsole.widget.actions.outcome.emit.hint", "For integrations configured in Webhooks / Events.")
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ _("div", {
 										className: "mt-3",
 										children: [
-											/* @__PURE__ */ d("label", {
-												htmlFor: `${S}-name`,
-												style: p,
-												children: y("bigconsole.widget.actions.advanced.eventNameLabel", "Event name (id)")
+											/* @__PURE__ */ g("label", {
+												htmlFor: `${D}-name`,
+												style: v,
+												children: w("bigconsole.widget.actions.advanced.eventNameLabel", "Event name (id)")
 											}),
-											/* @__PURE__ */ d(c, {
-												id: `${S}-name`,
-												ref: Ae,
-												value: b && g ? g.name : D,
+											/* @__PURE__ */ g(u, {
+												id: `${D}-name`,
+												ref: Te,
+												value: T && x ? x.name : M,
 												onChange: (e) => {
-													O(e.target.value), A(!0), Q?.field === "name" && $(null);
+													N(e.target.value), F(!0), Z?.field === "name" && Q(null);
 												},
-												disabled: v || b,
-												"aria-invalid": Q?.field === "name",
-												"aria-describedby": Q?.field === "name" ? `${S}-name-error` : void 0
+												disabled: C || T,
+												"aria-invalid": Z?.field === "name",
+												"aria-describedby": Z?.field === "name" ? `${D}-name-error` : void 0
 											}),
-											He("name"),
-											/* @__PURE__ */ d("p", {
-												style: m,
-												children: /* @__PURE__ */ f("code", { children: [
+											$("name"),
+											/* @__PURE__ */ g("p", {
+												style: y,
+												children: /* @__PURE__ */ _("code", { children: [
 													"widget:",
-													b && g ? g.name : n(D || T) || "<name>",
+													T && x ? x.name : n(M || A) || "<name>",
 													":clicked"
 												] })
 											})
 										]
 									})
 								] }),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ _("div", {
 									className: "flex flex-wrap gap-4 text-sm",
-									children: [/* @__PURE__ */ f("label", {
+									children: [/* @__PURE__ */ _("label", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ d(s, {
-											checked: B,
-											onCheckedChange: (e) => V(e === !0),
-											disabled: v
-										}), y("bigconsole.widget.actions.advanced.disabled", "Disabled")]
-									}), /* @__PURE__ */ f("label", {
+										children: [/* @__PURE__ */ g(l, {
+											checked: De,
+											onCheckedChange: (e) => Oe(e === !0),
+											disabled: C
+										}), w("bigconsole.widget.actions.advanced.disabled", "Disabled")]
+									}), /* @__PURE__ */ _("label", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ d(s, {
-											checked: H,
-											onCheckedChange: (e) => U(e === !0),
-											disabled: v
-										}), y("bigconsole.widget.actions.advanced.hidden", "Hidden")]
+										children: [/* @__PURE__ */ g(l, {
+											checked: ke,
+											onCheckedChange: (e) => Ae(e === !0),
+											disabled: C
+										}), w("bigconsole.widget.actions.advanced.hidden", "Hidden")]
 									})]
 								})
 							]
 						})
 					]
-				}), /* @__PURE__ */ f(fe, {
+				}), /* @__PURE__ */ _(ue, {
 					className: "shrink-0 border-t border-border-subtle bg-bg-sunken p-4",
-					children: [/* @__PURE__ */ d(ce, {
+					children: [/* @__PURE__ */ g(oe, {
 						type: "button",
 						variant: "outline",
-						onClick: De,
-						disabled: v,
-						children: y("bigconsole.widget.actions.footer.cancel", "Cancel")
-					}), /* @__PURE__ */ d(ae, {
-						permission: b ? t.WIDGET_ACTION_UPDATE : t.WIDGET_ACTION_CREATE,
+						onClick: Se,
+						disabled: C,
+						children: w("bigconsole.widget.actions.footer.cancel", "Cancel")
+					}), /* @__PURE__ */ g(re, {
+						permission: T ? t.WIDGET_ACTION_UPDATE : t.WIDGET_ACTION_CREATE,
 						deniedBehavior: "disable",
-						children: /* @__PURE__ */ d(ce, {
+						children: /* @__PURE__ */ g(oe, {
 							type: "submit",
-							disabled: v,
-							children: v ? /* @__PURE__ */ f(xe, { children: [/* @__PURE__ */ d(ve, { className: "size-4" }), y("bigconsole.widget.actions.footer.saving", "Saving...")] }) : b ? y("bigconsole.widget.actions.footer.updateButton", "Update Button") : y("bigconsole.widget.actions.footer.addButton", "Add Button")
+							disabled: C,
+							children: C ? /* @__PURE__ */ _(ge, { children: [/* @__PURE__ */ g(pe, { className: "size-4" }), w("bigconsole.widget.actions.footer.saving", "Saving...")] }) : T ? w("bigconsole.widget.actions.footer.updateButton", "Update Button") : w("bigconsole.widget.actions.footer.addButton", "Add Button")
 						})
 					})]
 				})]
@@ -556,4 +556,4 @@ var Se = [
 	});
 });
 //#endregion
-export { g as default };
+export { x as ActionConfigDialog, x as default };