@burdenoff/microfe-channel 2026.805.1 → 2026.830.2

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

@@ -1,393 +1,434 @@
-import { nativeImpact as e, nativeNotify as t } from "../../../../utils/nativeBridge.js";
-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 { 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";
-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";
+import { useTr as e } from "../../../hooks/useTr.js";
+import { nativeImpact as t, nativeNotify as n } from "../../../../utils/nativeBridge.js";
+import { useChannel as r, useChannels as i } from "../../../hooks/useChannels.js";
+import { PermissionGuard as a } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as o } from "../../../constants/permissions.js";
+import { MarkdownEditor as ee } from "../../../components/MarkdownEditor.js";
+import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { AlertCircle as d, ArrowLeft as te, Bell as ne, Hash as re, Inbox as ie, Loader2 as f, Mail as p, MessageCircle as m, MessageSquare as h, Save as g, Send as _, Smartphone as v, Trash2 as y, Users as b } from "lucide-react";
+import { useNavigate as x, useParams as S } from "react-router";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as ae, GlassCard as oe, PagePurpose as se } 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: g,
-		color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
-		adapters: [
-			{
-				value: "AWS_SES",
-				label: "AWS SES"
-			},
-			{
-				value: "MAILGUN",
-				label: "Mailgun"
-			},
-			{
-				value: "POSTMARK",
-				label: "Postmark"
-			},
-			{
-				value: "MANDRILL",
-				label: "Mandrill"
-			},
-			{
-				value: "RESEND",
-				label: "Resend"
-			},
-			{
-				value: "AZURE_ACS",
-				label: "Azure Communication Services"
-			},
-			{
-				value: "SMTP",
-				label: "Custom SMTP"
-			}
-		]
-	},
-	{
-		value: "SMS",
-		label: "SMS",
-		description: "Send text messages",
-		icon: x,
-		color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
-		adapters: [
-			{
-				value: "TWILIO_SMS",
-				label: "Twilio"
-			},
-			{
-				value: "AWS_SNS",
-				label: "AWS SNS"
-			},
-			{
-				value: "VONAGE",
-				label: "Vonage"
-			},
-			{
-				value: "PLIVO",
-				label: "Plivo"
-			},
-			{
-				value: "MESSAGEBIRD",
-				label: "MessageBird"
-			},
-			{
-				value: "INFOBIP",
-				label: "Infobip"
-			}
-		]
-	},
-	{
-		value: "PUSH",
-		label: "Push",
-		description: "Mobile & web push",
-		icon: f,
-		color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
-		adapters: [
-			{
-				value: "FCM",
-				label: "Firebase Cloud Messaging"
-			},
-			{
-				value: "APNS",
-				label: "Apple Push Notification Service"
-			},
-			{
-				value: "ONESIGNAL",
-				label: "OneSignal"
-			},
-			{
-				value: "EXPO",
-				label: "Expo Push"
-			}
-		]
-	},
-	{
-		value: "INAPP",
-		label: "In-App",
-		description: "Internal in-app notifications",
-		icon: m,
-		color: "text-status-warning-text bg-status-warning-bg-subtle border-status-warning-border/30",
-		adapters: [{
-			value: "INAPP_NATIVE",
-			label: "Native In-App"
-		}]
-	},
-	{
-		value: "WHATSAPP",
-		label: "WhatsApp",
-		description: "WhatsApp Business messaging",
-		icon: v,
-		color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
-		adapters: [{
-			value: "WHATSAPP_CLOUD",
-			label: "WhatsApp Cloud API"
-		}, {
-			value: "WHATSAPP_TWILIO",
-			label: "WhatsApp via Twilio"
-		}]
-	},
-	{
-		value: "SLACK",
-		label: "Slack",
-		description: "Slack bot & channels",
-		icon: p,
-		color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
-		adapters: [{
-			value: "SLACK_BOT",
-			label: "Slack Bot"
-		}]
-	},
-	{
-		value: "TEAMS",
-		label: "Teams",
-		description: "Microsoft Teams",
-		icon: C,
-		color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
-		adapters: [{
-			value: "TEAMS_BOT",
-			label: "Teams Bot"
-		}]
-	},
-	{
-		value: "DISCORD",
-		label: "Discord",
-		description: "Discord bots & webhooks",
-		icon: _,
-		color: "text-accent-indigo bg-accent-indigo-subtle border-accent-indigo/30",
-		adapters: [{
-			value: "DISCORD_BOT",
-			label: "Discord Bot"
-		}]
-	},
-	{
-		value: "WEBCHAT",
-		label: "Webchat",
-		description: "Website live chat",
-		icon: v,
-		color: "text-accent-teal bg-accent-teal-subtle border-accent-teal/30",
-		adapters: [{
-			value: "WEBCHAT_NATIVE",
-			label: "Native Webchat"
-		}]
-	},
-	{
-		value: "WEBHOOK",
-		label: "Webhook",
-		description: "Generic HTTP webhook",
-		icon: b,
-		color: "text-text-secondary bg-bg-sunken/50 border-border-subtle",
-		adapters: [{
-			value: "WEBHOOK_HTTP",
-			label: "HTTP Webhook"
-		}]
-	}
-], M = [
-	{
-		value: 0,
-		label: "0 - Lowest"
-	},
-	{
-		value: 1,
-		label: "1 - Low"
-	},
-	{
-		value: 2,
-		label: "2 - Normal"
-	},
-	{
-		value: 3,
-		label: "3 - High"
-	},
-	{
-		value: 4,
-		label: "4 - Highest"
-	}
-];
-function N() {
-	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] = 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);
+function E() {
+	let E = x(), { channelId: D } = S(), { channel: O, isLoading: ce, error: le } = r(D), { updateChannel: k, deleteChannel: A } = i(), j = e(), M = c(() => [
+		{
+			value: "EMAIL",
+			labelKey: "channel.platformLabel.email",
+			labelFallback: "Email",
+			descriptionKey: "channel.platformDescription.emailDescription",
+			descriptionFallback: "Send emails via various providers",
+			icon: p,
+			color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
+			adapters: [
+				{
+					value: "AWS_SES",
+					labelKey: "channel.adapter.awsSes",
+					labelFallback: "AWS SES"
+				},
+				{
+					value: "MAILGUN",
+					labelKey: "channel.adapter.mailgun",
+					labelFallback: "Mailgun"
+				},
+				{
+					value: "POSTMARK",
+					labelKey: "channel.adapter.postmark",
+					labelFallback: "Postmark"
+				},
+				{
+					value: "MANDRILL",
+					labelKey: "channel.adapter.mandrill",
+					labelFallback: "Mandrill"
+				},
+				{
+					value: "RESEND",
+					labelKey: "channel.adapter.resend",
+					labelFallback: "Resend"
+				},
+				{
+					value: "AZURE_ACS",
+					labelKey: "channel.adapter.azureAcs",
+					labelFallback: "Azure Communication Services"
+				},
+				{
+					value: "SMTP",
+					labelKey: "channel.adapter.smtp",
+					labelFallback: "Custom SMTP"
+				}
+			]
+		},
+		{
+			value: "SMS",
+			labelKey: "channel.platformLabel.sms",
+			labelFallback: "SMS",
+			descriptionKey: "channel.platformDescription.smsDescription",
+			descriptionFallback: "Send text messages",
+			icon: v,
+			color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
+			adapters: [
+				{
+					value: "TWILIO_SMS",
+					labelKey: "channel.adapter.twilio",
+					labelFallback: "Twilio"
+				},
+				{
+					value: "AWS_SNS",
+					labelKey: "channel.adapter.awsSns",
+					labelFallback: "AWS SNS"
+				},
+				{
+					value: "VONAGE",
+					labelKey: "channel.adapter.vonage",
+					labelFallback: "Vonage"
+				},
+				{
+					value: "PLIVO",
+					labelKey: "channel.adapter.plivo",
+					labelFallback: "Plivo"
+				},
+				{
+					value: "MESSAGEBIRD",
+					labelKey: "channel.adapter.messagebird",
+					labelFallback: "MessageBird"
+				},
+				{
+					value: "INFOBIP",
+					labelKey: "channel.adapter.infobip",
+					labelFallback: "Infobip"
+				}
+			]
+		},
+		{
+			value: "PUSH",
+			labelKey: "channel.platformLabel.push",
+			labelFallback: "Push",
+			descriptionKey: "channel.platformDescription.pushDescription",
+			descriptionFallback: "Mobile & web push",
+			icon: ne,
+			color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
+			adapters: [
+				{
+					value: "FCM",
+					labelKey: "channel.adapter.fcm",
+					labelFallback: "Firebase Cloud Messaging"
+				},
+				{
+					value: "APNS",
+					labelKey: "channel.adapter.apns",
+					labelFallback: "Apple Push Notification Service"
+				},
+				{
+					value: "ONESIGNAL",
+					labelKey: "channel.adapter.onesignal",
+					labelFallback: "OneSignal"
+				},
+				{
+					value: "EXPO",
+					labelKey: "channel.adapter.expo",
+					labelFallback: "Expo Push"
+				}
+			]
+		},
+		{
+			value: "INAPP",
+			labelKey: "channel.platformLabel.inApp",
+			labelFallback: "In-App",
+			descriptionKey: "channel.platformDescription.inAppDescription",
+			descriptionFallback: "Internal in-app notifications",
+			icon: ie,
+			color: "text-status-warning-text bg-status-warning-bg-subtle border-status-warning-border/30",
+			adapters: [{
+				value: "INAPP_NATIVE",
+				labelKey: "channel.adapter.inAppNative",
+				labelFallback: "Native In-App"
+			}]
+		},
+		{
+			value: "WHATSAPP",
+			labelKey: "channel.platformLabel.whatsapp",
+			labelFallback: "WhatsApp",
+			descriptionKey: "channel.platformDescription.whatsappDescription",
+			descriptionFallback: "WhatsApp Business messaging",
+			icon: h,
+			color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
+			adapters: [{
+				value: "WHATSAPP_CLOUD",
+				labelKey: "channel.adapter.whatsappCloud",
+				labelFallback: "WhatsApp Cloud API"
+			}, {
+				value: "WHATSAPP_TWILIO",
+				labelKey: "channel.adapter.whatsappTwilio",
+				labelFallback: "WhatsApp via Twilio"
+			}]
+		},
+		{
+			value: "SLACK",
+			labelKey: "channel.platformLabel.slack",
+			labelFallback: "Slack",
+			descriptionKey: "channel.platformDescription.slackDescription",
+			descriptionFallback: "Slack bot & channels",
+			icon: re,
+			color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
+			adapters: [{
+				value: "SLACK_BOT",
+				labelKey: "channel.adapter.slackBot",
+				labelFallback: "Slack Bot"
+			}]
+		},
+		{
+			value: "TEAMS",
+			labelKey: "channel.platformLabel.teams",
+			labelFallback: "Teams",
+			descriptionKey: "channel.platformDescription.teamsDescription",
+			descriptionFallback: "Microsoft Teams",
+			icon: b,
+			color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
+			adapters: [{
+				value: "TEAMS_BOT",
+				labelKey: "channel.adapter.teamsBot",
+				labelFallback: "Teams Bot"
+			}]
+		},
+		{
+			value: "DISCORD",
+			labelKey: "channel.platformLabel.discord",
+			labelFallback: "Discord",
+			descriptionKey: "channel.platformDescription.discordDescription",
+			descriptionFallback: "Discord bots & webhooks",
+			icon: m,
+			color: "text-accent-indigo bg-accent-indigo-subtle border-accent-indigo/30",
+			adapters: [{
+				value: "DISCORD_BOT",
+				labelKey: "channel.adapter.discordBot",
+				labelFallback: "Discord Bot"
+			}]
+		},
+		{
+			value: "WEBCHAT",
+			labelKey: "channel.platformLabel.webchat",
+			labelFallback: "Webchat",
+			descriptionKey: "channel.platformDescription.webchatDescription",
+			descriptionFallback: "Website live chat",
+			icon: h,
+			color: "text-accent-teal bg-accent-teal-subtle border-accent-teal/30",
+			adapters: [{
+				value: "WEBCHAT_NATIVE",
+				labelKey: "channel.adapter.webchatNative",
+				labelFallback: "Native Webchat"
+			}]
+		},
+		{
+			value: "WEBHOOK",
+			labelKey: "channel.platformLabel.webhook",
+			labelFallback: "Webhook",
+			descriptionKey: "channel.platformDescription.webhookDescription",
+			descriptionFallback: "Generic HTTP webhook",
+			icon: _,
+			color: "text-text-secondary bg-bg-sunken/50 border-border-subtle",
+			adapters: [{
+				value: "WEBHOOK_HTTP",
+				labelKey: "channel.adapter.webhookHttp",
+				labelFallback: "HTTP Webhook"
+			}]
+		}
+	], []), N = c(() => [
+		{
+			value: 0,
+			label: j("channel.priorityLabel.lowest", "0 - Lowest")
+		},
+		{
+			value: 1,
+			label: j("channel.priorityLabel.low", "1 - Low")
+		},
+		{
+			value: 2,
+			label: j("channel.priorityLabel.normal", "2 - Normal")
+		},
+		{
+			value: 3,
+			label: j("channel.priorityLabel.high", "3 - High")
+		},
+		{
+			value: 4,
+			label: j("channel.priorityLabel.highest", "4 - Highest")
+		}
+	], [j]), [P, F] = u(""), [I, L] = u(""), [R, z] = u("AWS_SES"), [B, V] = u(2), [H, U] = u("INACTIVE"), [W, G] = u(!1), [K, q] = u(!1), [J, Y] = u(null), [X, Z] = u(!1), Q = l(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");
+		O && O.id !== Q.current && (Q.current = O.id, Promise.resolve().then(() => {
+			F(O.name || ""), L(O.description || ""), z(O.adapterType || "AWS_SES"), V(O.priority || 2), U(O.status || "INACTIVE");
 		}));
-	}, [m]);
-	let Q = m?.platform || "EMAIL", $ = j.find((e) => e.value === Q);
-	return g ? /* @__PURE__ */ D("div", {
+	}, [O]);
+	let ue = O?.platform || "EMAIL", $ = M.find((e) => e.value === ue);
+	return ce ? /* @__PURE__ */ w("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ D(h, { className: "size-8 animate-spin text-text-secondary" })
-	}) : _ || !m ? /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ w(f, { className: "size-8 animate-spin text-text-secondary" })
+	}) : le || !O ? /* @__PURE__ */ T("div", {
 		className: "flex flex-col items-center justify-center min-h-screen gap-4",
 		children: [
-			/* @__PURE__ */ D(u, { className: "size-12 text-status-error-text" }),
-			/* @__PURE__ */ D("h1", {
+			/* @__PURE__ */ w(d, { className: "size-12 text-status-error-text" }),
+			/* @__PURE__ */ w("h1", {
 				className: "text-xl font-semibold",
-				children: C("channel.channelNotFound", "Channel not found")
+				children: j("channel.channelNotFound", "Channel not found")
 			}),
-			/* @__PURE__ */ D("button", {
+			/* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: () => f("../list"),
+				onClick: () => E("../list"),
 				className: "text-primary hover:underline",
-				children: C("channel.backToChannels", "Back to channels")
+				children: j("channel.backToChannels", "Back to channels")
 			})
 		]
-	}) : /* @__PURE__ */ D(i, {
-		permission: a.CHANNEL_UPDATE,
-		children: /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ w(a, {
+		permission: o.CHANNEL_UPDATE,
+		children: /* @__PURE__ */ T("div", {
 			className: "min-h-screen bg-bg-surface",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "border-b bg-bg-surface",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ w("div", {
 					className: "container mx-auto px-6 py-4",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ T("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ D("button", {
+						children: [/* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => f(`/channels/${p}`),
+							onClick: () => E(`/channels/${D}`),
 							className: "p-2 hover:bg-bg-sunken rounded-lg transition-colors",
-							children: /* @__PURE__ */ D(d, { className: "size-5 " })
-						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
+							children: /* @__PURE__ */ w(te, { className: "size-5 " })
+						}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
 							className: "text-2xl font-bold",
-							children: C("channel.editChannel", "Edit Channel")
-						}), /* @__PURE__ */ D("p", {
+							children: j("channel.editChannel", "Edit Channel")
+						}), /* @__PURE__ */ w("p", {
 							className: "text-sm text-text-secondary",
-							children: C("channel.updateChannelConfig", "Update channel configuration")
+							children: j("channel.updateChannelConfig", "Update channel configuration")
 						})] })]
 					})
 				})
-			}), /* @__PURE__ */ D("div", {
+			}), /* @__PURE__ */ w("div", {
 				className: "container mx-auto px-6 py-8 max-w-2xl",
-				children: /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ T("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ D(A, {
-							icon: /* @__PURE__ */ D(y, {
+						/* @__PURE__ */ w(se, {
+							icon: /* @__PURE__ */ w(g, {
 								size: 15,
 								"aria-hidden": "true"
 							}),
-							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.")
+							children: j("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__ */ O("div", {
+						J && /* @__PURE__ */ T("div", {
 							className: "p-4 rounded-lg bg-status-error-bg/10 border border-status-error-border/20 flex items-center gap-3",
-							children: [/* @__PURE__ */ D(u, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ w(d, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ w("p", {
 								className: "text-sm text-status-error-text",
-								children: q
+								children: J
 							})]
 						}),
-						/* @__PURE__ */ O(k, {
+						/* @__PURE__ */ T(oe, {
 							treatment: "insight",
 							className: "p-4 border-border-seam space-y-2",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2",
-								children: $ && /* @__PURE__ */ O(E, { children: [(() => {
+								children: $ && /* @__PURE__ */ T(C, { children: [(() => {
 									let e = $.icon;
-									return /* @__PURE__ */ D(e, { className: "size-5 text-text-secondary" });
-								})(), /* @__PURE__ */ D("span", {
+									return /* @__PURE__ */ w(e, { className: "size-5 text-text-secondary" });
+								})(), /* @__PURE__ */ w("span", {
 									className: "font-medium",
-									children: Q
+									children: j($.labelKey, $.labelFallback)
 								})] })
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
-								children: C("channel.platformLockedHint", "Platform cannot be changed after channel creation. Create a new channel to use a different platform.")
+								children: j("channel.platformLockedHint", "Platform cannot be changed after channel creation. Create a new channel to use a different platform.")
 							})]
 						}),
-						/* @__PURE__ */ O(te, {
+						/* @__PURE__ */ T(ae, {
 							className: "p-5 space-y-6",
 							children: [
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ T("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ O("label", {
+									children: [/* @__PURE__ */ T("label", {
 										className: "text-sm font-medium",
-										children: [C("channel.channelName", "Channel Name"), " *"]
-									}), /* @__PURE__ */ D("input", {
-										"aria-label": C("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
+										children: [j("channel.channelName", "Channel Name"), " *"]
+									}), /* @__PURE__ */ w("input", {
+										"aria-label": j("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
 										type: "text",
-										value: N,
-										onChange: (e) => P(e.target.value),
-										placeholder: C("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
+										value: P,
+										onChange: (e) => F(e.target.value),
+										placeholder: j("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__ */ O("div", {
+								/* @__PURE__ */ T("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ D("label", {
+									children: [/* @__PURE__ */ w("label", {
 										htmlFor: "channel-edit-description",
 										className: "text-sm font-medium",
-										children: C("channel.description", "Description")
-									}), /* @__PURE__ */ D(o, {
+										children: j("channel.description", "Description")
+									}), /* @__PURE__ */ w(ee, {
 										id: "channel-edit-description",
-										value: F,
-										onChange: I,
-										"aria-label": C("channel.editDescriptionPlaceholder", "Optional description for this channel"),
-										placeholder: C("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+										value: I,
+										onChange: L,
+										"aria-label": j("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+										placeholder: j("channel.editDescriptionPlaceholder", "Optional description for this channel"),
 										rows: 3
 									})]
 								}),
-								$ && /* @__PURE__ */ O("div", {
+								$ && /* @__PURE__ */ T("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ D("label", {
+									children: [/* @__PURE__ */ w("label", {
 										className: "text-sm font-medium",
-										children: C("channel.adapterProvider", "Adapter / Provider")
-									}), /* @__PURE__ */ D("select", {
-										value: L,
-										onChange: (e) => R(e.target.value),
+										children: j("channel.adapterProvider", "Adapter / Provider")
+									}), /* @__PURE__ */ w("select", {
+										value: R,
+										onChange: (e) => z(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__ */ D("option", {
+										children: $.adapters.map((e) => /* @__PURE__ */ w("option", {
 											value: e.value,
-											children: e.label
+											children: j(e.labelKey, e.labelFallback)
 										}, e.value))
 									})]
 								}),
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ D("label", {
+											/* @__PURE__ */ w("label", {
 												className: "text-sm font-medium",
-												children: C("channel.priority", "Priority")
+												children: j("channel.priority", "Priority")
 											}),
-											/* @__PURE__ */ D("select", {
-												value: z,
-												onChange: (e) => B(Number(e.target.value)),
+											/* @__PURE__ */ w("select", {
+												value: B,
+												onChange: (e) => V(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__ */ D("option", {
+												children: N.map((e) => /* @__PURE__ */ w("option", {
 													value: e.value,
 													children: e.label
 												}, e.value))
 											}),
-											/* @__PURE__ */ D("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-xs text-text-secondary",
-												children: C("channel.priorityFailoverHint", "Higher priority channels are used first in failover")
+												children: j("channel.priorityFailoverHint", "Higher priority channels are used first in failover")
 											})
 										]
-									}), /* @__PURE__ */ O("div", {
+									}), /* @__PURE__ */ T("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ D("label", {
+										children: [/* @__PURE__ */ w("label", {
 											className: "text-sm font-medium",
-											children: C("channel.status", "Status")
-										}), /* @__PURE__ */ O("select", {
-											value: V,
-											onChange: (e) => H(e.target.value),
+											children: j("channel.status", "Status")
+										}), /* @__PURE__ */ T("select", {
+											value: H,
+											onChange: (e) => U(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__ */ D("option", {
+												/* @__PURE__ */ w("option", {
 													value: "INACTIVE",
-													children: C("channel.status.inactive", "Inactive")
+													children: j("channel.statusLabel.inactive", "Inactive")
 												}),
-												/* @__PURE__ */ D("option", {
+												/* @__PURE__ */ w("option", {
 													value: "ACTIVE",
-													children: C("channel.status.active", "Active")
+													children: j("channel.statusLabel.active", "Active")
 												}),
-												/* @__PURE__ */ D("option", {
+												/* @__PURE__ */ w("option", {
 													value: "SUSPENDED",
-													children: C("channel.status.suspended", "Suspended")
+													children: j("channel.statusLabel.suspended", "Suspended")
 												})
 											]
 										})]
@@ -395,80 +436,80 @@ function N() {
 								})
 							]
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between pt-6 border-t",
-							children: [/* @__PURE__ */ D("div", { children: Y ? /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ w("div", { children: X ? /* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ D("span", {
+									/* @__PURE__ */ w("span", {
 										className: "text-sm text-text-secondary",
-										children: C("channel.confirmDelete", "Confirm delete?")
+										children: j("channel.confirmDelete", "Confirm delete?")
 									}),
-									/* @__PURE__ */ O("button", {
+									/* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: async () => {
-											if (!(!p || !Y)) {
-												e("medium"), K(!0);
+											if (!(!D || !X)) {
+												t("medium"), q(!0);
 												try {
-													await b(p) ? (t("success"), f("../list")) : t("error");
+													await A(D) ? (n("success"), E("../list")) : n("error");
 												} catch (e) {
-													t("error"), J(e instanceof Error ? e.message : C("channel.deleteFailed", "Failed to delete channel")), K(!1);
+													n("error"), Y(e instanceof Error ? e.message : j("channel.deleteFailed", "Failed to delete channel")), q(!1);
 												}
 											}
 										},
-										disabled: G,
+										disabled: K,
 										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__ */ D(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ D(S, { className: "size-4 " }), C("channel.delete", "Delete")]
+										children: [K ? /* @__PURE__ */ w(f, { className: "size-4 animate-spin" }) : /* @__PURE__ */ w(y, { className: "size-4 " }), j("channel.delete", "Delete")]
 									}),
-									/* @__PURE__ */ D("button", {
+									/* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => X(!1),
+										onClick: () => Z(!1),
 										className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-										children: C("channel.cancel", "Cancel")
+										children: j("channel.cancel", "Cancel")
 									})
 								]
-							}) : /* @__PURE__ */ D(i, {
-								permission: a.CHANNEL_DELETE,
-								children: /* @__PURE__ */ O("button", {
+							}) : /* @__PURE__ */ w(a, {
+								permission: o.CHANNEL_DELETE,
+								children: /* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => X(!0),
+									onClick: () => Z(!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__ */ D(S, { className: "size-4 " }), C("channel.deleteChannel", "Delete Channel")]
+									children: [/* @__PURE__ */ w(y, { className: "size-4 " }), j("channel.deleteChannel", "Delete Channel")]
 								})
-							}) }), /* @__PURE__ */ O("div", {
+							}) }), /* @__PURE__ */ T("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ D("button", {
+								children: [/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => f(`/channels/${p}`),
+									onClick: () => E(`/channels/${D}`),
 									className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-									children: C("channel.cancel", "Cancel")
-								}), /* @__PURE__ */ O("button", {
+									children: j("channel.cancel", "Cancel")
+								}), /* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: async () => {
-										if (p) {
-											if (!N.trim()) {
-												J(C("channel.validation.nameRequired", "Channel name is required"));
+										if (D) {
+											if (!P.trim()) {
+												Y(j("channel.validation.nameRequired", "Channel name is required"));
 												return;
 											}
-											W(!0), J(null);
+											G(!0), Y(null);
 											try {
-												await v(p, {
-													name: N.trim(),
-													description: F.trim() || void 0,
-													adapterType: L,
-													priority: z,
-													status: V
-												}) ? f(`/channels/${p}`) : J(C("channel.updateFailed", "Failed to update channel"));
+												await k(D, {
+													name: P.trim(),
+													description: I.trim() || void 0,
+													adapterType: R,
+													priority: B,
+													status: H
+												}) ? E(`/channels/${D}`) : Y(j("channel.updateFailed", "Failed to update channel"));
 											} catch (e) {
-												J(e instanceof Error ? e.message : C("channel.updateFailed", "Failed to update channel"));
+												Y(e instanceof Error ? e.message : j("channel.updateFailed", "Failed to update channel"));
 											} finally {
-												W(!1);
+												G(!1);
 											}
 										}
 									},
-									disabled: U || !N.trim(),
+									disabled: W || !P.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__ */ D(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ D(y, { className: "size-4 " }), C("channel.saveChanges", "Save Changes")]
+									children: [W ? /* @__PURE__ */ w(f, { className: "size-4 animate-spin" }) : /* @__PURE__ */ w(g, { className: "size-4 " }), j("channel.saveChanges", "Save Changes")]
 								})]
 							})]
 						})
@@ -479,6 +520,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as EditChannelPage };
+export { E as EditChannelPage };
 
 //# sourceMappingURL=EditChannelPage.js.map