@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1028.1

package/dist/botlit/pages/BotChannelsTab.js

@@ -1,30 +1,33 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../components/Card.js";
-import { Button as a } from "../components/Button.js";
-import { Badge as o } from "../components/Badge.js";
-import { isNative as s, nativeCopyText as c, nativeNotify as l, nativeOpenUrl as u, nativeToast as d } from "../../utils/nativeBridge.js";
-import { EmptyState as f } from "../components/EmptyState.js";
-import { Input as p } from "../components/Input.js";
-import { useBotChannelRoutes as m, useChannelConnector as h, useCreateChannelRoute as g, useDeleteChannelRoute as _ } from "../hooks/useChannels.js";
-import { useGlobalChannels as v, useLinkIntegrationConnection as y, useMyUserPlatformConnection as b, useRevokeSlackConnection as x, useToggleSlackNotifications as S } from "../hooks/useUserPlatformConnection.js";
+import { BOTMANOR_PERMISSIONS as t } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as n } from "../permissions/useBotmanorPermissions.js";
+import { Button as r } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as i, CardContent as a, CardHeader as o, CardTitle as s } from "../components/Card.js";
+import { Badge as c } from "../components/Badge.js";
+import { isNative as l, nativeCopyText as u, nativeNotify as d, nativeOpenUrl as f, nativeToast as p } from "../../utils/nativeBridge.js";
+import { EmptyState as m } from "../components/EmptyState.js";
+import { Input as h } from "../components/Input.js";
+import { useBotChannelRoutes as g, useChannelConnector as _, useCreateChannelRoute as v, useDeleteChannelRoute as y } from "../hooks/useChannels.js";
+import { useGlobalChannels as b, useLinkIntegrationConnection as x, useMyUserPlatformConnection as S, useRevokeSlackConnection as C, useToggleSlackNotifications as w } from "../hooks/useUserPlatformConnection.js";
 import "../hooks/index.js";
-import { ChannelSelectorSheet as C } from "../components/ChannelSelectorSheet.js";
-import { useCallback as w, useState as T } from "react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Bell as k, BellOff as A, CheckCircle2 as j, Loader2 as M, Mail as N, MessageCircle as P, MessageSquare as F, Plus as I, Radio as L, Slack as R, Trash2 as z, Unlink as B, Users as V } from "lucide-react";
-import { toast as H } from "sonner";
+import { ChannelSelectorSheet as T } from "../components/ChannelSelectorSheet.js";
+import { useCallback as E, useState as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Bell as j, BellOff as M, CheckCircle2 as N, Loader2 as P, Mail as F, MessageCircle as I, MessageSquare as L, Plus as R, Radio as z, Slack as B, Trash2 as V, Unlink as H, Users as U } from "lucide-react";
+import { toast as W } from "sonner";
 //#region src/botlit/pages/BotChannelsTab.tsx
-var U = {
+var G = {
 	SLACK: "slack-user",
 	TEAMS: "teams-user",
 	DISCORD: "discord-user",
 	WHATSAPP: "whatsapp-user"
-}, W = new Set([
+}, K = new Set([
 	"SLACK",
 	"TEAMS",
 	"DISCORD"
 ]);
-function G(e) {
+function q(e) {
 	return e ? {
 		SLACK_BOT: "Slack Bot",
 		SLACK_WEBHOOK: "Slack Webhook",
@@ -50,481 +53,490 @@ function G(e) {
 		WEBHOOK_HTTP: "HTTP Webhook"
 	}[e] ?? e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()) : null;
 }
-function K(e) {
+function J(e) {
 	switch (e) {
 		case "SLACK": return {
 			label: "Slack",
 			badgeClass: "bg-pink-100 text-pink-700",
-			icon: /* @__PURE__ */ D(R, { size: 18 }),
+			icon: /* @__PURE__ */ k(B, { size: 18 }),
 			accentBg: "bg-[#611f69]/10",
 			accentText: "text-[#611f69]"
 		};
 		case "TEAMS": return {
 			label: "Teams",
 			badgeClass: "bg-indigo-100 text-indigo-700",
-			icon: /* @__PURE__ */ D(V, { size: 18 }),
+			icon: /* @__PURE__ */ k(U, { size: 18 }),
 			accentBg: "bg-indigo-500/10",
 			accentText: "text-indigo-600"
 		};
 		case "DISCORD": return {
 			label: "Discord",
 			badgeClass: "bg-violet-100 text-violet-700",
-			icon: /* @__PURE__ */ D(P, { size: 18 }),
+			icon: /* @__PURE__ */ k(I, { size: 18 }),
 			accentBg: "bg-violet-500/10",
 			accentText: "text-violet-600"
 		};
 		case "WHATSAPP": return {
 			label: "WhatsApp",
 			badgeClass: "bg-green-100 text-green-700",
-			icon: /* @__PURE__ */ D(F, { size: 18 }),
+			icon: /* @__PURE__ */ k(L, { size: 18 }),
 			accentBg: "bg-green-500/10",
 			accentText: "text-green-700"
 		};
 		case "EMAIL": return {
 			label: "Email",
 			badgeClass: "bg-blue-100 text-blue-700",
-			icon: /* @__PURE__ */ D(N, { size: 18 }),
+			icon: /* @__PURE__ */ k(F, { size: 18 }),
 			accentBg: "bg-blue-500/10",
 			accentText: "text-blue-600"
 		};
 		case "SMS": return {
 			label: "SMS",
 			badgeClass: "bg-green-100 text-green-700",
-			icon: /* @__PURE__ */ D(F, { size: 18 }),
+			icon: /* @__PURE__ */ k(L, { size: 18 }),
 			accentBg: "bg-green-500/10",
 			accentText: "text-green-600"
 		};
 		default: return {
 			label: e,
 			badgeClass: "bg-gray-100 text-gray-700",
-			icon: /* @__PURE__ */ D(L, { size: 18 }),
+			icon: /* @__PURE__ */ k(z, { size: 18 }),
 			accentBg: "bg-gray-500/10",
 			accentText: "text-gray-600"
 		};
 	}
 }
-var q = ({ routeId: e, connectorId: t, channelId: n, platform: r, onRemoved: i, onReconnect: u }) => {
-	let { data: f, loading: m } = h(t), g = f?.credentialsRefId ?? n, { data: v, loading: C, refetch: w } = b(g), { toggle: E, loading: N } = S(), { revoke: P, loading: F } = x(), { link: I } = y(), [L] = _(), [R, V] = T(""), [U, W] = T(!1), G = K(r);
-	return m ? /* @__PURE__ */ D("div", { className: "h-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }) : /* @__PURE__ */ O("div", {
+var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s, onReconnect: f }) => {
+	let { data: m, loading: g } = _(i), v = m?.credentialsRefId ?? a, { data: b, loading: T, refetch: E } = S(v), { toggle: O, loading: F } = w(), { revoke: I, loading: L } = C(), { link: R } = x(), [z] = y(), [B, U] = D(""), [G, K] = D(!1), q = J(o);
+	return g ? /* @__PURE__ */ k("div", { className: "h-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }) : /* @__PURE__ */ A("div", {
 		className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 space-y-3",
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ D("span", {
+			children: [/* @__PURE__ */ k("span", {
 				className: "text-xs text-text-secondary font-medium uppercase tracking-wide",
 				children: "Connected workspace"
-			}), /* @__PURE__ */ D(a, {
-				variant: "ghost",
-				size: "icon",
-				onClick: async () => {
-					if (confirm(`Remove this ${G.label} channel from the bot?`)) try {
-						await L(e), i(), H.success(`${G.label} channel removed`), s() && l("success");
-					} catch (e) {
-						H.error(e instanceof Error ? e.message : "Failed to remove"), s() && l("error");
-					}
-				},
-				className: "h-7 w-7 text-text-secondary hover:text-status-error-text",
-				title: "Remove channel",
-				children: /* @__PURE__ */ D(z, { size: 13 })
+			}), /* @__PURE__ */ k(n, {
+				permission: t.CHANNEL_DELETE,
+				children: /* @__PURE__ */ k(r, {
+					variant: "ghost",
+					size: "icon",
+					onClick: async () => {
+						if (confirm(`Remove this ${q.label} channel from the bot?`)) try {
+							await z(e), s(), W.success(`${q.label} channel removed`), l() && d("success");
+						} catch (e) {
+							W.error(e instanceof Error ? e.message : "Failed to remove"), l() && d("error");
+						}
+					},
+					className: "h-7 w-7 text-text-secondary hover:text-status-error-text",
+					title: "Remove channel",
+					children: /* @__PURE__ */ k(V, { size: 13 })
+				})
 			})]
-		}), C ? /* @__PURE__ */ O("div", {
+		}), T ? /* @__PURE__ */ A("div", {
 			className: "flex items-center gap-2 py-2 text-text-secondary",
-			children: [/* @__PURE__ */ D(M, {
+			children: [/* @__PURE__ */ k(P, {
 				size: 14,
 				className: "animate-spin"
-			}), /* @__PURE__ */ O("span", {
+			}), /* @__PURE__ */ A("span", {
 				className: "text-xs",
 				children: [
 					"Checking ",
-					G.label,
+					q.label,
 					" connection…"
 				]
 			})]
-		}) : v?.dmAllowed ? /* @__PURE__ */ O("div", {
+		}) : b?.dmAllowed ? /* @__PURE__ */ A("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ A("div", {
 					className: "flex items-center gap-3 p-3 rounded-lg bg-bg-surface border border-border-subtle",
 					children: [
-						/* @__PURE__ */ D(j, {
+						/* @__PURE__ */ k(N, {
 							size: 16,
 							className: "text-green-600 shrink-0"
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ A("div", {
 							className: "min-w-0 flex-1",
 							children: [
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ k("p", {
 									className: "font-medium text-sm",
-									children: v.externalDisplayName || v.externalUsername || v.externalUserId
+									children: b.externalDisplayName || b.externalUsername || b.externalUserId
 								}),
-								v.externalUsername && /* @__PURE__ */ O("p", {
+								b.externalUsername && /* @__PURE__ */ A("p", {
 									className: "text-xs text-text-secondary",
-									children: ["@", v.externalUsername]
+									children: ["@", b.externalUsername]
 								}),
-								v.connectedAt && /* @__PURE__ */ O("p", {
+								b.connectedAt && /* @__PURE__ */ A("p", {
 									className: "text-xs text-text-secondary",
-									children: ["Connected ", new Date(v.connectedAt).toLocaleDateString()]
+									children: ["Connected ", new Date(b.connectedAt).toLocaleDateString()]
 								})
 							]
 						}),
-						v.isTokenExpired && /* @__PURE__ */ D(o, {
+						b.isTokenExpired && /* @__PURE__ */ k(c, {
 							variant: "outline",
 							className: "text-xs text-amber-600 border-amber-400",
 							children: "Token expired"
 						})
 					]
 				}),
-				v.integrationConnectionId && /* @__PURE__ */ O("div", {
+				b.integrationConnectionId && /* @__PURE__ */ A("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ D("label", {
+					children: [/* @__PURE__ */ k("label", {
 						className: "text-xs font-medium text-text-secondary",
 						children: "Integration Connection ID"
-					}), /* @__PURE__ */ D(p, {
-						value: v.integrationConnectionId,
+					}), /* @__PURE__ */ k(h, {
+						value: b.integrationConnectionId,
 						readOnly: !0,
 						className: "text-xs font-mono bg-bg-sunken/50 cursor-default",
 						onClick: (e) => {
-							e.currentTarget.select(), c(v.integrationConnectionId), H.success("Connection ID copied to clipboard"), s() && d("Copied");
+							e.currentTarget.select(), u(b.integrationConnectionId), W.success("Connection ID copied to clipboard"), l() && p("Copied");
 						},
 						title: "Click to copy"
 					})]
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ A("div", {
 					className: "flex items-center justify-between p-3 border border-border-subtle rounded-lg bg-bg-surface",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ A("div", {
 						className: "flex items-center gap-2",
-						children: [v.notificationsEnabled ? /* @__PURE__ */ D(k, {
+						children: [b.notificationsEnabled ? /* @__PURE__ */ k(j, {
 							size: 14,
 							className: "text-primary"
-						}) : /* @__PURE__ */ D(A, {
+						}) : /* @__PURE__ */ k(M, {
 							size: 14,
 							className: "text-text-secondary"
-						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 							className: "text-sm font-medium",
 							children: "DM Notifications"
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ k("p", {
 							className: "text-xs text-text-secondary",
-							children: v.notificationsEnabled ? `Bot will DM you on ${G.label}` : "DM notifications paused"
+							children: b.notificationsEnabled ? `Bot will DM you on ${q.label}` : "DM notifications paused"
 						})] })]
-					}), /* @__PURE__ */ D(a, {
+					}), /* @__PURE__ */ k(r, {
 						variant: "outline",
 						size: "sm",
-						isLoading: N,
+						isLoading: F,
 						onClick: async () => {
-							await E(v.id, !v.notificationsEnabled) && await w();
+							await O(b.id, !b.notificationsEnabled) && await E();
 						},
-						children: v.notificationsEnabled ? "Disable" : "Enable"
+						children: b.notificationsEnabled ? "Disable" : "Enable"
 					})]
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ A("div", {
 					className: "flex gap-2 justify-end pt-1",
-					children: [v.isTokenExpired && /* @__PURE__ */ D(a, {
+					children: [b.isTokenExpired && /* @__PURE__ */ k(r, {
 						variant: "outline",
 						size: "sm",
-						leftIcon: G.icon,
-						onClick: u,
+						leftIcon: q.icon,
+						onClick: f,
 						children: "Reconnect"
-					}), /* @__PURE__ */ D(a, {
+					}), /* @__PURE__ */ k(r, {
 						variant: "destructive",
 						size: "sm",
-						leftIcon: /* @__PURE__ */ D(B, { size: 13 }),
-						isLoading: F,
+						leftIcon: /* @__PURE__ */ k(H, { size: 13 }),
+						isLoading: L,
 						onClick: async () => {
-							await P(v.id) && await w();
+							await I(b.id) && await E();
 						},
 						children: "Disconnect"
 					})]
 				})
 			]
-		}) : /* @__PURE__ */ O("div", {
+		}) : /* @__PURE__ */ A("div", {
 			className: "space-y-3 py-2",
 			children: [
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ A("div", {
 					className: "flex items-center gap-2 p-3 rounded-lg bg-bg-surface border border-border-subtle",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "p-2 rounded-full bg-bg-sunken shrink-0",
-						children: /* @__PURE__ */ D("span", {
+						children: /* @__PURE__ */ k("span", {
 							className: "text-text-secondary",
-							children: G.icon
+							children: q.icon
 						})
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ A("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ D("p", {
+						children: [/* @__PURE__ */ k("p", {
 							className: "font-medium text-sm",
 							children: "No personal account connected"
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ A("p", {
 							className: "text-xs text-text-secondary mt-0.5",
 							children: [
 								"Connect your ",
-								G.label,
+								q.label,
 								" account to receive bot DMs"
 							]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ A("div", {
 					className: "p-3 rounded-lg bg-bg-sunken/50 space-y-2",
-					children: [/* @__PURE__ */ D("p", {
+					children: [/* @__PURE__ */ k("p", {
 						className: "text-xs font-medium text-text-secondary",
 						children: "Connect your account:"
-					}), /* @__PURE__ */ O("ol", {
+					}), /* @__PURE__ */ A("ol", {
 						className: "list-decimal list-inside space-y-1 text-xs text-text-secondary",
 						children: [
-							/* @__PURE__ */ D("li", { children: "Click \"Open Integrations\" below (opens in new tab)" }),
-							/* @__PURE__ */ O("li", { children: [
+							/* @__PURE__ */ k("li", { children: "Click \"Open Integrations\" below (opens in new tab)" }),
+							/* @__PURE__ */ A("li", { children: [
 								"Connect your ",
-								G.label,
+								q.label,
 								" account via OAuth"
 							] }),
-							/* @__PURE__ */ D("li", { children: "Copy the Connection ID from the integrations page" }),
-							/* @__PURE__ */ D("li", { children: "Paste it below and click \"Link Connection\"" })
+							/* @__PURE__ */ k("li", { children: "Copy the Connection ID from the integrations page" }),
+							/* @__PURE__ */ k("li", { children: "Paste it below and click \"Link Connection\"" })
 						]
 					})]
 				}),
-				/* @__PURE__ */ D(a, {
+				/* @__PURE__ */ k(r, {
 					variant: "outline",
 					size: "sm",
-					leftIcon: G.icon,
-					onClick: u,
+					leftIcon: q.icon,
+					onClick: f,
 					className: "w-full",
 					children: "Open Integrations →"
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ A("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ D(p, {
+					children: [/* @__PURE__ */ k(h, {
 						placeholder: "Paste integration connection ID...",
-						value: R,
-						onChange: (e) => V(e.target.value),
+						value: B,
+						onChange: (e) => U(e.target.value),
 						className: "flex-1 text-sm"
-					}), /* @__PURE__ */ D(a, {
+					}), /* @__PURE__ */ k(r, {
 						size: "sm",
 						onClick: async () => {
-							if (!R.trim()) {
-								H.error("Please enter an integration connection ID");
+							if (!B.trim()) {
+								W.error("Please enter an integration connection ID");
 								return;
 							}
-							W(!0);
+							K(!0);
 							try {
-								let e = await I(R.trim(), g);
-								e ? (H.success(`${e.externalDisplayName ?? e.externalUsername ?? "Account"} connected! The bot can now send you direct messages.`), await w(), V("")) : H.error("Failed to link connection. Please verify the ID and try again.");
+								let e = await R(B.trim(), v);
+								e ? (W.success(`${e.externalDisplayName ?? e.externalUsername ?? "Account"} connected! The bot can now send you direct messages.`), await E(), U("")) : W.error("Failed to link connection. Please verify the ID and try again.");
 							} catch (e) {
-								H.error(e instanceof Error ? e.message : "Failed to link connection");
+								W.error(e instanceof Error ? e.message : "Failed to link connection");
 							} finally {
-								W(!1);
+								K(!1);
 							}
 						},
-						isLoading: U,
-						disabled: !R.trim() || U,
+						isLoading: G,
+						disabled: !B.trim() || G,
 						children: "Link Connection"
 					})]
 				})
 			]
 		})]
 	});
-}, J = ({ channel: c, routes: l, botId: d, botName: f, onRoutesChanged: p }) => {
-	let { basePath: m } = e(), [h] = g(), [_, v] = T(!1), y = c.platform, b = K(y), x = G(c.adapterType), S = _, C = w((e) => {
-		let t = U[y];
+}, X = ({ channel: u, routes: d, botId: p, botName: m, onRoutesChanged: h }) => {
+	let { basePath: g } = e(), [_] = v(), [y, b] = D(!1), x = u.platform, S = J(x), C = q(u.adapterType), w = y, T = E((e) => {
+		let t = G[x];
 		if (!t) return;
-		let n = window.location.origin + window.location.pathname + window.location.search, r = `${m ? m.replace(/\/(botmanor|botlit)(\/.*)?$/, "/integrations") : "/integrations"}/connections/add?${new URLSearchParams({
+		let n = window.location.origin + window.location.pathname + window.location.search, r = `${g ? g.replace(/\/(botmanor|botlit)(\/.*)?$/, "/integrations") : "/integrations"}/connections/add?${new URLSearchParams({
 			providerKey: t,
 			returnTo: n,
 			channelId: e
 		}).toString()}`;
-		s() && /^https?:\/\//.test(r) ? u(r) : window.open(r, "_blank");
-	}, [y, m]), E = w(async () => {
-		v(!0);
+		l() && /^https?:\/\//.test(r) ? f(r) : window.open(r, "_blank");
+	}, [x, g]), O = E(async () => {
+		b(!0);
 		try {
-			await h({
-				connectorId: c.id,
-				appId: d,
+			await _({
+				connectorId: u.id,
+				appId: p,
 				locationId: "*",
 				metadata: {
 					locationName: "All channels & DMs",
-					appName: f
+					appName: m
 				}
-			}), await p(), C(c.id);
+			}), await h(), T(u.id);
 		} catch (e) {
-			H.error(e instanceof Error ? e.message : `Failed to connect ${b.label}`), v(!1);
+			W.error(e instanceof Error ? e.message : `Failed to connect ${S.label}`), b(!1);
 		}
 	}, [
-		d,
-		f,
-		c.id,
-		h,
-		b.label,
-		C,
-		p
-	]), k = w(() => {
-		C(c.id);
-	}, [c.id, C]);
-	return /* @__PURE__ */ O(t, { children: [/* @__PURE__ */ O(r, {
+		p,
+		m,
+		u.id,
+		_,
+		S.label,
+		T,
+		h
+	]), j = E(() => {
+		T(u.id);
+	}, [u.id, T]);
+	return /* @__PURE__ */ A(i, { children: [/* @__PURE__ */ A(o, {
 		className: "flex flex-row items-center justify-between pb-3",
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "flex items-center gap-2.5",
-			children: [/* @__PURE__ */ D("div", {
-				className: `p-1.5 rounded-md ${b.accentBg}`,
-				children: /* @__PURE__ */ D("span", {
-					className: b.accentText,
-					children: b.icon
+			children: [/* @__PURE__ */ k("div", {
+				className: `p-1.5 rounded-md ${S.accentBg}`,
+				children: /* @__PURE__ */ k("span", {
+					className: S.accentText,
+					children: S.icon
 				})
-			}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(i, {
+			}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(s, {
 				className: "text-base",
-				children: c.name
-			}), x && /* @__PURE__ */ D("p", {
+				children: u.name
+			}), C && /* @__PURE__ */ k("p", {
 				className: "text-xs text-text-secondary mt-0.5",
-				children: x
+				children: C
 			})] })]
-		}), /* @__PURE__ */ O("div", {
+		}), /* @__PURE__ */ A("div", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ D("span", {
-				className: `px-2 py-0.5 text-xs font-semibold rounded-full ${b.badgeClass}`,
-				children: b.label
-			}), l.length > 0 && /* @__PURE__ */ D(o, {
+			children: [/* @__PURE__ */ k("span", {
+				className: `px-2 py-0.5 text-xs font-semibold rounded-full ${S.badgeClass}`,
+				children: S.label
+			}), d.length > 0 && /* @__PURE__ */ k(c, {
 				variant: "outline",
 				className: "text-xs text-green-600 border-green-400 bg-green-50",
 				children: "Active"
 			})]
 		})]
-	}), /* @__PURE__ */ D(n, { children: l.length > 0 ? /* @__PURE__ */ D("div", {
+	}), /* @__PURE__ */ k(a, { children: d.length > 0 ? /* @__PURE__ */ k("div", {
 		className: "space-y-3",
-		children: l.map((e) => /* @__PURE__ */ D(q, {
+		children: d.map((e) => /* @__PURE__ */ k(Y, {
 			routeId: e.id,
 			connectorId: e.connectorId,
-			channelId: c.id,
-			platform: y,
-			onRemoved: p,
-			onReconnect: k
+			channelId: u.id,
+			platform: x,
+			onRemoved: h,
+			onReconnect: j
 		}, e.id))
-	}) : /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ A("div", {
 		className: "flex flex-col items-center gap-4 py-8 text-center",
 		children: [
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ k("div", {
 				className: "p-4 rounded-full bg-bg-sunken",
-				children: /* @__PURE__ */ D("span", {
+				children: /* @__PURE__ */ k("span", {
 					className: "text-text-secondary",
-					children: b.icon
+					children: S.icon
 				})
 			}),
-			/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+			/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 				className: "font-medium text-sm",
 				children: "Not connected to this bot"
-			}), /* @__PURE__ */ O("p", {
+			}), /* @__PURE__ */ A("p", {
 				className: "text-xs text-text-secondary mt-1",
 				children: [
 					"Enable ",
-					b.label,
+					S.label,
 					" for this bot. Users will connect their personal accounts separately."
 				]
 			})] }),
-			/* @__PURE__ */ O(a, {
-				leftIcon: b.icon,
-				onClick: E,
-				isLoading: S,
-				children: [
-					"Set up ",
-					b.label,
-					" channel"
-				]
+			/* @__PURE__ */ k(n, {
+				permission: t.CHANNEL_CREATE,
+				children: /* @__PURE__ */ A(r, {
+					leftIcon: S.icon,
+					onClick: O,
+					isLoading: w,
+					children: [
+						"Set up ",
+						S.label,
+						" channel"
+					]
+				})
 			})
 		]
 	}) })] });
-}, Y = ({ route: e, oauthChannels: t, botId: n, botName: r, onRoutesChanged: i }) => {
-	let { data: a } = h(e.connectorId), o = t.find((e) => e.id === a?.credentialsRefId);
-	return !a || !o || !W.has(o.platform) ? null : /* @__PURE__ */ D(J, {
+}, Z = ({ route: e, oauthChannels: t, botId: n, botName: r, onRoutesChanged: i }) => {
+	let { data: a } = _(e.connectorId), o = t.find((e) => e.id === a?.credentialsRefId);
+	return !a || !o || !K.has(o.platform) ? null : /* @__PURE__ */ k(X, {
 		channel: o,
 		routes: [e],
 		botId: n,
 		botName: r,
 		onRoutesChanged: i
 	});
-}, X = ({ botId: e, botName: r }) => {
-	let { data: i, loading: o, error: s } = v(), { data: c, loading: l, refetch: u } = m(e), [d, p] = T(!1), [h, g] = T(null), _ = w(async () => {
-		await u();
-	}, [u]), y = i.filter((e) => W.has(e.platform)), b = new Set(c.map((e) => y.find((e) => c.some((e) => e.connectorId))?.platform).filter(Boolean)), x = y.filter((e) => !b.has(e.platform)), S = {
-		SLACK: /* @__PURE__ */ D(R, { size: 18 }),
-		TEAMS: /* @__PURE__ */ D(V, { size: 18 }),
-		DISCORD: /* @__PURE__ */ D(P, { size: 18 })
-	}, k = {};
-	y.forEach((e) => {
+}, Q = ({ botId: e, botName: o }) => {
+	let { data: s, loading: c, error: l } = b(), { data: u, loading: d, refetch: f } = g(e), [p, h] = D(!1), [_, v] = D(null), y = E(async () => {
+		await f();
+	}, [f]), x = s.filter((e) => K.has(e.platform)), S = new Set(u.map((e) => x.find((e) => u.some((e) => e.connectorId))?.platform).filter(Boolean)), C = x.filter((e) => !S.has(e.platform)), w = {
+		SLACK: /* @__PURE__ */ k(B, { size: 18 }),
+		TEAMS: /* @__PURE__ */ k(U, { size: 18 }),
+		DISCORD: /* @__PURE__ */ k(I, { size: 18 })
+	}, j = {};
+	x.forEach((e) => {
 		let t = e.platform;
-		k[t] = K(t);
+		j[t] = J(t);
 	});
-	let A = w((e, t) => {
-		g(e);
+	let M = E((e, t) => {
+		v(e);
 	}, []);
-	if (o || l) return /* @__PURE__ */ O("div", {
+	if (c || d) return /* @__PURE__ */ A("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ D("div", { className: "h-10 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg w-52" }),
-			/* @__PURE__ */ D("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }),
-			/* @__PURE__ */ D("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+			/* @__PURE__ */ k("div", { className: "h-10 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg w-52" }),
+			/* @__PURE__ */ k("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }),
+			/* @__PURE__ */ k("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
 		]
 	});
-	let j = c.length > 0;
-	return /* @__PURE__ */ O("div", {
+	let N = u.length > 0;
+	return /* @__PURE__ */ A("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
+			/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h3", {
 				className: "font-semibold text-base",
 				children: "Channel Connections"
-			}), /* @__PURE__ */ D("p", {
+			}), /* @__PURE__ */ k("p", {
 				className: "text-sm text-text-secondary mt-0.5",
 				children: "Communication platforms available for this bot"
 			})] }),
-			s && /* @__PURE__ */ D("div", {
+			l && /* @__PURE__ */ k("div", {
 				className: "flex items-start gap-2 rounded-lg border border-status-error-border/40 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text",
-				children: /* @__PURE__ */ O("span", { children: ["Failed to load channels: ", s.message] })
+				children: /* @__PURE__ */ A("span", { children: ["Failed to load channels: ", l.message] })
 			}),
-			!s && y.length === 0 && /* @__PURE__ */ D(t, { children: /* @__PURE__ */ D(n, {
+			!l && x.length === 0 && /* @__PURE__ */ k(i, { children: /* @__PURE__ */ k(a, {
 				className: "py-12",
-				children: /* @__PURE__ */ D(f, {
+				children: /* @__PURE__ */ k(m, {
 					illustration: "empty-notifications",
 					title: "No channels available",
 					description: "No active communication channels have been configured yet. Contact your administrator to set up channels."
 				})
 			}) }),
-			!s && y.length > 0 && !j && !h && /* @__PURE__ */ D(t, { children: /* @__PURE__ */ D(n, {
+			!l && x.length > 0 && !N && !_ && /* @__PURE__ */ k(i, { children: /* @__PURE__ */ k(a, {
 				className: "py-12",
-				children: /* @__PURE__ */ D(f, {
+				children: /* @__PURE__ */ k(m, {
 					illustration: "empty-notifications",
 					title: "No channels connected",
 					description: "Connect a communication channel to enable bot conversations on platforms like Slack, Teams, or Discord.",
-					action: /* @__PURE__ */ D(a, {
-						leftIcon: /* @__PURE__ */ D(I, { size: 16 }),
-						onClick: () => p(!0),
-						children: "Connect Channel"
+					action: /* @__PURE__ */ k(n, {
+						permission: t.CHANNEL_CREATE,
+						children: /* @__PURE__ */ k(r, {
+							leftIcon: /* @__PURE__ */ k(R, { size: 16 }),
+							onClick: () => h(!0),
+							children: "Connect Channel"
+						})
 					})
 				})
 			}) }),
-			y.length > 0 && (j || h) && /* @__PURE__ */ O("div", {
+			x.length > 0 && (N || _) && /* @__PURE__ */ A("div", {
 				className: "space-y-4",
-				children: [c.map((t) => /* @__PURE__ */ D(Y, {
+				children: [u.map((t) => /* @__PURE__ */ k(Z, {
 					route: t,
-					oauthChannels: y,
+					oauthChannels: x,
 					botId: e,
-					botName: r,
-					onRoutesChanged: _
-				}, t.id)), h && /* @__PURE__ */ D(E, { children: y.filter((e) => e.id === h).map((t) => /* @__PURE__ */ D(J, {
+					botName: o,
+					onRoutesChanged: y
+				}, t.id)), _ && /* @__PURE__ */ k(O, { children: x.filter((e) => e.id === _).map((t) => /* @__PURE__ */ k(X, {
 					channel: t,
-					routes: c.filter((e) => !1),
+					routes: u.filter((e) => !1),
 					botId: e,
-					botName: r,
+					botName: o,
 					onRoutesChanged: async () => {
-						await _(), g(null);
+						await y(), v(null);
 					}
 				}, t.id)) })]
 			}),
-			/* @__PURE__ */ D(C, {
-				open: d,
-				onClose: () => p(!1),
-				onSelectChannel: A,
-				availableChannels: x,
-				platformIcons: S,
-				platformMeta: k
+			/* @__PURE__ */ k(T, {
+				open: p,
+				onClose: () => h(!1),
+				onSelectChannel: M,
+				availableChannels: C,
+				platformIcons: w,
+				platformMeta: j
 			})
 		]
 	});
 };
 //#endregion
-export { X as BotChannelsTab };
+export { Q as BotChannelsTab };
 
 //# sourceMappingURL=BotChannelsTab.js.map