@burdenoff/microfe-channel 2026.715.1 → 2026.720.1

package/dist/channel/modules/channels/pages/EditChannelPage.js

@@ -2,19 +2,20 @@ import { nativeImpact as e, nativeNotify as t } from "../../../../utils/nativeBr
 import { useChannel as n, useChannels as r } from "../../../hooks/useChannels.js";
 import { PermissionGuard as i } from "../../../components/PermissionGuard.js";
 import { CHANNEL_PERMISSIONS as a } from "../../../constants/permissions.js";
-import { useEffect as o, useRef as ee, useState as s } from "react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as l, ArrowLeft as u, Bell as d, Hash as f, Inbox as p, Loader2 as m, Mail as h, MessageCircle as g, MessageSquare as _, Save as v, Send as y, Smartphone as b, Trash2 as x, Users as S } from "lucide-react";
-import { useNavigate as C, useParams as w } from "react-router-dom";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EmphasisPanel as O, GlassCard as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { MarkdownEditor as o } from "../../../components/MarkdownEditor.js";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as u, ArrowLeft as d, Bell as f, Hash as p, Inbox as m, Loader2 as h, Mail as g, MessageCircle as _, MessageSquare as v, Save as y, Send as b, Smartphone as x, Trash2 as S, Users as C } from "lucide-react";
+import { useNavigate as w, useParams as T } from "react-router-dom";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EmphasisPanel as te, GlassCard as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/channel/modules/channels/pages/EditChannelPage.tsx
 var j = [
 	{
 		value: "EMAIL",
 		label: "Email",
 		description: "Send emails via various providers",
-		icon: h,
+		icon: g,
 		color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
 		adapters: [
 			{
@@ -51,7 +52,7 @@ var j = [
 		value: "SMS",
 		label: "SMS",
 		description: "Send text messages",
-		icon: b,
+		icon: x,
 		color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
 		adapters: [
 			{
@@ -84,7 +85,7 @@ var j = [
 		value: "PUSH",
 		label: "Push",
 		description: "Mobile & web push",
-		icon: d,
+		icon: f,
 		color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
 		adapters: [
 			{
@@ -109,7 +110,7 @@ var j = [
 		value: "INAPP",
 		label: "In-App",
 		description: "Internal in-app notifications",
-		icon: p,
+		icon: m,
 		color: "text-status-warning-text bg-status-warning-bg-subtle border-status-warning-border/30",
 		adapters: [{
 			value: "INAPP_NATIVE",
@@ -120,7 +121,7 @@ var j = [
 		value: "WHATSAPP",
 		label: "WhatsApp",
 		description: "WhatsApp Business messaging",
-		icon: _,
+		icon: v,
 		color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
 		adapters: [{
 			value: "WHATSAPP_CLOUD",
@@ -134,7 +135,7 @@ var j = [
 		value: "SLACK",
 		label: "Slack",
 		description: "Slack bot & channels",
-		icon: f,
+		icon: p,
 		color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
 		adapters: [{
 			value: "SLACK_BOT",
@@ -145,7 +146,7 @@ var j = [
 		value: "TEAMS",
 		label: "Teams",
 		description: "Microsoft Teams",
-		icon: S,
+		icon: C,
 		color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
 		adapters: [{
 			value: "TEAMS_BOT",
@@ -156,7 +157,7 @@ var j = [
 		value: "DISCORD",
 		label: "Discord",
 		description: "Discord bots & webhooks",
-		icon: g,
+		icon: _,
 		color: "text-accent-indigo bg-accent-indigo-subtle border-accent-indigo/30",
 		adapters: [{
 			value: "DISCORD_BOT",
@@ -167,7 +168,7 @@ var j = [
 		value: "WEBCHAT",
 		label: "Webchat",
 		description: "Website live chat",
-		icon: _,
+		icon: v,
 		color: "text-accent-teal bg-accent-teal-subtle border-accent-teal/30",
 		adapters: [{
 			value: "WEBCHAT_NATIVE",
@@ -178,7 +179,7 @@ var j = [
 		value: "WEBHOOK",
 		label: "Webhook",
 		description: "Generic HTTP webhook",
-		icon: y,
+		icon: b,
 		color: "text-text-secondary bg-bg-sunken/50 border-border-subtle",
 		adapters: [{
 			value: "WEBHOOK_HTTP",
@@ -208,184 +209,185 @@ var j = [
 	}
 ];
 function N() {
-	let d = C(), { channelId: f } = w(), { channel: p, isLoading: h, error: g } = n(f), { updateChannel: _, deleteChannel: y } = r(), { t: b } = c(), S = (e, t) => {
-		let n = b(e);
+	let f = w(), { channelId: p } = T(), { channel: m, isLoading: g, error: _ } = n(p), { updateChannel: v, deleteChannel: b } = r(), { t: x } = ee(), C = (e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, [N, P] = s(""), [F, I] = s(""), [L, R] = s("AWS_SES"), [z, B] = s(2), [V, H] = s("INACTIVE"), [U, W] = s(!1), [G, K] = s(!1), [q, J] = s(null), [Y, X] = s(!1), Z = ee(null);
-	o(() => {
-		p && p.id !== Z.current && (Z.current = p.id, Promise.resolve().then(() => {
-			P(p.name || ""), I(p.description || ""), R(p.adapterType || "AWS_SES"), B(p.priority || 2), H(p.status || "INACTIVE");
+	}, [N, P] = l(""), [F, I] = l(""), [L, R] = l("AWS_SES"), [z, B] = l(2), [V, H] = l("INACTIVE"), [U, W] = l(!1), [G, K] = l(!1), [q, J] = l(null), [Y, X] = l(!1), Z = c(null);
+	s(() => {
+		m && m.id !== Z.current && (Z.current = m.id, Promise.resolve().then(() => {
+			P(m.name || ""), I(m.description || ""), R(m.adapterType || "AWS_SES"), B(m.priority || 2), H(m.status || "INACTIVE");
 		}));
-	}, [p]);
-	let Q = p?.platform || "EMAIL", $ = j.find((e) => e.value === Q);
-	return h ? /* @__PURE__ */ E("div", {
+	}, [m]);
+	let Q = m?.platform || "EMAIL", $ = j.find((e) => e.value === Q);
+	return g ? /* @__PURE__ */ D("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ E(m, { className: "size-8 animate-spin text-text-secondary" })
-	}) : g || !p ? /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ D(h, { className: "size-8 animate-spin text-text-secondary" })
+	}) : _ || !m ? /* @__PURE__ */ O("div", {
 		className: "flex flex-col items-center justify-center min-h-screen gap-4",
 		children: [
-			/* @__PURE__ */ E(l, { className: "size-12 text-status-error-text" }),
-			/* @__PURE__ */ E("h1", {
+			/* @__PURE__ */ D(u, { className: "size-12 text-status-error-text" }),
+			/* @__PURE__ */ D("h1", {
 				className: "text-xl font-semibold",
-				children: S("channel.channelNotFound", "Channel not found")
+				children: C("channel.channelNotFound", "Channel not found")
 			}),
-			/* @__PURE__ */ E("button", {
+			/* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: () => d("../list"),
+				onClick: () => f("../list"),
 				className: "text-primary hover:underline",
-				children: S("channel.backToChannels", "Back to channels")
+				children: C("channel.backToChannels", "Back to channels")
 			})
 		]
-	}) : /* @__PURE__ */ E(i, {
+	}) : /* @__PURE__ */ D(i, {
 		permission: a.CHANNEL_UPDATE,
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ O("div", {
 			className: "min-h-screen bg-bg-surface",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ D("div", {
 				className: "border-b bg-bg-surface",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "container mx-auto px-6 py-4",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ E("button", {
+						children: [/* @__PURE__ */ D("button", {
 							type: "button",
-							onClick: () => d(`/channels/${f}`),
+							onClick: () => f(`/channels/${p}`),
 							className: "p-2 hover:bg-bg-sunken rounded-lg transition-colors",
-							children: /* @__PURE__ */ E(u, { className: "size-5 " })
-						}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
+							children: /* @__PURE__ */ D(d, { className: "size-5 " })
+						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
 							className: "text-2xl font-bold",
-							children: S("channel.editChannel", "Edit Channel")
-						}), /* @__PURE__ */ E("p", {
+							children: C("channel.editChannel", "Edit Channel")
+						}), /* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
-							children: S("channel.updateChannelConfig", "Update channel configuration")
+							children: C("channel.updateChannelConfig", "Update channel configuration")
 						})] })]
 					})
 				})
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ D("div", {
 				className: "container mx-auto px-6 py-8 max-w-2xl",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ E(A, {
-							icon: /* @__PURE__ */ E(v, {
+						/* @__PURE__ */ D(A, {
+							icon: /* @__PURE__ */ D(y, {
 								size: 15,
 								"aria-hidden": "true"
 							}),
-							children: S("channel.editChannelPurpose", "Change how this channel behaves — its name, description, priority and status. The platform and provider stay fixed (they define what the channel is); to swap credentials use the channel's connection instead. Use this to rename a channel, bump its priority, or temporarily deactivate it without deleting it.")
+							children: C("channel.editChannelPurpose", "Change how this channel behaves — its name, description, priority and status. The platform and provider stay fixed (they define what the channel is); to swap credentials use the channel's connection instead. Use this to rename a channel, bump its priority, or temporarily deactivate it without deleting it.")
 						}),
-						q && /* @__PURE__ */ D("div", {
+						q && /* @__PURE__ */ O("div", {
 							className: "p-4 rounded-lg bg-status-error-bg/10 border border-status-error-border/20 flex items-center gap-3",
-							children: [/* @__PURE__ */ E(l, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ E("p", {
+							children: [/* @__PURE__ */ D(u, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ D("p", {
 								className: "text-sm text-status-error-text",
 								children: q
 							})]
 						}),
-						/* @__PURE__ */ D(k, {
+						/* @__PURE__ */ O(k, {
 							treatment: "insight",
 							className: "p-4 border-border-seam space-y-2",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2",
-								children: $ && /* @__PURE__ */ D(T, { children: [(() => {
+								children: $ && /* @__PURE__ */ O(E, { children: [(() => {
 									let e = $.icon;
-									return /* @__PURE__ */ E(e, { className: "size-5 text-text-secondary" });
-								})(), /* @__PURE__ */ E("span", {
+									return /* @__PURE__ */ D(e, { className: "size-5 text-text-secondary" });
+								})(), /* @__PURE__ */ D("span", {
 									className: "font-medium",
 									children: Q
 								})] })
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
-								children: S("channel.platformLockedHint", "Platform cannot be changed after channel creation. Create a new channel to use a different platform.")
+								children: C("channel.platformLockedHint", "Platform cannot be changed after channel creation. Create a new channel to use a different platform.")
 							})]
 						}),
-						/* @__PURE__ */ D(O, {
+						/* @__PURE__ */ O(te, {
 							className: "p-5 space-y-6",
 							children: [
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ D("label", {
+									children: [/* @__PURE__ */ O("label", {
 										className: "text-sm font-medium",
-										children: [S("channel.channelName", "Channel Name"), " *"]
-									}), /* @__PURE__ */ E("input", {
-										"aria-label": S("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
+										children: [C("channel.channelName", "Channel Name"), " *"]
+									}), /* @__PURE__ */ D("input", {
+										"aria-label": C("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
 										type: "text",
 										value: N,
 										onChange: (e) => P(e.target.value),
-										placeholder: S("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
+										placeholder: C("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
 										className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ E("label", {
+									children: [/* @__PURE__ */ D("label", {
+										htmlFor: "channel-edit-description",
 										className: "text-sm font-medium",
-										children: S("channel.description", "Description")
-									}), /* @__PURE__ */ E("textarea", {
-										"aria-label": S("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+										children: C("channel.description", "Description")
+									}), /* @__PURE__ */ D(o, {
+										id: "channel-edit-description",
 										value: F,
-										onChange: (e) => I(e.target.value),
-										placeholder: S("channel.editDescriptionPlaceholder", "Optional description for this channel"),
-										rows: 3,
-										className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary resize-none"
+										onChange: I,
+										"aria-label": C("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+										placeholder: C("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+										rows: 3
 									})]
 								}),
-								$ && /* @__PURE__ */ D("div", {
+								$ && /* @__PURE__ */ O("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ E("label", {
+									children: [/* @__PURE__ */ D("label", {
 										className: "text-sm font-medium",
-										children: S("channel.adapterProvider", "Adapter / Provider")
-									}), /* @__PURE__ */ E("select", {
+										children: C("channel.adapterProvider", "Adapter / Provider")
+									}), /* @__PURE__ */ D("select", {
 										value: L,
 										onChange: (e) => R(e.target.value),
 										className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
-										children: $.adapters.map((e) => /* @__PURE__ */ E("option", {
+										children: $.adapters.map((e) => /* @__PURE__ */ D("option", {
 											value: e.value,
 											children: e.label
 										}, e.value))
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ D("div", {
+									children: [/* @__PURE__ */ O("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ E("label", {
+											/* @__PURE__ */ D("label", {
 												className: "text-sm font-medium",
-												children: S("channel.priority", "Priority")
+												children: C("channel.priority", "Priority")
 											}),
-											/* @__PURE__ */ E("select", {
+											/* @__PURE__ */ D("select", {
 												value: z,
 												onChange: (e) => B(Number(e.target.value)),
 												className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
-												children: M.map((e) => /* @__PURE__ */ E("option", {
+												children: M.map((e) => /* @__PURE__ */ D("option", {
 													value: e.value,
 													children: e.label
 												}, e.value))
 											}),
-											/* @__PURE__ */ E("p", {
+											/* @__PURE__ */ D("p", {
 												className: "text-xs text-text-secondary",
-												children: S("channel.priorityFailoverHint", "Higher priority channels are used first in failover")
+												children: C("channel.priorityFailoverHint", "Higher priority channels are used first in failover")
 											})
 										]
-									}), /* @__PURE__ */ D("div", {
+									}), /* @__PURE__ */ O("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ E("label", {
+										children: [/* @__PURE__ */ D("label", {
 											className: "text-sm font-medium",
-											children: S("channel.status", "Status")
-										}), /* @__PURE__ */ D("select", {
+											children: C("channel.status", "Status")
+										}), /* @__PURE__ */ O("select", {
 											value: V,
 											onChange: (e) => H(e.target.value),
 											className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
 											children: [
-												/* @__PURE__ */ E("option", {
+												/* @__PURE__ */ D("option", {
 													value: "INACTIVE",
-													children: S("channel.status.inactive", "Inactive")
+													children: C("channel.status.inactive", "Inactive")
 												}),
-												/* @__PURE__ */ E("option", {
+												/* @__PURE__ */ D("option", {
 													value: "ACTIVE",
-													children: S("channel.status.active", "Active")
+													children: C("channel.status.active", "Active")
 												}),
-												/* @__PURE__ */ E("option", {
+												/* @__PURE__ */ D("option", {
 													value: "SUSPENDED",
-													children: S("channel.status.suspended", "Suspended")
+													children: C("channel.status.suspended", "Suspended")
 												})
 											]
 										})]
@@ -393,72 +395,72 @@ function N() {
 								})
 							]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "flex items-center justify-between pt-6 border-t",
-							children: [/* @__PURE__ */ E("div", { children: Y ? /* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ D("div", { children: Y ? /* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ E("span", {
+									/* @__PURE__ */ D("span", {
 										className: "text-sm text-text-secondary",
-										children: S("channel.confirmDelete", "Confirm delete?")
+										children: C("channel.confirmDelete", "Confirm delete?")
 									}),
-									/* @__PURE__ */ D("button", {
+									/* @__PURE__ */ O("button", {
 										type: "button",
 										onClick: async () => {
-											if (!(!f || !Y)) {
+											if (!(!p || !Y)) {
 												e("medium"), K(!0);
 												try {
-													await y(f) ? (t("success"), d("../list")) : t("error");
+													await b(p) ? (t("success"), f("../list")) : t("error");
 												} catch (e) {
-													t("error"), J(e instanceof Error ? e.message : S("channel.deleteFailed", "Failed to delete channel")), K(!1);
+													t("error"), J(e instanceof Error ? e.message : C("channel.deleteFailed", "Failed to delete channel")), K(!1);
 												}
 											}
 										},
 										disabled: G,
 										className: "px-4 py-2 text-sm bg-status-error-bg text-status-error-text rounded-lg hover:bg-status-error-bg/90 transition-colors flex items-center gap-2",
-										children: [G ? /* @__PURE__ */ E(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ E(x, { className: "size-4 " }), S("channel.delete", "Delete")]
+										children: [G ? /* @__PURE__ */ D(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ D(S, { className: "size-4 " }), C("channel.delete", "Delete")]
 									}),
-									/* @__PURE__ */ E("button", {
+									/* @__PURE__ */ D("button", {
 										type: "button",
 										onClick: () => X(!1),
 										className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-										children: S("channel.cancel", "Cancel")
+										children: C("channel.cancel", "Cancel")
 									})
 								]
-							}) : /* @__PURE__ */ E(i, {
+							}) : /* @__PURE__ */ D(i, {
 								permission: a.CHANNEL_DELETE,
-								children: /* @__PURE__ */ D("button", {
+								children: /* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => X(!0),
 									className: "px-4 py-2 text-sm text-status-error-text hover:bg-status-error-bg/10 rounded-lg transition-colors flex items-center gap-2",
-									children: [/* @__PURE__ */ E(x, { className: "size-4 " }), S("channel.deleteChannel", "Delete Channel")]
+									children: [/* @__PURE__ */ D(S, { className: "size-4 " }), C("channel.deleteChannel", "Delete Channel")]
 								})
-							}) }), /* @__PURE__ */ D("div", {
+							}) }), /* @__PURE__ */ O("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ E("button", {
+								children: [/* @__PURE__ */ D("button", {
 									type: "button",
-									onClick: () => d(`/channels/${f}`),
+									onClick: () => f(`/channels/${p}`),
 									className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-									children: S("channel.cancel", "Cancel")
-								}), /* @__PURE__ */ D("button", {
+									children: C("channel.cancel", "Cancel")
+								}), /* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: async () => {
-										if (f) {
+										if (p) {
 											if (!N.trim()) {
-												J(S("channel.validation.nameRequired", "Channel name is required"));
+												J(C("channel.validation.nameRequired", "Channel name is required"));
 												return;
 											}
 											W(!0), J(null);
 											try {
-												await _(f, {
+												await v(p, {
 													name: N.trim(),
 													description: F.trim() || void 0,
 													adapterType: L,
 													priority: z,
 													status: V
-												}) ? d(`/channels/${f}`) : J(S("channel.updateFailed", "Failed to update channel"));
+												}) ? f(`/channels/${p}`) : J(C("channel.updateFailed", "Failed to update channel"));
 											} catch (e) {
-												J(e instanceof Error ? e.message : S("channel.updateFailed", "Failed to update channel"));
+												J(e instanceof Error ? e.message : C("channel.updateFailed", "Failed to update channel"));
 											} finally {
 												W(!1);
 											}
@@ -466,7 +468,7 @@ function N() {
 									},
 									disabled: U || !N.trim(),
 									className: "px-6 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors flex items-center gap-2 disabled:opacity-50",
-									children: [U ? /* @__PURE__ */ E(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ E(v, { className: "size-4 " }), S("channel.saveChanges", "Save Changes")]
+									children: [U ? /* @__PURE__ */ D(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ D(y, { className: "size-4 " }), C("channel.saveChanges", "Save Changes")]
 								})]
 							})]
 						})