@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

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

@@ -1 +1 @@
-{"version":3,"file":"AgentApprovalsPage.js","names":[],"sources":["../../../src/botlit/pages/AgentApprovalsPage.tsx"],"sourcesContent":["/**\n * Agent Activation Approvals Page (BOFF-9682)\n * @module botlit/pages\n *\n * Reviewer queue for the workspace: every pending request to take an agent\n * live, with approve / reject, the recent decisions, and the workspace switch\n * that makes review mandatory. Approving publishes the agent's draft and sets\n * it ACTIVE; a request whose agent changed after it was submitted is flagged\n * stale and cannot be approved.\n */\n\nimport { useMemo, useState, type FC } from 'react';\nimport { AlertTriangle, ArrowLeft, CheckCircle2, ShieldCheck, XCircle } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Badge } from '../components/Badge';\nimport { ErrorState } from '../components/ErrorState';\nimport { ApprovalDecisionDialog, approvalStatusVariant } from '../components/AgentApprovalPanel';\nimport { useAgents } from '../hooks/useAgents';\nimport {\n  useAgentApprovalActions,\n  useAgentApprovalRequests,\n  useAgentApprovalSettings,\n  type AgentApprovalRequestRecord,\n} from '../hooks/useAgentApprovals';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport const AgentApprovalsPage: FC = () => {\n  const t = useTr();\n  const { navigateTo, currentUser } = useBotlit();\n  const settings = useAgentApprovalSettings();\n  const pendingRequests = useAgentApprovalRequests({ status: 'PENDING' });\n  const allRequests = useAgentApprovalRequests({});\n  const { data: agents } = useAgents();\n  const { run, pending } = useAgentApprovalActions();\n  const [dialog, setDialog] = useState<{\n    kind: 'approve' | 'reject';\n    request: AgentApprovalRequestRecord;\n  } | null>(null);\n\n  const agentNames = useMemo(\n    () => new Map(agents.map((agent) => [agent.id, agent.name])),\n    [agents]\n  );\n  const decided = allRequests.data.filter((request) => request.status !== 'PENDING').slice(0, 20);\n  const required = settings.data?.requireActivationApproval === true;\n  const who = (id?: string | null): string =>\n    id && id === currentUser?.id ? t('botlit.agentApproval.you', 'you') : (id ?? '—');\n\n  const refreshAll = async (): Promise<void> => {\n    await Promise.all([pendingRequests.refetch(), allRequests.refetch()]);\n  };\n\n  const toggleRequired = async (): Promise<void> => {\n    try {\n      const next = await settings.update(!required);\n      toast.success(\n        next.requireActivationApproval\n          ? t('botlit.agentApprovals.toast.enabled', 'Agents now need approval before going live')\n          : t('botlit.agentApprovals.toast.disabled', 'Activation approval is now optional')\n      );\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApprovals.toast.settingsError', 'Failed to update the setting')\n      );\n    }\n  };\n\n  const confirm = async (text: string): Promise<void> => {\n    if (!dialog) return;\n    try {\n      if (dialog.kind === 'approve') {\n        await run({ kind: 'approve', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.approved', 'Approved — the agent is live'));\n      } else {\n        await run({ kind: 'reject', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.rejected', 'Activation rejected'));\n      }\n      setDialog(null);\n      await refreshAll();\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApproval.toast.error', 'Approval action failed')\n      );\n    }\n  };\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigateTo('agents')}>\n            <ArrowLeft size={20} />\n          </Button>\n          <span>{t('botlit.agentApprovals.title', 'Agent approvals')}</span>\n        </div>\n      }\n      description={t('botlit.agentApprovals.description', 'Review requests to take agents live')}\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<ShieldCheck size={18} />}>\n          {t(\n            'botlit.agentApprovals.purpose',\n            \"A reviewer checks an agent's prompt, model, tools and limits before it goes live. The person who requested activation cannot approve their own request, and every decision is kept in the history below.\"\n          )}\n        </PagePurpose>\n\n        <Card data-testid=\"agent-approvals-settings\">\n          <CardHeader className=\"flex flex-row items-start justify-between gap-4\">\n            <div>\n              <CardTitle className=\"flex items-center gap-2\">\n                {t(\n                  'botlit.agentApprovals.settings.title',\n                  'Require approval before agents go live'\n                )}\n                <Badge variant={required ? 'warning' : 'outline'}>\n                  {required\n                    ? t('botlit.agentApprovals.settings.on', 'On')\n                    : t('botlit.agentApprovals.settings.off', 'Off')}\n                </Badge>\n              </CardTitle>\n              <CardDescription>\n                {t(\n                  'botlit.agentApprovals.settings.description',\n                  'When on, activating an agent, publishing a new version, or editing the prompt, model or tools of a live agent needs an approved request. Rolling a live agent back to an earlier version stays available for emergencies.'\n                )}\n              </CardDescription>\n            </div>\n            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n              <Button\n                className=\"shrink-0 whitespace-nowrap\"\n                variant={required ? 'outline' : 'default'}\n                isLoading={settings.saving}\n                disabled={settings.loading || !settings.data}\n                onClick={() => void toggleRequired()}\n              >\n                {required\n                  ? t('botlit.agentApprovals.settings.turnOff', 'Turn off')\n                  : t('botlit.agentApprovals.settings.turnOn', 'Turn on')}\n              </Button>\n            </BotmanorPermissionGate>\n          </CardHeader>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('botlit.agentApprovals.pending.title', 'Waiting for review')}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {pendingRequests.error ? (\n              <ErrorState\n                resource={t('botlit.agentApprovals.resource', 'activation requests')}\n                error={pendingRequests.error}\n                onRetry={() => void pendingRequests.refetch()}\n              />\n            ) : pendingRequests.loading && pendingRequests.data.length === 0 ? (\n              <div className=\"h-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n            ) : pendingRequests.data.length === 0 ? (\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.agentApprovals.pending.empty', 'No agents are waiting for review.')}\n              </p>\n            ) : (\n              <ul className=\"space-y-3\" data-testid=\"agent-approvals-pending\">\n                {pendingRequests.data.map((request) => {\n                  const own = request.requestedById === currentUser?.id;\n                  return (\n                    <li\n                      key={request.id}\n                      className=\"p-4 border border-border-subtle rounded-lg space-y-2\"\n                    >\n                      <div className=\"flex items-center gap-2 flex-wrap\">\n                        <button\n                          type=\"button\"\n                          className=\"font-medium text-primary hover:underline\"\n                          onClick={() => navigateTo(`agents/${request.agentId}`)}\n                        >\n                          {agentNames.get(request.agentId) ?? request.agentId}\n                        </button>\n                        <Badge variant=\"warning\">{request.status}</Badge>\n                        <span className=\"text-sm text-text-secondary\">\n                          {t('botlit.agentApproval.requestedBy', 'Requested by')}{' '}\n                          {who(request.requestedById)} {formatRelativeTime(request.createdAt)}\n                        </span>\n                      </div>\n                      {request.requestNote && (\n                        <p className=\"text-sm break-words\">{request.requestNote}</p>\n                      )}\n                      {request.isStale && (\n                        <p className=\"flex items-center gap-2 text-sm text-status-warning-text\">\n                          <AlertTriangle size={14} />\n                          {t(\n                            'botlit.agentApproval.stale',\n                            'The agent changed after this request. Submit a new request so the reviewer sees the current configuration.'\n                          )}\n                        </p>\n                      )}\n                      {own ? (\n                        <p className=\"text-xs text-text-secondary\">\n                          {t(\n                            'botlit.agentApprovals.ownRequest',\n                            'You requested this, so another reviewer has to decide it.'\n                          )}\n                        </p>\n                      ) : (\n                        <div className=\"flex gap-2\">\n                          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                            <Button\n                              size=\"sm\"\n                              leftIcon={<CheckCircle2 size={14} />}\n                              disabled={request.isStale}\n                              onClick={() => setDialog({ kind: 'approve', request })}\n                            >\n                              {t('botlit.agentApproval.approveAction', 'Approve')}\n                            </Button>\n                          </BotmanorPermissionGate>\n                          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                            <Button\n                              size=\"sm\"\n                              variant=\"destructive\"\n                              leftIcon={<XCircle size={14} />}\n                              onClick={() => setDialog({ kind: 'reject', request })}\n                            >\n                              {t('botlit.agentApproval.rejectAction', 'Reject')}\n                            </Button>\n                          </BotmanorPermissionGate>\n                        </div>\n                      )}\n                    </li>\n                  );\n                })}\n              </ul>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('botlit.agentApprovals.history.title', 'Recent decisions')}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {decided.length === 0 ? (\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.agentApprovals.history.empty', 'No decisions yet.')}\n              </p>\n            ) : (\n              <ul className=\"space-y-2\" data-testid=\"agent-approvals-history\">\n                {decided.map((request) => (\n                  <li\n                    key={request.id}\n                    className=\"p-3 border border-border-subtle rounded-lg text-sm space-y-1\"\n                  >\n                    <div className=\"flex items-center gap-2 flex-wrap\">\n                      <span className=\"font-medium\">\n                        {agentNames.get(request.agentId) ?? request.agentId}\n                      </span>\n                      <Badge variant={approvalStatusVariant(request.status)}>\n                        {request.status}\n                      </Badge>\n                      <span className=\"text-text-secondary\">\n                        {t('botlit.agentApproval.decidedBy', 'by')} {who(request.reviewerId)}{' '}\n                        {request.decidedAt ? formatRelativeTime(request.decidedAt) : ''}\n                      </span>\n                    </div>\n                    {request.decisionReason && (\n                      <p className=\"break-words\">{request.decisionReason}</p>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <ApprovalDecisionDialog\n        kind={dialog?.kind ?? null}\n        loading={pending !== null}\n        onClose={() => setDialog(null)}\n        onConfirm={confirm}\n      />\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AgentApprovalsPage.js","names":["AgentApprovalsPage","t","useTr","useBotlit","settings","useAgentApprovalSettings","pendingRequests","useAgentApprovalRequests","allRequests","agents","useAgents","useAgentApprovalActions","dialog","setDialog","useState","agentNames","useMemo","agent","decided","request","required","who","id","currentUser","refreshAll","toggleRequired","next","err","PageLayout","Button","navigateTo","ArrowLeft","PagePurpose","ShieldCheck","Card","CardHeader","CardTitle","Badge","CardDescription","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","CardContent","ErrorState","own","formatRelativeTime","AlertTriangle","CheckCircle2","XCircle","approvalStatusVariant","ApprovalDecisionDialog","pending","run","text","toast"],"sources":["../../../src/botlit/pages/AgentApprovalsPage.tsx"],"sourcesContent":["/**\n * Agent Activation Approvals Page (BOFF-9682)\n * @module botlit/pages\n *\n * Reviewer queue for the workspace: every pending request to take an agent\n * live, with approve / reject, the recent decisions, and the workspace switch\n * that makes review mandatory. Approving publishes the agent's draft and sets\n * it ACTIVE; a request whose agent changed after it was submitted is flagged\n * stale and cannot be approved.\n */\n\nimport { useMemo, useState, type FC } from 'react';\nimport { AlertTriangle, ArrowLeft, CheckCircle2, ShieldCheck, XCircle } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Badge } from '../components/Badge';\nimport { ErrorState } from '../components/ErrorState';\nimport { ApprovalDecisionDialog, approvalStatusVariant } from '../components/AgentApprovalPanel';\nimport { useAgents } from '../hooks/useAgents';\nimport {\n  useAgentApprovalActions,\n  useAgentApprovalRequests,\n  useAgentApprovalSettings,\n  type AgentApprovalRequestRecord,\n} from '../hooks/useAgentApprovals';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport const AgentApprovalsPage: FC = () => {\n  const t = useTr();\n  const { navigateTo, currentUser } = useBotlit();\n  const settings = useAgentApprovalSettings();\n  const pendingRequests = useAgentApprovalRequests({ status: 'PENDING' });\n  const allRequests = useAgentApprovalRequests({});\n  const { data: agents } = useAgents();\n  const { run, pending } = useAgentApprovalActions();\n  const [dialog, setDialog] = useState<{\n    kind: 'approve' | 'reject';\n    request: AgentApprovalRequestRecord;\n  } | null>(null);\n\n  const agentNames = useMemo(\n    () => new Map(agents.map((agent) => [agent.id, agent.name])),\n    [agents]\n  );\n  const decided = allRequests.data.filter((request) => request.status !== 'PENDING').slice(0, 20);\n  const required = settings.data?.requireActivationApproval === true;\n  const who = (id?: string | null): string =>\n    id && id === currentUser?.id ? t('botlit.agentApproval.you', 'you') : (id ?? '—');\n\n  const refreshAll = async (): Promise<void> => {\n    await Promise.all([pendingRequests.refetch(), allRequests.refetch()]);\n  };\n\n  const toggleRequired = async (): Promise<void> => {\n    try {\n      const next = await settings.update(!required);\n      toast.success(\n        next.requireActivationApproval\n          ? t('botlit.agentApprovals.toast.enabled', 'Agents now need approval before going live')\n          : t('botlit.agentApprovals.toast.disabled', 'Activation approval is now optional')\n      );\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApprovals.toast.settingsError', 'Failed to update the setting')\n      );\n    }\n  };\n\n  const confirm = async (text: string): Promise<void> => {\n    if (!dialog) return;\n    try {\n      if (dialog.kind === 'approve') {\n        await run({ kind: 'approve', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.approved', 'Approved — the agent is live'));\n      } else {\n        await run({ kind: 'reject', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.rejected', 'Activation rejected'));\n      }\n      setDialog(null);\n      await refreshAll();\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApproval.toast.error', 'Approval action failed')\n      );\n    }\n  };\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigateTo('agents')}>\n            <ArrowLeft size={20} />\n          </Button>\n          <span>{t('botlit.agentApprovals.title', 'Agent approvals')}</span>\n        </div>\n      }\n      description={t('botlit.agentApprovals.description', 'Review requests to take agents live')}\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<ShieldCheck size={18} />}>\n          {t(\n            'botlit.agentApprovals.purpose',\n            \"A reviewer checks an agent's prompt, model, tools and limits before it goes live. The person who requested activation cannot approve their own request, and every decision is kept in the history below.\"\n          )}\n        </PagePurpose>\n\n        <Card data-testid=\"agent-approvals-settings\">\n          <CardHeader className=\"flex flex-row items-start justify-between gap-4\">\n            <div>\n              <CardTitle className=\"flex items-center gap-2\">\n                {t(\n                  'botlit.agentApprovals.settings.title',\n                  'Require approval before agents go live'\n                )}\n                <Badge variant={required ? 'warning' : 'outline'}>\n                  {required\n                    ? t('botlit.agentApprovals.settings.on', 'On')\n                    : t('botlit.agentApprovals.settings.off', 'Off')}\n                </Badge>\n              </CardTitle>\n              <CardDescription>\n                {t(\n                  'botlit.agentApprovals.settings.description',\n                  'When on, activating an agent, publishing a new version, or editing the prompt, model or tools of a live agent needs an approved request. Rolling a live agent back to an earlier version stays available for emergencies.'\n                )}\n              </CardDescription>\n            </div>\n            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n              <Button\n                className=\"shrink-0 whitespace-nowrap\"\n                variant={required ? 'outline' : 'default'}\n                isLoading={settings.saving}\n                disabled={settings.loading || !settings.data}\n                onClick={() => void toggleRequired()}\n              >\n                {required\n                  ? t('botlit.agentApprovals.settings.turnOff', 'Turn off')\n                  : t('botlit.agentApprovals.settings.turnOn', 'Turn on')}\n              </Button>\n            </BotmanorPermissionGate>\n          </CardHeader>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('botlit.agentApprovals.pending.title', 'Waiting for review')}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {pendingRequests.error ? (\n              <ErrorState\n                resource={t('botlit.agentApprovals.resource', 'activation requests')}\n                error={pendingRequests.error}\n                onRetry={() => void pendingRequests.refetch()}\n              />\n            ) : pendingRequests.loading && pendingRequests.data.length === 0 ? (\n              <div className=\"h-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n            ) : pendingRequests.data.length === 0 ? (\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.agentApprovals.pending.empty', 'No agents are waiting for review.')}\n              </p>\n            ) : (\n              <ul className=\"space-y-3\" data-testid=\"agent-approvals-pending\">\n                {pendingRequests.data.map((request) => {\n                  const own = request.requestedById === currentUser?.id;\n                  return (\n                    <li\n                      key={request.id}\n                      className=\"p-4 border border-border-subtle rounded-lg space-y-2\"\n                    >\n                      <div className=\"flex items-center gap-2 flex-wrap\">\n                        <button\n                          type=\"button\"\n                          className=\"font-medium text-primary hover:underline\"\n                          onClick={() => navigateTo(`agents/${request.agentId}`)}\n                        >\n                          {agentNames.get(request.agentId) ?? request.agentId}\n                        </button>\n                        <Badge variant=\"warning\">{request.status}</Badge>\n                        <span className=\"text-sm text-text-secondary\">\n                          {t('botlit.agentApproval.requestedBy', 'Requested by')}{' '}\n                          {who(request.requestedById)} {formatRelativeTime(request.createdAt)}\n                        </span>\n                      </div>\n                      {request.requestNote && (\n                        <p className=\"text-sm break-words\">{request.requestNote}</p>\n                      )}\n                      {request.isStale && (\n                        <p className=\"flex items-center gap-2 text-sm text-status-warning-text\">\n                          <AlertTriangle size={14} />\n                          {t(\n                            'botlit.agentApproval.stale',\n                            'The agent changed after this request. Submit a new request so the reviewer sees the current configuration.'\n                          )}\n                        </p>\n                      )}\n                      {own ? (\n                        <p className=\"text-xs text-text-secondary\">\n                          {t(\n                            'botlit.agentApprovals.ownRequest',\n                            'You requested this, so another reviewer has to decide it.'\n                          )}\n                        </p>\n                      ) : (\n                        <div className=\"flex gap-2\">\n                          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                            <Button\n                              size=\"sm\"\n                              leftIcon={<CheckCircle2 size={14} />}\n                              disabled={request.isStale}\n                              onClick={() => setDialog({ kind: 'approve', request })}\n                            >\n                              {t('botlit.agentApproval.approveAction', 'Approve')}\n                            </Button>\n                          </BotmanorPermissionGate>\n                          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                            <Button\n                              size=\"sm\"\n                              variant=\"destructive\"\n                              leftIcon={<XCircle size={14} />}\n                              onClick={() => setDialog({ kind: 'reject', request })}\n                            >\n                              {t('botlit.agentApproval.rejectAction', 'Reject')}\n                            </Button>\n                          </BotmanorPermissionGate>\n                        </div>\n                      )}\n                    </li>\n                  );\n                })}\n              </ul>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('botlit.agentApprovals.history.title', 'Recent decisions')}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {decided.length === 0 ? (\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.agentApprovals.history.empty', 'No decisions yet.')}\n              </p>\n            ) : (\n              <ul className=\"space-y-2\" data-testid=\"agent-approvals-history\">\n                {decided.map((request) => (\n                  <li\n                    key={request.id}\n                    className=\"p-3 border border-border-subtle rounded-lg text-sm space-y-1\"\n                  >\n                    <div className=\"flex items-center gap-2 flex-wrap\">\n                      <span className=\"font-medium\">\n                        {agentNames.get(request.agentId) ?? request.agentId}\n                      </span>\n                      <Badge variant={approvalStatusVariant(request.status)}>\n                        {request.status}\n                      </Badge>\n                      <span className=\"text-text-secondary\">\n                        {t('botlit.agentApproval.decidedBy', 'by')} {who(request.reviewerId)}{' '}\n                        {request.decidedAt ? formatRelativeTime(request.decidedAt) : ''}\n                      </span>\n                    </div>\n                    {request.decisionReason && (\n                      <p className=\"break-words\">{request.decisionReason}</p>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <ApprovalDecisionDialog\n        kind={dialog?.kind ?? null}\n        loading={pending !== null}\n        onClose={() => setDialog(null)}\n        onConfirm={confirm}\n      />\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/botlit/pages/AgentBuilderPage.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const AgentBuilderPage: FC;

package/dist/botlit/pages/AgentBuilderPage.js

@@ -1,21 +1,21 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { useBots as t } from "../hooks/useBots.js";
-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 { Button as a } from "../components/Button.js";
-import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.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 { PageLayout as t } from "../components/PageLayout.js";
+import { Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../components/Card.js";
+import { Button as s } from "../components/Button.js";
+import { FormField as c, Input as l, Textarea as u } from "../components/Input.js";
+import { useAgent as d, useCreateAgent as f, useUpdateAgent as p } from "../hooks/useAgents.js";
+import { useBots as m } from "../hooks/useBots.js";
+import { useLLMModels as ee, useLLMProviders as te } from "../hooks/useLLMProviders.js";
+import { cn as h } from "../utils/cn.js";
+import { toUnion as g } from "../utils/unions.js";
+import { configuredAnswerModels as ne } from "../utils/embedding-models.js";
+import { useEffect as re, 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 { useParams as b } from "react-router";
+import { ArrowLeft as ae, Brain as oe, Save as x, Settings as se, Sparkles as S, Wrench as C } from "lucide-react";
 import { toast as w } from "sonner";
-//#region src/botlit/pages/AgentBuilderPage.tsx
+// src/botlit/pages/AgentBuilderPage.tsx
 var T = [
 	"MCP_TOOLS",
 	"RAG",
@@ -38,10 +38,10 @@ function D(e) {
 	});
 }
 function O(e) {
-	return m(e, E, "ASSISTANT");
+	return g(e, E, "ASSISTANT");
 }
 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] = _({
+	let { agentId: g } = b(), { navigateTo: T, workspaceId: E } = e(), { data: k } = d(g), { data: A } = m(), { data: j, loading: ce, error: M, refetch: N } = te(), { data: P, loading: F, error: I, refetch: L } = ee(), R = ce || F, z = M || I, B = ne(P ?? [], j ?? []), [V, H] = f(), [U, W] = p(), G = !!g, [K, q] = _(0), [J, Y] = _({
 		name: "",
 		slug: "",
 		description: "",
@@ -55,7 +55,7 @@ var k = () => {
 		capabilities: ["MCP_TOOLS", "REASONING"],
 		llmModelId: ""
 	});
-	g(() => {
+	re(() => {
 		if (k) {
 			let e = k;
 			Y({
@@ -83,12 +83,12 @@ var k = () => {
 		{
 			id: 1,
 			label: "Prompt",
-			icon: /* @__PURE__ */ v(se, { size: 18 })
+			icon: /* @__PURE__ */ v(oe, { size: 18 })
 		},
 		{
 			id: 2,
 			label: "LLM Model",
-			icon: /* @__PURE__ */ v(x, { size: 18 })
+			icon: /* @__PURE__ */ v(se, { size: 18 })
 		},
 		{
 			id: 3,
@@ -161,8 +161,8 @@ var k = () => {
 		}
 		let e = J.slug || J.name.toLowerCase().replace(/\s+/g, "-");
 		try {
-			if (G && m) await U({
-				agentId: m,
+			if (G && g) await U({
+				agentId: g,
 				input: {
 					name: J.name,
 					slug: e,
@@ -174,7 +174,7 @@ var k = () => {
 					llmModelId: J.llmModelId || void 0,
 					type: O(J.type)
 				}
-			}), w.success(`Agent "${J.name}" updated successfully`), T(`agents/${m}`);
+			}), w.success(`Agent "${J.name}" updated successfully`), T(`agents/${g}`);
 			else {
 				if (!E) return;
 				let t = await V({
@@ -196,24 +196,24 @@ var k = () => {
 			w.error(t);
 		}
 	}, Q = H.loading, $ = W.loading;
-	return /* @__PURE__ */ y(i, {
+	return /* @__PURE__ */ y(t, {
 		title: /* @__PURE__ */ y("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ v(a, {
+			children: [/* @__PURE__ */ v(s, {
 				variant: "ghost",
 				size: "icon",
-				onClick: () => T(m ? `agents/${m}` : "agents"),
-				children: /* @__PURE__ */ v(oe, { size: 20 })
+				onClick: () => T(g ? `agents/${g}` : "agents"),
+				children: /* @__PURE__ */ v(ae, { size: 20 })
 			}), /* @__PURE__ */ v("span", { children: G ? "Edit Agent" : "Create New Agent" })]
 		}),
 		actions: /* @__PURE__ */ y("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ v(a, {
+			children: [/* @__PURE__ */ v(s, {
 				variant: "outline",
-				onClick: () => T(m ? `agents/${m}` : "agents"),
+				onClick: () => T(g ? `agents/${g}` : "agents"),
 				children: "Cancel"
-			}), /* @__PURE__ */ v(a, {
-				leftIcon: /* @__PURE__ */ v(b, { size: 16 }),
+			}), /* @__PURE__ */ v(s, {
+				leftIcon: /* @__PURE__ */ v(x, { size: 16 }),
 				onClick: Z,
 				isLoading: Q || $,
 				disabled: !J.name || !J.systemPrompt,
@@ -232,7 +232,7 @@ var k = () => {
 					className: "flex items-center justify-between mb-8",
 					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"),
+						className: h("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
@@ -242,10 +242,10 @@ var k = () => {
 				/* @__PURE__ */ y("div", {
 					className: "space-y-6",
 					children: [
-						K === 0 && /* @__PURE__ */ y(o, {
+						K === 0 && /* @__PURE__ */ y(n, {
 							treatment: "glass",
 							glow: !0,
-							children: [/* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(u, { children: "Basic Information" }), /* @__PURE__ */ v(c, { children: "Set up the agent's identity and purpose" })] }), /* @__PURE__ */ y(s, {
+							children: [/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ v(o, { children: "Basic Information" }), /* @__PURE__ */ v(i, { children: "Set up the agent's identity and purpose" })] }), /* @__PURE__ */ y(r, {
 								className: "space-y-6",
 								children: [
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
@@ -258,14 +258,14 @@ var k = () => {
 												...J,
 												avatar: e
 											}),
-											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"),
+											className: h("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__ */ v(d, {
+									/* @__PURE__ */ v(c, {
 										label: "Agent Name",
 										required: !0,
-										children: /* @__PURE__ */ v(f, {
+										children: /* @__PURE__ */ v(l, {
 											placeholder: "e.g., Customer Support Agent",
 											value: J.name,
 											onChange: (e) => Y({
@@ -274,10 +274,10 @@ var k = () => {
 											})
 										})
 									}),
-									/* @__PURE__ */ v(d, {
+									/* @__PURE__ */ v(c, {
 										label: "Slug",
 										description: "URL-friendly identifier",
-										children: /* @__PURE__ */ v(f, {
+										children: /* @__PURE__ */ v(l, {
 											placeholder: "customer-support-agent",
 											value: J.slug,
 											onChange: (e) => Y({
@@ -286,9 +286,9 @@ var k = () => {
 											})
 										})
 									}),
-									/* @__PURE__ */ v(d, {
+									/* @__PURE__ */ v(c, {
 										label: "Description",
-										children: /* @__PURE__ */ v(p, {
+										children: /* @__PURE__ */ v(u, {
 											placeholder: "Describe what this agent does...",
 											value: J.description,
 											onChange: (e) => Y({
@@ -322,16 +322,16 @@ var k = () => {
 								]
 							})]
 						}),
-						K === 1 && /* @__PURE__ */ y(o, {
+						K === 1 && /* @__PURE__ */ y(n, {
 							treatment: "glass",
 							glow: !0,
-							children: [/* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(u, { children: "Prompt Configuration" }), /* @__PURE__ */ v(c, { children: "Define how the agent communicates and behaves" })] }), /* @__PURE__ */ y(s, {
+							children: [/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ v(o, { children: "Prompt Configuration" }), /* @__PURE__ */ v(i, { children: "Define how the agent communicates and behaves" })] }), /* @__PURE__ */ y(r, {
 								className: "space-y-6",
-								children: [/* @__PURE__ */ v(d, {
+								children: [/* @__PURE__ */ v(c, {
 									label: "System Prompt",
 									required: !0,
 									description: "The core instructions that define the agent's behavior",
-									children: /* @__PURE__ */ v(p, {
+									children: /* @__PURE__ */ v(u, {
 										placeholder: "You are a helpful assistant...",
 										value: J.systemPrompt,
 										onChange: (e) => Y({
@@ -343,10 +343,10 @@ var k = () => {
 									})
 								}), /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ v(d, {
+									children: [/* @__PURE__ */ v(c, {
 										label: "Temperature",
 										description: "Controls randomness (0-2)",
-										children: /* @__PURE__ */ v(f, {
+										children: /* @__PURE__ */ v(l, {
 											type: "number",
 											step: "0.1",
 											min: "0",
@@ -357,10 +357,10 @@ var k = () => {
 												temperature: e.target.value
 											})
 										})
-									}), /* @__PURE__ */ v(d, {
+									}), /* @__PURE__ */ v(c, {
 										label: "Max Tokens",
 										description: "Maximum response length",
-										children: /* @__PURE__ */ v(f, {
+										children: /* @__PURE__ */ v(l, {
 											type: "number",
 											step: "256",
 											min: "1",
@@ -374,13 +374,13 @@ var k = () => {
 								})]
 							})]
 						}),
-						K === 2 && /* @__PURE__ */ y(o, {
+						K === 2 && /* @__PURE__ */ y(n, {
 							treatment: "glass",
 							glow: !0,
-							children: [/* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(u, { children: "LLM Configuration" }), /* @__PURE__ */ v(c, { children: "Select the LLM model for this agent" })] }), /* @__PURE__ */ y(s, {
+							children: [/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ v(o, { children: "LLM Configuration" }), /* @__PURE__ */ v(i, { children: "Select the LLM model for this agent" })] }), /* @__PURE__ */ y(r, {
 								className: "space-y-6",
 								children: [
-									/* @__PURE__ */ y(d, {
+									/* @__PURE__ */ y(c, {
 										label: "LLM Model",
 										description: "Select a model for this agent",
 										children: [
@@ -390,7 +390,7 @@ var k = () => {
 											}),
 											z && /* @__PURE__ */ y("div", {
 												role: "alert",
-												children: [/* @__PURE__ */ v("p", { children: "Could not load answer models." }), /* @__PURE__ */ v(a, {
+												children: [/* @__PURE__ */ v("p", { children: "Could not load answer models." }), /* @__PURE__ */ v(s, {
 													variant: "secondary",
 													onClick: () => {
 														L(), N();
@@ -457,13 +457,13 @@ var k = () => {
 						}),
 						K === 3 && /* @__PURE__ */ v("div", {
 							className: "space-y-6",
-							children: /* @__PURE__ */ y(o, {
+							children: /* @__PURE__ */ y(n, {
 								treatment: "glass",
 								glow: !0,
-								children: [/* @__PURE__ */ y(l, { children: [/* @__PURE__ */ y(u, {
+								children: [/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ y(o, {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ v(C, { size: 18 }), "Tools & Knowledge"]
-								}), /* @__PURE__ */ v(c, { children: "Configure tools and knowledge bases for this agent" })] }), /* @__PURE__ */ v(s, { children: /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ v(i, { children: "Configure tools and knowledge bases for this agent" })] }), /* @__PURE__ */ v(r, { children: /* @__PURE__ */ y("div", {
 									className: "text-center py-12 text-text-secondary",
 									children: [
 										/* @__PURE__ */ v(C, { className: "h-10 w-10 mx-auto mb-3 opacity-50" }),
@@ -481,16 +481,16 @@ var k = () => {
 						}),
 						/* @__PURE__ */ y("div", {
 							className: "flex justify-between pt-6",
-							children: [/* @__PURE__ */ v(a, {
+							children: [/* @__PURE__ */ v(s, {
 								variant: "outline",
 								onClick: () => q(Math.max(0, K - 1)),
 								disabled: K === 0,
 								children: "Previous"
-							}), K < X.length - 1 ? /* @__PURE__ */ v(a, {
+							}), K < X.length - 1 ? /* @__PURE__ */ v(s, {
 								onClick: () => q(K + 1),
 								children: "Next"
-							}) : /* @__PURE__ */ v(a, {
-								leftIcon: /* @__PURE__ */ v(b, { size: 16 }),
+							}) : /* @__PURE__ */ v(s, {
+								leftIcon: /* @__PURE__ */ v(x, { size: 16 }),
 								onClick: Z,
 								isLoading: Q || $,
 								disabled: !J.name || !J.systemPrompt,
@@ -503,7 +503,6 @@ var k = () => {
 		}), A && A.length > 0 && null]
 	});
 };
-//#endregion
 export { k as AgentBuilderPage };
 
 //# sourceMappingURL=AgentBuilderPage.js.map

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 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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"}
+{"version":3,"file":"AgentBuilderPage.js","names":["Textarea","Textarea$1","AGENT_CAPABILITIES","AGENT_TYPES","toCapabilities","values","match","capability","value","toAgentType","toUnion","AgentBuilderPage","useParams","useBotlit","existingAgent","useAgent","agentId","bots","useBots","providers","providersLoading","providersError","refetchProviders","useLLMProviders","llmModels","modelsLoading","modelsError","refetchModels","useLLMModels","catalogLoading","catalogError","answerModels","configuredAnswerModels","createAgent","createAgentResult","useCreateAgent","updateAgent","updateAgentResult","useUpdateAgent","isEditing","activeStep","setActiveStep","useState","formData","setFormData","agent","steps","Sparkles","Brain","Settings","Wrench","avatars","allCapabilities","toggleCapability","prev","cap","c","handleSave","model","slug","toast","navigateTo","workspaceId","err","message","isCreating","isUpdating","PageLayout","Button","ArrowLeft","Save","PagePurpose","step","cn","Card","CardHeader","CardTitle","CardDescription","CardContent","avatar","FormField","Input","provider"],"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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"}

package/dist/botlit/pages/AgentDetailPage.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const AgentDetailPage: FC;