@burdenoff/microfe-botmanor 2026.813.1

package/dist/botlit/pages/AgentBuilderPage.js

@@ -0,0 +1,486 @@
+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";
+//#region src/botlit/pages/AgentBuilderPage.tsx
+var M = [
+	"MCP_TOOLS",
+	"RAG",
+	"REASONING",
+	"MULTIMODAL",
+	"MEMORY",
+	"CODE_EXECUTION",
+	"A2A",
+	"WEB_BROWSING"
+], N = [
+	"ASSISTANT",
+	"ANALYST",
+	"AUTOMATION",
+	"SPECIALIST"
+];
+function P(e) {
+	return e.flatMap((e) => {
+		let t = M.find((t) => t === e);
+		return t ? [t] : [];
+	});
+}
+function F(e) {
+	return v(e, N, "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({
+		name: "",
+		slug: "",
+		description: "",
+		avatar: "🤖",
+		tags: [],
+		systemPrompt: "You are a helpful AI assistant. Be concise, accurate, and friendly.",
+		temperature: "0.7",
+		maxTokens: "2048",
+		type: "ASSISTANT",
+		status: "DRAFT",
+		capabilities: ["MCP_TOOLS", "REASONING"],
+		llmModelId: ""
+	});
+	y(() => {
+		if (I) {
+			let e = I;
+			J({
+				name: e.name,
+				slug: e.slug,
+				description: e.description || "",
+				avatar: "🤖",
+				tags: e.tagIds || [],
+				systemPrompt: e.systemPrompt || "",
+				temperature: String(e.temperature ?? .7),
+				maxTokens: String(e.maxTokens ?? 2048),
+				type: e.type || "ASSISTANT",
+				status: e.status || "DRAFT",
+				capabilities: e.capabilities || [],
+				llmModelId: e.llmModelId || ""
+			});
+		}
+	}, [I]);
+	let Y = [
+		{
+			id: 0,
+			label: "Basic Info",
+			icon: /* @__PURE__ */ S(k, { size: 18 })
+		},
+		{
+			id: 1,
+			label: "Prompt",
+			icon: /* @__PURE__ */ S(E, { size: 18 })
+		},
+		{
+			id: 2,
+			label: "LLM Model",
+			icon: /* @__PURE__ */ S(O, { size: 18 })
+		},
+		{
+			id: 3,
+			label: "Tools & Knowledge",
+			icon: /* @__PURE__ */ S(A, { size: 18 })
+		}
+	], X = [
+		"🤖",
+		"🧠",
+		"💡",
+		"🎯",
+		"🔧",
+		"📊",
+		"🎧",
+		"💼",
+		"🔍",
+		"⚡",
+		"🌟",
+		"🚀"
+	], ee = [
+		{
+			key: "MCP_TOOLS",
+			label: "MCP Tools",
+			description: "Can use MCP tool servers"
+		},
+		{
+			key: "RAG",
+			label: "RAG",
+			description: "Retrieval-augmented generation"
+		},
+		{
+			key: "REASONING",
+			label: "Reasoning",
+			description: "Advanced reasoning"
+		},
+		{
+			key: "MULTIMODAL",
+			label: "Multimodal",
+			description: "Process images & media"
+		},
+		{
+			key: "MEMORY",
+			label: "Memory",
+			description: "Conversation memory"
+		},
+		{
+			key: "CODE_EXECUTION",
+			label: "Code Execution",
+			description: "Execute code"
+		},
+		{
+			key: "A2A",
+			label: "A2A",
+			description: "Agent-to-agent protocol"
+		},
+		{
+			key: "WEB_BROWSING",
+			label: "Web Browsing",
+			description: "Browse the web"
+		}
+	], te = (e) => {
+		J((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, "-");
+		try {
+			if (W && v) await H({
+				agentId: v,
+				input: {
+					name: q.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)
+				}
+			}), j.success(`Agent "${q.name}" updated successfully`), M(`agents/${v}`);
+			else {
+				if (!N) return;
+				let t = await B({
+					workspaceId: N,
+					name: q.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
+				});
+				j.success(`Agent "${q.name}" created successfully`), t?.id && M(`agents/${t.id}`);
+			}
+		} catch (e) {
+			let t = e instanceof Error ? e.message : "Failed to save agent";
+			j.error(t);
+		}
+	}, Q = V.loading, $ = U.loading;
+	return /* @__PURE__ */ C(c, {
+		title: /* @__PURE__ */ C("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ S(m, {
+				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" })]
+		}),
+		actions: /* @__PURE__ */ C("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ S(m, {
+				variant: "outline",
+				onClick: () => M(v ? `agents/${v}` : "agents"),
+				children: "Cancel"
+			}), /* @__PURE__ */ S(m, {
+				leftIcon: /* @__PURE__ */ S(D, { size: 16 }),
+				onClick: Z,
+				isLoading: Q || $,
+				disabled: !q.name || !q.systemPrompt,
+				children: W ? "Save Changes" : "Create Agent"
+			})]
+		}),
+		children: [/* @__PURE__ */ C("div", {
+			className: "max-w-4xl mx-auto",
+			children: [
+				/* @__PURE__ */ S(x, {
+					className: "mb-6",
+					icon: /* @__PURE__ */ S(k, { 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", {
+					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", {
+							className: "font-medium",
+							children: e.label
+						})]
+					}, e.id))
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "space-y-6",
+					children: [
+						G === 0 && /* @__PURE__ */ C(l, {
+							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, {
+								className: "space-y-6",
+								children: [
+									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+										className: "text-sm font-medium",
+										children: "Avatar"
+									}), /* @__PURE__ */ S("div", {
+										className: "flex gap-2 mt-2 flex-wrap",
+										children: X.map((e) => /* @__PURE__ */ S("button", {
+											onClick: () => J({
+												...q,
+												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"),
+											children: e
+										}, e))
+									})] }),
+									/* @__PURE__ */ S(h, {
+										label: "Agent Name",
+										required: !0,
+										children: /* @__PURE__ */ S(g, {
+											placeholder: "e.g., Customer Support Agent",
+											value: q.name,
+											onChange: (e) => J({
+												...q,
+												name: e.target.value
+											})
+										})
+									}),
+									/* @__PURE__ */ S(h, {
+										label: "Slug",
+										description: "URL-friendly identifier",
+										children: /* @__PURE__ */ S(g, {
+											placeholder: "customer-support-agent",
+											value: q.slug,
+											onChange: (e) => J({
+												...q,
+												slug: e.target.value
+											})
+										})
+									}),
+									/* @__PURE__ */ S(h, {
+										label: "Description",
+										children: /* @__PURE__ */ S(_, {
+											placeholder: "Describe what this agent does...",
+											value: q.description,
+											onChange: (e) => J({
+												...q,
+												description: e.target.value
+											}),
+											rows: 3
+										})
+									}),
+									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+										className: "text-sm font-medium mb-2 block",
+										children: "Capabilities"
+									}), /* @__PURE__ */ S("div", {
+										className: "grid grid-cols-2 md:grid-cols-3 gap-3",
+										children: ee.map((e) => /* @__PURE__ */ C("label", {
+											className: "flex items-start gap-3 p-3 border border-border-subtle rounded-lg cursor-pointer hover:bg-accent",
+											children: [/* @__PURE__ */ S("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", {
+												className: "font-medium text-sm",
+												children: e.label
+											}), /* @__PURE__ */ S("p", {
+												className: "text-xs text-text-secondary",
+												children: e.description
+											})] })]
+										}, e.key))
+									})] })
+								]
+							})]
+						}),
+						G === 1 && /* @__PURE__ */ C(l, {
+							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, {
+								className: "space-y-6",
+								children: [/* @__PURE__ */ S(h, {
+									label: "System Prompt",
+									required: !0,
+									description: "The core instructions that define the agent's behavior",
+									children: /* @__PURE__ */ S(_, {
+										placeholder: "You are a helpful assistant...",
+										value: q.systemPrompt,
+										onChange: (e) => J({
+											...q,
+											systemPrompt: e.target.value
+										}),
+										rows: 8,
+										className: "font-mono text-sm"
+									})
+								}), /* @__PURE__ */ C("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ S(h, {
+										label: "Temperature",
+										description: "Controls randomness (0-2)",
+										children: /* @__PURE__ */ S(g, {
+											type: "number",
+											step: "0.1",
+											min: "0",
+											max: "2",
+											value: q.temperature,
+											onChange: (e) => J({
+												...q,
+												temperature: e.target.value
+											})
+										})
+									}), /* @__PURE__ */ S(h, {
+										label: "Max Tokens",
+										description: "Maximum response length",
+										children: /* @__PURE__ */ S(g, {
+											type: "number",
+											step: "256",
+											min: "1",
+											value: q.maxTokens,
+											onChange: (e) => J({
+												...q,
+												maxTokens: e.target.value
+											})
+										})
+									})]
+								})]
+							})]
+						}),
+						G === 2 && /* @__PURE__ */ C(l, {
+							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, {
+								className: "space-y-6",
+								children: [
+									/* @__PURE__ */ S(h, {
+										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: [/* @__PURE__ */ S("option", {
+												value: "",
+												children: "Select a model..."
+											}), z?.map((e) => /* @__PURE__ */ C("option", {
+												value: e.id,
+												children: [
+													e.name,
+													" (",
+													e.modelId,
+													")"
+												]
+											}, e.id))]
+										})
+									}),
+									/* @__PURE__ */ C("div", {
+										className: "p-4 bg-bg-sunken rounded-lg",
+										children: [/* @__PURE__ */ S("h4", {
+											className: "text-sm font-medium mb-2",
+											children: "Available Providers"
+										}), /* @__PURE__ */ C("div", {
+											className: "grid grid-cols-2 gap-2",
+											children: [R?.map((e) => /* @__PURE__ */ C("div", {
+												className: "text-sm",
+												children: [/* @__PURE__ */ S("span", {
+													className: "font-medium",
+													children: e.name
+												}), /* @__PURE__ */ C("span", {
+													className: "text-text-secondary ml-2",
+													children: [
+														"(",
+														e.type,
+														")"
+													]
+												})]
+											}, e.id)), !R?.length && /* @__PURE__ */ S("p", {
+												className: "text-sm text-text-secondary",
+												children: "No providers configured"
+											})]
+										})]
+									}),
+									!z?.length && /* @__PURE__ */ S("p", {
+										className: "text-sm text-text-secondary",
+										children: "No models available. Configure a provider and add models in Settings."
+									})
+								]
+							})]
+						}),
+						G === 3 && /* @__PURE__ */ S("div", {
+							className: "space-y-6",
+							children: /* @__PURE__ */ C(l, {
+								treatment: "glass",
+								glow: !0,
+								children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(p, {
+									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", {
+									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", {
+											className: "font-medium",
+											children: "Tools & Knowledge coming soon"
+										}),
+										/* @__PURE__ */ S("p", {
+											className: "text-sm mt-2",
+											children: "MCP tool connections and knowledge base bindings will be configurable here in a future update."
+										})
+									]
+								}) })]
+							})
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "flex justify-between pt-6",
+							children: [/* @__PURE__ */ S(m, {
+								variant: "outline",
+								onClick: () => K(Math.max(0, G - 1)),
+								disabled: G === 0,
+								children: "Previous"
+							}), G < Y.length - 1 ? /* @__PURE__ */ S(m, {
+								onClick: () => K(G + 1),
+								children: "Next"
+							}) : /* @__PURE__ */ S(m, {
+								leftIcon: /* @__PURE__ */ S(D, { size: 16 }),
+								onClick: Z,
+								isLoading: Q || $,
+								disabled: !q.name || !q.systemPrompt,
+								children: W ? "Save Changes" : "Create Agent"
+							})]
+						})
+					]
+				})
+			]
+		}), L && L.length > 0 && null]
+	});
+};
+//#endregion
+export { I as AgentBuilderPage };
+
+//# sourceMappingURL=AgentBuilderPage.js.map

package/dist/botlit/pages/AgentBuilderPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentBuilderPage.js","names":[],"sources":["../../../src/botlit/pages/AgentBuilderPage.tsx"],"sourcesContent":["/**\n * Agent Builder Page\n * @module botlit/pages\n *\n * Creates/edits agents with real GraphQL BotlitAgent type:\n * - systemPrompt (string), temperature, maxTokens\n * - capabilities (enum array: MCP_TOOLS, RAG, REASONING, etc.)\n * - llmModelId (reference to LLM model)\n * - type (ASSISTANT, ANALYST, AUTOMATION, SPECIALIST)\n */\n\nimport type { FC } from 'react';\nimport { useState, useEffect } from 'react';\nimport { useParams } from 'react-router';\nimport { toast } from 'sonner';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { ArrowLeft, Save, Brain, Wrench, Settings, Sparkles } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, Textarea, FormField } from '../components/Input';\nimport { useAgent, useCreateAgent, useUpdateAgent } from '../hooks/useAgents';\nimport { useBots } from '../hooks/useBots';\nimport { useLLMProviders, useLLMModels } from '../hooks/useLLMProviders';\nimport { cn } from '../utils/cn';\nimport { toUnion } from '../utils/unions';\n\n/** `BotlitAgentCapability` values the builder offers. */\nconst AGENT_CAPABILITIES = [\n  'MCP_TOOLS',\n  'RAG',\n  'REASONING',\n  'MULTIMODAL',\n  'MEMORY',\n  'CODE_EXECUTION',\n  'A2A',\n  'WEB_BROWSING',\n] as const;\ntype AgentCapability = (typeof AGENT_CAPABILITIES)[number];\n\n/** `BotlitAgentType` values the builder offers. */\nconst AGENT_TYPES = ['ASSISTANT', 'ANALYST', 'AUTOMATION', 'SPECIALIST'] as const;\n\n/** Drops any capability the schema does not declare rather than guessing one. */\nfunction toCapabilities(values: string[]): AgentCapability[] {\n  return values.flatMap((value) => {\n    const match = AGENT_CAPABILITIES.find((capability) => capability === value);\n    return match ? [match] : [];\n  });\n}\n\nfunction toAgentType(value: string): (typeof AGENT_TYPES)[number] {\n  return toUnion(value, AGENT_TYPES, 'ASSISTANT');\n}\n\ninterface FormDataType {\n  name: string;\n  slug: string;\n  description: string;\n  avatar: string;\n  tags: string[];\n  // Flat fields matching real GraphQL API\n  systemPrompt: string;\n  temperature: string;\n  maxTokens: string;\n  type: string;\n  status: string;\n  capabilities: string[];\n  llmModelId: string;\n}\n\nexport const AgentBuilderPage: FC = () => {\n  const { agentId } = useParams();\n  const { navigateTo, workspaceId } = useBotlit();\n  const { data: existingAgent } = useAgent(agentId);\n  const { data: bots } = useBots();\n  const { data: providers } = useLLMProviders();\n  const { data: llmModels } = useLLMModels();\n  const [createAgent, createAgentResult] = useCreateAgent();\n  const [updateAgent, updateAgentResult] = useUpdateAgent();\n\n  const isEditing = !!agentId;\n  const [activeStep, setActiveStep] = useState(0);\n\n  const [formData, setFormData] = useState<FormDataType>({\n    name: '',\n    slug: '',\n    description: '',\n    avatar: '🤖',\n    tags: [],\n    systemPrompt: 'You are a helpful AI assistant. Be concise, accurate, and friendly.',\n    temperature: '0.7',\n    maxTokens: '2048',\n    type: 'ASSISTANT',\n    status: 'DRAFT',\n    capabilities: ['MCP_TOOLS', 'REASONING'],\n    llmModelId: '',\n  });\n\n  // Update form when existing agent loads\n  useEffect(() => {\n    if (existingAgent) {\n      const agent = existingAgent as {\n        name: string;\n        slug: string;\n        description?: string;\n        systemPrompt: string;\n        temperature?: number;\n        maxTokens?: number;\n        type: string;\n        status: string;\n        capabilities: string[];\n        llmModelId?: string;\n        tagIds?: string[];\n      };\n      setFormData({\n        name: agent.name,\n        slug: agent.slug,\n        description: agent.description || '',\n        avatar: '🤖',\n        tags: agent.tagIds || [],\n        systemPrompt: agent.systemPrompt || '',\n        temperature: String(agent.temperature ?? 0.7),\n        maxTokens: String(agent.maxTokens ?? 2048),\n        type: agent.type || 'ASSISTANT',\n        status: agent.status || 'DRAFT',\n        capabilities: agent.capabilities || [],\n        llmModelId: agent.llmModelId || '',\n      });\n    }\n  }, [existingAgent]);\n\n  const steps = [\n    { id: 0, label: 'Basic Info', icon: <Sparkles size={18} /> },\n    { id: 1, label: 'Prompt', icon: <Brain size={18} /> },\n    { id: 2, label: 'LLM Model', icon: <Settings size={18} /> },\n    { id: 3, label: 'Tools & Knowledge', icon: <Wrench size={18} /> },\n  ];\n\n  const avatars = ['🤖', '🧠', '💡', '🎯', '🔧', '📊', '🎧', '💼', '🔍', '⚡', '🌟', '🚀'];\n\n  const allCapabilities: { key: AgentCapability; label: string; description: string }[] = [\n    { key: 'MCP_TOOLS', label: 'MCP Tools', description: 'Can use MCP tool servers' },\n    { key: 'RAG', label: 'RAG', description: 'Retrieval-augmented generation' },\n    { key: 'REASONING', label: 'Reasoning', description: 'Advanced reasoning' },\n    { key: 'MULTIMODAL', label: 'Multimodal', description: 'Process images & media' },\n    { key: 'MEMORY', label: 'Memory', description: 'Conversation memory' },\n    { key: 'CODE_EXECUTION', label: 'Code Execution', description: 'Execute code' },\n    { key: 'A2A', label: 'A2A', description: 'Agent-to-agent protocol' },\n    { key: 'WEB_BROWSING', label: 'Web Browsing', description: 'Browse the web' },\n  ];\n\n  const toggleCapability = (cap: string) => {\n    setFormData((prev) => ({\n      ...prev,\n      capabilities: prev.capabilities.includes(cap)\n        ? prev.capabilities.filter((c) => c !== cap)\n        : [...prev.capabilities, cap],\n    }));\n  };\n\n  const handleSave = async () => {\n    const slug = formData.slug || formData.name.toLowerCase().replace(/\\s+/g, '-');\n\n    try {\n      if (isEditing && agentId) {\n        await updateAgent({\n          agentId,\n          input: {\n            name: formData.name,\n            slug,\n            description: formData.description || undefined,\n            systemPrompt: formData.systemPrompt,\n            temperature: parseFloat(formData.temperature) || 0.7,\n            maxTokens: parseInt(formData.maxTokens) || 2048,\n            capabilities: toCapabilities(formData.capabilities),\n            llmModelId: formData.llmModelId || undefined,\n            type: toAgentType(formData.type),\n          },\n        });\n        toast.success(`Agent \"${formData.name}\" updated successfully`);\n        navigateTo(`agents/${agentId}`);\n      } else {\n        if (!workspaceId) return;\n        const agent = await createAgent({\n          workspaceId,\n          name: formData.name,\n          slug,\n          type: toAgentType(formData.type),\n          systemPrompt: formData.systemPrompt,\n          temperature: parseFloat(formData.temperature) || 0.7,\n          maxTokens: parseInt(formData.maxTokens) || 2048,\n          capabilities: toCapabilities(formData.capabilities),\n          llmModelId: formData.llmModelId || undefined,\n          description: formData.description || undefined,\n        });\n        toast.success(`Agent \"${formData.name}\" created successfully`);\n        if (agent?.id) navigateTo(`agents/${agent.id}`);\n      }\n    } catch (err: unknown) {\n      const message = err instanceof Error ? err.message : 'Failed to save agent';\n      toast.error(message);\n    }\n  };\n\n  const isCreating = createAgentResult.loading;\n  const isUpdating = updateAgentResult.loading;\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={() => navigateTo(agentId ? `agents/${agentId}` : 'agents')}\n          >\n            <ArrowLeft size={20} />\n          </Button>\n          <span>{isEditing ? 'Edit Agent' : 'Create New Agent'}</span>\n        </div>\n      }\n      actions={\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            onClick={() => navigateTo(agentId ? `agents/${agentId}` : 'agents')}\n          >\n            Cancel\n          </Button>\n          <Button\n            leftIcon={<Save size={16} />}\n            onClick={handleSave}\n            isLoading={isCreating || isUpdating}\n            disabled={!formData.name || !formData.systemPrompt}\n          >\n            {isEditing ? 'Save Changes' : 'Create Agent'}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"max-w-4xl mx-auto\">\n        <PagePurpose className=\"mb-6\" icon={<Sparkles size={18} />}>\n          This guided builder walks you through everything an agent needs — its identity and system\n          prompt, the model and parameters it runs on, and the tools and knowledge it can reach.\n          Work through the steps, then create the agent and test it in chat. You can come back and\n          edit any step later.\n        </PagePurpose>\n\n        {/* Steps */}\n        <div className=\"flex items-center justify-between mb-8\">\n          {steps.map((step) => (\n            <button\n              key={step.id}\n              onClick={() => setActiveStep(step.id)}\n              className={cn(\n                'flex items-center gap-2 px-4 py-2 rounded-lg transition-colors',\n                activeStep === step.id\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-sunken text-text-secondary hover:bg-accent'\n              )}\n            >\n              {step.icon}\n              <span className=\"font-medium\">{step.label}</span>\n            </button>\n          ))}\n        </div>\n\n        {/* Step Content */}\n        <div className=\"space-y-6\">\n          {activeStep === 0 && (\n            <Card treatment=\"glass\" glow>\n              <CardHeader>\n                <CardTitle>Basic Information</CardTitle>\n                <CardDescription>Set up the agent's identity and purpose</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-6\">\n                {/* Avatar Selection */}\n                <div>\n                  <label className=\"text-sm font-medium\">Avatar</label>\n                  <div className=\"flex gap-2 mt-2 flex-wrap\">\n                    {avatars.map((avatar) => (\n                      <button\n                        key={avatar}\n                        onClick={() => setFormData({ ...formData, avatar })}\n                        className={cn(\n                          'text-3xl p-2 rounded-lg border-2 transition-colors',\n                          formData.avatar === avatar\n                            ? 'border-primary bg-action-primary-bg/10'\n                            : 'border-border-subtle hover:border-primary/50'\n                        )}\n                      >\n                        {avatar}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n\n                <FormField label=\"Agent Name\" required>\n                  <Input\n                    placeholder=\"e.g., Customer Support Agent\"\n                    value={formData.name}\n                    onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField label=\"Slug\" description=\"URL-friendly identifier\">\n                  <Input\n                    placeholder=\"customer-support-agent\"\n                    value={formData.slug}\n                    onChange={(e) => setFormData({ ...formData, slug: e.target.value })}\n                  />\n                </FormField>\n\n                <FormField label=\"Description\">\n                  <Textarea\n                    placeholder=\"Describe what this agent does...\"\n                    value={formData.description}\n                    onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n                    rows={3}\n                  />\n                </FormField>\n\n                {/* Capabilities */}\n                <div>\n                  <label className=\"text-sm font-medium mb-2 block\">Capabilities</label>\n                  <div className=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\n                    {allCapabilities.map((cap) => (\n                      <label\n                        key={cap.key}\n                        className=\"flex items-start gap-3 p-3 border border-border-subtle rounded-lg cursor-pointer hover:bg-accent\"\n                      >\n                        <input\n                          type=\"checkbox\"\n                          className=\"h-4 w-4 rounded border-border-default mt-0.5\"\n                          checked={formData.capabilities.includes(cap.key)}\n                          onChange={() => toggleCapability(cap.key)}\n                        />\n                        <div>\n                          <p className=\"font-medium text-sm\">{cap.label}</p>\n                          <p className=\"text-xs text-text-secondary\">{cap.description}</p>\n                        </div>\n                      </label>\n                    ))}\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {activeStep === 1 && (\n            <Card treatment=\"glass\" glow>\n              <CardHeader>\n                <CardTitle>Prompt Configuration</CardTitle>\n                <CardDescription>Define how the agent communicates and behaves</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-6\">\n                <FormField\n                  label=\"System Prompt\"\n                  required\n                  description=\"The core instructions that define the agent's behavior\"\n                >\n                  <Textarea\n                    placeholder=\"You are a helpful assistant...\"\n                    value={formData.systemPrompt}\n                    onChange={(e) => setFormData({ ...formData, systemPrompt: e.target.value })}\n                    rows={8}\n                    className=\"font-mono text-sm\"\n                  />\n                </FormField>\n\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <FormField label=\"Temperature\" description=\"Controls randomness (0-2)\">\n                    <Input\n                      type=\"number\"\n                      step=\"0.1\"\n                      min=\"0\"\n                      max=\"2\"\n                      value={formData.temperature}\n                      onChange={(e) => setFormData({ ...formData, temperature: e.target.value })}\n                    />\n                  </FormField>\n                  <FormField label=\"Max Tokens\" description=\"Maximum response length\">\n                    <Input\n                      type=\"number\"\n                      step=\"256\"\n                      min=\"1\"\n                      value={formData.maxTokens}\n                      onChange={(e) => setFormData({ ...formData, maxTokens: e.target.value })}\n                    />\n                  </FormField>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {activeStep === 2 && (\n            <Card treatment=\"glass\" glow>\n              <CardHeader>\n                <CardTitle>LLM Configuration</CardTitle>\n                <CardDescription>Select the LLM model for this agent</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-6\">\n                <FormField label=\"LLM Model\" description=\"Select a model for this agent\">\n                  <select\n                    className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                    value={formData.llmModelId}\n                    onChange={(e) => setFormData({ ...formData, llmModelId: e.target.value })}\n                  >\n                    <option value=\"\">Select a model...</option>\n                    {llmModels?.map((model: { id: string; name: string; modelId: string }) => (\n                      <option key={model.id} value={model.id}>\n                        {model.name} ({model.modelId})\n                      </option>\n                    ))}\n                  </select>\n                </FormField>\n\n                <div className=\"p-4 bg-bg-sunken rounded-lg\">\n                  <h4 className=\"text-sm font-medium mb-2\">Available Providers</h4>\n                  <div className=\"grid grid-cols-2 gap-2\">\n                    {providers?.map((provider: { id: string; name: string; type: string }) => (\n                      <div key={provider.id} className=\"text-sm\">\n                        <span className=\"font-medium\">{provider.name}</span>\n                        <span className=\"text-text-secondary ml-2\">({provider.type})</span>\n                      </div>\n                    ))}\n                    {!providers?.length && (\n                      <p className=\"text-sm text-text-secondary\">No providers configured</p>\n                    )}\n                  </div>\n                </div>\n\n                {!llmModels?.length && (\n                  <p className=\"text-sm text-text-secondary\">\n                    No models available. Configure a provider and add models in Settings.\n                  </p>\n                )}\n              </CardContent>\n            </Card>\n          )}\n\n          {activeStep === 3 && (\n            <div className=\"space-y-6\">\n              <Card treatment=\"glass\" glow>\n                <CardHeader>\n                  <CardTitle className=\"flex items-center gap-2\">\n                    <Wrench size={18} />\n                    Tools & Knowledge\n                  </CardTitle>\n                  <CardDescription>\n                    Configure tools and knowledge bases for this agent\n                  </CardDescription>\n                </CardHeader>\n                <CardContent>\n                  <div className=\"text-center py-12 text-text-secondary\">\n                    <Wrench className=\"h-10 w-10 mx-auto mb-3 opacity-50\" />\n                    <p className=\"font-medium\">Tools & Knowledge coming soon</p>\n                    <p className=\"text-sm mt-2\">\n                      MCP tool connections and knowledge base bindings will be configurable here in\n                      a future update.\n                    </p>\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n          )}\n\n          {/* Navigation */}\n          <div className=\"flex justify-between pt-6\">\n            <Button\n              variant=\"outline\"\n              onClick={() => setActiveStep(Math.max(0, activeStep - 1))}\n              disabled={activeStep === 0}\n            >\n              Previous\n            </Button>\n            {activeStep < steps.length - 1 ? (\n              <Button onClick={() => setActiveStep(activeStep + 1)}>Next</Button>\n            ) : (\n              <Button\n                leftIcon={<Save size={16} />}\n                onClick={handleSave}\n                isLoading={isCreating || isUpdating}\n                disabled={!formData.name || !formData.systemPrompt}\n              >\n                {isEditing ? 'Save Changes' : 'Create Agent'}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Show bots dropdown if needed */}\n      {bots && bots.length > 0 && null}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}