@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/AgentsListPage.js

@@ -4,38 +4,41 @@ import { useBotlitStore as n } from "../store/botlitStore.js";
 import { useAgents as r, useDeleteAgent as i } from "../hooks/useAgents.js";
 import { cn as a } from "../utils/cn.js";
 import { formatNumber as o, formatRelativeTime as s } from "../utils/formatters.js";
-import { PageLayout as c } from "../components/PageLayout.js";
-import { Card as l, CardContent as u } from "../components/Card.js";
+import { BOTMANOR_PERMISSIONS as c } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as l } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as u } from "../components/PageLayout.js";
 import { Button as d } from "../components/Button.js";
-import { StatusBadge as f } from "../components/Badge.js";
-import { isNative as p, nativeConfirm as m, nativeImpact as h, nativeNotify as g } from "../../utils/nativeBridge.js";
-import { EmptyState as _ } from "../components/EmptyState.js";
-import { Input as v } from "../components/Input.js";
-import { ErrorState as y } from "../components/ErrorState.js";
-import { useState as b } from "react";
-import { GlassCard as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Link as T, useParams as E } from "react-router";
-import { Bot as D, Grid3X3 as ee, List as O, 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 "../permissions/index.js";
+import { Card as f, CardContent as p } from "../components/Card.js";
+import { StatusBadge as m } from "../components/Badge.js";
+import { isNative as h, nativeConfirm as g, nativeImpact as _, nativeNotify as v } from "../../utils/nativeBridge.js";
+import { EmptyState as y } from "../components/EmptyState.js";
+import { Input as b } from "../components/Input.js";
+import { ErrorState as x } from "../components/ErrorState.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 ee, useParams as te } from "react-router";
+import { Bot as ne, Grid3X3 as D, List as O, 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";
 //#region src/botlit/pages/AgentsListPage.tsx
 var R = () => {
-	let R = e(), { botId: z } = E(), { navigateTo: B, getPath: V } = t(), { data: H, loading: U, error: W, refetch: G } = r(), [K] = i(), { viewMode: q, setViewMode: J, agentFilter: Y, updateAgentFilter: X } = n(), [Z, Q] = b(null), te = (e) => {
+	let R = e(), { botId: z } = te(), { navigateTo: B, getPath: V } = t(), { data: H, loading: U, error: W, refetch: G } = r(), [K] = i(), { viewMode: q, setViewMode: J, agentFilter: Y, updateAgentFilter: X } = n(), [Z, Q] = S(null), re = (e) => {
 		X({ search: e.target.value });
-	}, ne = async (e) => {
-		let t = await m({
+	}, ie = async (e) => {
+		let t = await g({
 			title: R("botlit.agentsList.delete.title", "Delete agent?"),
 			message: R("botlit.agentsList.delete.message", "Are you sure you want to delete \"{{name}}\"?", { name: e.name }),
 			okButtonTitle: R("botlit.agentsList.delete.okButton", "Delete"),
 			cancelButtonTitle: R("botlit.agentsList.delete.cancelButton", "Cancel")
 		});
 		if (t === null ? confirm(R("botlit.agentsList.delete.message", "Are you sure you want to delete \"{{name}}\"?", { name: e.name })) : t) {
-			h("medium");
+			_("medium");
 			try {
-				await K(e.id), L.success(R("botlit.agentsList.delete.success", "Agent \"{{name}}\" deleted successfully", { name: e.name })), p() && g("success");
+				await K(e.id), L.success(R("botlit.agentsList.delete.success", "Agent \"{{name}}\" deleted successfully", { name: e.name })), h() && v("success");
 			} catch (e) {
 				let t = e instanceof Error ? e.message : R("botlit.agentsList.delete.error", "Failed to delete agent");
-				L.error(t), p() && g("error");
+				L.error(t), h() && v("error");
 			}
 		}
 		Q(null);
@@ -46,94 +49,97 @@ var R = () => {
 		}
 		return !0;
 	});
-	return /* @__PURE__ */ C(c, {
+	return /* @__PURE__ */ T(u, {
 		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__ */ w("div", {
+		actions: /* @__PURE__ */ E("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ C(d, {
+			children: [/* @__PURE__ */ T(d, {
 				variant: "outline",
-				leftIcon: /* @__PURE__ */ C(F, { size: 16 }),
+				leftIcon: /* @__PURE__ */ T(F, { size: 16 }),
 				onClick: () => B("agents/approvals"),
 				children: R("botlit.agentsList.actions.approvals", "Approvals")
-			}), /* @__PURE__ */ C(d, {
-				leftIcon: /* @__PURE__ */ C(M, { size: 16 }),
-				onClick: () => B(z ? `bots/${z}/agents/new` : "agents/new"),
-				children: R("botlit.agentsList.actions.createAgent", "Create Agent")
+			}), /* @__PURE__ */ T(l, {
+				permission: c.AGENT_CREATE,
+				children: /* @__PURE__ */ T(d, {
+					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__ */ w("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ C(S, {
-					icon: /* @__PURE__ */ C(D, { size: 18 }),
+				/* @__PURE__ */ T(w, {
+					icon: /* @__PURE__ */ T(ne, { 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.")
 				}),
-				H.length > 0 ? /* @__PURE__ */ w("div", {
+				H.length > 0 ? /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ w(x, {
+						/* @__PURE__ */ E(C, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-4",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
 								children: R("botlit.agentsList.summary.total", "Total agents")
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ T("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
 								children: H.length
 							})]
 						}),
-						/* @__PURE__ */ w(x, {
+						/* @__PURE__ */ E(C, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
 								children: R("botlit.agentsList.summary.active", "Active")
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ T("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
 								children: H.filter((e) => e.status === "ACTIVE").length
 							})]
 						}),
-						/* @__PURE__ */ w(x, {
+						/* @__PURE__ */ E(C, {
 							treatment: "metric",
 							className: "col-span-2 p-4 sm:col-span-1",
-							children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
 								children: R("botlit.agentsList.summary.executions", "Total executions")
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ T("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
 								children: o(H.reduce((e, t) => e + (t.executionCount ?? 0), 0))
 							})]
 						})
 					]
 				}) : null,
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ E("div", {
 					className: "flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ C(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ C(v, {
+						children: [/* @__PURE__ */ T(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T(b, {
 							placeholder: R("botlit.agentsList.searchPlaceholder", "Search agents..."),
 							value: Y.search || "",
-							onChange: te,
+							onChange: re,
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ w("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C(d, {
+						children: [/* @__PURE__ */ T(d, {
 							variant: q === "grid" ? "secondary" : "ghost",
 							size: "icon",
 							onClick: () => J("grid"),
-							children: /* @__PURE__ */ C(ee, { size: 18 })
-						}), /* @__PURE__ */ C(d, {
+							children: /* @__PURE__ */ T(D, { size: 18 })
+						}), /* @__PURE__ */ T(d, {
 							variant: q === "list" ? "secondary" : "ghost",
 							size: "icon",
 							onClick: () => J("list"),
-							children: /* @__PURE__ */ C(O, { size: 18 })
+							children: /* @__PURE__ */ T(O, { size: 18 })
 						})]
 					})]
 				}),
-				U ? /* @__PURE__ */ C("div", {
+				U ? /* @__PURE__ */ T("div", {
 					className: a("gap-4", q === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
 					children: [
 						1,
@@ -142,145 +148,160 @@ var R = () => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ C("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : W ? /* @__PURE__ */ C(y, {
+					].map((e) => /* @__PURE__ */ T("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : W ? /* @__PURE__ */ T(x, {
 					resource: "agents",
 					error: W,
 					onRetry: () => void G()
-				}) : $.length > 0 ? q === "grid" ? /* @__PURE__ */ C("div", {
+				}) : $.length > 0 ? q === "grid" ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: $.map((e) => /* @__PURE__ */ C(l, {
+					children: $.map((e) => /* @__PURE__ */ T(f, {
 						className: "group hover:shadow-md transition-shadow cursor-pointer relative",
 						onClick: () => B(`agents/${e.id}`),
-						children: /* @__PURE__ */ w(u, {
+						children: /* @__PURE__ */ E(p, {
 							className: "pt-6",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-4xl",
 											children: "🤖"
-										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h3", {
+										}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ C("div", {
+										}), /* @__PURE__ */ T("div", {
 											className: "flex items-center gap-2 mt-1",
-											children: /* @__PURE__ */ C(f, { status: e.status })
+											children: /* @__PURE__ */ T(m, { status: e.status })
 										})] })]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ E("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ C(d, {
+										children: [/* @__PURE__ */ T(d, {
 											variant: "ghost",
 											size: "icon",
 											className: "opacity-0 group-hover:opacity-100 transition-opacity",
 											onClick: (t) => {
 												t.stopPropagation(), Q(Z === e.id ? null : e.id);
 											},
-											children: /* @__PURE__ */ C(A, { size: 16 })
-										}), Z === e.id && /* @__PURE__ */ w("div", {
+											children: /* @__PURE__ */ T(A, { size: 16 })
+										}), Z === e.id && /* @__PURE__ */ E("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__ */ w("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);
-													},
-													children: [/* @__PURE__ */ C(j, { size: 16 }), R("botlit.agentsList.menu.testAgent", "Test Agent")]
+												/* @__PURE__ */ T(l, {
+													permission: c.AGENT_EXECUTE,
+													children: /* @__PURE__ */ E("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);
+														},
+														children: [/* @__PURE__ */ T(j, { size: 16 }), R("botlit.agentsList.menu.testAgent", "Test Agent")]
+													})
 												}),
-												/* @__PURE__ */ w("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);
-													},
-													children: [/* @__PURE__ */ C(P, { size: 16 }), R("botlit.agentsList.menu.editAgent", "Edit Agent")]
+												/* @__PURE__ */ T(l, {
+													permission: c.AGENT_UPDATE,
+													children: /* @__PURE__ */ E("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);
+														},
+														children: [/* @__PURE__ */ T(P, { size: 16 }), R("botlit.agentsList.menu.editAgent", "Edit Agent")]
+													})
 												}),
-												/* @__PURE__ */ w("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(), ne(e);
-													},
-													children: [/* @__PURE__ */ C(I, { size: 16 }), R("botlit.agentsList.menu.delete", "Delete")]
+												/* @__PURE__ */ T(l, {
+													permission: c.AGENT_DELETE,
+													children: /* @__PURE__ */ E("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);
+														},
+														children: [/* @__PURE__ */ T(I, { size: 16 }), R("botlit.agentsList.menu.delete", "Delete")]
+													})
 												})
 											]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ T("p", {
 									className: "mt-3 text-sm text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ T("div", {
 									className: "mt-4 flex items-center gap-4 text-xs text-text-secondary",
-									children: /* @__PURE__ */ w("span", {
+									children: /* @__PURE__ */ E("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ C(k, { size: 14 }),
+											/* @__PURE__ */ T(k, { size: 14 }),
 											o(e.executionCount),
 											" ",
 											R("botlit.agentsList.card.executions", "executions")
 										]
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mt-3 pt-3 border-t border-border-subtle flex items-center justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-xs text-text-secondary",
 										children: [
 											R("botlit.agentsList.card.created", "Created"),
 											" ",
 											s(e.createdAt)
 										]
-									}), /* @__PURE__ */ C(d, {
-										size: "sm",
-										variant: "ghost",
-										leftIcon: /* @__PURE__ */ C(j, { size: 14 }),
-										onClick: (t) => {
-											t.stopPropagation(), B(`agents/${e.id}/chat`);
-										},
-										children: R("botlit.agentsList.card.test", "Test")
+									}), /* @__PURE__ */ T(l, {
+										permission: c.AGENT_EXECUTE,
+										children: /* @__PURE__ */ T(d, {
+											size: "sm",
+											variant: "ghost",
+											leftIcon: /* @__PURE__ */ T(j, { size: 14 }),
+											onClick: (t) => {
+												t.stopPropagation(), B(`agents/${e.id}/chat`);
+											},
+											children: R("botlit.agentsList.card.test", "Test")
+										})
 									})]
 								})
 							]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ C("div", {
+				}) : /* @__PURE__ */ T("div", {
 					className: "space-y-2",
-					children: $.map((e) => /* @__PURE__ */ C(l, {
+					children: $.map((e) => /* @__PURE__ */ T(f, {
 						className: "hover:shadow-md transition-shadow cursor-pointer",
 						onClick: () => B(`agents/${e.id}`),
-						children: /* @__PURE__ */ C(u, {
+						children: /* @__PURE__ */ T(p, {
 							className: "py-4",
-							children: /* @__PURE__ */ w("div", {
+							children: /* @__PURE__ */ E("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ w("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-4",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-3xl",
 										children: "🤖"
-									}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ C("h3", {
+										children: [/* @__PURE__ */ T("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ C(f, { status: e.status })]
-									}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ T(m, { status: e.status })]
+									}), /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary line-clamp-1",
 										children: e.description
 									})] })]
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-4 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ w("span", { children: [o(e.executionCount), " executions"] }),
-										/* @__PURE__ */ C("span", { children: s(e.createdAt) }),
-										/* @__PURE__ */ C(d, {
-											variant: "outline",
-											size: "sm",
-											leftIcon: /* @__PURE__ */ C(j, { size: 14 }),
-											children: /* @__PURE__ */ C(T, {
-												to: V(`agents/${e.id}/chat`),
-												children: "Test"
+										/* @__PURE__ */ E("span", { children: [o(e.executionCount), " executions"] }),
+										/* @__PURE__ */ T("span", { children: s(e.createdAt) }),
+										/* @__PURE__ */ T(l, {
+											permission: c.AGENT_EXECUTE,
+											children: /* @__PURE__ */ T(d, {
+												variant: "outline",
+												size: "sm",
+												leftIcon: /* @__PURE__ */ T(j, { size: 14 }),
+												children: /* @__PURE__ */ T(ee, {
+													to: V(`agents/${e.id}/chat`),
+													children: "Test"
+												})
 											})
 										})
 									]
@@ -288,14 +309,17 @@ var R = () => {
 							})
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ C(_, {
+				}) : /* @__PURE__ */ T(y, {
 					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__ */ C(d, {
-						leftIcon: /* @__PURE__ */ C(M, { size: 16 }),
-						onClick: () => B(z ? `bots/${z}/agents/new` : "agents/new"),
-						children: R("botlit.agentsList.actions.createAgent", "Create Agent")
+					action: /* @__PURE__ */ T(l, {
+						permission: c.AGENT_CREATE,
+						children: /* @__PURE__ */ T(d, {
+							leftIcon: /* @__PURE__ */ T(M, { size: 16 }),
+							onClick: () => B(z ? `bots/${z}/agents/new` : "agents/new"),
+							children: R("botlit.agentsList.actions.createAgent", "Create Agent")
+						})
 					})
 				})
 			]

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

@@ -1 +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  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';\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          <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        </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                            <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                            <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                            <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                          </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                      <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                    </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={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              <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            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsCA,IAAa,UAA2B;CACtC,IAAM,IAAI,GAAO,EACX,EAAE,aAAU,GAAW,EACvB,EAAE,eAAY,eAAY,GAAW,EACrC,EAAE,MAAM,GAAQ,YAAS,UAAO,eAAY,GAAW,EACvD,CAAC,KAAe,GAAgB,EAChC,EAAE,aAAU,gBAAa,gBAAa,yBAAsB,GAAgB,EAC5E,CAAC,GAAU,KAAe,EAAwB,KAAK,EAEvD,MAAgB,MAAqC;AACzD,IAAkB,EAAE,QAAQ,EAAE,OAAO,OAAO,CAAC;IAGzC,KAAe,OAAO,MAAwC;EAClE,IAAM,IAAY,MAAM,EAAc;GACpC,OAAO,EAAE,kCAAkC,gBAAgB;GAC3D,SAAS,EACP,oCACA,iDACA,EACE,MAAM,EAAM,MACb,CACF;GACD,eAAe,EAAE,qCAAqC,SAAS;GAC/D,mBAAmB,EAAE,yCAAyC,SAAS;GACxE,CAAC;AASF,MAPE,MAAc,OACV,QACE,EAAE,oCAAoC,iDAA+C,EACnF,MAAM,EAAM,MACb,CAAC,CACH,GACD,GACE;AACN,KAAa,SAAS;AACtB,OAAI;AAOF,IANA,MAAM,EAAY,EAAM,GAAG,EAC3B,EAAM,QACJ,EAAE,oCAAoC,2CAAyC,EAC7E,MAAM,EAAM,MACb,CAAC,CACH,EACG,GAAU,IAAO,EAAa,UAAU;YACrC,GAAc;IACrB,IAAM,IACJ,aAAe,QACX,EAAI,UACJ,EAAE,kCAAkC,yBAAyB;AAEnE,IADA,EAAM,MAAM,EAAQ,EAChB,GAAU,IAAO,EAAa,QAAQ;;;AAG9C,IAAY,KAAK;IAGb,IAAiB,EAAO,QAAQ,MAAU;AAC9C,MAAI,EAAY,QAAQ;GACtB,IAAM,IAAS,EAAY,OAAO,aAAa;AAC/C,UACE,EAAM,KAAK,aAAa,CAAC,SAAS,EAAO,KACxC,EAAM,aAAa,aAAa,CAAC,SAAS,EAAO,IAAI;;AAG1D,SAAO;GACP;AAEF,QACE,kBAAC,GAAD;EACE,OACE,IACI,EAAE,8BAA8B,aAAa,GAC7C,EAAE,2BAA2B,aAAa;EAEhD,aACE,IACI,EAAE,oCAAoC,6BAA6B,GACnE,EAAE,iCAAiC,qCAAqC;EAE9E,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,UAAU,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;IACnC,eAAe,EAAW,mBAAmB;cAE5C,EAAE,uCAAuC,YAAY;IAC/C,CAAA,EACT,kBAAC,GAAD;IACE,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;IAC5B,eAAe,EAAW,IAAQ,QAAQ,EAAM,eAAe,aAAa;cAE3E,EAAE,yCAAyC,eAAe;IACpD,CAAA,CACL;;YAGR,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KAAa,MAAM,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;eACjC,EACC,6BACA,gTACD;KACW,CAAA;IAGb,EAAO,SAAS,IACf,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAW,WAAU;OAAQ,MAAA;OAAK,WAAU;iBAA5C,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,mCAAmC,eAAe;QACnD,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAO;QACN,CAAA,CACM;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,oCAAoC,SAAS;QAC9C,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAO,QAAQ,MAAU,EAAM,WAAW,SAAS,CAAC;QACnD,CAAA,CACM;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,wCAAwC,mBAAmB;QAC5D,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAa,EAAO,QAAQ,GAAK,MAAU,KAAO,EAAM,kBAAkB,IAAI,EAAE,CAAC;QAChF,CAAA,CACM;;MACR;SACJ;IAGJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;OACE,aAAa,EAAE,uCAAuC,mBAAmB;OACzE,OAAO,EAAY,UAAU;OAC7B,UAAU;OACV,WAAU;OACV,CAAA,CACE;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,SAAS,MAAa,SAAS,cAAc;OAC7C,MAAK;OACL,eAAe,EAAY,OAAO;iBAElC,kBAAC,IAAD,EAAS,MAAM,IAAM,CAAA;OACd,CAAA,EACT,kBAAC,GAAD;OACE,SAAS,MAAa,SAAS,cAAc;OAC7C,MAAK;OACL,eAAe,EAAY,OAAO;iBAElC,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;OACX,CAAA,CACL;QACF;;IAGL,IACC,kBAAC,OAAD;KACE,WAAW,EACT,SACA,MAAa,SACT,mDACA,gBACL;eAEA;MAAC;MAAG;MAAG;MAAG;MAAG;MAAG;MAAE,CAAC,KAAK,MACvB,kBAAC,OAAD,EAEE,WAAU,+DACV,EAFK,EAEL,CACF;KACE,CAAA,GACJ,IACF,kBAAC,GAAD;KAAY,UAAS;KAAgB;KAAO,eAAe,KAAK,GAAS;KAAI,CAAA,GAC3E,EAAe,SAAS,IAC1B,MAAa,SACX,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAe,KAAK,MACnB,kBAAC,GAAD;MAEE,WAAU;MACV,eAAe,EAAW,UAAU,EAAM,KAAK;gBAE/C,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAW;WAAS,CAAA,EACpC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAmC,EAAM;WAAU,CAAA,EACjE,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA;WACjC,CAAA,CACF,EAAA,CAAA,CACF;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,UAAU,MAAM;AAEd,YADA,EAAE,iBAAiB,EACnB,EAAY,MAAa,EAAM,KAAK,OAAO,EAAM,GAAG;;qBAGtD,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;WACnB,CAAA,EACR,MAAa,EAAM,MAClB,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,UAAD;aACE,WAAU;aACV,UAAU,MAAM;AAGd,cAFA,EAAE,iBAAiB,EACnB,EAAW,UAAU,EAAM,GAAG,OAAO,EACrC,EAAY,KAAK;;uBALrB,CAQE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAE,oCAAoC,aAAa,CAC7C;;YACT,kBAAC,UAAD;aACE,WAAU;aACV,UAAU,MAAM;AAGd,cAFA,EAAE,iBAAiB,EACnB,EAAW,UAAU,EAAM,GAAG,OAAO,EACrC,EAAY,KAAK;;uBALrB,CAQE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACrB,EAAE,oCAAoC,aAAa,CAC7C;;YACT,kBAAC,UAAD;aACE,WAAU;aACV,UAAU,MAAM;AAEd,cADA,EAAE,iBAAiB,EACnB,GAAa,EAAM;;uBAJvB,CAOE,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA,EACnB,EAAE,iCAAiC,SAAS,CACtC;;YACL;aAEJ;YACF;;QACN,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAM;SACL,CAAA;QACJ,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WACE,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;WAC1B,EAAa,EAAM,eAAe;WAAE;WACpC,EAAE,qCAAqC,aAAa;WAChD;;SACH,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WACG,EAAE,kCAAkC,UAAU;WAAE;WAChD,EAAmB,EAAM,UAAU;WAC/B;aACP,kBAAC,GAAD;UACE,MAAK;UACL,SAAQ;UACR,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;UAC5B,UAAU,MAAM;AAEd,WADA,EAAE,iBAAiB,EACnB,EAAW,UAAU,EAAM,GAAG,OAAO;;oBAGtC,EAAE,+BAA+B,OAAO;UAClC,CAAA,CACL;;QACM;;MACT,EA7FA,EAAM,GA6FN,CACP;KACE,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAe,KAAK,MACnB,kBAAC,GAAD;MAEE,WAAU;MACV,eAAe,EAAW,UAAU,EAAM,KAAK;gBAE/C,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAW;UAAS,CAAA,EACpC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAmC,EAAM;WAAU,CAAA,EACjE,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA,CACjC;aACN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAM;UACL,CAAA,CACA,EAAA,CAAA,CACF;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAa,EAAM,eAAe,EAAC,cAAkB,EAAA,CAAA;UAC5D,kBAAC,QAAD,EAAA,UAAO,EAAmB,EAAM,UAAU,EAAQ,CAAA;UAClD,kBAAC,GAAD;WAAQ,SAAQ;WAAU,MAAK;WAAK,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;qBAC9D,kBAAC,GAAD;YAAM,IAAI,EAAQ,UAAU,EAAM,GAAG,OAAO;sBAAE;YAAW,CAAA;WAClD,CAAA;UACL;WACF;;OACM,CAAA;MACT,EA3BA,EAAM,GA2BN,CACP;KACE,CAAA,GAGR,kBAAC,GAAD;KACE,cAAa;KACb,OAAO,EAAE,iCAAiC,gBAAgB;KAC1D,aAAa,EACX,uCACA,wEACD;KACD,QACE,kBAAC,GAAD;MACE,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;MAC5B,eAAe,EAAW,IAAQ,QAAQ,EAAM,eAAe,aAAa;gBAE3E,EAAE,yCAAyC,eAAe;MACpD,CAAA;KAEX,CAAA;IAEA;;EACK,CAAA"}
+{"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  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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"}