@burdenoff/microfe-botmanor 2026.813.1

package/dist/botlit/pages/DashboardPage.js

@@ -0,0 +1,318 @@
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { useBots as t } from "../hooks/useBots.js";
+import { useAgents as n } from "../hooks/useAgents.js";
+import { useConversations as r } from "../hooks/useConversations.js";
+import { formatNumber as i, formatRelativeTime as a } from "../utils/formatters.js";
+import { PageLayout as o } from "../components/PageLayout.js";
+import { Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
+import { Button as d } from "../components/Button.js";
+import { StatusBadge as f } from "../components/Badge.js";
+import { GlassCard as p, GradientText as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Link as y } from "react-router";
+import { AppWindow as b, ArrowRight as x, BookOpen as S, Bot as C, Clock as w, MessageSquare as T, Plus as E, Zap as D } from "lucide-react";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/botlit/pages/DashboardPage.tsx
+var k = () => {
+	let { t: k } = O(), A = (e, t) => {
+		let n = k(e);
+		return n === e ? t : n;
+	}, { currentUser: j, navigateTo: M, getPath: N } = e(), { data: P, loading: F } = t(), { data: I, loading: L } = n(), { data: R, loading: z } = r(), B = [
+		{
+			label: A("botlit.dashboard.stats.totalBots", "Total Bots"),
+			value: P?.length || 0,
+			icon: /* @__PURE__ */ _(b, { className: "h-5 w-5" }),
+			hero: !0
+		},
+		{
+			label: A("botlit.dashboard.stats.activeAgents", "Active Agents"),
+			value: I?.filter((e) => e.status === "ACTIVE").length || 0,
+			icon: /* @__PURE__ */ _(C, { className: "h-5 w-5" }),
+			hero: !1
+		},
+		{
+			label: A("botlit.dashboard.stats.conversations", "Conversations"),
+			value: R?.length || 0,
+			icon: /* @__PURE__ */ _(T, { className: "h-5 w-5" }),
+			hero: !1
+		},
+		{
+			label: A("botlit.dashboard.stats.avgResponse", "Avg Response"),
+			value: "1.2s",
+			icon: /* @__PURE__ */ _(w, { className: "h-5 w-5" }),
+			hero: !1
+		}
+	], V = j?.name ? j.name.split(" ")[0] : "";
+	return /* @__PURE__ */ _(o, {
+		hero: !0,
+		title: /* @__PURE__ */ v(g, { children: [A("botlit.dashboard.title", "Welcome back"), V ? /* @__PURE__ */ v(g, { children: [", ", /* @__PURE__ */ _(m, { children: V })] }) : null] }),
+		description: A("botlit.dashboard.description", "Here's an overview of your AI agents and bots"),
+		actions: /* @__PURE__ */ v("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ _(d, {
+				variant: "outline",
+				leftIcon: /* @__PURE__ */ _(E, { size: 16 }),
+				onClick: () => M("bots/new"),
+				children: A("botlit.dashboard.actions.newBot", "New Bot")
+			}), /* @__PURE__ */ _(d, {
+				leftIcon: /* @__PURE__ */ _(C, { size: 16 }),
+				onClick: () => M("agents/new"),
+				children: A("botlit.dashboard.actions.createAgent", "Create Agent")
+			})]
+		}),
+		children: /* @__PURE__ */ v("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ _(h, {
+					icon: /* @__PURE__ */ _(D, { size: 18 }),
+					children: A("botlit.dashboard.purpose", "This is your home base — a quick pulse on every bot, agent and conversation in your workspace. Glance at the headline numbers, jump back into recent work, and use the quick actions below to start something new. If you are just getting started, create your first agent and connect it to a bot.")
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",
+					children: B.map((e) => /* @__PURE__ */ _(s, {
+						treatment: e.hero ? "glass" : "metric",
+						glow: e.hero,
+						children: /* @__PURE__ */ _(c, {
+							className: "pt-6",
+							children: /* @__PURE__ */ v("div", {
+								className: "flex items-center gap-4",
+								children: [/* @__PURE__ */ _("div", {
+									className: "p-3 rounded-lg bg-[var(--color-accent-soft)] text-text-primary [&>svg]:text-text-primary",
+									children: e.icon
+								}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									className: "text-2xl font-bold text-text-primary tabular-nums",
+									children: e.value
+								}), /* @__PURE__ */ _("p", {
+									className: "text-sm text-text-secondary",
+									children: e.label
+								})] })]
+							})
+						})
+					}, e.label))
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+					children: [
+						/* @__PURE__ */ v(s, {
+							treatment: "insight",
+							children: [/* @__PURE__ */ v(l, {
+								className: "flex flex-row items-center justify-between",
+								children: [/* @__PURE__ */ _(u, { children: A("botlit.dashboard.recentBots.title", "Recent Bots") }), /* @__PURE__ */ _(d, {
+									variant: "ghost",
+									size: "sm",
+									rightIcon: /* @__PURE__ */ _(x, { size: 16 }),
+									onClick: () => M("bots"),
+									children: A("botlit.common.viewAll", "View All")
+								})]
+							}), /* @__PURE__ */ _(c, { children: F ? /* @__PURE__ */ _("div", {
+								className: "space-y-3",
+								children: [
+									1,
+									2,
+									3
+								].map((e) => /* @__PURE__ */ _("div", { className: "h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer" }, e))
+							}) : P && P.length > 0 ? /* @__PURE__ */ _("div", {
+								className: "space-y-3",
+								children: P.slice(0, 4).map((e) => /* @__PURE__ */ v(y, {
+									to: N(`bots/${e.id}`),
+									className: "flex items-center justify-between p-3 rounded-lg border border-border-seam hover:border-border-strong hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ v("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ _("span", {
+											className: "text-2xl",
+											children: e.icon || "🤖"
+										}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+											className: "font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												e.executionCount || 0,
+												" ",
+												A("botlit.common.executions", "executions")
+											]
+										})] })]
+									}), /* @__PURE__ */ _(f, { status: e.status })]
+								}, e.id))
+							}) : /* @__PURE__ */ v("div", {
+								className: "text-center py-8 text-text-secondary",
+								children: [
+									/* @__PURE__ */ _(b, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+									/* @__PURE__ */ _("p", { children: A("botlit.dashboard.recentBots.emptyTitle", "No bots yet") }),
+									/* @__PURE__ */ _(d, {
+										variant: "outline",
+										size: "sm",
+										className: "mt-3",
+										onClick: () => M("bots/new"),
+										children: A("botlit.dashboard.recentBots.emptyAction", "Create your first bot")
+									})
+								]
+							}) })]
+						}),
+						/* @__PURE__ */ v(s, {
+							treatment: "insight",
+							children: [/* @__PURE__ */ v(l, {
+								className: "flex flex-row items-center justify-between",
+								children: [/* @__PURE__ */ _(u, { children: A("botlit.dashboard.activeAgents.title", "Active Agents") }), /* @__PURE__ */ _(d, {
+									variant: "ghost",
+									size: "sm",
+									rightIcon: /* @__PURE__ */ _(x, { size: 16 }),
+									onClick: () => M("agents"),
+									children: A("botlit.common.viewAll", "View All")
+								})]
+							}), /* @__PURE__ */ _(c, { children: L ? /* @__PURE__ */ _("div", {
+								className: "space-y-3",
+								children: [
+									1,
+									2,
+									3
+								].map((e) => /* @__PURE__ */ _("div", { className: "h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer" }, e))
+							}) : I && I.length > 0 ? /* @__PURE__ */ _("div", {
+								className: "space-y-3",
+								children: I.filter((e) => e.status === "ACTIVE").slice(0, 4).map((e) => /* @__PURE__ */ _(y, {
+									to: N(`agents/${e.id}`),
+									className: "flex items-center justify-between p-3 rounded-lg border border-border-seam hover:border-border-strong hover:bg-accent transition-colors",
+									children: /* @__PURE__ */ v("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ v("span", {
+											className: "relative text-2xl",
+											children: ["🤖", /* @__PURE__ */ _("span", { className: "absolute -right-0.5 -top-0.5 size-2 rounded-full bg-status-success-text motion-safe:animate-vc-glow-pulse" })]
+										}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+											className: "font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												i(e.executionCount ?? 0),
+												" ",
+												A("botlit.common.executions", "executions")
+											]
+										})] })]
+									})
+								}, e.id))
+							}) : /* @__PURE__ */ v("div", {
+								className: "text-center py-8 text-text-secondary",
+								children: [
+									/* @__PURE__ */ _(C, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+									/* @__PURE__ */ _("p", { children: A("botlit.dashboard.activeAgents.emptyTitle", "No active agents") }),
+									/* @__PURE__ */ _(d, {
+										variant: "outline",
+										size: "sm",
+										className: "mt-3",
+										onClick: () => M("agents/new"),
+										children: A("botlit.dashboard.activeAgents.emptyAction", "Create your first agent")
+									})
+								]
+							}) })]
+						}),
+						/* @__PURE__ */ v(s, {
+							className: "lg:col-span-2",
+							treatment: "insight",
+							children: [/* @__PURE__ */ v(l, {
+								className: "flex flex-row items-center justify-between",
+								children: [/* @__PURE__ */ _(u, { children: A("botlit.dashboard.recentConversations.title", "Recent Conversations") }), /* @__PURE__ */ _(d, {
+									variant: "ghost",
+									size: "sm",
+									rightIcon: /* @__PURE__ */ _(x, { size: 16 }),
+									onClick: () => window.location.href = "/conversations",
+									children: A("botlit.common.viewAll", "View All")
+								})]
+							}), /* @__PURE__ */ _(c, { children: z ? /* @__PURE__ */ _("div", {
+								className: "space-y-3",
+								children: [
+									1,
+									2,
+									3
+								].map((e) => /* @__PURE__ */ _("div", { className: "h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer" }, e))
+							}) : R && R.length > 0 ? /* @__PURE__ */ _("div", {
+								className: "space-y-3",
+								children: R.slice(0, 5).map((e) => /* @__PURE__ */ v("a", {
+									href: `/conversations/${e.id}`,
+									className: "flex items-center justify-between p-3 rounded-lg border border-border-seam hover:border-border-strong hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ v("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ _("div", {
+											className: "p-2 rounded-full bg-action-primary-bg/10",
+											children: /* @__PURE__ */ _(T, { className: "h-4 w-4 text-primary" })
+										}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+											className: "font-medium text-text-primary",
+											children: e.title
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												e.messages.length,
+												" ",
+												A("botlit.common.messages", "messages")
+											]
+										})] })]
+									}), /* @__PURE__ */ _("div", {
+										className: "text-xs text-text-secondary",
+										children: a(e.updatedAt)
+									})]
+								}, e.id))
+							}) : /* @__PURE__ */ v("div", {
+								className: "text-center py-8 text-text-secondary",
+								children: [
+									/* @__PURE__ */ _(T, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+									/* @__PURE__ */ _("p", { children: A("botlit.dashboard.recentConversations.emptyTitle", "No conversations yet") }),
+									/* @__PURE__ */ _("p", {
+										className: "text-xs mt-1",
+										children: A("botlit.dashboard.recentConversations.emptyDescription", "Start chatting with an agent to see conversations here")
+									})
+								]
+							}) })]
+						})
+					]
+				}),
+				/* @__PURE__ */ v(p, {
+					treatment: "plain",
+					className: "border-border-seam p-6",
+					children: [/* @__PURE__ */ _("h2", {
+						className: "text-lg font-semibold tracking-tight text-text-primary",
+						children: A("botlit.dashboard.quickActions.title", "Quick Actions")
+					}), /* @__PURE__ */ v("div", {
+						className: "mt-4 grid grid-cols-2 md:grid-cols-4 gap-4",
+						children: [
+							/* @__PURE__ */ v(y, {
+								to: N("bots/new"),
+								className: "flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]",
+								children: [/* @__PURE__ */ _(b, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ _("span", {
+									className: "text-sm font-medium",
+									children: A("botlit.dashboard.quickActions.createBot", "Create Bot")
+								})]
+							}),
+							/* @__PURE__ */ v(y, {
+								to: N("agents/new"),
+								className: "flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]",
+								children: [/* @__PURE__ */ _(C, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ _("span", {
+									className: "text-sm font-medium",
+									children: A("botlit.dashboard.quickActions.buildAgent", "Build Agent")
+								})]
+							}),
+							/* @__PURE__ */ v(y, {
+								to: N("knowledge/new"),
+								className: "flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]",
+								children: [/* @__PURE__ */ _(S, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ _("span", {
+									className: "text-sm font-medium",
+									children: A("botlit.dashboard.quickActions.addKnowledge", "Add Knowledge")
+								})]
+							}),
+							/* @__PURE__ */ v("a", {
+								href: "/conversations",
+								className: "flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]",
+								children: [/* @__PURE__ */ _(D, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ _("span", {
+									className: "text-sm font-medium",
+									children: A("botlit.dashboard.quickActions.quickChat", "Quick Chat")
+								})]
+							})
+						]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { k as DashboardPage };
+
+//# sourceMappingURL=DashboardPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/botlit/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * Dashboard Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { Link } from 'react-router';\nimport {\n  AppWindow,\n  Bot,\n  MessageSquare,\n  BookOpen,\n  Clock,\n  Zap,\n  ArrowRight,\n  Plus,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { GradientText, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { StatusBadge } from '../components/Badge';\nimport { useBots } from '../hooks/useBots';\nimport { useAgents } from '../hooks/useAgents';\nimport { useConversations } from '../hooks/useConversations';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime, formatNumber } from '../utils/formatters';\n\nexport const DashboardPage: 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 { currentUser, navigateTo, getPath } = useBotlit();\n  const { data: bots, loading: botsLoading } = useBots();\n  const { data: agents, loading: agentsLoading } = useAgents();\n  const { data: conversations, loading: conversationsLoading } = useConversations();\n\n  const stats = [\n    {\n      label: t('botlit.dashboard.stats.totalBots', 'Total Bots'),\n      value: bots?.length || 0,\n      icon: <AppWindow className=\"h-5 w-5\" />,\n      hero: true,\n    },\n    {\n      label: t('botlit.dashboard.stats.activeAgents', 'Active Agents'),\n      value: agents?.filter((a: { status: string }) => a.status === 'ACTIVE').length || 0,\n      icon: <Bot className=\"h-5 w-5\" />,\n      hero: false,\n    },\n    {\n      label: t('botlit.dashboard.stats.conversations', 'Conversations'),\n      value: conversations?.length || 0,\n      icon: <MessageSquare className=\"h-5 w-5\" />,\n      hero: false,\n    },\n    {\n      label: t('botlit.dashboard.stats.avgResponse', 'Avg Response'),\n      value: '1.2s',\n      icon: <Clock className=\"h-5 w-5\" />,\n      hero: false,\n    },\n  ];\n\n  const firstName = currentUser?.name ? currentUser.name.split(' ')[0] : '';\n\n  return (\n    <PageLayout\n      hero\n      title={\n        <>\n          {t('botlit.dashboard.title', 'Welcome back')}\n          {firstName ? (\n            <>\n              , <GradientText>{firstName}</GradientText>\n            </>\n          ) : null}\n        </>\n      }\n      description={t(\n        'botlit.dashboard.description',\n        \"Here's an overview of your AI agents and bots\"\n      )}\n      actions={\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            leftIcon={<Plus size={16} />}\n            onClick={() => navigateTo('bots/new')}\n          >\n            {t('botlit.dashboard.actions.newBot', 'New Bot')}\n          </Button>\n          <Button leftIcon={<Bot size={16} />} onClick={() => navigateTo('agents/new')}>\n            {t('botlit.dashboard.actions.createAgent', 'Create Agent')}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Zap size={18} />}>\n          {t(\n            'botlit.dashboard.purpose',\n            'This is your home base — a quick pulse on every bot, agent and conversation in your workspace. Glance at the headline numbers, jump back into recent work, and use the quick actions below to start something new. If you are just getting started, create your first agent and connect it to a bot.'\n          )}\n        </PagePurpose>\n\n        {/* Stats Grid */}\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n          {stats.map((stat) => (\n            <Card key={stat.label} treatment={stat.hero ? 'glass' : 'metric'} glow={stat.hero}>\n              <CardContent className=\"pt-6\">\n                <div className=\"flex items-center gap-4\">\n                  <div className=\"p-3 rounded-lg bg-[var(--color-accent-soft)] text-text-primary [&>svg]:text-text-primary\">\n                    {stat.icon}\n                  </div>\n                  <div>\n                    <p className=\"text-2xl font-bold text-text-primary tabular-nums\">\n                      {stat.value}\n                    </p>\n                    <p className=\"text-sm text-text-secondary\">{stat.label}</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n\n        {/* Main Content Grid */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n          {/* Recent Bots */}\n          <Card treatment=\"insight\">\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle>{t('botlit.dashboard.recentBots.title', 'Recent Bots')}</CardTitle>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                rightIcon={<ArrowRight size={16} />}\n                onClick={() => navigateTo('bots')}\n              >\n                {t('botlit.common.viewAll', 'View All')}\n              </Button>\n            </CardHeader>\n            <CardContent>\n              {botsLoading ? (\n                <div className=\"space-y-3\">\n                  {[1, 2, 3].map((i) => (\n                    <div\n                      key={i}\n                      className=\"h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer\"\n                    />\n                  ))}\n                </div>\n              ) : bots && bots.length > 0 ? (\n                <div className=\"space-y-3\">\n                  {bots.slice(0, 4).map((bot) => (\n                    <Link\n                      key={bot.id}\n                      to={getPath(`bots/${bot.id}`)}\n                      className=\"flex items-center justify-between p-3 rounded-lg border border-border-seam hover:border-border-strong hover:bg-accent transition-colors\"\n                    >\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"text-2xl\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <p className=\"font-medium text-text-primary\">{bot.name}</p>\n                          <p className=\"text-xs text-text-secondary\">\n                            {bot.executionCount || 0} {t('botlit.common.executions', 'executions')}\n                          </p>\n                        </div>\n                      </div>\n                      <StatusBadge status={bot.status} />\n                    </Link>\n                  ))}\n                </div>\n              ) : (\n                <div className=\"text-center py-8 text-text-secondary\">\n                  <AppWindow className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                  <p>{t('botlit.dashboard.recentBots.emptyTitle', 'No bots yet')}</p>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"mt-3\"\n                    onClick={() => navigateTo('bots/new')}\n                  >\n                    {t('botlit.dashboard.recentBots.emptyAction', 'Create your first bot')}\n                  </Button>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          {/* Active Agents */}\n          <Card treatment=\"insight\">\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle>{t('botlit.dashboard.activeAgents.title', 'Active Agents')}</CardTitle>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                rightIcon={<ArrowRight size={16} />}\n                onClick={() => navigateTo('agents')}\n              >\n                {t('botlit.common.viewAll', 'View All')}\n              </Button>\n            </CardHeader>\n            <CardContent>\n              {agentsLoading ? (\n                <div className=\"space-y-3\">\n                  {[1, 2, 3].map((i) => (\n                    <div\n                      key={i}\n                      className=\"h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer\"\n                    />\n                  ))}\n                </div>\n              ) : agents && agents.length > 0 ? (\n                <div className=\"space-y-3\">\n                  {agents\n                    .filter((a) => a.status === 'ACTIVE')\n                    .slice(0, 4)\n                    .map((agent) => (\n                      <Link\n                        key={agent.id}\n                        to={getPath(`agents/${agent.id}`)}\n                        className=\"flex items-center justify-between p-3 rounded-lg border border-border-seam hover:border-border-strong hover:bg-accent transition-colors\"\n                      >\n                        <div className=\"flex items-center gap-3\">\n                          <span className=\"relative text-2xl\">\n                            🤖\n                            <span className=\"absolute -right-0.5 -top-0.5 size-2 rounded-full bg-status-success-text motion-safe:animate-vc-glow-pulse\" />\n                          </span>\n                          <div>\n                            <p className=\"font-medium text-text-primary\">{agent.name}</p>\n                            <p className=\"text-xs text-text-secondary\">\n                              {formatNumber(agent.executionCount ?? 0)}{' '}\n                              {t('botlit.common.executions', 'executions')}\n                            </p>\n                          </div>\n                        </div>\n                      </Link>\n                    ))}\n                </div>\n              ) : (\n                <div className=\"text-center py-8 text-text-secondary\">\n                  <Bot className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                  <p>{t('botlit.dashboard.activeAgents.emptyTitle', 'No active agents')}</p>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"mt-3\"\n                    onClick={() => navigateTo('agents/new')}\n                  >\n                    {t('botlit.dashboard.activeAgents.emptyAction', 'Create your first agent')}\n                  </Button>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          {/* Recent Conversations */}\n          <Card className=\"lg:col-span-2\" treatment=\"insight\">\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle>\n                {t('botlit.dashboard.recentConversations.title', 'Recent Conversations')}\n              </CardTitle>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                rightIcon={<ArrowRight size={16} />}\n                onClick={() => (window.location.href = '/conversations')}\n              >\n                {t('botlit.common.viewAll', 'View All')}\n              </Button>\n            </CardHeader>\n            <CardContent>\n              {conversationsLoading ? (\n                <div className=\"space-y-3\">\n                  {[1, 2, 3].map((i) => (\n                    <div\n                      key={i}\n                      className=\"h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer\"\n                    />\n                  ))}\n                </div>\n              ) : conversations && conversations.length > 0 ? (\n                <div className=\"space-y-3\">\n                  {conversations.slice(0, 5).map((conv) => (\n                    <a\n                      key={conv.id}\n                      href={`/conversations/${conv.id}`}\n                      className=\"flex items-center justify-between p-3 rounded-lg border border-border-seam hover:border-border-strong hover:bg-accent transition-colors\"\n                    >\n                      <div className=\"flex items-center gap-3\">\n                        <div className=\"p-2 rounded-full bg-action-primary-bg/10\">\n                          <MessageSquare className=\"h-4 w-4 text-primary\" />\n                        </div>\n                        <div>\n                          <p className=\"font-medium text-text-primary\">{conv.title}</p>\n                          <p className=\"text-xs text-text-secondary\">\n                            {conv.messages.length} {t('botlit.common.messages', 'messages')}\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"text-xs text-text-secondary\">\n                        {formatRelativeTime(conv.updatedAt)}\n                      </div>\n                    </a>\n                  ))}\n                </div>\n              ) : (\n                <div className=\"text-center py-8 text-text-secondary\">\n                  <MessageSquare className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                  <p>\n                    {t('botlit.dashboard.recentConversations.emptyTitle', 'No conversations yet')}\n                  </p>\n                  <p className=\"text-xs mt-1\">\n                    {t(\n                      'botlit.dashboard.recentConversations.emptyDescription',\n                      'Start chatting with an agent to see conversations here'\n                    )}\n                  </p>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Quick Actions */}\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n          <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n            {t('botlit.dashboard.quickActions.title', 'Quick Actions')}\n          </h2>\n          <div className=\"mt-4 grid grid-cols-2 md:grid-cols-4 gap-4\">\n            <Link\n              to={getPath('bots/new')}\n              className=\"flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]\"\n            >\n              <AppWindow className=\"h-8 w-8 text-text-secondary\" />\n              <span className=\"text-sm font-medium\">\n                {t('botlit.dashboard.quickActions.createBot', 'Create Bot')}\n              </span>\n            </Link>\n            <Link\n              to={getPath('agents/new')}\n              className=\"flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]\"\n            >\n              <Bot className=\"h-8 w-8 text-text-secondary\" />\n              <span className=\"text-sm font-medium\">\n                {t('botlit.dashboard.quickActions.buildAgent', 'Build Agent')}\n              </span>\n            </Link>\n            <Link\n              to={getPath('knowledge/new')}\n              className=\"flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]\"\n            >\n              <BookOpen className=\"h-8 w-8 text-text-secondary\" />\n              <span className=\"text-sm font-medium\">\n                {t('botlit.dashboard.quickActions.addKnowledge', 'Add Knowledge')}\n              </span>\n            </Link>\n            <a\n              href=\"/conversations\"\n              className=\"flex flex-col items-center gap-2 p-4 rounded-card border border-border-seam bg-bg-surface hover:border-border-strong hover:shadow-elevation-2 transition-[box-shadow,border-color]\"\n            >\n              <Zap className=\"h-8 w-8 text-text-secondary\" />\n              <span className=\"text-sm font-medium\">\n                {t('botlit.dashboard.quickActions.quickChat', 'Quick Chat')}\n              </span>\n            </a>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}