@burdenoff/microfe-botmanor 2026.1007.1 → 2026.1009.1

package/dist/botlit/pages/AgentBuilderPage.js

@@ -1,21 +1,22 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
 import { useBots as t } from "../hooks/useBots.js";
-import { useAgent as n, useCreateAgent as r, useUpdateAgent as i } from "../hooks/useAgents.js";
-import { useLLMModels as a, useLLMProviders as o } from "../hooks/useLLMProviders.js";
-import { cn as s } from "../utils/cn.js";
-import { PageLayout as c } from "../components/PageLayout.js";
-import { Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p } from "../components/Card.js";
-import { Button as m } from "../components/Button.js";
-import { FormField as h, Input as g, Textarea as _ } from "../components/Input.js";
-import { toUnion as v } from "../utils/unions.js";
-import { useEffect as y, useState as b } from "react";
-import { PagePurpose as x } from "@burdenoff/fe-libs/ui";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useParams as w } from "react-router";
-import { ArrowLeft as T, Brain as E, Save as D, Settings as O, Sparkles as k, Wrench as A } from "lucide-react";
-import { toast as j } from "sonner";
+import { useAgent as ee, useCreateAgent as te, useUpdateAgent as ne } from "../hooks/useAgents.js";
+import { useLLMModels as n, useLLMProviders as re } from "../hooks/useLLMProviders.js";
+import { cn as r } from "../utils/cn.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 { FormField as d, Input as f, Textarea as p } from "../components/Input.js";
+import { toUnion as m } from "../utils/unions.js";
+import { configuredAnswerModels as h } from "../utils/embedding-models.js";
+import { useEffect as g, useState as _ } from "react";
+import { PagePurpose as ie } from "@burdenoff/fe-libs/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useParams as ae } from "react-router";
+import { ArrowLeft as oe, Brain as se, Save as b, Settings as x, Sparkles as S, Wrench as C } from "lucide-react";
+import { toast as w } from "sonner";
 //#region src/botlit/pages/AgentBuilderPage.tsx
-var M = [
+var T = [
 	"MCP_TOOLS",
 	"RAG",
 	"REASONING",
@@ -24,23 +25,23 @@ var M = [
 	"CODE_EXECUTION",
 	"A2A",
 	"WEB_BROWSING"
-], N = [
+], E = [
 	"ASSISTANT",
 	"ANALYST",
 	"AUTOMATION",
 	"SPECIALIST"
 ];
-function P(e) {
+function D(e) {
 	return e.flatMap((e) => {
-		let t = M.find((t) => t === e);
+		let t = T.find((t) => t === e);
 		return t ? [t] : [];
 	});
 }
-function F(e) {
-	return v(e, N, "ASSISTANT");
+function O(e) {
+	return m(e, E, "ASSISTANT");
 }
-var I = () => {
-	let { agentId: v } = w(), { navigateTo: M, workspaceId: N } = e(), { data: I } = n(v), { data: L } = t(), { data: R } = o(), { data: z } = a(), [B, V] = r(), [H, U] = i(), W = !!v, [G, K] = b(0), [q, J] = b({
+var k = () => {
+	let { agentId: m } = ae(), { navigateTo: T, workspaceId: E } = e(), { data: k } = ee(m), { data: A } = t(), { data: j, loading: ce, error: M, refetch: N } = re(), { data: P, loading: F, error: I, refetch: L } = n(), R = ce || F, z = M || I, B = h(P ?? [], j ?? []), [V, H] = te(), [U, W] = ne(), G = !!m, [K, q] = _(0), [J, Y] = _({
 		name: "",
 		slug: "",
 		description: "",
@@ -54,10 +55,10 @@ var I = () => {
 		capabilities: ["MCP_TOOLS", "REASONING"],
 		llmModelId: ""
 	});
-	y(() => {
-		if (I) {
-			let e = I;
-			J({
+	g(() => {
+		if (k) {
+			let e = k;
+			Y({
 				name: e.name,
 				slug: e.slug,
 				description: e.description || "",
@@ -72,29 +73,29 @@ var I = () => {
 				llmModelId: e.llmModelId || ""
 			});
 		}
-	}, [I]);
-	let Y = [
+	}, [k]);
+	let X = [
 		{
 			id: 0,
 			label: "Basic Info",
-			icon: /* @__PURE__ */ S(k, { size: 18 })
+			icon: /* @__PURE__ */ v(S, { size: 18 })
 		},
 		{
 			id: 1,
 			label: "Prompt",
-			icon: /* @__PURE__ */ S(E, { size: 18 })
+			icon: /* @__PURE__ */ v(se, { size: 18 })
 		},
 		{
 			id: 2,
 			label: "LLM Model",
-			icon: /* @__PURE__ */ S(O, { size: 18 })
+			icon: /* @__PURE__ */ v(x, { size: 18 })
 		},
 		{
 			id: 3,
 			label: "Tools & Knowledge",
-			icon: /* @__PURE__ */ S(A, { size: 18 })
+			icon: /* @__PURE__ */ v(C, { size: 18 })
 		}
-	], X = [
+	], le = [
 		"🤖",
 		"🧠",
 		"💡",
@@ -107,7 +108,7 @@ var I = () => {
 		"⚡",
 		"🌟",
 		"🚀"
-	], ee = [
+	], ue = [
 		{
 			key: "MCP_TOOLS",
 			label: "MCP Tools",
@@ -148,167 +149,171 @@ var I = () => {
 			label: "Web Browsing",
 			description: "Browse the web"
 		}
-	], te = (e) => {
-		J((t) => ({
+	], de = (e) => {
+		Y((t) => ({
 			...t,
 			capabilities: t.capabilities.includes(e) ? t.capabilities.filter((t) => t !== e) : [...t.capabilities, e]
 		}));
 	}, Z = async () => {
-		let e = q.slug || q.name.toLowerCase().replace(/\s+/g, "-");
+		if (J.llmModelId && (R || z || !B.some((e) => e.id === J.llmModelId))) {
+			w.error("Choose an active answer model from the available catalog.");
+			return;
+		}
+		let e = J.slug || J.name.toLowerCase().replace(/\s+/g, "-");
 		try {
-			if (W && v) await H({
-				agentId: v,
+			if (G && m) await U({
+				agentId: m,
 				input: {
-					name: q.name,
+					name: J.name,
 					slug: e,
-					description: q.description || void 0,
-					systemPrompt: q.systemPrompt,
-					temperature: parseFloat(q.temperature) || .7,
-					maxTokens: parseInt(q.maxTokens) || 2048,
-					capabilities: P(q.capabilities),
-					llmModelId: q.llmModelId || void 0,
-					type: F(q.type)
+					description: J.description || void 0,
+					systemPrompt: J.systemPrompt,
+					temperature: parseFloat(J.temperature) || .7,
+					maxTokens: parseInt(J.maxTokens) || 2048,
+					capabilities: D(J.capabilities),
+					llmModelId: J.llmModelId || void 0,
+					type: O(J.type)
 				}
-			}), j.success(`Agent "${q.name}" updated successfully`), M(`agents/${v}`);
+			}), w.success(`Agent "${J.name}" updated successfully`), T(`agents/${m}`);
 			else {
-				if (!N) return;
-				let t = await B({
-					workspaceId: N,
-					name: q.name,
+				if (!E) return;
+				let t = await V({
+					workspaceId: E,
+					name: J.name,
 					slug: e,
-					type: F(q.type),
-					systemPrompt: q.systemPrompt,
-					temperature: parseFloat(q.temperature) || .7,
-					maxTokens: parseInt(q.maxTokens) || 2048,
-					capabilities: P(q.capabilities),
-					llmModelId: q.llmModelId || void 0,
-					description: q.description || void 0
+					type: O(J.type),
+					systemPrompt: J.systemPrompt,
+					temperature: parseFloat(J.temperature) || .7,
+					maxTokens: parseInt(J.maxTokens) || 2048,
+					capabilities: D(J.capabilities),
+					llmModelId: J.llmModelId || void 0,
+					description: J.description || void 0
 				});
-				j.success(`Agent "${q.name}" created successfully`), t?.id && M(`agents/${t.id}`);
+				w.success(`Agent "${J.name}" created successfully`), t?.id && T(`agents/${t.id}`);
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Failed to save agent";
-			j.error(t);
+			w.error(t);
 		}
-	}, Q = V.loading, $ = U.loading;
-	return /* @__PURE__ */ C(c, {
-		title: /* @__PURE__ */ C("div", {
+	}, Q = H.loading, $ = W.loading;
+	return /* @__PURE__ */ y(i, {
+		title: /* @__PURE__ */ y("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ S(m, {
+			children: [/* @__PURE__ */ v(u, {
 				variant: "ghost",
 				size: "icon",
-				onClick: () => M(v ? `agents/${v}` : "agents"),
-				children: /* @__PURE__ */ S(T, { size: 20 })
-			}), /* @__PURE__ */ S("span", { children: W ? "Edit Agent" : "Create New Agent" })]
+				onClick: () => T(m ? `agents/${m}` : "agents"),
+				children: /* @__PURE__ */ v(oe, { size: 20 })
+			}), /* @__PURE__ */ v("span", { children: G ? "Edit Agent" : "Create New Agent" })]
 		}),
-		actions: /* @__PURE__ */ C("div", {
+		actions: /* @__PURE__ */ y("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ S(m, {
+			children: [/* @__PURE__ */ v(u, {
 				variant: "outline",
-				onClick: () => M(v ? `agents/${v}` : "agents"),
+				onClick: () => T(m ? `agents/${m}` : "agents"),
 				children: "Cancel"
-			}), /* @__PURE__ */ S(m, {
-				leftIcon: /* @__PURE__ */ S(D, { size: 16 }),
+			}), /* @__PURE__ */ v(u, {
+				leftIcon: /* @__PURE__ */ v(b, { size: 16 }),
 				onClick: Z,
 				isLoading: Q || $,
-				disabled: !q.name || !q.systemPrompt,
-				children: W ? "Save Changes" : "Create Agent"
+				disabled: !J.name || !J.systemPrompt,
+				children: G ? "Save Changes" : "Create Agent"
 			})]
 		}),
-		children: [/* @__PURE__ */ C("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "max-w-4xl mx-auto",
 			children: [
-				/* @__PURE__ */ S(x, {
+				/* @__PURE__ */ v(ie, {
 					className: "mb-6",
-					icon: /* @__PURE__ */ S(k, { size: 18 }),
+					icon: /* @__PURE__ */ v(S, { size: 18 }),
 					children: "This guided builder walks you through everything an agent needs — its identity and system prompt, the model and parameters it runs on, and the tools and knowledge it can reach. Work through the steps, then create the agent and test it in chat. You can come back and edit any step later."
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between mb-8",
-					children: Y.map((e) => /* @__PURE__ */ C("button", {
-						onClick: () => K(e.id),
-						className: s("flex items-center gap-2 px-4 py-2 rounded-lg transition-colors", G === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:bg-accent"),
-						children: [e.icon, /* @__PURE__ */ S("span", {
+					children: X.map((e) => /* @__PURE__ */ y("button", {
+						onClick: () => q(e.id),
+						className: r("flex items-center gap-2 px-4 py-2 rounded-lg transition-colors", K === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:bg-accent"),
+						children: [e.icon, /* @__PURE__ */ v("span", {
 							className: "font-medium",
 							children: e.label
 						})]
 					}, e.id))
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ y("div", {
 					className: "space-y-6",
 					children: [
-						G === 0 && /* @__PURE__ */ C(l, {
+						K === 0 && /* @__PURE__ */ y(a, {
 							treatment: "glass",
 							glow: !0,
-							children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(p, { children: "Basic Information" }), /* @__PURE__ */ S(d, { children: "Set up the agent's identity and purpose" })] }), /* @__PURE__ */ C(u, {
+							children: [/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v(l, { children: "Basic Information" }), /* @__PURE__ */ v(s, { children: "Set up the agent's identity and purpose" })] }), /* @__PURE__ */ y(o, {
 								className: "space-y-6",
 								children: [
-									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 										className: "text-sm font-medium",
 										children: "Avatar"
-									}), /* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "flex gap-2 mt-2 flex-wrap",
-										children: X.map((e) => /* @__PURE__ */ S("button", {
-											onClick: () => J({
-												...q,
+										children: le.map((e) => /* @__PURE__ */ v("button", {
+											onClick: () => Y({
+												...J,
 												avatar: e
 											}),
-											className: s("text-3xl p-2 rounded-lg border-2 transition-colors", q.avatar === e ? "border-primary bg-action-primary-bg/10" : "border-border-subtle hover:border-primary/50"),
+											className: r("text-3xl p-2 rounded-lg border-2 transition-colors", J.avatar === e ? "border-primary bg-action-primary-bg/10" : "border-border-subtle hover:border-primary/50"),
 											children: e
 										}, e))
 									})] }),
-									/* @__PURE__ */ S(h, {
+									/* @__PURE__ */ v(d, {
 										label: "Agent Name",
 										required: !0,
-										children: /* @__PURE__ */ S(g, {
+										children: /* @__PURE__ */ v(f, {
 											placeholder: "e.g., Customer Support Agent",
-											value: q.name,
-											onChange: (e) => J({
-												...q,
+											value: J.name,
+											onChange: (e) => Y({
+												...J,
 												name: e.target.value
 											})
 										})
 									}),
-									/* @__PURE__ */ S(h, {
+									/* @__PURE__ */ v(d, {
 										label: "Slug",
 										description: "URL-friendly identifier",
-										children: /* @__PURE__ */ S(g, {
+										children: /* @__PURE__ */ v(f, {
 											placeholder: "customer-support-agent",
-											value: q.slug,
-											onChange: (e) => J({
-												...q,
+											value: J.slug,
+											onChange: (e) => Y({
+												...J,
 												slug: e.target.value
 											})
 										})
 									}),
-									/* @__PURE__ */ S(h, {
+									/* @__PURE__ */ v(d, {
 										label: "Description",
-										children: /* @__PURE__ */ S(_, {
+										children: /* @__PURE__ */ v(p, {
 											placeholder: "Describe what this agent does...",
-											value: q.description,
-											onChange: (e) => J({
-												...q,
+											value: J.description,
+											onChange: (e) => Y({
+												...J,
 												description: e.target.value
 											}),
 											rows: 3
 										})
 									}),
-									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 										className: "text-sm font-medium mb-2 block",
 										children: "Capabilities"
-									}), /* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "grid grid-cols-2 md:grid-cols-3 gap-3",
-										children: ee.map((e) => /* @__PURE__ */ C("label", {
+										children: ue.map((e) => /* @__PURE__ */ y("label", {
 											className: "flex items-start gap-3 p-3 border border-border-subtle rounded-lg cursor-pointer hover:bg-accent",
-											children: [/* @__PURE__ */ S("input", {
+											children: [/* @__PURE__ */ v("input", {
 												type: "checkbox",
 												className: "h-4 w-4 rounded border-border-default mt-0.5",
-												checked: q.capabilities.includes(e.key),
-												onChange: () => te(e.key)
-											}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+												checked: J.capabilities.includes(e.key),
+												onChange: () => de(e.key)
+											}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 												className: "font-medium text-sm",
 												children: e.label
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ v("p", {
 												className: "text-xs text-text-secondary",
 												children: e.description
 											})] })]
@@ -317,51 +322,51 @@ var I = () => {
 								]
 							})]
 						}),
-						G === 1 && /* @__PURE__ */ C(l, {
+						K === 1 && /* @__PURE__ */ y(a, {
 							treatment: "glass",
 							glow: !0,
-							children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(p, { children: "Prompt Configuration" }), /* @__PURE__ */ S(d, { children: "Define how the agent communicates and behaves" })] }), /* @__PURE__ */ C(u, {
+							children: [/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v(l, { children: "Prompt Configuration" }), /* @__PURE__ */ v(s, { children: "Define how the agent communicates and behaves" })] }), /* @__PURE__ */ y(o, {
 								className: "space-y-6",
-								children: [/* @__PURE__ */ S(h, {
+								children: [/* @__PURE__ */ v(d, {
 									label: "System Prompt",
 									required: !0,
 									description: "The core instructions that define the agent's behavior",
-									children: /* @__PURE__ */ S(_, {
+									children: /* @__PURE__ */ v(p, {
 										placeholder: "You are a helpful assistant...",
-										value: q.systemPrompt,
-										onChange: (e) => J({
-											...q,
+										value: J.systemPrompt,
+										onChange: (e) => Y({
+											...J,
 											systemPrompt: e.target.value
 										}),
 										rows: 8,
 										className: "font-mono text-sm"
 									})
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ S(h, {
+									children: [/* @__PURE__ */ v(d, {
 										label: "Temperature",
 										description: "Controls randomness (0-2)",
-										children: /* @__PURE__ */ S(g, {
+										children: /* @__PURE__ */ v(f, {
 											type: "number",
 											step: "0.1",
 											min: "0",
 											max: "2",
-											value: q.temperature,
-											onChange: (e) => J({
-												...q,
+											value: J.temperature,
+											onChange: (e) => Y({
+												...J,
 												temperature: e.target.value
 											})
 										})
-									}), /* @__PURE__ */ S(h, {
+									}), /* @__PURE__ */ v(d, {
 										label: "Max Tokens",
 										description: "Maximum response length",
-										children: /* @__PURE__ */ S(g, {
+										children: /* @__PURE__ */ v(f, {
 											type: "number",
 											step: "256",
 											min: "1",
-											value: q.maxTokens,
-											onChange: (e) => J({
-												...q,
+											value: J.maxTokens,
+											onChange: (e) => Y({
+												...J,
 												maxTokens: e.target.value
 											})
 										})
@@ -369,49 +374,67 @@ var I = () => {
 								})]
 							})]
 						}),
-						G === 2 && /* @__PURE__ */ C(l, {
+						K === 2 && /* @__PURE__ */ y(a, {
 							treatment: "glass",
 							glow: !0,
-							children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(p, { children: "LLM Configuration" }), /* @__PURE__ */ S(d, { children: "Select the LLM model for this agent" })] }), /* @__PURE__ */ C(u, {
+							children: [/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v(l, { children: "LLM Configuration" }), /* @__PURE__ */ v(s, { children: "Select the LLM model for this agent" })] }), /* @__PURE__ */ y(o, {
 								className: "space-y-6",
 								children: [
-									/* @__PURE__ */ S(h, {
+									/* @__PURE__ */ y(d, {
 										label: "LLM Model",
 										description: "Select a model for this agent",
-										children: /* @__PURE__ */ C("select", {
-											className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-											value: q.llmModelId,
-											onChange: (e) => J({
-												...q,
-												llmModelId: e.target.value
+										children: [
+											R && /* @__PURE__ */ v("p", {
+												role: "status",
+												children: "Loading answer models…"
 											}),
-											children: [/* @__PURE__ */ S("option", {
-												value: "",
-												children: "Select a model..."
-											}), z?.map((e) => /* @__PURE__ */ C("option", {
-												value: e.id,
-												children: [
-													e.name,
-													" (",
-													e.modelId,
-													")"
-												]
-											}, e.id))]
-										})
+											z && /* @__PURE__ */ y("div", {
+												role: "alert",
+												children: [/* @__PURE__ */ v("p", { children: "Could not load answer models." }), /* @__PURE__ */ v(u, {
+													variant: "secondary",
+													onClick: () => {
+														L(), N();
+													},
+													children: "Retry model catalog"
+												})]
+											}),
+											/* @__PURE__ */ y("select", {
+												"aria-label": "LLM Model",
+												disabled: R || !!z,
+												className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
+												value: J.llmModelId,
+												onChange: (e) => Y({
+													...J,
+													llmModelId: e.target.value
+												}),
+												children: [/* @__PURE__ */ v("option", {
+													value: "",
+													children: "Select a model..."
+												}), B.map((e) => /* @__PURE__ */ y("option", {
+													value: e.id,
+													children: [
+														e.name,
+														" (",
+														e.modelId,
+														")"
+													]
+												}, e.id))]
+											})
+										]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ y("div", {
 										className: "p-4 bg-bg-sunken rounded-lg",
-										children: [/* @__PURE__ */ S("h4", {
+										children: [/* @__PURE__ */ v("h4", {
 											className: "text-sm font-medium mb-2",
 											children: "Available Providers"
-										}), /* @__PURE__ */ C("div", {
+										}), /* @__PURE__ */ y("div", {
 											className: "grid grid-cols-2 gap-2",
-											children: [R?.map((e) => /* @__PURE__ */ C("div", {
+											children: [j?.map((e) => /* @__PURE__ */ y("div", {
 												className: "text-sm",
-												children: [/* @__PURE__ */ S("span", {
+												children: [/* @__PURE__ */ v("span", {
 													className: "font-medium",
 													children: e.name
-												}), /* @__PURE__ */ C("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "text-text-secondary ml-2",
 													children: [
 														"(",
@@ -419,36 +442,36 @@ var I = () => {
 														")"
 													]
 												})]
-											}, e.id)), !R?.length && /* @__PURE__ */ S("p", {
+											}, e.id)), !R && !z && !j?.length && /* @__PURE__ */ v("p", {
 												className: "text-sm text-text-secondary",
 												children: "No providers configured"
 											})]
 										})]
 									}),
-									!z?.length && /* @__PURE__ */ S("p", {
+									!R && !z && !B.length && /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "No models available. Configure a provider and add models in Settings."
 									})
 								]
 							})]
 						}),
-						G === 3 && /* @__PURE__ */ S("div", {
+						K === 3 && /* @__PURE__ */ v("div", {
 							className: "space-y-6",
-							children: /* @__PURE__ */ C(l, {
+							children: /* @__PURE__ */ y(a, {
 								treatment: "glass",
 								glow: !0,
-								children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(p, {
+								children: [/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ y(l, {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ S(A, { size: 18 }), "Tools & Knowledge"]
-								}), /* @__PURE__ */ S(d, { children: "Configure tools and knowledge bases for this agent" })] }), /* @__PURE__ */ S(u, { children: /* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ v(C, { size: 18 }), "Tools & Knowledge"]
+								}), /* @__PURE__ */ v(s, { children: "Configure tools and knowledge bases for this agent" })] }), /* @__PURE__ */ v(o, { children: /* @__PURE__ */ y("div", {
 									className: "text-center py-12 text-text-secondary",
 									children: [
-										/* @__PURE__ */ S(A, { className: "h-10 w-10 mx-auto mb-3 opacity-50" }),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ v(C, { className: "h-10 w-10 mx-auto mb-3 opacity-50" }),
+										/* @__PURE__ */ v("p", {
 											className: "font-medium",
 											children: "Tools & Knowledge coming soon"
 										}),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ v("p", {
 											className: "text-sm mt-2",
 											children: "MCP tool connections and knowledge base bindings will be configurable here in a future update."
 										})
@@ -456,31 +479,31 @@ var I = () => {
 								}) })]
 							})
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ y("div", {
 							className: "flex justify-between pt-6",
-							children: [/* @__PURE__ */ S(m, {
+							children: [/* @__PURE__ */ v(u, {
 								variant: "outline",
-								onClick: () => K(Math.max(0, G - 1)),
-								disabled: G === 0,
+								onClick: () => q(Math.max(0, K - 1)),
+								disabled: K === 0,
 								children: "Previous"
-							}), G < Y.length - 1 ? /* @__PURE__ */ S(m, {
-								onClick: () => K(G + 1),
+							}), K < X.length - 1 ? /* @__PURE__ */ v(u, {
+								onClick: () => q(K + 1),
 								children: "Next"
-							}) : /* @__PURE__ */ S(m, {
-								leftIcon: /* @__PURE__ */ S(D, { size: 16 }),
+							}) : /* @__PURE__ */ v(u, {
+								leftIcon: /* @__PURE__ */ v(b, { size: 16 }),
 								onClick: Z,
 								isLoading: Q || $,
-								disabled: !q.name || !q.systemPrompt,
-								children: W ? "Save Changes" : "Create Agent"
+								disabled: !J.name || !J.systemPrompt,
+								children: G ? "Save Changes" : "Create Agent"
 							})]
 						})
 					]
 				})
 			]
-		}), L && L.length > 0 && null]
+		}), A && A.length > 0 && null]
 	});
 };
 //#endregion
-export { I as AgentBuilderPage };
+export { k as AgentBuilderPage };
 
 //# sourceMappingURL=AgentBuilderPage.js.map