@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/ChannelsPage.js

@@ -1,163 +1,169 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { useBotlit as t } from "../providers/BotlitProvider.js";
 import { formatRelativeTime as n } from "../utils/formatters.js";
-import { PageLayout as r } from "../components/PageLayout.js";
-import { Card as i, CardContent as a, CardDescription as o, CardHeader as s, CardTitle as c } from "../components/Card.js";
-import { Button as l } from "../components/Button.js";
-import { Badge as u, StatusBadge as d } from "../components/Badge.js";
-import { EmptyState as f } from "../components/EmptyState.js";
-import { Input as p } from "../components/Input.js";
-import { ErrorState as m } from "../components/ErrorState.js";
-import { routeMetadataString as h, useChannelConnectors as g, useChannelRoutes as _ } from "../hooks/useChannels.js";
+import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as a } from "../components/PageLayout.js";
+import { Button as o } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d } from "../components/Card.js";
+import { Badge as f, StatusBadge as p } from "../components/Badge.js";
+import { EmptyState as m } from "../components/EmptyState.js";
+import { Input as h } from "../components/Input.js";
+import { ErrorState as g } from "../components/ErrorState.js";
+import { routeMetadataString as _, useChannelConnectors as v, useChannelRoutes as y } from "../hooks/useChannels.js";
 import "../hooks/index.js";
-import { useMemo as v, useState as y } from "react";
-import { GlassCard as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Link as T } from "react-router";
-import { ArrowRight as E, Filter as D, Globe as O, Hash as k, MessageSquare as A, Plus as j, Search as M, Settings as N, Slack as P, Webhook as F } from "lucide-react";
+import { useMemo as b, useState as x } from "react";
+import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Link as D } from "react-router";
+import { ArrowRight as O, Filter as k, Globe as A, Hash as j, MessageSquare as M, Plus as N, Search as P, Settings as F, Slack as I, Webhook as L } from "lucide-react";
 //#region src/botlit/pages/ChannelsPage.tsx
-var I = ({ type: e, className: t }) => {
+var R = ({ type: e, className: t }) => {
 	switch (e) {
-		case "SLACK": return /* @__PURE__ */ C(P, { className: t });
-		case "DISCORD": return /* @__PURE__ */ C(k, { className: t });
-		case "TEAMS": return /* @__PURE__ */ C(A, { className: t });
-		case "WEB_WIDGET": return /* @__PURE__ */ C(O, { className: t });
-		case "WEBHOOK": return /* @__PURE__ */ C(F, { className: t });
-		default: return /* @__PURE__ */ C(A, { className: t });
+		case "SLACK": return /* @__PURE__ */ T(I, { className: t });
+		case "DISCORD": return /* @__PURE__ */ T(j, { className: t });
+		case "TEAMS": return /* @__PURE__ */ T(M, { className: t });
+		case "WEB_WIDGET": return /* @__PURE__ */ T(A, { className: t });
+		case "WEBHOOK": return /* @__PURE__ */ T(L, { className: t });
+		default: return /* @__PURE__ */ T(M, { className: t });
 	}
-}, L = () => {
-	let O = e(), { getPath: k } = t(), [P, F] = y(""), [L, R] = y("connectors"), { data: z, loading: B, error: V, refetch: H } = g(v(() => ({ search: P }), [P])), { data: U, loading: W, error: G, refetch: K } = _(), q = v(() => {
+}, z = () => {
+	let A = e(), { getPath: j } = t(), [I, L] = x(""), [z, B] = x("connectors"), { data: V, loading: H, error: U, refetch: W } = v(b(() => ({ search: I }), [I])), { data: G, loading: K, error: q, refetch: J } = y(), Y = b(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of U) e.set(t.connectorId, (e.get(t.connectorId) ?? 0) + 1);
+		for (let t of G) e.set(t.connectorId, (e.get(t.connectorId) ?? 0) + 1);
 		return e;
-	}, [U]);
-	return /* @__PURE__ */ C(r, {
-		title: O("botlit.channels.title", "Channels"),
-		description: O("botlit.channels.description", "Connect agents to messaging platforms and configure routing"),
-		actions: /* @__PURE__ */ w("div", {
+	}, [G]);
+	return /* @__PURE__ */ T(a, {
+		title: A("botlit.channels.title", "Channels"),
+		description: A("botlit.channels.description", "Connect agents to messaging platforms and configure routing"),
+		actions: /* @__PURE__ */ E("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ C(l, {
+			children: [/* @__PURE__ */ T(o, {
 				variant: "outline",
-				children: /* @__PURE__ */ C(T, {
-					to: k("channels/routes"),
-					children: O("botlit.channels.actions.viewRoutes", "View Routes")
+				children: /* @__PURE__ */ T(D, {
+					to: j("channels/routes"),
+					children: A("botlit.channels.actions.viewRoutes", "View Routes")
 				})
-			}), /* @__PURE__ */ C(l, {
-				leftIcon: /* @__PURE__ */ C(j, { size: 16 }),
-				children: /* @__PURE__ */ C(T, {
-					to: k("channels/new"),
-					children: O("botlit.channels.actions.addChannel", "Add Channel")
+			}), /* @__PURE__ */ T(i, {
+				permission: r.CHANNEL_CREATE,
+				children: /* @__PURE__ */ T(o, {
+					leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
+					children: /* @__PURE__ */ T(D, {
+						to: j("channels/new"),
+						children: A("botlit.channels.actions.addChannel", "Add Channel")
+					})
 				})
 			})]
 		}),
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ C(x, {
-					icon: /* @__PURE__ */ C(A, { size: 18 }),
-					children: O("botlit.channels.purpose", "Channels are where your bots actually talk to people. Connect a messaging platform — a website chat widget, Slack, Microsoft Teams, Discord, WhatsApp or a custom webhook — then add a route that points an incoming location at the bot that should answer. Use this page to manage those connectors and routing rules in one place.")
+				/* @__PURE__ */ T(C, {
+					icon: /* @__PURE__ */ T(M, { size: 18 }),
+					children: A("botlit.channels.purpose", "Channels are where your bots actually talk to people. Connect a messaging platform — a website chat widget, Slack, Microsoft Teams, Discord, WhatsApp or a custom webhook — then add a route that points an incoming location at the bot that should answer. Use this page to manage those connectors and routing rules in one place.")
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ E("div", {
 					className: "flex gap-1 border-b border-border-subtle",
-					children: [/* @__PURE__ */ w("button", {
-						onClick: () => R("connectors"),
-						className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${L === "connectors" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"}`,
+					children: [/* @__PURE__ */ E("button", {
+						onClick: () => B("connectors"),
+						className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${z === "connectors" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"}`,
 						children: [
-							O("botlit.channels.tabs.connectors", "Connectors"),
+							A("botlit.channels.tabs.connectors", "Connectors"),
 							" (",
-							z.length,
+							V.length,
 							")"
 						]
-					}), /* @__PURE__ */ w("button", {
-						onClick: () => R("routes"),
-						className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${L === "routes" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"}`,
+					}), /* @__PURE__ */ E("button", {
+						onClick: () => B("routes"),
+						className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${z === "routes" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"}`,
 						children: [
-							O("botlit.channels.tabs.routes", "Routes"),
+							A("botlit.channels.tabs.routes", "Routes"),
 							" (",
-							U.length,
+							G.length,
 							")"
 						]
 					})]
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ E("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ C(M, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ C(p, {
-							placeholder: O("botlit.channels.searchPlaceholder", "Search {{tab}}...", { tab: L }),
-							value: P,
-							onChange: (e) => F(e.target.value),
+						children: [/* @__PURE__ */ T(P, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T(h, {
+							placeholder: A("botlit.channels.searchPlaceholder", "Search {{tab}}...", { tab: z }),
+							value: I,
+							onChange: (e) => L(e.target.value),
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ C(l, {
+					}), /* @__PURE__ */ T(o, {
 						variant: "outline",
-						leftIcon: /* @__PURE__ */ C(D, { size: 16 }),
-						children: O("botlit.channels.filters.filters", "Filters")
+						leftIcon: /* @__PURE__ */ T(k, { size: 16 }),
+						children: A("botlit.channels.filters.filters", "Filters")
 					})]
 				}),
-				L === "connectors" && /* @__PURE__ */ C(S, { children: B ? /* @__PURE__ */ C("div", {
+				z === "connectors" && /* @__PURE__ */ T(w, { children: H ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: [
 						1,
 						2,
 						3
-					].map((e) => /* @__PURE__ */ C("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : V ? /* @__PURE__ */ C(m, {
+					].map((e) => /* @__PURE__ */ T("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : U ? /* @__PURE__ */ T(g, {
 					resource: "channel connectors",
-					error: V,
-					onRetry: () => void H()
-				}) : z.length > 0 ? /* @__PURE__ */ C("div", {
+					error: U,
+					onRetry: () => void W()
+				}) : V.length > 0 ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: z.map((e) => /* @__PURE__ */ C(T, {
-						to: k(`channels/${e.id}`),
-						children: /* @__PURE__ */ w(i, {
+					children: V.map((e) => /* @__PURE__ */ T(D, {
+						to: j(`channels/${e.id}`),
+						children: /* @__PURE__ */ E(s, {
 							className: "h-full hover:border-primary/50 transition-colors cursor-pointer",
-							children: [/* @__PURE__ */ C(s, { children: /* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ T(u, { children: /* @__PURE__ */ E("div", {
 								className: "flex items-start justify-between",
-								children: [/* @__PURE__ */ w("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "p-2 bg-action-primary-bg/10 rounded-lg",
-										children: /* @__PURE__ */ C(I, {
+										children: /* @__PURE__ */ T(R, {
 											type: e.type,
 											className: "h-5 w-5 text-primary"
 										})
-									}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(c, {
+									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(d, {
 										className: "text-base",
 										children: e.name
-									}), /* @__PURE__ */ C(o, {
+									}), /* @__PURE__ */ T(l, {
 										className: "text-xs",
 										children: e.description
 									})] })]
-								}), /* @__PURE__ */ C(d, { status: e.status })]
-							}) }), /* @__PURE__ */ C(a, { children: /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ T(p, { status: e.status })]
+							}) }), /* @__PURE__ */ T(c, { children: /* @__PURE__ */ E("div", {
 								className: "space-y-3",
 								children: [
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: O("botlit.channels.list.type", "Type")
-										}), /* @__PURE__ */ C(u, {
+											children: A("botlit.channels.list.type", "Type")
+										}), /* @__PURE__ */ T(f, {
 											variant: "outline",
 											className: "capitalize",
 											children: e.type.toLowerCase().replace("_", " ")
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: O("botlit.channels.list.activeRoutes", "Active Routes")
-										}), /* @__PURE__ */ C(u, {
+											children: A("botlit.channels.list.activeRoutes", "Active Routes")
+										}), /* @__PURE__ */ T(f, {
 											variant: "secondary",
-											children: q.get(e.id) ?? 0
+											children: Y.get(e.id) ?? 0
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "pt-3 border-t border-border-subtle text-xs text-text-secondary",
 										children: [
-											O("botlit.botsList.createdLabel", "Created"),
+											A("botlit.botsList.createdLabel", "Created"),
 											" ",
 											n(e.createdAt)
 										]
@@ -166,134 +172,143 @@ var I = ({ type: e, className: t }) => {
 							}) })]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ C(f, {
+				}) : /* @__PURE__ */ T(m, {
 					illustration: "empty-notifications",
-					title: O("botlit.channels.empty.connectors.title", "No channel connectors"),
-					description: O("botlit.channels.empty.connectors.description", "Connect messaging platforms to deploy agents across multiple channels."),
-					action: /* @__PURE__ */ C(l, {
-						leftIcon: /* @__PURE__ */ C(j, { size: 16 }),
-						children: /* @__PURE__ */ C(T, {
-							to: k("channels/new"),
-							children: O("botlit.channels.actions.addChannel", "Add Channel")
+					title: A("botlit.channels.empty.connectors.title", "No channel connectors"),
+					description: A("botlit.channels.empty.connectors.description", "Connect messaging platforms to deploy agents across multiple channels."),
+					action: /* @__PURE__ */ T(i, {
+						permission: r.CHANNEL_CREATE,
+						children: /* @__PURE__ */ T(o, {
+							leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
+							children: /* @__PURE__ */ T(D, {
+								to: j("channels/new"),
+								children: A("botlit.channels.actions.addChannel", "Add Channel")
+							})
 						})
 					})
 				}) }),
-				L === "routes" && /* @__PURE__ */ C(S, { children: W ? /* @__PURE__ */ C("div", {
+				z === "routes" && /* @__PURE__ */ T(w, { children: K ? /* @__PURE__ */ T("div", {
 					className: "space-y-4",
 					children: [
 						1,
 						2,
 						3
-					].map((e) => /* @__PURE__ */ C("div", { className: "h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : G ? /* @__PURE__ */ C(m, {
+					].map((e) => /* @__PURE__ */ T("div", { className: "h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : q ? /* @__PURE__ */ T(g, {
 					resource: "channel routes",
-					error: G,
-					onRetry: () => void K()
-				}) : U.length > 0 ? /* @__PURE__ */ C("div", {
+					error: q,
+					onRetry: () => void J()
+				}) : G.length > 0 ? /* @__PURE__ */ T("div", {
 					className: "space-y-4",
-					children: U.map((e) => /* @__PURE__ */ C(i, { children: /* @__PURE__ */ C(a, {
+					children: G.map((e) => /* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(c, {
 						className: "py-4",
-						children: /* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-4",
-								children: /* @__PURE__ */ w("div", {
+								children: /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2 text-sm",
 									children: [
-										/* @__PURE__ */ C(u, {
+										/* @__PURE__ */ T(f, {
 											variant: "outline",
-											children: h(e, "locationName") ?? e.locationId
+											children: _(e, "locationName") ?? e.locationId
 										}),
-										/* @__PURE__ */ C(E, {
+										/* @__PURE__ */ T(O, {
 											size: 16,
 											className: "text-text-secondary"
 										}),
-										/* @__PURE__ */ C(u, {
+										/* @__PURE__ */ T(f, {
 											variant: "secondary",
-											children: h(e, "appName") ?? e.appId ?? "—"
+											children: _(e, "appName") ?? e.appId ?? "—"
 										})
 									]
 								})
-							}), /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ T("span", {
 									className: "text-xs text-text-secondary",
 									children: n(e.createdAt)
-								}), /* @__PURE__ */ C(l, {
-									variant: "ghost",
-									size: "icon",
-									children: /* @__PURE__ */ C(N, { size: 16 })
+								}), /* @__PURE__ */ T(i, {
+									permission: r.CHANNEL_UPDATE,
+									children: /* @__PURE__ */ T(o, {
+										variant: "ghost",
+										size: "icon",
+										children: /* @__PURE__ */ T(F, { size: 16 })
+									})
 								})]
 							})]
 						})
 					}) }, e.id))
-				}) : /* @__PURE__ */ C(f, {
+				}) : /* @__PURE__ */ T(m, {
 					illustration: "empty-search",
-					title: O("botlit.channels.empty.routes.title", "No routes configured"),
-					description: O("botlit.channels.empty.routes.description", "Create routes to connect channel locations to specific bots."),
-					action: /* @__PURE__ */ C(l, {
-						leftIcon: /* @__PURE__ */ C(j, { size: 16 }),
-						children: O("botlit.channels.actions.createRoute", "Create Route")
+					title: A("botlit.channels.empty.routes.title", "No routes configured"),
+					description: A("botlit.channels.empty.routes.description", "Create routes to connect channel locations to specific bots."),
+					action: /* @__PURE__ */ T(i, {
+						permission: r.CHANNEL_CREATE,
+						children: /* @__PURE__ */ T(o, {
+							leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
+							children: A("botlit.channels.actions.createRoute", "Create Route")
+						})
 					})
 				}) }),
-				/* @__PURE__ */ w(b, {
+				/* @__PURE__ */ E(S, {
 					treatment: "glass",
 					glow: !0,
 					className: "p-6",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ C("h2", {
+						children: [/* @__PURE__ */ T("h2", {
 							className: "text-lg font-semibold tracking-tight text-text-primary",
-							children: O("botlit.channels.integrations.title", "Available Integrations")
-						}), /* @__PURE__ */ C("p", {
+							children: A("botlit.channels.integrations.title", "Available Integrations")
+						}), /* @__PURE__ */ T("p", {
 							className: "text-sm text-text-secondary",
-							children: O("botlit.channels.integrations.description", "Connect to popular messaging platforms")
+							children: A("botlit.channels.integrations.description", "Connect to popular messaging platforms")
 						})]
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4",
 						children: [
 							{
 								type: "WEB_WIDGET",
-								name: O("botlit.channels.integrations.webWidget", "Web Widget"),
-								desc: O("botlit.channels.integrations.webWidgetDesc", "Embed on websites")
+								name: A("botlit.channels.integrations.webWidget", "Web Widget"),
+								desc: A("botlit.channels.integrations.webWidgetDesc", "Embed on websites")
 							},
 							{
 								type: "SLACK",
-								name: O("botlit.channels.integrations.slack", "Slack"),
-								desc: O("botlit.channels.integrations.slackDesc", "Workspace integration")
+								name: A("botlit.channels.integrations.slack", "Slack"),
+								desc: A("botlit.channels.integrations.slackDesc", "Workspace integration")
 							},
 							{
 								type: "TEAMS",
-								name: O("botlit.channels.integrations.teams", "MS Teams"),
-								desc: O("botlit.channels.integrations.teamsDesc", "Teams app")
+								name: A("botlit.channels.integrations.teams", "MS Teams"),
+								desc: A("botlit.channels.integrations.teamsDesc", "Teams app")
 							},
 							{
 								type: "DISCORD",
-								name: O("botlit.channels.integrations.discord", "Discord"),
-								desc: O("botlit.channels.integrations.discordDesc", "Bot integration")
+								name: A("botlit.channels.integrations.discord", "Discord"),
+								desc: A("botlit.channels.integrations.discordDesc", "Bot integration")
 							},
 							{
 								type: "WHATSAPP",
-								name: O("botlit.channels.integrations.whatsapp", "WhatsApp"),
-								desc: O("botlit.channels.integrations.whatsappDesc", "Business API")
+								name: A("botlit.channels.integrations.whatsapp", "WhatsApp"),
+								desc: A("botlit.channels.integrations.whatsappDesc", "Business API")
 							},
 							{
 								type: "WEBHOOK",
-								name: O("botlit.channels.integrations.webhook", "Webhook"),
-								desc: O("botlit.channels.integrations.webhookDesc", "Custom integration")
+								name: A("botlit.channels.integrations.webhook", "Webhook"),
+								desc: A("botlit.channels.integrations.webhookDesc", "Custom integration")
 							}
-						].map((e) => /* @__PURE__ */ w("button", {
+						].map((e) => /* @__PURE__ */ E("button", {
 							className: "p-4 text-center border border-border-subtle rounded-lg hover:bg-accent transition-colors",
 							children: [
-								/* @__PURE__ */ C(I, {
+								/* @__PURE__ */ T(R, {
 									type: e.type,
 									className: "h-8 w-8 mx-auto text-text-secondary"
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ T("p", {
 									className: "mt-2 font-medium text-sm",
 									children: e.name
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
 									children: e.desc
 								})
@@ -306,6 +321,6 @@ var I = ({ type: e, className: t }) => {
 	});
 };
 //#endregion
-export { L as ChannelsPage };
+export { z as ChannelsPage };
 
 //# sourceMappingURL=ChannelsPage.js.map

package/dist/botlit/pages/ChannelsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../src/botlit/pages/ChannelsPage.tsx"],"sourcesContent":["/**\n * Channels Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Plus,\n  Search as SearchIcon,\n  Filter,\n  MessageSquare,\n  Globe,\n  Slack,\n  Hash,\n  Webhook,\n  ArrowRight,\n  Settings,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useChannelConnectors,\n  useChannelRoutes,\n  routeMetadataString,\n  type ChannelConnectorRecord,\n  type ChannelRouteRecord,\n} from '../hooks';\nimport { formatRelativeTime, MISSING_VALUE } from '../utils/formatters';\nimport type { ChannelType } from '../types';\n\nconst ChannelIcon: FC<{ type: string; className?: string }> = ({ type, className }) => {\n  switch (type) {\n    case 'SLACK':\n      return <Slack className={className} />;\n    case 'DISCORD':\n      return <Hash className={className} />;\n    case 'TEAMS':\n      return <MessageSquare className={className} />;\n    case 'WEB_WIDGET':\n      return <Globe className={className} />;\n    case 'WEBHOOK':\n      return <Webhook className={className} />;\n    default:\n      return <MessageSquare className={className} />;\n  }\n};\n\nexport const ChannelsPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [activeTab, setActiveTab] = useState<'connectors' | 'routes'>('connectors');\n  const connectorFilter = useMemo(() => ({ search }), [search]);\n  const {\n    data: connectors,\n    loading: loadingConnectors,\n    error: connectorsError,\n    refetch: refetchConnectors,\n  } = useChannelConnectors(connectorFilter);\n  const {\n    data: routes,\n    loading: loadingRoutes,\n    error: routesError,\n    refetch: refetchRoutes,\n  } = useChannelRoutes();\n\n  // Routes are keyed by connector, so the per-connector count is derived here\n  // rather than assuming a field the service does not return.\n  const routeCountByConnector = useMemo(() => {\n    const counts = new Map<string, number>();\n    for (const route of routes) {\n      counts.set(route.connectorId, (counts.get(route.connectorId) ?? 0) + 1);\n    }\n    return counts;\n  }, [routes]);\n\n  return (\n    <PageLayout\n      title={t('botlit.channels.title', 'Channels')}\n      description={t(\n        'botlit.channels.description',\n        'Connect agents to messaging platforms and configure routing'\n      )}\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Link to={getPath('channels/routes')}>\n              {t('botlit.channels.actions.viewRoutes', 'View Routes')}\n            </Link>\n          </Button>\n          <Button leftIcon={<Plus size={16} />}>\n            <Link to={getPath('channels/new')}>\n              {t('botlit.channels.actions.addChannel', 'Add Channel')}\n            </Link>\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<MessageSquare size={18} />}>\n          {t(\n            'botlit.channels.purpose',\n            'Channels are where your bots actually talk to people. Connect a messaging platform — a website chat widget, Slack, Microsoft Teams, Discord, WhatsApp or a custom webhook — then add a route that points an incoming location at the bot that should answer. Use this page to manage those connectors and routing rules in one place.'\n          )}\n        </PagePurpose>\n\n        {/* Tabs */}\n        <div className=\"flex gap-1 border-b border-border-subtle\">\n          <button\n            onClick={() => setActiveTab('connectors')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'connectors'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.connectors', 'Connectors')} ({connectors.length})\n          </button>\n          <button\n            onClick={() => setActiveTab('routes')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'routes'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.routes', 'Routes')} ({routes.length})\n          </button>\n        </div>\n\n        {/* Search */}\n        <div className=\"flex items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t('botlit.channels.searchPlaceholder', 'Search {{tab}}...', {\n                tab: activeTab,\n              })}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <Button variant=\"outline\" leftIcon={<Filter size={16} />}>\n            {t('botlit.channels.filters.filters', 'Filters')}\n          </Button>\n        </div>\n\n        {/* Connectors Tab */}\n        {activeTab === 'connectors' && (\n          <>\n            {loadingConnectors ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {[1, 2, 3].map((i) => (\n                  <div\n                    key={i}\n                    className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n                  />\n                ))}\n              </div>\n            ) : connectorsError ? (\n              <ErrorState\n                resource=\"channel connectors\"\n                error={connectorsError}\n                onRetry={() => void refetchConnectors()}\n              />\n            ) : connectors.length > 0 ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {connectors.map((connector: ChannelConnectorRecord) => (\n                  <Link key={connector.id} to={getPath(`channels/${connector.id}`)}>\n                    <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                      <CardHeader>\n                        <div className=\"flex items-start justify-between\">\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                              <ChannelIcon type={connector.type} className=\"h-5 w-5 text-primary\" />\n                            </div>\n                            <div>\n                              <CardTitle className=\"text-base\">{connector.name}</CardTitle>\n                              <CardDescription className=\"text-xs\">\n                                {connector.description}\n                              </CardDescription>\n                            </div>\n                          </div>\n                          <StatusBadge status={connector.status} />\n                        </div>\n                      </CardHeader>\n                      <CardContent>\n                        <div className=\"space-y-3\">\n                          {/* Type */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.type', 'Type')}\n                            </span>\n                            <Badge variant=\"outline\" className=\"capitalize\">\n                              {connector.type.toLowerCase().replace('_', ' ')}\n                            </Badge>\n                          </div>\n\n                          {/* Routes */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.activeRoutes', 'Active Routes')}\n                            </span>\n                            <Badge variant=\"secondary\">\n                              {routeCountByConnector.get(connector.id) ?? 0}\n                            </Badge>\n                          </div>\n\n                          {/* Footer */}\n                          <div className=\"pt-3 border-t border-border-subtle text-xs text-text-secondary\">\n                            {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                            {formatRelativeTime(connector.createdAt)}\n                          </div>\n                        </div>\n                      </CardContent>\n                    </Card>\n                  </Link>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-notifications\"\n                title={t('botlit.channels.empty.connectors.title', 'No channel connectors')}\n                description={t(\n                  'botlit.channels.empty.connectors.description',\n                  'Connect messaging platforms to deploy agents across multiple channels.'\n                )}\n                action={\n                  <Button leftIcon={<Plus size={16} />}>\n                    <Link to={getPath('channels/new')}>\n                      {t('botlit.channels.actions.addChannel', 'Add Channel')}\n                    </Link>\n                  </Button>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Routes Tab */}\n        {activeTab === 'routes' && (\n          <>\n            {loadingRoutes ? (\n              <div className=\"space-y-4\">\n                {[1, 2, 3].map((i) => (\n                  <div\n                    key={i}\n                    className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n                  />\n                ))}\n              </div>\n            ) : routesError ? (\n              <ErrorState\n                resource=\"channel routes\"\n                error={routesError}\n                onRetry={() => void refetchRoutes()}\n              />\n            ) : routes.length > 0 ? (\n              <div className=\"space-y-4\">\n                {routes.map((route: ChannelRouteRecord) => (\n                  <Card key={route.id}>\n                    <CardContent className=\"py-4\">\n                      <div className=\"flex items-center justify-between\">\n                        <div className=\"flex items-center gap-4\">\n                          <div className=\"flex items-center gap-2 text-sm\">\n                            <Badge variant=\"outline\">\n                              {routeMetadataString(route, 'locationName') ?? route.locationId}\n                            </Badge>\n                            <ArrowRight size={16} className=\"text-text-secondary\" />\n                            <Badge variant=\"secondary\">\n                              {routeMetadataString(route, 'appName') ??\n                                route.appId ??\n                                MISSING_VALUE}\n                            </Badge>\n                          </div>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                          <span className=\"text-xs text-text-secondary\">\n                            {formatRelativeTime(route.createdAt)}\n                          </span>\n                          <Button variant=\"ghost\" size=\"icon\">\n                            <Settings size={16} />\n                          </Button>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-search\"\n                title={t('botlit.channels.empty.routes.title', 'No routes configured')}\n                description={t(\n                  'botlit.channels.empty.routes.description',\n                  'Create routes to connect channel locations to specific bots.'\n                )}\n                action={\n                  <Button leftIcon={<Plus size={16} />}>\n                    {t('botlit.channels.actions.createRoute', 'Create Route')}\n                  </Button>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Available Integrations */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.channels.integrations.title', 'Available Integrations')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t(\n                'botlit.channels.integrations.description',\n                'Connect to popular messaging platforms'\n              )}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\n            {[\n              {\n                type: 'WEB_WIDGET' as ChannelType,\n                name: t('botlit.channels.integrations.webWidget', 'Web Widget'),\n                desc: t('botlit.channels.integrations.webWidgetDesc', 'Embed on websites'),\n              },\n              {\n                type: 'SLACK' as ChannelType,\n                name: t('botlit.channels.integrations.slack', 'Slack'),\n                desc: t('botlit.channels.integrations.slackDesc', 'Workspace integration'),\n              },\n              {\n                type: 'TEAMS' as ChannelType,\n                name: t('botlit.channels.integrations.teams', 'MS Teams'),\n                desc: t('botlit.channels.integrations.teamsDesc', 'Teams app'),\n              },\n              {\n                type: 'DISCORD' as ChannelType,\n                name: t('botlit.channels.integrations.discord', 'Discord'),\n                desc: t('botlit.channels.integrations.discordDesc', 'Bot integration'),\n              },\n              {\n                type: 'WHATSAPP' as ChannelType,\n                name: t('botlit.channels.integrations.whatsapp', 'WhatsApp'),\n                desc: t('botlit.channels.integrations.whatsappDesc', 'Business API'),\n              },\n              {\n                type: 'WEBHOOK' as ChannelType,\n                name: t('botlit.channels.integrations.webhook', 'Webhook'),\n                desc: t('botlit.channels.integrations.webhookDesc', 'Custom integration'),\n              },\n            ].map((integration) => (\n              <button\n                key={integration.type}\n                className=\"p-4 text-center border border-border-subtle rounded-lg hover:bg-accent transition-colors\"\n              >\n                <ChannelIcon\n                  type={integration.type}\n                  className=\"h-8 w-8 mx-auto text-text-secondary\"\n                />\n                <p className=\"mt-2 font-medium text-sm\">{integration.name}</p>\n                <p className=\"text-xs text-text-secondary\">{integration.desc}</p>\n              </button>\n            ))}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../src/botlit/pages/ChannelsPage.tsx"],"sourcesContent":["/**\n * Channels Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Plus,\n  Search as SearchIcon,\n  Filter,\n  MessageSquare,\n  Globe,\n  Slack,\n  Hash,\n  Webhook,\n  ArrowRight,\n  Settings,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useChannelConnectors,\n  useChannelRoutes,\n  routeMetadataString,\n  type ChannelConnectorRecord,\n  type ChannelRouteRecord,\n} from '../hooks';\nimport { formatRelativeTime, MISSING_VALUE } from '../utils/formatters';\nimport type { ChannelType } from '../types';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nconst ChannelIcon: FC<{ type: string; className?: string }> = ({ type, className }) => {\n  switch (type) {\n    case 'SLACK':\n      return <Slack className={className} />;\n    case 'DISCORD':\n      return <Hash className={className} />;\n    case 'TEAMS':\n      return <MessageSquare className={className} />;\n    case 'WEB_WIDGET':\n      return <Globe className={className} />;\n    case 'WEBHOOK':\n      return <Webhook className={className} />;\n    default:\n      return <MessageSquare className={className} />;\n  }\n};\n\nexport const ChannelsPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [activeTab, setActiveTab] = useState<'connectors' | 'routes'>('connectors');\n  const connectorFilter = useMemo(() => ({ search }), [search]);\n  const {\n    data: connectors,\n    loading: loadingConnectors,\n    error: connectorsError,\n    refetch: refetchConnectors,\n  } = useChannelConnectors(connectorFilter);\n  const {\n    data: routes,\n    loading: loadingRoutes,\n    error: routesError,\n    refetch: refetchRoutes,\n  } = useChannelRoutes();\n\n  // Routes are keyed by connector, so the per-connector count is derived here\n  // rather than assuming a field the service does not return.\n  const routeCountByConnector = useMemo(() => {\n    const counts = new Map<string, number>();\n    for (const route of routes) {\n      counts.set(route.connectorId, (counts.get(route.connectorId) ?? 0) + 1);\n    }\n    return counts;\n  }, [routes]);\n\n  return (\n    <PageLayout\n      title={t('botlit.channels.title', 'Channels')}\n      description={t(\n        'botlit.channels.description',\n        'Connect agents to messaging platforms and configure routing'\n      )}\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Link to={getPath('channels/routes')}>\n              {t('botlit.channels.actions.viewRoutes', 'View Routes')}\n            </Link>\n          </Button>\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n            <Button leftIcon={<Plus size={16} />}>\n              <Link to={getPath('channels/new')}>\n                {t('botlit.channels.actions.addChannel', 'Add Channel')}\n              </Link>\n            </Button>\n          </BotmanorPermissionGate>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<MessageSquare size={18} />}>\n          {t(\n            'botlit.channels.purpose',\n            'Channels are where your bots actually talk to people. Connect a messaging platform — a website chat widget, Slack, Microsoft Teams, Discord, WhatsApp or a custom webhook — then add a route that points an incoming location at the bot that should answer. Use this page to manage those connectors and routing rules in one place.'\n          )}\n        </PagePurpose>\n\n        {/* Tabs */}\n        <div className=\"flex gap-1 border-b border-border-subtle\">\n          <button\n            onClick={() => setActiveTab('connectors')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'connectors'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.connectors', 'Connectors')} ({connectors.length})\n          </button>\n          <button\n            onClick={() => setActiveTab('routes')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'routes'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.routes', 'Routes')} ({routes.length})\n          </button>\n        </div>\n\n        {/* Search */}\n        <div className=\"flex items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t('botlit.channels.searchPlaceholder', 'Search {{tab}}...', {\n                tab: activeTab,\n              })}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <Button variant=\"outline\" leftIcon={<Filter size={16} />}>\n            {t('botlit.channels.filters.filters', 'Filters')}\n          </Button>\n        </div>\n\n        {/* Connectors Tab */}\n        {activeTab === 'connectors' && (\n          <>\n            {loadingConnectors ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {[1, 2, 3].map((i) => (\n                  <div\n                    key={i}\n                    className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n                  />\n                ))}\n              </div>\n            ) : connectorsError ? (\n              <ErrorState\n                resource=\"channel connectors\"\n                error={connectorsError}\n                onRetry={() => void refetchConnectors()}\n              />\n            ) : connectors.length > 0 ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {connectors.map((connector: ChannelConnectorRecord) => (\n                  <Link key={connector.id} to={getPath(`channels/${connector.id}`)}>\n                    <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                      <CardHeader>\n                        <div className=\"flex items-start justify-between\">\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                              <ChannelIcon type={connector.type} className=\"h-5 w-5 text-primary\" />\n                            </div>\n                            <div>\n                              <CardTitle className=\"text-base\">{connector.name}</CardTitle>\n                              <CardDescription className=\"text-xs\">\n                                {connector.description}\n                              </CardDescription>\n                            </div>\n                          </div>\n                          <StatusBadge status={connector.status} />\n                        </div>\n                      </CardHeader>\n                      <CardContent>\n                        <div className=\"space-y-3\">\n                          {/* Type */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.type', 'Type')}\n                            </span>\n                            <Badge variant=\"outline\" className=\"capitalize\">\n                              {connector.type.toLowerCase().replace('_', ' ')}\n                            </Badge>\n                          </div>\n\n                          {/* Routes */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.activeRoutes', 'Active Routes')}\n                            </span>\n                            <Badge variant=\"secondary\">\n                              {routeCountByConnector.get(connector.id) ?? 0}\n                            </Badge>\n                          </div>\n\n                          {/* Footer */}\n                          <div className=\"pt-3 border-t border-border-subtle text-xs text-text-secondary\">\n                            {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                            {formatRelativeTime(connector.createdAt)}\n                          </div>\n                        </div>\n                      </CardContent>\n                    </Card>\n                  </Link>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-notifications\"\n                title={t('botlit.channels.empty.connectors.title', 'No channel connectors')}\n                description={t(\n                  'botlit.channels.empty.connectors.description',\n                  'Connect messaging platforms to deploy agents across multiple channels.'\n                )}\n                action={\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n                    <Button leftIcon={<Plus size={16} />}>\n                      <Link to={getPath('channels/new')}>\n                        {t('botlit.channels.actions.addChannel', 'Add Channel')}\n                      </Link>\n                    </Button>\n                  </BotmanorPermissionGate>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Routes Tab */}\n        {activeTab === 'routes' && (\n          <>\n            {loadingRoutes ? (\n              <div className=\"space-y-4\">\n                {[1, 2, 3].map((i) => (\n                  <div\n                    key={i}\n                    className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n                  />\n                ))}\n              </div>\n            ) : routesError ? (\n              <ErrorState\n                resource=\"channel routes\"\n                error={routesError}\n                onRetry={() => void refetchRoutes()}\n              />\n            ) : routes.length > 0 ? (\n              <div className=\"space-y-4\">\n                {routes.map((route: ChannelRouteRecord) => (\n                  <Card key={route.id}>\n                    <CardContent className=\"py-4\">\n                      <div className=\"flex items-center justify-between\">\n                        <div className=\"flex items-center gap-4\">\n                          <div className=\"flex items-center gap-2 text-sm\">\n                            <Badge variant=\"outline\">\n                              {routeMetadataString(route, 'locationName') ?? route.locationId}\n                            </Badge>\n                            <ArrowRight size={16} className=\"text-text-secondary\" />\n                            <Badge variant=\"secondary\">\n                              {routeMetadataString(route, 'appName') ??\n                                route.appId ??\n                                MISSING_VALUE}\n                            </Badge>\n                          </div>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                          <span className=\"text-xs text-text-secondary\">\n                            {formatRelativeTime(route.createdAt)}\n                          </span>\n                          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_UPDATE}>\n                            <Button variant=\"ghost\" size=\"icon\">\n                              <Settings size={16} />\n                            </Button>\n                          </BotmanorPermissionGate>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-search\"\n                title={t('botlit.channels.empty.routes.title', 'No routes configured')}\n                description={t(\n                  'botlit.channels.empty.routes.description',\n                  'Create routes to connect channel locations to specific bots.'\n                )}\n                action={\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n                    <Button leftIcon={<Plus size={16} />}>\n                      {t('botlit.channels.actions.createRoute', 'Create Route')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Available Integrations */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.channels.integrations.title', 'Available Integrations')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t(\n                'botlit.channels.integrations.description',\n                'Connect to popular messaging platforms'\n              )}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\n            {[\n              {\n                type: 'WEB_WIDGET' as ChannelType,\n                name: t('botlit.channels.integrations.webWidget', 'Web Widget'),\n                desc: t('botlit.channels.integrations.webWidgetDesc', 'Embed on websites'),\n              },\n              {\n                type: 'SLACK' as ChannelType,\n                name: t('botlit.channels.integrations.slack', 'Slack'),\n                desc: t('botlit.channels.integrations.slackDesc', 'Workspace integration'),\n              },\n              {\n                type: 'TEAMS' as ChannelType,\n                name: t('botlit.channels.integrations.teams', 'MS Teams'),\n                desc: t('botlit.channels.integrations.teamsDesc', 'Teams app'),\n              },\n              {\n                type: 'DISCORD' as ChannelType,\n                name: t('botlit.channels.integrations.discord', 'Discord'),\n                desc: t('botlit.channels.integrations.discordDesc', 'Bot integration'),\n              },\n              {\n                type: 'WHATSAPP' as ChannelType,\n                name: t('botlit.channels.integrations.whatsapp', 'WhatsApp'),\n                desc: t('botlit.channels.integrations.whatsappDesc', 'Business API'),\n              },\n              {\n                type: 'WEBHOOK' as ChannelType,\n                name: t('botlit.channels.integrations.webhook', 'Webhook'),\n                desc: t('botlit.channels.integrations.webhookDesc', 'Custom integration'),\n              },\n            ].map((integration) => (\n              <button\n                key={integration.type}\n                className=\"p-4 text-center border border-border-subtle rounded-lg hover:bg-accent transition-colors\"\n              >\n                <ChannelIcon\n                  type={integration.type}\n                  className=\"h-8 w-8 mx-auto text-text-secondary\"\n                />\n                <p className=\"mt-2 font-medium text-sm\">{integration.name}</p>\n                <p className=\"text-xs text-text-secondary\">{integration.desc}</p>\n              </button>\n            ))}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}