@burdenoff/microfe-botmanor 2026.1101.3 → 2026.1108.1

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

@@ -1 +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';\nimport { configuredAnswerModels } from '../utils/embedding-models';\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 {\n    data: providers,\n    loading: providersLoading,\n    error: providersError,\n    refetch: refetchProviders,\n  } = useLLMProviders();\n  const {\n    data: llmModels,\n    loading: modelsLoading,\n    error: modelsError,\n    refetch: refetchModels,\n  } = useLLMModels();\n  const catalogLoading = providersLoading || modelsLoading;\n  const catalogError = providersError || modelsError;\n  const answerModels = configuredAnswerModels(llmModels ?? [], providers ?? []);\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    if (\n      formData.llmModelId &&\n      (catalogLoading ||\n        catalogError ||\n        !answerModels.some((model) => model.id === formData.llmModelId))\n    ) {\n      toast.error('Choose an active answer model from the available catalog.');\n      return;\n    }\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                  {catalogLoading && <p role=\"status\">Loading answer models…</p>}\n                  {catalogError && (\n                    <div role=\"alert\">\n                      <p>Could not load answer models.</p>\n                      <Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          void refetchModels();\n                          void refetchProviders();\n                        }}\n                      >\n                        Retry model catalog\n                      </Button>\n                    </div>\n                  )}\n                  <select\n                    aria-label=\"LLM Model\"\n                    disabled={catalogLoading || Boolean(catalogError)}\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                    {answerModels.map((model) => (\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                    {!catalogLoading && !catalogError && !providers?.length && (\n                      <p className=\"text-sm text-text-secondary\">No providers configured</p>\n                    )}\n                  </div>\n                </div>\n\n                {!catalogLoading && !catalogError && !answerModels.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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"}
+{"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 BotmanorAgent 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';\nimport { configuredAnswerModels } from '../utils/embedding-models';\n\n/** `BotmanorAgentCapability` 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/** `BotmanorAgentType` 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 {\n    data: providers,\n    loading: providersLoading,\n    error: providersError,\n    refetch: refetchProviders,\n  } = useLLMProviders();\n  const {\n    data: llmModels,\n    loading: modelsLoading,\n    error: modelsError,\n    refetch: refetchModels,\n  } = useLLMModels();\n  const catalogLoading = providersLoading || modelsLoading;\n  const catalogError = providersError || modelsError;\n  const answerModels = configuredAnswerModels(llmModels ?? [], providers ?? []);\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    if (\n      formData.llmModelId &&\n      (catalogLoading ||\n        catalogError ||\n        !answerModels.some((model) => model.id === formData.llmModelId))\n    ) {\n      toast.error('Choose an active answer model from the available catalog.');\n      return;\n    }\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                  {catalogLoading && <p role=\"status\">Loading answer models…</p>}\n                  {catalogError && (\n                    <div role=\"alert\">\n                      <p>Could not load answer models.</p>\n                      <Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          void refetchModels();\n                          void refetchProviders();\n                        }}\n                      >\n                        Retry model catalog\n                      </Button>\n                    </div>\n                  )}\n                  <select\n                    aria-label=\"LLM Model\"\n                    disabled={catalogLoading || Boolean(catalogError)}\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                    {answerModels.map((model) => (\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                    {!catalogLoading && !catalogError && !providers?.length && (\n                      <p className=\"text-sm text-text-secondary\">No providers configured</p>\n                    )}\n                  </div>\n                </div>\n\n                {!catalogLoading && !catalogError && !answerModels.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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"}