@burdenoff/microfe-channel 2026.1013.2 → 2026.1114.1

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

@@ -1,21 +1,21 @@
-import { useChannel as e } from "../../../providers/ChannelProvider.js";
-import { nativeConfirm as t, nativeImpact as n, nativeNotify as r } from "../../../../utils/nativeBridge.js";
-import { reportShellError as i, subscribeShellEvent as a } from "../../../utils/shellBridge.js";
-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 { useExportChannels as re } from "../hooks/useExport.js";
-import { useEffect as u, useMemo as d, useRef as ie, useState as f } from "react";
-import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as p, AlertTriangle as m, CheckCircle2 as h, Download as oe, Eye as se, HelpCircle as g, Loader2 as _, Pencil as ce, Plus as v, Power as le, PowerOff as y, Radio as ue, RefreshCw as de, Search as fe, Trash2 as pe, XCircle as b } from "lucide-react";
-import { useNavigate as me } from "react-router";
-import { usePermissions as he } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { CTAOverflowMenu as ge, EmphasisPanel as _e, GlassCard as C, IllustratedEmptyState as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
-import { TagBadge as be } from "@burdenoff/fe-libs/tag";
-//#region src/channel/modules/channels/pages/ChannelsListPage.tsx
-var w = {
+import { reportShellError as e, subscribeShellEvent as t } from "../../../utils/shellBridge.js";
+import { useChannels as n } from "../../../hooks/useChannels.js";
+import { useChannel as r } from "../../../providers/ChannelProvider.js";
+import { PermissionGuard as i } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as a } from "../../../constants/permissions.js";
+import { HEALTH_I18N as o, PLATFORM_I18N as s, STATUS_I18N as c, translateLabel as l } from "../i18n.js";
+import { useExportChannels as ee } from "../hooks/useExport.js";
+import { nativeConfirm as te, nativeImpact as ne, nativeNotify as u } from "../../../../utils/nativeBridge.js";
+import { useEffect as d, useMemo as f, useRef as re, useState as p } from "react";
+import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as m, AlertTriangle as h, CheckCircle2 as g, Download as ae, Eye as oe, HelpCircle as _, Loader2 as v, Pencil as se, Plus as y, Power as ce, PowerOff as b, Radio as le, RefreshCw as ue, Search as de, Trash2 as fe, XCircle as x } from "lucide-react";
+import { useNavigate as pe } from "react-router";
+import { usePermissions as me } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CTAOverflowMenu as he, EmphasisPanel as ge, GlassCard as w, IllustratedEmptyState as _e, PagePurpose as ve } from "@burdenoff/fe-libs/ui";
+import { TagBadge as ye } from "@burdenoff/fe-libs/tag";
+// src/channel/modules/channels/pages/ChannelsListPage.tsx
+var T = {
 	EMAIL: {
 		label: "Email",
 		color: "bg-accent-blue-subtle text-accent-blue"
@@ -56,73 +56,73 @@ var w = {
 		label: "Webchat",
 		color: "bg-accent-teal-subtle text-accent-teal"
 	}
-}, T = {
+}, E = {
 	ACTIVE: {
 		label: "Active",
 		color: "text-status-success-text bg-status-success-bg-subtle",
-		icon: h
+		icon: g
 	},
 	INACTIVE: {
 		label: "Inactive",
 		color: "text-text-secondary bg-bg-sunken",
-		icon: y
+		icon: b
 	},
 	ERROR: {
 		label: "Error",
 		color: "text-status-error-text bg-status-error-bg-subtle",
-		icon: b
+		icon: x
 	},
 	SUSPENDED: {
 		label: "Suspended",
 		color: "text-status-warning-text bg-status-warning-bg-subtle",
-		icon: m
+		icon: h
 	},
 	ARCHIVED: {
 		label: "Archived",
 		color: "text-text-secondary bg-bg-sunken",
-		icon: y
+		icon: b
 	}
-}, E = {
+}, D = {
 	HEALTHY: {
 		label: "Healthy",
 		color: "text-status-success-text",
-		icon: h
+		icon: g
 	},
 	DEGRADED: {
 		label: "Degraded",
 		color: "text-status-warning-text",
-		icon: m
+		icon: h
 	},
 	UNHEALTHY: {
 		label: "Unhealthy",
 		color: "text-status-error-text",
-		icon: b
+		icon: x
 	},
 	UNKNOWN: {
 		label: "Unknown",
 		color: "text-text-secondary",
-		icon: g
+		icon: _
 	}
 };
-function D() {
-	let m = me(), { hasPermission: h } = he(), g = h(c.CHANNEL_CREATE), b = h(c.CHANNEL_UPDATE), D = h(c.CHANNEL_EXPORT), { t: xe } = ae(), O = (e, t) => {
-		let n = xe(e);
+function O() {
+	let h = pe(), { hasPermission: g } = me(), _ = g(a.CHANNEL_CREATE), x = g(a.CHANNEL_UPDATE), O = g(a.CHANNEL_EXPORT), { t: be } = ie(), k = (e, t) => {
+		let n = be(e);
 		return n === e ? t : n;
-	}, [Se, k] = f(null), [Ce, A] = f(null), [j, M] = f(/* @__PURE__ */ new Set()), [N, P] = f(null), { organizationId: we } = e(), { triggerExport: Te, isExporting: F, exportError: I } = re(we ?? void 0), [L] = f(12), [R, z] = f(0), { channels: B, isLoading: V, error: H, total: U, filter: W, updateFilter: G, deleteChannel: K, activateChannel: q, deactivateChannel: Ee, runHealthCheck: De, refetch: J } = o(), Y = Math.max(1, Math.ceil(U / L)), Oe = ie(J);
-	u(() => {
+	}, [xe, A] = p(null), [Se, j] = p(null), [M, N] = p(/* @__PURE__ */ new Set()), [P, F] = p(null), { organizationId: Ce } = r(), { triggerExport: we, isExporting: I, exportError: L } = ee(Ce ?? void 0), [R] = p(12), [z, B] = p(0), { channels: V, isLoading: H, error: U, total: W, filter: G, updateFilter: K, deleteChannel: q, activateChannel: Te, deactivateChannel: Ee, runHealthCheck: De, refetch: J } = n(), Y = Math.max(1, Math.ceil(W / R)), Oe = re(J);
+	d(() => {
 		Oe.current = J;
-	}), u(() => {
+	}), d(() => {
 		Oe.current({
-			offset: R * L,
-			limit: L
+			offset: z * R,
+			limit: R
 		});
-	}, [R, L]), u(() => {
-		Promise.resolve().then(() => z(0));
+	}, [z, R]), d(() => {
+		Promise.resolve().then(() => B(0));
 	}, [
-		W.search,
-		W.platform,
-		W.status
-	]), u(() => {
+		G.search,
+		G.platform,
+		G.status
+	]), d(() => {
 		let e = [
 			"channel.created",
 			"channel.updated",
@@ -130,255 +130,255 @@ function D() {
 			"connection.created",
 			"connection.updated",
 			"connection.deleted"
-		].map((e) => a(e, () => void J()));
+		].map((e) => t(e, () => void J()));
 		return () => e.forEach((e) => e());
 	}, [J]);
-	let ke = async (e) => {
-		n("medium"), A(e);
+	let ke = async (t) => {
+		ne("medium"), j(t);
 		try {
-			await K(e), r("success"), k(null);
-		} catch (e) {
-			r("error"), i(e, {
+			await q(t), u("success"), A(null);
+		} catch (t) {
+			u("error"), e(t, {
 				module: "channel",
 				context: { action: "Failed to delete channel" }
 			}, "[channel] Failed to delete channel");
 		} finally {
-			A(null);
+			j(null);
 		}
-	}, Ae = async (e) => {
-		A(e.id);
+	}, Ae = async (t) => {
+		j(t.id);
 		try {
-			e.status === "ACTIVE" ? await Ee(e.id) : await q(e.id);
-		} catch (e) {
-			i(e, {
+			t.status === "ACTIVE" ? await Ee(t.id) : await Te(t.id);
+		} catch (t) {
+			e(t, {
 				module: "channel",
 				context: { action: "Failed to toggle channel status" }
 			}, "[channel] Failed to toggle channel status");
 		} finally {
-			A(null);
+			j(null);
 		}
-	}, je = async (e) => {
-		A(e);
+	}, je = async (t) => {
+		j(t);
 		try {
-			await De(e);
-		} catch (e) {
-			i(e, {
+			await De(t);
+		} catch (t) {
+			e(t, {
 				module: "channel",
 				context: { action: "Failed to run health check" }
 			}, "[channel] Failed to run health check");
 		} finally {
-			A(null);
+			j(null);
 		}
-	}, X = d(() => B.filter((e) => j.has(e.id)), [B, j]), Z = d(() => X.filter((e) => e.status === "ACTIVE"), [X]), Q = d(() => X.filter((e) => e.status !== "ACTIVE"), [X]), $ = B.length > 0 && B.every((e) => j.has(e.id)), Me = B.some((e) => j.has(e.id)) && !$, Ne = (e, t) => {
-		M((n) => {
+	}, X = f(() => V.filter((e) => M.has(e.id)), [V, M]), Z = f(() => X.filter((e) => e.status === "ACTIVE"), [X]), Q = f(() => X.filter((e) => e.status !== "ACTIVE"), [X]), $ = V.length > 0 && V.every((e) => M.has(e.id)), Me = V.some((e) => M.has(e.id)) && !$, Ne = (e, t) => {
+		N((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, Pe = (e) => {
-		M((t) => {
+		N((t) => {
 			let n = new Set(t);
-			return B.forEach((t) => {
+			return V.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
 	}, Fe = async () => {
 		if (X.length === 0) return;
-		n("medium");
-		let e = O(X.length === 1 ? "channel.bulkDeleteConfirmSingle" : "channel.bulkDeleteConfirmMultiple", X.length === 1 ? "Delete 1 selected channel?" : `Delete ${X.length} selected channels?`), r = await t({
+		ne("medium");
+		let e = k(X.length === 1 ? "channel.bulkDeleteConfirmSingle" : "channel.bulkDeleteConfirmMultiple", X.length === 1 ? "Delete 1 selected channel?" : `Delete ${X.length} selected channels?`), t = await te({
 			title: "Delete channels",
 			message: e,
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		});
-		if (r === null ? window.confirm(e) : r) {
-			P("delete");
+		if (t === null ? window.confirm(e) : t) {
+			F("delete");
 			try {
-				await Promise.allSettled(X.map((e) => K(e.id))), M(/* @__PURE__ */ new Set());
+				await Promise.allSettled(X.map((e) => q(e.id))), N(/* @__PURE__ */ new Set());
 			} finally {
-				P(null);
+				F(null);
 			}
 		}
 	}, Ie = async () => {
 		if (Q.length !== 0) {
-			P("activate");
+			F("activate");
 			try {
-				await Promise.allSettled(Q.map((e) => q(e.id))), M(/* @__PURE__ */ new Set());
+				await Promise.allSettled(Q.map((e) => Te(e.id))), N(/* @__PURE__ */ new Set());
 			} finally {
-				P(null);
+				F(null);
 			}
 		}
 	}, Le = async () => {
 		if (Z.length !== 0) {
-			P("deactivate");
+			F("deactivate");
 			try {
-				await Promise.allSettled(Z.map((e) => Ee(e.id))), M(/* @__PURE__ */ new Set());
+				await Promise.allSettled(Z.map((e) => Ee(e.id))), N(/* @__PURE__ */ new Set());
 			} finally {
-				P(null);
+				F(null);
 			}
 		}
 	}, Re = async () => {
 		if (X.length !== 0) {
-			P("health");
+			F("health");
 			try {
 				await Promise.allSettled(X.map((e) => De(e.id)));
 			} finally {
-				P(null);
+				F(null);
 			}
 		}
 	}, ze = (e) => ({
-		...w[e] || {
+		...T[e] || {
 			label: e,
 			color: "bg-bg-sunken text-text-secondary"
 		},
-		label: l(e, te, O)
+		label: l(e, s, k)
 	}), Be = (e) => ({
-		...T[e] || T.INACTIVE,
-		label: l(e, ne, O)
+		...E[e] || E.INACTIVE,
+		label: l(e, c, k)
 	}), Ve = (e) => ({
-		...E[e] || E.UNKNOWN,
-		label: l(e, ee, O)
+		...D[e] || D.UNKNOWN,
+		label: l(e, o, k)
 	});
-	return /* @__PURE__ */ x(s, {
-		permission: c.CHANNEL_READ,
-		children: /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ S(i, {
+		permission: a.CHANNEL_READ,
+		children: /* @__PURE__ */ C("div", {
 			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
+					children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
 						className: "text-xl sm:text-2xl font-bold text-text-primary",
-						children: O("channel.channels", "Channels")
-					}), /* @__PURE__ */ S("p", {
+						children: k("channel.channels", "Channels")
+					}), /* @__PURE__ */ C("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: [
-							O("channel.manageChannels", "Manage your communication channels"),
+							k("channel.manageChannels", "Manage your communication channels"),
 							" (",
-							U,
+							W,
 							" total)"
 						]
-					})] }), /* @__PURE__ */ x("div", {
+					})] }), /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-2",
 						"data-tour": "channels-list-export-button",
-						children: /* @__PURE__ */ x(ge, {
-							primary: g ? {
-								label: O("channel.createChannel", "Create Channel"),
-								icon: /* @__PURE__ */ x(v, {
+						children: /* @__PURE__ */ S(he, {
+							primary: _ ? {
+								label: k("channel.createChannel", "Create Channel"),
+								icon: /* @__PURE__ */ S(y, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								onSelect: () => m("/channels/create")
+								onSelect: () => h("/channels/create")
 							} : void 0,
-							actions: D ? [{
-								label: O("channel.export", "Export"),
-								icon: F ? /* @__PURE__ */ x(_, {
+							actions: O ? [{
+								label: k("channel.export", "Export"),
+								icon: I ? /* @__PURE__ */ S(v, {
 									size: 16,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ x(oe, {
+								}) : /* @__PURE__ */ S(ae, {
 									size: 16,
 									"aria-hidden": "true"
 								}),
-								disabled: F,
-								onSelect: () => void Te()
+								disabled: I,
+								onSelect: () => void we()
 							}] : []
 						})
 					})]
 				}),
-				/* @__PURE__ */ x(ye, {
-					icon: /* @__PURE__ */ x(ue, {
+				/* @__PURE__ */ S(ve, {
+					icon: /* @__PURE__ */ S(le, {
 						size: 15,
 						"aria-hidden": "true"
 					}),
-					children: O("channel.listPurpose", "Every communication channel in your organization, in one browseable grid. Filter by platform or status, select several at once to activate, deactivate, health-check or delete them in bulk, and open any card to manage its connection and delivery history. Start here when you need to find a specific channel or tidy up the ones you no longer use.")
+					children: k("channel.listPurpose", "Every communication channel in your organization, in one browseable grid. Filter by platform or status, select several at once to activate, deactivate, health-check or delete them in bulk, and open any card to manage its connection and delivery history. Start here when you need to find a specific channel or tidy up the ones you no longer use.")
 				}),
-				g && /* @__PURE__ */ S(_e, {
+				_ && /* @__PURE__ */ C(ge, {
 					className: "flex flex-col gap-3 p-5 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ S("span", {
 							className: "rounded-lg bg-accent-primary/10 p-2",
-							children: /* @__PURE__ */ x(v, {
+							children: /* @__PURE__ */ S(y, {
 								size: 18,
 								className: "text-accent-primary",
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 							className: "text-sm font-semibold text-text-primary",
-							children: O("channel.addAnotherChannel", "Add another channel")
-						}), /* @__PURE__ */ x("p", {
+							children: k("channel.addAnotherChannel", "Add another channel")
+						}), /* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary",
-							children: O("channel.addAnotherChannelHint", "Connect a new platform — Email, SMS, Push, Slack and more — to start delivering messages through it.")
+							children: k("channel.addAnotherChannelHint", "Connect a new platform — Email, SMS, Push, Slack and more — to start delivering messages through it.")
 						})] })]
-					}), /* @__PURE__ */ S("button", {
+					}), /* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: () => m("/channels/create"),
+						onClick: () => h("/channels/create"),
 						className: "inline-flex shrink-0 items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
-						children: [/* @__PURE__ */ x(v, {
+						children: [/* @__PURE__ */ S(y, {
 							size: 16,
 							"aria-hidden": "true"
-						}), O("channel.createChannel", "Create Channel")]
+						}), k("channel.createChannel", "Create Channel")]
 					})]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center",
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ C("div", {
 							className: "relative flex-1",
-							children: [/* @__PURE__ */ x(fe, {
+							children: [/* @__PURE__ */ S(de, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-							}), /* @__PURE__ */ x("input", {
-								"aria-label": O("channel.searchChannels", "Search channels..."),
+							}), /* @__PURE__ */ S("input", {
+								"aria-label": k("channel.searchChannels", "Search channels..."),
 								type: "text",
-								placeholder: O("channel.searchChannels", "Search channels..."),
-								value: W.search || "",
-								onChange: (e) => G({ search: e.target.value }),
+								placeholder: k("channel.searchChannels", "Search channels..."),
+								value: G.search || "",
+								onChange: (e) => K({ search: e.target.value }),
 								className: "w-full pl-9 pr-4 py-2 text-sm bg-surface border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 							})]
 						}),
-						/* @__PURE__ */ S("select", {
-							value: W.platform || "",
-							onChange: (e) => G({ platform: e.target.value || void 0 }),
+						/* @__PURE__ */ C("select", {
+							value: G.platform || "",
+							onChange: (e) => K({ platform: e.target.value || void 0 }),
 							className: "px-3 py-2 text-sm bg-bg-surface text-text-primary border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-							children: [/* @__PURE__ */ x("option", {
+							children: [/* @__PURE__ */ S("option", {
 								value: "",
-								children: O("channel.allPlatforms", "All Platforms")
-							}), Object.entries(w).map(([e, t]) => /* @__PURE__ */ x("option", {
+								children: k("channel.allPlatforms", "All Platforms")
+							}), Object.entries(T).map(([e, t]) => /* @__PURE__ */ S("option", {
 								value: e,
 								children: t.label
 							}, e))]
 						}),
-						/* @__PURE__ */ S("select", {
-							value: W.status || "",
-							onChange: (e) => G({ status: e.target.value || void 0 }),
+						/* @__PURE__ */ C("select", {
+							value: G.status || "",
+							onChange: (e) => K({ status: e.target.value || void 0 }),
 							className: "px-3 py-2 text-sm bg-bg-surface text-text-primary border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-							children: [/* @__PURE__ */ x("option", {
+							children: [/* @__PURE__ */ S("option", {
 								value: "",
-								children: O("channel.allStatus", "All Status")
-							}), Object.entries(T).map(([e, t]) => /* @__PURE__ */ x("option", {
+								children: k("channel.allStatus", "All Status")
+							}), Object.entries(E).map(([e, t]) => /* @__PURE__ */ S("option", {
 								value: e,
 								children: t.label
 							}, e))]
 						})
 					]
 				}),
-				I && /* @__PURE__ */ S("div", {
+				L && /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
-					children: [/* @__PURE__ */ x(p, {
+					children: [/* @__PURE__ */ S(m, {
 						size: 20,
 						className: "text-status-error-text"
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ S("p", {
 						className: "text-sm text-status-error-text flex-1",
-						children: I
+						children: L
 					})]
 				}),
-				B.length > 0 && /* @__PURE__ */ S(C, {
+				V.length > 0 && /* @__PURE__ */ C(w, {
 					treatment: "plain",
 					className: "flex flex-col gap-3 border-border-seam p-4 sm:flex-row sm:items-center sm:justify-between",
 					"data-tour": "channels-list-bulk-actions",
-					children: [/* @__PURE__ */ S("label", {
+					children: [/* @__PURE__ */ C("label", {
 						className: "flex items-center gap-2 text-sm text-text-primary",
-						children: [/* @__PURE__ */ x("input", {
+						children: [/* @__PURE__ */ S("input", {
 							type: "checkbox",
 							checked: $,
 							ref: (e) => {
@@ -387,285 +387,285 @@ function D() {
 							onChange: (e) => Pe(e.target.checked),
 							"aria-label": "Select all channels",
 							className: "size-4 rounded border-border-subtle text-primary"
-						}), /* @__PURE__ */ x("span", { children: O("channel.selectAllVisible", "Select all visible") })]
-					}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ S("span", { children: k("channel.selectAllVisible", "Select all visible") })]
+					}), /* @__PURE__ */ C("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ S("span", {
+							/* @__PURE__ */ C("span", {
 								className: "text-sm text-text-secondary",
 								children: [
-									j.size,
+									M.size,
 									" ",
-									O("channel.selectedCountLabel", "selected")
+									k("channel.selectedCountLabel", "selected")
 								]
 							}),
-							j.size > 0 && /* @__PURE__ */ x("button", {
+							M.size > 0 && /* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => M(/* @__PURE__ */ new Set()),
+								onClick: () => N(/* @__PURE__ */ new Set()),
 								className: "text-sm text-text-secondary hover:text-text-primary",
-								children: O("channel.clearSelection", "Clear selection")
+								children: k("channel.clearSelection", "Clear selection")
 							}),
-							/* @__PURE__ */ x(s, {
-								permission: c.CHANNEL_EXECUTE,
-								children: /* @__PURE__ */ S("button", {
+							/* @__PURE__ */ S(i, {
+								permission: a.CHANNEL_EXECUTE,
+								children: /* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: Re,
-									disabled: X.length === 0 || N !== null,
+									disabled: X.length === 0 || P !== null,
 									className: "px-3 py-2 text-sm font-medium border border-border-subtle rounded-md hover:bg-bg-sunken transition-colors disabled:opacity-50",
-									children: [O("channel.healthCheck", "Health Check"), X.length > 0 ? ` (${X.length})` : ""]
+									children: [k("channel.healthCheck", "Health Check"), X.length > 0 ? ` (${X.length})` : ""]
 								})
 							}),
-							/* @__PURE__ */ x(s, {
-								permission: c.CHANNEL_UPDATE,
-								children: /* @__PURE__ */ S("button", {
+							/* @__PURE__ */ S(i, {
+								permission: a.CHANNEL_UPDATE,
+								children: /* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: Ie,
-									disabled: Q.length === 0 || N !== null,
+									disabled: Q.length === 0 || P !== null,
 									className: "px-3 py-2 text-sm font-medium border border-status-success-border/30 text-status-success-text rounded-md hover:bg-status-success-bg-subtle transition-colors disabled:opacity-50",
-									children: [O("channel.activateSelected", "Activate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
+									children: [k("channel.activateSelected", "Activate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
 								})
 							}),
-							/* @__PURE__ */ x(s, {
-								permission: c.CHANNEL_UPDATE,
-								children: /* @__PURE__ */ S("button", {
+							/* @__PURE__ */ S(i, {
+								permission: a.CHANNEL_UPDATE,
+								children: /* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: Le,
-									disabled: Z.length === 0 || N !== null,
+									disabled: Z.length === 0 || P !== null,
 									className: "px-3 py-2 text-sm font-medium border border-status-warning-border text-status-warning-text rounded-md hover:bg-status-warning-bg-subtle transition-colors disabled:opacity-50",
-									children: [O("channel.deactivateSelected", "Deactivate Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
+									children: [k("channel.deactivateSelected", "Deactivate Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
 								})
 							}),
-							/* @__PURE__ */ x(s, {
-								permission: c.CHANNEL_DELETE,
-								children: /* @__PURE__ */ S("button", {
+							/* @__PURE__ */ S(i, {
+								permission: a.CHANNEL_DELETE,
+								children: /* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: Fe,
-									disabled: X.length === 0 || N !== null,
+									disabled: X.length === 0 || P !== null,
 									className: "px-3 py-2 text-sm font-medium border border-status-error-border/30 text-status-error-text rounded-md hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50",
-									children: [O("channel.deleteSelected", "Delete Selected"), X.length > 0 ? ` (${X.length})` : ""]
+									children: [k("channel.deleteSelected", "Delete Selected"), X.length > 0 ? ` (${X.length})` : ""]
 								})
 							})
 						]
 					})]
 				}),
-				H && /* @__PURE__ */ S("div", {
+				U && /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 					children: [
-						/* @__PURE__ */ x(p, {
+						/* @__PURE__ */ S(m, {
 							size: 20,
 							className: "text-status-error-text"
 						}),
-						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 							className: "text-sm font-medium text-status-error-text",
-							children: O("channel.loadFailed", "Failed to load channels")
-						}), /* @__PURE__ */ x("p", {
+							children: k("channel.loadFailed", "Failed to load channels")
+						}), /* @__PURE__ */ S("p", {
 							className: "text-xs text-status-error-text",
-							children: H
+							children: U
 						})] }),
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => J(),
 							className: "ml-auto px-3 py-1 text-sm text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors",
-							children: O("channel.retry", "Retry")
+							children: k("channel.retry", "Retry")
 						})
 					]
 				}),
-				V && B.length === 0 && /* @__PURE__ */ x("div", {
+				H && V.length === 0 && /* @__PURE__ */ S("div", {
 					className: "flex items-center justify-center py-12",
-					children: /* @__PURE__ */ x(_, {
+					children: /* @__PURE__ */ S(v, {
 						size: 32,
 						className: "animate-spin text-accent-primary"
 					})
 				}),
-				!V && !H && B.length === 0 && /* @__PURE__ */ x(ve, {
-					illustration: W.search || W.platform || W.status ? "empty-search" : "empty-data",
-					title: O("channel.noChannelsFound", "No channels found"),
-					description: W.search || W.platform || W.status ? O("channel.adjustFilters", "Try adjusting your filters to see more channels.") : O("channel.createFirstChannelPrompt", "Create your first communication channel to get started."),
-					action: g && !W.search && !W.platform && !W.status ? /* @__PURE__ */ S("button", {
+				!H && !U && V.length === 0 && /* @__PURE__ */ S(_e, {
+					illustration: G.search || G.platform || G.status ? "empty-search" : "empty-data",
+					title: k("channel.noChannelsFound", "No channels found"),
+					description: G.search || G.platform || G.status ? k("channel.adjustFilters", "Try adjusting your filters to see more channels.") : k("channel.createFirstChannelPrompt", "Create your first communication channel to get started."),
+					action: _ && !G.search && !G.platform && !G.status ? /* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: () => m("/channels/create"),
+						onClick: () => h("/channels/create"),
 						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",
-						children: [/* @__PURE__ */ x(v, { size: 16 }), O("channel.createChannel", "Create Channel")]
+						children: [/* @__PURE__ */ S(y, { size: 16 }), k("channel.createChannel", "Create Channel")]
 					}) : void 0
 				}),
-				B.length > 0 && /* @__PURE__ */ x("div", {
+				V.length > 0 && /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
 					"data-tour": "channels-list-grid",
-					children: B.map((e) => {
-						let t = ze(e.platform), n = Be(e.status), r = Ve(e.connectionHealth), i = n.icon, a = r.icon, o = Ce === e.id;
-						return /* @__PURE__ */ S(C, {
+					children: V.map((e) => {
+						let t = ze(e.platform), n = Be(e.status), r = Ve(e.connectionHealth), o = n.icon, s = r.icon, c = Se === e.id;
+						return /* @__PURE__ */ C(w, {
 							treatment: "insight",
-							className: `p-4 transition-colors group ${j.has(e.id) ? "ring-2 ring-action-primary-bg border-action-primary-bg/40" : "border-border-seam"}`,
+							className: `p-4 transition-colors group ${M.has(e.id) ? "ring-2 ring-action-primary-bg border-action-primary-bg/40" : "border-border-seam"}`,
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-start justify-between mb-3",
-									children: [/* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ x("input", {
+											/* @__PURE__ */ S("input", {
 												type: "checkbox",
-												checked: j.has(e.id),
+												checked: M.has(e.id),
 												onChange: (t) => Ne(e.id, t.target.checked),
 												"aria-label": `Select channel ${e.name}`,
 												className: "size-4 rounded border-border-subtle text-primary"
 											}),
-											/* @__PURE__ */ x(ue, {
+											/* @__PURE__ */ S(le, {
 												size: 20,
 												className: "text-accent-primary"
 											}),
-											/* @__PURE__ */ x("span", {
+											/* @__PURE__ */ S("span", {
 												className: `px-2 py-0.5 text-xs font-semibold rounded-full ${t.color}`,
 												children: t.label
 											})
 										]
-									}), /* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ x(i, {
+										children: [/* @__PURE__ */ S(o, {
 											size: 14,
 											className: n.color.split(" ")[0]
-										}), /* @__PURE__ */ x("span", {
+										}), /* @__PURE__ */ S("span", {
 											className: `px-2 py-0.5 text-xs font-medium rounded-full ${n.color} ${e.status === "ACTIVE" ? "motion-safe:animate-vc-glow-pulse" : ""}`,
 											children: n.label
 										})]
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									role: "button",
 									tabIndex: 0,
-									onClick: () => m(`/channels/${e.id}`),
+									onClick: () => h(`/channels/${e.id}`),
 									onKeyDown: (t) => {
-										(t.key === "Enter" || t.key === " ") && (t.preventDefault(), m(`/channels/${e.id}`));
+										(t.key === "Enter" || t.key === " ") && (t.preventDefault(), h(`/channels/${e.id}`));
 									},
 									className: "cursor-pointer",
 									children: [
-										/* @__PURE__ */ x("h3", {
+										/* @__PURE__ */ S("h3", {
 											className: "text-sm font-semibold text-text-primary mb-1 truncate",
 											children: e.name
 										}),
-										e.description && /* @__PURE__ */ x("p", {
+										e.description && /* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary mb-2 line-clamp-2",
 											children: e.description
 										}),
-										e.adapterType && /* @__PURE__ */ x("p", {
+										e.adapterType && /* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary mb-2 font-mono",
 											children: e.adapterType.replace(/_/g, " ")
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-3 text-xs text-text-secondary mb-2",
-											children: /* @__PURE__ */ S("span", { children: [
-												O("channel.priority", "Priority"),
+											children: /* @__PURE__ */ C("span", { children: [
+												k("channel.priority", "Priority"),
 												": ",
 												e.priority
 											] })
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ C("div", {
 											className: "flex items-center gap-3 text-xs",
 											children: [
-												/* @__PURE__ */ S("div", {
+												/* @__PURE__ */ C("div", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ x(a, {
+													children: [/* @__PURE__ */ S(s, {
 														size: 12,
 														className: r.color
-													}), /* @__PURE__ */ x("span", {
+													}), /* @__PURE__ */ S("span", {
 														className: r.color,
 														children: r.label
 													})]
 												}),
-												/* @__PURE__ */ x("span", { children: "•" }),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ S("span", { children: "•" }),
+												/* @__PURE__ */ S("span", {
 													className: e.isConnected ? "text-status-success-text" : "text-text-secondary",
-													children: e.isConnected ? O("channel.connected", "Connected") : O("channel.notConnected", "Not Connected")
+													children: e.isConnected ? k("channel.connected", "Connected") : k("channel.notConnected", "Not Connected")
 												})
 											]
 										})
 									]
 								}),
-								e.tagAssignments && e.tagAssignments.length > 0 && /* @__PURE__ */ S("div", {
+								e.tagAssignments && e.tagAssignments.length > 0 && /* @__PURE__ */ C("div", {
 									className: "flex flex-wrap gap-1 mt-2",
 									"aria-label": "Channel tags",
-									children: [e.tagAssignments.slice(0, 4).map((e) => /* @__PURE__ */ x(be, {
+									children: [e.tagAssignments.slice(0, 4).map((e) => /* @__PURE__ */ S(ye, {
 										id: e.tagId,
 										label: e.tagId,
 										size: "sm"
-									}, e.id)), e.tagAssignments.length > 4 && /* @__PURE__ */ S("span", {
+									}, e.id)), e.tagAssignments.length > 4 && /* @__PURE__ */ C("span", {
 										className: "text-xs text-text-secondary",
 										children: ["+", e.tagAssignments.length - 4]
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									className: "mt-3 pt-3 border-t border-border-subtle flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity",
-									children: [/* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ x("button", {
+											/* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => m(`/channels/${e.id}`),
+												onClick: () => h(`/channels/${e.id}`),
 												className: "p-1.5 text-text-secondary hover:text-accent-primary hover:bg-accent-primary/10 rounded transition-colors cursor-pointer",
-												title: O("channel.viewDetails", "View Details"),
-												children: /* @__PURE__ */ x(se, { size: 14 })
+												title: k("channel.viewDetails", "View Details"),
+												children: /* @__PURE__ */ S(oe, { size: 14 })
 											}),
-											b && /* @__PURE__ */ x("button", {
+											x && /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => m(`/channels/${e.id}/edit`),
+												onClick: () => h(`/channels/${e.id}/edit`),
 												className: "p-1.5 text-text-secondary hover:text-accent-primary hover:bg-accent-primary/10 rounded transition-colors cursor-pointer",
-												title: O("channel.editChannel", "Edit Channel"),
-												children: /* @__PURE__ */ x(ce, { size: 14 })
+												title: k("channel.editChannel", "Edit Channel"),
+												children: /* @__PURE__ */ S(se, { size: 14 })
 											}),
-											/* @__PURE__ */ x(s, {
-												permission: c.CHANNEL_EXECUTE,
-												children: /* @__PURE__ */ x("button", {
+											/* @__PURE__ */ S(i, {
+												permission: a.CHANNEL_EXECUTE,
+												children: /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => je(e.id),
-													disabled: o,
+													disabled: c,
 													className: "p-1.5 text-text-secondary hover:text-status-info-text hover:bg-status-info-bg-subtle rounded transition-colors disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed",
-													title: O("channel.runHealthCheck", "Run Health Check"),
-													children: o ? /* @__PURE__ */ x(_, {
+													title: k("channel.runHealthCheck", "Run Health Check"),
+													children: c ? /* @__PURE__ */ S(v, {
 														size: 14,
 														className: "animate-spin"
-													}) : /* @__PURE__ */ x(de, { size: 14 })
+													}) : /* @__PURE__ */ S(ue, { size: 14 })
 												})
 											}),
-											/* @__PURE__ */ x(s, {
-												permission: c.CHANNEL_UPDATE,
-												children: /* @__PURE__ */ x("button", {
+											/* @__PURE__ */ S(i, {
+												permission: a.CHANNEL_UPDATE,
+												children: /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => Ae(e),
-													disabled: o,
+													disabled: c,
 													className: `p-1.5 rounded transition-colors disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed ${e.status === "ACTIVE" ? "text-text-secondary hover:text-status-warning-text hover:bg-status-warning-bg-subtle" : "text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle"}`,
-													title: e.status === "ACTIVE" ? O("channel.deactivate", "Deactivate") : O("channel.activate", "Activate"),
-													children: e.status === "ACTIVE" ? /* @__PURE__ */ x(y, { size: 14 }) : /* @__PURE__ */ x(le, { size: 14 })
+													title: e.status === "ACTIVE" ? k("channel.deactivate", "Deactivate") : k("channel.activate", "Activate"),
+													children: e.status === "ACTIVE" ? /* @__PURE__ */ S(b, { size: 14 }) : /* @__PURE__ */ S(ce, { size: 14 })
 												})
 											})
 										]
-									}), Se === e.id ? /* @__PURE__ */ S("div", {
+									}), xe === e.id ? /* @__PURE__ */ C("div", {
 										className: "flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ x("span", {
+											/* @__PURE__ */ S("span", {
 												className: "text-xs text-text-secondary",
-												children: O("channel.deleteQuestion", "Delete?")
+												children: k("channel.deleteQuestion", "Delete?")
 											}),
-											/* @__PURE__ */ x("button", {
+											/* @__PURE__ */ S("button", {
 												type: "button",
 												onClick: () => ke(e.id),
-												disabled: o,
+												disabled: c,
 												className: "px-2 py-1 text-xs text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors cursor-pointer disabled:cursor-not-allowed",
-												children: o ? "..." : O("channel.yes", "Yes")
+												children: c ? "..." : k("channel.yes", "Yes")
 											}),
-											/* @__PURE__ */ x("button", {
+											/* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => k(null),
+												onClick: () => A(null),
 												className: "px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken rounded transition-colors cursor-pointer",
-												children: O("channel.no", "No")
+												children: k("channel.no", "No")
 											})
 										]
-									}) : /* @__PURE__ */ x(s, {
-										permission: c.CHANNEL_DELETE,
-										children: /* @__PURE__ */ x("button", {
+									}) : /* @__PURE__ */ S(i, {
+										permission: a.CHANNEL_DELETE,
+										children: /* @__PURE__ */ S("button", {
 											type: "button",
-											onClick: () => k(e.id),
+											onClick: () => A(e.id),
 											className: "p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors cursor-pointer",
-											title: O("channel.deleteChannel", "Delete Channel"),
-											children: /* @__PURE__ */ x(pe, { size: 14 })
+											title: k("channel.deleteChannel", "Delete Channel"),
+											children: /* @__PURE__ */ S(fe, { size: 14 })
 										})
 									})]
 								})
@@ -673,55 +673,55 @@ function D() {
 						}, e.id);
 					})
 				}),
-				U > L && /* @__PURE__ */ S("div", {
+				W > R && /* @__PURE__ */ C("div", {
 					className: "flex items-center justify-between px-1 py-2",
-					children: [/* @__PURE__ */ S("p", {
+					children: [/* @__PURE__ */ C("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							O("channel.showing", "Showing"),
+							k("channel.showing", "Showing"),
 							" ",
-							/* @__PURE__ */ S("span", {
+							/* @__PURE__ */ C("span", {
 								className: "font-medium text-text-primary",
 								children: [
-									R * L + 1,
+									z * R + 1,
 									"–",
-									Math.min((R + 1) * L, U)
+									Math.min((z + 1) * R, W)
 								]
 							}),
 							" ",
-							O("channel.of", "of"),
+							k("channel.of", "of"),
 							" ",
-							/* @__PURE__ */ x("span", {
+							/* @__PURE__ */ S("span", {
 								className: "font-medium text-text-primary",
-								children: U
+								children: W
 							}),
 							" ",
-							O("channel.channelsLower", "channels")
+							k("channel.channelsLower", "channels")
 						]
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ x("button", {
+							/* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => z((e) => Math.max(0, e - 1)),
-								disabled: R === 0,
+								onClick: () => B((e) => Math.max(0, e - 1)),
+								disabled: z === 0,
 								className: "px-3 py-1.5 text-sm border border-border-subtle rounded-lg hover:bg-bg-sunken transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-								children: O("channel.previous", "Previous")
+								children: k("channel.previous", "Previous")
 							}),
-							/* @__PURE__ */ S("span", {
+							/* @__PURE__ */ C("span", {
 								className: "text-sm text-text-secondary",
 								children: [
-									R + 1,
+									z + 1,
 									" / ",
 									Y
 								]
 							}),
-							/* @__PURE__ */ x("button", {
+							/* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => z((e) => Math.min(Y - 1, e + 1)),
-								disabled: R >= Y - 1,
+								onClick: () => B((e) => Math.min(Y - 1, e + 1)),
+								disabled: z >= Y - 1,
 								className: "px-3 py-1.5 text-sm border border-border-subtle rounded-lg hover:bg-bg-sunken transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-								children: O("channel.next", "Next")
+								children: k("channel.next", "Next")
 							})
 						]
 					})]
@@ -730,7 +730,6 @@ function D() {
 		})
 	});
 }
-//#endregion
-export { D as ChannelsListPage };
+export { O as ChannelsListPage };
 
 //# sourceMappingURL=ChannelsListPage.js.map