@burdenoff/microfe-botmanor 2026.813.1

package/dist/botlit/pages/BotsListPage.js

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

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

@@ -0,0 +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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\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: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\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":";;;;;;;;;;;;;;;;;;;;AAoCA,IAAa,UAAyB;CACpC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,eAAY,eAAY,GAAW,EACrC,EAAE,MAAM,GAAM,eAAY,GAAS,EACnC,CAAC,KAAa,GAAc,EAC5B,EAAE,aAAU,gBAAa,cAAW,uBAAoB,GAAgB,EACxE,CAAC,GAAU,KAAe,EAAwB,KAAK,EAEvD,KAAgB,MAA2C;AAC/D,IAAgB,EAAE,QAAQ,EAAE,OAAO,OAAO,CAAC;IAGvC,IAAe,OAAO,MAAsC;EAChE,IAAM,IAAa,GAAG,EAAE,wCAAwC,kCAAkC,CAAC,IAAI,EAAI,KAAK,KAC1G,IAAS,MAAM,EAAc;GACjC,OAAO;GACP,SAAS;GACT,eAAe;GACf,mBAAmB;GACpB,CAAC;AAEF,MADW,MAAW,OAAO,QAAQ,EAAW,GAAG,GAC3C;AACN,KAAa,SAAS;AACtB,OAAI;AAKF,IAJA,MAAM,EAAU,EAAI,GAAG,EACvB,EAAM,QACJ,GAAG,EAAE,wCAAwC,MAAM,CAAC,IAAI,EAAI,KAAK,IAAI,EAAE,wCAAwC,uBAAuB,GACvI,EACG,GAAU,IAAO,EAAa,UAAU;YACrC,GAAc;IACrB,IAAM,IACJ,aAAe,QACX,EAAI,UACJ,EAAE,gCAAgC,uBAAuB;AAE/D,IADA,EAAM,MAAM,EAAQ,EAChB,GAAU,IAAO,EAAa,QAAQ;;;AAG9C,IAAY,KAAK;IAGb,IAAe,GAAM,QAAQ,MAAQ;AACzC,MAAI,EAAU,QAAQ;GACpB,IAAM,IAAS,EAAU,OAAO,aAAa;AAC7C,UACE,EAAI,KAAK,aAAa,CAAC,SAAS,EAAO,KACtC,EAAI,aAAa,aAAa,CAAC,SAAS,EAAO,IAAI;;AAGxD,SAAO;GACP;AAEF,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB,OAAO;EACzC,aAAa,EAAE,+BAA+B,8BAA8B;EAC5E,SACE,kBAAC,GAAD;GAAQ,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;GAAE,eAAe,EAAW,WAAW;aACxE,EAAE,qCAAqC,aAAa;GAC9C,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KAAa,MAAM,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;eACjC,EACC,2BACA,gTACD;KACW,CAAA;IAGb,KAAQ,EAAK,SAAS,IACrB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAW,WAAU;OAAQ,MAAA;OAAK,WAAU;iBAA5C,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,iCAAiC,aAAa;QAC/C,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAK;QACJ,CAAA,CACM;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,kCAAkC,SAAS;QAC5C,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAK,QAAQ,MAA2B,EAAE,WAAW,SAAS,CAAC;QAC9D,CAAA,CACM;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,sCAAsC,mBAAmB;QAC1D,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAa,EAAK,QAAQ,GAAK,MAAQ,KAAO,EAAI,kBAAkB,IAAI,EAAE,CAAC;QAC1E,CAAA,CACM;;MACR;SACJ;IAGJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;OACE,aAAa,EAAE,qCAAqC,iBAAiB;OACrE,OAAO,EAAU,UAAU;OAC3B,UAAU;OACV,WAAU;OACV,CAAA,CACE;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,SAAS,MAAa,SAAS,cAAc;OAC7C,MAAK;OACL,eAAe,EAAY,OAAO;iBAElC,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;OACd,CAAA,EACT,kBAAC,GAAD;OACE,SAAS,MAAa,SAAS,cAAc;OAC7C,MAAK;OACL,eAAe,EAAY,OAAO;iBAElC,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;OACX,CAAA,CACL;QACF;;IAGL,IACC,kBAAC,OAAD;KACE,WAAW,EACT,SACA,MAAa,SACT,mDACA,gBACL;eAEA;MAAC;MAAG;MAAG;MAAG;MAAG;MAAG;MAAE,CAAC,KAAK,MACvB,kBAAC,OAAD,EAEE,WAAU,+DACV,EAFK,EAEL,CACF;KACE,CAAA,GACJ,KAAgB,EAAa,SAAS,IACxC,MAAa,SACX,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,KAAK,MACjB,kBAAC,GAAD;MAEE,WAAU;MACV,eAAe,EAAW,QAAQ,EAAI,KAAK;gBAE3C,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAY,EAAI,QAAQ;WAAY,CAAA,EACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAmC,EAAI;WAAU,CAAA,EAC/D,kBAAC,GAAD,EAAa,QAAQ,EAAI,QAAU,CAAA,CAC/B,EAAA,CAAA,CACF;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,UAAU,MAAM;AAEd,YADA,EAAE,iBAAiB,EACnB,EAAY,MAAa,EAAI,KAAK,OAAO,EAAI,GAAG;;qBAGlD,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;WACnB,CAAA,EACR,MAAa,EAAI,MAChB,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,UAAD;aACE,WAAU;aACV,UAAU,MAAM;AAGd,cAFA,EAAE,iBAAiB,EACnB,EAAW,QAAQ,EAAI,GAAG,OAAO,EACjC,EAAY,KAAK;;uBALrB,CAQE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAE,gCAAgC,WAAW,CACvC;;YACT,kBAAC,UAAD;aACE,WAAU;aACV,UAAU,MAAM;AAGd,cAFA,EAAE,iBAAiB,EACnB,EAAW,QAAQ,EAAI,GAAG,eAAe,EACzC,EAAY,KAAK;;uBALrB,CAQE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACrB,EAAE,+BAA+B,kBAAkB,CAC7C;;YACT,kBAAC,UAAD;aACE,WAAU;aACV,UAAU,MAAM;AAGd,cAFA,EAAE,iBAAiB,EACnB,EAAW,QAAQ,EAAI,GAAG,SAAS,EACnC,EAAY,KAAK;;uBALrB,CAQE,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA,EAChB,EAAE,mCAAmC,cAAc,CAC7C;;YACT,kBAAC,UAAD;aACE,WAAU;aACV,UAAU,MAAM;AAEd,cADA,EAAE,iBAAiB,EACnB,EAAa,EAAI;;uBAJrB,CAOE,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA,EACnB,EAAE,wBAAwB,SAAS,CAC7B;;YACL;aAEJ;YACF;;QACN,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAI;SACH,CAAA;QACJ,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WACE,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;WAChB,EAAI,kBAAkB;WAAE;WAAE,EAAE,4BAA4B,aAAa;WACjE;;SACH,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WACG,EAAE,gCAAgC,UAAU;WAAE;WAC9C,EAAmB,EAAI,UAAU;WAC7B;aACP,kBAAC,GAAD;UACE,SAAQ;UACR,MAAK;UACL,UAAU,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;UAChC,UAAU,MAAM;AAEd,WADA,EAAE,iBAAiB,EACnB,EAAW,QAAQ,EAAI,GAAG,eAAe;;oBAG1C,EAAE,kCAAkC,SAAS;UACvC,CAAA,CACL;;QACM;;MACT,EArGA,EAAI,GAqGJ,CACP;KACE,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,KAAK,MACjB,kBAAC,GAAD;MAEE,WAAU;MACV,eAAe,EAAW,QAAQ,EAAI,KAAK;gBAE3C,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAY,EAAI,QAAQ;UAAY,CAAA,EACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAmC,EAAI;WAAU,CAAA,EAC/D,kBAAC,GAAD,EAAa,QAAQ,EAAI,QAAU,CAAA,CAC/B;aACN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAI;UACH,CAAA,CACA,EAAA,CAAA,CACF;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD,EAAA,UAAA;WACG,EAAa,EAAI,eAAe;WAAE;WAClC,EAAE,4BAA4B,aAAa;WACvC,EAAA,CAAA;UACP,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,UAAU,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;WAChC,UAAU,MAAM;AAEd,YADA,EAAE,iBAAiB,EACnB,EAAW,QAAQ,EAAI,GAAG,eAAe;;qBAG1C,EAAE,kCAAkC,SAAS;WACvC,CAAA;UACT,kBAAC,GAAD;WAAQ,SAAQ;WAAQ,MAAK;qBAC3B,kBAAC,GAAD;YAAM,IAAI,EAAQ,QAAQ,EAAI,KAAK;sBAChC,EAAE,sBAAsB,OAAO;YAC3B,CAAA;WACA,CAAA;UACL;WACF;;OACM,CAAA;MACT,EA1CA,EAAI,GA0CJ,CACP;KACE,CAAA,GAGR,kBAAC,GAAD;KACE,cAAa;KACb,OAAO,EAAE,+BAA+B,cAAc;KACtD,aAAa,EACX,qCACA,wFACD;KACD,QACE,kBAAC,GAAD;MAAQ,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;MAAE,eAAe,EAAW,WAAW;gBACxE,EAAE,qCAAqC,aAAa;MAC9C,CAAA;KAEX,CAAA;IAEA;;EACK,CAAA"}