@burdenoff/microfe-channel 2026.526.1 → 2026.530.1

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

@@ -8,11 +8,12 @@ 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, 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";
+import { Activity as oe, AlertCircle as p, AlertTriangle as m, Cable as h, CheckCircle2 as g, Eye as se, HelpCircle as _, LayoutDashboard as ce, Loader2 as v, MessageSquare as le, Plus as y, Power as ue, PowerOff as b, Radio as x, RefreshCw as S, Search as de, ShieldCheck as fe, Trash2 as pe, XCircle as C } from "lucide-react";
+import { useNavigate as me } from "react-router-dom";
+import { usePermissions as he } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/channel/modules/channels/pages/ChannelDashboardPage.tsx
-var O = {
+var E = {
 	EMAIL: {
 		label: "Email",
 		color: "bg-accent-blue-subtle text-accent-blue"
@@ -53,60 +54,60 @@ var O = {
 		label: "Webchat",
 		color: "bg-accent-teal-subtle text-accent-teal"
 	}
-}, k = {
+}, D = {
 	ACTIVE: {
 		label: "Active",
 		dotColor: "bg-status-success-bg",
 		textColor: "text-status-success-text",
-		icon: _
+		icon: g
 	},
 	INACTIVE: {
 		label: "Inactive",
 		dotColor: "bg-text-tertiary",
 		textColor: "text-muted-foreground",
-		icon: S
+		icon: b
 	},
 	ERROR: {
 		label: "Error",
 		dotColor: "bg-status-error-bg-subtle",
 		textColor: "text-status-error-text",
-		icon: T
+		icon: C
 	},
 	SUSPENDED: {
 		label: "Suspended",
 		dotColor: "bg-status-warning-bg",
 		textColor: "text-status-warning-text",
-		icon: h
+		icon: m
 	},
 	ARCHIVED: {
 		label: "Archived",
 		dotColor: "bg-text-tertiary",
 		textColor: "text-muted-foreground",
-		icon: S
+		icon: b
 	}
-}, A = {
+}, O = {
 	HEALTHY: {
 		label: "Healthy",
 		color: "text-status-success-text",
-		icon: _
+		icon: g
 	},
 	DEGRADED: {
 		label: "Degraded",
 		color: "text-status-warning-text",
-		icon: h
+		icon: m
 	},
 	UNHEALTHY: {
 		label: "Unhealthy",
 		color: "text-status-error-text",
-		icon: T
+		icon: C
 	},
 	UNKNOWN: {
 		label: "Unknown",
 		color: "text-muted-foreground",
-		icon: v
+		icon: _
 	}
 };
-function pe(e) {
+function ge(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,46 +119,46 @@ function pe(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 j({ icon: e, iconClass: t, value: n, label: r, sub: i }) {
-	return /* @__PURE__ */ D("div", {
+function k({ icon: e, iconClass: t, value: n, label: r, sub: i }) {
+	return /* @__PURE__ */ T("div", {
 		className: "p-4 bg-surface border border-border rounded-lg",
-		children: [/* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "p-2 rounded-lg hover:bg-action-primary-bg/10",
-				children: /* @__PURE__ */ E(e, {
+				children: /* @__PURE__ */ w(e, {
 					size: 18,
 					className: t
 				})
-			}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+			}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 				className: "text-2xl font-bold text-foreground leading-tight",
 				children: n
-			}), /* @__PURE__ */ E("p", {
+			}), /* @__PURE__ */ w("p", {
 				className: "text-xs text-muted-foreground",
 				children: r
 			})] })]
-		}), i && /* @__PURE__ */ E("p", {
+		}), i && /* @__PURE__ */ w("p", {
 			className: "text-[11px] text-muted-foreground mt-2 pl-11",
 			children: i
 		})]
 	});
 }
-function M() {
-	let h = fe(), { t: _ } = ae(), v = (e, t) => {
-		let n = _(e);
+function A() {
+	let m = me(), { hasPermission: g } = he(), _ = g(c.CHANNEL_CREATE), { t: C } = ae(), A = (e, t) => {
+		let n = C(e);
 		return n === e ? t : n;
-	}, [T, M] = f(null), [me, N] = f(null), [P, F] = f(0), I = (e) => ({
-		...O[e] ?? {
+	}, [j, M] = f(null), [_e, N] = f(null), [P, F] = f(0), I = (e) => ({
+		...E[e] ?? {
 			label: e,
 			color: "bg-bg-sunken text-text-tertiary"
 		},
-		label: l(e, te, v)
+		label: l(e, te, A)
 	}), L = (e) => ({
-		...k[e] ?? k.INACTIVE,
-		label: l(e, ne, v)
+		...D[e] ?? D.INACTIVE,
+		label: l(e, ne, A)
 	}), R = (e) => ({
-		...A[e] ?? A.UNKNOWN,
-		label: l(e, ee, v)
+		...O[e] ?? O.UNKNOWN,
+		label: l(e, ee, A)
 	}), { 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(() => {
 		Z.current = Y;
@@ -206,7 +207,7 @@ function M() {
 			errored: i,
 			unhealthy: a
 		};
-	}, [z]), he = u(async (e) => {
+	}, [z]), ve = u(async (e) => {
 		t("medium"), N(e);
 		try {
 			await G(e), n("success"), M(null);
@@ -215,14 +216,14 @@ function M() {
 		} finally {
 			N(null);
 		}
-	}, [G]), ge = u(async (e) => {
+	}, [G]), ye = u(async (e) => {
 		N(e.id);
 		try {
 			e.status === "ACTIVE" ? await q(e.id) : await K(e.id);
 		} finally {
 			N(null);
 		}
-	}, [K, q]), _e = u(async (e) => {
+	}, [K, q]), be = u(async (e) => {
 		N(e);
 		try {
 			await J(e);
@@ -230,363 +231,380 @@ function M() {
 			N(null);
 		}
 	}, [J]);
-	return /* @__PURE__ */ E(s, {
+	return /* @__PURE__ */ w(s, {
 		permission: c.CHANNEL_READ,
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "space-y-5 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "p-2 rounded-lg bg-accent-primary/10",
-							children: /* @__PURE__ */ E(se, {
+							children: /* @__PURE__ */ w(ce, {
 								size: 20,
 								className: "text-accent-primary"
 							})
-						}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
+						}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
 							className: "text-xl font-bold text-foreground",
-							children: v("channel.channelDashboard", "Channel Dashboard")
-						}), /* @__PURE__ */ E("p", {
+							children: A("channel.channelDashboard", "Channel Dashboard")
+						}), /* @__PURE__ */ w("p", {
 							className: "text-sm text-muted-foreground",
-							children: v("channel.dashboardSubtitle", "Manage and monitor your communication channels")
+							children: A("channel.dashboardSubtitle", "Manage and monitor your communication channels")
 						})] })]
-					}), /* @__PURE__ */ D("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ D("button", {
+						children: [/* @__PURE__ */ T("button", {
+							type: "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__ */ E(w, { size: 14 }), v("channel.refresh", "Refresh")]
-						}), /* @__PURE__ */ D("button", {
-							onClick: () => h("/channels/create"),
+							children: [/* @__PURE__ */ w(S, { size: 14 }), A("channel.refresh", "Refresh")]
+						}), _ && /* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => m("/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__ */ E(x, { size: 14 }), v("channel.createChannel", "Create Channel")]
+							"data-tour": "channels-dashboard-create-button",
+							children: [/* @__PURE__ */ w(y, { size: 14 }), A("channel.createChannel", "Create Channel")]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ T("div", {
+					"data-tour": "channels-dashboard-kpi-section",
 					className: "grid gap-3 grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ E(j, {
-							icon: C,
+						/* @__PURE__ */ w(k, {
+							icon: x,
 							iconClass: "text-accent-primary",
 							value: H,
-							label: v("channel.totalChannels", "Total Channels"),
-							sub: $.active > 0 ? `${$.active} ${v("channel.status.active", "Active").toLowerCase()}, ${H - $.active} ${v("channel.status.inactive", "Inactive").toLowerCase()}` : void 0
+							label: A("channel.totalChannels", "Total Channels"),
+							sub: $.active > 0 ? `${$.active} ${A("channel.status.active", "Active").toLowerCase()}, ${H - $.active} ${A("channel.status.inactive", "Inactive").toLowerCase()}` : void 0
 						}),
-						/* @__PURE__ */ E(j, {
-							icon: ue,
+						/* @__PURE__ */ w(k, {
+							icon: fe,
 							iconClass: "text-status-success-text",
 							value: $.healthy,
-							label: v("channel.healthy", "Healthy"),
-							sub: $.unhealthy > 0 ? `${$.unhealthy} ${v("channel.health.unhealthy", "Unhealthy").toLowerCase()}` : H > 0 ? v("channel.allSystemsNominal", "All systems nominal") : void 0
+							label: A("channel.healthy", "Healthy"),
+							sub: $.unhealthy > 0 ? `${$.unhealthy} ${A("channel.health.unhealthy", "Unhealthy").toLowerCase()}` : H > 0 ? $.healthy === H ? A("channel.allSystemsNominal", "All systems nominal") : `${H - $.healthy} ${A("channel.health.unchecked", "unchecked")}` : void 0
 						}),
-						/* @__PURE__ */ E(j, {
-							icon: g,
+						/* @__PURE__ */ w(k, {
+							icon: h,
 							iconClass: "text-accent-blue",
 							value: $.connected,
-							label: v("channel.connected", "Connected"),
-							sub: H > 0 ? `${H - $.connected} ${v("channel.disconnected", "Disconnected").toLowerCase()}` : void 0
+							label: A("channel.connected", "Connected"),
+							sub: H > 0 ? `${H - $.connected} ${A("channel.disconnected", "Disconnected").toLowerCase()}` : void 0
 						}),
-						/* @__PURE__ */ E(j, {
-							icon: b,
+						/* @__PURE__ */ w(k, {
+							icon: le,
 							iconClass: "text-accent-violet",
 							value: $.messages24h.toLocaleString(),
-							label: v("channel.messages24h", "Messages (24h)")
+							label: A("channel.messages24h", "Messages (24h)")
 						})
 					]
 				}),
-				$.errored > 0 && /* @__PURE__ */ D("div", {
+				$.errored > 0 && /* @__PURE__ */ T("div", {
 					className: "flex items-center gap-3 p-3 border border-status-error-border/30 bg-status-error-bg-subtle rounded-lg",
 					children: [
-						/* @__PURE__ */ E(m, {
+						/* @__PURE__ */ w(p, {
 							size: 16,
 							className: "text-status-error-text shrink-0"
 						}),
-						/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ T("p", {
 							className: "text-sm text-status-error-text",
 							children: [
-								/* @__PURE__ */ E("span", {
+								/* @__PURE__ */ w("span", {
 									className: "font-semibold",
 									children: $.errored
 								}),
 								" ",
-								v($.errored === 1 ? "channel.errorStateSummarySingle" : "channel.errorStateSummaryMultiple", $.errored === 1 ? "channel in error state" : "channels in error state")
+								A($.errored === 1 ? "channel.errorStateSummarySingle" : "channel.errorStateSummaryMultiple", $.errored === 1 ? "channel in error state" : "channels in error state")
 							]
 						}),
-						/* @__PURE__ */ E("button", {
+						/* @__PURE__ */ w("button", {
+							type: "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")
+							children: A("channel.showErrors", "Show errors")
 						})
 					]
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center",
+					"data-tour": "channels-dashboard-search-filters",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T("div", {
 							className: "relative flex-1",
-							children: [/* @__PURE__ */ E(le, {
+							children: [/* @__PURE__ */ w(de, {
 								size: 14,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-							}), /* @__PURE__ */ E("input", {
+							}), /* @__PURE__ */ w("input", {
 								type: "text",
-								placeholder: v("channel.searchChannels", "Search channels..."),
+								"aria-label": A("channel.searchChannels", "Search channels..."),
+								placeholder: A("channel.searchChannels", "Search channels..."),
 								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__ */ D("select", {
+						/* @__PURE__ */ T("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__ */ E("option", {
+							children: [/* @__PURE__ */ w("option", {
 								value: "",
-								children: v("channel.allPlatforms", "All Platforms")
-							}), Object.entries(O).map(([e, t]) => /* @__PURE__ */ E("option", {
+								children: A("channel.allPlatforms", "All Platforms")
+							}), Object.entries(E).map(([e, t]) => /* @__PURE__ */ w("option", {
 								value: e,
 								children: t.label
 							}, e))]
 						}),
-						/* @__PURE__ */ D("select", {
+						/* @__PURE__ */ T("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__ */ E("option", {
+							children: [/* @__PURE__ */ w("option", {
 								value: "",
-								children: v("channel.allStatus", "All Status")
-							}), Object.entries(k).map(([e, t]) => /* @__PURE__ */ E("option", {
+								children: A("channel.allStatus", "All Status")
+							}), Object.entries(D).map(([e, t]) => /* @__PURE__ */ w("option", {
 								value: e,
 								children: t.label
 							}, e))]
 						})
 					]
 				}),
-				V && /* @__PURE__ */ D("div", {
+				V && /* @__PURE__ */ T("div", {
 					className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border/30 rounded-lg",
 					children: [
-						/* @__PURE__ */ E(m, {
+						/* @__PURE__ */ w(p, {
 							size: 18,
 							className: "text-status-error-text shrink-0"
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T("div", {
 							className: "flex-1 min-w-0",
-							children: [/* @__PURE__ */ E("p", {
+							children: [/* @__PURE__ */ w("p", {
 								className: "text-sm font-medium text-status-error-text",
-								children: v("channel.loadFailed", "Failed to load channels")
-							}), /* @__PURE__ */ E("p", {
+								children: A("channel.loadFailed", "Failed to load channels")
+							}), /* @__PURE__ */ w("p", {
 								className: "text-xs text-status-error-text/70 truncate",
 								children: V
 							})]
 						}),
-						/* @__PURE__ */ E("button", {
+						/* @__PURE__ */ w("button", {
+							type: "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")
+							children: A("channel.retry", "Retry")
 						})
 					]
 				}),
-				B && z.length === 0 && /* @__PURE__ */ E("div", {
+				B && z.length === 0 && /* @__PURE__ */ w("div", {
 					className: "flex items-center justify-center py-16",
-					children: /* @__PURE__ */ E(y, {
+					children: /* @__PURE__ */ w(v, {
 						size: 28,
 						className: "animate-spin text-accent-primary"
 					})
 				}),
-				!B && !V && z.length === 0 && /* @__PURE__ */ D("div", {
+				!B && !V && z.length === 0 && /* @__PURE__ */ T("div", {
 					className: "flex flex-col items-center justify-center py-16 text-center",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ w("div", {
 							className: "p-3 rounded-full bg-accent-primary/10 mb-4",
-							children: /* @__PURE__ */ E(C, {
+							children: /* @__PURE__ */ w(x, {
 								size: 36,
 								className: "text-accent-primary"
 							})
 						}),
-						/* @__PURE__ */ E("h3", {
+						/* @__PURE__ */ w("h3", {
 							className: "text-lg font-semibold text-foreground mb-1",
-							children: U.search || U.platform || U.status ? v("channel.noChannelsMatchFilter", "No channels match your filters") : v("channel.noChannels", "No channels yet")
+							children: U.search || U.platform || U.status ? A("channel.noChannelsMatchFilter", "No channels match your filters") : A("channel.noChannels", "No channels yet")
 						}),
-						/* @__PURE__ */ E("p", {
+						/* @__PURE__ */ w("p", {
 							className: "text-sm text-muted-foreground max-w-sm mb-5",
-							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.")
+							children: U.search || U.platform || U.status ? A("channel.adjustFilters", "Try adjusting your search or filters.") : A("channel.createFirstChannel", "Create your first communication channel to start sending messages across Email, SMS, Push, Slack and more.")
 						}),
-						!(U.search || U.platform || U.status) && /* @__PURE__ */ D("button", {
-							onClick: () => h("/channels/create"),
+						_ && !(U.search || U.platform || U.status) && /* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => m("/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__ */ E(x, { size: 14 }), v("channel.createChannel", "Create Channel")]
+							children: [/* @__PURE__ */ w(y, { size: 14 }), A("channel.createChannel", "Create Channel")]
 						})
 					]
 				}),
-				z.length > 0 && /* @__PURE__ */ D("div", {
+				z.length > 0 && /* @__PURE__ */ T("div", {
 					className: "border border-border rounded-lg overflow-hidden",
-					children: [/* @__PURE__ */ E("div", {
+					"data-tour": "channels-dashboard-table",
+					children: [/* @__PURE__ */ w("div", {
 						className: "overflow-x-auto min-w-full",
-						children: /* @__PURE__ */ D("table", {
+						children: /* @__PURE__ */ T("table", {
 							className: "w-full text-sm min-w-[800px]",
-							children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
+							children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
 								className: "hover:bg-action-primary-bg/10/50 border-b border-border",
 								children: [
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.channel", "Channel")
+										children: A("channel.channel", "Channel")
 									}),
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.platform", "Platform")
+										children: A("channel.platform", "Platform")
 									}),
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.status", "Status")
+										children: A("channel.status", "Status")
 									}),
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.health", "Health")
+										children: A("channel.health", "Health")
 									}),
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-left px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.connection", "Connection")
+										children: A("channel.connection", "Connection")
 									}),
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-right px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.msgs24h", "Msgs 24h")
+										children: A("channel.msgs24h", "Msgs 24h")
 									}),
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-right px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.updated", "Updated")
+										children: A("channel.updated", "Updated")
 									}),
-									/* @__PURE__ */ E("th", {
+									/* @__PURE__ */ w("th", {
 										className: "text-right px-4 py-3 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: v("channel.actions", "Actions")
+										children: A("channel.actions", "Actions")
 									})
 								]
-							}) }), /* @__PURE__ */ E("tbody", {
+							}) }), /* @__PURE__ */ w("tbody", {
 								className: "divide-y divide-border",
 								children: z.map((e) => {
-									let t = me === e.id;
-									return /* @__PURE__ */ D("tr", {
+									let t = _e === e.id;
+									return /* @__PURE__ */ T("tr", {
 										className: "bg-surface hover:hover:bg-action-primary-bg/10/60 transition-colors group",
 										children: [
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ D("button", {
-													onClick: () => h(`/channels/${e.id}`),
+												children: /* @__PURE__ */ T("button", {
+													type: "button",
+													onClick: () => m(`/channels/${e.id}`),
 													className: "text-left group/name",
-													children: [/* @__PURE__ */ E("p", {
+													children: [/* @__PURE__ */ w("p", {
 														className: "font-medium text-foreground group-hover/name:text-accent-primary transition-colors truncate max-w-[200px]",
 														children: e.name
-													}), e.description && /* @__PURE__ */ E("p", {
+													}), e.description && /* @__PURE__ */ w("p", {
 														className: "text-xs text-muted-foreground truncate max-w-[200px]",
 														children: e.description
 													})]
 												})
 											}),
-											/* @__PURE__ */ D("td", {
+											/* @__PURE__ */ T("td", {
 												className: "px-4 py-3",
-												children: [/* @__PURE__ */ E("span", {
+												children: [/* @__PURE__ */ w("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", {
+												}), e.adapterType && /* @__PURE__ */ w("p", {
 													className: "text-[10px] text-muted-foreground mt-0.5 font-mono",
 													children: e.adapterType.replace(/_/g, " ")
 												})]
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ D("span", {
+												children: /* @__PURE__ */ T("span", {
 													className: "inline-flex items-center gap-1.5",
-													children: [/* @__PURE__ */ E("span", { className: `w-1.5 h-1.5 rounded-full ${L(e.status).dotColor}` }), /* @__PURE__ */ E("span", {
+													children: [/* @__PURE__ */ w("span", { className: `w-1.5 h-1.5 rounded-full ${L(e.status).dotColor}` }), /* @__PURE__ */ w("span", {
 														className: `text-xs ${L(e.status).textColor}`,
 														children: L(e.status).label
 													})]
 												})
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ D("span", {
+												children: /* @__PURE__ */ T("span", {
 													className: `inline-flex items-center gap-1 text-xs ${R(e.connectionHealth).color}`,
 													children: [(() => {
 														let t = R(e.connectionHealth).icon;
-														return /* @__PURE__ */ E(t, { size: 12 });
+														return /* @__PURE__ */ w(t, { size: 12 });
 													})(), R(e.connectionHealth).label]
 												})
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ E("span", {
+												children: /* @__PURE__ */ w("span", {
 													className: `text-xs ${e.isConnected ? "text-status-success-text" : "text-muted-foreground"}`,
-													children: e.isConnected ? v("channel.connected", "Connected") : v("channel.disconnected", "Disconnected")
+													children: e.isConnected ? A("channel.connected", "Connected") : A("channel.disconnected", "Disconnected")
 												})
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3 text-right",
-												children: /* @__PURE__ */ E("span", {
+												children: /* @__PURE__ */ w("span", {
 													className: "text-xs text-foreground tabular-nums",
 													children: (e.messageCount24h ?? 0).toLocaleString()
 												})
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3 text-right",
-												children: /* @__PURE__ */ E("span", {
+												children: /* @__PURE__ */ w("span", {
 													className: "text-xs text-muted-foreground whitespace-nowrap",
-													children: pe(e.updatedAt)
+													children: ge(e.updatedAt)
 												})
 											}),
-											/* @__PURE__ */ E("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ D("div", {
+												children: /* @__PURE__ */ T("div", {
 													className: "flex items-center justify-end gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
 													children: [
-														/* @__PURE__ */ E("button", {
-															onClick: () => h(`/channels/${e.id}`),
+														/* @__PURE__ */ w("button", {
+															type: "button",
+															onClick: () => m(`/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__ */ E(oe, { size: 14 })
+															title: A("channel.view", "View"),
+															children: /* @__PURE__ */ w(se, { size: 14 })
 														}),
-														/* @__PURE__ */ E(s, {
+														/* @__PURE__ */ w(s, {
 															permission: c.CHANNEL_EXECUTE,
-															children: /* @__PURE__ */ E("button", {
-																onClick: () => _e(e.id),
+															children: /* @__PURE__ */ w("button", {
+																type: "button",
+																onClick: () => be(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__ */ E(y, {
+																title: A("channel.healthCheck", "Health Check"),
+																children: t ? /* @__PURE__ */ w(v, {
 																	size: 14,
 																	className: "animate-spin"
-																}) : /* @__PURE__ */ E(w, { size: 14 })
+																}) : /* @__PURE__ */ w(S, { size: 14 })
 															})
 														}),
-														/* @__PURE__ */ E(s, {
+														/* @__PURE__ */ w(s, {
 															permission: c.CHANNEL_UPDATE,
-															children: /* @__PURE__ */ E("button", {
-																onClick: () => ge(e),
+															children: /* @__PURE__ */ w("button", {
+																type: "button",
+																onClick: () => ye(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-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__ */ E(S, { size: 14 }) : /* @__PURE__ */ E(ce, { size: 14 })
+																title: e.status === "ACTIVE" ? A("channel.deactivate", "Deactivate") : A("channel.activate", "Activate"),
+																children: e.status === "ACTIVE" ? /* @__PURE__ */ w(b, { size: 14 }) : /* @__PURE__ */ w(ue, { size: 14 })
 															})
 														}),
-														T === e.id ? /* @__PURE__ */ D("span", {
+														j === e.id ? /* @__PURE__ */ T("span", {
 															className: "inline-flex items-center gap-1 ml-1",
-															children: [/* @__PURE__ */ E("button", {
-																onClick: () => he(e.id),
+															children: [/* @__PURE__ */ w("button", {
+																type: "button",
+																onClick: () => ve(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__ */ E("button", {
+																children: t ? "..." : A("channel.yes", "Yes")
+															}), /* @__PURE__ */ w("button", {
+																type: "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")
+																children: A("channel.no", "No")
 															})]
-														}) : /* @__PURE__ */ E(s, {
+														}) : /* @__PURE__ */ w(s, {
 															permission: c.CHANNEL_DELETE,
-															children: /* @__PURE__ */ E("button", {
+															children: /* @__PURE__ */ w("button", {
+																type: "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__ */ E(de, { size: 14 })
+																title: A("channel.delete", "Delete"),
+																children: /* @__PURE__ */ w(pe, { size: 14 })
 															})
 														})
 													]
@@ -597,14 +615,14 @@ function M() {
 								})
 							})]
 						})
-					}), /* @__PURE__ */ D("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "px-4 py-2.5 border-t border-border flex items-center justify-between",
-						children: [/* @__PURE__ */ D("p", {
+						children: [/* @__PURE__ */ T("p", {
 							className: "text-xs text-muted-foreground",
 							children: [
-								v("channel.showing", "Showing"),
+								A("channel.showing", "Showing"),
 								" ",
-								/* @__PURE__ */ D("span", {
+								/* @__PURE__ */ T("span", {
 									className: "font-medium text-foreground",
 									children: [
 										H === 0 ? 0 : P * 10 + 1,
@@ -613,25 +631,26 @@ function M() {
 									]
 								}),
 								" ",
-								v("channel.of", "of"),
+								A("channel.of", "of"),
 								" ",
-								/* @__PURE__ */ E("span", {
+								/* @__PURE__ */ w("span", {
 									className: "font-medium text-foreground",
 									children: H
 								}),
 								" ",
-								v("channel.channelsLower", "channels")
+								A("channel.channelsLower", "channels")
 							]
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ E("button", {
+								/* @__PURE__ */ w("button", {
+									type: "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")
+									children: A("channel.previous", "Prev")
 								}),
-								/* @__PURE__ */ D("span", {
+								/* @__PURE__ */ T("span", {
 									className: "text-xs text-muted-foreground",
 									children: [
 										P + 1,
@@ -639,67 +658,72 @@ function M() {
 										X
 									]
 								}),
-								/* @__PURE__ */ E("button", {
+								/* @__PURE__ */ w("button", {
+									type: "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")
+									children: A("channel.next", "Next")
 								})
 							]
 						})]
 					})]
 				}),
-				z.length > 0 && /* @__PURE__ */ D("div", {
+				z.length > 0 && /* @__PURE__ */ T("div", {
 					className: "grid gap-3 sm:grid-cols-3",
+					"data-tour": "channels-dashboard-quick-links",
 					children: [
-						/* @__PURE__ */ D("button", {
-							onClick: () => h("/channels/?tab=all"),
+						/* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => m("/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__ */ E(C, {
+							children: [/* @__PURE__ */ w(x, {
 								size: 16,
 								className: "text-accent-primary shrink-0"
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-sm font-medium text-foreground",
-									children: v("channel.allChannels", "All Channels")
-								}), /* @__PURE__ */ E("p", {
+									children: A("channel.allChannels", "All Channels")
+								}), /* @__PURE__ */ w("p", {
 									className: "text-xs text-muted-foreground truncate",
-									children: v("channel.browseChannels", "Browse and manage channel cards")
+									children: A("channel.browseChannels", "Browse and manage channel cards")
 								})]
 							})]
 						}),
-						/* @__PURE__ */ D("button", {
-							onClick: () => h("/channels/?tab=connections"),
+						/* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => m("/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__ */ E(g, {
+							children: [/* @__PURE__ */ w(h, {
 								size: 16,
 								className: "text-accent-blue shrink-0"
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-sm font-medium text-foreground",
-									children: v("channel.connections", "Connections")
-								}), /* @__PURE__ */ E("p", {
+									children: A("channel.connections", "Connections")
+								}), /* @__PURE__ */ w("p", {
 									className: "text-xs text-muted-foreground truncate",
-									children: v("channel.connectionsSubtitle", "OAuth, API keys & credentials")
+									children: A("channel.connectionsSubtitle", "OAuth, API keys & credentials")
 								})]
 							})]
 						}),
-						/* @__PURE__ */ D("button", {
-							onClick: () => h("/channels/?tab=send"),
+						/* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => m("/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__ */ E(p, {
+							children: [/* @__PURE__ */ w(oe, {
 								size: 16,
 								className: "text-accent-violet shrink-0"
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-sm font-medium text-foreground",
-									children: v("channel.sendMessage", "Send Message")
-								}), /* @__PURE__ */ E("p", {
+									children: A("channel.sendMessage", "Send Message")
+								}), /* @__PURE__ */ w("p", {
 									className: "text-xs text-muted-foreground truncate",
-									children: v("channel.sendMessageSubtitle", "Send a test or one-off notification")
+									children: A("channel.sendMessageSubtitle", "Send a test or one-off notification")
 								})]
 							})]
 						})
@@ -710,6 +734,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as ChannelDashboardPage };
+export { A as ChannelDashboardPage };
 
 //# sourceMappingURL=ChannelDashboardPage.js.map