@burdenoff/microfe-channel 2026.520.1 → 2026.520.2

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

@@ -6,13 +6,13 @@ import { useChannels as o } from "../../../hooks/useChannels.js";
 import { PermissionGuard as s } from "../../../components/PermissionGuard.js";
 import { CHANNEL_PERMISSIONS as c } from "../../../constants/permissions.js";
 import { HEALTH_I18N as ee, PLATFORM_I18N as te, STATUS_I18N as ne, translateLabel as l } from "../i18n.js";
-import { useCallback as u, useEffect as d, useMemo as re, useState as f } from "react";
-import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Activity as p, AlertCircle as m, AlertTriangle as h, Cable as g, CheckCircle2 as _, Eye as ae, HelpCircle as v, LayoutDashboard as y, Loader2 as b, MessageSquare as oe, Plus as x, Power as S, PowerOff as C, Radio as w, RefreshCw as T, Search as se, ShieldCheck as ce, Trash2 as le, XCircle as E } from "lucide-react";
-import { useNavigate as ue } from "react-router-dom";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useCallback as u, useEffect as d, useMemo as re, useRef as ie, useState as f } from "react";
+import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as p, AlertCircle as m, AlertTriangle as h, Cable as g, CheckCircle2 as _, Eye as oe, HelpCircle as v, LayoutDashboard as se, Loader2 as y, MessageSquare as b, Plus as x, Power as ce, PowerOff as S, Radio as C, RefreshCw as w, Search as le, ShieldCheck as ue, Trash2 as de, XCircle as T } from "lucide-react";
+import { useNavigate as fe } from "react-router-dom";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/channel/modules/channels/pages/ChannelDashboardPage.tsx
-var k = {
+var O = {
 	EMAIL: {
 		label: "Email",
 		color: "bg-accent-blue-subtle text-accent-blue"
@@ -53,10 +53,10 @@ var k = {
 		label: "Webchat",
 		color: "bg-accent-teal-subtle text-accent-teal"
 	}
-}, A = {
+}, k = {
 	ACTIVE: {
 		label: "Active",
-		dotColor: "bg-success-500",
+		dotColor: "bg-status-success-bg",
 		textColor: "text-status-success-text",
 		icon: _
 	},
@@ -64,17 +64,17 @@ var k = {
 		label: "Inactive",
 		dotColor: "bg-text-tertiary",
 		textColor: "text-muted-foreground",
-		icon: C
+		icon: S
 	},
 	ERROR: {
 		label: "Error",
 		dotColor: "bg-status-error-bg-subtle",
 		textColor: "text-status-error-text",
-		icon: E
+		icon: T
 	},
 	SUSPENDED: {
 		label: "Suspended",
-		dotColor: "bg-warning-500",
+		dotColor: "bg-status-warning-bg",
 		textColor: "text-status-warning-text",
 		icon: h
 	},
@@ -82,9 +82,9 @@ var k = {
 		label: "Archived",
 		dotColor: "bg-text-tertiary",
 		textColor: "text-muted-foreground",
-		icon: C
+		icon: S
 	}
-}, j = {
+}, A = {
 	HEALTHY: {
 		label: "Healthy",
 		color: "text-status-success-text",
@@ -98,7 +98,7 @@ var k = {
 	UNHEALTHY: {
 		label: "Unhealthy",
 		color: "text-status-error-text",
-		icon: E
+		icon: T
 	},
 	UNKNOWN: {
 		label: "Unknown",
@@ -106,7 +106,7 @@ var k = {
 		icon: v
 	}
 };
-function de(e) {
+function pe(e) {
 	let t = Date.now() - new Date(e).getTime();
 	if (Number.isNaN(t) || t < 0) return "just now";
 	let n = Math.floor(t / 1e3);
@@ -118,58 +118,60 @@ function de(e) {
 	let a = Math.floor(i / 24);
 	return a < 7 ? `${a}d ago` : a < 30 ? `${Math.floor(a / 7)}w ago` : `${Math.floor(a / 30)}mo ago`;
 }
-function M({ icon: e, iconClass: t, value: n, label: r, sub: i }) {
-	return /* @__PURE__ */ O("div", {
+function j({ icon: e, iconClass: t, value: n, label: r, sub: i }) {
+	return /* @__PURE__ */ D("div", {
 		className: "p-4 bg-surface border border-border rounded-lg",
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ D("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ E("div", {
 				className: "p-2 rounded-lg hover:bg-action-primary-bg/10",
-				children: /* @__PURE__ */ D(e, {
+				children: /* @__PURE__ */ E(e, {
 					size: 18,
 					className: t
 				})
-			}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+			}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 				className: "text-2xl font-bold text-foreground leading-tight",
 				children: n
-			}), /* @__PURE__ */ D("p", {
+			}), /* @__PURE__ */ E("p", {
 				className: "text-xs text-muted-foreground",
 				children: r
 			})] })]
-		}), i && /* @__PURE__ */ D("p", {
+		}), i && /* @__PURE__ */ E("p", {
 			className: "text-[11px] text-muted-foreground mt-2 pl-11",
 			children: i
 		})]
 	});
 }
-function N() {
-	let h = ue(), { t: _ } = ie(), v = (e, t) => {
+function M() {
+	let h = fe(), { t: _ } = ae(), v = (e, t) => {
 		let n = _(e);
 		return n === e ? t : n;
-	}, [E, N] = f(null), [fe, P] = f(null), [F, I] = f(0), L = (e) => ({
-		...k[e] ?? {
+	}, [T, M] = f(null), [me, N] = f(null), [P, F] = f(0), I = (e) => ({
+		...O[e] ?? {
 			label: e,
 			color: "bg-bg-sunken text-text-tertiary"
 		},
 		label: l(e, te, v)
-	}), R = (e) => ({
-		...A[e] ?? A.INACTIVE,
+	}), L = (e) => ({
+		...k[e] ?? k.INACTIVE,
 		label: l(e, ne, v)
-	}), z = (e) => ({
-		...j[e] ?? j.UNKNOWN,
+	}), R = (e) => ({
+		...A[e] ?? A.UNKNOWN,
 		label: l(e, ee, v)
-	}), { channels: B, isLoading: V, error: H, total: U, filter: W, updateFilter: G, deleteChannel: K, activateChannel: q, deactivateChannel: J, runHealthCheck: Y, refetch: X } = o(), Z = Math.max(1, Math.ceil(U / 10));
+	}), { channels: z, isLoading: B, error: V, total: H, filter: U, updateFilter: W, deleteChannel: G, activateChannel: K, deactivateChannel: q, runHealthCheck: J, refetch: Y } = o(), X = Math.max(1, Math.ceil(H / 10)), Z = ie(Y);
 	d(() => {
-		X({
-			offset: F * 10,
+		Z.current = Y;
+	}), d(() => {
+		Z.current({
+			offset: P * 10,
 			limit: 10
 		});
-	}, [F]), d(() => {
-		Promise.resolve().then(() => I(0));
+	}, [P, 10]), d(() => {
+		Promise.resolve().then(() => F(0));
 	}, [
-		W.search,
-		W.platform,
-		W.status
+		U.search,
+		U.platform,
+		U.status
 	]);
 	let { organizationId: Q } = e();
 	a({
@@ -177,8 +179,8 @@ function N() {
 		variables: { organizationId: Q },
 		operationName: "ChannelHealthChanged",
 		enabled: !!Q,
-		onData: () => void X(),
-		pollFn: X,
+		onData: () => void Y(),
+		pollFn: Y,
 		pollIntervalMs: 6e4
 	}), d(() => {
 		let e = [
@@ -190,12 +192,12 @@ function N() {
 			"connection.deleted",
 			"delivery.completed",
 			"webhook.received"
-		].map((e) => r(e, () => void X()));
+		].map((e) => r(e, () => void Y()));
 		return () => e.forEach((e) => e());
-	}, [X]);
+	}, [Y]);
 	let $ = re(() => {
 		let e = 0, t = 0, n = 0, r = 0, i = 0, a = 0;
-		for (let o of B) o.status === "ACTIVE" && e++, o.status === "ERROR" && i++, o.connectionHealth === "HEALTHY" && t++, o.connectionHealth === "UNHEALTHY" && a++, o.isConnected && n++, r += o.messageCount24h ?? 0;
+		for (let o of z) o.status === "ACTIVE" && e++, o.status === "ERROR" && i++, o.connectionHealth === "HEALTHY" && t++, o.connectionHealth === "UNHEALTHY" && a++, o.isConnected && n++, r += o.messageCount24h ?? 0;
 		return {
 			active: e,
 			healthy: t,
@@ -204,108 +206,108 @@ function N() {
 			errored: i,
 			unhealthy: a
 		};
-	}, [B]), pe = u(async (e) => {
-		t("medium"), P(e);
+	}, [z]), he = u(async (e) => {
+		t("medium"), N(e);
 		try {
-			await K(e), n("success"), N(null);
+			await G(e), n("success"), M(null);
 		} catch (e) {
 			throw n("error"), e;
 		} finally {
-			P(null);
+			N(null);
 		}
-	}, [K]), me = u(async (e) => {
-		P(e.id);
+	}, [G]), ge = u(async (e) => {
+		N(e.id);
 		try {
-			e.status === "ACTIVE" ? await J(e.id) : await q(e.id);
+			e.status === "ACTIVE" ? await q(e.id) : await K(e.id);
 		} finally {
-			P(null);
+			N(null);
 		}
-	}, [q, J]), he = u(async (e) => {
-		P(e);
+	}, [K, q]), _e = u(async (e) => {
+		N(e);
 		try {
-			await Y(e);
+			await J(e);
 		} finally {
-			P(null);
+			N(null);
 		}
-	}, [Y]);
-	return /* @__PURE__ */ D(s, {
+	}, [J]);
+	return /* @__PURE__ */ E(s, {
 		permission: c.CHANNEL_READ,
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "space-y-5 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ D("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ E("div", {
 							className: "p-2 rounded-lg bg-accent-primary/10",
-							children: /* @__PURE__ */ D(y, {
+							children: /* @__PURE__ */ E(se, {
 								size: 20,
 								className: "text-accent-primary"
 							})
-						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
+						}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
 							className: "text-xl font-bold text-foreground",
 							children: v("channel.channelDashboard", "Channel Dashboard")
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "text-sm text-muted-foreground",
 							children: v("channel.dashboardSubtitle", "Manage and monitor your communication channels")
 						})] })]
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ D("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ O("button", {
-							onClick: () => X(),
+						children: [/* @__PURE__ */ D("button", {
+							onClick: () => Y(),
 							className: "inline-flex items-center gap-1.5 px-3 py-2 text-sm text-muted-foreground hover:text-foreground border border-border rounded-lg hover:hover:bg-action-primary-bg/10 transition-colors",
-							children: [/* @__PURE__ */ D(T, { size: 14 }), v("channel.refresh", "Refresh")]
-						}), /* @__PURE__ */ O("button", {
+							children: [/* @__PURE__ */ E(w, { size: 14 }), v("channel.refresh", "Refresh")]
+						}), /* @__PURE__ */ D("button", {
 							onClick: () => h("/channels/create"),
 							className: "inline-flex items-center gap-1.5 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",
-							children: [/* @__PURE__ */ D(x, { size: 14 }), v("channel.createChannel", "Create Channel")]
+							children: [/* @__PURE__ */ E(x, { size: 14 }), v("channel.createChannel", "Create Channel")]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ D("div", {
 					className: "grid gap-3 grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ D(M, {
-							icon: w,
+						/* @__PURE__ */ E(j, {
+							icon: C,
 							iconClass: "text-accent-primary",
-							value: U,
+							value: H,
 							label: v("channel.totalChannels", "Total Channels"),
-							sub: $.active > 0 ? `${$.active} ${v("channel.status.active", "Active").toLowerCase()}, ${U - $.active} ${v("channel.status.inactive", "Inactive").toLowerCase()}` : void 0
+							sub: $.active > 0 ? `${$.active} ${v("channel.status.active", "Active").toLowerCase()}, ${H - $.active} ${v("channel.status.inactive", "Inactive").toLowerCase()}` : void 0
 						}),
-						/* @__PURE__ */ D(M, {
-							icon: ce,
+						/* @__PURE__ */ E(j, {
+							icon: ue,
 							iconClass: "text-status-success-text",
 							value: $.healthy,
 							label: v("channel.healthy", "Healthy"),
-							sub: $.unhealthy > 0 ? `${$.unhealthy} ${v("channel.health.unhealthy", "Unhealthy").toLowerCase()}` : U > 0 ? v("channel.allSystemsNominal", "All systems nominal") : void 0
+							sub: $.unhealthy > 0 ? `${$.unhealthy} ${v("channel.health.unhealthy", "Unhealthy").toLowerCase()}` : H > 0 ? v("channel.allSystemsNominal", "All systems nominal") : void 0
 						}),
-						/* @__PURE__ */ D(M, {
+						/* @__PURE__ */ E(j, {
 							icon: g,
 							iconClass: "text-accent-blue",
 							value: $.connected,
 							label: v("channel.connected", "Connected"),
-							sub: U > 0 ? `${U - $.connected} ${v("channel.disconnected", "Disconnected").toLowerCase()}` : void 0
+							sub: H > 0 ? `${H - $.connected} ${v("channel.disconnected", "Disconnected").toLowerCase()}` : void 0
 						}),
-						/* @__PURE__ */ D(M, {
-							icon: oe,
+						/* @__PURE__ */ E(j, {
+							icon: b,
 							iconClass: "text-accent-violet",
 							value: $.messages24h.toLocaleString(),
 							label: v("channel.messages24h", "Messages (24h)")
 						})
 					]
 				}),
-				$.errored > 0 && /* @__PURE__ */ O("div", {
+				$.errored > 0 && /* @__PURE__ */ D("div", {
 					className: "flex items-center gap-3 p-3 border border-status-error-border/30 bg-status-error-bg-subtle rounded-lg",
 					children: [
-						/* @__PURE__ */ D(m, {
+						/* @__PURE__ */ E(m, {
 							size: 16,
 							className: "text-status-error-text shrink-0"
 						}),
-						/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ D("p", {
 							className: "text-sm text-status-error-text",
 							children: [
-								/* @__PURE__ */ D("span", {
+								/* @__PURE__ */ E("span", {
 									className: "font-semibold",
 									children: $.errored
 								}),
@@ -313,278 +315,278 @@ function N() {
 								v($.errored === 1 ? "channel.errorStateSummarySingle" : "channel.errorStateSummaryMultiple", $.errored === 1 ? "channel in error state" : "channels in error state")
 							]
 						}),
-						/* @__PURE__ */ D("button", {
-							onClick: () => G({ status: "ERROR" }),
+						/* @__PURE__ */ E("button", {
+							onClick: () => W({ status: "ERROR" }),
 							className: "ml-auto text-xs font-medium text-status-error-text hover:text-status-error-text/80 transition-colors",
 							children: v("channel.showErrors", "Show errors")
 						})
 					]
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ D("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center",
 					children: [
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ D("div", {
 							className: "relative flex-1",
-							children: [/* @__PURE__ */ D(se, {
+							children: [/* @__PURE__ */ E(le, {
 								size: 14,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-							}), /* @__PURE__ */ D("input", {
+							}), /* @__PURE__ */ E("input", {
 								type: "text",
 								placeholder: v("channel.searchChannels", "Search channels..."),
-								value: W.search || "",
-								onChange: (e) => G({ search: e.target.value }),
+								value: U.search || "",
+								onChange: (e) => W({ search: e.target.value }),
 								className: "w-full pl-9 pr-4 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500/50 placeholder:text-muted-foreground"
 							})]
 						}),
-						/* @__PURE__ */ O("select", {
-							value: W.platform || "",
-							onChange: (e) => G({ platform: e.target.value || void 0 }),
+						/* @__PURE__ */ D("select", {
+							value: U.platform || "",
+							onChange: (e) => W({ platform: e.target.value || void 0 }),
 							className: "px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500/50 text-foreground",
-							children: [/* @__PURE__ */ D("option", {
+							children: [/* @__PURE__ */ E("option", {
 								value: "",
 								children: v("channel.allPlatforms", "All Platforms")
-							}), Object.entries(k).map(([e, t]) => /* @__PURE__ */ D("option", {
+							}), Object.entries(O).map(([e, t]) => /* @__PURE__ */ E("option", {
 								value: e,
 								children: t.label
 							}, e))]
 						}),
-						/* @__PURE__ */ O("select", {
-							value: W.status || "",
-							onChange: (e) => G({ status: e.target.value || void 0 }),
+						/* @__PURE__ */ D("select", {
+							value: U.status || "",
+							onChange: (e) => W({ status: e.target.value || void 0 }),
 							className: "px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500/50 text-foreground",
-							children: [/* @__PURE__ */ D("option", {
+							children: [/* @__PURE__ */ E("option", {
 								value: "",
 								children: v("channel.allStatus", "All Status")
-							}), Object.entries(A).map(([e, t]) => /* @__PURE__ */ D("option", {
+							}), Object.entries(k).map(([e, t]) => /* @__PURE__ */ E("option", {
 								value: e,
 								children: t.label
 							}, e))]
 						})
 					]
 				}),
-				H && /* @__PURE__ */ O("div", {
+				V && /* @__PURE__ */ D("div", {
 					className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border/30 rounded-lg",
 					children: [
-						/* @__PURE__ */ D(m, {
+						/* @__PURE__ */ E(m, {
 							size: 18,
 							className: "text-status-error-text shrink-0"
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex-1 min-w-0",
-							children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-sm font-medium text-status-error-text",
 								children: v("channel.loadFailed", "Failed to load channels")
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-status-error-text/70 truncate",
-								children: H
+								children: V
 							})]
 						}),
-						/* @__PURE__ */ D("button", {
-							onClick: () => X(),
+						/* @__PURE__ */ E("button", {
+							onClick: () => Y(),
 							className: "shrink-0 px-3 py-1 text-sm text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors",
 							children: v("channel.retry", "Retry")
 						})
 					]
 				}),
-				V && B.length === 0 && /* @__PURE__ */ D("div", {
+				B && z.length === 0 && /* @__PURE__ */ E("div", {
 					className: "flex items-center justify-center py-16",
-					children: /* @__PURE__ */ D(b, {
+					children: /* @__PURE__ */ E(y, {
 						size: 28,
 						className: "animate-spin text-accent-primary"
 					})
 				}),
-				!V && !H && B.length === 0 && /* @__PURE__ */ O("div", {
+				!B && !V && z.length === 0 && /* @__PURE__ */ D("div", {
 					className: "flex flex-col items-center justify-center py-16 text-center",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ E("div", {
 							className: "p-3 rounded-full bg-accent-primary/10 mb-4",
-							children: /* @__PURE__ */ D(w, {
+							children: /* @__PURE__ */ E(C, {
 								size: 36,
 								className: "text-accent-primary"
 							})
 						}),
-						/* @__PURE__ */ D("h3", {
+						/* @__PURE__ */ E("h3", {
 							className: "text-lg font-semibold text-foreground mb-1",
-							children: W.search || W.platform || W.status ? v("channel.noChannelsMatchFilter", "No channels match your filters") : v("channel.noChannels", "No channels yet")
+							children: U.search || U.platform || U.status ? v("channel.noChannelsMatchFilter", "No channels match your filters") : v("channel.noChannels", "No channels yet")
 						}),
-						/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ E("p", {
 							className: "text-sm text-muted-foreground max-w-sm mb-5",
-							children: W.search || W.platform || W.status ? v("channel.adjustFilters", "Try adjusting your search or filters.") : v("channel.createFirstChannel", "Create your first communication channel to start sending messages across Email, SMS, Push, Slack and more.")
+							children: U.search || U.platform || U.status ? v("channel.adjustFilters", "Try adjusting your search or filters.") : v("channel.createFirstChannel", "Create your first communication channel to start sending messages across Email, SMS, Push, Slack and more.")
 						}),
-						!(W.search || W.platform || W.status) && /* @__PURE__ */ O("button", {
+						!(U.search || U.platform || U.status) && /* @__PURE__ */ D("button", {
 							onClick: () => h("/channels/create"),
 							className: "inline-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",
-							children: [/* @__PURE__ */ D(x, { size: 14 }), v("channel.createChannel", "Create Channel")]
+							children: [/* @__PURE__ */ E(x, { size: 14 }), v("channel.createChannel", "Create Channel")]
 						})
 					]
 				}),
-				B.length > 0 && /* @__PURE__ */ O("div", {
+				z.length > 0 && /* @__PURE__ */ D("div", {
 					className: "border border-border rounded-lg overflow-hidden",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "overflow-x-auto min-w-full",
-						children: /* @__PURE__ */ O("table", {
+						children: /* @__PURE__ */ D("table", {
 							className: "w-full text-sm min-w-[800px]",
-							children: [/* @__PURE__ */ D("thead", { children: /* @__PURE__ */ O("tr", {
+							children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
 								className: "hover:bg-action-primary-bg/10/50 border-b border-border",
 								children: [
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.channel", "Channel")
 									}),
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.platform", "Platform")
 									}),
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.status", "Status")
 									}),
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.health", "Health")
 									}),
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.connection", "Connection")
 									}),
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-right px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.msgs24h", "Msgs 24h")
 									}),
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-right px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.updated", "Updated")
 									}),
-									/* @__PURE__ */ D("th", {
+									/* @__PURE__ */ E("th", {
 										className: "text-right px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
 										children: v("channel.actions", "Actions")
 									})
 								]
-							}) }), /* @__PURE__ */ D("tbody", {
+							}) }), /* @__PURE__ */ E("tbody", {
 								className: "divide-y divide-border",
-								children: B.map((e) => {
-									let t = fe === e.id;
-									return /* @__PURE__ */ O("tr", {
+								children: z.map((e) => {
+									let t = me === e.id;
+									return /* @__PURE__ */ D("tr", {
 										className: "bg-surface hover:hover:bg-action-primary-bg/10/60 transition-colors group",
 										children: [
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ E("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ O("button", {
+												children: /* @__PURE__ */ D("button", {
 													onClick: () => h(`/channels/${e.id}`),
 													className: "text-left group/name",
-													children: [/* @__PURE__ */ D("p", {
+													children: [/* @__PURE__ */ E("p", {
 														className: "font-medium text-foreground group-hover/name:text-accent-primary transition-colors truncate max-w-[200px]",
 														children: e.name
-													}), e.description && /* @__PURE__ */ D("p", {
+													}), e.description && /* @__PURE__ */ E("p", {
 														className: "text-xs text-muted-foreground truncate max-w-[200px]",
 														children: e.description
 													})]
 												})
 											}),
-											/* @__PURE__ */ O("td", {
+											/* @__PURE__ */ D("td", {
 												className: "px-4 py-3",
-												children: [/* @__PURE__ */ D("span", {
-													className: `inline-flex items-center px-2 py-0.5 text-[11px] font-semibold rounded-full ${L(e.platform).color}`,
-													children: L(e.platform).label
-												}), e.adapterType && /* @__PURE__ */ D("p", {
+												children: [/* @__PURE__ */ E("span", {
+													className: `inline-flex items-center px-2 py-0.5 text-[11px] font-semibold rounded-full ${I(e.platform).color}`,
+													children: I(e.platform).label
+												}), e.adapterType && /* @__PURE__ */ E("p", {
 													className: "text-[10px] text-muted-foreground mt-0.5 font-mono",
 													children: e.adapterType.replace(/_/g, " ")
 												})]
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ E("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ O("span", {
+												children: /* @__PURE__ */ D("span", {
 													className: "inline-flex items-center gap-1.5",
-													children: [/* @__PURE__ */ D("span", { className: `w-1.5 h-1.5 rounded-full ${R(e.status).dotColor}` }), /* @__PURE__ */ D("span", {
-														className: `text-xs ${R(e.status).textColor}`,
-														children: R(e.status).label
+													children: [/* @__PURE__ */ E("span", { className: `w-1.5 h-1.5 rounded-full ${L(e.status).dotColor}` }), /* @__PURE__ */ E("span", {
+														className: `text-xs ${L(e.status).textColor}`,
+														children: L(e.status).label
 													})]
 												})
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ E("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ O("span", {
-													className: `inline-flex items-center gap-1 text-xs ${z(e.connectionHealth).color}`,
+												children: /* @__PURE__ */ D("span", {
+													className: `inline-flex items-center gap-1 text-xs ${R(e.connectionHealth).color}`,
 													children: [(() => {
-														let t = z(e.connectionHealth).icon;
-														return /* @__PURE__ */ D(t, { size: 12 });
-													})(), z(e.connectionHealth).label]
+														let t = R(e.connectionHealth).icon;
+														return /* @__PURE__ */ E(t, { size: 12 });
+													})(), R(e.connectionHealth).label]
 												})
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ E("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ D("span", {
+												children: /* @__PURE__ */ E("span", {
 													className: `text-xs ${e.isConnected ? "text-status-success-text" : "text-muted-foreground"}`,
 													children: e.isConnected ? v("channel.connected", "Connected") : v("channel.disconnected", "Disconnected")
 												})
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ E("td", {
 												className: "px-4 py-3 text-right",
-												children: /* @__PURE__ */ D("span", {
+												children: /* @__PURE__ */ E("span", {
 													className: "text-xs text-foreground tabular-nums",
 													children: (e.messageCount24h ?? 0).toLocaleString()
 												})
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ E("td", {
 												className: "px-4 py-3 text-right",
-												children: /* @__PURE__ */ D("span", {
+												children: /* @__PURE__ */ E("span", {
 													className: "text-xs text-muted-foreground whitespace-nowrap",
-													children: de(e.updatedAt)
+													children: pe(e.updatedAt)
 												})
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ E("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ O("div", {
+												children: /* @__PURE__ */ D("div", {
 													className: "flex items-center justify-end gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
 													children: [
-														/* @__PURE__ */ D("button", {
+														/* @__PURE__ */ E("button", {
 															onClick: () => h(`/channels/${e.id}`),
 															className: "p-1.5 text-muted-foreground hover:text-accent-primary hover:bg-accent-primary/10 rounded transition-colors",
 															title: v("channel.view", "View"),
-															children: /* @__PURE__ */ D(ae, { size: 14 })
+															children: /* @__PURE__ */ E(oe, { size: 14 })
 														}),
-														/* @__PURE__ */ D(s, {
+														/* @__PURE__ */ E(s, {
 															permission: c.CHANNEL_EXECUTE,
-															children: /* @__PURE__ */ D("button", {
-																onClick: () => he(e.id),
+															children: /* @__PURE__ */ E("button", {
+																onClick: () => _e(e.id),
 																disabled: t,
 																className: "p-1.5 text-muted-foreground hover:text-accent-blue hover:bg-accent-blue-subtle rounded transition-colors disabled:opacity-40",
 																title: v("channel.healthCheck", "Health Check"),
-																children: t ? /* @__PURE__ */ D(b, {
+																children: t ? /* @__PURE__ */ E(y, {
 																	size: 14,
 																	className: "animate-spin"
-																}) : /* @__PURE__ */ D(T, { size: 14 })
+																}) : /* @__PURE__ */ E(w, { size: 14 })
 															})
 														}),
-														/* @__PURE__ */ D(s, {
+														/* @__PURE__ */ E(s, {
 															permission: c.CHANNEL_UPDATE,
-															children: /* @__PURE__ */ D("button", {
-																onClick: () => me(e),
+															children: /* @__PURE__ */ E("button", {
+																onClick: () => ge(e),
 																disabled: t,
-																className: `p-1.5 rounded transition-colors disabled:opacity-40 ${e.status === "ACTIVE" ? "text-muted-foreground hover:text-status-warning-text hover:bg-warning-500/10" : "text-muted-foreground hover:text-status-success-text hover:bg-success-500/10"}`,
+																className: `p-1.5 rounded transition-colors disabled:opacity-40 ${e.status === "ACTIVE" ? "text-muted-foreground hover:text-status-warning-text hover:bg-status-warning-bg-subtle" : "text-muted-foreground hover:text-status-success-text hover:bg-status-success-bg-subtle"}`,
 																title: e.status === "ACTIVE" ? v("channel.deactivate", "Deactivate") : v("channel.activate", "Activate"),
-																children: e.status === "ACTIVE" ? /* @__PURE__ */ D(C, { size: 14 }) : /* @__PURE__ */ D(S, { size: 14 })
+																children: e.status === "ACTIVE" ? /* @__PURE__ */ E(S, { size: 14 }) : /* @__PURE__ */ E(ce, { size: 14 })
 															})
 														}),
-														E === e.id ? /* @__PURE__ */ O("span", {
+														T === e.id ? /* @__PURE__ */ D("span", {
 															className: "inline-flex items-center gap-1 ml-1",
-															children: [/* @__PURE__ */ D("button", {
-																onClick: () => pe(e.id),
+															children: [/* @__PURE__ */ E("button", {
+																onClick: () => he(e.id),
 																disabled: t,
 																className: "px-1.5 py-0.5 text-[11px] font-medium text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors",
 																children: t ? "..." : v("channel.yes", "Yes")
-															}), /* @__PURE__ */ D("button", {
-																onClick: () => N(null),
+															}), /* @__PURE__ */ E("button", {
+																onClick: () => M(null),
 																className: "px-1.5 py-0.5 text-[11px] text-muted-foreground hover:hover:bg-action-primary-bg/10 rounded transition-colors",
 																children: v("channel.no", "No")
 															})]
-														}) : /* @__PURE__ */ D(s, {
+														}) : /* @__PURE__ */ E(s, {
 															permission: c.CHANNEL_DELETE,
-															children: /* @__PURE__ */ D("button", {
-																onClick: () => N(e.id),
+															children: /* @__PURE__ */ E("button", {
+																onClick: () => M(e.id),
 																className: "p-1.5 text-muted-foreground hover:text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors",
 																title: v("channel.delete", "Delete"),
-																children: /* @__PURE__ */ D(le, { size: 14 })
+																children: /* @__PURE__ */ E(de, { size: 14 })
 															})
 														})
 													]
@@ -595,51 +597,51 @@ function N() {
 								})
 							})]
 						})
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ D("div", {
 						className: "px-4 py-2.5 border-t border-border flex items-center justify-between",
-						children: [/* @__PURE__ */ O("p", {
+						children: [/* @__PURE__ */ D("p", {
 							className: "text-xs text-muted-foreground",
 							children: [
 								v("channel.showing", "Showing"),
 								" ",
-								/* @__PURE__ */ O("span", {
+								/* @__PURE__ */ D("span", {
 									className: "font-medium text-foreground",
 									children: [
-										U === 0 ? 0 : F * 10 + 1,
+										H === 0 ? 0 : P * 10 + 1,
 										"–",
-										Math.min((F + 1) * 10, U)
+										Math.min((P + 1) * 10, H)
 									]
 								}),
 								" ",
 								v("channel.of", "of"),
 								" ",
-								/* @__PURE__ */ D("span", {
+								/* @__PURE__ */ E("span", {
 									className: "font-medium text-foreground",
-									children: U
+									children: H
 								}),
 								" ",
 								v("channel.channelsLower", "channels")
 							]
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ D("button", {
-									onClick: () => I((e) => Math.max(0, e - 1)),
-									disabled: F === 0,
+								/* @__PURE__ */ E("button", {
+									onClick: () => F((e) => Math.max(0, e - 1)),
+									disabled: P === 0,
 									className: "px-2.5 py-1 text-xs border border-border rounded hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
 									children: v("channel.previous", "Prev")
 								}),
-								/* @__PURE__ */ O("span", {
+								/* @__PURE__ */ D("span", {
 									className: "text-xs text-muted-foreground",
 									children: [
-										F + 1,
+										P + 1,
 										" / ",
-										Z
+										X
 									]
 								}),
-								/* @__PURE__ */ D("button", {
-									onClick: () => I((e) => Math.min(Z - 1, e + 1)),
-									disabled: F >= Z - 1,
+								/* @__PURE__ */ E("button", {
+									onClick: () => F((e) => Math.min(X - 1, e + 1)),
+									disabled: P >= X - 1,
 									className: "px-2.5 py-1 text-xs border border-border rounded hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
 									children: v("channel.next", "Next")
 								})
@@ -647,55 +649,55 @@ function N() {
 						})]
 					})]
 				}),
-				B.length > 0 && /* @__PURE__ */ O("div", {
+				z.length > 0 && /* @__PURE__ */ D("div", {
 					className: "grid gap-3 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ O("button", {
+						/* @__PURE__ */ D("button", {
 							onClick: () => h("/channels/?tab=all"),
 							className: "flex items-center gap-3 p-3 bg-surface border border-border rounded-lg hover:hover:bg-action-primary-bg/10 transition-colors text-left",
-							children: [/* @__PURE__ */ D(w, {
+							children: [/* @__PURE__ */ E(C, {
 								size: 16,
 								className: "text-accent-primary shrink-0"
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-medium text-foreground",
 									children: v("channel.allChannels", "All Channels")
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-xs text-muted-foreground truncate",
 									children: v("channel.browseChannels", "Browse and manage channel cards")
 								})]
 							})]
 						}),
-						/* @__PURE__ */ O("button", {
+						/* @__PURE__ */ D("button", {
 							onClick: () => h("/channels/?tab=connections"),
 							className: "flex items-center gap-3 p-3 bg-surface border border-border rounded-lg hover:hover:bg-action-primary-bg/10 transition-colors text-left",
-							children: [/* @__PURE__ */ D(g, {
+							children: [/* @__PURE__ */ E(g, {
 								size: 16,
 								className: "text-accent-blue shrink-0"
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-medium text-foreground",
 									children: v("channel.connections", "Connections")
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-xs text-muted-foreground truncate",
 									children: v("channel.connectionsSubtitle", "OAuth, API keys & credentials")
 								})]
 							})]
 						}),
-						/* @__PURE__ */ O("button", {
+						/* @__PURE__ */ D("button", {
 							onClick: () => h("/channels/?tab=send"),
 							className: "flex items-center gap-3 p-3 bg-surface border border-border rounded-lg hover:hover:bg-action-primary-bg/10 transition-colors text-left",
-							children: [/* @__PURE__ */ D(p, {
+							children: [/* @__PURE__ */ E(p, {
 								size: 16,
 								className: "text-accent-violet shrink-0"
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-medium text-foreground",
 									children: v("channel.sendMessage", "Send Message")
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-xs text-muted-foreground truncate",
 									children: v("channel.sendMessageSubtitle", "Send a test or one-off notification")
 								})]
@@ -708,6 +710,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as ChannelDashboardPage };
+export { M as ChannelDashboardPage };
 
 //# sourceMappingURL=ChannelDashboardPage.js.map