@burdenoff/microfe-channel 2026.625.2 → 2026.626.1

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

@@ -6,14 +6,14 @@ import { AUTH_TYPE_I18N as ee, HEALTH_I18N as te, PLATFORM_I18N as ne, STATUS_I1
 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 g, Save as ve, Send as _, Trash2 as ye, Truck as be, Users as xe, X as Se, XCircle as v } from "lucide-react";
-import { useLocation as Ce, useNavigate as we, useParams as Te } from "react-router-dom";
-import { usePermissions as Ee } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { CTAOverflowMenu as De, EmphasisPanel as Oe, GlassCard as x, ResponsiveDialog as ke, ResponsiveDialogContent as Ae, ResponsiveDialogHeader as je, ResponsiveDialogTitle as S } from "@burdenoff/fe-libs/ui";
-import { TagBadge as Me } from "@burdenoff/fe-libs/tag";
+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-dom";
+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";
 //#region src/channel/modules/channels/pages/ChannelDetailsPage.tsx
-var C = {
+var w = {
 	EMAIL: {
 		label: "Email",
 		color: "bg-accent-blue-subtle text-accent-blue"
@@ -54,7 +54,7 @@ var C = {
 		label: "Webchat",
 		color: "bg-accent-teal-subtle text-accent-teal"
 	}
-}, w = {
+}, T = {
 	ACTIVE: {
 		label: "Active",
 		color: "text-status-success-text bg-status-success-bg-subtle",
@@ -68,7 +68,7 @@ var C = {
 	ERROR: {
 		label: "Error",
 		color: "text-status-error-text bg-status-error-bg-subtle",
-		icon: v
+		icon: b
 	},
 	SUSPENDED: {
 		label: "Suspended",
@@ -80,7 +80,7 @@ var C = {
 		color: "text-text-secondary bg-bg-sunken",
 		icon: h
 	}
-}, T = {
+}, E = {
 	HEALTHY: {
 		label: "Healthy",
 		color: "text-status-success-text",
@@ -94,7 +94,7 @@ var C = {
 	UNHEALTHY: {
 		label: "Unhealthy",
 		color: "text-status-error-text",
-		icon: v
+		icon: b
 	},
 	UNKNOWN: {
 		label: "Unknown",
@@ -102,95 +102,95 @@ var C = {
 		icon: f
 	}
 };
-function E() {
-	let { channelId: c } = Te(), f = we(), E = Ce(), { hasPermission: D } = Ee(), O = D(i.CHANNEL_UPDATE), Ne = D(i.CHANNEL_EXECUTE), Pe = D(i.CHANNEL_CONNECTION_CREATE), Fe = D(i.CHANNEL_CONNECTION_UPDATE), { t: Ie } = se(), k = (e, t) => {
+function D() {
+	let { channelId: c } = Ce(), f = Se(), D = xe(), { hasPermission: O } = we(), k = O(i.CHANNEL_UPDATE), A = O(i.CHANNEL_EXECUTE), Pe = O(i.CHANNEL_CONNECTION_CREATE), Fe = O(i.CHANNEL_CONNECTION_UPDATE), { t: Ie } = se(), j = (e, t) => {
 		let n = Ie(e);
 		return n === e ? t : n;
-	}, A = E.state, [j, M] = o(null), [N, P] = o(A?.showCredentialsForm || !1), [F, I] = o(A?.pendingCredentials || {}), [Le, L] = o(!1), [R, z] = o(null), [Re, B] = o(!1), [V, H] = o(""), [U, ze] = o(() => k("channel.testNotificationSubject", "Test Notification")), [W, Be] = o(() => k("channel.testNotificationBody", "This is a test notification from Burdenoff Channel Service.")), [G, K] = o(null);
+	}, M = D.state, [N, P] = o(null), [F, I] = o(M?.showCredentialsForm || !1), [L, R] = o(M?.pendingCredentials || {}), [Le, z] = o(!1), [B, V] = o(null), [Re, H] = o(!1), [U, W] = o(""), [G, ze] = o(() => j("channel.testNotificationSubject", "Test Notification")), [K, Be] = o(() => j("channel.testNotificationBody", "This is a test notification from Burdenoff Channel Service.")), [q, J] = o(null);
 	oe(() => {
-		(A?.pendingCredentials || A?.showCredentialsForm) && f(E.pathname, {
+		(M?.pendingCredentials || M?.showCredentialsForm) && f(D.pathname, {
 			replace: !0,
 			state: null
 		});
 	}, []);
-	let { channel: q, isLoading: Ve, error: J, updateChannel: He, runHealthCheck: Ue, createConnection: We, updateConnection: Ge, deleteConnection: Ke, testConnection: qe, sendTestNotification: Je } = n(c), Ye = async () => {
-		M("health");
+	let { channel: Y, isLoading: Ve, error: X, updateChannel: He, runHealthCheck: Ue, createConnection: We, updateConnection: Ge, deleteConnection: Ke, testConnection: qe, sendTestNotification: Je } = n(c), Ye = async () => {
+		P("health");
 		try {
 			await Ue();
 		} catch (e) {
 			console.error("[channel] Failed to run health check", e);
 		} finally {
-			M(null);
+			P(null);
 		}
 	}, Xe = async () => {
-		if (q) {
-			M("status");
+		if (Y) {
+			P("status");
 			try {
-				await He({ status: q.status === "ACTIVE" ? "INACTIVE" : "ACTIVE" });
+				await He({ status: Y.status === "ACTIVE" ? "INACTIVE" : "ACTIVE" });
 			} catch (e) {
 				console.error("[channel] Failed to toggle channel status", e);
 			} finally {
-				M(null);
+				P(null);
 			}
 		}
 	}, Ze = async () => {
-		if (q) {
-			M("connection");
+		if (Y) {
+			P("connection");
 			try {
-				let e = "API_KEY", t = q.adapterType;
+				let e = "API_KEY", t = Y.adapterType;
 				t?.includes("BOT") ? e = "BOT_TOKEN" : t?.includes("WEBHOOK") ? e = "WEBHOOK" : t === "SMTP" && (e = "SMTP_IMAP"), await We({
 					authType: e,
-					credentials: F
-				}), P(!1), I({}), L(!1);
+					credentials: L
+				}), I(!1), R({}), z(!1);
 			} catch (e) {
 				console.error("[channel] Failed to create connection", e);
 			} finally {
-				M(null);
+				P(null);
 			}
 		}
 	}, Qe = async (e) => {
-		M("connection");
+		P("connection");
 		try {
-			await Ge(e, { credentials: F }), P(!1), I({}), L(!1);
+			await Ge(e, { credentials: L }), I(!1), R({}), z(!1);
 		} catch (e) {
 			console.error("[channel] Failed to update connection", e);
 		} finally {
-			M(null);
+			P(null);
 		}
 	}, $e = async (n) => {
-		e("medium"), M("delete-connection");
+		e("medium"), P("delete-connection");
 		try {
 			await Ke(n), t("success");
 		} catch (e) {
 			t("error"), console.error("[channel] Failed to delete connection", e);
 		} finally {
-			M(null);
+			P(null);
 		}
 	}, et = async (e) => {
-		M("test"), z(null);
+		P("test"), V(null);
 		try {
 			let t = await qe(e);
-			t && z({
+			t && V({
 				success: t.success,
-				message: t.message || (t.success ? k("channel.connectionTestSuccess", "Connection successful!") : k("channel.connectionTestFailed", "Connection failed"))
+				message: t.message || (t.success ? j("channel.connectionTestSuccess", "Connection successful!") : j("channel.connectionTestFailed", "Connection failed"))
 			});
 		} catch (e) {
-			console.error("[channel] Failed to test connection", e), z({
+			console.error("[channel] Failed to test connection", e), V({
 				success: !1,
-				message: k("channel.connectionTestRequestFailed", "Failed to test connection")
+				message: j("channel.connectionTestRequestFailed", "Failed to test connection")
 			});
 		} finally {
-			M(null);
+			P(null);
 		}
 	}, tt = async () => {
-		if (V.trim()) {
-			M("send-test"), K(null);
+		if (U.trim()) {
+			P("send-test"), J(null);
 			try {
-				let e = q?.platform === "EMAIL" ? {
-					subject: U,
-					html: `<p>${W}</p>`
-				} : void 0, t = await Je(V.trim(), W, e);
-				t && K({
+				let e = Y?.platform === "EMAIL" ? {
+					subject: G,
+					html: `<p>${K}</p>`
+				} : void 0, t = await Je(U.trim(), K, e);
+				t && J({
 					success: t.success,
 					messageId: t.messageId,
 					externalId: t.externalId,
@@ -203,8 +203,8 @@ function E() {
 					} : null
 				});
 			} catch (e) {
-				let t = e instanceof Error ? e.message : k("channel.sendTestNotificationFailed", "Failed to send test notification");
-				console.error("[channel] Failed to send test notification", e), K({
+				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({
 					success: !1,
 					error: {
 						code: "SEND_FAILED",
@@ -213,396 +213,450 @@ function E() {
 					}
 				});
 			} finally {
-				M(null);
+				P(null);
 			}
 		}
-	}, Y = (e) => {
+	}, nt = (e) => {
 		switch (e) {
-			case "EMAIL": return k("channel.recipientPlaceholder.email", "email@example.com");
-			case "SMS": return k("channel.recipientPlaceholder.phone", "+1234567890");
-			case "PUSH": return k("channel.recipientPlaceholder.deviceToken", "Device token");
-			case "SLACK": return k("channel.recipientPlaceholder.slack", "Channel ID or User ID");
-			case "TEAMS": return k("channel.recipientPlaceholder.channelId", "Channel ID");
-			case "DISCORD": return k("channel.recipientPlaceholder.channelId", "Channel ID");
-			case "WHATSAPP": return k("channel.recipientPlaceholder.phone", "+1234567890");
-			default: return k("channel.recipientPlaceholder.default", "Recipient");
+			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");
 		}
-	}, nt = (e) => {
+	}, rt = (e) => {
 		switch (e) {
-			case "EMAIL": return k("channel.recipientLabel.email", "Email Address");
+			case "EMAIL": return j("channel.recipientLabel.email", "Email Address");
 			case "SMS":
-			case "WHATSAPP": return k("channel.recipientLabel.phone", "Phone Number");
-			case "PUSH": return k("channel.recipientLabel.deviceToken", "Device Token");
+			case "WHATSAPP": return j("channel.recipientLabel.phone", "Phone Number");
+			case "PUSH": return j("channel.recipientLabel.deviceToken", "Device Token");
 			case "SLACK":
 			case "TEAMS":
-			case "DISCORD": return k("channel.recipientLabel.channelOrUserId", "Channel/User ID");
-			default: return k("channel.recipientLabel.default", "Recipient");
+			case "DISCORD": return j("channel.recipientLabel.channelOrUserId", "Channel/User ID");
+			default: return j("channel.recipientLabel.default", "Recipient");
 		}
-	}, rt = (e) => ({
-		...C[e] || {
+	}, it = (e) => ({
+		...w[e] || {
 			label: e,
 			color: "bg-bg-sunken text-text-secondary"
 		},
-		label: a(e, ne, k)
-	}), it = (e) => ({
-		...w[e] || w.INACTIVE,
-		label: a(e, re, k)
+		label: a(e, ne, j)
 	}), at = (e) => ({
-		...T[e] || T.UNKNOWN,
-		label: a(e, te, k)
+		...T[e] || T.INACTIVE,
+		label: a(e, re, j)
+	}), ot = (e) => ({
+		...E[e] || E.UNKNOWN,
+		label: a(e, te, j)
 	});
-	if (Ve) return /* @__PURE__ */ y("div", {
+	if (Ve) return /* @__PURE__ */ x("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ y(p, {
+		children: /* @__PURE__ */ x(p, {
 			size: 32,
 			className: "animate-spin text-accent-primary"
 		})
 	});
-	if (J || !q) return /* @__PURE__ */ y("div", {
+	if (X || !Y) return /* @__PURE__ */ x("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 			children: [
-				/* @__PURE__ */ y(s, {
+				/* @__PURE__ */ x(s, {
 					size: 20,
 					className: "text-status-error-text"
 				}),
-				/* @__PURE__ */ y("div", { children: /* @__PURE__ */ y("p", {
+				/* @__PURE__ */ x("div", { children: /* @__PURE__ */ x("p", {
 					className: "text-sm font-medium text-status-error-text",
-					children: J || k("channel.channelNotFound", "Channel not found")
+					children: X || j("channel.channelNotFound", "Channel not found")
 				}) }),
-				/* @__PURE__ */ y("button", {
+				/* @__PURE__ */ x("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: k("channel.goBack", "Go Back")
+					children: j("channel.goBack", "Go Back")
 				})
 			]
 		})
 	});
-	let X = rt(q.platform), Z = it(q.status), Q = at(q.connectionHealth), ot = Z.icon, st = Q.icon, $ = q.connection;
-	return /* @__PURE__ */ y(r, {
+	let st = it(Y.platform), Z = at(Y.status), Q = ot(Y.connectionHealth), ct = Z.icon, lt = Q.icon, $ = Y.connection;
+	return /* @__PURE__ */ x(r, {
 		permission: i.CHANNEL_READ,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ y("button", {
+						children: [/* @__PURE__ */ x("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__ */ y(ce, { size: 20 })
-						}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ x(ce, { size: 20 })
+						}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(_e, {
+							children: [/* @__PURE__ */ x(g, {
 								size: 24,
 								className: "text-accent-primary"
-							}), /* @__PURE__ */ y("h1", {
+							}), /* @__PURE__ */ x("h1", {
 								className: "text-xl sm:text-2xl font-bold text-text-primary",
-								children: q.name
+								children: Y.name
 							})]
-						}), q.description && /* @__PURE__ */ y("p", {
+						}), Y.description && /* @__PURE__ */ x("p", {
 							className: "text-sm text-text-secondary mt-1",
-							children: q.description
+							children: Y.description
 						})] })]
-					}), /* @__PURE__ */ y(De, {
-						primary: O ? {
-							label: k("channel.edit", "Edit"),
-							icon: /* @__PURE__ */ y(m, {
+					}), /* @__PURE__ */ x(Te, {
+						primary: k ? {
+							label: j("channel.edit", "Edit"),
+							icon: /* @__PURE__ */ x(m, {
 								size: 16,
 								"aria-hidden": "true"
 							}),
 							onSelect: () => f("./edit")
 						} : void 0,
 						actions: [
-							...Ne ? [{
-								label: k("channel.healthCheck", "Health Check"),
-								icon: j === "health" ? /* @__PURE__ */ y(p, {
+							...A ? [{
+								label: j("channel.healthCheck", "Health Check"),
+								icon: N === "health" ? /* @__PURE__ */ x(p, {
 									size: 16,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ y(g, {
+								}) : /* @__PURE__ */ x(_, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								disabled: j === "health",
+								disabled: N === "health",
 								onSelect: () => void Ye()
 							}] : [],
-							...O ? [{
-								label: q.status === "ACTIVE" ? k("channel.deactivate", "Deactivate") : k("channel.activate", "Activate"),
-								icon: j === "status" ? /* @__PURE__ */ y(p, {
+							...k ? [{
+								label: Y.status === "ACTIVE" ? j("channel.deactivate", "Deactivate") : j("channel.activate", "Activate"),
+								icon: N === "status" ? /* @__PURE__ */ x(p, {
 									size: 16,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : q.status === "ACTIVE" ? /* @__PURE__ */ y(h, {
+								}) : Y.status === "ACTIVE" ? /* @__PURE__ */ x(h, {
 									size: 16,
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ y(ge, {
+								}) : /* @__PURE__ */ x(ge, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								disabled: j === "status",
+								disabled: N === "status",
 								onSelect: () => void Xe()
 							}] : [],
 							{
-								label: k("channel.testChannel", "Test Channel"),
-								icon: /* @__PURE__ */ y(_, {
+								label: j("channel.testChannel", "Test Channel"),
+								icon: /* @__PURE__ */ x(v, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								disabled: !q.connection,
+								disabled: !Y.connection,
 								onSelect: () => {
-									B(!0), K(null), H("");
+									H(!0), J(null), W("");
 								}
 							}
 						]
 					})]
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x(Oe, {
+					icon: /* @__PURE__ */ x(g, {
+						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.")
+				}),
+				/* @__PURE__ */ x(De, {
+					storageKey: "channel-detail",
+					steps: [
+						...Y.connection ? A ? [{
+							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(_, {
+								size: 16,
+								"aria-hidden": "true"
+							}),
+							onClick: () => void Ye()
+						}] : [] : [{
+							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, {
+								size: 16,
+								"aria-hidden": "true"
+							}),
+							onClick: () => I(!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, {
+								size: 16,
+								"aria-hidden": "true"
+							}),
+							done: !Y.connection,
+							onClick: () => {
+								Y.connection && (H(!0), J(null), W(""));
+							}
+						},
+						{
+							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, {
+								size: 16,
+								"aria-hidden": "true"
+							}),
+							onClick: () => f("./deliveries")
+						}
+					]
+				}),
+				/* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ b(x, {
+						/* @__PURE__ */ S(C, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary mb-1",
-								children: k("channel.platform", "Platform")
-							}), /* @__PURE__ */ y("span", {
-								className: `inline-flex px-2 py-1 text-sm font-semibold rounded-full ${X.color}`,
-								children: X.label
+								children: j("channel.platform", "Platform")
+							}), /* @__PURE__ */ x("span", {
+								className: `inline-flex px-2 py-1 text-sm font-semibold rounded-full ${st.color}`,
+								children: st.label
 							})]
 						}),
-						/* @__PURE__ */ b(x, {
+						/* @__PURE__ */ S(C, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary mb-1",
-								children: k("channel.status", "Status")
-							}), /* @__PURE__ */ b("div", {
+								children: j("channel.status", "Status")
+							}), /* @__PURE__ */ S("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ y(ot, {
+								children: [/* @__PURE__ */ x(ct, {
 									size: 16,
 									className: Z.color.split(" ")[0]
-								}), /* @__PURE__ */ y("span", {
+								}), /* @__PURE__ */ x("span", {
 									className: `px-2 py-1 text-sm font-medium rounded-full ${Z.color}`,
 									children: Z.label
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b(x, {
+						/* @__PURE__ */ S(C, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
 							children: [
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary mb-1",
-									children: k("channel.connectionHealth", "Connection Health")
+									children: j("channel.connectionHealth", "Connection Health")
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ y(st, {
+									children: [/* @__PURE__ */ x(lt, {
 										size: 16,
 										className: Q.color
-									}), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ x("span", {
 										className: `text-sm font-medium ${Q.color}`,
 										children: Q.label
 									})]
 								}),
-								q.lastHealthCheckAt && /* @__PURE__ */ b("p", {
+								Y.lastHealthCheckAt && /* @__PURE__ */ S("p", {
 									className: "text-xs text-text-muted mt-1",
 									children: [
-										k("channel.lastCheck", "Last check"),
+										j("channel.lastCheck", "Last check"),
 										":",
 										" ",
-										new Date(q.lastHealthCheckAt).toLocaleString()
+										new Date(Y.lastHealthCheckAt).toLocaleString()
 									]
 								})
 							]
 						}),
-						/* @__PURE__ */ b(x, {
+						/* @__PURE__ */ S(C, {
 							treatment: "metric",
 							className: "p-4 border-border-seam",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary mb-1",
-								children: k("channel.connection", "Connection")
-							}), /* @__PURE__ */ b("div", {
+								children: j("channel.connection", "Connection")
+							}), /* @__PURE__ */ S("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ y(u, {
+								children: [/* @__PURE__ */ x(u, {
 									size: 16,
-									className: q.isConnected ? "text-status-success-text" : "text-text-secondary"
-								}), /* @__PURE__ */ y("span", {
-									className: `text-sm font-medium ${q.isConnected ? "text-status-success-text" : "text-text-secondary"}`,
-									children: q.isConnected ? k("channel.connected", "Connected") : k("channel.notConnected", "Not Connected")
+									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")
 								})]
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ b(Oe, {
+				/* @__PURE__ */ S(Ee, {
 					className: "p-4",
 					children: [
-						/* @__PURE__ */ y("h2", {
+						/* @__PURE__ */ x("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: k("channel.channelDetails", "Channel Details")
+							children: j("channel.channelDetails", "Channel Details")
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "grid gap-4 sm:grid-cols-2",
 							children: [
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
-									children: k("channel.adapterType", "Adapter Type")
-								}), /* @__PURE__ */ y("p", {
+									children: j("channel.adapterType", "Adapter Type")
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: q.adapterType?.replace(/_/g, " ") || k("channel.notConfigured", "Not configured")
+									children: Y.adapterType?.replace(/_/g, " ") || j("channel.notConfigured", "Not configured")
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
-									children: k("channel.priority", "Priority")
-								}), /* @__PURE__ */ y("p", {
+									children: j("channel.priority", "Priority")
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: q.priority
+									children: Y.priority
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
-									children: k("channel.consecutiveFailures", "Consecutive Failures")
-								}), /* @__PURE__ */ y("p", {
+									children: j("channel.consecutiveFailures", "Consecutive Failures")
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm font-medium text-text-primary tabular-nums",
-									children: q.consecutiveFailures
+									children: Y.consecutiveFailures
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
-									children: k("channel.messages24h", "Messages (24h)")
-								}), /* @__PURE__ */ y("p", {
+									children: j("channel.messages24h", "Messages (24h)")
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm font-medium text-text-primary tabular-nums",
-									children: q.messageCount24h
+									children: Y.messageCount24h
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
-									children: k("channel.createdAt", "Created At")
-								}), /* @__PURE__ */ y("p", {
+									children: j("channel.createdAt", "Created At")
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: new Date(q.createdAt).toLocaleString()
+									children: new Date(Y.createdAt).toLocaleString()
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
-									children: k("channel.updatedAt", "Updated At")
-								}), /* @__PURE__ */ y("p", {
+									children: j("channel.updatedAt", "Updated At")
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: new Date(q.updatedAt).toLocaleString()
+									children: new Date(Y.updatedAt).toLocaleString()
 								})] })
 							]
 						}),
-						q.tagAssignments && q.tagAssignments.length > 0 && /* @__PURE__ */ b("div", {
+						Y.tagAssignments && Y.tagAssignments.length > 0 && /* @__PURE__ */ S("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary mb-1.5",
-								children: k("channel.tags", "Tags")
-							}), /* @__PURE__ */ y("div", {
+								children: j("channel.tags", "Tags")
+							}), /* @__PURE__ */ x("div", {
 								className: "flex flex-wrap gap-1.5",
 								"aria-label": "Channel tags",
-								children: q.tagAssignments.map((e) => /* @__PURE__ */ y(Me, {
+								children: Y.tagAssignments.map((e) => /* @__PURE__ */ x(Ne, {
 									id: e.tagId,
 									label: e.tagId,
 									size: "md"
 								}, e.id))
 							})]
 						}),
-						q.healthCheckError && /* @__PURE__ */ b("div", {
+						Y.healthCheckError && /* @__PURE__ */ S("div", {
 							className: "mt-4 p-3 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-status-error-text font-medium",
-								children: k("channel.lastHealthCheckError", "Last Health Check Error")
-							}), /* @__PURE__ */ y("p", {
+								children: j("channel.lastHealthCheckError", "Last Health Check Error")
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-status-error-text",
-								children: q.healthCheckError
+								children: Y.healthCheckError
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "grid gap-3 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ b("button", {
+						/* @__PURE__ */ S("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__ */ y("div", {
+								/* @__PURE__ */ x("div", {
 									className: "p-2 bg-accent-orange/10 rounded-lg",
-									children: /* @__PURE__ */ y(be, {
+									children: /* @__PURE__ */ x(y, {
 										size: 18,
 										className: "text-accent-orange"
 									})
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ y("p", {
+									children: [/* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: k("channel.deliveryHistory", "Delivery History")
-									}), /* @__PURE__ */ y("p", {
+										children: j("channel.deliveryHistory", "Delivery History")
+									}), /* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary truncate",
-										children: k("channel.viewMessageDeliveries", "View message deliveries")
+										children: j("channel.viewMessageDeliveries", "View message deliveries")
 									})]
 								}),
-								/* @__PURE__ */ y(l, {
+								/* @__PURE__ */ x(l, {
 									size: 16,
 									className: "text-text-secondary shrink-0"
 								})
 							]
 						}),
-						/* @__PURE__ */ b("button", {
+						/* @__PURE__ */ S("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__ */ y("div", {
+								/* @__PURE__ */ x("div", {
 									className: "p-2 bg-accent-purple/10 rounded-lg",
-									children: /* @__PURE__ */ y(le, {
+									children: /* @__PURE__ */ x(le, {
 										size: 18,
 										className: "text-accent-purple"
 									})
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ y("p", {
+									children: [/* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: k("channel.webhookEvents", "Webhook Events")
-									}), /* @__PURE__ */ y("p", {
+										children: j("channel.webhookEvents", "Webhook Events")
+									}), /* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary truncate",
-										children: k("channel.viewIncomingWebhooks", "View incoming webhooks")
+										children: j("channel.viewIncomingWebhooks", "View incoming webhooks")
 									})]
 								}),
-								/* @__PURE__ */ y(l, {
+								/* @__PURE__ */ x(l, {
 									size: 16,
 									className: "text-text-secondary shrink-0"
 								})
 							]
 						}),
-						/* @__PURE__ */ b("button", {
+						/* @__PURE__ */ S("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__ */ y("div", {
+								/* @__PURE__ */ x("div", {
 									className: "p-2 bg-accent-blue/10 rounded-lg",
-									children: /* @__PURE__ */ y(xe, {
+									children: /* @__PURE__ */ x(ye, {
 										size: 18,
 										className: "text-accent-blue"
 									})
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ y("p", {
+									children: [/* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: k("channel.channelUsers", "Channel Users")
-									}), /* @__PURE__ */ y("p", {
+										children: j("channel.channelUsers", "Channel Users")
+									}), /* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary truncate",
-										children: k("channel.viewConnectedUsers", "View connected users")
+										children: j("channel.viewConnectedUsers", "View connected users")
 									})]
 								}),
-								/* @__PURE__ */ y(l, {
+								/* @__PURE__ */ x(l, {
 									size: 16,
 									className: "text-text-secondary shrink-0"
 								})
@@ -610,359 +664,359 @@ function E() {
 						})
 					]
 				}),
-				/* @__PURE__ */ b(x, {
+				/* @__PURE__ */ S(C, {
 					treatment: "plain",
 					className: "p-4 border-border-seam",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ S("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ y(ue, {
+								children: [/* @__PURE__ */ x(ue, {
 									size: 20,
 									className: "text-accent-primary"
-								}), /* @__PURE__ */ y("h2", {
+								}), /* @__PURE__ */ x("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: k("channel.connectionAndCredentials", "Connection & Credentials")
+									children: j("channel.connectionAndCredentials", "Connection & Credentials")
 								})]
-							}), Pe && !$ && !N && /* @__PURE__ */ b("button", {
+							}), Pe && !$ && !F && /* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => P(!0),
+								onClick: () => I(!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__ */ y(he, { size: 16 }), k("channel.addCredentials", "Add Credentials")]
+								children: [/* @__PURE__ */ x(he, { size: 16 }), j("channel.addCredentials", "Add Credentials")]
 							})]
 						}),
-						$ && !N && /* @__PURE__ */ b("div", {
+						$ && !F && /* @__PURE__ */ S("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
-											children: k("channel.authType", "Auth Type")
-										}), /* @__PURE__ */ y("p", {
+											children: j("channel.authType", "Auth Type")
+										}), /* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: a($.authType, ee, k)
+											children: a($.authType, ee, j)
 										})] }),
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
-											children: k("channel.status", "Status")
-										}), /* @__PURE__ */ b("div", {
+											children: j("channel.status", "Status")
+										}), /* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2",
-											children: [$.isHealthy ? /* @__PURE__ */ y(d, {
+											children: [$.isHealthy ? /* @__PURE__ */ x(d, {
 												size: 14,
 												className: "text-status-success-text"
-											}) : /* @__PURE__ */ y(v, {
+											}) : /* @__PURE__ */ x(b, {
 												size: 14,
 												className: "text-status-error-text"
-											}), /* @__PURE__ */ y("span", {
+											}), /* @__PURE__ */ x("span", {
 												className: `text-sm font-medium ${$.isHealthy ? "text-status-success-text" : "text-status-error-text"}`,
-												children: $.isHealthy ? k("channel.healthy", "Healthy") : k("channel.unhealthy", "Unhealthy")
+												children: $.isHealthy ? j("channel.healthy", "Healthy") : j("channel.unhealthy", "Unhealthy")
 											})]
 										})] }),
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
-											children: k("channel.lastTested", "Last Tested")
-										}), /* @__PURE__ */ y("p", {
+											children: j("channel.lastTested", "Last Tested")
+										}), /* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: $.lastTestedAt ? new Date($.lastTestedAt).toLocaleString() : k("channel.never", "Never")
+											children: $.lastTestedAt ? new Date($.lastTestedAt).toLocaleString() : j("channel.never", "Never")
 										})] }),
-										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
-											children: k("channel.testStatus", "Test Status")
-										}), /* @__PURE__ */ y("p", {
+											children: j("channel.testStatus", "Test Status")
+										}), /* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: $.testStatus || k("channel.notTested", "Not tested")
+											children: $.testStatus || j("channel.notTested", "Not tested")
 										})] }),
-										$.tokenExpiresAt && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										$.tokenExpiresAt && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
-											children: k("channel.tokenExpires", "Token Expires")
-										}), /* @__PURE__ */ b("p", {
+											children: j("channel.tokenExpires", "Token Expires")
+										}), /* @__PURE__ */ S("p", {
 											className: `text-sm font-medium ${$.needsTokenRefresh ? "text-status-warning-text" : "text-text-primary"}`,
-											children: [new Date($.tokenExpiresAt).toLocaleString(), $.daysUntilExpiry !== void 0 && /* @__PURE__ */ b("span", {
+											children: [new Date($.tokenExpiresAt).toLocaleString(), $.daysUntilExpiry !== void 0 && /* @__PURE__ */ S("span", {
 												className: "text-xs text-text-secondary ml-1",
 												children: [
 													"(",
 													$.daysUntilExpiry,
 													" ",
-													k("channel.days", "days"),
+													j("channel.days", "days"),
 													")"
 												]
 											})]
 										})] })
 									]
 								}),
-								R && /* @__PURE__ */ y("div", {
-									className: `p-3 rounded-lg ${R.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
-									children: /* @__PURE__ */ b("div", {
+								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", {
 										className: "flex items-center gap-2",
-										children: [R.success ? /* @__PURE__ */ y(d, {
+										children: [B.success ? /* @__PURE__ */ x(d, {
 											size: 16,
 											className: "text-status-success-text"
-										}) : /* @__PURE__ */ y(v, {
+										}) : /* @__PURE__ */ x(b, {
 											size: 16,
 											className: "text-status-error-text"
-										}), /* @__PURE__ */ y("p", {
-											className: `text-sm font-medium ${R.success ? "text-status-success-text" : "text-status-error-text"}`,
-											children: R.message
+										}), /* @__PURE__ */ x("p", {
+											className: `text-sm font-medium ${B.success ? "text-status-success-text" : "text-status-error-text"}`,
+											children: B.message
 										})]
 									})
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2 pt-2",
 									children: [
-										/* @__PURE__ */ y(r, {
+										/* @__PURE__ */ x(r, {
 											permission: i.CHANNEL_CONNECTION_UPDATE,
-											children: /* @__PURE__ */ b("button", {
+											children: /* @__PURE__ */ S("button", {
 												type: "button",
 												onClick: () => et($.id),
-												disabled: j === "test",
+												disabled: N === "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: [j === "test" ? /* @__PURE__ */ y(p, {
+												children: [N === "test" ? /* @__PURE__ */ x(p, {
 													size: 16,
 													className: "animate-spin"
-												}) : /* @__PURE__ */ y(me, { size: 16 }), k("channel.testConnection", "Test Connection")]
+												}) : /* @__PURE__ */ x(me, { size: 16 }), j("channel.testConnection", "Test Connection")]
 											})
 										}),
-										Fe && /* @__PURE__ */ b("button", {
+										Fe && /* @__PURE__ */ S("button", {
 											type: "button",
 											onClick: () => {
-												P(!0), I($?.platformMetadata ?? {});
+												I(!0), R($?.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__ */ y(m, { size: 16 }), k("channel.updateCredentials", "Update Credentials")]
+											children: [/* @__PURE__ */ x(m, { size: 16 }), j("channel.updateCredentials", "Update Credentials")]
 										}),
-										/* @__PURE__ */ y(r, {
+										/* @__PURE__ */ x(r, {
 											permission: i.CHANNEL_CONNECTION_DELETE,
-											children: /* @__PURE__ */ b("button", {
+											children: /* @__PURE__ */ S("button", {
 												type: "button",
 												onClick: () => $e($.id),
-												disabled: j === "delete-connection",
+												disabled: N === "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: [j === "delete-connection" ? /* @__PURE__ */ y(p, {
+												children: [N === "delete-connection" ? /* @__PURE__ */ x(p, {
 													size: 16,
 													className: "animate-spin"
-												}) : /* @__PURE__ */ y(ye, { size: 16 }), k("channel.remove", "Remove")]
+												}) : /* @__PURE__ */ x(ve, { size: 16 }), j("channel.remove", "Remove")]
 											})
 										})
 									]
 								})
 							]
 						}),
-						!$ && !N && /* @__PURE__ */ b("div", {
+						!$ && !F && /* @__PURE__ */ S("div", {
 							className: "text-center py-8",
 							children: [
-								/* @__PURE__ */ y(u, {
+								/* @__PURE__ */ x(u, {
 									size: 32,
 									className: "mx-auto text-text-secondary mb-3"
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ x("p", {
 									className: "text-sm text-text-secondary mb-2",
-									children: k("channel.noCredentialsConfigured", "No credentials configured for this channel")
+									children: j("channel.noCredentialsConfigured", "No credentials configured for this channel")
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
-									children: k("channel.addCredentialsHint", "Add credentials to enable message delivery through this channel")
+									children: j("channel.addCredentialsHint", "Add credentials to enable message delivery through this channel")
 								})
 							]
 						}),
-						N && /* @__PURE__ */ b("div", {
+						F && /* @__PURE__ */ S("div", {
 							className: "space-y-4",
 							children: [
-								!q.adapterType && /* @__PURE__ */ y("div", {
+								!Y.adapterType && /* @__PURE__ */ x("div", {
 									className: "p-3 bg-accent-orange/10 border border-accent-orange/30 rounded-lg",
-									children: /* @__PURE__ */ b("div", {
+									children: /* @__PURE__ */ S("div", {
 										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ y(s, {
+										children: [/* @__PURE__ */ x(s, {
 											size: 16,
 											className: "text-accent-orange mt-0.5"
-										}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-accent-orange",
-											children: k("channel.noAdapterTypeConfigured", "No adapter type configured")
-										}), /* @__PURE__ */ y("p", {
+											children: j("channel.noAdapterTypeConfigured", "No adapter type configured")
+										}), /* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: k("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: 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.")
 										})] })]
 									})
 								}),
-								/* @__PURE__ */ y(ie, {
-									adapterType: q.adapterType ?? void 0,
-									credentials: F,
-									onChange: I,
-									onValidationChange: (e) => L(e),
-									disabled: j === "connection"
+								/* @__PURE__ */ x(ie, {
+									adapterType: Y.adapterType ?? void 0,
+									credentials: L,
+									onChange: R,
+									onValidationChange: (e) => z(e),
+									disabled: N === "connection"
 								}),
-								q.adapterType && /* @__PURE__ */ y("div", {
+								Y.adapterType && /* @__PURE__ */ x("div", {
 									className: "pt-2",
-									children: /* @__PURE__ */ y(ae, {
-										adapterType: q.adapterType,
-										credentials: F
+									children: /* @__PURE__ */ x(ae, {
+										adapterType: Y.adapterType,
+										credentials: L
 									})
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2 pt-2 border-t border-border-subtle",
-									children: [/* @__PURE__ */ y(r, {
+									children: [/* @__PURE__ */ x(r, {
 										permission: i.CHANNEL_CONNECTION_UPDATE,
-										children: /* @__PURE__ */ b("button", {
+										children: /* @__PURE__ */ S("button", {
 											type: "button",
 											onClick: () => {
 												$ ? Qe($.id) : Ze();
 											},
-											disabled: j === "connection" || !Le && !!q.adapterType,
+											disabled: N === "connection" || !Le && !!Y.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: [j === "connection" ? /* @__PURE__ */ y(p, {
+											children: [N === "connection" ? /* @__PURE__ */ x(p, {
 												size: 16,
 												className: "animate-spin"
-											}) : /* @__PURE__ */ y(ve, { size: 16 }), $ ? k("channel.updateCredentials", "Update Credentials") : k("channel.saveCredentials", "Save Credentials")]
+											}) : /* @__PURE__ */ x(_e, { size: 16 }), $ ? j("channel.updateCredentials", "Update Credentials") : j("channel.saveCredentials", "Save Credentials")]
 										})
-									}), /* @__PURE__ */ b("button", {
+									}), /* @__PURE__ */ S("button", {
 										type: "button",
 										onClick: () => {
-											P(!1), I({}), L(!1);
+											I(!1), R({}), z(!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__ */ y(Se, { size: 16 }), k("channel.cancel", "Cancel")]
+										children: [/* @__PURE__ */ x(be, { size: 16 }), j("channel.cancel", "Cancel")]
 									})]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ y(ke, {
+				/* @__PURE__ */ x(ke, {
 					open: Re,
 					onOpenChange: (e) => {
-						e || B(!1);
+						e || H(!1);
 					},
-					children: /* @__PURE__ */ b(Ae, {
+					children: /* @__PURE__ */ S(Ae, {
 						className: "sm:max-w-md",
-						children: [/* @__PURE__ */ y(je, { children: /* @__PURE__ */ b(S, {
+						children: [/* @__PURE__ */ x(je, { children: /* @__PURE__ */ S(Me, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ y(_, {
+								/* @__PURE__ */ x(v, {
 									size: 20,
 									className: "text-accent-primary"
 								}),
 								"Test ",
-								C[q.platform]?.label || q.platform,
+								w[Y.platform]?.label || Y.platform,
 								" Channel"
 							]
-						}) }), /* @__PURE__ */ b("div", {
+						}) }), /* @__PURE__ */ S("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: [
-										nt(q.platform),
+										rt(Y.platform),
 										" ",
-										/* @__PURE__ */ y("span", {
+										/* @__PURE__ */ x("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})
 									]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ y("input", {
-										"aria-label": Y(q.platform),
+									children: [/* @__PURE__ */ x("input", {
+										"aria-label": nt(Y.platform),
 										type: "text",
-										value: V,
-										onChange: (e) => H(e.target.value),
-										placeholder: Y(q.platform),
+										value: U,
+										onChange: (e) => W(e.target.value),
+										placeholder: nt(Y.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__ */ y("div", {
+									}), /* @__PURE__ */ x("div", {
 										className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
-										children: q.platform === "EMAIL" ? /* @__PURE__ */ y(de, { size: 16 }) : q.platform === "SMS" || q.platform === "WHATSAPP" ? /* @__PURE__ */ y(pe, { size: 16 }) : /* @__PURE__ */ y(fe, { size: 16 })
+										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 })
 									})]
 								})] }),
-								q.platform === "EMAIL" && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								Y.platform === "EMAIL" && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									htmlFor: "channel-details-test-subject",
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Subject"
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ x("input", {
 									id: "channel-details-test-subject",
 									"aria-label": "Email subject",
 									type: "text",
-									value: U,
+									value: G,
 									onChange: (e) => ze(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__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									htmlFor: "channel-details-test-message",
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Message"
-								}), /* @__PURE__ */ y("textarea", {
+								}), /* @__PURE__ */ x("textarea", {
 									id: "channel-details-test-message",
 									"aria-label": "Test message content",
-									value: W,
+									value: K,
 									onChange: (e) => Be(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"
 								})] }),
-								G && /* @__PURE__ */ y("div", {
-									className: `p-3 rounded-lg ${G.success ? "bg-status-success-bg-subtle border border-status-success-border" : "bg-status-error-bg-subtle border border-status-error-border"}`,
-									children: /* @__PURE__ */ b("div", {
+								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", {
 										className: "flex items-start gap-2",
-										children: [G.success ? /* @__PURE__ */ y(d, {
+										children: [q.success ? /* @__PURE__ */ x(d, {
 											size: 16,
 											className: "text-status-success-text mt-0.5"
-										}) : /* @__PURE__ */ y(v, {
+										}) : /* @__PURE__ */ x(b, {
 											size: 16,
 											className: "text-status-error-text mt-0.5"
-										}), /* @__PURE__ */ b("div", {
+										}), /* @__PURE__ */ S("div", {
 											className: "flex-1",
 											children: [
-												/* @__PURE__ */ y("p", {
-													className: `text-sm font-medium ${G.success ? "text-status-success-text" : "text-status-error-text"}`,
-													children: G.success ? k("channel.messageSentSuccess", "Message sent successfully!") : k("channel.messageSendFailed", "Failed to send message")
+												/* @__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")
 												}),
-												G.messageId && /* @__PURE__ */ b("p", {
+												q.messageId && /* @__PURE__ */ S("p", {
 													className: "text-xs text-success-600 mt-1",
-													children: ["Message ID: ", G.messageId]
+													children: ["Message ID: ", q.messageId]
 												}),
-												G.externalId && /* @__PURE__ */ b("p", {
+												q.externalId && /* @__PURE__ */ S("p", {
 													className: "text-xs text-text-secondary mt-1",
-													children: ["External ID: ", G.externalId]
+													children: ["External ID: ", q.externalId]
 												}),
-												G.status && /* @__PURE__ */ b("p", {
+												q.status && /* @__PURE__ */ S("p", {
 													className: "text-xs text-text-secondary mt-1",
-													children: ["Status: ", G.status]
+													children: ["Status: ", q.status]
 												}),
-												G.error && /* @__PURE__ */ b("p", {
+												q.error && /* @__PURE__ */ S("p", {
 													className: "text-xs text-status-error-text mt-1",
-													children: [G.error.message, G.error.retryable && /* @__PURE__ */ y("span", {
+													children: [q.error.message, q.error.retryable && /* @__PURE__ */ x("span", {
 														className: "text-warning-600 ml-1",
 														children: "(will retry)"
 													})]
 												}),
-												G.sentAt && /* @__PURE__ */ b("p", {
+												q.sentAt && /* @__PURE__ */ S("p", {
 													className: "text-xs text-text-secondary mt-1",
-													children: ["Sent at: ", new Date(G.sentAt).toLocaleString()]
+													children: ["Sent at: ", new Date(q.sentAt).toLocaleString()]
 												})
 											]
 										})]
 									})
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2 pt-2",
-									children: [/* @__PURE__ */ y(r, {
+									children: [/* @__PURE__ */ x(r, {
 										permission: i.CHANNEL_DELIVERY_SEND,
-										children: /* @__PURE__ */ b("button", {
+										children: /* @__PURE__ */ S("button", {
 											type: "button",
 											onClick: tt,
-											disabled: j === "send-test" || !V.trim(),
+											disabled: N === "send-test" || !U.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: [j === "send-test" ? /* @__PURE__ */ y(p, {
+											children: [N === "send-test" ? /* @__PURE__ */ x(p, {
 												size: 16,
 												className: "animate-spin"
-											}) : /* @__PURE__ */ y(_, { size: 16 }), k("channel.sendTest", "Send Test")]
+											}) : /* @__PURE__ */ x(v, { size: 16 }), j("channel.sendTest", "Send Test")]
 										})
-									}), /* @__PURE__ */ y("button", {
+									}), /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: () => B(!1),
+										onClick: () => H(!1),
 										className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-										children: k("channel.close", "Close")
+										children: j("channel.close", "Close")
 									})]
 								})
 							]
@@ -974,6 +1028,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as ChannelDetailsPage };
+export { D as ChannelDetailsPage };
 
 //# sourceMappingURL=ChannelDetailsPage.js.map