@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/BotDetailPage.js

@@ -1,32 +1,35 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { useBotlit as t } from "../providers/BotlitProvider.js";
-import { useBot as n, useCreateBot as r, useDeleteBot as ee, useUpdateBot as te } from "../hooks/useBots.js";
+import { useBot as n, useCreateBot as ee, useDeleteBot as r, useUpdateBot as te } from "../hooks/useBots.js";
 import { useAgents as ne } from "../hooks/useAgents.js";
 import { cn as re } from "../utils/cn.js";
-import { formatNumber as ie, formatRelativeTime as i } from "../utils/formatters.js";
-import { PageLayout as a } from "../components/PageLayout.js";
-import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
-import { Button as d } from "../components/Button.js";
-import { Badge as f, StatusBadge as p } from "../components/Badge.js";
-import { EmptyState as ae } from "../components/EmptyState.js";
-import { FormField as m, Input as h, Textarea as g } from "../components/Input.js";
-import { toUnion as _ } from "../utils/unions.js";
-import { QuotaExhaustedDialog as oe } from "../components/QuotaExhaustedDialog.js";
-import { BotChannelsTab as se } from "./BotChannelsTab.js";
-import { Suspense as ce, lazy as v, useEffect as y, useState as b } from "react";
-import { GlassCard as le, NextSteps as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
-import { Fragment as fe, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Link as pe, useParams as me, useSearchParams as he } from "react-router";
-import { isQuotaExhaustedError as ge } from "@burdenoff/fe-libs/shared/utils";
-import { ArrowLeft as C, BarChart3 as _e, Bot as w, Edit as ve, GitBranch as ye, Layers as T, MessageSquare as E, Radio as D, Save as O, Shield as k, Trash2 as A, Workflow as j } from "lucide-react";
-import { toast as M } from "sonner";
+import { formatNumber as ie, formatRelativeTime as ae } from "../utils/formatters.js";
+import { BOTMANOR_PERMISSIONS as i } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as a, useBotmanorCan as oe } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as o } from "../components/PageLayout.js";
+import { Button as s } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f } from "../components/Card.js";
+import { Badge as p, StatusBadge as m } from "../components/Badge.js";
+import { EmptyState as se } from "../components/EmptyState.js";
+import { FormField as h, Input as g, Textarea as _ } from "../components/Input.js";
+import { toUnion as v } from "../utils/unions.js";
+import { QuotaExhaustedDialog as ce } from "../components/QuotaExhaustedDialog.js";
+import { BotChannelsTab as le } from "./BotChannelsTab.js";
+import { Suspense as ue, lazy as y, useEffect as de, useState as b } from "react";
+import { GlassCard as fe, NextSteps as pe, PagePurpose as me } from "@burdenoff/fe-libs/ui";
+import { Fragment as he, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Link as ge, useParams as _e, useSearchParams as ve } from "react-router";
+import { isQuotaExhaustedError as ye } from "@burdenoff/fe-libs/shared/utils";
+import { ArrowLeft as C, BarChart3 as be, Bot as w, Edit as xe, GitBranch as T, Layers as E, MessageSquare as D, Radio as O, Save as k, Shield as A, Trash2 as j, Workflow as M } from "lucide-react";
+import { toast as N } from "sonner";
 //#region src/botlit/pages/BotDetailPage.tsx
-var N = v(() => import("./BotWorkflowTab.js").then((e) => ({ default: e.BotWorkflowTab }))), P = [
+var Se = y(() => import("./BotWorkflowTab.js").then((e) => ({ default: e.BotWorkflowTab }))), P = [
 	"SINGLE",
 	"ROUND_ROBIN",
 	"INTELLIGENT",
 	"CUSTOM"
-], be = "ASSISTANT", F = {
+], Ce = "ASSISTANT", F = {
 	name: "",
 	slug: "",
 	description: "",
@@ -36,13 +39,13 @@ var N = v(() => import("./BotWorkflowTab.js").then((e) => ({ default: e.BotWorkf
 	fallbackMessage: "",
 	defaultAgentId: ""
 };
-function xe(e) {
+function we(e) {
 	return {
 		name: e.name,
 		slug: e.slug,
 		description: e.description ?? "",
 		icon: e.icon || F.icon,
-		routingStrategy: _(e.routingStrategy, P, "SINGLE"),
+		routingStrategy: v(e.routingStrategy, P, "SINGLE"),
 		welcomeMessage: e.welcomeMessage ?? "",
 		fallbackMessage: e.fallbackMessage ?? "",
 		defaultAgentId: e.defaultAgentId ?? ""
@@ -57,82 +60,82 @@ var I = [
 	"guardrails",
 	"releases"
 ];
-function Se(e) {
+function Te(e) {
 	if (e.get("code") && e.get("state")) return "channels";
 	let t = e.get("tab");
 	return I.find((e) => e === t) ?? "overview";
 }
-var L = ({ isNew: v, isEditing: I }) => {
-	let L = e(), { botId: R } = me(), [Ce] = he(), { navigateTo: z, getPath: we, workspaceId: B, navigate: V } = t(), { data: H, loading: Te, refetch: U } = n(v ? void 0 : R), { data: W } = ne(), [Ee, De] = r(), [G, K] = te(), [Oe, ke] = ee(), [q, J] = b(() => Se(Ce)), [Y, X] = b(F), [Ae, Z] = b(!1), je = () => {
-		if (V) {
-			V("/billing");
+var L = ({ isNew: y, isEditing: I }) => {
+	let L = e(), { botId: R } = _e(), [z] = ve(), Ee = oe(), { navigateTo: B, getPath: De, workspaceId: V, navigate: H } = t(), { data: U, loading: Oe, refetch: W } = n(y ? void 0 : R), { data: G } = ne(), [ke, Ae] = ee(), [K, q] = te(), [je, Me] = r(), [J, Y] = b(() => Te(z)), [X, Z] = b(F), [Ne, Q] = b(!1), Pe = () => {
+		if (H) {
+			H("/billing");
 			return;
 		}
 		window.location.assign("/billing");
 	};
-	y(() => {
-		H && !v && X(xe(H));
-	}, [H, v]);
-	let Q = async () => {
-		if (!(!Y.name || !B)) try {
-			let e = await Ee({
-				workspaceId: B,
-				name: Y.name,
-				slug: Y.slug || Y.name.toLowerCase().replace(/\s+/g, "-"),
-				type: be,
-				routingStrategy: Y.routingStrategy,
-				description: Y.description || void 0,
-				icon: Y.icon || void 0
+	de(() => {
+		U && !y && Z(we(U));
+	}, [U, y]);
+	let Fe = async () => {
+		if (!(!X.name || !V)) try {
+			let e = await ke({
+				workspaceId: V,
+				name: X.name,
+				slug: X.slug || X.name.toLowerCase().replace(/\s+/g, "-"),
+				type: Ce,
+				routingStrategy: X.routingStrategy,
+				description: X.description || void 0,
+				icon: X.icon || void 0
 			});
-			M.success(`${L("botlit.botDetail.create.successPrefix", "Bot")} "${Y.name}" ${L("botlit.botDetail.create.successSuffix", "created successfully")}`), e?.id && z(`bots/${e.id}?tab=workflow`);
+			N.success(`${L("botlit.botDetail.create.successPrefix", "Bot")} "${X.name}" ${L("botlit.botDetail.create.successSuffix", "created successfully")}`), e?.id && B(`bots/${e.id}?tab=workflow`);
 		} catch (e) {
-			if (ge(e)) {
-				Z(!0);
+			if (ye(e)) {
+				Q(!0);
 				return;
 			}
 			let t = e instanceof Error ? e.message : L("botlit.botDetail.create.error", "Failed to create bot");
-			M.error(t);
+			N.error(t);
 		}
-	}, Me = async () => {
+	}, Ie = async () => {
 		if (R) try {
-			await G({
+			await K({
 				botId: R,
 				input: {
-					name: Y.name,
-					slug: Y.slug,
-					description: Y.description || null,
-					icon: Y.icon || null,
-					routingStrategy: Y.routingStrategy,
-					welcomeMessage: Y.welcomeMessage || null,
-					fallbackMessage: Y.fallbackMessage || null,
-					defaultAgentId: Y.defaultAgentId || null
+					name: X.name,
+					slug: X.slug,
+					description: X.description || null,
+					icon: X.icon || null,
+					routingStrategy: X.routingStrategy,
+					welcomeMessage: X.welcomeMessage || null,
+					fallbackMessage: X.fallbackMessage || null,
+					defaultAgentId: X.defaultAgentId || null
 				}
-			}), await U(), M.success(`${L("botlit.botDetail.update.successPrefix", "Bot")} "${Y.name}" ${L("botlit.botDetail.update.successSuffix", "updated successfully")}`), I && z(`bots/${R}`);
+			}), await W(), N.success(`${L("botlit.botDetail.update.successPrefix", "Bot")} "${X.name}" ${L("botlit.botDetail.update.successSuffix", "updated successfully")}`), I && B(`bots/${R}`);
 		} catch (e) {
 			let t = e instanceof Error ? e.message : L("botlit.botDetail.update.error", "Failed to update bot");
-			M.error(t);
+			N.error(t);
 		}
 	};
-	if (v) return /* @__PURE__ */ S(fe, { children: [/* @__PURE__ */ x(a, {
+	if (y) return /* @__PURE__ */ S(he, { children: [/* @__PURE__ */ x(o, {
 		title: L("botlit.botDetail.createPage.title", "Create New Bot"),
 		description: L("botlit.botDetail.createPage.description", "Set up a new AI-powered bot"),
 		actions: /* @__PURE__ */ S("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ x(d, {
+			children: [/* @__PURE__ */ x(s, {
 				variant: "outline",
-				onClick: () => z("bots"),
+				onClick: () => B("bots"),
 				children: L("botlit.common.cancel", "Cancel")
-			}), /* @__PURE__ */ x(d, {
-				leftIcon: /* @__PURE__ */ x(O, { size: 16 }),
-				onClick: Q,
-				isLoading: De.loading,
-				disabled: !Y.name || !B,
+			}), /* @__PURE__ */ x(s, {
+				leftIcon: /* @__PURE__ */ x(k, { size: 16 }),
+				onClick: Fe,
+				isLoading: Ae.loading,
+				disabled: !X.name || !V,
 				children: L("botlit.botDetail.createPage.actions.createBot", "Create Bot")
 			})]
 		}),
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(c, {
 			className: "max-w-2xl",
-			children: /* @__PURE__ */ S(s, {
+			children: /* @__PURE__ */ S(l, {
 				className: "pt-6 space-y-6",
 				children: [
 					/* @__PURE__ */ S("div", {
@@ -151,67 +154,67 @@ var L = ({ isNew: v, isEditing: I }) => {
 									"💡",
 									"🚀",
 									"⚡"
-								], t = e.indexOf(Y.icon);
-								X({
-									...Y,
+								], t = e.indexOf(X.icon);
+								Z({
+									...X,
 									icon: e[(t + 1) % e.length]
 								});
 							},
-							children: Y.icon
+							children: X.icon
 						}), /* @__PURE__ */ x("p", {
 							className: "text-sm text-text-secondary",
 							children: L("botlit.botDetail.form.clickToChangeIcon", "Click to change icon")
 						})]
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.botName", "Bot Name"),
 						required: !0,
 						htmlFor: "name",
-						children: /* @__PURE__ */ x(h, {
+						children: /* @__PURE__ */ x(g, {
 							id: "name",
 							placeholder: L("botlit.botDetail.form.botNamePlaceholder", "e.g., Customer Support Bot"),
-							value: Y.name,
-							onChange: (e) => X({
-								...Y,
+							value: X.name,
+							onChange: (e) => Z({
+								...X,
 								name: e.target.value
 							})
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.slug", "Slug"),
 						htmlFor: "slug",
-						children: /* @__PURE__ */ x(h, {
+						children: /* @__PURE__ */ x(g, {
 							id: "slug",
 							placeholder: L("botlit.botDetail.form.slugPlaceholder", "customer-support-bot"),
-							value: Y.slug,
-							onChange: (e) => X({
-								...Y,
+							value: X.slug,
+							onChange: (e) => Z({
+								...X,
 								slug: e.target.value
 							})
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.description", "Description"),
 						htmlFor: "description",
-						children: /* @__PURE__ */ x(g, {
+						children: /* @__PURE__ */ x(_, {
 							id: "description",
 							placeholder: L("botlit.botDetail.form.descriptionPlaceholder", "Describe what this bot does..."),
-							value: Y.description,
-							onChange: (e) => X({
-								...Y,
+							value: X.description,
+							onChange: (e) => Z({
+								...X,
 								description: e.target.value
 							}),
 							rows: 4
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.routingStrategy", "Routing Strategy"),
 						children: /* @__PURE__ */ S("select", {
 							className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-							value: Y.routingStrategy,
-							onChange: (e) => X({
-								...Y,
-								routingStrategy: _(e.target.value, P, "SINGLE")
+							value: X.routingStrategy,
+							onChange: (e) => Z({
+								...X,
+								routingStrategy: v(e.target.value, P, "SINGLE")
 							}),
 							children: [
 								/* @__PURE__ */ x("option", {
@@ -236,56 +239,56 @@ var L = ({ isNew: v, isEditing: I }) => {
 				]
 			})
 		})
-	}), /* @__PURE__ */ x(oe, {
-		open: Ae,
+	}), /* @__PURE__ */ x(ce, {
+		open: Ne,
 		title: L("botlit.usage.botQuota.title", "Bot Limit Reached"),
 		description: L("botlit.usage.botQuota.description", "You have reached the number of bots allowed on your current plan."),
-		onClose: () => Z(!1),
-		onViewBilling: je
+		onClose: () => Q(!1),
+		onViewBilling: Pe
 	})] });
-	if (Te) return /* @__PURE__ */ x(a, {
+	if (Oe) return /* @__PURE__ */ x(o, {
 		title: L("botlit.common.loading", "Loading..."),
 		children: /* @__PURE__ */ x("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
 	});
-	if (!H) return /* @__PURE__ */ x(a, {
+	if (!U) return /* @__PURE__ */ x(o, {
 		title: L("botlit.botDetail.notFound.title", "Bot Not Found"),
-		children: /* @__PURE__ */ x(ae, {
+		children: /* @__PURE__ */ x(se, {
 			illustration: "empty-agents",
 			title: L("botlit.botDetail.notFound.title", "Bot Not Found"),
 			description: L("botlit.botDetail.notFound.description", "The bot you're looking for doesn't exist."),
-			action: /* @__PURE__ */ x(d, {
-				onClick: () => z("bots"),
+			action: /* @__PURE__ */ x(s, {
+				onClick: () => B("bots"),
 				children: L("botlit.botDetail.notFound.backAction", "Back to Bots")
 			})
 		})
 	});
-	if (I && H) return /* @__PURE__ */ x(a, {
+	if (I && U) return /* @__PURE__ */ x(o, {
 		title: /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ x(d, {
+			children: [/* @__PURE__ */ x(s, {
 				variant: "ghost",
 				size: "icon",
-				onClick: () => z(`bots/${R}`),
+				onClick: () => B(`bots/${R}`),
 				children: /* @__PURE__ */ x(C, { size: 20 })
 			}), /* @__PURE__ */ x("span", { children: L("botlit.botDetail.editPage.title", "Edit Bot") })]
 		}),
 		actions: /* @__PURE__ */ S("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ x(d, {
+			children: [/* @__PURE__ */ x(s, {
 				variant: "outline",
-				onClick: () => z(`bots/${R}`),
+				onClick: () => B(`bots/${R}`),
 				children: L("botlit.common.cancel", "Cancel")
-			}), /* @__PURE__ */ x(d, {
-				leftIcon: /* @__PURE__ */ x(O, { size: 16 }),
-				onClick: Me,
-				isLoading: K.loading,
-				disabled: !Y.name,
+			}), /* @__PURE__ */ x(s, {
+				leftIcon: /* @__PURE__ */ x(k, { size: 16 }),
+				onClick: Ie,
+				isLoading: q.loading,
+				disabled: !X.name,
 				children: L("botlit.botDetail.editPage.actions.saveChanges", "Save Changes")
 			})]
 		}),
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(c, {
 			className: "max-w-2xl",
-			children: /* @__PURE__ */ S(s, {
+			children: /* @__PURE__ */ S(l, {
 				className: "pt-6 space-y-6",
 				children: [
 					/* @__PURE__ */ S("div", {
@@ -304,67 +307,67 @@ var L = ({ isNew: v, isEditing: I }) => {
 									"💡",
 									"🚀",
 									"⚡"
-								], t = Y.icon, n = e.indexOf(t);
-								X({
-									...Y,
+								], t = X.icon, n = e.indexOf(t);
+								Z({
+									...X,
 									icon: e[(n + 1) % e.length]
 								});
 							},
-							children: Y.icon
+							children: X.icon
 						}), /* @__PURE__ */ x("p", {
 							className: "text-sm text-text-secondary",
 							children: L("botlit.botDetail.form.clickToChangeIcon", "Click to change icon")
 						})]
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.botName", "Bot Name"),
 						required: !0,
 						htmlFor: "edit-name",
-						children: /* @__PURE__ */ x(h, {
+						children: /* @__PURE__ */ x(g, {
 							id: "edit-name",
 							placeholder: L("botlit.botDetail.form.botNamePlaceholder", "e.g., Customer Support Bot"),
-							value: Y.name,
-							onChange: (e) => X({
-								...Y,
+							value: X.name,
+							onChange: (e) => Z({
+								...X,
 								name: e.target.value
 							})
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.slug", "Slug"),
 						htmlFor: "edit-slug",
-						children: /* @__PURE__ */ x(h, {
+						children: /* @__PURE__ */ x(g, {
 							id: "edit-slug",
 							placeholder: L("botlit.botDetail.form.slugPlaceholder", "customer-support-bot"),
-							value: Y.slug,
-							onChange: (e) => X({
-								...Y,
+							value: X.slug,
+							onChange: (e) => Z({
+								...X,
 								slug: e.target.value
 							})
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.description", "Description"),
 						htmlFor: "edit-description",
-						children: /* @__PURE__ */ x(g, {
+						children: /* @__PURE__ */ x(_, {
 							id: "edit-description",
 							placeholder: L("botlit.botDetail.form.descriptionPlaceholder", "Describe what this bot does..."),
-							value: Y.description,
-							onChange: (e) => X({
-								...Y,
+							value: X.description,
+							onChange: (e) => Z({
+								...X,
 								description: e.target.value
 							}),
 							rows: 4
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.routingStrategy", "Routing Strategy"),
 						children: /* @__PURE__ */ S("select", {
 							className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-							value: Y.routingStrategy,
-							onChange: (e) => X({
-								...Y,
-								routingStrategy: _(e.target.value, P, "SINGLE")
+							value: X.routingStrategy,
+							onChange: (e) => Z({
+								...X,
+								routingStrategy: v(e.target.value, P, "SINGLE")
 							}),
 							children: [
 								/* @__PURE__ */ x("option", {
@@ -386,46 +389,46 @@ var L = ({ isNew: v, isEditing: I }) => {
 							]
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.welcomeMessage", "Welcome Message"),
 						htmlFor: "edit-welcome",
-						children: /* @__PURE__ */ x(g, {
+						children: /* @__PURE__ */ x(_, {
 							id: "edit-welcome",
 							placeholder: L("botlit.botDetail.form.welcomeMessagePlaceholder", "Welcome message shown to users..."),
-							value: Y.welcomeMessage,
-							onChange: (e) => X({
-								...Y,
+							value: X.welcomeMessage,
+							onChange: (e) => Z({
+								...X,
 								welcomeMessage: e.target.value
 							}),
 							rows: 3
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.fallbackMessage", "Fallback Message"),
 						htmlFor: "edit-fallback",
-						children: /* @__PURE__ */ x(h, {
+						children: /* @__PURE__ */ x(g, {
 							id: "edit-fallback",
 							placeholder: L("botlit.botDetail.form.fallbackMessagePlaceholder", "Message when agent can't respond..."),
-							value: Y.fallbackMessage,
-							onChange: (e) => X({
-								...Y,
+							value: X.fallbackMessage,
+							onChange: (e) => Z({
+								...X,
 								fallbackMessage: e.target.value
 							})
 						})
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ x(h, {
 						label: L("botlit.botDetail.form.defaultAgent", "Default Agent"),
 						children: /* @__PURE__ */ S("select", {
 							className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-							value: Y.defaultAgentId,
-							onChange: (e) => X({
-								...Y,
+							value: X.defaultAgentId,
+							onChange: (e) => Z({
+								...X,
 								defaultAgentId: e.target.value
 							}),
 							children: [/* @__PURE__ */ x("option", {
 								value: "",
 								children: L("botlit.botDetail.form.noDefaultAgent", "No default agent")
-							}), W?.map((e) => /* @__PURE__ */ x("option", {
+							}), G?.map((e) => /* @__PURE__ */ x("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
@@ -435,21 +438,21 @@ var L = ({ isNew: v, isEditing: I }) => {
 			})
 		})
 	});
-	let Ne = [
+	let Le = [
 		{
 			id: "overview",
 			label: L("botlit.botDetail.tabs.overview", "Overview"),
-			icon: /* @__PURE__ */ x(_e, { size: 16 })
+			icon: /* @__PURE__ */ x(be, { size: 16 })
 		},
 		{
 			id: "workflow",
 			label: L("botlit.botDetail.tabs.workflow", "Workflow"),
-			icon: /* @__PURE__ */ x(j, { size: 16 })
+			icon: /* @__PURE__ */ x(M, { size: 16 })
 		},
 		{
 			id: "routing",
 			label: L("botlit.botDetail.tabs.routing", "Routing"),
-			icon: /* @__PURE__ */ x(ye, { size: 16 })
+			icon: /* @__PURE__ */ x(T, { size: 16 })
 		},
 		{
 			id: "agents",
@@ -459,205 +462,220 @@ var L = ({ isNew: v, isEditing: I }) => {
 		{
 			id: "channels",
 			label: L("botlit.botDetail.tabs.channels", "Channels"),
-			icon: /* @__PURE__ */ x(D, { size: 16 })
+			icon: /* @__PURE__ */ x(O, { size: 16 })
 		},
 		{
 			id: "guardrails",
 			label: L("botlit.botDetail.tabs.guardrails", "Guardrails"),
-			icon: /* @__PURE__ */ x(k, { size: 16 })
+			icon: /* @__PURE__ */ x(A, { size: 16 })
 		},
 		{
 			id: "releases",
 			label: L("botlit.botDetail.tabs.releases", "Releases"),
-			icon: /* @__PURE__ */ x(T, { size: 16 })
+			icon: /* @__PURE__ */ x(E, { size: 16 })
 		}
-	], $ = H.defaultAgentId ? W?.find((e) => e.id === H.defaultAgentId) : null;
-	return /* @__PURE__ */ x(a, {
+	], $ = U.defaultAgentId ? G?.find((e) => e.id === U.defaultAgentId) : null;
+	return /* @__PURE__ */ x(o, {
 		title: /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ x(d, {
+				/* @__PURE__ */ x(s, {
 					variant: "ghost",
 					size: "icon",
-					onClick: () => z("bots"),
+					onClick: () => B("bots"),
 					children: /* @__PURE__ */ x(C, { size: 20 })
 				}),
 				/* @__PURE__ */ x("span", {
 					className: "text-3xl",
-					children: H.icon
+					children: U.icon
 				}),
 				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ x("span", { children: H.name }),
-						/* @__PURE__ */ x(p, { status: H.status }),
-						/* @__PURE__ */ x(f, {
+						/* @__PURE__ */ x("span", { children: U.name }),
+						/* @__PURE__ */ x(m, { status: U.status }),
+						/* @__PURE__ */ x(p, {
 							variant: "outline",
-							children: H.slug
+							children: U.slug
 						})
 					]
 				}), /* @__PURE__ */ x("p", {
 					className: "text-sm font-normal text-text-secondary",
-					children: H.description
+					children: U.description
 				})] })
 			]
 		}),
 		actions: /* @__PURE__ */ S("div", {
 			className: "flex gap-2",
 			children: [
-				H.status === "DRAFT" || H.status === "ARCHIVED" ? /* @__PURE__ */ x(d, {
-					variant: "default",
-					isLoading: K.loading,
-					onClick: async () => {
-						try {
-							if (!R) return;
-							await G({
-								botId: R,
-								input: { status: "ACTIVE" }
-							}), await U(), M.success(`${L("botlit.botDetail.activate.successPrefix", "Bot")} "${H.name}" ${L("botlit.botDetail.activate.successSuffix", "activated")}`);
-						} catch (e) {
-							M.error(e instanceof Error ? e.message : L("botlit.botDetail.activate.error", "Failed to activate bot"));
-						}
-					},
-					children: L("botlit.botDetail.actions.activate", "Activate")
-				}) : /* @__PURE__ */ x(d, {
-					variant: "outline",
-					isLoading: K.loading,
-					onClick: async () => {
-						try {
-							if (!R) return;
-							await G({
-								botId: R,
-								input: { status: "DRAFT" }
-							}), await U(), M.success(`${L("botlit.botDetail.deactivate.successPrefix", "Bot")} "${H.name}" ${L("botlit.botDetail.deactivate.successSuffix", "deactivated")}`);
-						} catch (e) {
-							M.error(e instanceof Error ? e.message : L("botlit.botDetail.deactivate.error", "Failed to deactivate bot"));
-						}
-					},
-					children: L("botlit.botDetail.actions.deactivate", "Deactivate")
+				U.status === "DRAFT" || U.status === "ARCHIVED" ? /* @__PURE__ */ x(a, {
+					permission: i.APP_UPDATE,
+					children: /* @__PURE__ */ x(s, {
+						variant: "default",
+						isLoading: q.loading,
+						onClick: async () => {
+							try {
+								if (!R) return;
+								await K({
+									botId: R,
+									input: { status: "ACTIVE" }
+								}), await W(), N.success(`${L("botlit.botDetail.activate.successPrefix", "Bot")} "${U.name}" ${L("botlit.botDetail.activate.successSuffix", "activated")}`);
+							} catch (e) {
+								N.error(e instanceof Error ? e.message : L("botlit.botDetail.activate.error", "Failed to activate bot"));
+							}
+						},
+						children: L("botlit.botDetail.actions.activate", "Activate")
+					})
+				}) : /* @__PURE__ */ x(a, {
+					permission: i.APP_UPDATE,
+					children: /* @__PURE__ */ x(s, {
+						variant: "outline",
+						isLoading: q.loading,
+						onClick: async () => {
+							try {
+								if (!R) return;
+								await K({
+									botId: R,
+									input: { status: "DRAFT" }
+								}), await W(), N.success(`${L("botlit.botDetail.deactivate.successPrefix", "Bot")} "${U.name}" ${L("botlit.botDetail.deactivate.successSuffix", "deactivated")}`);
+							} catch (e) {
+								N.error(e instanceof Error ? e.message : L("botlit.botDetail.deactivate.error", "Failed to deactivate bot"));
+							}
+						},
+						children: L("botlit.botDetail.actions.deactivate", "Deactivate")
+					})
 				}),
-				/* @__PURE__ */ x(d, {
-					variant: "outline",
-					leftIcon: /* @__PURE__ */ x(ve, { size: 16 }),
-					onClick: () => z(`bots/${R}/edit`),
-					children: L("botlit.botDetail.actions.editBot", "Edit Bot")
+				/* @__PURE__ */ x(a, {
+					permission: i.APP_UPDATE,
+					children: /* @__PURE__ */ x(s, {
+						variant: "outline",
+						leftIcon: /* @__PURE__ */ x(xe, { size: 16 }),
+						onClick: () => B(`bots/${R}/edit`),
+						children: L("botlit.botDetail.actions.editBot", "Edit Bot")
+					})
 				}),
-				/* @__PURE__ */ x(d, {
-					variant: "outline",
-					leftIcon: /* @__PURE__ */ x(E, { size: 16 }),
-					onClick: () => {
-						let e = H?.defaultAgentId;
-						z(e ? `chat/${e}` : "chat");
-					},
-					children: L("botlit.botDetail.actions.testBot", "Test Bot")
+				/* @__PURE__ */ x(a, {
+					permission: i.AGENT_EXECUTE,
+					children: /* @__PURE__ */ x(s, {
+						variant: "outline",
+						leftIcon: /* @__PURE__ */ x(D, { size: 16 }),
+						onClick: () => {
+							let e = U?.defaultAgentId;
+							B(e ? `chat/${e}` : "chat");
+						},
+						children: L("botlit.botDetail.actions.testBot", "Test Bot")
+					})
 				}),
-				/* @__PURE__ */ x(d, {
-					variant: "destructive",
-					leftIcon: /* @__PURE__ */ x(A, { size: 16 }),
-					isLoading: ke.loading,
-					onClick: async () => {
-						if (R && confirm(`${L("botlit.botDetail.delete.confirmPrefix", "Are you sure you want to delete")} "${H.name}"? ${L("botlit.botDetail.delete.confirmSuffix", "This action cannot be undone.")}`)) try {
-							await Oe(R), M.success(`${L("botlit.botDetail.delete.successPrefix", "Bot")} "${H.name}" ${L("botlit.botDetail.delete.successSuffix", "deleted successfully")}`), z("bots");
-						} catch (e) {
-							M.error(e instanceof Error ? e.message : L("botlit.botDetail.delete.error", "Failed to delete bot"));
-						}
-					},
-					children: L("botlit.common.delete", "Delete")
+				/* @__PURE__ */ x(a, {
+					permission: i.APP_DELETE,
+					children: /* @__PURE__ */ x(s, {
+						variant: "destructive",
+						leftIcon: /* @__PURE__ */ x(j, { size: 16 }),
+						isLoading: Me.loading,
+						onClick: async () => {
+							if (R && confirm(`${L("botlit.botDetail.delete.confirmPrefix", "Are you sure you want to delete")} "${U.name}"? ${L("botlit.botDetail.delete.confirmSuffix", "This action cannot be undone.")}`)) try {
+								await je(R), N.success(`${L("botlit.botDetail.delete.successPrefix", "Bot")} "${U.name}" ${L("botlit.botDetail.delete.successSuffix", "deleted successfully")}`), B("bots");
+							} catch (e) {
+								N.error(e instanceof Error ? e.message : L("botlit.botDetail.delete.error", "Failed to delete bot"));
+							}
+						},
+						children: L("botlit.common.delete", "Delete")
+					})
 				})
 			]
 		}),
 		children: /* @__PURE__ */ S("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ x(de, {
+				/* @__PURE__ */ x(me, {
 					icon: /* @__PURE__ */ x(w, { size: 18 }),
 					children: L("botlit.botDetail.purpose", "This is everything that makes up a single bot — the agent that answers, how requests are routed, which channels it is live on, its guardrails and its release history. Use the tabs to wire it up: assign a default agent, connect a channel and activate it so real users can start chatting.")
 				}),
 				/* @__PURE__ */ x("div", {
 					className: "flex gap-1 border-b border-border-subtle overflow-x-auto",
-					children: Ne.map((e) => /* @__PURE__ */ S("button", {
-						onClick: () => J(e.id),
-						className: re("flex items-center gap-2 px-4 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap", q === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+					children: Le.map((e) => /* @__PURE__ */ S("button", {
+						onClick: () => Y(e.id),
+						className: re("flex items-center gap-2 px-4 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap", J === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 						children: [e.icon, e.label]
 					}, e.id))
 				}),
-				q === "overview" && /* @__PURE__ */ S("div", {
+				J === "overview" && /* @__PURE__ */ S("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ x(ue, {
+					children: [/* @__PURE__ */ x(pe, {
 						storageKey: `botlit-bot-${R}`,
 						steps: [
 							{
 								id: "workflow",
 								label: L("botlit.botDetail.nextSteps.workflow", "Design the workflow"),
 								description: L("botlit.botDetail.nextSteps.workflowDesc", "Lay out what the bot does on the FluidGrids canvas."),
-								icon: /* @__PURE__ */ x(j, { size: 16 }),
-								onClick: () => J("workflow"),
-								done: !!H.workflowId
+								icon: /* @__PURE__ */ x(M, { size: 16 }),
+								onClick: () => Y("workflow"),
+								done: !!U.workflowId
 							},
 							{
 								id: "agent",
 								label: L("botlit.botDetail.nextSteps.agent", "Assign a default agent"),
 								description: L("botlit.botDetail.nextSteps.agentDesc", "Choose which agent answers when this bot is messaged."),
 								icon: /* @__PURE__ */ x(w, { size: 16 }),
-								onClick: () => J("agents"),
-								done: !!H.defaultAgentId
+								onClick: () => Y("agents"),
+								done: !!U.defaultAgentId
 							},
 							{
 								id: "channel",
 								label: L("botlit.botDetail.nextSteps.channel", "Connect a channel"),
 								description: L("botlit.botDetail.nextSteps.channelDesc", "Put the bot on Slack, a web widget or another channel."),
-								icon: /* @__PURE__ */ x(D, { size: 16 }),
-								onClick: () => J("channels")
+								icon: /* @__PURE__ */ x(O, { size: 16 }),
+								onClick: () => Y("channels")
 							},
 							{
 								id: "test",
 								label: L("botlit.botDetail.nextSteps.test", "Test the bot"),
 								description: L("botlit.botDetail.nextSteps.testDesc", "Send a message to check the experience end to end."),
-								icon: /* @__PURE__ */ x(E, { size: 16 }),
+								icon: /* @__PURE__ */ x(D, { size: 16 }),
 								onClick: () => {
-									let e = H?.defaultAgentId;
-									z(e ? `chat/${e}` : "chat");
+									let e = U?.defaultAgentId;
+									B(e ? `chat/${e}` : "chat");
 								}
 							},
 							{
 								id: "activate",
 								label: L("botlit.botDetail.nextSteps.activate", "Activate the bot"),
 								description: L("botlit.botDetail.nextSteps.activateDesc", "Make it live so it starts handling conversations."),
-								icon: /* @__PURE__ */ x(k, { size: 16 }),
-								onClick: () => z(`bots/${R}/edit`),
-								done: H.status === "ACTIVE"
+								icon: /* @__PURE__ */ x(A, { size: 16 }),
+								onClick: () => B(`bots/${R}/edit`),
+								done: U.status === "ACTIVE"
 							}
 						]
 					}), /* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 						children: [
-							/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(l, { children: /* @__PURE__ */ x(u, { children: "Details" }) }), /* @__PURE__ */ S(s, {
+							/* @__PURE__ */ S(c, { children: [/* @__PURE__ */ x(d, { children: /* @__PURE__ */ x(f, { children: "Details" }) }), /* @__PURE__ */ S(l, {
 								className: "space-y-4",
 								children: [
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
 										children: "Status"
-									}), /* @__PURE__ */ x(p, { status: H.status })] }),
+									}), /* @__PURE__ */ x(m, { status: U.status })] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
 										children: "Visibility"
-									}), /* @__PURE__ */ x(f, {
+									}), /* @__PURE__ */ x(p, {
 										variant: "outline",
-										children: H.visibility
+										children: U.visibility
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
 										children: "Routing Strategy"
-									}), /* @__PURE__ */ x(f, {
+									}), /* @__PURE__ */ x(p, {
 										variant: "outline",
-										children: H.routingStrategy
+										children: U.routingStrategy
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
 										children: "Default Agent"
 									}), /* @__PURE__ */ x("p", {
 										className: "font-medium",
-										children: H.defaultAgentId ? "1 agent assigned" : "No agents"
+										children: U.defaultAgentId ? "1 agent assigned" : "No agents"
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
@@ -671,18 +689,18 @@ var L = ({ isNew: v, isEditing: I }) => {
 										children: "Created"
 									}), /* @__PURE__ */ x("p", {
 										className: "font-medium",
-										children: i(H.createdAt)
+										children: ae(U.createdAt)
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
 										children: "Executions"
 									}), /* @__PURE__ */ x("p", {
 										className: "font-medium",
-										children: ie(H.executionCount)
+										children: ie(U.executionCount)
 									})] })
 								]
 							})] }),
-							/* @__PURE__ */ S(le, {
+							/* @__PURE__ */ S(fe, {
 								treatment: "glass",
 								glow: !0,
 								className: "lg:col-span-2 p-6",
@@ -694,16 +712,16 @@ var L = ({ isNew: v, isEditing: I }) => {
 									}), /* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
 										children: "Agent configured for this bot"
-									})] }), /* @__PURE__ */ x(d, {
+									})] }), /* @__PURE__ */ x(s, {
 										size: "sm",
 										variant: "outline",
-										onClick: () => J("agents"),
+										onClick: () => Y("agents"),
 										children: "Manage"
 									})]
 								}), /* @__PURE__ */ x("div", { children: $ ? /* @__PURE__ */ x("div", {
 									className: "space-y-3",
-									children: /* @__PURE__ */ S(pe, {
-										to: we(`agents/${$.id}`),
+									children: /* @__PURE__ */ S(ge, {
+										to: De(`agents/${$.id}`),
 										className: "flex items-center justify-between p-3 rounded-lg border border-border-subtle hover:bg-accent transition-colors",
 										children: [/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-3",
@@ -717,27 +735,27 @@ var L = ({ isNew: v, isEditing: I }) => {
 												className: "text-xs text-text-secondary",
 												children: "Default Agent"
 											})] })]
-										}), /* @__PURE__ */ x(p, { status: $.status })]
+										}), /* @__PURE__ */ x(m, { status: $.status })]
 									})
 								}) : /* @__PURE__ */ S("div", {
 									className: "text-center py-8 text-text-secondary",
 									children: [
 										/* @__PURE__ */ x(w, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
 										/* @__PURE__ */ x("p", { children: "No default agent assigned" }),
-										/* @__PURE__ */ x(d, {
+										/* @__PURE__ */ x(s, {
 											size: "sm",
 											className: "mt-3",
-											onClick: () => J("agents"),
+											onClick: () => Y("agents"),
 											children: "Assign Agent"
 										})
 									]
 								}) })]
 							}),
-							(H.tagIds || []).length > 0 && /* @__PURE__ */ S(o, {
+							(U.tagIds || []).length > 0 && /* @__PURE__ */ S(c, {
 								className: "lg:col-span-3",
-								children: [/* @__PURE__ */ x(l, { children: /* @__PURE__ */ x(u, { children: "Tags" }) }), /* @__PURE__ */ x(s, { children: /* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ x(d, { children: /* @__PURE__ */ x(f, { children: "Tags" }) }), /* @__PURE__ */ x(l, { children: /* @__PURE__ */ x("div", {
 									className: "flex flex-wrap gap-2",
-									children: (H.tagIds || []).map((e) => /* @__PURE__ */ x(f, {
+									children: (U.tagIds || []).map((e) => /* @__PURE__ */ x(p, {
 										variant: "outline",
 										children: e
 									}, e))
@@ -746,44 +764,44 @@ var L = ({ isNew: v, isEditing: I }) => {
 						]
 					})]
 				}),
-				q === "workflow" && R && /* @__PURE__ */ x(ce, {
+				J === "workflow" && R && /* @__PURE__ */ x(ue, {
 					fallback: /* @__PURE__ */ x("div", { className: "h-64 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }),
-					children: /* @__PURE__ */ x(N, {
+					children: /* @__PURE__ */ x(Se, {
 						botId: R,
-						botName: H.name,
-						workflowId: H.workflowId,
+						botName: U.name,
+						workflowId: U.workflowId,
 						onWorkflowChanged: async () => {
-							await U();
+							await W();
 						}
 					})
 				}),
-				q === "routing" && /* @__PURE__ */ S("div", {
+				J === "routing" && /* @__PURE__ */ S("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(u, { children: "Routing Configuration" }), /* @__PURE__ */ x(c, { children: "How requests are routed to agents" })] }), /* @__PURE__ */ x(s, {
+					children: [/* @__PURE__ */ S(c, { children: [/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(f, { children: "Routing Configuration" }), /* @__PURE__ */ x(u, { children: "How requests are routed to agents" })] }), /* @__PURE__ */ x(l, {
 						className: "space-y-4",
 						children: /* @__PURE__ */ S("div", {
 							className: "grid grid-cols-2 gap-4",
 							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Strategy"
-							}), /* @__PURE__ */ x(f, {
+							}), /* @__PURE__ */ x(p, {
 								variant: "outline",
 								className: "mt-1",
-								children: H.routingStrategy
-							})] }), H.defaultAgentId && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								children: U.routingStrategy
+							})] }), U.defaultAgentId && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Default Agent"
 							}), /* @__PURE__ */ x("p", {
 								className: "font-mono text-sm mt-1",
-								children: H.defaultAgentId
+								children: U.defaultAgentId
 							})] })]
 						})
-					})] }), /* @__PURE__ */ S(o, { children: [/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(u, { children: "Routing Rules" }), /* @__PURE__ */ x(c, { children: "No routing rules configured" })] }), /* @__PURE__ */ x(s, { children: /* @__PURE__ */ x("p", {
+					})] }), /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(f, { children: "Routing Rules" }), /* @__PURE__ */ x(u, { children: "No routing rules configured" })] }), /* @__PURE__ */ x(l, { children: /* @__PURE__ */ x("p", {
 						className: "text-text-secondary",
 						children: "No routing rules configured. Routing rules will be available in a future update."
 					}) })] })]
 				}),
-				q === "agents" && /* @__PURE__ */ S(o, { children: [/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(u, { children: "Default Agent" }), /* @__PURE__ */ x(c, { children: "Select the default agent for this bot" })] }), /* @__PURE__ */ S(s, {
+				J === "agents" && /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(f, { children: "Default Agent" }), /* @__PURE__ */ x(u, { children: "Select the default agent for this bot" })] }), /* @__PURE__ */ S(l, {
 					className: "space-y-4",
 					children: [
 						$ && /* @__PURE__ */ S("div", {
@@ -796,51 +814,52 @@ var L = ({ isNew: v, isEditing: I }) => {
 								}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "font-medium",
 									children: $.name
-								}), /* @__PURE__ */ x(f, {
+								}), /* @__PURE__ */ x(p, {
 									variant: "success",
 									children: "Default"
 								})] })]
-							}), /* @__PURE__ */ x(p, { status: $.status })]
+							}), /* @__PURE__ */ x(m, { status: $.status })]
 						}),
 						/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: /* @__PURE__ */ S("select", {
 								className: "flex h-10 flex-1 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-								value: H.defaultAgentId || "",
+								value: U.defaultAgentId || "",
+								disabled: !Ee(i.APP_UPDATE),
 								onChange: async (e) => {
 									if (R) try {
-										await G({
+										await K({
 											botId: R,
 											input: { defaultAgentId: e.target.value || null }
-										}), M.success(e.target.value ? "Default agent assigned" : "Default agent removed");
+										}), N.success(e.target.value ? "Default agent assigned" : "Default agent removed");
 									} catch (e) {
 										let t = e instanceof Error ? e.message : "Failed to assign agent";
-										M.error(t);
+										N.error(t);
 									}
 								},
 								children: [/* @__PURE__ */ x("option", {
 									value: "",
 									children: "No default agent"
-								}), W?.map((e) => /* @__PURE__ */ x("option", {
+								}), G?.map((e) => /* @__PURE__ */ x("option", {
 									value: e.id,
 									children: e.name
 								}, e.id))]
 							})
 						}),
-						!$ && !W?.length && /* @__PURE__ */ S("div", {
+						!$ && !G?.length && /* @__PURE__ */ S("div", {
 							className: "text-center py-8 text-text-secondary",
 							children: [/* @__PURE__ */ x(w, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ x("p", { children: "No agents available. Create an agent first." })]
 						})
 					]
 				})] }),
-				q === "channels" && R && /* @__PURE__ */ x(se, {
+				J === "channels" && R && /* @__PURE__ */ x(le, {
 					botId: R,
-					botName: H.name
+					botName: U.name
 				}),
-				q === "guardrails" && /* @__PURE__ */ S(o, { children: [/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(u, { children: "Policy Bindings" }), /* @__PURE__ */ x(c, { children: "Guardrails and policies attached to this bot" })] }), /* @__PURE__ */ x(s, { children: /* @__PURE__ */ S("div", {
+				J === "guardrails" && /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(f, { children: "Policy Bindings" }), /* @__PURE__ */ x(u, { children: "Guardrails and policies attached to this bot" })] }), /* @__PURE__ */ x(l, { children: /* @__PURE__ */ S("div", {
 					className: "text-center py-8 text-text-secondary",
 					children: [
-						/* @__PURE__ */ x(k, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+						/* @__PURE__ */ x(A, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
 						/* @__PURE__ */ x("p", { children: "Not configured" }),
 						/* @__PURE__ */ x("p", {
 							className: "text-sm mt-1",
@@ -848,10 +867,10 @@ var L = ({ isNew: v, isEditing: I }) => {
 						})
 					]
 				}) })] }),
-				q === "releases" && /* @__PURE__ */ S(o, { children: [/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(u, { children: "Release Tracks" }), /* @__PURE__ */ x(c, { children: "Version deployments across environments" })] }), /* @__PURE__ */ x(s, { children: /* @__PURE__ */ S("div", {
+				J === "releases" && /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(f, { children: "Release Tracks" }), /* @__PURE__ */ x(u, { children: "Version deployments across environments" })] }), /* @__PURE__ */ x(l, { children: /* @__PURE__ */ S("div", {
 					className: "text-center py-8 text-text-secondary",
 					children: [
-						/* @__PURE__ */ x(T, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+						/* @__PURE__ */ x(E, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
 						/* @__PURE__ */ x("p", { children: "Not configured" }),
 						/* @__PURE__ */ x("p", {
 							className: "text-sm mt-1",