@burdenoff/microfe-botmanor 2026.813.1

package/dist/botlit/pages/BotDetailPage.js

@@ -0,0 +1,872 @@
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { useBot as t, useCreateBot as n, useDeleteBot as ee, useUpdateBot as te } from "../hooks/useBots.js";
+import { useAgents as r } from "../hooks/useAgents.js";
+import { cn as ne } from "../utils/cn.js";
+import { formatNumber as re, formatRelativeTime as ie } from "../utils/formatters.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { Card as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l } from "../components/Card.js";
+import { Button as u } from "../components/Button.js";
+import { Badge as d, StatusBadge as f } from "../components/Badge.js";
+import { EmptyState as ae } from "../components/EmptyState.js";
+import { FormField as p, Input as m, Textarea as h } from "../components/Input.js";
+import { toUnion as g } 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 _, useEffect as le, useState as v } from "react";
+import { GlassCard as y, NextSteps as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
+import { Fragment as fe, jsx as b, jsxs as x } 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 S, BarChart3 as _e, Bot as C, Edit as ve, GitBranch as ye, Layers as w, MessageSquare as T, Radio as E, Save as D, Shield as O, Trash2 as be, Workflow as k } from "lucide-react";
+import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { toast as j } from "sonner";
+//#region src/botlit/pages/BotDetailPage.tsx
+var M = _(() => import("./BotWorkflowTab.js").then((e) => ({ default: e.BotWorkflowTab }))), N = [
+	"SINGLE",
+	"ROUND_ROBIN",
+	"INTELLIGENT",
+	"CUSTOM"
+], xe = "ASSISTANT", P = {
+	name: "",
+	slug: "",
+	description: "",
+	icon: "🤖",
+	routingStrategy: "SINGLE",
+	welcomeMessage: "",
+	fallbackMessage: "",
+	defaultAgentId: ""
+};
+function Se(e) {
+	return {
+		name: e.name,
+		slug: e.slug,
+		description: e.description ?? "",
+		icon: e.icon || P.icon,
+		routingStrategy: g(e.routingStrategy, N, "SINGLE"),
+		welcomeMessage: e.welcomeMessage ?? "",
+		fallbackMessage: e.fallbackMessage ?? "",
+		defaultAgentId: e.defaultAgentId ?? ""
+	};
+}
+var F = [
+	"overview",
+	"workflow",
+	"routing",
+	"agents",
+	"channels",
+	"guardrails",
+	"releases"
+];
+function Ce(e) {
+	if (e.get("code") && e.get("state")) return "channels";
+	let t = e.get("tab");
+	return F.find((e) => e === t) ?? "overview";
+}
+var I = ({ isNew: _, isEditing: F }) => {
+	let { t: I } = A(), L = (e, t) => {
+		let n = I(e);
+		return n === e ? t : n;
+	}, { botId: R } = me(), [we] = he(), { navigateTo: z, getPath: Te, workspaceId: B, navigate: V } = e(), { data: H, loading: Ee, refetch: U } = t(_ ? void 0 : R), { data: W } = r(), [De, Oe] = n(), [G, K] = te(), [ke, Ae] = ee(), [q, J] = v(() => Ce(we)), [Y, X] = v(P), [je, Z] = v(!1), Q = () => {
+		if (V) {
+			V("/billing");
+			return;
+		}
+		window.location.assign("/billing");
+	};
+	le(() => {
+		H && !_ && X(Se(H));
+	}, [H, _]);
+	let Me = async () => {
+		if (!(!Y.name || !B)) try {
+			let e = await De({
+				workspaceId: B,
+				name: Y.name,
+				slug: Y.slug || Y.name.toLowerCase().replace(/\s+/g, "-"),
+				type: xe,
+				routingStrategy: Y.routingStrategy,
+				description: Y.description || void 0,
+				icon: Y.icon || void 0
+			});
+			j.success(`${L("botlit.botDetail.create.successPrefix", "Bot")} "${Y.name}" ${L("botlit.botDetail.create.successSuffix", "created successfully")}`), e?.id && z(`bots/${e.id}?tab=workflow`);
+		} catch (e) {
+			if (ge(e)) {
+				Z(!0);
+				return;
+			}
+			let t = e instanceof Error ? e.message : L("botlit.botDetail.create.error", "Failed to create bot");
+			j.error(t);
+		}
+	}, Ne = async () => {
+		if (R) try {
+			await G({
+				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
+				}
+			}), await U(), j.success(`${L("botlit.botDetail.update.successPrefix", "Bot")} "${Y.name}" ${L("botlit.botDetail.update.successSuffix", "updated successfully")}`), F && z(`bots/${R}`);
+		} catch (e) {
+			let t = e instanceof Error ? e.message : L("botlit.botDetail.update.error", "Failed to update bot");
+			j.error(t);
+		}
+	};
+	if (_) return /* @__PURE__ */ x(fe, { children: [/* @__PURE__ */ b(i, {
+		title: L("botlit.botDetail.createPage.title", "Create New Bot"),
+		description: L("botlit.botDetail.createPage.description", "Set up a new AI-powered bot"),
+		actions: /* @__PURE__ */ x("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ b(u, {
+				variant: "outline",
+				onClick: () => z("bots"),
+				children: L("botlit.common.cancel", "Cancel")
+			}), /* @__PURE__ */ b(u, {
+				leftIcon: /* @__PURE__ */ b(D, { size: 16 }),
+				onClick: Me,
+				isLoading: Oe.loading,
+				disabled: !Y.name || !B,
+				children: L("botlit.botDetail.createPage.actions.createBot", "Create Bot")
+			})]
+		}),
+		children: /* @__PURE__ */ b(a, {
+			className: "max-w-2xl",
+			children: /* @__PURE__ */ x(o, {
+				className: "pt-6 space-y-6",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ b("button", {
+							className: "text-5xl p-4 rounded-lg border-2 border-dashed border-border-subtle hover:border-primary transition-colors",
+							onClick: () => {
+								let e = [
+									"🤖",
+									"💼",
+									"🎧",
+									"📊",
+									"🎯",
+									"🔧",
+									"📚",
+									"💡",
+									"🚀",
+									"⚡"
+								], t = e.indexOf(Y.icon);
+								X({
+									...Y,
+									icon: e[(t + 1) % e.length]
+								});
+							},
+							children: Y.icon
+						}), /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: L("botlit.botDetail.form.clickToChangeIcon", "Click to change icon")
+						})]
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.botName", "Bot Name"),
+						required: !0,
+						htmlFor: "name",
+						children: /* @__PURE__ */ b(m, {
+							id: "name",
+							placeholder: L("botlit.botDetail.form.botNamePlaceholder", "e.g., Customer Support Bot"),
+							value: Y.name,
+							onChange: (e) => X({
+								...Y,
+								name: e.target.value
+							})
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.slug", "Slug"),
+						htmlFor: "slug",
+						children: /* @__PURE__ */ b(m, {
+							id: "slug",
+							placeholder: L("botlit.botDetail.form.slugPlaceholder", "customer-support-bot"),
+							value: Y.slug,
+							onChange: (e) => X({
+								...Y,
+								slug: e.target.value
+							})
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.description", "Description"),
+						htmlFor: "description",
+						children: /* @__PURE__ */ b(h, {
+							id: "description",
+							placeholder: L("botlit.botDetail.form.descriptionPlaceholder", "Describe what this bot does..."),
+							value: Y.description,
+							onChange: (e) => X({
+								...Y,
+								description: e.target.value
+							}),
+							rows: 4
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.routingStrategy", "Routing Strategy"),
+						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: Y.routingStrategy,
+							onChange: (e) => X({
+								...Y,
+								routingStrategy: g(e.target.value, N, "SINGLE")
+							}),
+							children: [
+								/* @__PURE__ */ b("option", {
+									value: "SINGLE",
+									children: L("botlit.botDetail.routing.single", "Single")
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "ROUND_ROBIN",
+									children: L("botlit.botDetail.routing.roundRobin", "Round Robin")
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "INTELLIGENT",
+									children: L("botlit.botDetail.routing.intelligent", "Intelligent")
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "CUSTOM",
+									children: L("botlit.botDetail.routing.custom", "Custom")
+								})
+							]
+						})
+					})
+				]
+			})
+		})
+	}), /* @__PURE__ */ b(oe, {
+		open: je,
+		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: Q
+	})] });
+	if (Ee) return /* @__PURE__ */ b(i, {
+		title: L("botlit.common.loading", "Loading..."),
+		children: /* @__PURE__ */ b("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+	});
+	if (!H) return /* @__PURE__ */ b(i, {
+		title: L("botlit.botDetail.notFound.title", "Bot Not Found"),
+		children: /* @__PURE__ */ b(ae, {
+			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__ */ b(u, {
+				onClick: () => z("bots"),
+				children: L("botlit.botDetail.notFound.backAction", "Back to Bots")
+			})
+		})
+	});
+	if (F && H) return /* @__PURE__ */ b(i, {
+		title: /* @__PURE__ */ x("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ b(u, {
+				variant: "ghost",
+				size: "icon",
+				onClick: () => z(`bots/${R}`),
+				children: /* @__PURE__ */ b(S, { size: 20 })
+			}), /* @__PURE__ */ b("span", { children: L("botlit.botDetail.editPage.title", "Edit Bot") })]
+		}),
+		actions: /* @__PURE__ */ x("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ b(u, {
+				variant: "outline",
+				onClick: () => z(`bots/${R}`),
+				children: L("botlit.common.cancel", "Cancel")
+			}), /* @__PURE__ */ b(u, {
+				leftIcon: /* @__PURE__ */ b(D, { size: 16 }),
+				onClick: Ne,
+				isLoading: K.loading,
+				disabled: !Y.name,
+				children: L("botlit.botDetail.editPage.actions.saveChanges", "Save Changes")
+			})]
+		}),
+		children: /* @__PURE__ */ b(a, {
+			className: "max-w-2xl",
+			children: /* @__PURE__ */ x(o, {
+				className: "pt-6 space-y-6",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ b("button", {
+							className: "text-5xl p-4 rounded-lg border-2 border-dashed border-border-subtle hover:border-primary transition-colors",
+							onClick: () => {
+								let e = [
+									"🤖",
+									"💼",
+									"🎧",
+									"📊",
+									"🎯",
+									"🔧",
+									"📚",
+									"💡",
+									"🚀",
+									"⚡"
+								], t = Y.icon, n = e.indexOf(t);
+								X({
+									...Y,
+									icon: e[(n + 1) % e.length]
+								});
+							},
+							children: Y.icon
+						}), /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: L("botlit.botDetail.form.clickToChangeIcon", "Click to change icon")
+						})]
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.botName", "Bot Name"),
+						required: !0,
+						htmlFor: "edit-name",
+						children: /* @__PURE__ */ b(m, {
+							id: "edit-name",
+							placeholder: L("botlit.botDetail.form.botNamePlaceholder", "e.g., Customer Support Bot"),
+							value: Y.name,
+							onChange: (e) => X({
+								...Y,
+								name: e.target.value
+							})
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.slug", "Slug"),
+						htmlFor: "edit-slug",
+						children: /* @__PURE__ */ b(m, {
+							id: "edit-slug",
+							placeholder: L("botlit.botDetail.form.slugPlaceholder", "customer-support-bot"),
+							value: Y.slug,
+							onChange: (e) => X({
+								...Y,
+								slug: e.target.value
+							})
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.description", "Description"),
+						htmlFor: "edit-description",
+						children: /* @__PURE__ */ b(h, {
+							id: "edit-description",
+							placeholder: L("botlit.botDetail.form.descriptionPlaceholder", "Describe what this bot does..."),
+							value: Y.description,
+							onChange: (e) => X({
+								...Y,
+								description: e.target.value
+							}),
+							rows: 4
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.routingStrategy", "Routing Strategy"),
+						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: Y.routingStrategy,
+							onChange: (e) => X({
+								...Y,
+								routingStrategy: g(e.target.value, N, "SINGLE")
+							}),
+							children: [
+								/* @__PURE__ */ b("option", {
+									value: "SINGLE",
+									children: L("botlit.botDetail.routing.single", "Single")
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "ROUND_ROBIN",
+									children: L("botlit.botDetail.routing.roundRobin", "Round Robin")
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "INTELLIGENT",
+									children: L("botlit.botDetail.routing.intelligent", "Intelligent")
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "CUSTOM",
+									children: L("botlit.botDetail.routing.custom", "Custom")
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.welcomeMessage", "Welcome Message"),
+						htmlFor: "edit-welcome",
+						children: /* @__PURE__ */ b(h, {
+							id: "edit-welcome",
+							placeholder: L("botlit.botDetail.form.welcomeMessagePlaceholder", "Welcome message shown to users..."),
+							value: Y.welcomeMessage,
+							onChange: (e) => X({
+								...Y,
+								welcomeMessage: e.target.value
+							}),
+							rows: 3
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.fallbackMessage", "Fallback Message"),
+						htmlFor: "edit-fallback",
+						children: /* @__PURE__ */ b(m, {
+							id: "edit-fallback",
+							placeholder: L("botlit.botDetail.form.fallbackMessagePlaceholder", "Message when agent can't respond..."),
+							value: Y.fallbackMessage,
+							onChange: (e) => X({
+								...Y,
+								fallbackMessage: e.target.value
+							})
+						})
+					}),
+					/* @__PURE__ */ b(p, {
+						label: L("botlit.botDetail.form.defaultAgent", "Default Agent"),
+						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: Y.defaultAgentId,
+							onChange: (e) => X({
+								...Y,
+								defaultAgentId: e.target.value
+							}),
+							children: [/* @__PURE__ */ b("option", {
+								value: "",
+								children: L("botlit.botDetail.form.noDefaultAgent", "No default agent")
+							}), W?.map((e) => /* @__PURE__ */ b("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})
+					})
+				]
+			})
+		})
+	});
+	let Pe = [
+		{
+			id: "overview",
+			label: L("botlit.botDetail.tabs.overview", "Overview"),
+			icon: /* @__PURE__ */ b(_e, { size: 16 })
+		},
+		{
+			id: "workflow",
+			label: L("botlit.botDetail.tabs.workflow", "Workflow"),
+			icon: /* @__PURE__ */ b(k, { size: 16 })
+		},
+		{
+			id: "routing",
+			label: L("botlit.botDetail.tabs.routing", "Routing"),
+			icon: /* @__PURE__ */ b(ye, { size: 16 })
+		},
+		{
+			id: "agents",
+			label: L("botlit.botDetail.tabs.agents", "Agents"),
+			icon: /* @__PURE__ */ b(C, { size: 16 })
+		},
+		{
+			id: "channels",
+			label: L("botlit.botDetail.tabs.channels", "Channels"),
+			icon: /* @__PURE__ */ b(E, { size: 16 })
+		},
+		{
+			id: "guardrails",
+			label: L("botlit.botDetail.tabs.guardrails", "Guardrails"),
+			icon: /* @__PURE__ */ b(O, { size: 16 })
+		},
+		{
+			id: "releases",
+			label: L("botlit.botDetail.tabs.releases", "Releases"),
+			icon: /* @__PURE__ */ b(w, { size: 16 })
+		}
+	], $ = H.defaultAgentId ? W?.find((e) => e.id === H.defaultAgentId) : null;
+	return /* @__PURE__ */ b(i, {
+		title: /* @__PURE__ */ x("div", {
+			className: "flex items-center gap-3",
+			children: [
+				/* @__PURE__ */ b(u, {
+					variant: "ghost",
+					size: "icon",
+					onClick: () => z("bots"),
+					children: /* @__PURE__ */ b(S, { size: 20 })
+				}),
+				/* @__PURE__ */ b("span", {
+					className: "text-3xl",
+					children: H.icon
+				}),
+				/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ b("span", { children: H.name }),
+						/* @__PURE__ */ b(f, { status: H.status }),
+						/* @__PURE__ */ b(d, {
+							variant: "outline",
+							children: H.slug
+						})
+					]
+				}), /* @__PURE__ */ b("p", {
+					className: "text-sm font-normal text-text-secondary",
+					children: H.description
+				})] })
+			]
+		}),
+		actions: /* @__PURE__ */ x("div", {
+			className: "flex gap-2",
+			children: [
+				H.status === "DRAFT" || H.status === "ARCHIVED" ? /* @__PURE__ */ b(u, {
+					variant: "default",
+					isLoading: K.loading,
+					onClick: async () => {
+						try {
+							if (!R) return;
+							await G({
+								botId: R,
+								input: { status: "ACTIVE" }
+							}), await U(), j.success(`${L("botlit.botDetail.activate.successPrefix", "Bot")} "${H.name}" ${L("botlit.botDetail.activate.successSuffix", "activated")}`);
+						} catch (e) {
+							j.error(e instanceof Error ? e.message : L("botlit.botDetail.activate.error", "Failed to activate bot"));
+						}
+					},
+					children: L("botlit.botDetail.actions.activate", "Activate")
+				}) : /* @__PURE__ */ b(u, {
+					variant: "outline",
+					isLoading: K.loading,
+					onClick: async () => {
+						try {
+							if (!R) return;
+							await G({
+								botId: R,
+								input: { status: "DRAFT" }
+							}), await U(), j.success(`${L("botlit.botDetail.deactivate.successPrefix", "Bot")} "${H.name}" ${L("botlit.botDetail.deactivate.successSuffix", "deactivated")}`);
+						} catch (e) {
+							j.error(e instanceof Error ? e.message : L("botlit.botDetail.deactivate.error", "Failed to deactivate bot"));
+						}
+					},
+					children: L("botlit.botDetail.actions.deactivate", "Deactivate")
+				}),
+				/* @__PURE__ */ b(u, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ b(ve, { size: 16 }),
+					onClick: () => z(`bots/${R}/edit`),
+					children: L("botlit.botDetail.actions.editBot", "Edit Bot")
+				}),
+				/* @__PURE__ */ b(u, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ b(T, { size: 16 }),
+					onClick: () => {
+						let e = H?.defaultAgentId;
+						z(e ? `chat/${e}` : "chat");
+					},
+					children: L("botlit.botDetail.actions.testBot", "Test Bot")
+				}),
+				/* @__PURE__ */ b(u, {
+					variant: "destructive",
+					leftIcon: /* @__PURE__ */ b(be, { size: 16 }),
+					isLoading: Ae.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 ke(R), j.success(`${L("botlit.botDetail.delete.successPrefix", "Bot")} "${H.name}" ${L("botlit.botDetail.delete.successSuffix", "deleted successfully")}`), z("bots");
+						} catch (e) {
+							j.error(e instanceof Error ? e.message : L("botlit.botDetail.delete.error", "Failed to delete bot"));
+						}
+					},
+					children: L("botlit.common.delete", "Delete")
+				})
+			]
+		}),
+		children: /* @__PURE__ */ x("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ b(de, {
+					icon: /* @__PURE__ */ b(C, { 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__ */ b("div", {
+					className: "flex gap-1 border-b border-border-subtle overflow-x-auto",
+					children: Pe.map((e) => /* @__PURE__ */ x("button", {
+						onClick: () => J(e.id),
+						className: ne("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: [e.icon, e.label]
+					}, e.id))
+				}),
+				q === "overview" && /* @__PURE__ */ x("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ b(ue, {
+						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__ */ b(k, { size: 16 }),
+								onClick: () => J("workflow"),
+								done: !!H.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__ */ b(C, { size: 16 }),
+								onClick: () => J("agents"),
+								done: !!H.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__ */ b(E, { size: 16 }),
+								onClick: () => J("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__ */ b(T, { size: 16 }),
+								onClick: () => {
+									let e = H?.defaultAgentId;
+									z(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__ */ b(O, { size: 16 }),
+								onClick: () => z(`bots/${R}/edit`),
+								done: H.status === "ACTIVE"
+							}
+						]
+					}), /* @__PURE__ */ x("div", {
+						className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+						children: [
+							/* @__PURE__ */ x(a, { children: [/* @__PURE__ */ b(c, { children: /* @__PURE__ */ b(l, { children: "Details" }) }), /* @__PURE__ */ x(o, {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Status"
+									}), /* @__PURE__ */ b(f, { status: H.status })] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Visibility"
+									}), /* @__PURE__ */ b(d, {
+										variant: "outline",
+										children: H.visibility
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Routing Strategy"
+									}), /* @__PURE__ */ b(d, {
+										variant: "outline",
+										children: H.routingStrategy
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Default Agent"
+									}), /* @__PURE__ */ b("p", {
+										className: "font-medium",
+										children: H.defaultAgentId ? "1 agent assigned" : "No agents"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Channels"
+									}), /* @__PURE__ */ b("p", {
+										className: "font-medium",
+										children: "0 channels"
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Created"
+									}), /* @__PURE__ */ b("p", {
+										className: "font-medium",
+										children: ie(H.createdAt)
+									})] }),
+									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Executions"
+									}), /* @__PURE__ */ b("p", {
+										className: "font-medium",
+										children: re(H.executionCount)
+									})] })
+								]
+							})] }),
+							/* @__PURE__ */ x(y, {
+								treatment: "glass",
+								glow: !0,
+								className: "lg:col-span-2 p-6",
+								children: [/* @__PURE__ */ x("div", {
+									className: "mb-4 flex flex-row items-center justify-between",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+										className: "text-lg font-semibold tracking-tight text-text-primary",
+										children: "Default Agent"
+									}), /* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "Agent configured for this bot"
+									})] }), /* @__PURE__ */ b(u, {
+										size: "sm",
+										variant: "outline",
+										onClick: () => J("agents"),
+										children: "Manage"
+									})]
+								}), /* @__PURE__ */ b("div", { children: $ ? /* @__PURE__ */ b("div", {
+									className: "space-y-3",
+									children: /* @__PURE__ */ x(pe, {
+										to: Te(`agents/${$.id}`),
+										className: "flex items-center justify-between p-3 rounded-lg border border-border-subtle hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ x("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ b("span", {
+												className: "text-2xl",
+												children: "🤖"
+											}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+												className: "font-medium text-text-primary",
+												children: $.name
+											}), /* @__PURE__ */ b("p", {
+												className: "text-xs text-text-secondary",
+												children: "Default Agent"
+											})] })]
+										}), /* @__PURE__ */ b(f, { status: $.status })]
+									})
+								}) : /* @__PURE__ */ x("div", {
+									className: "text-center py-8 text-text-secondary",
+									children: [
+										/* @__PURE__ */ b(C, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+										/* @__PURE__ */ b("p", { children: "No default agent assigned" }),
+										/* @__PURE__ */ b(u, {
+											size: "sm",
+											className: "mt-3",
+											onClick: () => J("agents"),
+											children: "Assign Agent"
+										})
+									]
+								}) })]
+							}),
+							(H.tagIds || []).length > 0 && /* @__PURE__ */ x(a, {
+								className: "lg:col-span-3",
+								children: [/* @__PURE__ */ b(c, { children: /* @__PURE__ */ b(l, { children: "Tags" }) }), /* @__PURE__ */ b(o, { children: /* @__PURE__ */ b("div", {
+									className: "flex flex-wrap gap-2",
+									children: (H.tagIds || []).map((e) => /* @__PURE__ */ b(d, {
+										variant: "outline",
+										children: e
+									}, e))
+								}) })]
+							})
+						]
+					})]
+				}),
+				q === "workflow" && R && /* @__PURE__ */ b(ce, {
+					fallback: /* @__PURE__ */ b("div", { className: "h-64 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }),
+					children: /* @__PURE__ */ b(M, {
+						botId: R,
+						botName: H.name,
+						workflowId: H.workflowId,
+						onWorkflowChanged: async () => {
+							await U();
+						}
+					})
+				}),
+				q === "routing" && /* @__PURE__ */ x("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ x(a, { children: [/* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, { children: "Routing Configuration" }), /* @__PURE__ */ b(s, { children: "How requests are routed to agents" })] }), /* @__PURE__ */ b(o, {
+						className: "space-y-4",
+						children: /* @__PURE__ */ x("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary",
+								children: "Strategy"
+							}), /* @__PURE__ */ b(d, {
+								variant: "outline",
+								className: "mt-1",
+								children: H.routingStrategy
+							})] }), H.defaultAgentId && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary",
+								children: "Default Agent"
+							}), /* @__PURE__ */ b("p", {
+								className: "font-mono text-sm mt-1",
+								children: H.defaultAgentId
+							})] })]
+						})
+					})] }), /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, { children: "Routing Rules" }), /* @__PURE__ */ b(s, { children: "No routing rules configured" })] }), /* @__PURE__ */ b(o, { children: /* @__PURE__ */ b("p", {
+						className: "text-text-secondary",
+						children: "No routing rules configured. Routing rules will be available in a future update."
+					}) })] })]
+				}),
+				q === "agents" && /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, { children: "Default Agent" }), /* @__PURE__ */ b(s, { children: "Select the default agent for this bot" })] }), /* @__PURE__ */ x(o, {
+					className: "space-y-4",
+					children: [
+						$ && /* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between p-4 border border-border-subtle rounded-lg",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ b("span", {
+									className: "text-2xl",
+									children: "🤖"
+								}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									className: "font-medium",
+									children: $.name
+								}), /* @__PURE__ */ b(d, {
+									variant: "success",
+									children: "Default"
+								})] })]
+							}), /* @__PURE__ */ b(f, { status: $.status })]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "flex items-center gap-3",
+							children: /* @__PURE__ */ x("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 || "",
+								onChange: async (e) => {
+									if (R) try {
+										await G({
+											botId: R,
+											input: { defaultAgentId: e.target.value || null }
+										}), j.success(e.target.value ? "Default agent assigned" : "Default agent removed");
+									} catch (e) {
+										let t = e instanceof Error ? e.message : "Failed to assign agent";
+										j.error(t);
+									}
+								},
+								children: [/* @__PURE__ */ b("option", {
+									value: "",
+									children: "No default agent"
+								}), W?.map((e) => /* @__PURE__ */ b("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
+							})
+						}),
+						!$ && !W?.length && /* @__PURE__ */ x("div", {
+							className: "text-center py-8 text-text-secondary",
+							children: [/* @__PURE__ */ b(C, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ b("p", { children: "No agents available. Create an agent first." })]
+						})
+					]
+				})] }),
+				q === "channels" && R && /* @__PURE__ */ b(se, {
+					botId: R,
+					botName: H.name
+				}),
+				q === "guardrails" && /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, { children: "Policy Bindings" }), /* @__PURE__ */ b(s, { children: "Guardrails and policies attached to this bot" })] }), /* @__PURE__ */ b(o, { children: /* @__PURE__ */ x("div", {
+					className: "text-center py-8 text-text-secondary",
+					children: [
+						/* @__PURE__ */ b(O, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+						/* @__PURE__ */ b("p", { children: "Not configured" }),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm mt-1",
+							children: "Policy bindings will be available in a future update."
+						})
+					]
+				}) })] }),
+				q === "releases" && /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, { children: "Release Tracks" }), /* @__PURE__ */ b(s, { children: "Version deployments across environments" })] }), /* @__PURE__ */ b(o, { children: /* @__PURE__ */ x("div", {
+					className: "text-center py-8 text-text-secondary",
+					children: [
+						/* @__PURE__ */ b(w, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+						/* @__PURE__ */ b("p", { children: "Not configured" }),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm mt-1",
+							children: "Release tracks will be available in a future update."
+						})
+					]
+				}) })] })
+			]
+		})
+	});
+};
+//#endregion
+export { I as BotDetailPage };
+
+//# sourceMappingURL=BotDetailPage.js.map