@burdenoff/microfe-botmanor 2026.813.1

package/dist/botlit/pages/AgentsListPage.js

@@ -0,0 +1,294 @@
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { useBotlitStore as t } from "../store/botlitStore.js";
+import { useAgents as n, useDeleteAgent as r } from "../hooks/useAgents.js";
+import { cn as i } from "../utils/cn.js";
+import { formatNumber as a, formatRelativeTime as o } from "../utils/formatters.js";
+import { PageLayout as s } from "../components/PageLayout.js";
+import { Card as c, CardContent as l } from "../components/Card.js";
+import { Button as u } from "../components/Button.js";
+import { StatusBadge as d } from "../components/Badge.js";
+import { isNative as f, nativeConfirm as p, nativeImpact as m, nativeNotify as h } from "../../utils/nativeBridge.js";
+import { EmptyState as g } from "../components/EmptyState.js";
+import { Input as _ } from "../components/Input.js";
+import { ErrorState as v } from "../components/ErrorState.js";
+import { useState as y } from "react";
+import { GlassCard as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Link as w, useParams as T } from "react-router";
+import { Bot as E, Grid3X3 as D, List as O, MessageSquare as k, MoreVertical as A, Play as j, Plus as M, Search as N, Settings as P, Trash2 as F } from "lucide-react";
+import { toast as I } from "sonner";
+//#region src/botlit/pages/AgentsListPage.tsx
+var L = () => {
+	let { botId: L } = T(), { navigateTo: R, getPath: z } = e(), { data: B, loading: V, error: H, refetch: U } = n(), [W] = r(), { viewMode: G, setViewMode: K, agentFilter: q, updateAgentFilter: J } = t(), [Y, X] = y(null), Z = (e) => {
+		J({ search: e.target.value });
+	}, Q = async (e) => {
+		let t = await p({
+			title: "Delete agent?",
+			message: `Are you sure you want to delete "${e.name}"?`,
+			okButtonTitle: "Delete",
+			cancelButtonTitle: "Cancel"
+		});
+		if (t === null ? confirm(`Are you sure you want to delete "${e.name}"?`) : t) {
+			m("medium");
+			try {
+				await W(e.id), I.success(`Agent "${e.name}" deleted successfully`), f() && h("success");
+			} catch (e) {
+				let t = e instanceof Error ? e.message : "Failed to delete agent";
+				I.error(t), f() && h("error");
+			}
+		}
+		X(null);
+	}, $ = B.filter((e) => {
+		if (q.search) {
+			let t = q.search.toLowerCase();
+			return e.name.toLowerCase().includes(t) || (e.description?.toLowerCase().includes(t) ?? !1);
+		}
+		return !0;
+	});
+	return /* @__PURE__ */ S(s, {
+		title: L ? "Bot Agents" : "All Agents",
+		description: L ? "Manage agents for this bot" : "View and manage all your AI agents",
+		actions: /* @__PURE__ */ S(u, {
+			leftIcon: /* @__PURE__ */ S(M, { size: 16 }),
+			onClick: () => R(L ? `bots/${L}/agents/new` : "agents/new"),
+			children: "Create Agent"
+		}),
+		children: /* @__PURE__ */ C("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ S(x, {
+					icon: /* @__PURE__ */ S(E, { size: 18 }),
+					children: "Agents are the reasoning workers behind your bots — each one bundles a model, a system prompt, tools and knowledge into a callable AI. Build an agent here to handle a specific job (answer support questions, summarise documents, run a workflow), then test it in chat and connect it to a bot or channel."
+				}),
+				B.length > 0 ? /* @__PURE__ */ C("div", {
+					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ C(b, {
+							treatment: "glass",
+							glow: !0,
+							className: "p-4",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: "Total agents"
+							}), /* @__PURE__ */ S("p", {
+								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+								children: B.length
+							})]
+						}),
+						/* @__PURE__ */ C(b, {
+							treatment: "metric",
+							className: "p-4",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: "Active"
+							}), /* @__PURE__ */ S("p", {
+								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+								children: B.filter((e) => e.status === "ACTIVE").length
+							})]
+						}),
+						/* @__PURE__ */ C(b, {
+							treatment: "metric",
+							className: "col-span-2 p-4 sm:col-span-1",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: "Total executions"
+							}), /* @__PURE__ */ S("p", {
+								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+								children: a(B.reduce((e, t) => e + (t.executionCount ?? 0), 0))
+							})]
+						})
+					]
+				}) : null,
+				/* @__PURE__ */ C("div", {
+					className: "flex items-center justify-between gap-4",
+					children: [/* @__PURE__ */ C("div", {
+						className: "relative flex-1 max-w-md",
+						children: [/* @__PURE__ */ S(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S(_, {
+							placeholder: "Search agents...",
+							value: q.search || "",
+							onChange: Z,
+							className: "pl-9"
+						})]
+					}), /* @__PURE__ */ C("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ S(u, {
+							variant: G === "grid" ? "secondary" : "ghost",
+							size: "icon",
+							onClick: () => K("grid"),
+							children: /* @__PURE__ */ S(D, { size: 18 })
+						}), /* @__PURE__ */ S(u, {
+							variant: G === "list" ? "secondary" : "ghost",
+							size: "icon",
+							onClick: () => K("list"),
+							children: /* @__PURE__ */ S(O, { size: 18 })
+						})]
+					})]
+				}),
+				V ? /* @__PURE__ */ S("div", {
+					className: i("gap-4", G === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
+					children: [
+						1,
+						2,
+						3,
+						4,
+						5,
+						6
+					].map((e) => /* @__PURE__ */ S("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : H ? /* @__PURE__ */ S(v, {
+					resource: "agents",
+					error: H,
+					onRetry: () => void U()
+				}) : $.length > 0 ? G === "grid" ? /* @__PURE__ */ S("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
+					children: $.map((e) => /* @__PURE__ */ S(c, {
+						className: "group hover:shadow-md transition-shadow cursor-pointer relative",
+						onClick: () => R(`agents/${e.id}`),
+						children: /* @__PURE__ */ C(l, {
+							className: "pt-6",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex items-start justify-between",
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ S("span", {
+											className: "text-4xl",
+											children: "🤖"
+										}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
+											className: "font-semibold text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ S("div", {
+											className: "flex items-center gap-2 mt-1",
+											children: /* @__PURE__ */ S(d, { status: e.status })
+										})] })]
+									}), /* @__PURE__ */ C("div", {
+										className: "relative",
+										children: [/* @__PURE__ */ S(u, {
+											variant: "ghost",
+											size: "icon",
+											className: "opacity-0 group-hover:opacity-100 transition-opacity",
+											onClick: (t) => {
+												t.stopPropagation(), X(Y === e.id ? null : e.id);
+											},
+											children: /* @__PURE__ */ S(A, { size: 16 })
+										}), Y === e.id && /* @__PURE__ */ C("div", {
+											className: "absolute right-0 top-full mt-1 w-48 bg-popover border border-border-subtle rounded-md shadow-lg z-10",
+											children: [
+												/* @__PURE__ */ C("button", {
+													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
+													onClick: (t) => {
+														t.stopPropagation(), R(`agents/${e.id}/chat`), X(null);
+													},
+													children: [/* @__PURE__ */ S(j, { size: 16 }), "Test Agent"]
+												}),
+												/* @__PURE__ */ C("button", {
+													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
+													onClick: (t) => {
+														t.stopPropagation(), R(`agents/${e.id}/edit`), X(null);
+													},
+													children: [/* @__PURE__ */ S(P, { size: 16 }), "Edit Agent"]
+												}),
+												/* @__PURE__ */ C("button", {
+													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent text-status-error-text flex items-center gap-2",
+													onClick: (t) => {
+														t.stopPropagation(), Q(e);
+													},
+													children: [/* @__PURE__ */ S(F, { size: 16 }), "Delete"]
+												})
+											]
+										})]
+									})]
+								}),
+								/* @__PURE__ */ S("p", {
+									className: "mt-3 text-sm text-text-secondary line-clamp-2",
+									children: e.description
+								}),
+								/* @__PURE__ */ S("div", {
+									className: "mt-4 flex items-center gap-4 text-xs text-text-secondary",
+									children: /* @__PURE__ */ C("span", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ S(k, { size: 14 }),
+											a(e.executionCount),
+											" executions"
+										]
+									})
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "mt-3 pt-3 border-t border-border-subtle flex items-center justify-between",
+									children: [/* @__PURE__ */ C("span", {
+										className: "text-xs text-text-secondary",
+										children: ["Created ", o(e.createdAt)]
+									}), /* @__PURE__ */ S(u, {
+										size: "sm",
+										variant: "ghost",
+										leftIcon: /* @__PURE__ */ S(j, { size: 14 }),
+										onClick: (t) => {
+											t.stopPropagation(), R(`agents/${e.id}/chat`);
+										},
+										children: "Test"
+									})]
+								})
+							]
+						})
+					}, e.id))
+				}) : /* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: $.map((e) => /* @__PURE__ */ S(c, {
+						className: "hover:shadow-md transition-shadow cursor-pointer",
+						onClick: () => R(`agents/${e.id}`),
+						children: /* @__PURE__ */ S(l, {
+							className: "py-4",
+							children: /* @__PURE__ */ C("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ C("div", {
+									className: "flex items-center gap-4",
+									children: [/* @__PURE__ */ S("span", {
+										className: "text-3xl",
+										children: "🤖"
+									}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ S("h3", {
+											className: "font-semibold text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ S(d, { status: e.status })]
+									}), /* @__PURE__ */ S("p", {
+										className: "text-sm text-text-secondary line-clamp-1",
+										children: e.description
+									})] })]
+								}), /* @__PURE__ */ C("div", {
+									className: "flex items-center gap-4 text-sm text-text-secondary",
+									children: [
+										/* @__PURE__ */ C("span", { children: [a(e.executionCount), " executions"] }),
+										/* @__PURE__ */ S("span", { children: o(e.createdAt) }),
+										/* @__PURE__ */ S(u, {
+											variant: "outline",
+											size: "sm",
+											leftIcon: /* @__PURE__ */ S(j, { size: 14 }),
+											children: /* @__PURE__ */ S(w, {
+												to: z(`agents/${e.id}/chat`),
+												children: "Test"
+											})
+										})
+									]
+								})]
+							})
+						})
+					}, e.id))
+				}) : /* @__PURE__ */ S(g, {
+					illustration: "empty-agents",
+					title: "No agents yet",
+					description: "Create your first AI agent to start building intelligent automations.",
+					action: /* @__PURE__ */ S(u, {
+						leftIcon: /* @__PURE__ */ S(M, { size: 16 }),
+						onClick: () => R(L ? `bots/${L}/agents/new` : "agents/new"),
+						children: "Create Agent"
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { L as AgentsListPage };
+
+//# sourceMappingURL=AgentsListPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsListPage.js","names":[],"sources":["../../../src/botlit/pages/AgentsListPage.tsx"],"sourcesContent":["/**\n * Agents List Page\n * @module botlit/pages\n */\n\nimport type { ChangeEvent, FC } from 'react';\nimport { useState } from 'react';\nimport { useParams, Link } from 'react-router';\nimport {\n  Bot,\n  Plus,\n  Search,\n  Grid3X3,\n  List,\n  MoreVertical,\n  MessageSquare,\n  Trash2,\n  Settings,\n  Play,\n} from 'lucide-react';\nimport { toast } from 'sonner';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardContent } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport { useAgents, useDeleteAgent, type AgentRecord } from '../hooks/useAgents';\nimport { useBotlitStore } from '../store/botlitStore';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime, formatNumber } from '../utils/formatters';\nimport { cn } from '../utils/cn';\n\nexport const AgentsListPage: FC = () => {\n  const { botId } = useParams();\n  const { navigateTo, getPath } = useBotlit();\n  const { data: agents, loading, error, refetch } = useAgents();\n  const [deleteAgent] = useDeleteAgent();\n  const { viewMode, setViewMode, agentFilter, updateAgentFilter } = useBotlitStore();\n  const [menuOpen, setMenuOpen] = useState<string | null>(null);\n\n  const handleSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    updateAgentFilter({ search: e.target.value });\n  };\n\n  const handleDelete = async (agent: { id: string; name: string }) => {\n    const confirmed = await nativeConfirm({\n      title: 'Delete agent?',\n      message: `Are you sure you want to delete \"${agent.name}\"?`,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok =\n      confirmed === null ? confirm(`Are you sure you want to delete \"${agent.name}\"?`) : confirmed;\n    if (ok) {\n      nativeImpact('medium');\n      try {\n        await deleteAgent(agent.id);\n        toast.success(`Agent \"${agent.name}\" deleted successfully`);\n        if (isNative()) void nativeNotify('success');\n      } catch (err: unknown) {\n        const message = err instanceof Error ? err.message : 'Failed to delete agent';\n        toast.error(message);\n        if (isNative()) void nativeNotify('error');\n      }\n    }\n    setMenuOpen(null);\n  };\n\n  const filteredAgents = agents.filter((agent) => {\n    if (agentFilter.search) {\n      const search = agentFilter.search.toLowerCase();\n      return (\n        agent.name.toLowerCase().includes(search) ||\n        (agent.description?.toLowerCase().includes(search) ?? false)\n      );\n    }\n    return true;\n  });\n\n  return (\n    <PageLayout\n      title={botId ? 'Bot Agents' : 'All Agents'}\n      description={botId ? 'Manage agents for this bot' : 'View and manage all your AI agents'}\n      actions={\n        <Button\n          leftIcon={<Plus size={16} />}\n          onClick={() => navigateTo(botId ? `bots/${botId}/agents/new` : 'agents/new')}\n        >\n          Create Agent\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          Agents are the reasoning workers behind your bots — each one bundles a model, a system\n          prompt, tools and knowledge into a callable AI. Build an agent here to handle a specific\n          job (answer support questions, summarise documents, run a workflow), then test it in chat\n          and connect it to a bot or channel.\n        </PagePurpose>\n\n        {/* Summary */}\n        {agents.length > 0 ? (\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3\">\n            <GlassCard treatment=\"glass\" glow className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">Total agents</p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {agents.length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">Active</p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {agents.filter((agent) => agent.status === 'ACTIVE').length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"col-span-2 p-4 sm:col-span-1\">\n              <p className=\"text-sm text-text-secondary\">Total executions</p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {formatNumber(agents.reduce((sum, agent) => sum + (agent.executionCount ?? 0), 0))}\n              </p>\n            </GlassCard>\n          </div>\n        ) : null}\n\n        {/* Toolbar */}\n        <div className=\"flex items-center justify-between gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder=\"Search agents...\"\n              value={agentFilter.search || ''}\n              onChange={handleSearch}\n              className=\"pl-9\"\n            />\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Button\n              variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n              size=\"icon\"\n              onClick={() => setViewMode('grid')}\n            >\n              <Grid3X3 size={18} />\n            </Button>\n            <Button\n              variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n              size=\"icon\"\n              onClick={() => setViewMode('list')}\n            >\n              <List size={18} />\n            </Button>\n          </div>\n        </div>\n\n        {/* Content */}\n        {loading ? (\n          <div\n            className={cn(\n              'gap-4',\n              viewMode === 'grid'\n                ? 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3'\n                : 'flex flex-col'\n            )}\n          >\n            {[1, 2, 3, 4, 5, 6].map((i) => (\n              <div\n                key={i}\n                className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"agents\" error={error} onRetry={() => void refetch()} />\n        ) : filteredAgents.length > 0 ? (\n          viewMode === 'grid' ? (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {filteredAgents.map((agent: AgentRecord) => (\n                <Card\n                  key={agent.id}\n                  className=\"group hover:shadow-md transition-shadow cursor-pointer relative\"\n                  onClick={() => navigateTo(`agents/${agent.id}`)}\n                >\n                  <CardContent className=\"pt-6\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"text-4xl\">🤖</span>\n                        <div>\n                          <h3 className=\"font-semibold text-text-primary\">{agent.name}</h3>\n                          <div className=\"flex items-center gap-2 mt-1\">\n                            <StatusBadge status={agent.status} />\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"relative\">\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"opacity-0 group-hover:opacity-100 transition-opacity\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            setMenuOpen(menuOpen === agent.id ? null : agent.id);\n                          }}\n                        >\n                          <MoreVertical size={16} />\n                        </Button>\n                        {menuOpen === agent.id && (\n                          <div className=\"absolute right-0 top-full mt-1 w-48 bg-popover border border-border-subtle rounded-md shadow-lg z-10\">\n                            <button\n                              className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                navigateTo(`agents/${agent.id}/chat`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Play size={16} />\n                              Test Agent\n                            </button>\n                            <button\n                              className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                navigateTo(`agents/${agent.id}/edit`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Settings size={16} />\n                              Edit Agent\n                            </button>\n                            <button\n                              className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent text-status-error-text flex items-center gap-2\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleDelete(agent);\n                              }}\n                            >\n                              <Trash2 size={16} />\n                              Delete\n                            </button>\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                    <p className=\"mt-3 text-sm text-text-secondary line-clamp-2\">\n                      {agent.description}\n                    </p>\n                    <div className=\"mt-4 flex items-center gap-4 text-xs text-text-secondary\">\n                      <span className=\"flex items-center gap-1\">\n                        <MessageSquare size={14} />\n                        {formatNumber(agent.executionCount)} executions\n                      </span>\n                    </div>\n                    <div className=\"mt-3 pt-3 border-t border-border-subtle flex items-center justify-between\">\n                      <span className=\"text-xs text-text-secondary\">\n                        Created {formatRelativeTime(agent.createdAt)}\n                      </span>\n                      <Button\n                        size=\"sm\"\n                        variant=\"ghost\"\n                        leftIcon={<Play size={14} />}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          navigateTo(`agents/${agent.id}/chat`);\n                        }}\n                      >\n                        Test\n                      </Button>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredAgents.map((agent: AgentRecord) => (\n                <Card\n                  key={agent.id}\n                  className=\"hover:shadow-md transition-shadow cursor-pointer\"\n                  onClick={() => navigateTo(`agents/${agent.id}`)}\n                >\n                  <CardContent className=\"py-4\">\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center gap-4\">\n                        <span className=\"text-3xl\">🤖</span>\n                        <div>\n                          <div className=\"flex items-center gap-2\">\n                            <h3 className=\"font-semibold text-text-primary\">{agent.name}</h3>\n                            <StatusBadge status={agent.status} />\n                          </div>\n                          <p className=\"text-sm text-text-secondary line-clamp-1\">\n                            {agent.description}\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-4 text-sm text-text-secondary\">\n                        <span>{formatNumber(agent.executionCount)} executions</span>\n                        <span>{formatRelativeTime(agent.createdAt)}</span>\n                        <Button variant=\"outline\" size=\"sm\" leftIcon={<Play size={14} />}>\n                          <Link to={getPath(`agents/${agent.id}/chat`)}>Test</Link>\n                        </Button>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            illustration=\"empty-agents\"\n            title=\"No agents yet\"\n            description=\"Create your first AI agent to start building intelligent automations.\"\n            action={\n              <Button\n                leftIcon={<Plus size={16} />}\n                onClick={() => navigateTo(botId ? `bots/${botId}/agents/new` : 'agents/new')}\n              >\n                Create Agent\n              </Button>\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}