@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1028.1

package/dist/botlit/pages/BotsListPage.js

@@ -4,128 +4,134 @@ import { useBotlitStore as n } from "../store/botlitStore.js";
 import { useBots as r, useDeleteBot as i } from "../hooks/useBots.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 { useState as y } from "react";
-import { GlassCard as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Link as w } from "react-router";
-import { Bot as T, Edit as E, Grid3X3 as D, List as O, MoreVertical as k, Plus as A, Search as j, Trash2 as M, Workflow as N } from "lucide-react";
-import { toast as P } from "sonner";
+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 { useState as x } from "react";
+import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Link as E } from "react-router";
+import { Bot as D, Edit as O, Grid3X3 as k, List as A, MoreVertical as j, Plus as M, Search as N, Trash2 as P, Workflow as F } from "lucide-react";
+import { toast as I } from "sonner";
 //#region src/botlit/pages/BotsListPage.tsx
-var F = () => {
-	let F = e(), { navigateTo: I, getPath: L } = t(), { data: R, loading: z } = r(), [B] = i(), { viewMode: V, setViewMode: H, botFilter: U, updateBotFilter: W } = n(), [G, K] = y(null), q = (e) => {
-		W({ search: e.target.value });
-	}, J = async (e) => {
-		let t = `${F("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, n = await m({
+var L = () => {
+	let L = e(), { navigateTo: R, getPath: z } = t(), { data: B, loading: V } = r(), [H] = i(), { viewMode: U, setViewMode: W, botFilter: G, updateBotFilter: K } = n(), [q, J] = x(null), Y = (e) => {
+		K({ search: e.target.value });
+	}, X = async (e) => {
+		let t = `${L("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, n = await g({
 			title: "Delete bot?",
 			message: t,
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		});
 		if (n === null ? confirm(t) : n) {
-			h("medium");
+			_("medium");
 			try {
-				await B(e.id), P.success(`${F("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${F("botlit.botsList.delete.successSuffix", "deleted successfully")}`), p() && g("success");
+				await H(e.id), I.success(`${L("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${L("botlit.botsList.delete.successSuffix", "deleted successfully")}`), h() && v("success");
 			} catch (e) {
-				let t = e instanceof Error ? e.message : F("botlit.botsList.delete.error", "Failed to delete bot");
-				P.error(t), p() && g("error");
+				let t = e instanceof Error ? e.message : L("botlit.botsList.delete.error", "Failed to delete bot");
+				I.error(t), h() && v("error");
 			}
 		}
-		K(null);
-	}, Y = R?.filter((e) => {
-		if (U.search) {
-			let t = U.search.toLowerCase();
+		J(null);
+	}, Z = B?.filter((e) => {
+		if (G.search) {
+			let t = G.search.toLowerCase();
 			return e.name.toLowerCase().includes(t) || (e.description?.toLowerCase().includes(t) ?? !1);
 		}
 		return !0;
 	});
-	return /* @__PURE__ */ S(c, {
-		title: F("botlit.botsList.title", "Bots"),
-		description: F("botlit.botsList.description", "Manage your AI-powered bots"),
-		actions: /* @__PURE__ */ S(d, {
-			leftIcon: /* @__PURE__ */ S(A, { size: 16 }),
-			onClick: () => I("bots/new"),
-			children: F("botlit.botsList.actions.createBot", "Create Bot")
+	return /* @__PURE__ */ w(u, {
+		title: L("botlit.botsList.title", "Bots"),
+		description: L("botlit.botsList.description", "Manage your AI-powered bots"),
+		actions: /* @__PURE__ */ w(l, {
+			permission: c.APP_CREATE,
+			children: /* @__PURE__ */ w(d, {
+				leftIcon: /* @__PURE__ */ w(M, { size: 16 }),
+				onClick: () => R("bots/new"),
+				children: L("botlit.botsList.actions.createBot", "Create Bot")
+			})
 		}),
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ S(x, {
-					icon: /* @__PURE__ */ S(T, { size: 18 }),
-					children: F("botlit.botsList.purpose", "A bot is the deployable, user-facing surface for your AI — it wraps one or more agents and exposes them to people through chat, channels (Slack, web widget, WhatsApp) and APIs. Create a bot here when you are ready to put an agent in front of real users, then connect channels and watch its executions.")
+				/* @__PURE__ */ w(C, {
+					icon: /* @__PURE__ */ w(D, { size: 18 }),
+					children: L("botlit.botsList.purpose", "A bot is the deployable, user-facing surface for your AI — it wraps one or more agents and exposes them to people through chat, channels (Slack, web widget, WhatsApp) and APIs. Create a bot here when you are ready to put an agent in front of real users, then connect channels and watch its executions.")
 				}),
-				R && R.length > 0 ? /* @__PURE__ */ C("div", {
+				B && B.length > 0 ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ C(b, {
+						/* @__PURE__ */ T(S, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-4",
-							children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
-								children: F("botlit.botsList.summary.total", "Total bots")
-							}), /* @__PURE__ */ S("p", {
+								children: L("botlit.botsList.summary.total", "Total bots")
+							}), /* @__PURE__ */ w("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: R.length
+								children: B.length
 							})]
 						}),
-						/* @__PURE__ */ C(b, {
+						/* @__PURE__ */ T(S, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
-								children: F("botlit.botsList.summary.active", "Active")
-							}), /* @__PURE__ */ S("p", {
+								children: L("botlit.botsList.summary.active", "Active")
+							}), /* @__PURE__ */ w("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: R.filter((e) => e.status === "ACTIVE").length
+								children: B.filter((e) => e.status === "ACTIVE").length
 							})]
 						}),
-						/* @__PURE__ */ C(b, {
+						/* @__PURE__ */ T(S, {
 							treatment: "metric",
 							className: "col-span-2 p-4 sm:col-span-1",
-							children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
-								children: F("botlit.botsList.summary.executions", "Total executions")
-							}), /* @__PURE__ */ S("p", {
+								children: L("botlit.botsList.summary.executions", "Total executions")
+							}), /* @__PURE__ */ w("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: o(R.reduce((e, t) => e + (t.executionCount ?? 0), 0))
+								children: o(B.reduce((e, t) => e + (t.executionCount ?? 0), 0))
 							})]
 						})
 					]
 				}) : null,
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ T("div", {
 					className: "flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ S(j, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S(v, {
-							placeholder: F("botlit.botsList.searchPlaceholder", "Search bots..."),
-							value: U.search || "",
-							onChange: q,
+						children: [/* @__PURE__ */ w(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w(b, {
+							placeholder: L("botlit.botsList.searchPlaceholder", "Search bots..."),
+							value: G.search || "",
+							onChange: Y,
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(d, {
-							variant: V === "grid" ? "secondary" : "ghost",
+						children: [/* @__PURE__ */ w(d, {
+							variant: U === "grid" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => H("grid"),
-							children: /* @__PURE__ */ S(D, { size: 18 })
-						}), /* @__PURE__ */ S(d, {
-							variant: V === "list" ? "secondary" : "ghost",
+							onClick: () => W("grid"),
+							children: /* @__PURE__ */ w(k, { size: 18 })
+						}), /* @__PURE__ */ w(d, {
+							variant: U === "list" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => H("list"),
-							children: /* @__PURE__ */ S(O, { size: 18 })
+							onClick: () => W("list"),
+							children: /* @__PURE__ */ w(A, { size: 18 })
 						})]
 					})]
 				}),
-				z ? /* @__PURE__ */ S("div", {
-					className: a("gap-4", V === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
+				V ? /* @__PURE__ */ w("div", {
+					className: a("gap-4", U === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
 					children: [
 						1,
 						2,
@@ -133,156 +139,162 @@ var F = () => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ S("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : Y && Y.length > 0 ? V === "grid" ? /* @__PURE__ */ S("div", {
+					].map((e) => /* @__PURE__ */ w("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : Z && Z.length > 0 ? U === "grid" ? /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Y.map((e) => /* @__PURE__ */ S(l, {
+					children: Z.map((e) => /* @__PURE__ */ w(f, {
 						className: "group hover:shadow-md transition-shadow cursor-pointer relative",
-						onClick: () => I(`bots/${e.id}`),
-						children: /* @__PURE__ */ C(u, {
+						onClick: () => R(`bots/${e.id}`),
+						children: /* @__PURE__ */ T(p, {
 							className: "pt-6",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ S("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-4xl",
 											children: e.icon || "🤖"
-										}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
+										}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ S(f, { status: e.status })] })]
-									}), /* @__PURE__ */ C("div", {
+										}), /* @__PURE__ */ w(m, { status: e.status })] })]
+									}), /* @__PURE__ */ T("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ S(d, {
+										children: [/* @__PURE__ */ w(d, {
 											variant: "ghost",
 											size: "icon",
 											className: "opacity-0 group-hover:opacity-100 transition-opacity",
 											onClick: (t) => {
-												t.stopPropagation(), K(G === e.id ? null : e.id);
+												t.stopPropagation(), J(q === e.id ? null : e.id);
 											},
-											children: /* @__PURE__ */ S(k, { size: 16 })
-										}), G === e.id && /* @__PURE__ */ C("div", {
+											children: /* @__PURE__ */ w(j, { size: 16 })
+										}), q === e.id && /* @__PURE__ */ T("div", {
 											className: "absolute right-0 top-full mt-1 w-48 bg-popover border border-border-subtle rounded-md shadow-lg z-10",
 											children: [
-												/* @__PURE__ */ C("button", {
-													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
-													onClick: (t) => {
-														t.stopPropagation(), I(`bots/${e.id}/edit`), K(null);
-													},
-													children: [/* @__PURE__ */ S(E, { size: 16 }), F("botlit.botsList.menu.editBot", "Edit Bot")]
+												/* @__PURE__ */ w(l, {
+													permission: c.APP_UPDATE,
+													children: /* @__PURE__ */ T("button", {
+														className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
+														onClick: (t) => {
+															t.stopPropagation(), R(`bots/${e.id}/edit`), J(null);
+														},
+														children: [/* @__PURE__ */ w(O, { size: 16 }), L("botlit.botsList.menu.editBot", "Edit Bot")]
+													})
 												}),
-												/* @__PURE__ */ C("button", {
+												/* @__PURE__ */ T("button", {
 													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 													onClick: (t) => {
-														t.stopPropagation(), I(`bots/${e.id}?tab=workflow`), K(null);
+														t.stopPropagation(), R(`bots/${e.id}?tab=workflow`), J(null);
 													},
-													children: [/* @__PURE__ */ S(N, { size: 16 }), F("botlit.botsList.menu.design", "Design workflow")]
+													children: [/* @__PURE__ */ w(F, { size: 16 }), L("botlit.botsList.menu.design", "Design workflow")]
 												}),
-												/* @__PURE__ */ C("button", {
+												/* @__PURE__ */ T("button", {
 													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 													onClick: (t) => {
-														t.stopPropagation(), I(`bots/${e.id}/agents`), K(null);
+														t.stopPropagation(), R(`bots/${e.id}/agents`), J(null);
 													},
-													children: [/* @__PURE__ */ S(T, { size: 16 }), F("botlit.botsList.menu.viewAgents", "View Agents")]
+													children: [/* @__PURE__ */ w(D, { size: 16 }), L("botlit.botsList.menu.viewAgents", "View Agents")]
 												}),
-												/* @__PURE__ */ C("button", {
-													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent text-status-error-text flex items-center gap-2",
-													onClick: (t) => {
-														t.stopPropagation(), J(e);
-													},
-													children: [/* @__PURE__ */ S(M, { size: 16 }), F("botlit.common.delete", "Delete")]
+												/* @__PURE__ */ w(l, {
+													permission: c.APP_DELETE,
+													children: /* @__PURE__ */ T("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(), X(e);
+														},
+														children: [/* @__PURE__ */ w(P, { size: 16 }), L("botlit.common.delete", "Delete")]
+													})
 												})
 											]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ w("p", {
 									className: "mt-3 text-sm text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "mt-4 flex items-center gap-4 text-xs text-text-secondary",
-									children: /* @__PURE__ */ C("span", {
+									children: /* @__PURE__ */ T("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ S(T, { size: 14 }),
+											/* @__PURE__ */ w(D, { size: 14 }),
 											e.executionCount || 0,
 											" ",
-											F("botlit.common.executions", "executions")
+											L("botlit.common.executions", "executions")
 										]
 									})
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ T("div", {
 									className: "mt-3 pt-3 border-t border-border-subtle flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ C("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-xs text-text-secondary",
 										children: [
-											F("botlit.botsList.createdLabel", "Created"),
+											L("botlit.botsList.createdLabel", "Created"),
 											" ",
 											s(e.createdAt)
 										]
-									}), /* @__PURE__ */ S(d, {
+									}), /* @__PURE__ */ w(d, {
 										variant: "ghost",
 										size: "sm",
-										leftIcon: /* @__PURE__ */ S(N, { size: 14 }),
+										leftIcon: /* @__PURE__ */ w(F, { size: 14 }),
 										onClick: (t) => {
-											t.stopPropagation(), I(`bots/${e.id}?tab=workflow`);
+											t.stopPropagation(), R(`bots/${e.id}?tab=workflow`);
 										},
-										children: F("botlit.botsList.actions.design", "Design")
+										children: L("botlit.botsList.actions.design", "Design")
 									})]
 								})
 							]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ S("div", {
+				}) : /* @__PURE__ */ w("div", {
 					className: "space-y-2",
-					children: Y.map((e) => /* @__PURE__ */ S(l, {
+					children: Z.map((e) => /* @__PURE__ */ w(f, {
 						className: "hover:shadow-md transition-shadow cursor-pointer",
-						onClick: () => I(`bots/${e.id}`),
-						children: /* @__PURE__ */ S(u, {
+						onClick: () => R(`bots/${e.id}`),
+						children: /* @__PURE__ */ w(p, {
 							className: "py-4",
-							children: /* @__PURE__ */ C("div", {
+							children: /* @__PURE__ */ T("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ C("div", {
+								children: [/* @__PURE__ */ T("div", {
 									className: "flex items-center gap-4",
-									children: [/* @__PURE__ */ S("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "text-3xl",
 										children: e.icon || "🤖"
-									}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ S("h3", {
+										children: [/* @__PURE__ */ w("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ S(f, { status: e.status })]
-									}), /* @__PURE__ */ S("p", {
+										}), /* @__PURE__ */ w(m, { status: e.status })]
+									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary line-clamp-1",
 										children: e.description
 									})] })]
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ T("div", {
 									className: "flex items-center gap-6 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ C("span", { children: [
+										/* @__PURE__ */ T("span", { children: [
 											o(e.executionCount),
 											" ",
-											F("botlit.common.executions", "executions")
+											L("botlit.common.executions", "executions")
 										] }),
-										/* @__PURE__ */ S(d, {
+										/* @__PURE__ */ w(d, {
 											variant: "ghost",
 											size: "sm",
-											leftIcon: /* @__PURE__ */ S(N, { size: 14 }),
+											leftIcon: /* @__PURE__ */ w(F, { size: 14 }),
 											onClick: (t) => {
-												t.stopPropagation(), I(`bots/${e.id}?tab=workflow`);
+												t.stopPropagation(), R(`bots/${e.id}?tab=workflow`);
 											},
-											children: F("botlit.botsList.actions.design", "Design")
+											children: L("botlit.botsList.actions.design", "Design")
 										}),
-										/* @__PURE__ */ S(d, {
+										/* @__PURE__ */ w(d, {
 											variant: "ghost",
 											size: "sm",
-											children: /* @__PURE__ */ S(w, {
-												to: L(`bots/${e.id}`),
-												children: F("botlit.common.view", "View")
+											children: /* @__PURE__ */ w(E, {
+												to: z(`bots/${e.id}`),
+												children: L("botlit.common.view", "View")
 											})
 										})
 									]
@@ -290,14 +302,17 @@ var F = () => {
 							})
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ S(_, {
+				}) : /* @__PURE__ */ w(y, {
 					illustration: "empty-agents",
-					title: F("botlit.botsList.empty.title", "No bots yet"),
-					description: F("botlit.botsList.empty.description", "Create your first AI-powered bot to get started with building agents and automations."),
-					action: /* @__PURE__ */ S(d, {
-						leftIcon: /* @__PURE__ */ S(A, { size: 16 }),
-						onClick: () => I("bots/new"),
-						children: F("botlit.botsList.actions.createBot", "Create Bot")
+					title: L("botlit.botsList.empty.title", "No bots yet"),
+					description: L("botlit.botsList.empty.description", "Create your first AI-powered bot to get started with building agents and automations."),
+					action: /* @__PURE__ */ w(l, {
+						permission: c.APP_CREATE,
+						children: /* @__PURE__ */ w(d, {
+							leftIcon: /* @__PURE__ */ w(M, { size: 16 }),
+							onClick: () => R("bots/new"),
+							children: L("botlit.botsList.actions.createBot", "Create Bot")
+						})
 					})
 				})
 			]
@@ -305,6 +320,6 @@ var F = () => {
 	});
 };
 //#endregion
-export { F as BotsListPage };
+export { L as BotsListPage };
 
 //# sourceMappingURL=BotsListPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BotsListPage.js","names":[],"sources":["../../../src/botlit/pages/BotsListPage.tsx"],"sourcesContent":["/**\n * Bots List Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { Link } from 'react-router';\nimport {\n  Plus,\n  Search,\n  Grid3X3,\n  List,\n  MoreVertical,\n  Bot,\n  Trash2,\n  Edit,\n  Workflow,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { toast } from 'sonner';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardContent } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useBots, useDeleteBot } from '../hooks/useBots';\nimport { useBotlitStore } from '../store/botlitStore';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime, formatNumber } from '../utils/formatters';\nimport { cn } from '../utils/cn';\n// Real GraphQL BotApp fields: id, name, slug, description, type, status, visibility, icon, routingStrategy, defaultAgentId, executionCount, createdAt, tagIds\n\nexport const BotsListPage: FC = () => {\n  const t = useTr();\n  const { navigateTo, getPath } = useBotlit();\n  const { data: bots, loading } = useBots();\n  const [deleteBot] = useDeleteBot();\n  const { viewMode, setViewMode, botFilter, updateBotFilter } = useBotlitStore();\n  const [menuOpen, setMenuOpen] = useState<string | null>(null);\n\n  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n    updateBotFilter({ search: e.target.value });\n  };\n\n  const handleDelete = async (bot: { id: string; name: string }) => {\n    const confirmMsg = `${t('botlit.botsList.delete.confirmPrefix', 'Are you sure you want to delete')} \"${bot.name}\"?`;\n    const native = await nativeConfirm({\n      title: 'Delete bot?',\n      message: confirmMsg,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok = native === null ? confirm(confirmMsg) : native;\n    if (ok) {\n      nativeImpact('medium');\n      try {\n        await deleteBot(bot.id);\n        toast.success(\n          `${t('botlit.botsList.delete.successPrefix', 'Bot')} \"${bot.name}\" ${t('botlit.botsList.delete.successSuffix', 'deleted successfully')}`\n        );\n        if (isNative()) void nativeNotify('success');\n      } catch (err: unknown) {\n        const message =\n          err instanceof Error\n            ? err.message\n            : t('botlit.botsList.delete.error', 'Failed to delete bot');\n        toast.error(message);\n        if (isNative()) void nativeNotify('error');\n      }\n    }\n    setMenuOpen(null);\n  };\n\n  const filteredBots = bots?.filter((bot) => {\n    if (botFilter.search) {\n      const search = botFilter.search.toLowerCase();\n      return (\n        bot.name.toLowerCase().includes(search) ||\n        (bot.description?.toLowerCase().includes(search) ?? false)\n      );\n    }\n    return true;\n  });\n\n  return (\n    <PageLayout\n      title={t('botlit.botsList.title', 'Bots')}\n      description={t('botlit.botsList.description', 'Manage your AI-powered bots')}\n      actions={\n        <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n          {t('botlit.botsList.actions.createBot', 'Create Bot')}\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          {t(\n            'botlit.botsList.purpose',\n            'A bot is the deployable, user-facing surface for your AI — it wraps one or more agents and exposes them to people through chat, channels (Slack, web widget, WhatsApp) and APIs. Create a bot here when you are ready to put an agent in front of real users, then connect channels and watch its executions.'\n          )}\n        </PagePurpose>\n\n        {/* Summary */}\n        {bots && bots.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.botsList.summary.total', 'Total bots')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.active', 'Active')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.filter((b: { status?: string }) => b.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.botsList.summary.executions', 'Total executions')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {formatNumber(bots.reduce((sum, bot) => sum + (bot.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.botsList.searchPlaceholder', 'Search bots...')}\n              value={botFilter.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        ) : filteredBots && filteredBots.length > 0 ? (\n          viewMode === 'grid' ? (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"group hover:shadow-md transition-shadow cursor-pointer relative\"\n                  onClick={() => navigateTo(`bots/${bot.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\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                          <StatusBadge status={bot.status} />\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 === bot.id ? null : bot.id);\n                          }}\n                        >\n                          <MoreVertical size={16} />\n                        </Button>\n                        {menuOpen === bot.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(`bots/${bot.id}/edit`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Edit size={16} />\n                              {t('botlit.botsList.menu.editBot', 'Edit Bot')}\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(`bots/${bot.id}?tab=workflow`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Workflow size={16} />\n                              {t('botlit.botsList.menu.design', 'Design workflow')}\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(`bots/${bot.id}/agents`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Bot size={16} />\n                              {t('botlit.botsList.menu.viewAgents', 'View Agents')}\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(bot);\n                              }}\n                            >\n                              <Trash2 size={16} />\n                              {t('botlit.common.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                      {bot.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                        <Bot size={14} />\n                        {bot.executionCount || 0} {t('botlit.common.executions', 'executions')}\n                      </span>\n                    </div>\n                    <div className=\"mt-3 pt-3 border-t border-border-subtle flex items-center justify-between gap-2\">\n                      <span className=\"text-xs text-text-secondary\">\n                        {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                        {formatRelativeTime(bot.createdAt)}\n                      </span>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        leftIcon={<Workflow size={14} />}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          navigateTo(`bots/${bot.id}?tab=workflow`);\n                        }}\n                      >\n                        {t('botlit.botsList.actions.design', 'Design')}\n                      </Button>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"hover:shadow-md transition-shadow cursor-pointer\"\n                  onClick={() => navigateTo(`bots/${bot.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\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <div className=\"flex items-center gap-2\">\n                            <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                            <StatusBadge status={bot.status} />\n                          </div>\n                          <p className=\"text-sm text-text-secondary line-clamp-1\">\n                            {bot.description}\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-6 text-sm text-text-secondary\">\n                        <span>\n                          {formatNumber(bot.executionCount)}{' '}\n                          {t('botlit.common.executions', 'executions')}\n                        </span>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          leftIcon={<Workflow size={14} />}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            navigateTo(`bots/${bot.id}?tab=workflow`);\n                          }}\n                        >\n                          {t('botlit.botsList.actions.design', 'Design')}\n                        </Button>\n                        <Button variant=\"ghost\" size=\"sm\">\n                          <Link to={getPath(`bots/${bot.id}`)}>\n                            {t('botlit.common.view', 'View')}\n                          </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.botsList.empty.title', 'No bots yet')}\n            description={t(\n              'botlit.botsList.empty.description',\n              'Create your first AI-powered bot to get started with building agents and automations.'\n            )}\n            action={\n              <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n                {t('botlit.botsList.actions.createBot', 'Create Bot')}\n              </Button>\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BotsListPage.js","names":[],"sources":["../../../src/botlit/pages/BotsListPage.tsx"],"sourcesContent":["/**\n * Bots List Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { Link } from 'react-router';\nimport {\n  Plus,\n  Search,\n  Grid3X3,\n  List,\n  MoreVertical,\n  Bot,\n  Trash2,\n  Edit,\n  Workflow,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { toast } from 'sonner';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardContent } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useBots, useDeleteBot } from '../hooks/useBots';\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// Real GraphQL BotApp fields: id, name, slug, description, type, status, visibility, icon, routingStrategy, defaultAgentId, executionCount, createdAt, tagIds\n\nexport const BotsListPage: FC = () => {\n  const t = useTr();\n  const { navigateTo, getPath } = useBotlit();\n  const { data: bots, loading } = useBots();\n  const [deleteBot] = useDeleteBot();\n  const { viewMode, setViewMode, botFilter, updateBotFilter } = useBotlitStore();\n  const [menuOpen, setMenuOpen] = useState<string | null>(null);\n\n  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n    updateBotFilter({ search: e.target.value });\n  };\n\n  const handleDelete = async (bot: { id: string; name: string }) => {\n    const confirmMsg = `${t('botlit.botsList.delete.confirmPrefix', 'Are you sure you want to delete')} \"${bot.name}\"?`;\n    const native = await nativeConfirm({\n      title: 'Delete bot?',\n      message: confirmMsg,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok = native === null ? confirm(confirmMsg) : native;\n    if (ok) {\n      nativeImpact('medium');\n      try {\n        await deleteBot(bot.id);\n        toast.success(\n          `${t('botlit.botsList.delete.successPrefix', 'Bot')} \"${bot.name}\" ${t('botlit.botsList.delete.successSuffix', 'deleted successfully')}`\n        );\n        if (isNative()) void nativeNotify('success');\n      } catch (err: unknown) {\n        const message =\n          err instanceof Error\n            ? err.message\n            : t('botlit.botsList.delete.error', 'Failed to delete bot');\n        toast.error(message);\n        if (isNative()) void nativeNotify('error');\n      }\n    }\n    setMenuOpen(null);\n  };\n\n  const filteredBots = bots?.filter((bot) => {\n    if (botFilter.search) {\n      const search = botFilter.search.toLowerCase();\n      return (\n        bot.name.toLowerCase().includes(search) ||\n        (bot.description?.toLowerCase().includes(search) ?? false)\n      );\n    }\n    return true;\n  });\n\n  return (\n    <PageLayout\n      title={t('botlit.botsList.title', 'Bots')}\n      description={t('botlit.botsList.description', 'Manage your AI-powered bots')}\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\n          <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n            {t('botlit.botsList.actions.createBot', 'Create Bot')}\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          {t(\n            'botlit.botsList.purpose',\n            'A bot is the deployable, user-facing surface for your AI — it wraps one or more agents and exposes them to people through chat, channels (Slack, web widget, WhatsApp) and APIs. Create a bot here when you are ready to put an agent in front of real users, then connect channels and watch its executions.'\n          )}\n        </PagePurpose>\n\n        {/* Summary */}\n        {bots && bots.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.botsList.summary.total', 'Total bots')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.active', 'Active')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.filter((b: { status?: string }) => b.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.botsList.summary.executions', 'Total executions')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {formatNumber(bots.reduce((sum, bot) => sum + (bot.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.botsList.searchPlaceholder', 'Search bots...')}\n              value={botFilter.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        ) : filteredBots && filteredBots.length > 0 ? (\n          viewMode === 'grid' ? (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"group hover:shadow-md transition-shadow cursor-pointer relative\"\n                  onClick={() => navigateTo(`bots/${bot.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\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                          <StatusBadge status={bot.status} />\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 === bot.id ? null : bot.id);\n                          }}\n                        >\n                          <MoreVertical size={16} />\n                        </Button>\n                        {menuOpen === bot.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.APP_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(`bots/${bot.id}/edit`);\n                                  setMenuOpen(null);\n                                }}\n                              >\n                                <Edit size={16} />\n                                {t('botlit.botsList.menu.editBot', 'Edit Bot')}\n                              </button>\n                            </BotmanorPermissionGate>\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(`bots/${bot.id}?tab=workflow`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Workflow size={16} />\n                              {t('botlit.botsList.menu.design', 'Design workflow')}\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(`bots/${bot.id}/agents`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Bot size={16} />\n                              {t('botlit.botsList.menu.viewAgents', 'View Agents')}\n                            </button>\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_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(bot);\n                                }}\n                              >\n                                <Trash2 size={16} />\n                                {t('botlit.common.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                      {bot.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                        <Bot size={14} />\n                        {bot.executionCount || 0} {t('botlit.common.executions', 'executions')}\n                      </span>\n                    </div>\n                    <div className=\"mt-3 pt-3 border-t border-border-subtle flex items-center justify-between gap-2\">\n                      <span className=\"text-xs text-text-secondary\">\n                        {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                        {formatRelativeTime(bot.createdAt)}\n                      </span>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        leftIcon={<Workflow size={14} />}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          navigateTo(`bots/${bot.id}?tab=workflow`);\n                        }}\n                      >\n                        {t('botlit.botsList.actions.design', 'Design')}\n                      </Button>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"hover:shadow-md transition-shadow cursor-pointer\"\n                  onClick={() => navigateTo(`bots/${bot.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\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <div className=\"flex items-center gap-2\">\n                            <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                            <StatusBadge status={bot.status} />\n                          </div>\n                          <p className=\"text-sm text-text-secondary line-clamp-1\">\n                            {bot.description}\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-6 text-sm text-text-secondary\">\n                        <span>\n                          {formatNumber(bot.executionCount)}{' '}\n                          {t('botlit.common.executions', 'executions')}\n                        </span>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          leftIcon={<Workflow size={14} />}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            navigateTo(`bots/${bot.id}?tab=workflow`);\n                          }}\n                        >\n                          {t('botlit.botsList.actions.design', 'Design')}\n                        </Button>\n                        <Button variant=\"ghost\" size=\"sm\">\n                          <Link to={getPath(`bots/${bot.id}`)}>\n                            {t('botlit.common.view', 'View')}\n                          </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.botsList.empty.title', 'No bots yet')}\n            description={t(\n              'botlit.botsList.empty.description',\n              'Create your first AI-powered bot to get started with building agents and automations.'\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\n                <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n                  {t('botlit.botsList.actions.createBot', 'Create Bot')}\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}