@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/ChannelDetailPage.js

@@ -1,25 +1,28 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
 import { useBots as t } from "../hooks/useBots.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 ee } from "../components/Badge.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 ee } from "../components/Badge.js";
 import { isNative as te, nativeImpact as ne, nativeNotify as re } from "../../utils/nativeBridge.js";
-import { EmptyState as d } from "../components/EmptyState.js";
-import { FormField as f, Input as p, Textarea as m } from "../components/Input.js";
-import { WIDGET_METADATA_KEY as ie, readWidgetConfig as h, routeMetadataString as g, useChannelConnector as ae, useChannelRoutes as oe, useCreateChannelConnector as se, useCreateChannelRoute as ce, useDeleteChannelConnector as le, useUpdateChannelConnector as ue } from "../hooks/useChannels.js";
-import { toUnion as _ } from "../utils/unions.js";
-import { useInitiateSlackConnect as de, useLinkIntegrationConnection as fe, useMyUserPlatformConnection as pe, useRevokeSlackConnection as me, useToggleSlackNotifications as he } from "../hooks/useUserPlatformConnection.js";
+import { EmptyState as ie } from "../components/EmptyState.js";
+import { FormField as p, Input as m, Textarea as h } from "../components/Input.js";
+import { WIDGET_METADATA_KEY as ae, readWidgetConfig as g, routeMetadataString as _, useChannelConnector as oe, useChannelRoutes as se, useCreateChannelConnector as ce, useCreateChannelRoute as le, useDeleteChannelConnector as ue, useUpdateChannelConnector as de } from "../hooks/useChannels.js";
+import { toUnion as v } from "../utils/unions.js";
+import { useInitiateSlackConnect as fe, useLinkIntegrationConnection as pe, useMyUserPlatformConnection as me, useRevokeSlackConnection as he, useToggleSlackNotifications as ge } from "../hooks/useUserPlatformConnection.js";
 import "../hooks/index.js";
-import { useEffect as ge, useRef as _e, useState as v } from "react";
-import { GlassCard as ve, NextSteps as ye, PagePurpose as be } from "@burdenoff/fe-libs/ui";
-import { Fragment as xe, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useParams as Se, useSearchParams as Ce } from "react-router";
-import { ArrowLeft as we, Bell as Te, BellOff as Ee, CheckCircle2 as De, Edit as Oe, ExternalLink as ke, Globe as x, Hash as S, Loader2 as Ae, MessageSquare as C, Palette as je, Plus as w, Radio as T, Save as E, Settings as D, Shield as Me, Slack as O, Trash2 as Ne, Unlink as Pe, X as k } from "lucide-react";
-import { toast as A } from "sonner";
+import { useEffect as _e, useRef as ve, useState as y } from "react";
+import { GlassCard as ye, NextSteps as be, PagePurpose as xe } from "@burdenoff/fe-libs/ui";
+import { Fragment as Se, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useParams as Ce, useSearchParams as we } from "react-router";
+import { ArrowLeft as Te, Bell as Ee, BellOff as De, CheckCircle2 as Oe, Edit as ke, ExternalLink as Ae, Globe as S, Hash as C, Loader2 as w, MessageSquare as T, Palette as E, Plus as D, Radio as O, Save as k, Settings as A, Shield as je, Slack as j, Trash2 as Me, Unlink as Ne, X as M } from "lucide-react";
+import { toast as N } from "sonner";
 //#region src/botlit/pages/ChannelDetailPage.tsx
-var j = [
+var P = [
 	"WEB_WIDGET",
 	"SLACK",
 	"TEAMS",
@@ -27,107 +30,107 @@ var j = [
 	"WHATSAPP",
 	"WEBHOOK",
 	"CUSTOM"
-], Fe = [
+], Pe = [
 	"PRIVATE",
 	"WORKSPACE",
 	"PUBLIC"
 ];
-function M(e) {
+function Fe(e) {
 	return e.split(",").map((e) => e.trim()).filter(Boolean);
 }
-var N = ({ type: e }) => {
+var Ie = ({ type: e }) => {
 	switch (e) {
-		case "SLACK": return /* @__PURE__ */ y(S, { size: 18 });
-		case "WEB_WIDGET": return /* @__PURE__ */ y(x, { size: 18 });
-		case "TEAMS": return /* @__PURE__ */ y(C, { size: 18 });
-		default: return /* @__PURE__ */ y(T, { size: 18 });
+		case "SLACK": return /* @__PURE__ */ b(C, { size: 18 });
+		case "WEB_WIDGET": return /* @__PURE__ */ b(S, { size: 18 });
+		case "TEAMS": return /* @__PURE__ */ b(T, { size: 18 });
+		default: return /* @__PURE__ */ b(O, { size: 18 });
 	}
-}, P = ({ isNew: x }) => {
-	let { connectorId: S } = Se(), { navigateTo: P } = e(), [F, I] = Ce(), { data: L, loading: Ie } = ae(x ? void 0 : S), { data: Le, refetch: Re } = oe(S), { data: R } = t(), [ze, Be] = se(), [Ve, He] = ue(), [Ue, We] = le(), [Ge, Ke] = ce(), z = L?.type === "SLACK" && L?.credentialsRefId ? L.credentialsRefId : void 0, { data: B, loading: qe, refetch: V } = pe(z), { initiate: Je } = de(), { link: Ye, loading: Xe } = fe(), { toggle: Ze, loading: Qe } = he(), { revoke: $e, loading: et } = me(), [tt, H] = v(null), nt = _e(!1);
-	ge(() => {
-		if (nt.current) return;
-		let e = F.get("integrationConnectionId"), t = F.get("channelId");
+}, F = ({ isNew: S }) => {
+	let { connectorId: C } = Ce(), { navigateTo: F } = e(), [I, Le] = we(), { data: L, loading: Re } = oe(S ? void 0 : C), { data: ze, refetch: Be } = se(C), { data: Ve } = t(), [He, Ue] = ce(), [We, Ge] = de(), [Ke, qe] = ue(), [Je, Ye] = le(), R = L?.type === "SLACK" && L?.credentialsRefId ? L.credentialsRefId : void 0, { data: z, loading: Xe, refetch: B } = me(R), { initiate: Ze } = fe(), { link: Qe, loading: $e } = pe(), { toggle: et, loading: tt } = ge(), { revoke: nt, loading: rt } = he(), [it, V] = y(null), at = ve(!1);
+	_e(() => {
+		if (at.current) return;
+		let e = I.get("integrationConnectionId"), t = I.get("channelId");
 		if (!e || !t) return;
-		nt.current = !0;
-		let n = new URLSearchParams(F);
-		n.delete("integrationConnectionId"), n.delete("channelId"), I(n, { replace: !0 }), H(null), Ye(e, t).then((e) => {
-			e ? V() : H("Failed to link Slack connection. Please try again.");
+		at.current = !0;
+		let n = new URLSearchParams(I);
+		n.delete("integrationConnectionId"), n.delete("channelId"), Le(n, { replace: !0 }), V(null), Qe(e, t).then((e) => {
+			e ? B() : V("Failed to link Slack connection. Please try again.");
 		});
 	}, [
-		F,
 		I,
-		Ye,
-		V
+		Le,
+		Qe,
+		B
 	]);
-	let rt = () => {
-		z && Je(z, `${window.location.origin}${window.location.pathname}`);
-	}, it = async () => {
-		B && await Ze(B.id, !B.notificationsEnabled) && await V();
-	}, at = async () => {
-		B && await $e(B.id) && await V();
-	}, [ot, U] = v(!1), [st, ct] = v(!1), [lt, W] = v(!1), [G, K] = v({
+	let ot = () => {
+		R && Ze(R, `${window.location.origin}${window.location.pathname}`);
+	}, st = async () => {
+		z && await et(z.id, !z.notificationsEnabled) && await B();
+	}, ct = async () => {
+		z && await nt(z.id) && await B();
+	}, [H, U] = y(!1), [lt, ut] = y(!1), [dt, W] = y(!1), [G, K] = y({
 		locationId: "",
 		locationName: "",
 		botId: ""
-	}), [q, J] = v({
+	}), [q, J] = y({
 		name: "",
 		description: "",
 		type: "WEB_WIDGET",
 		visibility: "PRIVATE",
 		credentialsRefId: ""
-	}), [Y, X] = v({
+	}), [Y, X] = y({
 		allowedOrigins: "",
 		primaryColor: "#3b82f6",
 		fontFamily: "Inter, sans-serif",
 		starterPrompts: ""
-	}), ut = () => {
-		if (q.type === "WEB_WIDGET") return { [ie]: {
-			allowedOrigins: M(Y.allowedOrigins),
+	}), ft = () => {
+		if (q.type === "WEB_WIDGET") return { [ae]: {
+			allowedOrigins: Fe(Y.allowedOrigins),
 			primaryColor: Y.primaryColor,
 			fontFamily: Y.fontFamily,
-			starterPrompts: M(Y.starterPrompts)
+			starterPrompts: Fe(Y.starterPrompts)
 		} };
-	}, dt = async () => {
+	}, pt = async () => {
 		if (q.name) try {
-			let e = await ze({
+			let e = await He({
 				name: q.name,
 				type: q.type,
 				description: q.description || void 0,
 				visibility: q.visibility,
 				credentialsRefId: q.credentialsRefId || void 0,
-				metadata: ut()
+				metadata: ft()
 			});
-			A.success(`Channel "${e.name}" created`), P(`channels/${e.id}`);
+			N.success(`Channel "${e.name}" created`), F(`channels/${e.id}`);
 		} catch (e) {
-			A.error(e instanceof Error ? e.message : "Failed to create channel connector");
+			N.error(e instanceof Error ? e.message : "Failed to create channel connector");
 		}
-	}, ft = async () => {
-		if (!(!S || !q.name)) try {
-			await Ve({
-				connectorId: S,
+	}, mt = async () => {
+		if (!(!C || !q.name)) try {
+			await We({
+				connectorId: C,
 				input: {
 					name: q.name,
 					description: q.description || void 0,
 					visibility: q.visibility,
 					credentialsRefId: q.credentialsRefId || void 0,
-					metadata: ut()
+					metadata: ft()
 				}
-			}), A.success("Channel updated"), U(!1);
+			}), N.success("Channel updated"), U(!1);
 		} catch (e) {
-			A.error(e instanceof Error ? e.message : "Failed to update channel connector");
+			N.error(e instanceof Error ? e.message : "Failed to update channel connector");
 		}
-	}, pt = async () => {
-		if (S) try {
-			await Ue(S), te() && re("success"), P("channels");
+	}, ht = async () => {
+		if (C) try {
+			await Ke(C), te() && re("success"), F("channels");
 		} catch (e) {
 			throw te() && re("error"), e;
 		}
-	}, mt = async () => {
-		if (!S || !G.locationId || !G.botId) return;
-		let e = R?.find((e) => e.id === G.botId);
+	}, gt = async () => {
+		if (!C || !G.locationId || !G.botId) return;
+		let e = Ve?.find((e) => e.id === G.botId);
 		try {
-			await Ge({
-				connectorId: S,
+			await Je({
+				connectorId: C,
 				locationId: G.locationId,
 				appId: G.botId,
 				metadata: {
@@ -136,24 +139,24 @@ var N = ({ type: e }) => {
 				}
 			});
 		} catch (e) {
-			A.error(e instanceof Error ? e.message : "Failed to create route");
+			N.error(e instanceof Error ? e.message : "Failed to create route");
 			return;
 		}
-		A.success("Route created"), Re(), K({
+		N.success("Route created"), Be(), K({
 			locationId: "",
 			locationName: "",
 			botId: ""
 		}), W(!1);
-	}, ht = () => {
+	}, _t = () => {
 		if (!L) return;
 		J({
 			name: L.name,
 			description: L.description || "",
-			type: _(L.type, j, "CUSTOM"),
-			visibility: _(L.visibility, Fe, "PRIVATE"),
+			type: v(L.type, P, "CUSTOM"),
+			visibility: v(L.visibility, Pe, "PRIVATE"),
 			credentialsRefId: L.credentialsRefId || ""
 		});
-		let e = h(L);
+		let e = g(L);
 		e && X({
 			allowedOrigins: e.allowedOrigins.join(", "),
 			primaryColor: e.primaryColor,
@@ -161,32 +164,32 @@ var N = ({ type: e }) => {
 			starterPrompts: e.starterPrompts.join(", ")
 		}), U(!0);
 	};
-	if (x) return /* @__PURE__ */ y(r, {
+	if (S) return /* @__PURE__ */ b(a, {
 		title: "Create Channel Connector",
 		description: "Set up a new channel for your AI agents",
-		actions: /* @__PURE__ */ b("div", {
+		actions: /* @__PURE__ */ x("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ y(l, {
+			children: [/* @__PURE__ */ b(o, {
 				variant: "outline",
-				onClick: () => P("channels"),
+				onClick: () => F("channels"),
 				children: "Cancel"
-			}), /* @__PURE__ */ y(l, {
-				leftIcon: /* @__PURE__ */ y(E, { size: 16 }),
-				onClick: dt,
-				isLoading: Be.loading || He.loading,
+			}), /* @__PURE__ */ b(o, {
+				leftIcon: /* @__PURE__ */ b(k, { size: 16 }),
+				onClick: pt,
+				isLoading: Ue.loading || Ge.loading,
 				disabled: !q.name,
 				children: "Create"
 			})]
 		}),
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ y(c, { children: "Basic Information" }) }), /* @__PURE__ */ b(a, {
+			children: [/* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ b(d, { children: "Basic Information" }) }), /* @__PURE__ */ x(c, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ y(f, {
+					/* @__PURE__ */ b(p, {
 						label: "Connector Name",
 						required: !0,
-						children: /* @__PURE__ */ y(p, {
+						children: /* @__PURE__ */ b(m, {
 							placeholder: "e.g., Production Web Widget",
 							value: q.name,
 							onChange: (e) => J({
@@ -195,9 +198,9 @@ var N = ({ type: e }) => {
 							})
 						})
 					}),
-					/* @__PURE__ */ y(f, {
+					/* @__PURE__ */ b(p, {
 						label: "Description",
-						children: /* @__PURE__ */ y(m, {
+						children: /* @__PURE__ */ b(h, {
 							placeholder: "What is this channel connector for?",
 							value: q.description,
 							onChange: (e) => J({
@@ -207,12 +210,12 @@ var N = ({ type: e }) => {
 							rows: 3
 						})
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ y(f, {
+						children: [/* @__PURE__ */ b(p, {
 							label: "Channel Type",
 							required: !0,
-							children: /* @__PURE__ */ b("select", {
+							children: /* @__PURE__ */ x("select", {
 								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 								value: q.type,
 								onChange: (e) => J({
@@ -220,39 +223,39 @@ var N = ({ type: e }) => {
 									type: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "WEB_WIDGET",
 										children: "Web Widget"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "SLACK",
 										children: "Slack"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "TEAMS",
 										children: "Microsoft Teams"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "DISCORD",
 										children: "Discord"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "WHATSAPP",
 										children: "WhatsApp"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "WEBHOOK",
 										children: "Webhook"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "CUSTOM",
 										children: "Custom"
 									})
 								]
 							})
-						}), /* @__PURE__ */ y(f, {
+						}), /* @__PURE__ */ b(p, {
 							label: "Visibility",
-							children: /* @__PURE__ */ b("select", {
+							children: /* @__PURE__ */ x("select", {
 								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 								value: q.visibility,
 								onChange: (e) => J({
@@ -260,15 +263,15 @@ var N = ({ type: e }) => {
 									visibility: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "PRIVATE",
 										children: "Private"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "WORKSPACE",
 										children: "Workspace"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "PUBLIC",
 										children: "Public"
 									})
@@ -276,9 +279,9 @@ var N = ({ type: e }) => {
 							})
 						})]
 					}),
-					q.type !== "WEB_WIDGET" && /* @__PURE__ */ y(f, {
+					q.type !== "WEB_WIDGET" && /* @__PURE__ */ b(p, {
 						label: "Credentials Reference",
-						children: /* @__PURE__ */ y(p, {
+						children: /* @__PURE__ */ b(m, {
 							placeholder: "e.g., secret-slack-token",
 							value: q.credentialsRefId,
 							onChange: (e) => J({
@@ -288,16 +291,16 @@ var N = ({ type: e }) => {
 						})
 					})
 				]
-			})] }), q.type === "WEB_WIDGET" && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(c, {
+			})] }), q.type === "WEB_WIDGET" && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(d, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ y(je, { size: 18 }), "Widget Configuration"]
-			}) }), /* @__PURE__ */ b(a, {
+				children: [/* @__PURE__ */ b(E, { size: 18 }), "Widget Configuration"]
+			}) }), /* @__PURE__ */ x(c, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ y(f, {
+					/* @__PURE__ */ b(p, {
 						label: "Allowed Origins",
 						description: "Comma-separated list of domains",
-						children: /* @__PURE__ */ y(p, {
+						children: /* @__PURE__ */ b(m, {
 							placeholder: "e.g., https://example.com, https://app.example.com",
 							value: Y.allowedOrigins,
 							onChange: (e) => X({
@@ -306,13 +309,13 @@ var N = ({ type: e }) => {
 							})
 						})
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ y(f, {
+						children: [/* @__PURE__ */ b(p, {
 							label: "Primary Color",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ x("div", {
 								className: "flex gap-2",
-								children: [/* @__PURE__ */ y("input", {
+								children: [/* @__PURE__ */ b("input", {
 									type: "color",
 									value: Y.primaryColor,
 									onChange: (e) => X({
@@ -320,7 +323,7 @@ var N = ({ type: e }) => {
 										primaryColor: e.target.value
 									}),
 									className: "h-10 w-16 rounded border border-border-default"
-								}), /* @__PURE__ */ y(p, {
+								}), /* @__PURE__ */ b(m, {
 									value: Y.primaryColor,
 									onChange: (e) => X({
 										...Y,
@@ -328,9 +331,9 @@ var N = ({ type: e }) => {
 									})
 								})]
 							})
-						}), /* @__PURE__ */ y(f, {
+						}), /* @__PURE__ */ b(p, {
 							label: "Font Family",
-							children: /* @__PURE__ */ y(p, {
+							children: /* @__PURE__ */ b(m, {
 								value: Y.fontFamily,
 								onChange: (e) => X({
 									...Y,
@@ -339,10 +342,10 @@ var N = ({ type: e }) => {
 							})
 						})]
 					}),
-					/* @__PURE__ */ y(f, {
+					/* @__PURE__ */ b(p, {
 						label: "Starter Prompts",
 						description: "One per line",
-						children: /* @__PURE__ */ y(m, {
+						children: /* @__PURE__ */ b(h, {
 							placeholder: "What can you help me with?",
 							value: Y.starterPrompts,
 							onChange: (e) => X({
@@ -356,105 +359,114 @@ var N = ({ type: e }) => {
 			})] })]
 		})
 	});
-	if (Ie) return /* @__PURE__ */ y(r, {
+	if (Re) return /* @__PURE__ */ b(a, {
 		title: "Loading...",
-		children: /* @__PURE__ */ y("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+		children: /* @__PURE__ */ b("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
 	});
-	if (!L) return /* @__PURE__ */ y(r, {
+	if (!L) return /* @__PURE__ */ b(a, {
 		title: "Connector Not Found",
-		children: /* @__PURE__ */ y(d, {
+		children: /* @__PURE__ */ b(ie, {
 			illustration: "empty-notifications",
 			title: "Connector Not Found",
 			description: "This channel connector doesn't exist.",
-			action: /* @__PURE__ */ y(l, {
-				onClick: () => P("channels"),
+			action: /* @__PURE__ */ b(o, {
+				onClick: () => F("channels"),
 				children: "Back to Channels"
 			})
 		})
 	});
-	let Z = Le?.filter((e) => e.connectorId === L.id) || [], Q = _(L.type, j, "CUSTOM"), $ = h(L);
-	return /* @__PURE__ */ y(r, {
-		title: /* @__PURE__ */ b("div", {
+	let Z = ze?.filter((e) => e.connectorId === L.id) || [], Q = v(L.type, P, "CUSTOM"), $ = g(L);
+	return /* @__PURE__ */ b(a, {
+		title: /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ y(l, {
+				/* @__PURE__ */ b(o, {
 					variant: "ghost",
 					size: "icon",
-					onClick: () => P("channels"),
-					children: /* @__PURE__ */ y(we, { size: 20 })
+					onClick: () => F("channels"),
+					children: /* @__PURE__ */ b(Te, { size: 20 })
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ b("div", {
 					className: "p-2 rounded-lg bg-action-primary-bg/10",
-					children: /* @__PURE__ */ y(N, { type: Q })
+					children: /* @__PURE__ */ b(Ie, { type: Q })
 				}),
-				/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ y("span", { children: L.name }), /* @__PURE__ */ y(ee, { status: L.status })]
-				}), /* @__PURE__ */ y("p", {
+					children: [/* @__PURE__ */ b("span", { children: L.name }), /* @__PURE__ */ b(ee, { status: L.status })]
+				}), /* @__PURE__ */ b("p", {
 					className: "text-sm font-normal text-text-secondary",
 					children: L.description
 				})] })
 			]
 		}),
-		actions: /* @__PURE__ */ b("div", {
+		actions: /* @__PURE__ */ x("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ y(l, {
-				variant: "outline",
-				leftIcon: /* @__PURE__ */ y(w, { size: 16 }),
-				onClick: () => W(!0),
-				children: "Add Route"
-			}), ot ? /* @__PURE__ */ b(xe, { children: [/* @__PURE__ */ y(l, {
+			children: [/* @__PURE__ */ b(i, {
+				permission: r.CHANNEL_CREATE,
+				children: /* @__PURE__ */ b(o, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ b(D, { size: 16 }),
+					onClick: () => W(!0),
+					children: "Add Route"
+				})
+			}), H ? /* @__PURE__ */ x(Se, { children: [/* @__PURE__ */ b(o, {
 				variant: "outline",
 				onClick: () => U(!1),
 				children: "Cancel"
-			}), /* @__PURE__ */ y(l, {
-				leftIcon: /* @__PURE__ */ y(E, { size: 16 }),
-				onClick: ft,
-				isLoading: He.loading,
+			}), /* @__PURE__ */ b(o, {
+				leftIcon: /* @__PURE__ */ b(k, { size: 16 }),
+				onClick: mt,
+				isLoading: Ge.loading,
 				children: "Save"
-			})] }) : /* @__PURE__ */ b(xe, { children: [/* @__PURE__ */ y(l, {
-				variant: "outline",
-				leftIcon: /* @__PURE__ */ y(Oe, { size: 16 }),
-				onClick: ht,
-				children: "Edit"
-			}), st ? /* @__PURE__ */ b("div", {
+			})] }) : /* @__PURE__ */ x(Se, { children: [/* @__PURE__ */ b(i, {
+				permission: r.CHANNEL_UPDATE,
+				children: /* @__PURE__ */ b(o, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ b(ke, { size: 16 }),
+					onClick: _t,
+					children: "Edit"
+				})
+			}), lt ? /* @__PURE__ */ x("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ y(l, {
+				children: [/* @__PURE__ */ b(o, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => ct(!1),
+					onClick: () => ut(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ y(l, {
+				}), /* @__PURE__ */ b(o, {
 					variant: "destructive",
 					size: "sm",
 					onClick: () => {
-						ne("medium"), pt();
+						ne("medium"), ht();
 					},
-					isLoading: We.loading,
+					isLoading: qe.loading,
 					children: "Confirm"
 				})]
-			}) : /* @__PURE__ */ y(l, {
-				variant: "destructive",
-				leftIcon: /* @__PURE__ */ y(Ne, { size: 16 }),
-				onClick: () => ct(!0),
-				children: "Delete"
+			}) : /* @__PURE__ */ b(i, {
+				permission: r.CHANNEL_DELETE,
+				children: /* @__PURE__ */ b(o, {
+					variant: "destructive",
+					leftIcon: /* @__PURE__ */ b(Me, { size: 16 }),
+					onClick: () => ut(!0),
+					children: "Delete"
+				})
 			})] })]
 		}),
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ y(be, {
-					icon: /* @__PURE__ */ y(T, { size: 18 }),
+				/* @__PURE__ */ b(xe, {
+					icon: /* @__PURE__ */ b(O, { size: 18 }),
 					children: "This connector links BotManor to one messaging platform. From here you add routes — each mapping a specific location on the channel (a Slack channel, a widget, a number) to the bot that should answer there — tweak the connector’s settings, and manage its connection. Set up at least one route so messages on this channel reach a bot."
 				}),
-				/* @__PURE__ */ y(ye, {
+				/* @__PURE__ */ b(be, {
 					storageKey: `botlit-channel-${L.id}`,
 					steps: [
 						{
 							id: "route",
 							label: "Add a route",
 							description: "Point an incoming location on this channel at one of your bots.",
-							icon: /* @__PURE__ */ y(w, { size: 16 }),
+							icon: /* @__PURE__ */ b(D, { size: 16 }),
 							onClick: () => W(!0),
 							done: Z.length > 0
 						},
@@ -462,35 +474,35 @@ var N = ({ type: e }) => {
 							id: "edit",
 							label: "Review connector settings",
 							description: "Confirm the name, visibility and channel-specific configuration.",
-							icon: /* @__PURE__ */ y(D, { size: 16 }),
-							onClick: ht
+							icon: /* @__PURE__ */ b(A, { size: 16 }),
+							onClick: _t
 						},
 						{
 							id: "bots",
 							label: "Check your bots",
 							description: "Make sure the bot you are routing to is active and configured.",
-							icon: /* @__PURE__ */ y(C, { size: 16 }),
-							onClick: () => P("bots")
+							icon: /* @__PURE__ */ b(T, { size: 16 }),
+							onClick: () => F("bots")
 						}
 					]
 				}),
-				lt && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b(s, {
+				dt && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, {
 					className: "flex flex-row items-center justify-between",
-					children: [/* @__PURE__ */ y(c, { children: "Add Route" }), /* @__PURE__ */ y(l, {
+					children: [/* @__PURE__ */ b(d, { children: "Add Route" }), /* @__PURE__ */ b(o, {
 						variant: "ghost",
 						size: "icon",
 						onClick: () => W(!1),
-						children: /* @__PURE__ */ y(k, { size: 16 })
+						children: /* @__PURE__ */ b(M, { size: 16 })
 					})]
-				}), /* @__PURE__ */ b(a, {
+				}), /* @__PURE__ */ x(c, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ y(f, {
+							children: [/* @__PURE__ */ b(p, {
 								label: "Location ID",
 								required: !0,
-								children: /* @__PURE__ */ y(p, {
+								children: /* @__PURE__ */ b(m, {
 									placeholder: "e.g., #general or channel ID",
 									value: G.locationId,
 									onChange: (e) => K({
@@ -498,9 +510,9 @@ var N = ({ type: e }) => {
 										locationId: e.target.value
 									})
 								})
-							}), /* @__PURE__ */ y(f, {
+							}), /* @__PURE__ */ b(p, {
 								label: "Location Name",
-								children: /* @__PURE__ */ y(p, {
+								children: /* @__PURE__ */ b(m, {
 									placeholder: "Friendly name (optional)",
 									value: G.locationName,
 									onChange: (e) => K({
@@ -510,47 +522,47 @@ var N = ({ type: e }) => {
 								})
 							})]
 						}),
-						/* @__PURE__ */ y(f, {
+						/* @__PURE__ */ b(p, {
 							label: "Connect to Bot",
 							required: !0,
-							children: /* @__PURE__ */ b("select", {
+							children: /* @__PURE__ */ x("select", {
 								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 								value: G.botId,
 								onChange: (e) => K({
 									...G,
 									botId: e.target.value
 								}),
-								children: [/* @__PURE__ */ y("option", {
+								children: [/* @__PURE__ */ b("option", {
 									value: "",
 									children: "Select a bot..."
-								}), R?.map((e) => /* @__PURE__ */ y("option", {
+								}), Ve?.map((e) => /* @__PURE__ */ b("option", {
 									value: e.id,
 									children: e.name
 								}, e.id))]
 							})
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ y(l, {
+							children: [/* @__PURE__ */ b(o, {
 								variant: "outline",
 								onClick: () => W(!1),
 								children: "Cancel"
-							}), /* @__PURE__ */ y(l, {
-								onClick: mt,
-								isLoading: Ke.loading,
+							}), /* @__PURE__ */ b(o, {
+								onClick: gt,
+								isLoading: Ye.loading,
 								disabled: !G.locationId || !G.botId,
 								children: "Add Route"
 							})]
 						})
 					]
 				})] }),
-				ot && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ y(c, { children: "Edit Channel" }) }), /* @__PURE__ */ b(a, {
+				H && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ b(d, { children: "Edit Channel" }) }), /* @__PURE__ */ x(c, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ y(f, {
+						/* @__PURE__ */ b(p, {
 							label: "Connector Name",
 							required: !0,
-							children: /* @__PURE__ */ y(p, {
+							children: /* @__PURE__ */ b(m, {
 								value: q.name,
 								onChange: (e) => J({
 									...q,
@@ -558,9 +570,9 @@ var N = ({ type: e }) => {
 								})
 							})
 						}),
-						/* @__PURE__ */ y(f, {
+						/* @__PURE__ */ b(p, {
 							label: "Description",
-							children: /* @__PURE__ */ y(m, {
+							children: /* @__PURE__ */ b(h, {
 								value: q.description,
 								onChange: (e) => J({
 									...q,
@@ -569,9 +581,9 @@ var N = ({ type: e }) => {
 								rows: 2
 							})
 						}),
-						/* @__PURE__ */ y(f, {
+						/* @__PURE__ */ b(p, {
 							label: "Visibility",
-							children: /* @__PURE__ */ b("select", {
+							children: /* @__PURE__ */ x("select", {
 								className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 								value: q.visibility,
 								onChange: (e) => J({
@@ -579,15 +591,15 @@ var N = ({ type: e }) => {
 									visibility: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "PRIVATE",
 										children: "Private"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "WORKSPACE",
 										children: "Workspace"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "PUBLIC",
 										children: "Public"
 									})
@@ -596,222 +608,228 @@ var N = ({ type: e }) => {
 						})
 					]
 				})] }),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ y(i, { children: /* @__PURE__ */ b(a, {
+						/* @__PURE__ */ b(s, { children: /* @__PURE__ */ x(c, {
 							className: "pt-6 text-center",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "p-3 rounded-full bg-action-primary-bg/10 w-fit mx-auto mb-2",
-									children: /* @__PURE__ */ y(N, { type: Q })
+									children: /* @__PURE__ */ b(Ie, { type: Q })
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ b("p", {
 									className: "text-lg font-bold capitalize",
 									children: L.type.toLowerCase().replace("_", " ")
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ b("p", {
 									className: "text-sm text-text-secondary",
 									children: "Channel Type"
 								})
 							]
 						}) }),
-						/* @__PURE__ */ b(ve, {
+						/* @__PURE__ */ x(ye, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-6 text-center",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-3xl font-bold tabular-nums text-text-primary",
 								children: Z.length
-							}), /* @__PURE__ */ y("p", {
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: "Active Routes"
 							})]
 						}),
-						/* @__PURE__ */ y(i, { children: /* @__PURE__ */ b(a, {
+						/* @__PURE__ */ b(s, { children: /* @__PURE__ */ x(c, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-3xl font-bold text-text-primary capitalize",
 								children: L.visibility.toLowerCase()
-							}), /* @__PURE__ */ y("p", {
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: "Visibility"
 							})]
 						}) }),
-						/* @__PURE__ */ y(i, { children: /* @__PURE__ */ b(a, {
+						/* @__PURE__ */ b(s, { children: /* @__PURE__ */ x(c, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ b("p", {
 								className: "text-3xl font-bold text-text-primary",
 								children: L.revision
-							}), /* @__PURE__ */ y("p", {
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: "Revision"
 							})]
 						}) })
 					]
 				}),
-				$ && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(c, {
+				$ && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(d, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ y(je, { size: 18 }), "Widget Configuration"]
-				}) }), /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ b(E, { size: 18 }), "Widget Configuration"]
+				}) }), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 md:grid-cols-3 gap-6",
 					children: [
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
 							children: "Allowed Origins"
-						}), $.allowedOrigins.length > 0 ? /* @__PURE__ */ y("div", {
+						}), $.allowedOrigins.length > 0 ? /* @__PURE__ */ b("div", {
 							className: "flex flex-wrap gap-1 mt-1",
-							children: $.allowedOrigins.map((e) => /* @__PURE__ */ y(u, {
+							children: $.allowedOrigins.map((e) => /* @__PURE__ */ b(f, {
 								variant: "outline",
 								className: "font-mono text-xs",
 								children: e
 							}, e))
-						}) : /* @__PURE__ */ y("p", {
+						}) : /* @__PURE__ */ b("p", {
 							className: "font-medium",
 							children: "Any origin"
 						})] }),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
 							children: "Theme"
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2 mt-1",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "w-6 h-6 rounded border border-border-subtle",
 								style: { backgroundColor: $.primaryColor }
-							}), /* @__PURE__ */ y("span", {
+							}), /* @__PURE__ */ b("span", {
 								className: "font-mono text-sm",
 								children: $.primaryColor
 							})]
 						})] }),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
 							children: "Font Family"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "font-medium",
 							children: $.fontFamily
 						})] })
 					]
-				}), $.starterPrompts.length > 0 && /* @__PURE__ */ b("div", {
+				}), $.starterPrompts.length > 0 && /* @__PURE__ */ x("div", {
 					className: "mt-4 pt-4 border-t border-border-subtle",
-					children: [/* @__PURE__ */ y("p", {
+					children: [/* @__PURE__ */ b("p", {
 						className: "text-sm text-text-secondary mb-2",
 						children: "Starter Prompts"
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "flex flex-wrap gap-2",
-						children: $.starterPrompts.map((e, t) => /* @__PURE__ */ y(u, {
+						children: $.starterPrompts.map((e, t) => /* @__PURE__ */ b(f, {
 							variant: "secondary",
 							children: e
 						}, t))
 					})]
 				})] })] }),
-				/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b(s, {
+				/* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, {
 					className: "flex flex-row items-center justify-between",
-					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(c, { children: "Routes" }), /* @__PURE__ */ y(o, { children: "Routes connect this channel to your bots" })] }), /* @__PURE__ */ y(l, {
-						variant: "outline",
-						size: "sm",
-						leftIcon: /* @__PURE__ */ y(w, { size: 14 }),
-						onClick: () => W(!0),
-						children: "Add Route"
+					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(d, { children: "Routes" }), /* @__PURE__ */ b(l, { children: "Routes connect this channel to your bots" })] }), /* @__PURE__ */ b(i, {
+						permission: r.CHANNEL_CREATE,
+						children: /* @__PURE__ */ b(o, {
+							variant: "outline",
+							size: "sm",
+							leftIcon: /* @__PURE__ */ b(D, { size: 14 }),
+							onClick: () => W(!0),
+							children: "Add Route"
+						})
 					})]
-				}), /* @__PURE__ */ y(a, { children: Z.length > 0 ? /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b(c, { children: Z.length > 0 ? /* @__PURE__ */ b("div", {
 					className: "space-y-3",
-					children: Z.map((e) => /* @__PURE__ */ b("div", {
+					children: Z.map((e) => /* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between p-4 border border-border-subtle rounded-lg",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "p-2 rounded-lg bg-bg-sunken",
-								children: /* @__PURE__ */ y(C, {
+								children: /* @__PURE__ */ b(T, {
 									size: 18,
 									className: "text-text-secondary"
 								})
-							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 								className: "font-medium",
-								children: g(e, "locationName") ?? e.locationId
-							}), /* @__PURE__ */ b("p", {
+								children: _(e, "locationName") ?? e.locationId
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
-								children: ["Connected to: ", g(e, "appName") ?? e.appId]
+								children: ["Connected to: ", _(e, "appName") ?? e.appId]
 							})] })]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ b(u, {
+							children: [/* @__PURE__ */ x(f, {
 								variant: "outline",
 								children: ["Rev ", e.revision]
-							}), /* @__PURE__ */ y(l, {
+							}), /* @__PURE__ */ b(o, {
 								variant: "ghost",
 								size: "sm",
-								children: /* @__PURE__ */ y(ke, { size: 14 })
+								children: /* @__PURE__ */ b(Ae, { size: 14 })
 							})]
 						})]
 					}, e.id))
-				}) : /* @__PURE__ */ y(d, {
+				}) : /* @__PURE__ */ b(ie, {
 					illustration: "empty-data",
 					title: "No routes configured",
 					description: "Add a route to connect this channel to a bot.",
-					action: /* @__PURE__ */ y(l, {
-						leftIcon: /* @__PURE__ */ y(w, { size: 16 }),
-						onClick: () => W(!0),
-						children: "Add Route"
+					action: /* @__PURE__ */ b(i, {
+						permission: r.CHANNEL_CREATE,
+						children: /* @__PURE__ */ b(o, {
+							leftIcon: /* @__PURE__ */ b(D, { size: 16 }),
+							onClick: () => W(!0),
+							children: "Add Route"
+						})
 					})
 				}) })] }),
-				L.type === "SLACK" && L.credentialsRefId && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b(s, { children: [/* @__PURE__ */ b(c, {
+				L.type === "SLACK" && L.credentialsRefId && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x(d, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ y(O, { size: 18 }), "Your Slack Account"]
-				}), /* @__PURE__ */ y(o, { children: "Connect your personal Slack account to receive direct messages from this bot" })] }), /* @__PURE__ */ b(a, { children: [tt && /* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ b(j, { size: 18 }), "Your Slack Account"]
+				}), /* @__PURE__ */ b(l, { children: "Connect your personal Slack account to receive direct messages from this bot" })] }), /* @__PURE__ */ x(c, { children: [it && /* @__PURE__ */ x("div", {
 					className: "mb-4 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__ */ y("span", { children: tt }), /* @__PURE__ */ y("button", {
-						onClick: () => H(null),
+					children: [/* @__PURE__ */ b("span", { children: it }), /* @__PURE__ */ b("button", {
+						onClick: () => V(null),
 						className: "ml-auto cursor-pointer text-status-error-text/70 hover:text-status-error-text",
-						children: /* @__PURE__ */ y(k, { size: 14 })
+						children: /* @__PURE__ */ b(M, { size: 14 })
 					})]
-				}), Xe ? /* @__PURE__ */ b("div", {
+				}), $e ? /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2 py-4 text-text-secondary",
-					children: [/* @__PURE__ */ y(Ae, {
+					children: [/* @__PURE__ */ b(w, {
 						size: 16,
 						className: "animate-spin"
-					}), /* @__PURE__ */ y("span", {
+					}), /* @__PURE__ */ b("span", {
 						className: "text-sm",
 						children: "Linking Slack connection..."
 					})]
-				}) : qe ? /* @__PURE__ */ b("div", {
+				}) : Xe ? /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2 py-4 text-text-secondary",
-					children: [/* @__PURE__ */ y(Ae, {
+					children: [/* @__PURE__ */ b(w, {
 						size: 16,
 						className: "animate-spin"
-					}), /* @__PURE__ */ y("span", {
+					}), /* @__PURE__ */ b("span", {
 						className: "text-sm",
 						children: "Checking connection..."
 					})]
-				}) : B && B.dmAllowed ? /* @__PURE__ */ b("div", {
+				}) : z && z.dmAllowed ? /* @__PURE__ */ x("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3 p-3 rounded-lg bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ y(De, {
+								/* @__PURE__ */ b(Oe, {
 									size: 20,
 									className: "text-green-600 shrink-0"
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ x("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ b("p", {
 											className: "font-medium text-sm",
-											children: B.externalDisplayName || B.externalUsername || B.externalUserId
+											children: z.externalDisplayName || z.externalUsername || z.externalUserId
 										}),
-										B.externalUsername && B.externalDisplayName && /* @__PURE__ */ b("p", {
+										z.externalUsername && z.externalDisplayName && /* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
-											children: ["@", B.externalUsername]
+											children: ["@", z.externalUsername]
 										}),
-										B.connectedAt && /* @__PURE__ */ b("p", {
+										z.connectedAt && /* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
-											children: ["Connected ", new Date(B.connectedAt).toLocaleDateString()]
+											children: ["Connected ", new Date(z.connectedAt).toLocaleDateString()]
 										})
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex items-center gap-1",
-									children: B.isTokenExpired && /* @__PURE__ */ y(u, {
+									children: z.isTokenExpired && /* @__PURE__ */ b(f, {
 										variant: "outline",
 										className: "text-xs text-amber-600 border-amber-400",
 										children: "Token expired"
@@ -819,126 +837,126 @@ var N = ({ type: e }) => {
 								})
 							]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex items-center justify-between p-3 border border-border-subtle rounded-lg",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2",
-								children: [B.notificationsEnabled ? /* @__PURE__ */ y(Te, {
+								children: [z.notificationsEnabled ? /* @__PURE__ */ b(Ee, {
 									size: 16,
 									className: "text-primary"
-								}) : /* @__PURE__ */ y(Ee, {
+								}) : /* @__PURE__ */ b(De, {
 									size: 16,
 									className: "text-text-secondary"
-								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-sm font-medium",
 									children: "DM Notifications"
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ b("p", {
 									className: "text-xs text-text-secondary",
-									children: B.notificationsEnabled ? "You will receive bot DMs" : "DM notifications are paused"
+									children: z.notificationsEnabled ? "You will receive bot DMs" : "DM notifications are paused"
 								})] })]
-							}), /* @__PURE__ */ y(l, {
+							}), /* @__PURE__ */ b(o, {
 								variant: "outline",
 								size: "sm",
-								onClick: it,
-								isLoading: Qe,
-								children: B.notificationsEnabled ? "Disable" : "Enable"
+								onClick: st,
+								isLoading: tt,
+								children: z.notificationsEnabled ? "Disable" : "Enable"
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex gap-2 justify-end pt-2",
-							children: [B.isTokenExpired && /* @__PURE__ */ y(l, {
+							children: [z.isTokenExpired && /* @__PURE__ */ b(o, {
 								variant: "outline",
 								size: "sm",
-								leftIcon: /* @__PURE__ */ y(O, { size: 14 }),
-								onClick: rt,
+								leftIcon: /* @__PURE__ */ b(j, { size: 14 }),
+								onClick: ot,
 								children: "Reconnect"
-							}), /* @__PURE__ */ y(l, {
+							}), /* @__PURE__ */ b(o, {
 								variant: "destructive",
 								size: "sm",
-								leftIcon: /* @__PURE__ */ y(Pe, { size: 14 }),
-								onClick: at,
-								isLoading: et,
+								leftIcon: /* @__PURE__ */ b(Ne, { size: 14 }),
+								onClick: ct,
+								isLoading: rt,
 								children: "Disconnect"
 							})]
 						})
 					]
-				}) : /* @__PURE__ */ b("div", {
+				}) : /* @__PURE__ */ x("div", {
 					className: "flex flex-col items-center gap-4 py-8 text-center",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ b("div", {
 							className: "p-4 rounded-full bg-bg-sunken",
-							children: /* @__PURE__ */ y(O, {
+							children: /* @__PURE__ */ b(j, {
 								size: 32,
 								className: "text-text-secondary"
 							})
 						}),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "font-medium",
 							children: "No personal account connected"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary mt-1",
 							children: "Connect your Slack account so the bot can send you direct messages"
 						})] }),
-						/* @__PURE__ */ y(l, {
-							leftIcon: /* @__PURE__ */ y(O, { size: 16 }),
-							onClick: rt,
+						/* @__PURE__ */ b(o, {
+							leftIcon: /* @__PURE__ */ b(j, { size: 16 }),
+							onClick: ot,
 							children: "Connect with Slack"
 						})
 					]
 				})] })] }),
-				L.defaultPolicyBindings && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b(s, { children: [/* @__PURE__ */ b(c, {
+				L.defaultPolicyBindings && /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x(d, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ y(Me, { size: 18 }), "Default Policy Bindings"]
-				}), /* @__PURE__ */ y(o, { children: "Default policies applied to all routes on this connector" })] }), /* @__PURE__ */ y(a, { children: /* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ b(je, { size: 18 }), "Default Policy Bindings"]
+				}), /* @__PURE__ */ b(l, { children: "Default policies applied to all routes on this connector" })] }), /* @__PURE__ */ b(c, { children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-					children: Object.entries(L.defaultPolicyBindings).map(([e, t]) => t ? /* @__PURE__ */ b("div", {
+					children: Object.entries(L.defaultPolicyBindings).map(([e, t]) => t ? /* @__PURE__ */ x("div", {
 						className: "p-3 bg-bg-sunken rounded-lg",
-						children: [/* @__PURE__ */ y("p", {
+						children: [/* @__PURE__ */ b("p", {
 							className: "text-xs text-text-secondary capitalize",
 							children: e.replace("PolicyId", "").replace(/([A-Z])/g, " $1")
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "font-medium text-sm truncate",
 							children: String(t)
 						})]
 					}, e) : null)
 				}) })] }),
-				/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(c, {
+				/* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(u, { children: /* @__PURE__ */ x(d, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ y(D, { size: 18 }), "Metadata"]
-				}) }), /* @__PURE__ */ y(a, { children: /* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ b(A, { size: 18 }), "Metadata"]
+				}) }), /* @__PURE__ */ b(c, { children: /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
 					children: [
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-text-secondary",
 							children: "Created"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "font-medium",
 							children: n(L.createdAt)
 						})] }),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-text-secondary",
 							children: "Updated"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "font-medium",
 							children: n(L.updatedAt)
 						})] }),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-text-secondary",
 							children: "Credentials"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "font-medium",
 							children: L.credentialsRefId || "Not configured"
 						})] }),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-text-secondary",
 							children: "Tags"
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "flex gap-1",
-							children: L.tags.length > 0 ? L.tags.map((e) => /* @__PURE__ */ y(u, {
+							children: L.tags.length > 0 ? L.tags.map((e) => /* @__PURE__ */ b(f, {
 								variant: "secondary",
 								className: "text-xs",
 								children: e
-							}, e)) : /* @__PURE__ */ y("span", {
+							}, e)) : /* @__PURE__ */ b("span", {
 								className: "text-text-secondary",
 								children: "None"
 							})
@@ -950,6 +968,6 @@ var N = ({ type: e }) => {
 	});
 };
 //#endregion
-export { P as ChannelDetailPage };
+export { F as ChannelDetailPage };
 
 //# sourceMappingURL=ChannelDetailPage.js.map