@burdenoff/microfe-botmanor 2026.1109.2 → 2026.1110.1

package/dist/botlit/pages/AgentsListPage.js

@@ -8,139 +8,134 @@ import { BOTMANOR_PERMISSIONS as u } from "../permissions/botmanorPermissions.js
 import { BotmanorPermissionGate as d } from "../permissions/useBotmanorPermissions.js";
 import { StatusBadge as f } from "../components/Badge.js";
 import { EmptyState as p } from "../components/EmptyState.js";
-import { ErrorState as m } from "../components/ErrorState.js";
-import { useAgents as h, useDeleteAgent as g } from "../hooks/useAgents.js";
-import { useBotlitStore as _ } from "../store/botlitStore.js";
-import { useBotlit as v } from "../providers/BotlitProvider.js";
-import { formatNumber as y, formatRelativeTime as b } from "../utils/formatters.js";
-import { cn as x } from "../utils/cn.js";
+import { LoadMore as m } from "../components/LoadMore.js";
+import { ErrorState as h } from "../components/ErrorState.js";
+import { useAgents as g, useDeleteAgent as _ } from "../hooks/useAgents.js";
+import { useBotlitStore as v } from "../store/botlitStore.js";
+import { useBotlit as y } from "../providers/BotlitProvider.js";
+import { formatNumber as b, formatRelativeTime as x } from "../utils/formatters.js";
+import { cn as S } from "../utils/cn.js";
 import "../permissions/index.js";
-import { useState as S } from "react";
-import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Link as D, useParams as O } from "react-router";
-import { Bot as ee, Grid3X3 as te, List as ne, MessageSquare as k, MoreVertical as A, Play as j, Plus as M, Search as N, Settings as P, ShieldCheck as F, Trash2 as I } from "lucide-react";
-import { toast as L } from "sonner";
+import { useState as C } from "react";
+import { GlassCard as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Link as O, useParams as ee } from "react-router";
+import { Bot as te, Grid3X3 as k, List as A, MessageSquare as j, MoreVertical as M, Play as N, Plus as P, Search as F, Settings as I, ShieldCheck as L, Trash2 as R } from "lucide-react";
+import { toast as z } from "sonner";
 // src/botlit/pages/AgentsListPage.tsx
-var R = () => {
-	let R = i(), { botId: z } = O(), { navigateTo: B, getPath: V } = v(), { data: H, loading: U, error: W, refetch: G } = h(), [K] = g(), { viewMode: q, setViewMode: J, agentFilter: Y, updateAgentFilter: X } = _(), [Z, Q] = S(null), re = (e) => {
-		X({ search: e.target.value });
-	}, ie = async (i) => {
+var B = () => {
+	let B = i(), { botId: V } = ee(), { navigateTo: H, getPath: U } = y(), { viewMode: W, setViewMode: G, agentFilter: K, updateAgentFilter: q } = v(), { data: J, loading: Y, error: X, refetch: Z, hasMore: ne, loadingMore: re, loadMore: ie } = g(K), [ae] = _(), [Q, $] = C(null), oe = (e) => {
+		q({ search: e.target.value });
+	}, se = async (i) => {
 		let a = await t({
-			title: R("botlit.agentsList.delete.title", "Delete agent?"),
-			message: R("botlit.agentsList.delete.message", "Are you sure you want to delete \"{{name}}\"?", { name: i.name }),
-			okButtonTitle: R("botlit.agentsList.delete.okButton", "Delete"),
-			cancelButtonTitle: R("botlit.agentsList.delete.cancelButton", "Cancel")
+			title: B("botlit.agentsList.delete.title", "Delete agent?"),
+			message: B("botlit.agentsList.delete.message", "Are you sure you want to delete \"{{name}}\"?", { name: i.name }),
+			okButtonTitle: B("botlit.agentsList.delete.okButton", "Delete"),
+			cancelButtonTitle: B("botlit.agentsList.delete.cancelButton", "Cancel")
 		});
-		if (a === null ? confirm(R("botlit.agentsList.delete.message", "Are you sure you want to delete \"{{name}}\"?", { name: i.name })) : a) {
+		if (a === null ? confirm(B("botlit.agentsList.delete.message", "Are you sure you want to delete \"{{name}}\"?", { name: i.name })) : a) {
 			n("medium");
 			try {
-				await K(i.id), L.success(R("botlit.agentsList.delete.success", "Agent \"{{name}}\" deleted successfully", { name: i.name })), e() && r("success");
+				await ae(i.id), z.success(B("botlit.agentsList.delete.success", "Agent \"{{name}}\" deleted successfully", { name: i.name })), e() && r("success");
 			} catch (t) {
-				let n = t instanceof Error ? t.message : R("botlit.agentsList.delete.error", "Failed to delete agent");
-				L.error(n), e() && r("error");
+				let n = t instanceof Error ? t.message : B("botlit.agentsList.delete.error", "Failed to delete agent");
+				z.error(n), e() && r("error");
 			}
 		}
-		Q(null);
-	}, $ = H.filter((e) => {
-		if (Y.search) {
-			let t = Y.search.toLowerCase();
-			return e.name.toLowerCase().includes(t) || (e.description?.toLowerCase().includes(t) ?? !1);
-		}
-		return !0;
-	});
-	return /* @__PURE__ */ T(a, {
-		title: z ? R("botlit.agentsList.titleBot", "Bot Agents") : R("botlit.agentsList.title", "All Agents"),
-		description: z ? R("botlit.agentsList.descriptionBot", "Manage agents for this bot") : R("botlit.agentsList.description", "View and manage all your AI agents"),
-		actions: /* @__PURE__ */ E("div", {
+		$(null);
+	};
+	return /* @__PURE__ */ E(a, {
+		title: V ? B("botlit.agentsList.titleBot", "Bot Agents") : B("botlit.agentsList.title", "All Agents"),
+		description: V ? B("botlit.agentsList.descriptionBot", "Manage agents for this bot") : B("botlit.agentsList.description", "View and manage all your AI agents"),
+		actions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ T(c, {
+			children: [/* @__PURE__ */ E(c, {
 				variant: "outline",
-				leftIcon: /* @__PURE__ */ T(F, { size: 16 }),
-				onClick: () => B("agents/approvals"),
-				children: R("botlit.agentsList.actions.approvals", "Approvals")
-			}), /* @__PURE__ */ T(d, {
+				leftIcon: /* @__PURE__ */ E(L, { size: 16 }),
+				onClick: () => H("agents/approvals"),
+				children: B("botlit.agentsList.actions.approvals", "Approvals")
+			}), /* @__PURE__ */ E(d, {
 				permission: u.AGENT_CREATE,
-				children: /* @__PURE__ */ T(c, {
-					leftIcon: /* @__PURE__ */ T(M, { size: 16 }),
-					onClick: () => B(z ? `bots/${z}/agents/new` : "agents/new"),
-					children: R("botlit.agentsList.actions.createAgent", "Create Agent")
+				children: /* @__PURE__ */ E(c, {
+					leftIcon: /* @__PURE__ */ E(P, { size: 16 }),
+					onClick: () => H(V ? `bots/${V}/agents/new` : "agents/new"),
+					children: B("botlit.agentsList.actions.createAgent", "Create Agent")
 				})
 			})]
 		}),
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ T(w, {
-					icon: /* @__PURE__ */ T(ee, { size: 18 }),
-					children: R("botlit.agentsList.purpose", "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.")
+				/* @__PURE__ */ E(T, {
+					icon: /* @__PURE__ */ E(te, { size: 18 }),
+					children: B("botlit.agentsList.purpose", "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.")
 				}),
-				H.length > 0 ? /* @__PURE__ */ E("div", {
+				J.length > 0 ? /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ E(C, {
+						/* @__PURE__ */ D(w, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-4",
-							children: [/* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
-								children: R("botlit.agentsList.summary.total", "Total agents")
-							}), /* @__PURE__ */ T("p", {
+								children: B("botlit.agentsList.summary.total", "Total agents")
+							}), /* @__PURE__ */ E("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: H.length
+								children: J.length
 							})]
 						}),
-						/* @__PURE__ */ E(C, {
+						/* @__PURE__ */ D(w, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
-								children: R("botlit.agentsList.summary.active", "Active")
-							}), /* @__PURE__ */ T("p", {
+								children: B("botlit.agentsList.summary.active", "Active")
+							}), /* @__PURE__ */ E("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: H.filter((e) => e.status === "ACTIVE").length
+								children: J.filter((e) => e.status === "ACTIVE").length
 							})]
 						}),
-						/* @__PURE__ */ E(C, {
+						/* @__PURE__ */ D(w, {
 							treatment: "metric",
 							className: "col-span-2 p-4 sm:col-span-1",
-							children: [/* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
-								children: R("botlit.agentsList.summary.executions", "Total executions")
-							}), /* @__PURE__ */ T("p", {
+								children: B("botlit.agentsList.summary.executions", "Total executions")
+							}), /* @__PURE__ */ E("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: y(H.reduce((e, t) => e + (t.executionCount ?? 0), 0))
+								children: b(J.reduce((e, t) => e + (t.executionCount ?? 0), 0))
 							})]
 						})
 					]
 				}) : null,
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ D("div", {
 					className: "flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ T(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T(l, {
-							placeholder: R("botlit.agentsList.searchPlaceholder", "Search agents..."),
-							value: Y.search || "",
-							onChange: re,
+						children: [/* @__PURE__ */ E(F, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E(l, {
+							placeholder: B("botlit.agentsList.searchPlaceholder", "Search agents..."),
+							value: K.search || "",
+							onChange: oe,
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ E("div", {
+					}), /* @__PURE__ */ D("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ T(c, {
-							variant: q === "grid" ? "secondary" : "ghost",
+						children: [/* @__PURE__ */ E(c, {
+							variant: W === "grid" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => J("grid"),
-							children: /* @__PURE__ */ T(te, { size: 18 })
-						}), /* @__PURE__ */ T(c, {
-							variant: q === "list" ? "secondary" : "ghost",
+							onClick: () => G("grid"),
+							children: /* @__PURE__ */ E(k, { size: 18 })
+						}), /* @__PURE__ */ E(c, {
+							variant: W === "list" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => J("list"),
-							children: /* @__PURE__ */ T(ne, { size: 18 })
+							onClick: () => G("list"),
+							children: /* @__PURE__ */ E(A, { size: 18 })
 						})]
 					})]
 				}),
-				U ? /* @__PURE__ */ T("div", {
-					className: x("gap-4", q === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
+				Y ? /* @__PURE__ */ E("div", {
+					className: S("gap-4", W === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
 					children: [
 						1,
 						2,
@@ -148,158 +143,158 @@ var R = () => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ T("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : W ? /* @__PURE__ */ T(m, {
+					].map((e) => /* @__PURE__ */ E("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : X ? /* @__PURE__ */ E(h, {
 					resource: "agents",
-					error: W,
-					onRetry: () => void G()
-				}) : $.length > 0 ? q === "grid" ? /* @__PURE__ */ T("div", {
+					error: X,
+					onRetry: () => void Z()
+				}) : J.length > 0 ? W === "grid" ? /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: $.map((e) => /* @__PURE__ */ T(o, {
+					children: J.map((e) => /* @__PURE__ */ E(o, {
 						className: "group hover:shadow-md transition-shadow cursor-pointer relative",
-						onClick: () => B(`agents/${e.id}`),
-						children: /* @__PURE__ */ E(s, {
+						onClick: () => H(`agents/${e.id}`),
+						children: /* @__PURE__ */ D(s, {
 							className: "pt-6",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ E("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "text-4xl",
 											children: "🤖"
-										}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+										}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ T("div", {
+										}), /* @__PURE__ */ E("div", {
 											className: "flex items-center gap-2 mt-1",
-											children: /* @__PURE__ */ T(f, { status: e.status })
+											children: /* @__PURE__ */ E(f, { status: e.status })
 										})] })]
-									}), /* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ T(c, {
+										children: [/* @__PURE__ */ E(c, {
 											variant: "ghost",
 											size: "icon",
 											className: "opacity-0 group-hover:opacity-100 transition-opacity",
 											onClick: (t) => {
-												t.stopPropagation(), Q(Z === e.id ? null : e.id);
+												t.stopPropagation(), $(Q === e.id ? null : e.id);
 											},
-											children: /* @__PURE__ */ T(A, { size: 16 })
-										}), Z === e.id && /* @__PURE__ */ E("div", {
+											children: /* @__PURE__ */ E(M, { size: 16 })
+										}), Q === e.id && /* @__PURE__ */ D("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__ */ T(d, {
+												/* @__PURE__ */ E(d, {
 													permission: u.AGENT_EXECUTE,
-													children: /* @__PURE__ */ E("button", {
+													children: /* @__PURE__ */ D("button", {
 														className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 														onClick: (t) => {
-															t.stopPropagation(), B(`agents/${e.id}/chat`), Q(null);
+															t.stopPropagation(), H(`agents/${e.id}/chat`), $(null);
 														},
-														children: [/* @__PURE__ */ T(j, { size: 16 }), R("botlit.agentsList.menu.testAgent", "Test Agent")]
+														children: [/* @__PURE__ */ E(N, { size: 16 }), B("botlit.agentsList.menu.testAgent", "Test Agent")]
 													})
 												}),
-												/* @__PURE__ */ T(d, {
+												/* @__PURE__ */ E(d, {
 													permission: u.AGENT_UPDATE,
-													children: /* @__PURE__ */ E("button", {
+													children: /* @__PURE__ */ D("button", {
 														className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 														onClick: (t) => {
-															t.stopPropagation(), B(`agents/${e.id}/edit`), Q(null);
+															t.stopPropagation(), H(`agents/${e.id}/edit`), $(null);
 														},
-														children: [/* @__PURE__ */ T(P, { size: 16 }), R("botlit.agentsList.menu.editAgent", "Edit Agent")]
+														children: [/* @__PURE__ */ E(I, { size: 16 }), B("botlit.agentsList.menu.editAgent", "Edit Agent")]
 													})
 												}),
-												/* @__PURE__ */ T(d, {
+												/* @__PURE__ */ E(d, {
 													permission: u.AGENT_DELETE,
-													children: /* @__PURE__ */ E("button", {
+													children: /* @__PURE__ */ D("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(), ie(e);
+															t.stopPropagation(), se(e);
 														},
-														children: [/* @__PURE__ */ T(I, { size: 16 }), R("botlit.agentsList.menu.delete", "Delete")]
+														children: [/* @__PURE__ */ E(R, { size: 16 }), B("botlit.agentsList.menu.delete", "Delete")]
 													})
 												})
 											]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ T("p", {
+								/* @__PURE__ */ E("p", {
 									className: "mt-3 text-sm text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mt-4 flex items-center gap-4 text-xs text-text-secondary",
-									children: /* @__PURE__ */ E("span", {
+									children: /* @__PURE__ */ D("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ T(k, { size: 14 }),
-											y(e.executionCount),
+											/* @__PURE__ */ E(j, { size: 14 }),
+											b(e.executionCount),
 											" ",
-											R("botlit.agentsList.card.executions", "executions")
+											B("botlit.agentsList.card.executions", "executions")
 										]
 									})
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "mt-3 pt-3 border-t border-border-subtle flex items-center justify-between",
-									children: [/* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-xs text-text-secondary",
 										children: [
-											R("botlit.agentsList.card.created", "Created"),
+											B("botlit.agentsList.card.created", "Created"),
 											" ",
-											b(e.createdAt)
+											x(e.createdAt)
 										]
-									}), /* @__PURE__ */ T(d, {
+									}), /* @__PURE__ */ E(d, {
 										permission: u.AGENT_EXECUTE,
-										children: /* @__PURE__ */ T(c, {
+										children: /* @__PURE__ */ E(c, {
 											size: "sm",
 											variant: "ghost",
-											leftIcon: /* @__PURE__ */ T(j, { size: 14 }),
+											leftIcon: /* @__PURE__ */ E(N, { size: 14 }),
 											onClick: (t) => {
-												t.stopPropagation(), B(`agents/${e.id}/chat`);
+												t.stopPropagation(), H(`agents/${e.id}/chat`);
 											},
-											children: R("botlit.agentsList.card.test", "Test")
+											children: B("botlit.agentsList.card.test", "Test")
 										})
 									})]
 								})
 							]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ T("div", {
+				}) : /* @__PURE__ */ E("div", {
 					className: "space-y-2",
-					children: $.map((e) => /* @__PURE__ */ T(o, {
+					children: J.map((e) => /* @__PURE__ */ E(o, {
 						className: "hover:shadow-md transition-shadow cursor-pointer",
-						onClick: () => B(`agents/${e.id}`),
-						children: /* @__PURE__ */ T(s, {
+						onClick: () => H(`agents/${e.id}`),
+						children: /* @__PURE__ */ E(s, {
 							className: "py-4",
-							children: /* @__PURE__ */ E("div", {
+							children: /* @__PURE__ */ D("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ E("div", {
+								children: [/* @__PURE__ */ D("div", {
 									className: "flex items-center gap-4",
-									children: [/* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-3xl",
 										children: "🤖"
-									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ T("h3", {
+										children: [/* @__PURE__ */ E("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ T(f, { status: e.status })]
-									}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ E(f, { status: e.status })]
+									}), /* @__PURE__ */ E("p", {
 										className: "text-sm text-text-secondary line-clamp-1",
 										children: e.description
 									})] })]
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "flex items-center gap-4 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ E("span", { children: [y(e.executionCount), " executions"] }),
-										/* @__PURE__ */ T("span", { children: b(e.createdAt) }),
-										/* @__PURE__ */ T(d, {
+										/* @__PURE__ */ D("span", { children: [b(e.executionCount), " executions"] }),
+										/* @__PURE__ */ E("span", { children: x(e.createdAt) }),
+										/* @__PURE__ */ E(d, {
 											permission: u.AGENT_EXECUTE,
-											children: /* @__PURE__ */ T(c, {
+											children: /* @__PURE__ */ E(c, {
 												variant: "outline",
 												size: "sm",
-												leftIcon: /* @__PURE__ */ T(j, { size: 14 }),
-												children: /* @__PURE__ */ T(D, {
-													to: V(`agents/${e.id}/chat`),
+												leftIcon: /* @__PURE__ */ E(N, { size: 14 }),
+												children: /* @__PURE__ */ E(O, {
+													to: U(`agents/${e.id}/chat`),
 													children: "Test"
 												})
 											})
@@ -309,23 +304,29 @@ var R = () => {
 							})
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ T(p, {
+				}) : /* @__PURE__ */ E(p, {
 					illustration: "empty-agents",
-					title: R("botlit.agentsList.empty.title", "No agents yet"),
-					description: R("botlit.agentsList.empty.description", "Create your first AI agent to start building intelligent automations."),
-					action: /* @__PURE__ */ T(d, {
+					title: B("botlit.agentsList.empty.title", "No agents yet"),
+					description: B("botlit.agentsList.empty.description", "Create your first AI agent to start building intelligent automations."),
+					action: /* @__PURE__ */ E(d, {
 						permission: u.AGENT_CREATE,
-						children: /* @__PURE__ */ T(c, {
-							leftIcon: /* @__PURE__ */ T(M, { size: 16 }),
-							onClick: () => B(z ? `bots/${z}/agents/new` : "agents/new"),
-							children: R("botlit.agentsList.actions.createAgent", "Create Agent")
+						children: /* @__PURE__ */ E(c, {
+							leftIcon: /* @__PURE__ */ E(P, { size: 16 }),
+							onClick: () => H(V ? `bots/${V}/agents/new` : "agents/new"),
+							children: B("botlit.agentsList.actions.createAgent", "Create Agent")
 						})
 					})
+				}),
+				/* @__PURE__ */ E(m, {
+					hasMore: ne,
+					loadingMore: re,
+					onLoadMore: () => void ie(),
+					loadedCount: J.length
 				})
 			]
 		})
 	});
 };
-export { R as AgentsListPage };
+export { B as AgentsListPage };
 
 //# sourceMappingURL=AgentsListPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgentsListPage.js","names":["AgentsListPage","t","useTr","useParams","useBotlit","agents","useAgents","deleteAgent","useDeleteAgent","useBotlitStore","menuOpen","setMenuOpen","useState","handleSearch","handleDelete","confirmed","nativeConfirm","agent","toast","isNative","nativeNotify","err","message","filteredAgents","agentFilter","search","PageLayout","botId","Button","ShieldCheck","navigateTo","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","Plus","PagePurpose","Bot","GlassCard","formatNumber","sum","Search","Input","viewMode","setViewMode","Grid3X3","List","loading","cn","i","error","ErrorState","refetch","Card","CardContent","StatusBadge","e","MoreVertical","Play","Settings","Trash2","MessageSquare","formatRelativeTime","Link","getPath","EmptyState"],"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  ShieldCheck,\n} from 'lucide-react';\nimport { toast } from 'sonner';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { useTr } from '../../shared/hooks/useTr';\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';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport const AgentsListPage: FC = () => {\n  const t = useTr();\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: t('botlit.agentsList.delete.title', 'Delete agent?'),\n      message: t(\n        'botlit.agentsList.delete.message',\n        'Are you sure you want to delete \"{{name}}\"?',\n        {\n          name: agent.name,\n        }\n      ),\n      okButtonTitle: t('botlit.agentsList.delete.okButton', 'Delete'),\n      cancelButtonTitle: t('botlit.agentsList.delete.cancelButton', 'Cancel'),\n    });\n    const ok =\n      confirmed === null\n        ? confirm(\n            t('botlit.agentsList.delete.message', 'Are you sure you want to delete \"{{name}}\"?', {\n              name: agent.name,\n            })\n          )\n        : confirmed;\n    if (ok) {\n      nativeImpact('medium');\n      try {\n        await deleteAgent(agent.id);\n        toast.success(\n          t('botlit.agentsList.delete.success', 'Agent \"{{name}}\" deleted successfully', {\n            name: agent.name,\n          })\n        );\n        if (isNative()) void nativeNotify('success');\n      } catch (err: unknown) {\n        const message =\n          err instanceof Error\n            ? err.message\n            : t('botlit.agentsList.delete.error', '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={\n        botId\n          ? t('botlit.agentsList.titleBot', 'Bot Agents')\n          : t('botlit.agentsList.title', 'All Agents')\n      }\n      description={\n        botId\n          ? t('botlit.agentsList.descriptionBot', 'Manage agents for this bot')\n          : t('botlit.agentsList.description', 'View and manage all your AI agents')\n      }\n      actions={\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            leftIcon={<ShieldCheck size={16} />}\n            onClick={() => navigateTo('agents/approvals')}\n          >\n            {t('botlit.agentsList.actions.approvals', 'Approvals')}\n          </Button>\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_CREATE}>\n            <Button\n              leftIcon={<Plus size={16} />}\n              onClick={() => navigateTo(botId ? `bots/${botId}/agents/new` : 'agents/new')}\n            >\n              {t('botlit.agentsList.actions.createAgent', 'Create Agent')}\n            </Button>\n          </BotmanorPermissionGate>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          {t(\n            'botlit.agentsList.purpose',\n            '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.'\n          )}\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\">\n                {t('botlit.agentsList.summary.total', 'Total agents')}\n              </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\">\n                {t('botlit.agentsList.summary.active', 'Active')}\n              </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\">\n                {t('botlit.agentsList.summary.executions', 'Total executions')}\n              </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={t('botlit.agentsList.searchPlaceholder', '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                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_EXECUTE}>\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                                {t('botlit.agentsList.menu.testAgent', 'Test Agent')}\n                              </button>\n                            </BotmanorPermissionGate>\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\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                                {t('botlit.agentsList.menu.editAgent', 'Edit Agent')}\n                              </button>\n                            </BotmanorPermissionGate>\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_DELETE}>\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                                {t('botlit.agentsList.menu.delete', 'Delete')}\n                              </button>\n                            </BotmanorPermissionGate>\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)}{' '}\n                        {t('botlit.agentsList.card.executions', '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                        {t('botlit.agentsList.card.created', 'Created')}{' '}\n                        {formatRelativeTime(agent.createdAt)}\n                      </span>\n                      <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_EXECUTE}>\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                          {t('botlit.agentsList.card.test', 'Test')}\n                        </Button>\n                      </BotmanorPermissionGate>\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                        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_EXECUTE}>\n                          <Button variant=\"outline\" size=\"sm\" leftIcon={<Play size={14} />}>\n                            <Link to={getPath(`agents/${agent.id}/chat`)}>Test</Link>\n                          </Button>\n                        </BotmanorPermissionGate>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            illustration=\"empty-agents\"\n            title={t('botlit.agentsList.empty.title', 'No agents yet')}\n            description={t(\n              'botlit.agentsList.empty.description',\n              'Create your first AI agent to start building intelligent automations.'\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_CREATE}>\n                <Button\n                  leftIcon={<Plus size={16} />}\n                  onClick={() => navigateTo(botId ? `bots/${botId}/agents/new` : 'agents/new')}\n                >\n                  {t('botlit.agentsList.actions.createAgent', 'Create Agent')}\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AgentsListPage.js","names":["AgentsListPage","t","useTr","useParams","useBotlit","useBotlitStore","agents","useAgents","agentFilter","deleteAgent","useDeleteAgent","menuOpen","setMenuOpen","useState","handleSearch","handleDelete","confirmed","nativeConfirm","agent","toast","isNative","nativeNotify","err","message","PageLayout","botId","Button","ShieldCheck","navigateTo","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","Plus","PagePurpose","Bot","GlassCard","formatNumber","sum","Search","Input","viewMode","setViewMode","Grid3X3","List","loading","cn","i","error","ErrorState","refetch","Card","CardContent","StatusBadge","e","MoreVertical","Play","Settings","Trash2","MessageSquare","formatRelativeTime","Link","getPath","EmptyState","LoadMore","loadMore"],"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  ShieldCheck,\n} from 'lucide-react';\nimport { toast } from 'sonner';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { useTr } from '../../shared/hooks/useTr';\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 { LoadMore } from '../components/LoadMore';\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';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport const AgentsListPage: FC = () => {\n  const t = useTr();\n  const { botId } = useParams();\n  const { navigateTo, getPath } = useBotlit();\n  const { viewMode, setViewMode, agentFilter, updateAgentFilter } = useBotlitStore();\n  const {\n    data: agents,\n    loading,\n    error,\n    refetch,\n    hasMore,\n    loadingMore,\n    loadMore,\n  } = useAgents(agentFilter);\n  const [deleteAgent] = useDeleteAgent();\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: t('botlit.agentsList.delete.title', 'Delete agent?'),\n      message: t(\n        'botlit.agentsList.delete.message',\n        'Are you sure you want to delete \"{{name}}\"?',\n        {\n          name: agent.name,\n        }\n      ),\n      okButtonTitle: t('botlit.agentsList.delete.okButton', 'Delete'),\n      cancelButtonTitle: t('botlit.agentsList.delete.cancelButton', 'Cancel'),\n    });\n    const ok =\n      confirmed === null\n        ? confirm(\n            t('botlit.agentsList.delete.message', 'Are you sure you want to delete \"{{name}}\"?', {\n              name: agent.name,\n            })\n          )\n        : confirmed;\n    if (ok) {\n      nativeImpact('medium');\n      try {\n        await deleteAgent(agent.id);\n        toast.success(\n          t('botlit.agentsList.delete.success', 'Agent \"{{name}}\" deleted successfully', {\n            name: agent.name,\n          })\n        );\n        if (isNative()) void nativeNotify('success');\n      } catch (err: unknown) {\n        const message =\n          err instanceof Error\n            ? err.message\n            : t('botlit.agentsList.delete.error', 'Failed to delete agent');\n        toast.error(message);\n        if (isNative()) void nativeNotify('error');\n      }\n    }\n    setMenuOpen(null);\n  };\n\n  // The search term travels to the server via `useAgents(agentFilter)` —\n  // narrowing here as well would hide matches on pages not yet loaded.\n  const filteredAgents = agents;\n\n  return (\n    <PageLayout\n      title={\n        botId\n          ? t('botlit.agentsList.titleBot', 'Bot Agents')\n          : t('botlit.agentsList.title', 'All Agents')\n      }\n      description={\n        botId\n          ? t('botlit.agentsList.descriptionBot', 'Manage agents for this bot')\n          : t('botlit.agentsList.description', 'View and manage all your AI agents')\n      }\n      actions={\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            leftIcon={<ShieldCheck size={16} />}\n            onClick={() => navigateTo('agents/approvals')}\n          >\n            {t('botlit.agentsList.actions.approvals', 'Approvals')}\n          </Button>\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_CREATE}>\n            <Button\n              leftIcon={<Plus size={16} />}\n              onClick={() => navigateTo(botId ? `bots/${botId}/agents/new` : 'agents/new')}\n            >\n              {t('botlit.agentsList.actions.createAgent', 'Create Agent')}\n            </Button>\n          </BotmanorPermissionGate>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          {t(\n            'botlit.agentsList.purpose',\n            '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.'\n          )}\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\">\n                {t('botlit.agentsList.summary.total', 'Total agents')}\n              </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\">\n                {t('botlit.agentsList.summary.active', 'Active')}\n              </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\">\n                {t('botlit.agentsList.summary.executions', 'Total executions')}\n              </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={t('botlit.agentsList.searchPlaceholder', '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        ) : agents.length > 0 ? (\n          viewMode === 'grid' ? (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {agents.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                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_EXECUTE}>\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                                {t('botlit.agentsList.menu.testAgent', 'Test Agent')}\n                              </button>\n                            </BotmanorPermissionGate>\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\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                                {t('botlit.agentsList.menu.editAgent', 'Edit Agent')}\n                              </button>\n                            </BotmanorPermissionGate>\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_DELETE}>\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                                {t('botlit.agentsList.menu.delete', 'Delete')}\n                              </button>\n                            </BotmanorPermissionGate>\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)}{' '}\n                        {t('botlit.agentsList.card.executions', '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                        {t('botlit.agentsList.card.created', 'Created')}{' '}\n                        {formatRelativeTime(agent.createdAt)}\n                      </span>\n                      <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_EXECUTE}>\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                          {t('botlit.agentsList.card.test', 'Test')}\n                        </Button>\n                      </BotmanorPermissionGate>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {agents.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                        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_EXECUTE}>\n                          <Button variant=\"outline\" size=\"sm\" leftIcon={<Play size={14} />}>\n                            <Link to={getPath(`agents/${agent.id}/chat`)}>Test</Link>\n                          </Button>\n                        </BotmanorPermissionGate>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            illustration=\"empty-agents\"\n            title={t('botlit.agentsList.empty.title', 'No agents yet')}\n            description={t(\n              'botlit.agentsList.empty.description',\n              'Create your first AI agent to start building intelligent automations.'\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_CREATE}>\n                <Button\n                  leftIcon={<Plus size={16} />}\n                  onClick={() => navigateTo(botId ? `bots/${botId}/agents/new` : 'agents/new')}\n                >\n                  {t('botlit.agentsList.actions.createAgent', 'Create Agent')}\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n        <LoadMore\n          hasMore={hasMore}\n          loadingMore={loadingMore}\n          onLoadMore={() => void loadMore()}\n          loadedCount={agents.length}\n        />\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}