@burdenoff/microfe-channel 2026.526.1 → 2026.530.1

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

@@ -2,16 +2,17 @@ import { nativeImpact as e, nativeNotify as t } from "../../../../utils/nativeBr
 import { useChannel as n } from "../../../hooks/useChannels.js";
 import { PermissionGuard as r } from "../../../components/PermissionGuard.js";
 import { CHANNEL_PERMISSIONS as i } from "../../../constants/permissions.js";
-import { AUTH_TYPE_I18N as a, HEALTH_I18N as ee, PLATFORM_I18N as te, STATUS_I18N as o, translateLabel as s } from "../i18n.js";
-import { AdapterCredentialsForm as ne, CredentialValidationStatus as re } from "../../../components/AdapterCredentialsForm.js";
-import { useEffect as ie, useState as c } from "react";
-import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as l, AlertTriangle as u, ArrowLeft as oe, ArrowRight as d, Cable as f, CheckCircle2 as p, Clock as se, HelpCircle as m, Key as ce, Loader2 as h, Mail as le, MessageSquare as ue, Pencil as g, Phone as de, Play as fe, Plus as pe, Power as me, PowerOff as _, Radio as he, RefreshCw as ge, Save as v, Send as y, Trash2 as _e, Truck as ve, Users as ye, X as b, XCircle as x } from "lucide-react";
-import { useLocation as be, useNavigate as xe, useParams as S } from "react-router-dom";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { TagBadge as Se } from "@burdenoff/fe-libs/tag";
+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 { 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 _e, RefreshCw as ve, Save as ye, Send as g, Trash2 as be, Truck as _, Users as xe, X as v, XCircle as y } from "lucide-react";
+import { useLocation as Se, useNavigate as Ce, useParams as we } from "react-router-dom";
+import { usePermissions as Te } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { TagBadge as Ee } from "@burdenoff/fe-libs/tag";
 //#region src/channel/modules/channels/pages/ChannelDetailsPage.tsx
-var T = {
+var S = {
 	EMAIL: {
 		label: "Email",
 		color: "bg-accent-blue-subtle text-accent-blue"
@@ -52,143 +53,143 @@ var T = {
 		label: "Webchat",
 		color: "bg-accent-teal-subtle text-accent-teal"
 	}
-}, E = {
+}, C = {
 	ACTIVE: {
 		label: "Active",
 		color: "text-status-success-text bg-status-success-bg-subtle",
-		icon: p
+		icon: d
 	},
 	INACTIVE: {
 		label: "Inactive",
 		color: "text-muted-foreground bg-muted",
-		icon: _
+		icon: h
 	},
 	ERROR: {
 		label: "Error",
 		color: "text-status-error-text bg-status-error-bg-subtle",
-		icon: x
+		icon: y
 	},
 	SUSPENDED: {
 		label: "Suspended",
 		color: "text-status-warning-text bg-status-warning-bg-subtle",
-		icon: u
+		icon: c
 	},
 	ARCHIVED: {
 		label: "Archived",
 		color: "text-muted-foreground bg-muted",
-		icon: _
+		icon: h
 	}
-}, D = {
+}, w = {
 	HEALTHY: {
 		label: "Healthy",
 		color: "text-status-success-text",
-		icon: p
+		icon: d
 	},
 	DEGRADED: {
 		label: "Degraded",
 		color: "text-status-warning-text",
-		icon: u
+		icon: c
 	},
 	UNHEALTHY: {
 		label: "Unhealthy",
 		color: "text-status-error-text",
-		icon: x
+		icon: y
 	},
 	UNKNOWN: {
 		label: "Unknown",
 		color: "text-muted-foreground",
-		icon: m
+		icon: f
 	}
 };
-function O() {
-	let { channelId: u } = S(), m = xe(), O = be(), { t: k } = ae(), A = (e, t) => {
-		let n = k(e);
+function T() {
+	let { channelId: c } = we(), f = Ce(), T = Se(), { hasPermission: E } = Te(), D = E(i.CHANNEL_UPDATE), De = E(i.CHANNEL_CONNECTION_CREATE), Oe = E(i.CHANNEL_CONNECTION_UPDATE), { t: ke } = se(), O = (e, t) => {
+		let n = ke(e);
 		return n === e ? t : n;
-	}, j = O.state, [M, N] = c(null), [P, F] = c(j?.showCredentialsForm || !1), [I, L] = c(j?.pendingCredentials || {}), [Ce, R] = c(!1), [z, B] = c(null), [we, V] = c(!1), [H, U] = c(""), [W, Te] = c(() => A("channel.testNotificationSubject", "Test Notification")), [G, Ee] = c(() => A("channel.testNotificationBody", "This is a test notification from Burdenoff Channel Service.")), [K, q] = c(null);
-	ie(() => {
-		(j?.pendingCredentials || j?.showCredentialsForm) && m(O.pathname, {
+	}, k = T.state, [A, j] = o(null), [M, N] = o(k?.showCredentialsForm || !1), [P, F] = o(k?.pendingCredentials || {}), [Ae, I] = o(!1), [L, R] = o(null), [je, z] = o(!1), [B, V] = o(""), [H, Me] = o(() => O("channel.testNotificationSubject", "Test Notification")), [U, Ne] = o(() => O("channel.testNotificationBody", "This is a test notification from Burdenoff Channel Service.")), [W, G] = o(null);
+	oe(() => {
+		(k?.pendingCredentials || k?.showCredentialsForm) && f(T.pathname, {
 			replace: !0,
 			state: null
 		});
 	}, []);
-	let { channel: J, isLoading: De, error: Y, updateChannel: Oe, runHealthCheck: ke, createConnection: Ae, updateConnection: je, deleteConnection: Me, testConnection: Ne, sendTestNotification: Pe } = n(u), Fe = async () => {
-		N("health");
+	let { channel: K, isLoading: Pe, error: q, updateChannel: Fe, runHealthCheck: Ie, createConnection: Le, updateConnection: Re, deleteConnection: ze, testConnection: Be, sendTestNotification: Ve } = n(c), He = async () => {
+		j("health");
 		try {
-			await ke();
+			await Ie();
 		} catch (e) {
 			console.error("[channel] Failed to run health check", e);
 		} finally {
-			N(null);
+			j(null);
 		}
-	}, Ie = async () => {
-		if (J) {
-			N("status");
+	}, Ue = async () => {
+		if (K) {
+			j("status");
 			try {
-				await Oe({ status: J.status === "ACTIVE" ? "INACTIVE" : "ACTIVE" });
+				await Fe({ status: K.status === "ACTIVE" ? "INACTIVE" : "ACTIVE" });
 			} catch (e) {
 				console.error("[channel] Failed to toggle channel status", e);
 			} finally {
-				N(null);
+				j(null);
 			}
 		}
-	}, Le = async () => {
-		if (J) {
-			N("connection");
+	}, We = async () => {
+		if (K) {
+			j("connection");
 			try {
-				let e = "API_KEY", t = J.adapterType;
-				t?.includes("BOT") ? e = "BOT_TOKEN" : t?.includes("WEBHOOK") ? e = "WEBHOOK" : t === "SMTP" && (e = "SMTP_IMAP"), await Ae({
+				let e = "API_KEY", t = K.adapterType;
+				t?.includes("BOT") ? e = "BOT_TOKEN" : t?.includes("WEBHOOK") ? e = "WEBHOOK" : t === "SMTP" && (e = "SMTP_IMAP"), await Le({
 					authType: e,
-					credentials: I
-				}), F(!1), L({}), R(!1);
+					credentials: P
+				}), N(!1), F({}), I(!1);
 			} catch (e) {
 				console.error("[channel] Failed to create connection", e);
 			} finally {
-				N(null);
+				j(null);
 			}
 		}
-	}, Re = async (e) => {
-		N("connection");
+	}, Ge = async (e) => {
+		j("connection");
 		try {
-			await je(e, { credentials: I }), F(!1), L({}), R(!1);
+			await Re(e, { credentials: P }), N(!1), F({}), I(!1);
 		} catch (e) {
 			console.error("[channel] Failed to update connection", e);
 		} finally {
-			N(null);
+			j(null);
 		}
-	}, ze = async (n) => {
-		e("medium"), N("delete-connection");
+	}, Ke = async (n) => {
+		e("medium"), j("delete-connection");
 		try {
-			await Me(n), t("success");
+			await ze(n), t("success");
 		} catch (e) {
 			t("error"), console.error("[channel] Failed to delete connection", e);
 		} finally {
-			N(null);
+			j(null);
 		}
-	}, Be = async (e) => {
-		N("test"), B(null);
+	}, qe = async (e) => {
+		j("test"), R(null);
 		try {
-			let t = await Ne(e);
-			t && B({
+			let t = await Be(e);
+			t && R({
 				success: t.success,
-				message: t.message || (t.success ? A("channel.connectionTestSuccess", "Connection successful!") : A("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), B({
+			console.error("[channel] Failed to test connection", e), R({
 				success: !1,
-				message: A("channel.connectionTestRequestFailed", "Failed to test connection")
+				message: O("channel.connectionTestRequestFailed", "Failed to test connection")
 			});
 		} finally {
-			N(null);
+			j(null);
 		}
-	}, Ve = async () => {
-		if (H.trim()) {
-			N("send-test"), q(null);
+	}, Je = async () => {
+		if (B.trim()) {
+			j("send-test"), G(null);
 			try {
-				let e = J?.platform === "EMAIL" ? {
-					subject: W,
-					html: `<p>${G}</p>`
-				} : void 0, t = await Pe(H.trim(), G, e);
-				t && q({
+				let e = K?.platform === "EMAIL" ? {
+					subject: H,
+					html: `<p>${U}</p>`
+				} : void 0, t = await Ve(B.trim(), U, e);
+				t && G({
 					success: t.success,
 					messageId: t.messageId,
 					externalId: t.externalId,
@@ -201,8 +202,8 @@ function O() {
 					} : null
 				});
 			} catch (e) {
-				let t = e instanceof Error ? e.message : A("channel.sendTestNotificationFailed", "Failed to send test notification");
-				console.error("[channel] Failed to send test notification", e), q({
+				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",
@@ -211,378 +212,387 @@ function O() {
 					}
 				});
 			} finally {
-				N(null);
+				j(null);
 			}
 		}
-	}, He = (e) => {
+	}, J = (e) => {
 		switch (e) {
-			case "EMAIL": return A("channel.recipientPlaceholder.email", "email@example.com");
-			case "SMS": return A("channel.recipientPlaceholder.phone", "+1234567890");
-			case "PUSH": return A("channel.recipientPlaceholder.deviceToken", "Device token");
-			case "SLACK": return A("channel.recipientPlaceholder.slack", "Channel ID or User ID");
-			case "TEAMS": return A("channel.recipientPlaceholder.channelId", "Channel ID");
-			case "DISCORD": return A("channel.recipientPlaceholder.channelId", "Channel ID");
-			case "WHATSAPP": return A("channel.recipientPlaceholder.phone", "+1234567890");
-			default: return A("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");
 		}
-	}, Ue = (e) => {
+	}, Y = (e) => {
 		switch (e) {
-			case "EMAIL": return A("channel.recipientLabel.email", "Email Address");
+			case "EMAIL": return O("channel.recipientLabel.email", "Email Address");
 			case "SMS":
-			case "WHATSAPP": return A("channel.recipientLabel.phone", "Phone Number");
-			case "PUSH": return A("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 A("channel.recipientLabel.channelOrUserId", "Channel/User ID");
-			default: return A("channel.recipientLabel.default", "Recipient");
+			case "DISCORD": return O("channel.recipientLabel.channelOrUserId", "Channel/User ID");
+			default: return O("channel.recipientLabel.default", "Recipient");
 		}
-	}, We = (e) => ({
-		...T[e] || {
+	}, Ye = (e) => ({
+		...S[e] || {
 			label: e,
 			color: "bg-bg-sunken text-text-secondary"
 		},
-		label: s(e, te, A)
-	}), Ge = (e) => ({
-		...E[e] || E.INACTIVE,
-		label: s(e, o, A)
-	}), Ke = (e) => ({
-		...D[e] || D.UNKNOWN,
-		label: s(e, ee, A)
+		label: a(e, ne, O)
+	}), Xe = (e) => ({
+		...C[e] || C.INACTIVE,
+		label: a(e, re, O)
+	}), Ze = (e) => ({
+		...w[e] || w.UNKNOWN,
+		label: a(e, te, O)
 	});
-	if (De) return /* @__PURE__ */ C("div", {
+	if (Pe) return /* @__PURE__ */ b("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ C(h, {
+		children: /* @__PURE__ */ b(p, {
 			size: 32,
 			className: "animate-spin text-accent-primary"
 		})
 	});
-	if (Y || !J) return /* @__PURE__ */ C("div", {
+	if (q || !K) return /* @__PURE__ */ b("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 			children: [
-				/* @__PURE__ */ C(l, {
+				/* @__PURE__ */ b(s, {
 					size: 20,
 					className: "text-status-error-text"
 				}),
-				/* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("p", {
+				/* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("p", {
 					className: "text-sm font-medium text-status-error-text",
-					children: Y || A("channel.channelNotFound", "Channel not found")
+					children: q || O("channel.channelNotFound", "Channel not found")
 				}) }),
-				/* @__PURE__ */ C("button", {
-					onClick: () => m(-1),
+				/* @__PURE__ */ b("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: A("channel.goBack", "Go Back")
+					children: O("channel.goBack", "Go Back")
 				})
 			]
 		})
 	});
-	let X = We(J.platform), Z = Ge(J.status), Q = Ke(J.connectionHealth), qe = Z.icon, Je = Q.icon, $ = J.connection;
-	return /* @__PURE__ */ C(r, {
+	let X = Ye(K.platform), Z = Xe(K.status), Q = Ze(K.connectionHealth), Qe = Z.icon, $e = Q.icon, $ = K.connection;
+	return /* @__PURE__ */ b(r, {
 		permission: i.CHANNEL_READ,
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("button", {
-							onClick: () => m(-1),
+						children: [/* @__PURE__ */ b("button", {
+							type: "button",
+							onClick: () => f(-1),
 							className: "p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
-							children: /* @__PURE__ */ C(oe, { size: 20 })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+							children: /* @__PURE__ */ b(ce, { size: 20 })
+						}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C(he, {
+							children: [/* @__PURE__ */ b(_e, {
 								size: 24,
 								className: "text-accent-primary"
-							}), /* @__PURE__ */ C("h1", {
+							}), /* @__PURE__ */ b("h1", {
 								className: "text-xl sm:text-2xl font-bold text-foreground",
-								children: J.name
+								children: K.name
 							})]
-						}), J.description && /* @__PURE__ */ C("p", {
+						}), K.description && /* @__PURE__ */ b("p", {
 							className: "text-sm text-muted-foreground mt-1",
-							children: J.description
+							children: K.description
 						})] })]
-					}), /* @__PURE__ */ w("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ C(r, {
+							/* @__PURE__ */ b(r, {
 								permission: i.CHANNEL_EXECUTE,
-								children: /* @__PURE__ */ w("button", {
-									onClick: Fe,
-									disabled: M === "health",
+								children: /* @__PURE__ */ x("button", {
+									type: "button",
+									onClick: He,
+									disabled: A === "health",
 									className: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:text-status-info-text hover:bg-status-info-bg-subtle rounded-lg transition-colors disabled:opacity-50",
-									children: [M === "health" ? /* @__PURE__ */ C(h, {
+									children: [A === "health" ? /* @__PURE__ */ b(p, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ C(ge, { size: 16 }), A("channel.healthCheck", "Health Check")]
+									}) : /* @__PURE__ */ b(ve, { size: 16 }), O("channel.healthCheck", "Health Check")]
 								})
 							}),
-							/* @__PURE__ */ C(r, {
+							/* @__PURE__ */ b(r, {
 								permission: i.CHANNEL_UPDATE,
-								children: /* @__PURE__ */ w("button", {
-									onClick: Ie,
-									disabled: M === "status",
-									className: `flex items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors disabled:opacity-50 ${J.status === "ACTIVE" ? "text-status-warning-text hover:bg-status-warning-bg-subtle" : "text-status-success-text hover:bg-status-success-bg-subtle"}`,
-									children: [M === "status" ? /* @__PURE__ */ C(h, {
+								children: /* @__PURE__ */ x("button", {
+									type: "button",
+									onClick: Ue,
+									disabled: A === "status",
+									className: `flex items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors disabled:opacity-50 ${K.status === "ACTIVE" ? "text-status-warning-text hover:bg-status-warning-bg-subtle" : "text-status-success-text hover:bg-status-success-bg-subtle"}`,
+									children: [A === "status" ? /* @__PURE__ */ b(p, {
 										size: 16,
 										className: "animate-spin"
-									}) : J.status === "ACTIVE" ? /* @__PURE__ */ C(_, { size: 16 }) : /* @__PURE__ */ C(me, { size: 16 }), J.status === "ACTIVE" ? A("channel.deactivate", "Deactivate") : A("channel.activate", "Activate")]
+									}) : K.status === "ACTIVE" ? /* @__PURE__ */ b(h, { size: 16 }) : /* @__PURE__ */ b(ge, { size: 16 }), K.status === "ACTIVE" ? O("channel.deactivate", "Deactivate") : O("channel.activate", "Activate")]
 								})
 							}),
-							/* @__PURE__ */ w("button", {
+							/* @__PURE__ */ x("button", {
+								type: "button",
 								onClick: () => {
-									V(!0), q(null), U("");
+									z(!0), G(null), V("");
 								},
-								disabled: !J.connection,
+								disabled: !K.connection,
 								className: "flex items-center gap-2 px-3 py-2 text-sm text-accent-primary hover:bg-accent-primary/10 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								title: J.connection ? A("channel.sendTestNotification", "Send test notification") : A("channel.configureCredentialsFirst", "Configure credentials first"),
-								children: [/* @__PURE__ */ C(y, { size: 16 }), A("channel.testChannel", "Test Channel")]
+								title: K.connection ? O("channel.sendTestNotification", "Send test notification") : O("channel.configureCredentialsFirst", "Configure credentials first"),
+								children: [/* @__PURE__ */ b(g, { size: 16 }), O("channel.testChannel", "Test Channel")]
 							}),
-							/* @__PURE__ */ w("button", {
-								onClick: () => m("./edit"),
+							D && /* @__PURE__ */ x("button", {
+								type: "button",
+								onClick: () => f("./edit"),
 								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 shadow-sm",
-								children: [/* @__PURE__ */ C(g, { size: 16 }), A("channel.edit", "Edit")]
+								children: [/* @__PURE__ */ b(m, { size: 16 }), O("channel.edit", "Edit")]
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ x("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "p-4 bg-surface border border-border rounded-lg",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-xs text-muted-foreground mb-1",
-								children: A("channel.platform", "Platform")
-							}), /* @__PURE__ */ C("span", {
+								children: O("channel.platform", "Platform")
+							}), /* @__PURE__ */ b("span", {
 								className: `inline-flex px-2 py-1 text-sm font-semibold rounded-full ${X.color}`,
 								children: X.label
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "p-4 bg-surface border border-border rounded-lg",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-xs text-muted-foreground mb-1",
-								children: A("channel.status", "Status")
-							}), /* @__PURE__ */ w("div", {
+								children: O("channel.status", "Status")
+							}), /* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ C(qe, {
+								children: [/* @__PURE__ */ b(Qe, {
 									size: 16,
 									className: Z.color.split(" ")[0]
-								}), /* @__PURE__ */ C("span", {
+								}), /* @__PURE__ */ b("span", {
 									className: `px-2 py-1 text-sm font-medium rounded-full ${Z.color}`,
 									children: Z.label
 								})]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "p-4 bg-surface border border-border rounded-lg",
 							children: [
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground mb-1",
-									children: A("channel.connectionHealth", "Connection Health")
+									children: O("channel.connectionHealth", "Connection Health")
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ C(Je, {
+									children: [/* @__PURE__ */ b($e, {
 										size: 16,
 										className: Q.color
-									}), /* @__PURE__ */ C("span", {
+									}), /* @__PURE__ */ b("span", {
 										className: `text-sm font-medium ${Q.color}`,
 										children: Q.label
 									})]
 								}),
-								J.lastHealthCheckAt && /* @__PURE__ */ w("p", {
+								K.lastHealthCheckAt && /* @__PURE__ */ x("p", {
 									className: "text-xs text-muted-foreground mt-1",
 									children: [
-										A("channel.lastCheck", "Last check"),
+										O("channel.lastCheck", "Last check"),
 										":",
 										" ",
-										new Date(J.lastHealthCheckAt).toLocaleString()
+										new Date(K.lastHealthCheckAt).toLocaleString()
 									]
 								})
 							]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "p-4 bg-surface border border-border rounded-lg",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-xs text-muted-foreground mb-1",
-								children: A("channel.connection", "Connection")
-							}), /* @__PURE__ */ w("div", {
+								children: O("channel.connection", "Connection")
+							}), /* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ C(f, {
+								children: [/* @__PURE__ */ b(u, {
 									size: 16,
-									className: J.isConnected ? "text-status-success-text" : "text-muted-foreground"
-								}), /* @__PURE__ */ C("span", {
-									className: `text-sm font-medium ${J.isConnected ? "text-status-success-text" : "text-muted-foreground"}`,
-									children: J.isConnected ? A("channel.connected", "Connected") : A("channel.notConnected", "Not Connected")
+									className: K.isConnected ? "text-status-success-text" : "text-muted-foreground"
+								}), /* @__PURE__ */ b("span", {
+									className: `text-sm font-medium ${K.isConnected ? "text-status-success-text" : "text-muted-foreground"}`,
+									children: K.isConnected ? O("channel.connected", "Connected") : O("channel.notConnected", "Not Connected")
 								})]
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ x("div", {
 					className: "p-4 bg-surface border border-border rounded-lg",
 					children: [
-						/* @__PURE__ */ C("h2", {
+						/* @__PURE__ */ b("h2", {
 							className: "text-lg font-semibold text-foreground mb-4",
-							children: A("channel.channelDetails", "Channel Details")
+							children: O("channel.channelDetails", "Channel Details")
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "grid gap-4 sm:grid-cols-2",
 							children: [
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: A("channel.adapterType", "Adapter Type")
-								}), /* @__PURE__ */ C("p", {
+									children: O("channel.adapterType", "Adapter Type")
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-foreground",
-									children: J.adapterType?.replace(/_/g, " ") || A("channel.notConfigured", "Not configured")
+									children: K.adapterType?.replace(/_/g, " ") || O("channel.notConfigured", "Not configured")
 								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: A("channel.priority", "Priority")
-								}), /* @__PURE__ */ C("p", {
+									children: O("channel.priority", "Priority")
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-foreground",
-									children: J.priority
+									children: K.priority
 								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: A("channel.consecutiveFailures", "Consecutive Failures")
-								}), /* @__PURE__ */ C("p", {
+									children: O("channel.consecutiveFailures", "Consecutive Failures")
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-foreground",
-									children: J.consecutiveFailures
+									children: K.consecutiveFailures
 								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: A("channel.messages24h", "Messages (24h)")
-								}), /* @__PURE__ */ C("p", {
+									children: O("channel.messages24h", "Messages (24h)")
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-foreground",
-									children: J.messageCount24h
+									children: K.messageCount24h
 								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: A("channel.createdAt", "Created At")
-								}), /* @__PURE__ */ C("p", {
+									children: O("channel.createdAt", "Created At")
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-foreground",
-									children: new Date(J.createdAt).toLocaleString()
+									children: new Date(K.createdAt).toLocaleString()
 								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: A("channel.updatedAt", "Updated At")
-								}), /* @__PURE__ */ C("p", {
+									children: O("channel.updatedAt", "Updated At")
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-foreground",
-									children: new Date(J.updatedAt).toLocaleString()
+									children: new Date(K.updatedAt).toLocaleString()
 								})] })
 							]
 						}),
-						J.tagAssignments && J.tagAssignments.length > 0 && /* @__PURE__ */ w("div", {
+						K.tagAssignments && K.tagAssignments.length > 0 && /* @__PURE__ */ x("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-xs text-muted-foreground mb-1.5",
-								children: A("channel.tags", "Tags")
-							}), /* @__PURE__ */ C("div", {
+								children: O("channel.tags", "Tags")
+							}), /* @__PURE__ */ b("div", {
 								className: "flex flex-wrap gap-1.5",
 								"aria-label": "Channel tags",
-								children: J.tagAssignments.map((e) => /* @__PURE__ */ C(Se, {
+								children: K.tagAssignments.map((e) => /* @__PURE__ */ b(Ee, {
 									id: e.tagId,
 									label: e.tagId,
 									size: "md"
 								}, e.id))
 							})]
 						}),
-						J.healthCheckError && /* @__PURE__ */ w("div", {
+						K.healthCheckError && /* @__PURE__ */ x("div", {
 							className: "mt-4 p-3 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-xs text-status-error-text font-medium",
-								children: A("channel.lastHealthCheckError", "Last Health Check Error")
-							}), /* @__PURE__ */ C("p", {
+								children: O("channel.lastHealthCheckError", "Last Health Check Error")
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-status-error-text",
-								children: J.healthCheckError
+								children: K.healthCheckError
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ x("div", {
 					className: "grid gap-3 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ w("button", {
-							onClick: () => m("./deliveries"),
+						/* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: () => f("./deliveries"),
 							className: "flex items-center gap-3 p-3 bg-surface border border-border rounded-lg hover:bg-action-primary-bg/10 transition-colors text-left",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ b("div", {
 									className: "p-2 bg-accent-orange/10 rounded-lg",
-									children: /* @__PURE__ */ C(ve, {
+									children: /* @__PURE__ */ b(_, {
 										size: 18,
 										className: "text-accent-orange"
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ C("p", {
+									children: [/* @__PURE__ */ b("p", {
 										className: "text-sm font-medium text-foreground",
-										children: A("channel.deliveryHistory", "Delivery History")
-									}), /* @__PURE__ */ C("p", {
+										children: O("channel.deliveryHistory", "Delivery History")
+									}), /* @__PURE__ */ b("p", {
 										className: "text-xs text-muted-foreground truncate",
-										children: A("channel.viewMessageDeliveries", "View message deliveries")
+										children: O("channel.viewMessageDeliveries", "View message deliveries")
 									})]
 								}),
-								/* @__PURE__ */ C(d, {
+								/* @__PURE__ */ b(l, {
 									size: 16,
 									className: "text-muted-foreground shrink-0"
 								})
 							]
 						}),
-						/* @__PURE__ */ w("button", {
-							onClick: () => m("./webhooks"),
+						/* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: () => f("./webhooks"),
 							className: "flex items-center gap-3 p-3 bg-surface border border-border rounded-lg hover:bg-action-primary-bg/10 transition-colors text-left",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ b("div", {
 									className: "p-2 bg-accent-purple/10 rounded-lg",
-									children: /* @__PURE__ */ C(se, {
+									children: /* @__PURE__ */ b(le, {
 										size: 18,
 										className: "text-accent-purple"
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ C("p", {
+									children: [/* @__PURE__ */ b("p", {
 										className: "text-sm font-medium text-foreground",
-										children: A("channel.webhookEvents", "Webhook Events")
-									}), /* @__PURE__ */ C("p", {
+										children: O("channel.webhookEvents", "Webhook Events")
+									}), /* @__PURE__ */ b("p", {
 										className: "text-xs text-muted-foreground truncate",
-										children: A("channel.viewIncomingWebhooks", "View incoming webhooks")
+										children: O("channel.viewIncomingWebhooks", "View incoming webhooks")
 									})]
 								}),
-								/* @__PURE__ */ C(d, {
+								/* @__PURE__ */ b(l, {
 									size: 16,
 									className: "text-muted-foreground shrink-0"
 								})
 							]
 						}),
-						/* @__PURE__ */ w("button", {
-							onClick: () => m("./users"),
+						/* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: () => f("./users"),
 							className: "flex items-center gap-3 p-3 bg-surface border border-border rounded-lg hover:bg-action-primary-bg/10 transition-colors text-left",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ b("div", {
 									className: "p-2 bg-accent-blue/10 rounded-lg",
-									children: /* @__PURE__ */ C(ye, {
+									children: /* @__PURE__ */ b(xe, {
 										size: 18,
 										className: "text-accent-blue"
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ C("p", {
+									children: [/* @__PURE__ */ b("p", {
 										className: "text-sm font-medium text-foreground",
-										children: A("channel.channelUsers", "Channel Users")
-									}), /* @__PURE__ */ C("p", {
+										children: O("channel.channelUsers", "Channel Users")
+									}), /* @__PURE__ */ b("p", {
 										className: "text-xs text-muted-foreground truncate",
-										children: A("channel.viewConnectedUsers", "View connected users")
+										children: O("channel.viewConnectedUsers", "View connected users")
 									})]
 								}),
-								/* @__PURE__ */ C(d, {
+								/* @__PURE__ */ b(l, {
 									size: 16,
 									className: "text-muted-foreground shrink-0"
 								})
@@ -590,349 +600,365 @@ function O() {
 						})
 					]
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ x("div", {
 					className: "p-4 bg-surface border border-border rounded-lg",
 					children: [
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ C(ce, {
+								children: [/* @__PURE__ */ b(ue, {
 									size: 20,
 									className: "text-accent-primary"
-								}), /* @__PURE__ */ C("h2", {
+								}), /* @__PURE__ */ b("h2", {
 									className: "text-lg font-semibold text-foreground",
-									children: A("channel.connectionAndCredentials", "Connection & Credentials")
+									children: O("channel.connectionAndCredentials", "Connection & Credentials")
 								})]
-							}), !$ && !P && /* @__PURE__ */ w("button", {
-								onClick: () => F(!0),
+							}), De && !$ && !M && /* @__PURE__ */ x("button", {
+								type: "button",
+								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__ */ C(pe, { size: 16 }), A("channel.addCredentials", "Add Credentials")]
+								children: [/* @__PURE__ */ b(he, { size: 16 }), O("channel.addCredentials", "Add Credentials")]
 							})]
 						}),
-						$ && !P && /* @__PURE__ */ w("div", {
+						$ && !M && /* @__PURE__ */ x("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-xs text-muted-foreground",
-											children: A("channel.authType", "Auth Type")
-										}), /* @__PURE__ */ C("p", {
+											children: O("channel.authType", "Auth Type")
+										}), /* @__PURE__ */ b("p", {
 											className: "text-sm font-medium text-foreground",
-											children: s($.authType, a, A)
+											children: a($.authType, ee, O)
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-xs text-muted-foreground",
-											children: A("channel.status", "Status")
-										}), /* @__PURE__ */ w("div", {
+											children: O("channel.status", "Status")
+										}), /* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2",
-											children: [$.isHealthy ? /* @__PURE__ */ C(p, {
+											children: [$.isHealthy ? /* @__PURE__ */ b(d, {
 												size: 14,
 												className: "text-status-success-text"
-											}) : /* @__PURE__ */ C(x, {
+											}) : /* @__PURE__ */ b(y, {
 												size: 14,
 												className: "text-status-error-text"
-											}), /* @__PURE__ */ C("span", {
+											}), /* @__PURE__ */ b("span", {
 												className: `text-sm font-medium ${$.isHealthy ? "text-status-success-text" : "text-status-error-text"}`,
-												children: $.isHealthy ? A("channel.healthy", "Healthy") : A("channel.unhealthy", "Unhealthy")
+												children: $.isHealthy ? O("channel.healthy", "Healthy") : O("channel.unhealthy", "Unhealthy")
 											})]
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-xs text-muted-foreground",
-											children: A("channel.lastTested", "Last Tested")
-										}), /* @__PURE__ */ C("p", {
+											children: O("channel.lastTested", "Last Tested")
+										}), /* @__PURE__ */ b("p", {
 											className: "text-sm font-medium text-foreground",
-											children: $.lastTestedAt ? new Date($.lastTestedAt).toLocaleString() : A("channel.never", "Never")
+											children: $.lastTestedAt ? new Date($.lastTestedAt).toLocaleString() : O("channel.never", "Never")
 										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-xs text-muted-foreground",
-											children: A("channel.testStatus", "Test Status")
-										}), /* @__PURE__ */ C("p", {
+											children: O("channel.testStatus", "Test Status")
+										}), /* @__PURE__ */ b("p", {
 											className: "text-sm font-medium text-foreground",
-											children: $.testStatus || A("channel.notTested", "Not tested")
+											children: $.testStatus || O("channel.notTested", "Not tested")
 										})] }),
-										$.tokenExpiresAt && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										$.tokenExpiresAt && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-xs text-muted-foreground",
-											children: A("channel.tokenExpires", "Token Expires")
-										}), /* @__PURE__ */ w("p", {
+											children: O("channel.tokenExpires", "Token Expires")
+										}), /* @__PURE__ */ x("p", {
 											className: `text-sm font-medium ${$.needsTokenRefresh ? "text-status-warning-text" : "text-foreground"}`,
-											children: [new Date($.tokenExpiresAt).toLocaleString(), $.daysUntilExpiry !== void 0 && /* @__PURE__ */ w("span", {
+											children: [new Date($.tokenExpiresAt).toLocaleString(), $.daysUntilExpiry !== void 0 && /* @__PURE__ */ x("span", {
 												className: "text-xs text-muted-foreground ml-1",
 												children: [
 													"(",
 													$.daysUntilExpiry,
 													" ",
-													A("channel.days", "days"),
+													O("channel.days", "days"),
 													")"
 												]
 											})]
 										})] })
 									]
 								}),
-								z && /* @__PURE__ */ C("div", {
-									className: `p-3 rounded-lg ${z.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
-									children: /* @__PURE__ */ w("div", {
+								L && /* @__PURE__ */ b("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__ */ x("div", {
 										className: "flex items-center gap-2",
-										children: [z.success ? /* @__PURE__ */ C(p, {
+										children: [L.success ? /* @__PURE__ */ b(d, {
 											size: 16,
 											className: "text-status-success-text"
-										}) : /* @__PURE__ */ C(x, {
+										}) : /* @__PURE__ */ b(y, {
 											size: 16,
 											className: "text-status-error-text"
-										}), /* @__PURE__ */ C("p", {
-											className: `text-sm font-medium ${z.success ? "text-status-success-text" : "text-status-error-text"}`,
-											children: z.message
+										}), /* @__PURE__ */ b("p", {
+											className: `text-sm font-medium ${L.success ? "text-status-success-text" : "text-status-error-text"}`,
+											children: L.message
 										})]
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-2 pt-2",
 									children: [
-										/* @__PURE__ */ C(r, {
+										/* @__PURE__ */ b(r, {
 											permission: i.CHANNEL_CONNECTION_UPDATE,
-											children: /* @__PURE__ */ w("button", {
-												onClick: () => Be($.id),
-												disabled: M === "test",
+											children: /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => qe($.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: [M === "test" ? /* @__PURE__ */ C(h, {
+												children: [A === "test" ? /* @__PURE__ */ b(p, {
 													size: 16,
 													className: "animate-spin"
-												}) : /* @__PURE__ */ C(fe, { size: 16 }), A("channel.testConnection", "Test Connection")]
+												}) : /* @__PURE__ */ b(me, { size: 16 }), O("channel.testConnection", "Test Connection")]
 											})
 										}),
-										/* @__PURE__ */ w("button", {
+										Oe && /* @__PURE__ */ x("button", {
+											type: "button",
 											onClick: () => {
-												F(!0), L($?.platformMetadata ?? {});
+												N(!0), F($?.platformMetadata ?? {});
 											},
 											className: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground hover:text-accent-primary hover:bg-accent-primary/10 rounded-lg transition-colors",
-											children: [/* @__PURE__ */ C(g, { size: 16 }), A("channel.updateCredentials", "Update Credentials")]
+											children: [/* @__PURE__ */ b(m, { size: 16 }), O("channel.updateCredentials", "Update Credentials")]
 										}),
-										/* @__PURE__ */ C(r, {
+										/* @__PURE__ */ b(r, {
 											permission: i.CHANNEL_CONNECTION_DELETE,
-											children: /* @__PURE__ */ w("button", {
-												onClick: () => ze($.id),
-												disabled: M === "delete-connection",
+											children: /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => Ke($.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: [M === "delete-connection" ? /* @__PURE__ */ C(h, {
+												children: [A === "delete-connection" ? /* @__PURE__ */ b(p, {
 													size: 16,
 													className: "animate-spin"
-												}) : /* @__PURE__ */ C(_e, { size: 16 }), A("channel.remove", "Remove")]
+												}) : /* @__PURE__ */ b(be, { size: 16 }), O("channel.remove", "Remove")]
 											})
 										})
 									]
 								})
 							]
 						}),
-						!$ && !P && /* @__PURE__ */ w("div", {
+						!$ && !M && /* @__PURE__ */ x("div", {
 							className: "text-center py-8",
 							children: [
-								/* @__PURE__ */ C(f, {
+								/* @__PURE__ */ b(u, {
 									size: 32,
 									className: "mx-auto text-muted-foreground mb-3"
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ b("p", {
 									className: "text-sm text-muted-foreground mb-2",
-									children: A("channel.noCredentialsConfigured", "No credentials configured for this channel")
+									children: O("channel.noCredentialsConfigured", "No credentials configured for this channel")
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ b("p", {
 									className: "text-xs text-muted-foreground",
-									children: A("channel.addCredentialsHint", "Add credentials to enable message delivery through this channel")
+									children: O("channel.addCredentialsHint", "Add credentials to enable message delivery through this channel")
 								})
 							]
 						}),
-						P && /* @__PURE__ */ w("div", {
+						M && /* @__PURE__ */ x("div", {
 							className: "space-y-4",
 							children: [
-								!J.adapterType && /* @__PURE__ */ C("div", {
+								!K.adapterType && /* @__PURE__ */ b("div", {
 									className: "p-3 bg-accent-orange/10 border border-accent-orange/30 rounded-lg",
-									children: /* @__PURE__ */ w("div", {
+									children: /* @__PURE__ */ x("div", {
 										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ C(l, {
+										children: [/* @__PURE__ */ b(s, {
 											size: 16,
 											className: "text-accent-orange mt-0.5"
-										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-sm font-medium text-accent-orange",
-											children: A("channel.noAdapterTypeConfigured", "No adapter type configured")
-										}), /* @__PURE__ */ C("p", {
+											children: O("channel.noAdapterTypeConfigured", "No adapter type configured")
+										}), /* @__PURE__ */ b("p", {
 											className: "text-xs text-muted-foreground mt-1",
-											children: A("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__ */ C(ne, {
-									adapterType: J.adapterType ?? void 0,
-									credentials: I,
-									onChange: L,
-									onValidationChange: (e) => R(e),
-									disabled: M === "connection"
+								/* @__PURE__ */ b(ie, {
+									adapterType: K.adapterType ?? void 0,
+									credentials: P,
+									onChange: F,
+									onValidationChange: (e) => I(e),
+									disabled: A === "connection"
 								}),
-								J.adapterType && /* @__PURE__ */ C("div", {
+								K.adapterType && /* @__PURE__ */ b("div", {
 									className: "pt-2",
-									children: /* @__PURE__ */ C(re, {
-										adapterType: J.adapterType,
-										credentials: I
+									children: /* @__PURE__ */ b(ae, {
+										adapterType: K.adapterType,
+										credentials: P
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-2 pt-2 border-t border-border",
-									children: [/* @__PURE__ */ C(r, {
+									children: [/* @__PURE__ */ b(r, {
 										permission: i.CHANNEL_CONNECTION_UPDATE,
-										children: /* @__PURE__ */ w("button", {
+										children: /* @__PURE__ */ x("button", {
+											type: "button",
 											onClick: () => {
-												$ ? Re($.id) : Le();
+												$ ? Ge($.id) : We();
 											},
-											disabled: M === "connection" || !Ce && !!J.adapterType,
+											disabled: A === "connection" || !Ae && !!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: [M === "connection" ? /* @__PURE__ */ C(h, {
+											children: [A === "connection" ? /* @__PURE__ */ b(p, {
 												size: 16,
 												className: "animate-spin"
-											}) : /* @__PURE__ */ C(v, { size: 16 }), $ ? A("channel.updateCredentials", "Update Credentials") : A("channel.saveCredentials", "Save Credentials")]
+											}) : /* @__PURE__ */ b(ye, { size: 16 }), $ ? O("channel.updateCredentials", "Update Credentials") : O("channel.saveCredentials", "Save Credentials")]
 										})
-									}), /* @__PURE__ */ w("button", {
+									}), /* @__PURE__ */ x("button", {
+										type: "button",
 										onClick: () => {
-											F(!1), L({}), R(!1);
+											N(!1), F({}), I(!1);
 										},
 										className: "flex items-center gap-2 px-4 py-2 text-sm text-muted-foreground hover:bg-muted rounded-lg transition-colors",
-										children: [/* @__PURE__ */ C(b, { size: 16 }), A("channel.cancel", "Cancel")]
+										children: [/* @__PURE__ */ b(v, { size: 16 }), O("channel.cancel", "Cancel")]
 									})]
 								})
 							]
 						})
 					]
 				}),
-				we && /* @__PURE__ */ C("div", {
+				je && /* @__PURE__ */ b("div", {
 					className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "w-full max-w-md mx-4 p-6 bg-surface border border-border rounded-lg shadow-xl",
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ C(y, {
+								children: [/* @__PURE__ */ b(g, {
 									size: 20,
 									className: "text-accent-primary"
-								}), /* @__PURE__ */ w("h3", {
+								}), /* @__PURE__ */ x("h3", {
 									className: "text-lg font-semibold text-foreground",
 									children: [
 										"Test ",
-										T[J.platform]?.label || J.platform,
+										S[K.platform]?.label || K.platform,
 										" Channel"
 									]
 								})]
-							}), /* @__PURE__ */ C("button", {
-								onClick: () => V(!1),
+							}), /* @__PURE__ */ b("button", {
+								type: "button",
+								onClick: () => z(!1),
 								className: "p-1 text-muted-foreground hover:text-foreground rounded",
-								children: /* @__PURE__ */ C(b, { size: 20 })
+								children: /* @__PURE__ */ b(v, { size: 20 })
 							})]
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
 									className: "block text-sm font-medium text-foreground mb-1.5",
 									children: [
-										Ue(J.platform),
+										Y(K.platform),
 										" ",
-										/* @__PURE__ */ C("span", {
+										/* @__PURE__ */ b("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})
 									]
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ C("input", {
+									children: [/* @__PURE__ */ b("input", {
+										"aria-label": J(K.platform),
 										type: "text",
-										value: H,
-										onChange: (e) => U(e.target.value),
-										placeholder: He(J.platform),
+										value: B,
+										onChange: (e) => V(e.target.value),
+										placeholder: J(K.platform),
 										className: "w-full pl-9 pr-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
-									}), /* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
-										children: J.platform === "EMAIL" ? /* @__PURE__ */ C(le, { size: 16 }) : J.platform === "SMS" || J.platform === "WHATSAPP" ? /* @__PURE__ */ C(de, { size: 16 }) : /* @__PURE__ */ C(ue, { size: 16 })
+										children: K.platform === "EMAIL" ? /* @__PURE__ */ b(de, { size: 16 }) : K.platform === "SMS" || K.platform === "WHATSAPP" ? /* @__PURE__ */ b(pe, { size: 16 }) : /* @__PURE__ */ b(fe, { size: 16 })
 									})]
 								})] }),
-								J.platform === "EMAIL" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+								K.platform === "EMAIL" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									htmlFor: "channel-details-test-subject",
 									className: "block text-sm font-medium text-foreground mb-1.5",
 									children: "Subject"
-								}), /* @__PURE__ */ C("input", {
+								}), /* @__PURE__ */ b("input", {
+									id: "channel-details-test-subject",
+									"aria-label": "Email subject",
 									type: "text",
-									value: W,
-									onChange: (e) => Te(e.target.value),
+									value: H,
+									onChange: (e) => Me(e.target.value),
 									placeholder: "Email subject",
 									className: "w-full px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									htmlFor: "channel-details-test-message",
 									className: "block text-sm font-medium text-foreground mb-1.5",
 									children: "Message"
-								}), /* @__PURE__ */ C("textarea", {
-									value: G,
-									onChange: (e) => Ee(e.target.value),
+								}), /* @__PURE__ */ b("textarea", {
+									id: "channel-details-test-message",
+									"aria-label": "Test message content",
+									value: U,
+									onChange: (e) => Ne(e.target.value),
 									placeholder: "Test message content",
 									rows: 3,
 									className: "w-full px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none"
 								})] }),
-								K && /* @__PURE__ */ C("div", {
-									className: `p-3 rounded-lg ${K.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
-									children: /* @__PURE__ */ w("div", {
+								W && /* @__PURE__ */ b("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__ */ x("div", {
 										className: "flex items-start gap-2",
-										children: [K.success ? /* @__PURE__ */ C(p, {
+										children: [W.success ? /* @__PURE__ */ b(d, {
 											size: 16,
 											className: "text-status-success-text mt-0.5"
-										}) : /* @__PURE__ */ C(x, {
+										}) : /* @__PURE__ */ b(y, {
 											size: 16,
 											className: "text-status-error-text mt-0.5"
-										}), /* @__PURE__ */ w("div", {
+										}), /* @__PURE__ */ x("div", {
 											className: "flex-1",
 											children: [
-												/* @__PURE__ */ C("p", {
-													className: `text-sm font-medium ${K.success ? "text-status-success-text" : "text-status-error-text"}`,
-													children: K.success ? A("channel.messageSentSuccess", "Message sent successfully!") : A("channel.messageSendFailed", "Failed to send message")
+												/* @__PURE__ */ b("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")
 												}),
-												K.messageId && /* @__PURE__ */ w("p", {
+												W.messageId && /* @__PURE__ */ x("p", {
 													className: "text-xs text-success-600 mt-1",
-													children: ["Message ID: ", K.messageId]
+													children: ["Message ID: ", W.messageId]
 												}),
-												K.externalId && /* @__PURE__ */ w("p", {
+												W.externalId && /* @__PURE__ */ x("p", {
 													className: "text-xs text-muted-foreground mt-1",
-													children: ["External ID: ", K.externalId]
+													children: ["External ID: ", W.externalId]
 												}),
-												K.status && /* @__PURE__ */ w("p", {
+												W.status && /* @__PURE__ */ x("p", {
 													className: "text-xs text-muted-foreground mt-1",
-													children: ["Status: ", K.status]
+													children: ["Status: ", W.status]
 												}),
-												K.error && /* @__PURE__ */ w("p", {
+												W.error && /* @__PURE__ */ x("p", {
 													className: "text-xs text-status-error-text mt-1",
-													children: [K.error.message, K.error.retryable && /* @__PURE__ */ C("span", {
+													children: [W.error.message, W.error.retryable && /* @__PURE__ */ b("span", {
 														className: "text-warning-600 ml-1",
 														children: "(will retry)"
 													})]
 												}),
-												K.sentAt && /* @__PURE__ */ w("p", {
+												W.sentAt && /* @__PURE__ */ x("p", {
 													className: "text-xs text-muted-foreground mt-1",
-													children: ["Sent at: ", new Date(K.sentAt).toLocaleString()]
+													children: ["Sent at: ", new Date(W.sentAt).toLocaleString()]
 												})
 											]
 										})]
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-2 pt-2",
-									children: [/* @__PURE__ */ C(r, {
+									children: [/* @__PURE__ */ b(r, {
 										permission: i.CHANNEL_DELIVERY_SEND,
-										children: /* @__PURE__ */ w("button", {
-											onClick: Ve,
-											disabled: M === "send-test" || !H.trim(),
+										children: /* @__PURE__ */ x("button", {
+											type: "button",
+											onClick: Je,
+											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: [M === "send-test" ? /* @__PURE__ */ C(h, {
+											children: [A === "send-test" ? /* @__PURE__ */ b(p, {
 												size: 16,
 												className: "animate-spin"
-											}) : /* @__PURE__ */ C(y, { size: 16 }), A("channel.sendTest", "Send Test")]
+											}) : /* @__PURE__ */ b(g, { size: 16 }), O("channel.sendTest", "Send Test")]
 										})
-									}), /* @__PURE__ */ C("button", {
-										onClick: () => V(!1),
+									}), /* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => z(!1),
 										className: "px-4 py-2 text-sm text-muted-foreground hover:bg-muted rounded-lg transition-colors",
-										children: A("channel.close", "Close")
+										children: O("channel.close", "Close")
 									})]
 								})
 							]
@@ -944,6 +970,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as ChannelDetailsPage };
+export { T as ChannelDetailsPage };
 
 //# sourceMappingURL=ChannelDetailsPage.js.map