@burdenoff/microfe-botmanor 2026.1109.2 → 2026.1110.2

package/dist/botlit/pages/BotsListPage.js

@@ -8,24 +8,25 @@ import { BOTMANOR_PERMISSIONS as u } from "../permissions/botmanorPermissions.js
 import { BotmanorPermissionGate as d } from "../permissions/useBotmanorPermissions.js";
 import { StatusBadge as f } from "../components/Badge.js";
 import { EmptyState as p } from "../components/EmptyState.js";
-import { useBots as m, useDeleteBot as h } from "../hooks/useBots.js";
-import { useBotlitStore as g } from "../store/botlitStore.js";
-import { useBotlit as _ } from "../providers/BotlitProvider.js";
-import { formatNumber as v, formatRelativeTime as y } from "../utils/formatters.js";
-import { cn as b } from "../utils/cn.js";
+import { LoadMore as m } from "../components/LoadMore.js";
+import { useBots as h, useDeleteBot as g } from "../hooks/useBots.js";
+import { useBotlitStore as _ } from "../store/botlitStore.js";
+import { useBotlit as v } from "../providers/BotlitProvider.js";
+import { formatNumber as y, formatRelativeTime as b } from "../utils/formatters.js";
+import { cn as x } from "../utils/cn.js";
 import "../permissions/index.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";
+import { useState as S } from "react";
+import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Link as D } from "react-router";
+import { Bot as O, Edit as k, Grid3X3 as A, List as j, MoreVertical as M, Plus as N, Search as P, Trash2 as F, Workflow as I } from "lucide-react";
+import { toast as L } from "sonner";
 // src/botlit/pages/BotsListPage.tsx
-var L = () => {
-	let L = e(), { navigateTo: R, getPath: z } = _(), { data: B, loading: V } = m(), [H] = h(), { viewMode: U, setViewMode: W, botFilter: G, updateBotFilter: K } = g(), [q, J] = x(null), Y = (e) => {
-		K({ search: e.target.value });
-	}, X = async (e) => {
-		let a = `${L("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, o = await n({
+var R = () => {
+	let R = e(), { navigateTo: z, getPath: B } = v(), { viewMode: V, setViewMode: H, botFilter: U, updateBotFilter: W } = _(), { data: G, loading: K, hasMore: q, loadingMore: J, loadMore: Y } = h(U), [X] = g(), [Z, Q] = S(null), $ = (e) => {
+		W({ search: e.target.value });
+	}, ee = async (e) => {
+		let a = `${R("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, o = await n({
 			title: "Delete bot?",
 			message: a,
 			okButtonTitle: "Delete",
@@ -34,104 +35,98 @@ var L = () => {
 		if (o === null ? confirm(a) : o) {
 			r("medium");
 			try {
-				await H(e.id), I.success(`${L("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${L("botlit.botsList.delete.successSuffix", "deleted successfully")}`), t() && i("success");
+				await X(e.id), L.success(`${R("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${R("botlit.botsList.delete.successSuffix", "deleted successfully")}`), t() && i("success");
 			} catch (e) {
-				let n = e instanceof Error ? e.message : L("botlit.botsList.delete.error", "Failed to delete bot");
-				I.error(n), t() && i("error");
+				let n = e instanceof Error ? e.message : R("botlit.botsList.delete.error", "Failed to delete bot");
+				L.error(n), t() && i("error");
 			}
 		}
-		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__ */ w(a, {
-		title: L("botlit.botsList.title", "Bots"),
-		description: L("botlit.botsList.description", "Manage your AI-powered bots"),
-		actions: /* @__PURE__ */ w(d, {
+		Q(null);
+	};
+	return /* @__PURE__ */ T(a, {
+		title: R("botlit.botsList.title", "Bots"),
+		description: R("botlit.botsList.description", "Manage your AI-powered bots"),
+		actions: /* @__PURE__ */ T(d, {
 			permission: u.APP_CREATE,
-			children: /* @__PURE__ */ w(c, {
-				leftIcon: /* @__PURE__ */ w(M, { size: 16 }),
-				onClick: () => R("bots/new"),
-				children: L("botlit.botsList.actions.createBot", "Create Bot")
+			children: /* @__PURE__ */ T(c, {
+				leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
+				onClick: () => z("bots/new"),
+				children: R("botlit.botsList.actions.createBot", "Create Bot")
 			})
 		}),
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "space-y-6",
 			children: [
-				/* @__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.")
+				/* @__PURE__ */ T(w, {
+					icon: /* @__PURE__ */ T(O, { size: 18 }),
+					children: R("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.")
 				}),
-				B && B.length > 0 ? /* @__PURE__ */ T("div", {
+				G && G.length > 0 ? /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ E(C, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-4",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
-								children: L("botlit.botsList.summary.total", "Total bots")
-							}), /* @__PURE__ */ w("p", {
+								children: R("botlit.botsList.summary.total", "Total bots")
+							}), /* @__PURE__ */ T("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: B.length
+								children: G.length
 							})]
 						}),
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ E(C, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
-								children: L("botlit.botsList.summary.active", "Active")
-							}), /* @__PURE__ */ w("p", {
+								children: R("botlit.botsList.summary.active", "Active")
+							}), /* @__PURE__ */ T("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: B.filter((e) => e.status === "ACTIVE").length
+								children: G.filter((e) => e.status === "ACTIVE").length
 							})]
 						}),
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ E(C, {
 							treatment: "metric",
 							className: "col-span-2 p-4 sm:col-span-1",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
-								children: L("botlit.botsList.summary.executions", "Total executions")
-							}), /* @__PURE__ */ w("p", {
+								children: R("botlit.botsList.summary.executions", "Total executions")
+							}), /* @__PURE__ */ T("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: v(B.reduce((e, t) => e + (t.executionCount ?? 0), 0))
+								children: y(G.reduce((e, t) => e + (t.executionCount ?? 0), 0))
 							})]
 						})
 					]
 				}) : null,
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ E("div", {
 					className: "flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ w(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w(l, {
-							placeholder: L("botlit.botsList.searchPlaceholder", "Search bots..."),
-							value: G.search || "",
-							onChange: Y,
+						children: [/* @__PURE__ */ T(P, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T(l, {
+							placeholder: R("botlit.botsList.searchPlaceholder", "Search bots..."),
+							value: U.search || "",
+							onChange: $,
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ w(c, {
-							variant: U === "grid" ? "secondary" : "ghost",
+						children: [/* @__PURE__ */ T(c, {
+							variant: V === "grid" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => W("grid"),
-							children: /* @__PURE__ */ w(k, { size: 18 })
-						}), /* @__PURE__ */ w(c, {
-							variant: U === "list" ? "secondary" : "ghost",
+							onClick: () => H("grid"),
+							children: /* @__PURE__ */ T(A, { size: 18 })
+						}), /* @__PURE__ */ T(c, {
+							variant: V === "list" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => W("list"),
-							children: /* @__PURE__ */ w(A, { size: 18 })
+							onClick: () => H("list"),
+							children: /* @__PURE__ */ T(j, { size: 18 })
 						})]
 					})]
 				}),
-				V ? /* @__PURE__ */ w("div", {
-					className: b("gap-4", U === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
+				K ? /* @__PURE__ */ T("div", {
+					className: x("gap-4", V === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
 					children: [
 						1,
 						2,
@@ -139,162 +134,162 @@ var L = () => {
 						4,
 						5,
 						6
-					].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", {
+					].map((e) => /* @__PURE__ */ T("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : G.length > 0 ? V === "grid" ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Z.map((e) => /* @__PURE__ */ w(o, {
+					children: G.map((e) => /* @__PURE__ */ T(o, {
 						className: "group hover:shadow-md transition-shadow cursor-pointer relative",
-						onClick: () => R(`bots/${e.id}`),
-						children: /* @__PURE__ */ T(s, {
+						onClick: () => z(`bots/${e.id}`),
+						children: /* @__PURE__ */ E(s, {
 							className: "pt-6",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-4xl",
 											children: e.icon || "🤖"
-										}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+										}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ w(f, { status: e.status })] })]
-									}), /* @__PURE__ */ T("div", {
+										}), /* @__PURE__ */ T(f, { status: e.status })] })]
+									}), /* @__PURE__ */ E("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ w(c, {
+										children: [/* @__PURE__ */ T(c, {
 											variant: "ghost",
 											size: "icon",
 											className: "opacity-0 group-hover:opacity-100 transition-opacity",
 											onClick: (t) => {
-												t.stopPropagation(), J(q === e.id ? null : e.id);
+												t.stopPropagation(), Q(Z === e.id ? null : e.id);
 											},
-											children: /* @__PURE__ */ w(j, { size: 16 })
-										}), q === e.id && /* @__PURE__ */ T("div", {
+											children: /* @__PURE__ */ T(M, { 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(d, {
+												/* @__PURE__ */ T(d, {
 													permission: u.APP_UPDATE,
-													children: /* @__PURE__ */ T("button", {
+													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(), R(`bots/${e.id}/edit`), J(null);
+															t.stopPropagation(), z(`bots/${e.id}/edit`), Q(null);
 														},
-														children: [/* @__PURE__ */ w(O, { size: 16 }), L("botlit.botsList.menu.editBot", "Edit Bot")]
+														children: [/* @__PURE__ */ T(k, { size: 16 }), R("botlit.botsList.menu.editBot", "Edit Bot")]
 													})
 												}),
-												/* @__PURE__ */ T("button", {
+												/* @__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(), R(`bots/${e.id}?tab=workflow`), J(null);
+														t.stopPropagation(), z(`bots/${e.id}?tab=workflow`), Q(null);
 													},
-													children: [/* @__PURE__ */ w(F, { size: 16 }), L("botlit.botsList.menu.design", "Design workflow")]
+													children: [/* @__PURE__ */ T(I, { size: 16 }), R("botlit.botsList.menu.design", "Design workflow")]
 												}),
-												/* @__PURE__ */ T("button", {
+												/* @__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(), R(`bots/${e.id}/agents`), J(null);
+														t.stopPropagation(), z(`bots/${e.id}/agents`), Q(null);
 													},
-													children: [/* @__PURE__ */ w(D, { size: 16 }), L("botlit.botsList.menu.viewAgents", "View Agents")]
+													children: [/* @__PURE__ */ T(O, { size: 16 }), R("botlit.botsList.menu.viewAgents", "View Agents")]
 												}),
-												/* @__PURE__ */ w(d, {
+												/* @__PURE__ */ T(d, {
 													permission: u.APP_DELETE,
-													children: /* @__PURE__ */ T("button", {
+													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(), X(e);
+															t.stopPropagation(), ee(e);
 														},
-														children: [/* @__PURE__ */ w(P, { size: 16 }), L("botlit.common.delete", "Delete")]
+														children: [/* @__PURE__ */ T(F, { size: 16 }), R("botlit.common.delete", "Delete")]
 													})
 												})
 											]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("p", {
+								/* @__PURE__ */ T("p", {
 									className: "mt-3 text-sm text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ T("div", {
 									className: "mt-4 flex items-center gap-4 text-xs text-text-secondary",
-									children: /* @__PURE__ */ T("span", {
+									children: /* @__PURE__ */ E("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ w(D, { size: 14 }),
+											/* @__PURE__ */ T(O, { size: 14 }),
 											e.executionCount || 0,
 											" ",
-											L("botlit.common.executions", "executions")
+											R("botlit.common.executions", "executions")
 										]
 									})
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mt-3 pt-3 border-t border-border-subtle flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ T("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "text-xs text-text-secondary",
 										children: [
-											L("botlit.botsList.createdLabel", "Created"),
+											R("botlit.botsList.createdLabel", "Created"),
 											" ",
-											y(e.createdAt)
+											b(e.createdAt)
 										]
-									}), /* @__PURE__ */ w(c, {
+									}), /* @__PURE__ */ T(c, {
 										variant: "ghost",
 										size: "sm",
-										leftIcon: /* @__PURE__ */ w(F, { size: 14 }),
+										leftIcon: /* @__PURE__ */ T(I, { size: 14 }),
 										onClick: (t) => {
-											t.stopPropagation(), R(`bots/${e.id}?tab=workflow`);
+											t.stopPropagation(), z(`bots/${e.id}?tab=workflow`);
 										},
-										children: L("botlit.botsList.actions.design", "Design")
+										children: R("botlit.botsList.actions.design", "Design")
 									})]
 								})
 							]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ T("div", {
 					className: "space-y-2",
-					children: Z.map((e) => /* @__PURE__ */ w(o, {
+					children: G.map((e) => /* @__PURE__ */ T(o, {
 						className: "hover:shadow-md transition-shadow cursor-pointer",
-						onClick: () => R(`bots/${e.id}`),
-						children: /* @__PURE__ */ w(s, {
+						onClick: () => z(`bots/${e.id}`),
+						children: /* @__PURE__ */ T(s, {
 							className: "py-4",
-							children: /* @__PURE__ */ T("div", {
+							children: /* @__PURE__ */ E("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-4",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-3xl",
 										children: e.icon || "🤖"
-									}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ w("h3", {
+										children: [/* @__PURE__ */ T("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ w(f, { status: e.status })]
-									}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ T(f, { status: e.status })]
+									}), /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary line-clamp-1",
 										children: e.description
 									})] })]
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-6 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ T("span", { children: [
-											v(e.executionCount),
+										/* @__PURE__ */ E("span", { children: [
+											y(e.executionCount),
 											" ",
-											L("botlit.common.executions", "executions")
+											R("botlit.common.executions", "executions")
 										] }),
-										/* @__PURE__ */ w(c, {
+										/* @__PURE__ */ T(c, {
 											variant: "ghost",
 											size: "sm",
-											leftIcon: /* @__PURE__ */ w(F, { size: 14 }),
+											leftIcon: /* @__PURE__ */ T(I, { size: 14 }),
 											onClick: (t) => {
-												t.stopPropagation(), R(`bots/${e.id}?tab=workflow`);
+												t.stopPropagation(), z(`bots/${e.id}?tab=workflow`);
 											},
-											children: L("botlit.botsList.actions.design", "Design")
+											children: R("botlit.botsList.actions.design", "Design")
 										}),
-										/* @__PURE__ */ w(c, {
+										/* @__PURE__ */ T(c, {
 											variant: "ghost",
 											size: "sm",
-											children: /* @__PURE__ */ w(E, {
-												to: z(`bots/${e.id}`),
-												children: L("botlit.common.view", "View")
+											children: /* @__PURE__ */ T(D, {
+												to: B(`bots/${e.id}`),
+												children: R("botlit.common.view", "View")
 											})
 										})
 									]
@@ -302,23 +297,29 @@ var L = () => {
 							})
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ w(p, {
+				}) : /* @__PURE__ */ T(p, {
 					illustration: "empty-agents",
-					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(d, {
+					title: R("botlit.botsList.empty.title", "No bots yet"),
+					description: R("botlit.botsList.empty.description", "Create your first AI-powered bot to get started with building agents and automations."),
+					action: /* @__PURE__ */ T(d, {
 						permission: u.APP_CREATE,
-						children: /* @__PURE__ */ w(c, {
-							leftIcon: /* @__PURE__ */ w(M, { size: 16 }),
-							onClick: () => R("bots/new"),
-							children: L("botlit.botsList.actions.createBot", "Create Bot")
+						children: /* @__PURE__ */ T(c, {
+							leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
+							onClick: () => z("bots/new"),
+							children: R("botlit.botsList.actions.createBot", "Create Bot")
 						})
 					})
+				}),
+				/* @__PURE__ */ T(m, {
+					hasMore: q,
+					loadingMore: J,
+					onLoadMore: () => void Y(),
+					loadedCount: G.length
 				})
 			]
 		})
 	});
 };
-export { L as BotsListPage };
+export { R as BotsListPage };
 
 //# sourceMappingURL=BotsListPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BotsListPage.js","names":["BotsListPage","t","useTr","useBotlit","bots","useBots","deleteBot","useDeleteBot","useBotlitStore","menuOpen","setMenuOpen","useState","handleSearch","handleDelete","confirmMsg","bot","native","nativeConfirm","toast","isNative","nativeNotify","err","message","filteredBots","botFilter","search","PageLayout","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","Button","Plus","navigateTo","PagePurpose","Bot","GlassCard","b","formatNumber","sum","Search","Input","viewMode","setViewMode","Grid3X3","List","loading","cn","i","Card","CardContent","StatusBadge","e","MoreVertical","Edit","Workflow","Trash2","formatRelativeTime","Link","getPath","EmptyState"],"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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"}
+{"version":3,"file":"BotsListPage.js","names":["BotsListPage","t","useTr","useBotlit","useBotlitStore","bots","useBots","botFilter","deleteBot","useDeleteBot","menuOpen","setMenuOpen","useState","handleSearch","handleDelete","confirmMsg","bot","native","nativeConfirm","toast","isNative","nativeNotify","err","message","PageLayout","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","Button","Plus","navigateTo","PagePurpose","Bot","GlassCard","b","formatNumber","sum","Search","Input","viewMode","setViewMode","Grid3X3","List","loading","cn","i","Card","CardContent","StatusBadge","e","MoreVertical","Edit","Workflow","Trash2","formatRelativeTime","Link","getPath","EmptyState","LoadMore","loadMore"],"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 { LoadMore } from '../components/LoadMore';\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 { viewMode, setViewMode, botFilter, updateBotFilter } = useBotlitStore();\n  const { data: bots, loading, hasMore, loadingMore, loadMore } = useBots(botFilter);\n  const [deleteBot] = useDeleteBot();\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  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        ) : bots.length > 0 ? (\n          viewMode === 'grid' ? (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {bots.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              {bots.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        <LoadMore\n          hasMore={hasMore}\n          loadingMore={loadingMore}\n          onLoadMore={() => void loadMore()}\n          loadedCount={bots.length}\n        />\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/botlit/pages/BucketsPage.js

@@ -414,7 +414,7 @@ var I = ({ bucket: e, level: t, expanded: n, onToggle: r, getPath: s, onEdit: c,
 					]
 				}) })] }),
 				ue && /* @__PURE__ */ x("div", {
-					className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
+					className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50",
 					children: /* @__PURE__ */ S(c, {
 						className: "w-full max-w-md mx-4",
 						children: [
@@ -499,7 +499,7 @@ var I = ({ bucket: e, level: t, expanded: n, onToggle: r, getPath: s, onEdit: c,
 					})
 				}),
 				V && /* @__PURE__ */ x("div", {
-					className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
+					className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50",
 					children: /* @__PURE__ */ S(c, {
 						className: "w-full max-w-md mx-4",
 						children: [
@@ -584,7 +584,7 @@ var I = ({ bucket: e, level: t, expanded: n, onToggle: r, getPath: s, onEdit: c,
 					})
 				}),
 				z && /* @__PURE__ */ x("div", {
-					className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
+					className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50",
 					children: /* @__PURE__ */ S(c, {
 						className: "w-full max-w-md mx-4",
 						children: [