@burdenoff/microfe-channel 2026.1013.1 → 2026.1107.1

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

@@ -1,20 +1,20 @@
 import { nativeImpact as e, nativeNotify as t } from "../../../../utils/nativeBridge.js";
 import { useChannel as n } from "../../../hooks/useChannels.js";
+import { AdapterCredentialsForm as ee, CredentialValidationStatus as te } from "../../../components/AdapterCredentialsForm.js";
 import { PermissionGuard as r } from "../../../components/PermissionGuard.js";
 import { CHANNEL_PERMISSIONS as i } from "../../../constants/permissions.js";
-import { AUTH_TYPE_I18N as ee, HEALTH_I18N as te, PLATFORM_I18N as ne, STATUS_I18N as re, translateLabel as a } from "../i18n.js";
-import { AdapterCredentialsForm as ie, CredentialValidationStatus as ae } from "../../../components/AdapterCredentialsForm.js";
+import { AUTH_TYPE_I18N as ne, HEALTH_I18N as re, PLATFORM_I18N as ie, STATUS_I18N as ae, translateLabel as a } from "../i18n.js";
 import { useEffect as oe, useState as o } from "react";
 import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as s, AlertTriangle as c, ArrowLeft as ce, ArrowRight as l, Cable as u, CheckCircle2 as d, Clock as le, HelpCircle as f, Key as ue, Loader2 as p, Mail as de, MessageSquare as fe, Pencil as m, Phone as pe, Play as me, Plus as he, Power as ge, PowerOff as h, Radio as g, RefreshCw as _, Save as _e, Send as v, Trash2 as ve, Truck as y, Users as ye, X as be, XCircle as b } from "lucide-react";
-import { useLocation as xe, useNavigate as Se, useParams as Ce } from "react-router";
-import { usePermissions as we } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { CTAOverflowMenu as Te, EmphasisPanel as Ee, GlassCard as C, NextSteps as De, PagePurpose as Oe, ResponsiveDialog as ke, ResponsiveDialogContent as Ae, ResponsiveDialogHeader as je, ResponsiveDialogTitle as Me } from "@burdenoff/fe-libs/ui";
-import { TagBadge as Ne } from "@burdenoff/fe-libs/tag";
-import { Markdown as Pe } from "@burdenoff/fe-libs/shared/components/Markdown";
-//#region src/channel/modules/channels/pages/ChannelDetailsPage.tsx
-var w = {
+import { AlertCircle as s, AlertTriangle as c, ArrowLeft as ce, ArrowRight as l, Cable as u, CheckCircle2 as d, Clock as le, HelpCircle as f, Key as ue, Loader2 as p, Mail as de, MessageSquare as fe, Pencil as pe, Phone as me, Play as he, Plus as ge, Power as _e, PowerOff as m, Radio as ve, RefreshCw as ye, Save as be, Send as h, Trash2 as xe, Truck as g, Users as Se, X as Ce, XCircle as _ } from "lucide-react";
+import { useLocation as we, useNavigate as Te, useParams as Ee } from "react-router";
+import { usePermissions as De } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CTAOverflowMenu as Oe, EmphasisPanel as ke, GlassCard as b, NextSteps as Ae, PagePurpose as je, ResponsiveDialog as Me, ResponsiveDialogContent as Ne, ResponsiveDialogHeader as Pe, ResponsiveDialogTitle as Fe } from "@burdenoff/fe-libs/ui";
+import { TagBadge as Ie } from "@burdenoff/fe-libs/tag";
+import { Markdown as Le } from "@burdenoff/fe-libs/shared/components/Markdown";
+// src/channel/modules/channels/pages/ChannelDetailsPage.tsx
+var x = {
 	EMAIL: {
 		label: "Email",
 		color: "bg-accent-blue-subtle text-accent-blue"
@@ -55,7 +55,7 @@ var w = {
 		label: "Webchat",
 		color: "bg-accent-teal-subtle text-accent-teal"
 	}
-}, T = {
+}, S = {
 	ACTIVE: {
 		label: "Active",
 		color: "text-status-success-text bg-status-success-bg-subtle",
@@ -64,12 +64,12 @@ var w = {
 	INACTIVE: {
 		label: "Inactive",
 		color: "text-text-secondary bg-bg-sunken",
-		icon: h
+		icon: m
 	},
 	ERROR: {
 		label: "Error",
 		color: "text-status-error-text bg-status-error-bg-subtle",
-		icon: b
+		icon: _
 	},
 	SUSPENDED: {
 		label: "Suspended",
@@ -79,9 +79,9 @@ var w = {
 	ARCHIVED: {
 		label: "Archived",
 		color: "text-text-secondary bg-bg-sunken",
-		icon: h
+		icon: m
 	}
-}, E = {
+}, C = {
 	HEALTHY: {
 		label: "Healthy",
 		color: "text-status-success-text",
@@ -95,7 +95,7 @@ var w = {
 	UNHEALTHY: {
 		label: "Unhealthy",
 		color: "text-status-error-text",
-		icon: b
+		icon: _
 	},
 	UNKNOWN: {
 		label: "Unknown",
@@ -103,95 +103,95 @@ var w = {
 		icon: f
 	}
 };
-function D() {
-	let { channelId: c } = Ce(), f = Se(), D = xe(), { hasPermission: O } = we(), k = O(i.CHANNEL_UPDATE), A = O(i.CHANNEL_EXECUTE), Fe = O(i.CHANNEL_CONNECTION_CREATE), Ie = O(i.CHANNEL_CONNECTION_UPDATE), { t: Le } = se(), j = (e, t) => {
-		let n = Le(e);
+function w() {
+	let { channelId: c } = Ee(), f = Te(), w = we(), { hasPermission: T } = De(), E = T(i.CHANNEL_UPDATE), D = T(i.CHANNEL_EXECUTE), Re = T(i.CHANNEL_CONNECTION_CREATE), ze = T(i.CHANNEL_CONNECTION_UPDATE), { t: Be } = se(), O = (e, t) => {
+		let n = Be(e);
 		return n === e ? t : n;
-	}, M = D.state, [N, P] = o(null), [F, I] = o(M?.showCredentialsForm || !1), [L, R] = o(M?.pendingCredentials || {}), [Re, z] = o(!1), [B, V] = o(null), [ze, H] = o(!1), [U, W] = o(""), [G, Be] = o(() => j("channel.testNotificationSubject", "Test Notification")), [K, Ve] = o(() => j("channel.testNotificationBody", "This is a test notification from Burdenoff Channel Service.")), [q, J] = o(null);
+	}, k = w.state, [A, j] = o(null), [M, N] = o(k?.showCredentialsForm || !1), [P, F] = o(k?.pendingCredentials || {}), [Ve, I] = o(!1), [L, R] = o(null), [He, z] = o(!1), [B, V] = o(""), [H, Ue] = o(() => O("channel.testNotificationSubject", "Test Notification")), [U, We] = o(() => O("channel.testNotificationBody", "This is a test notification from Burdenoff Channel Service.")), [W, G] = o(null);
 	oe(() => {
-		(M?.pendingCredentials || M?.showCredentialsForm) && f(D.pathname, {
+		(k?.pendingCredentials || k?.showCredentialsForm) && f(w.pathname, {
 			replace: !0,
 			state: null
 		});
 	}, []);
-	let { channel: Y, isLoading: He, error: X, updateChannel: Ue, runHealthCheck: We, createConnection: Ge, updateConnection: Ke, deleteConnection: qe, testConnection: Je, sendTestNotification: Ye } = n(c), Xe = async () => {
-		P("health");
+	let { channel: K, isLoading: Ge, error: q, updateChannel: Ke, runHealthCheck: qe, createConnection: Je, updateConnection: Ye, deleteConnection: Xe, testConnection: Ze, sendTestNotification: Qe } = n(c), J = async () => {
+		j("health");
 		try {
-			await We();
+			await qe();
 		} catch (e) {
 			console.error("[channel] Failed to run health check", e);
 		} finally {
-			P(null);
+			j(null);
 		}
-	}, Ze = async () => {
-		if (Y) {
-			P("status");
+	}, $e = async () => {
+		if (K) {
+			j("status");
 			try {
-				await Ue({ status: Y.status === "ACTIVE" ? "INACTIVE" : "ACTIVE" });
+				await Ke({ status: K.status === "ACTIVE" ? "INACTIVE" : "ACTIVE" });
 			} catch (e) {
 				console.error("[channel] Failed to toggle channel status", e);
 			} finally {
-				P(null);
+				j(null);
 			}
 		}
-	}, Qe = async () => {
-		if (Y) {
-			P("connection");
+	}, et = async () => {
+		if (K) {
+			j("connection");
 			try {
-				let e = "API_KEY", t = Y.adapterType;
-				t?.includes("BOT") ? e = "BOT_TOKEN" : t?.includes("WEBHOOK") ? e = "WEBHOOK" : t === "SMTP" && (e = "SMTP_IMAP"), await Ge({
+				let e = "API_KEY", t = K.adapterType;
+				t?.includes("BOT") ? e = "BOT_TOKEN" : t?.includes("WEBHOOK") ? e = "WEBHOOK" : t === "SMTP" && (e = "SMTP_IMAP"), await Je({
 					authType: e,
-					credentials: L
-				}), I(!1), R({}), z(!1);
+					credentials: P
+				}), N(!1), F({}), I(!1);
 			} catch (e) {
 				console.error("[channel] Failed to create connection", e);
 			} finally {
-				P(null);
+				j(null);
 			}
 		}
-	}, $e = async (e) => {
-		P("connection");
+	}, tt = async (e) => {
+		j("connection");
 		try {
-			await Ke(e, { credentials: L }), I(!1), R({}), z(!1);
+			await Ye(e, { credentials: P }), N(!1), F({}), I(!1);
 		} catch (e) {
 			console.error("[channel] Failed to update connection", e);
 		} finally {
-			P(null);
+			j(null);
 		}
-	}, et = async (n) => {
-		e("medium"), P("delete-connection");
+	}, nt = async (n) => {
+		e("medium"), j("delete-connection");
 		try {
-			await qe(n), t("success");
+			await Xe(n), t("success");
 		} catch (e) {
 			t("error"), console.error("[channel] Failed to delete connection", e);
 		} finally {
-			P(null);
+			j(null);
 		}
-	}, tt = async (e) => {
-		P("test"), V(null);
+	}, rt = async (e) => {
+		j("test"), R(null);
 		try {
-			let t = await Je(e);
-			t && V({
+			let t = await Ze(e);
+			t && R({
 				success: t.success,
-				message: t.message || (t.success ? j("channel.connectionTestSuccess", "Connection successful!") : j("channel.connectionTestFailed", "Connection failed"))
+				message: t.message || (t.success ? O("channel.connectionTestSuccess", "Connection successful!") : O("channel.connectionTestFailed", "Connection failed"))
 			});
 		} catch (e) {
-			console.error("[channel] Failed to test connection", e), V({
+			console.error("[channel] Failed to test connection", e), R({
 				success: !1,
-				message: j("channel.connectionTestRequestFailed", "Failed to test connection")
+				message: O("channel.connectionTestRequestFailed", "Failed to test connection")
 			});
 		} finally {
-			P(null);
+			j(null);
 		}
-	}, nt = async () => {
-		if (U.trim()) {
-			P("send-test"), J(null);
+	}, it = async () => {
+		if (B.trim()) {
+			j("send-test"), G(null);
 			try {
-				let e = Y?.platform === "EMAIL" ? {
-					subject: G,
-					html: `<p>${K}</p>`
-				} : void 0, t = await Ye(U.trim(), K, e);
-				t && J({
+				let e = K?.platform === "EMAIL" ? {
+					subject: H,
+					html: `<p>${U}</p>`
+				} : void 0, t = await Qe(B.trim(), U, e);
+				t && G({
 					success: t.success,
 					messageId: t.messageId,
 					externalId: t.externalId,
@@ -204,8 +204,8 @@ function D() {
 					} : null
 				});
 			} catch (e) {
-				let t = e instanceof Error ? e.message : j("channel.sendTestNotificationFailed", "Failed to send test notification");
-				console.error("[channel] Failed to send test notification", e), J({
+				let t = e instanceof Error ? e.message : O("channel.sendTestNotificationFailed", "Failed to send test notification");
+				console.error("[channel] Failed to send test notification", e), G({
 					success: !1,
 					error: {
 						code: "SEND_FAILED",
@@ -214,201 +214,201 @@ function D() {
 					}
 				});
 			} finally {
-				P(null);
+				j(null);
 			}
 		}
-	}, rt = (e) => {
+	}, Y = (e) => {
 		switch (e) {
-			case "EMAIL": return j("channel.recipientPlaceholder.email", "email@example.com");
-			case "SMS": return j("channel.recipientPlaceholder.phone", "+1234567890");
-			case "PUSH": return j("channel.recipientPlaceholder.deviceToken", "Device token");
-			case "SLACK": return j("channel.recipientPlaceholder.slack", "Channel ID or User ID");
-			case "TEAMS": return j("channel.recipientPlaceholder.channelId", "Channel ID");
-			case "DISCORD": return j("channel.recipientPlaceholder.channelId", "Channel ID");
-			case "WHATSAPP": return j("channel.recipientPlaceholder.phone", "+1234567890");
-			default: return j("channel.recipientPlaceholder.default", "Recipient");
+			case "EMAIL": return O("channel.recipientPlaceholder.email", "email@example.com");
+			case "SMS": return O("channel.recipientPlaceholder.phone", "+1234567890");
+			case "PUSH": return O("channel.recipientPlaceholder.deviceToken", "Device token");
+			case "SLACK": return O("channel.recipientPlaceholder.slack", "Channel ID or User ID");
+			case "TEAMS": return O("channel.recipientPlaceholder.channelId", "Channel ID");
+			case "DISCORD": return O("channel.recipientPlaceholder.channelId", "Channel ID");
+			case "WHATSAPP": return O("channel.recipientPlaceholder.phone", "+1234567890");
+			default: return O("channel.recipientPlaceholder.default", "Recipient");
 		}
-	}, it = (e) => {
+	}, at = (e) => {
 		switch (e) {
-			case "EMAIL": return j("channel.recipientLabel.email", "Email Address");
+			case "EMAIL": return O("channel.recipientLabel.email", "Email Address");
 			case "SMS":
-			case "WHATSAPP": return j("channel.recipientLabel.phone", "Phone Number");
-			case "PUSH": return j("channel.recipientLabel.deviceToken", "Device Token");
+			case "WHATSAPP": return O("channel.recipientLabel.phone", "Phone Number");
+			case "PUSH": return O("channel.recipientLabel.deviceToken", "Device Token");
 			case "SLACK":
 			case "TEAMS":
-			case "DISCORD": return j("channel.recipientLabel.channelOrUserId", "Channel/User ID");
-			default: return j("channel.recipientLabel.default", "Recipient");
+			case "DISCORD": return O("channel.recipientLabel.channelOrUserId", "Channel/User ID");
+			default: return O("channel.recipientLabel.default", "Recipient");
 		}
-	}, at = (e) => ({
-		...w[e] || {
+	}, ot = (e) => ({
+		...x[e] || {
 			label: e,
 			color: "bg-bg-sunken text-text-secondary"
 		},
-		label: a(e, ne, j)
-	}), ot = (e) => ({
-		...T[e] || T.INACTIVE,
-		label: a(e, re, j)
+		label: a(e, ie, O)
 	}), st = (e) => ({
-		...E[e] || E.UNKNOWN,
-		label: a(e, te, j)
+		...S[e] || S.INACTIVE,
+		label: a(e, ae, O)
+	}), ct = (e) => ({
+		...C[e] || C.UNKNOWN,
+		label: a(e, re, O)
 	});
-	if (He) return /* @__PURE__ */ x("div", {
+	if (Ge) return /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ x(p, {
+		children: /* @__PURE__ */ v(p, {
 			size: 32,
 			className: "animate-spin text-accent-primary"
 		})
 	});
-	if (X || !Y) return /* @__PURE__ */ x("div", {
+	if (q || !K) return /* @__PURE__ */ v("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 			children: [
-				/* @__PURE__ */ x(s, {
+				/* @__PURE__ */ v(s, {
 					size: 20,
 					className: "text-status-error-text"
 				}),
-				/* @__PURE__ */ x("div", { children: /* @__PURE__ */ x("p", {
+				/* @__PURE__ */ v("div", { children: /* @__PURE__ */ v("p", {
 					className: "text-sm font-medium text-status-error-text",
-					children: X || j("channel.channelNotFound", "Channel not found")
+					children: q || O("channel.channelNotFound", "Channel not found")
 				}) }),
-				/* @__PURE__ */ x("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: () => f(-1),
 					className: "ml-auto px-3 py-1 text-sm text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors",
-					children: j("channel.goBack", "Go Back")
+					children: O("channel.goBack", "Go Back")
 				})
 			]
 		})
 	});
-	let ct = at(Y.platform), Z = ot(Y.status), Q = st(Y.connectionHealth), lt = Z.icon, ut = Q.icon, $ = Y.connection;
-	return /* @__PURE__ */ x(r, {
+	let X = ot(K.platform), Z = st(K.status), Q = ct(K.connectionHealth), lt = Z.icon, ut = Q.icon, $ = K.connection;
+	return /* @__PURE__ */ v(r, {
 		permission: i.CHANNEL_READ,
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ x("button", {
+						children: [/* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => f(-1),
 							className: "p-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-lg transition-colors",
-							children: /* @__PURE__ */ x(ce, { size: 20 })
-						}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+							children: /* @__PURE__ */ v(ce, { size: 20 })
+						}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ x(g, {
+							children: [/* @__PURE__ */ v(ve, {
 								size: 24,
 								className: "text-accent-primary"
-							}), /* @__PURE__ */ x("h1", {
+							}), /* @__PURE__ */ v("h1", {
 								className: "text-xl sm:text-2xl font-bold text-text-primary",
-								children: Y.name
+								children: K.name
 							})]
-						}), Y.description && /* @__PURE__ */ x("div", {
+						}), K.description && /* @__PURE__ */ v("div", {
 							className: "text-sm text-text-secondary mt-1",
-							children: /* @__PURE__ */ x(Pe, { children: Y.description })
+							children: /* @__PURE__ */ v(Le, { children: K.description })
 						})] })]
-					}), /* @__PURE__ */ x(Te, {
-						primary: k ? {
-							label: j("channel.edit", "Edit"),
-							icon: /* @__PURE__ */ x(m, {
+					}), /* @__PURE__ */ v(Oe, {
+						primary: E ? {
+							label: O("channel.edit", "Edit"),
+							icon: /* @__PURE__ */ v(pe, {
 								size: 16,
 								"aria-hidden": "true"
 							}),
 							onSelect: () => f("./edit")
 						} : void 0,
 						actions: [
-							...A ? [{
-								label: j("channel.healthCheck", "Health Check"),
-								icon: N === "health" ? /* @__PURE__ */ x(p, {
+							...D ? [{
+								label: O("channel.healthCheck", "Health Check"),
+								icon: A === "health" ? /* @__PURE__ */ v(p, {
 									size: 16,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ x(_, {
+								}) : /* @__PURE__ */ v(ye, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								disabled: N === "health",
-								onSelect: () => void Xe()
+								disabled: A === "health",
+								onSelect: () => void J()
 							}] : [],
-							...k ? [{
-								label: Y.status === "ACTIVE" ? j("channel.deactivate", "Deactivate") : j("channel.activate", "Activate"),
-								icon: N === "status" ? /* @__PURE__ */ x(p, {
+							...E ? [{
+								label: K.status === "ACTIVE" ? O("channel.deactivate", "Deactivate") : O("channel.activate", "Activate"),
+								icon: A === "status" ? /* @__PURE__ */ v(p, {
 									size: 16,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : Y.status === "ACTIVE" ? /* @__PURE__ */ x(h, {
+								}) : K.status === "ACTIVE" ? /* @__PURE__ */ v(m, {
 									size: 16,
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ x(ge, {
+								}) : /* @__PURE__ */ v(_e, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								disabled: N === "status",
-								onSelect: () => void Ze()
+								disabled: A === "status",
+								onSelect: () => void $e()
 							}] : [],
 							{
-								label: j("channel.testChannel", "Test Channel"),
-								icon: /* @__PURE__ */ x(v, {
+								label: O("channel.testChannel", "Test Channel"),
+								icon: /* @__PURE__ */ v(h, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								disabled: !Y.connection,
+								disabled: !K.connection,
 								onSelect: () => {
-									H(!0), J(null), W("");
+									z(!0), G(null), V("");
 								}
 							}
 						]
 					})]
 				}),
-				/* @__PURE__ */ x(Oe, {
-					icon: /* @__PURE__ */ x(g, {
+				/* @__PURE__ */ v(je, {
+					icon: /* @__PURE__ */ v(ve, {
 						size: 15,
 						"aria-hidden": "true"
 					}),
-					children: j("channel.detailsPurpose", "Everything about this one channel in a single place — its status and health, the connection that authenticates it to the provider, and shortcuts into its delivery history, incoming webhooks and connected users. Use it to wire up or refresh credentials, run a health check, send a test message, and confirm the channel is ready before you rely on it.")
+					children: O("channel.detailsPurpose", "Everything about this one channel in a single place — its status and health, the connection that authenticates it to the provider, and shortcuts into its delivery history, incoming webhooks and connected users. Use it to wire up or refresh credentials, run a health check, send a test message, and confirm the channel is ready before you rely on it.")
 				}),
-				/* @__PURE__ */ x(De, {
+				/* @__PURE__ */ v(Ae, {
 					storageKey: "channel-detail",
 					steps: [
-						...Y.connection ? A ? [{
+						...K.connection ? D ? [{
 							id: "health",
-							label: j("channel.nextRunHealthCheck", "Run a health check"),
-							description: j("channel.nextRunHealthCheckDesc", "Confirm the connection can reach the provider right now."),
-							icon: /* @__PURE__ */ x(_, {
+							label: O("channel.nextRunHealthCheck", "Run a health check"),
+							description: O("channel.nextRunHealthCheckDesc", "Confirm the connection can reach the provider right now."),
+							icon: /* @__PURE__ */ v(ye, {
 								size: 16,
 								"aria-hidden": "true"
 							}),
-							onClick: () => void Xe()
+							onClick: () => void J()
 						}] : [] : [{
 							id: "connect",
-							label: j("channel.nextAddConnection", "Add a connection"),
-							description: j("channel.nextAddConnectionDesc", "Authenticate this channel to its provider so it can send."),
-							icon: /* @__PURE__ */ x(u, {
+							label: O("channel.nextAddConnection", "Add a connection"),
+							description: O("channel.nextAddConnectionDesc", "Authenticate this channel to its provider so it can send."),
+							icon: /* @__PURE__ */ v(u, {
 								size: 16,
 								"aria-hidden": "true"
 							}),
-							onClick: () => I(!0)
+							onClick: () => N(!0)
 						}],
 						{
 							id: "test",
-							label: j("channel.nextSendTest", "Send a test message"),
-							description: j("channel.nextSendTestDesc", "Verify end-to-end delivery before you depend on this channel."),
-							icon: /* @__PURE__ */ x(v, {
+							label: O("channel.nextSendTest", "Send a test message"),
+							description: O("channel.nextSendTestDesc", "Verify end-to-end delivery before you depend on this channel."),
+							icon: /* @__PURE__ */ v(h, {
 								size: 16,
 								"aria-hidden": "true"
 							}),
-							done: !Y.connection,
+							done: !K.connection,
 							onClick: () => {
-								Y.connection && (H(!0), J(null), W(""));
+								K.connection && (z(!0), G(null), V(""));
 							}
 						},
 						{
 							id: "deliveries",
-							label: j("channel.nextReviewDeliveries", "Review delivery history"),
-							description: j("channel.nextReviewDeliveriesDesc", "See what has been sent and retry anything that failed."),
-							icon: /* @__PURE__ */ x(y, {
+							label: O("channel.nextReviewDeliveries", "Review delivery history"),
+							description: O("channel.nextReviewDeliveriesDesc", "See what has been sent and retry anything that failed."),
+							icon: /* @__PURE__ */ v(g, {
 								size: 16,
 								"aria-hidden": "true"
 							}),
@@ -416,248 +416,248 @@ function D() {
 						}
 					]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ y("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ S(C, {
+						/* @__PURE__ */ y(b, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary mb-1",
-								children: j("channel.platform", "Platform")
-							}), /* @__PURE__ */ x("span", {
-								className: `inline-flex px-2 py-1 text-sm font-semibold rounded-full ${ct.color}`,
-								children: ct.label
+								children: O("channel.platform", "Platform")
+							}), /* @__PURE__ */ v("span", {
+								className: `inline-flex px-2 py-1 text-sm font-semibold rounded-full ${X.color}`,
+								children: X.label
 							})]
 						}),
-						/* @__PURE__ */ S(C, {
+						/* @__PURE__ */ y(b, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary mb-1",
-								children: j("channel.status", "Status")
-							}), /* @__PURE__ */ S("div", {
+								children: O("channel.status", "Status")
+							}), /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ x(lt, {
+								children: [/* @__PURE__ */ v(lt, {
 									size: 16,
 									className: Z.color.split(" ")[0]
-								}), /* @__PURE__ */ x("span", {
+								}), /* @__PURE__ */ v("span", {
 									className: `px-2 py-1 text-sm font-medium rounded-full ${Z.color}`,
 									children: Z.label
 								})]
 							})]
 						}),
-						/* @__PURE__ */ S(C, {
+						/* @__PURE__ */ y(b, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
 							children: [
-								/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary mb-1",
-									children: j("channel.connectionHealth", "Connection Health")
+									children: O("channel.connectionHealth", "Connection Health")
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ x(ut, {
+									children: [/* @__PURE__ */ v(ut, {
 										size: 16,
 										className: Q.color
-									}), /* @__PURE__ */ x("span", {
+									}), /* @__PURE__ */ v("span", {
 										className: `text-sm font-medium ${Q.color}`,
 										children: Q.label
 									})]
 								}),
-								Y.lastHealthCheckAt && /* @__PURE__ */ S("p", {
+								K.lastHealthCheckAt && /* @__PURE__ */ y("p", {
 									className: "text-xs text-text-muted mt-1",
 									children: [
-										j("channel.lastCheck", "Last check"),
+										O("channel.lastCheck", "Last check"),
 										":",
 										" ",
-										new Date(Y.lastHealthCheckAt).toLocaleString()
+										new Date(K.lastHealthCheckAt).toLocaleString()
 									]
 								})
 							]
 						}),
-						/* @__PURE__ */ S(C, {
+						/* @__PURE__ */ y(b, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary mb-1",
-								children: j("channel.connection", "Connection")
-							}), /* @__PURE__ */ S("div", {
+								children: O("channel.connection", "Connection")
+							}), /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ x(u, {
+								children: [/* @__PURE__ */ v(u, {
 									size: 16,
-									className: Y.isConnected ? "text-status-success-text" : "text-text-secondary"
-								}), /* @__PURE__ */ x("span", {
-									className: `text-sm font-medium ${Y.isConnected ? "text-status-success-text" : "text-text-secondary"}`,
-									children: Y.isConnected ? j("channel.connected", "Connected") : j("channel.notConnected", "Not Connected")
+									className: K.isConnected ? "text-status-success-text" : "text-text-secondary"
+								}), /* @__PURE__ */ v("span", {
+									className: `text-sm font-medium ${K.isConnected ? "text-status-success-text" : "text-text-secondary"}`,
+									children: K.isConnected ? O("channel.connected", "Connected") : O("channel.notConnected", "Not Connected")
 								})]
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ S(Ee, {
+				/* @__PURE__ */ y(ke, {
 					className: "p-4",
 					children: [
-						/* @__PURE__ */ x("h2", {
+						/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: j("channel.channelDetails", "Channel Details")
+							children: O("channel.channelDetails", "Channel Details")
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ y("div", {
 							className: "grid gap-4 sm:grid-cols-2",
 							children: [
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
-									children: j("channel.adapterType", "Adapter Type")
-								}), /* @__PURE__ */ x("p", {
+									children: O("channel.adapterType", "Adapter Type")
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: Y.adapterType?.replace(/_/g, " ") || j("channel.notConfigured", "Not configured")
+									children: K.adapterType?.replace(/_/g, " ") || O("channel.notConfigured", "Not configured")
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
-									children: j("channel.priority", "Priority")
-								}), /* @__PURE__ */ x("p", {
+									children: O("channel.priority", "Priority")
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: Y.priority
+									children: K.priority
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
-									children: j("channel.consecutiveFailures", "Consecutive Failures")
-								}), /* @__PURE__ */ x("p", {
+									children: O("channel.consecutiveFailures", "Consecutive Failures")
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-text-primary tabular-nums",
-									children: Y.consecutiveFailures
+									children: K.consecutiveFailures
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
-									children: j("channel.messages24h", "Messages (24h)")
-								}), /* @__PURE__ */ x("p", {
+									children: O("channel.messages24h", "Messages (24h)")
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-text-primary tabular-nums",
-									children: Y.messageCount24h
+									children: K.messageCount24h
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
-									children: j("channel.createdAt", "Created At")
-								}), /* @__PURE__ */ x("p", {
+									children: O("channel.createdAt", "Created At")
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: new Date(Y.createdAt).toLocaleString()
+									children: new Date(K.createdAt).toLocaleString()
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
-									children: j("channel.updatedAt", "Updated At")
-								}), /* @__PURE__ */ x("p", {
+									children: O("channel.updatedAt", "Updated At")
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: new Date(Y.updatedAt).toLocaleString()
+									children: new Date(K.updatedAt).toLocaleString()
 								})] })
 							]
 						}),
-						Y.tagAssignments && Y.tagAssignments.length > 0 && /* @__PURE__ */ S("div", {
+						K.tagAssignments && K.tagAssignments.length > 0 && /* @__PURE__ */ y("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary mb-1.5",
-								children: j("channel.tags", "Tags")
-							}), /* @__PURE__ */ x("div", {
+								children: O("channel.tags", "Tags")
+							}), /* @__PURE__ */ v("div", {
 								className: "flex flex-wrap gap-1.5",
 								"aria-label": "Channel tags",
-								children: Y.tagAssignments.map((e) => /* @__PURE__ */ x(Ne, {
+								children: K.tagAssignments.map((e) => /* @__PURE__ */ v(Ie, {
 									id: e.tagId,
 									label: e.tagId,
 									size: "md"
 								}, e.id))
 							})]
 						}),
-						Y.healthCheckError && /* @__PURE__ */ S("div", {
+						K.healthCheckError && /* @__PURE__ */ y("div", {
 							className: "mt-4 p-3 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-xs text-status-error-text font-medium",
-								children: j("channel.lastHealthCheckError", "Last Health Check Error")
-							}), /* @__PURE__ */ x("p", {
+								children: O("channel.lastHealthCheckError", "Last Health Check Error")
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: Y.healthCheckError
+								children: K.healthCheckError
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ y("div", {
 					className: "grid gap-3 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ S("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => f("./deliveries"),
 							className: "flex items-center gap-3 p-3 bg-gloss-card border border-border-seam rounded-lg shadow-[var(--shadow-pop)] hover:bg-action-primary-bg/10 transition-colors text-left",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ v("div", {
 									className: "p-2 bg-accent-orange/10 rounded-lg",
-									children: /* @__PURE__ */ x(y, {
+									children: /* @__PURE__ */ v(g, {
 										size: 18,
 										className: "text-accent-orange"
 									})
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ v("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: j("channel.deliveryHistory", "Delivery History")
-									}), /* @__PURE__ */ x("p", {
+										children: O("channel.deliveryHistory", "Delivery History")
+									}), /* @__PURE__ */ v("p", {
 										className: "text-xs text-text-secondary truncate",
-										children: j("channel.viewMessageDeliveries", "View message deliveries")
+										children: O("channel.viewMessageDeliveries", "View message deliveries")
 									})]
 								}),
-								/* @__PURE__ */ x(l, {
+								/* @__PURE__ */ v(l, {
 									size: 16,
 									className: "text-text-secondary shrink-0"
 								})
 							]
 						}),
-						/* @__PURE__ */ S("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => f("./webhooks"),
 							className: "flex items-center gap-3 p-3 bg-gloss-card border border-border-seam rounded-lg shadow-[var(--shadow-pop)] hover:bg-action-primary-bg/10 transition-colors text-left",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ v("div", {
 									className: "p-2 bg-accent-purple/10 rounded-lg",
-									children: /* @__PURE__ */ x(le, {
+									children: /* @__PURE__ */ v(le, {
 										size: 18,
 										className: "text-accent-purple"
 									})
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ v("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: j("channel.webhookEvents", "Webhook Events")
-									}), /* @__PURE__ */ x("p", {
+										children: O("channel.webhookEvents", "Webhook Events")
+									}), /* @__PURE__ */ v("p", {
 										className: "text-xs text-text-secondary truncate",
-										children: j("channel.viewIncomingWebhooks", "View incoming webhooks")
+										children: O("channel.viewIncomingWebhooks", "View incoming webhooks")
 									})]
 								}),
-								/* @__PURE__ */ x(l, {
+								/* @__PURE__ */ v(l, {
 									size: 16,
 									className: "text-text-secondary shrink-0"
 								})
 							]
 						}),
-						/* @__PURE__ */ S("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => f("./users"),
 							className: "flex items-center gap-3 p-3 bg-gloss-card border border-border-seam rounded-lg shadow-[var(--shadow-pop)] hover:bg-action-primary-bg/10 transition-colors text-left",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ v("div", {
 									className: "p-2 bg-accent-blue/10 rounded-lg",
-									children: /* @__PURE__ */ x(ye, {
+									children: /* @__PURE__ */ v(Se, {
 										size: 18,
 										className: "text-accent-blue"
 									})
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ v("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: j("channel.channelUsers", "Channel Users")
-									}), /* @__PURE__ */ x("p", {
+										children: O("channel.channelUsers", "Channel Users")
+									}), /* @__PURE__ */ v("p", {
 										className: "text-xs text-text-secondary truncate",
-										children: j("channel.viewConnectedUsers", "View connected users")
+										children: O("channel.viewConnectedUsers", "View connected users")
 									})]
 								}),
-								/* @__PURE__ */ x(l, {
+								/* @__PURE__ */ v(l, {
 									size: 16,
 									className: "text-text-secondary shrink-0"
 								})
@@ -665,359 +665,359 @@ function D() {
 						})
 					]
 				}),
-				/* @__PURE__ */ S(C, {
+				/* @__PURE__ */ y(b, {
 					treatment: "plain",
 					className: "p-4 border-border-seam",
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ y("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ x(ue, {
+								children: [/* @__PURE__ */ v(ue, {
 									size: 20,
 									className: "text-accent-primary"
-								}), /* @__PURE__ */ x("h2", {
+								}), /* @__PURE__ */ v("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: j("channel.connectionAndCredentials", "Connection & Credentials")
+									children: O("channel.connectionAndCredentials", "Connection & Credentials")
 								})]
-							}), Fe && !$ && !F && /* @__PURE__ */ S("button", {
+							}), Re && !$ && !M && /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => I(!0),
+								onClick: () => N(!0),
 								className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg hover:bg-action-primary-bg-hover rounded-lg transition-colors",
-								children: [/* @__PURE__ */ x(he, { size: 16 }), j("channel.addCredentials", "Add Credentials")]
+								children: [/* @__PURE__ */ v(ge, { size: 16 }), O("channel.addCredentials", "Add Credentials")]
 							})]
 						}),
-						$ && !F && /* @__PURE__ */ S("div", {
+						$ && !M && /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
-											children: j("channel.authType", "Auth Type")
-										}), /* @__PURE__ */ x("p", {
+											children: O("channel.authType", "Auth Type")
+										}), /* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: a($.authType, ee, j)
+											children: a($.authType, ne, O)
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
-											children: j("channel.status", "Status")
-										}), /* @__PURE__ */ S("div", {
+											children: O("channel.status", "Status")
+										}), /* @__PURE__ */ y("div", {
 											className: "flex items-center gap-2",
-											children: [$.isHealthy ? /* @__PURE__ */ x(d, {
+											children: [$.isHealthy ? /* @__PURE__ */ v(d, {
 												size: 14,
 												className: "text-status-success-text"
-											}) : /* @__PURE__ */ x(b, {
+											}) : /* @__PURE__ */ v(_, {
 												size: 14,
 												className: "text-status-error-text"
-											}), /* @__PURE__ */ x("span", {
+											}), /* @__PURE__ */ v("span", {
 												className: `text-sm font-medium ${$.isHealthy ? "text-status-success-text" : "text-status-error-text"}`,
-												children: $.isHealthy ? j("channel.healthy", "Healthy") : j("channel.unhealthy", "Unhealthy")
+												children: $.isHealthy ? O("channel.healthy", "Healthy") : O("channel.unhealthy", "Unhealthy")
 											})]
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
-											children: j("channel.lastTested", "Last Tested")
-										}), /* @__PURE__ */ x("p", {
+											children: O("channel.lastTested", "Last Tested")
+										}), /* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: $.lastTestedAt ? new Date($.lastTestedAt).toLocaleString() : j("channel.never", "Never")
+											children: $.lastTestedAt ? new Date($.lastTestedAt).toLocaleString() : O("channel.never", "Never")
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
-											children: j("channel.testStatus", "Test Status")
-										}), /* @__PURE__ */ x("p", {
+											children: O("channel.testStatus", "Test Status")
+										}), /* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: $.testStatus || j("channel.notTested", "Not tested")
+											children: $.testStatus || O("channel.notTested", "Not tested")
 										})] }),
-										$.tokenExpiresAt && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										$.tokenExpiresAt && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
-											children: j("channel.tokenExpires", "Token Expires")
-										}), /* @__PURE__ */ S("p", {
+											children: O("channel.tokenExpires", "Token Expires")
+										}), /* @__PURE__ */ y("p", {
 											className: `text-sm font-medium ${$.needsTokenRefresh ? "text-status-warning-text" : "text-text-primary"}`,
-											children: [new Date($.tokenExpiresAt).toLocaleString(), $.daysUntilExpiry !== void 0 && /* @__PURE__ */ S("span", {
+											children: [new Date($.tokenExpiresAt).toLocaleString(), $.daysUntilExpiry !== void 0 && /* @__PURE__ */ y("span", {
 												className: "text-xs text-text-secondary ml-1",
 												children: [
 													"(",
 													$.daysUntilExpiry,
 													" ",
-													j("channel.days", "days"),
+													O("channel.days", "days"),
 													")"
 												]
 											})]
 										})] })
 									]
 								}),
-								B && /* @__PURE__ */ x("div", {
-									className: `p-3 rounded-lg ${B.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
-									children: /* @__PURE__ */ S("div", {
+								L && /* @__PURE__ */ v("div", {
+									className: `p-3 rounded-lg ${L.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
+									children: /* @__PURE__ */ y("div", {
 										className: "flex items-center gap-2",
-										children: [B.success ? /* @__PURE__ */ x(d, {
+										children: [L.success ? /* @__PURE__ */ v(d, {
 											size: 16,
 											className: "text-status-success-text"
-										}) : /* @__PURE__ */ x(b, {
+										}) : /* @__PURE__ */ v(_, {
 											size: 16,
 											className: "text-status-error-text"
-										}), /* @__PURE__ */ x("p", {
-											className: `text-sm font-medium ${B.success ? "text-status-success-text" : "text-status-error-text"}`,
-											children: B.message
+										}), /* @__PURE__ */ v("p", {
+											className: `text-sm font-medium ${L.success ? "text-status-success-text" : "text-status-error-text"}`,
+											children: L.message
 										})]
 									})
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2 pt-2",
 									children: [
-										/* @__PURE__ */ x(r, {
+										/* @__PURE__ */ v(r, {
 											permission: i.CHANNEL_CONNECTION_UPDATE,
-											children: /* @__PURE__ */ S("button", {
+											children: /* @__PURE__ */ y("button", {
 												type: "button",
-												onClick: () => tt($.id),
-												disabled: N === "test",
+												onClick: () => rt($.id),
+												disabled: A === "test",
 												className: "flex items-center gap-2 px-3 py-2 text-sm text-status-info-text hover:bg-status-info-bg-subtle rounded-lg transition-colors disabled:opacity-50",
-												children: [N === "test" ? /* @__PURE__ */ x(p, {
+												children: [A === "test" ? /* @__PURE__ */ v(p, {
 													size: 16,
 													className: "animate-spin"
-												}) : /* @__PURE__ */ x(me, { size: 16 }), j("channel.testConnection", "Test Connection")]
+												}) : /* @__PURE__ */ v(he, { size: 16 }), O("channel.testConnection", "Test Connection")]
 											})
 										}),
-										Ie && /* @__PURE__ */ S("button", {
+										ze && /* @__PURE__ */ y("button", {
 											type: "button",
 											onClick: () => {
-												I(!0), R($?.platformMetadata ?? {});
+												N(!0), F($?.platformMetadata ?? {});
 											},
 											className: "flex items-center gap-2 px-3 py-2 text-sm text-text-secondary hover:text-accent-primary hover:bg-accent-primary/10 rounded-lg transition-colors",
-											children: [/* @__PURE__ */ x(m, { size: 16 }), j("channel.updateCredentials", "Update Credentials")]
+											children: [/* @__PURE__ */ v(pe, { size: 16 }), O("channel.updateCredentials", "Update Credentials")]
 										}),
-										/* @__PURE__ */ x(r, {
+										/* @__PURE__ */ v(r, {
 											permission: i.CHANNEL_CONNECTION_DELETE,
-											children: /* @__PURE__ */ S("button", {
+											children: /* @__PURE__ */ y("button", {
 												type: "button",
-												onClick: () => et($.id),
-												disabled: N === "delete-connection",
+												onClick: () => nt($.id),
+												disabled: A === "delete-connection",
 												className: "flex items-center gap-2 px-3 py-2 text-sm text-status-error-text hover:bg-status-error-bg-subtle rounded-lg transition-colors disabled:opacity-50",
-												children: [N === "delete-connection" ? /* @__PURE__ */ x(p, {
+												children: [A === "delete-connection" ? /* @__PURE__ */ v(p, {
 													size: 16,
 													className: "animate-spin"
-												}) : /* @__PURE__ */ x(ve, { size: 16 }), j("channel.remove", "Remove")]
+												}) : /* @__PURE__ */ v(xe, { size: 16 }), O("channel.remove", "Remove")]
 											})
 										})
 									]
 								})
 							]
 						}),
-						!$ && !F && /* @__PURE__ */ S("div", {
+						!$ && !M && /* @__PURE__ */ y("div", {
 							className: "text-center py-8",
 							children: [
-								/* @__PURE__ */ x(u, {
+								/* @__PURE__ */ v(u, {
 									size: 32,
 									className: "mx-auto text-text-secondary mb-3"
 								}),
-								/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ v("p", {
 									className: "text-sm text-text-secondary mb-2",
-									children: j("channel.noCredentialsConfigured", "No credentials configured for this channel")
+									children: O("channel.noCredentialsConfigured", "No credentials configured for this channel")
 								}),
-								/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
-									children: j("channel.addCredentialsHint", "Add credentials to enable message delivery through this channel")
+									children: O("channel.addCredentialsHint", "Add credentials to enable message delivery through this channel")
 								})
 							]
 						}),
-						F && /* @__PURE__ */ S("div", {
+						M && /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								!Y.adapterType && /* @__PURE__ */ x("div", {
+								!K.adapterType && /* @__PURE__ */ v("div", {
 									className: "p-3 bg-accent-orange/10 border border-accent-orange/30 rounded-lg",
-									children: /* @__PURE__ */ S("div", {
+									children: /* @__PURE__ */ y("div", {
 										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ x(s, {
+										children: [/* @__PURE__ */ v(s, {
 											size: 16,
 											className: "text-accent-orange mt-0.5"
-										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-accent-orange",
-											children: j("channel.noAdapterTypeConfigured", "No adapter type configured")
-										}), /* @__PURE__ */ x("p", {
+											children: O("channel.noAdapterTypeConfigured", "No adapter type configured")
+										}), /* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: j("channel.noAdapterTypeConfiguredHint", "You can still add credentials below. The system will attempt to validate them when the channel is configured with an adapter type.")
+											children: O("channel.noAdapterTypeConfiguredHint", "You can still add credentials below. The system will attempt to validate them when the channel is configured with an adapter type.")
 										})] })]
 									})
 								}),
-								/* @__PURE__ */ x(ie, {
-									adapterType: Y.adapterType ?? void 0,
-									credentials: L,
-									onChange: R,
-									onValidationChange: (e) => z(e),
-									disabled: N === "connection"
+								/* @__PURE__ */ v(ee, {
+									adapterType: K.adapterType ?? void 0,
+									credentials: P,
+									onChange: F,
+									onValidationChange: (e) => I(e),
+									disabled: A === "connection"
 								}),
-								Y.adapterType && /* @__PURE__ */ x("div", {
+								K.adapterType && /* @__PURE__ */ v("div", {
 									className: "pt-2",
-									children: /* @__PURE__ */ x(ae, {
-										adapterType: Y.adapterType,
-										credentials: L
+									children: /* @__PURE__ */ v(te, {
+										adapterType: K.adapterType,
+										credentials: P
 									})
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2 pt-2 border-t border-border-subtle",
-									children: [/* @__PURE__ */ x(r, {
+									children: [/* @__PURE__ */ v(r, {
 										permission: i.CHANNEL_CONNECTION_UPDATE,
-										children: /* @__PURE__ */ S("button", {
+										children: /* @__PURE__ */ y("button", {
 											type: "button",
 											onClick: () => {
-												$ ? $e($.id) : Qe();
+												$ ? tt($.id) : et();
 											},
-											disabled: N === "connection" || !Re && !!Y.adapterType,
+											disabled: A === "connection" || !Ve && !!K.adapterType,
 											className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg hover:bg-action-primary-bg-hover rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-											children: [N === "connection" ? /* @__PURE__ */ x(p, {
+											children: [A === "connection" ? /* @__PURE__ */ v(p, {
 												size: 16,
 												className: "animate-spin"
-											}) : /* @__PURE__ */ x(_e, { size: 16 }), $ ? j("channel.updateCredentials", "Update Credentials") : j("channel.saveCredentials", "Save Credentials")]
+											}) : /* @__PURE__ */ v(be, { size: 16 }), $ ? O("channel.updateCredentials", "Update Credentials") : O("channel.saveCredentials", "Save Credentials")]
 										})
-									}), /* @__PURE__ */ S("button", {
+									}), /* @__PURE__ */ y("button", {
 										type: "button",
 										onClick: () => {
-											I(!1), R({}), z(!1);
+											N(!1), F({}), I(!1);
 										},
 										className: "flex items-center gap-2 px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-										children: [/* @__PURE__ */ x(be, { size: 16 }), j("channel.cancel", "Cancel")]
+										children: [/* @__PURE__ */ v(Ce, { size: 16 }), O("channel.cancel", "Cancel")]
 									})]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ x(ke, {
-					open: ze,
+				/* @__PURE__ */ v(Me, {
+					open: He,
 					onOpenChange: (e) => {
-						e || H(!1);
+						e || z(!1);
 					},
-					children: /* @__PURE__ */ S(Ae, {
+					children: /* @__PURE__ */ y(Ne, {
 						className: "sm:max-w-md",
-						children: [/* @__PURE__ */ x(je, { children: /* @__PURE__ */ S(Me, {
+						children: [/* @__PURE__ */ v(Pe, { children: /* @__PURE__ */ y(Fe, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ x(v, {
+								/* @__PURE__ */ v(h, {
 									size: 20,
 									className: "text-accent-primary"
 								}),
 								"Test ",
-								w[Y.platform]?.label || Y.platform,
+								x[K.platform]?.label || K.platform,
 								" Channel"
 							]
-						}) }), /* @__PURE__ */ S("div", {
+						}) }), /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: [
-										it(Y.platform),
+										at(K.platform),
 										" ",
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ v("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})
 									]
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ x("input", {
-										"aria-label": rt(Y.platform),
+									children: [/* @__PURE__ */ v("input", {
+										"aria-label": Y(K.platform),
 										type: "text",
-										value: U,
-										onChange: (e) => W(e.target.value),
-										placeholder: rt(Y.platform),
+										value: B,
+										onChange: (e) => V(e.target.value),
+										placeholder: Y(K.platform),
 										className: "w-full pl-9 pr-3 py-2 text-sm bg-surface border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
-									}), /* @__PURE__ */ x("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
-										children: Y.platform === "EMAIL" ? /* @__PURE__ */ x(de, { size: 16 }) : Y.platform === "SMS" || Y.platform === "WHATSAPP" ? /* @__PURE__ */ x(pe, { size: 16 }) : /* @__PURE__ */ x(fe, { size: 16 })
+										children: K.platform === "EMAIL" ? /* @__PURE__ */ v(de, { size: 16 }) : K.platform === "SMS" || K.platform === "WHATSAPP" ? /* @__PURE__ */ v(me, { size: 16 }) : /* @__PURE__ */ v(fe, { size: 16 })
 									})]
 								})] }),
-								Y.platform === "EMAIL" && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+								K.platform === "EMAIL" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 									htmlFor: "channel-details-test-subject",
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Subject"
-								}), /* @__PURE__ */ x("input", {
+								}), /* @__PURE__ */ v("input", {
 									id: "channel-details-test-subject",
 									"aria-label": "Email subject",
 									type: "text",
-									value: G,
-									onChange: (e) => Be(e.target.value),
+									value: H,
+									onChange: (e) => Ue(e.target.value),
 									placeholder: "Email subject",
 									className: "w-full px-3 py-2 text-sm bg-surface border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 									htmlFor: "channel-details-test-message",
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Message"
-								}), /* @__PURE__ */ x("textarea", {
+								}), /* @__PURE__ */ v("textarea", {
 									id: "channel-details-test-message",
 									"aria-label": "Test message content",
-									value: K,
-									onChange: (e) => Ve(e.target.value),
+									value: U,
+									onChange: (e) => We(e.target.value),
 									placeholder: "Test message content",
 									rows: 3,
 									className: "w-full px-3 py-2 text-sm bg-surface border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none"
 								})] }),
-								q && /* @__PURE__ */ x("div", {
-									className: `p-3 rounded-lg ${q.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
-									children: /* @__PURE__ */ S("div", {
+								W && /* @__PURE__ */ v("div", {
+									className: `p-3 rounded-lg ${W.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
+									children: /* @__PURE__ */ y("div", {
 										className: "flex items-start gap-2",
-										children: [q.success ? /* @__PURE__ */ x(d, {
+										children: [W.success ? /* @__PURE__ */ v(d, {
 											size: 16,
 											className: "text-status-success-text mt-0.5"
-										}) : /* @__PURE__ */ x(b, {
+										}) : /* @__PURE__ */ v(_, {
 											size: 16,
 											className: "text-status-error-text mt-0.5"
-										}), /* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ y("div", {
 											className: "flex-1",
 											children: [
-												/* @__PURE__ */ x("p", {
-													className: `text-sm font-medium ${q.success ? "text-status-success-text" : "text-status-error-text"}`,
-													children: q.success ? j("channel.messageSentSuccess", "Message sent successfully!") : j("channel.messageSendFailed", "Failed to send message")
+												/* @__PURE__ */ v("p", {
+													className: `text-sm font-medium ${W.success ? "text-status-success-text" : "text-status-error-text"}`,
+													children: W.success ? O("channel.messageSentSuccess", "Message sent successfully!") : O("channel.messageSendFailed", "Failed to send message")
 												}),
-												q.messageId && /* @__PURE__ */ S("p", {
+												W.messageId && /* @__PURE__ */ y("p", {
 													className: "text-xs text-success-600 mt-1",
-													children: ["Message ID: ", q.messageId]
+													children: ["Message ID: ", W.messageId]
 												}),
-												q.externalId && /* @__PURE__ */ S("p", {
+												W.externalId && /* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary mt-1",
-													children: ["External ID: ", q.externalId]
+													children: ["External ID: ", W.externalId]
 												}),
-												q.status && /* @__PURE__ */ S("p", {
+												W.status && /* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary mt-1",
-													children: ["Status: ", q.status]
+													children: ["Status: ", W.status]
 												}),
-												q.error && /* @__PURE__ */ S("p", {
+												W.error && /* @__PURE__ */ y("p", {
 													className: "text-xs text-status-error-text mt-1",
-													children: [q.error.message, q.error.retryable && /* @__PURE__ */ x("span", {
+													children: [W.error.message, W.error.retryable && /* @__PURE__ */ v("span", {
 														className: "text-warning-600 ml-1",
 														children: "(will retry)"
 													})]
 												}),
-												q.sentAt && /* @__PURE__ */ S("p", {
+												W.sentAt && /* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary mt-1",
-													children: ["Sent at: ", new Date(q.sentAt).toLocaleString()]
+													children: ["Sent at: ", new Date(W.sentAt).toLocaleString()]
 												})
 											]
 										})]
 									})
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2 pt-2",
-									children: [/* @__PURE__ */ x(r, {
+									children: [/* @__PURE__ */ v(r, {
 										permission: i.CHANNEL_DELIVERY_SEND,
-										children: /* @__PURE__ */ S("button", {
+										children: /* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: nt,
-											disabled: N === "send-test" || !U.trim(),
+											onClick: it,
+											disabled: A === "send-test" || !B.trim(),
 											className: "flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg hover:bg-action-primary-bg-hover rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-											children: [N === "send-test" ? /* @__PURE__ */ x(p, {
+											children: [A === "send-test" ? /* @__PURE__ */ v(p, {
 												size: 16,
 												className: "animate-spin"
-											}) : /* @__PURE__ */ x(v, { size: 16 }), j("channel.sendTest", "Send Test")]
+											}) : /* @__PURE__ */ v(h, { size: 16 }), O("channel.sendTest", "Send Test")]
 										})
-									}), /* @__PURE__ */ x("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => H(!1),
+										onClick: () => z(!1),
 										className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-										children: j("channel.close", "Close")
+										children: O("channel.close", "Close")
 									})]
 								})
 							]
@@ -1028,7 +1028,6 @@ function D() {
 		})
 	});
 }
-//#endregion
-export { D as ChannelDetailsPage };
+export { w as ChannelDetailsPage };
 
 //# sourceMappingURL=ChannelDetailsPage.js.map