@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1027.3

package/dist/botlit/pages/DashboardPage.js

@@ -3,67 +3,76 @@ import { useBotlit as t } from "../providers/BotlitProvider.js";
 import { useBots as n } from "../hooks/useBots.js";
 import { useAgents as r } from "../hooks/useAgents.js";
 import { formatNumber as i } from "../utils/formatters.js";
-import { PageLayout as a } from "../components/PageLayout.js";
-import { Card as o, CardContent as s, CardHeader as c, CardTitle as l } from "../components/Card.js";
-import { Button as u } from "../components/Button.js";
-import { StatusBadge as d } from "../components/Badge.js";
-import { GlassCard as f, GradientText as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Link as v } from "react-router";
-import { AppWindow as y, ArrowRight as b, BookOpen as x, Bot as S, Plus as C, Zap as w } from "lucide-react";
+import { BOTMANOR_PERMISSIONS as a } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as o } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as s } from "../components/PageLayout.js";
+import { Button as c } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "../components/Card.js";
+import { StatusBadge as p } from "../components/Badge.js";
+import { GlassCard as m, GradientText as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Link as b } from "react-router";
+import { AppWindow as x, ArrowRight as S, BookOpen as C, Bot as w, Plus as T, Zap as E } from "lucide-react";
 //#region src/botlit/pages/DashboardPage.tsx
-var T = () => {
-	let T = e(), { currentUser: E, navigateTo: D, getPath: O } = t(), { data: k, loading: A } = n(), { data: j, loading: M } = r(), N = [{
-		label: T("botlit.dashboard.stats.totalBots", "Total Bots"),
-		value: k?.length || 0,
-		icon: /* @__PURE__ */ g(y, { className: "h-5 w-5" }),
+var D = () => {
+	let D = e(), { currentUser: O, navigateTo: k, getPath: A } = t(), { data: j, loading: M } = n(), { data: N, loading: P } = r(), F = [{
+		label: D("botlit.dashboard.stats.totalBots", "Total Bots"),
+		value: j?.length || 0,
+		icon: /* @__PURE__ */ v(x, { className: "h-5 w-5" }),
 		hero: !0
 	}, {
-		label: T("botlit.dashboard.stats.activeAgents", "Active Agents"),
-		value: j?.filter((e) => e.status === "ACTIVE").length || 0,
-		icon: /* @__PURE__ */ g(S, { className: "h-5 w-5" }),
+		label: D("botlit.dashboard.stats.activeAgents", "Active Agents"),
+		value: N?.filter((e) => e.status === "ACTIVE").length || 0,
+		icon: /* @__PURE__ */ v(w, { className: "h-5 w-5" }),
 		hero: !1
-	}], P = E?.name ? E.name.split(" ")[0] : "";
-	return /* @__PURE__ */ g(a, {
+	}], I = O?.name ? O.name.split(" ")[0] : "";
+	return /* @__PURE__ */ v(s, {
 		hero: !0,
-		title: /* @__PURE__ */ _(h, { children: [T("botlit.dashboard.title", "Welcome back"), P ? /* @__PURE__ */ _(h, { children: [", ", /* @__PURE__ */ g(p, { children: P })] }) : null] }),
-		description: T("botlit.dashboard.description", "Here's an overview of your AI agents and bots"),
-		actions: /* @__PURE__ */ _("div", {
+		title: /* @__PURE__ */ y(_, { children: [D("botlit.dashboard.title", "Welcome back"), I ? /* @__PURE__ */ y(_, { children: [", ", /* @__PURE__ */ v(h, { children: I })] }) : null] }),
+		description: D("botlit.dashboard.description", "Here's an overview of your AI agents and bots"),
+		actions: /* @__PURE__ */ y("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ g(u, {
-				variant: "outline",
-				leftIcon: /* @__PURE__ */ g(C, { size: 16 }),
-				onClick: () => D("bots/new"),
-				children: T("botlit.dashboard.actions.newBot", "New Bot")
-			}), /* @__PURE__ */ g(u, {
-				leftIcon: /* @__PURE__ */ g(S, { size: 16 }),
-				onClick: () => D("agents/new"),
-				children: T("botlit.dashboard.actions.createAgent", "Create Agent")
+			children: [/* @__PURE__ */ v(o, {
+				permission: a.APP_CREATE,
+				children: /* @__PURE__ */ v(c, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ v(T, { size: 16 }),
+					onClick: () => k("bots/new"),
+					children: D("botlit.dashboard.actions.newBot", "New Bot")
+				})
+			}), /* @__PURE__ */ v(o, {
+				permission: a.AGENT_CREATE,
+				children: /* @__PURE__ */ v(c, {
+					leftIcon: /* @__PURE__ */ v(w, { size: 16 }),
+					onClick: () => k("agents/new"),
+					children: D("botlit.dashboard.actions.createAgent", "Create Agent")
+				})
 			})]
 		}),
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ g(m, {
-					icon: /* @__PURE__ */ g(w, { size: 18 }),
-					children: T("botlit.dashboard.purpose", "This is your home base — a quick pulse on every bot and agent 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__ */ v(g, {
+					icon: /* @__PURE__ */ v(E, { size: 18 }),
+					children: D("botlit.dashboard.purpose", "This is your home base — a quick pulse on every bot and agent 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__ */ g("div", {
+				/* @__PURE__ */ v("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: N.map((e) => /* @__PURE__ */ g(o, {
+					children: F.map((e) => /* @__PURE__ */ v(l, {
 						treatment: e.hero ? "glass" : "metric",
 						glow: e.hero,
-						children: /* @__PURE__ */ g(s, {
+						children: /* @__PURE__ */ v(u, {
 							className: "pt-6",
-							children: /* @__PURE__ */ _("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-4",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "p-3 rounded-lg bg-[var(--color-accent-soft)] text-text-primary [&>svg]:text-text-primary",
 									children: e.icon
-								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+								}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-2xl font-bold text-text-primary tabular-nums",
 									children: e.value
-								}), /* @__PURE__ */ g("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm text-text-secondary",
 									children: e.label
 								})] })]
@@ -71,159 +80,165 @@ var T = () => {
 						})
 					}, e.label))
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ _(o, {
+					children: [/* @__PURE__ */ y(l, {
 						treatment: "insight",
-						children: [/* @__PURE__ */ _(c, {
+						children: [/* @__PURE__ */ y(d, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ g(l, { children: T("botlit.dashboard.recentBots.title", "Recent Bots") }), /* @__PURE__ */ g(u, {
+							children: [/* @__PURE__ */ v(f, { children: D("botlit.dashboard.recentBots.title", "Recent Bots") }), /* @__PURE__ */ v(c, {
 								variant: "ghost",
 								size: "sm",
-								rightIcon: /* @__PURE__ */ g(b, { size: 16 }),
-								onClick: () => D("bots"),
-								children: T("botlit.common.viewAll", "View All")
+								rightIcon: /* @__PURE__ */ v(S, { size: 16 }),
+								onClick: () => k("bots"),
+								children: D("botlit.common.viewAll", "View All")
 							})]
-						}), /* @__PURE__ */ g(s, { children: A ? /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ v(u, { children: M ? /* @__PURE__ */ v("div", {
 							className: "space-y-3",
 							children: [
 								1,
 								2,
 								3
-							].map((e) => /* @__PURE__ */ g("div", { className: "h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer" }, e))
-						}) : k && k.length > 0 ? /* @__PURE__ */ g("div", {
+							].map((e) => /* @__PURE__ */ v("div", { className: "h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer" }, e))
+						}) : j && j.length > 0 ? /* @__PURE__ */ v("div", {
 							className: "space-y-3",
-							children: k.slice(0, 4).map((e) => /* @__PURE__ */ _(v, {
-								to: O(`bots/${e.id}`),
+							children: j.slice(0, 4).map((e) => /* @__PURE__ */ y(b, {
+								to: A(`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__ */ _("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ g("span", {
+									children: [/* @__PURE__ */ v("span", {
 										className: "text-2xl",
 										children: e.icon || "🤖"
-									}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
 										children: e.name
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary",
 										children: [
 											e.executionCount || 0,
 											" ",
-											T("botlit.common.executions", "executions")
+											D("botlit.common.executions", "executions")
 										]
 									})] })]
-								}), /* @__PURE__ */ g(d, { status: e.status })]
+								}), /* @__PURE__ */ v(p, { status: e.status })]
 							}, e.id))
-						}) : /* @__PURE__ */ _("div", {
+						}) : /* @__PURE__ */ y("div", {
 							className: "text-center py-8 text-text-secondary",
 							children: [
-								/* @__PURE__ */ g(y, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-								/* @__PURE__ */ g("p", { children: T("botlit.dashboard.recentBots.emptyTitle", "No bots yet") }),
-								/* @__PURE__ */ g(u, {
-									variant: "outline",
-									size: "sm",
-									className: "mt-3",
-									onClick: () => D("bots/new"),
-									children: T("botlit.dashboard.recentBots.emptyAction", "Create your first bot")
+								/* @__PURE__ */ v(x, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+								/* @__PURE__ */ v("p", { children: D("botlit.dashboard.recentBots.emptyTitle", "No bots yet") }),
+								/* @__PURE__ */ v(o, {
+									permission: a.APP_CREATE,
+									children: /* @__PURE__ */ v(c, {
+										variant: "outline",
+										size: "sm",
+										className: "mt-3",
+										onClick: () => k("bots/new"),
+										children: D("botlit.dashboard.recentBots.emptyAction", "Create your first bot")
+									})
 								})
 							]
 						}) })]
-					}), /* @__PURE__ */ _(o, {
+					}), /* @__PURE__ */ y(l, {
 						treatment: "insight",
-						children: [/* @__PURE__ */ _(c, {
+						children: [/* @__PURE__ */ y(d, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ g(l, { children: T("botlit.dashboard.activeAgents.title", "Active Agents") }), /* @__PURE__ */ g(u, {
+							children: [/* @__PURE__ */ v(f, { children: D("botlit.dashboard.activeAgents.title", "Active Agents") }), /* @__PURE__ */ v(c, {
 								variant: "ghost",
 								size: "sm",
-								rightIcon: /* @__PURE__ */ g(b, { size: 16 }),
-								onClick: () => D("agents"),
-								children: T("botlit.common.viewAll", "View All")
+								rightIcon: /* @__PURE__ */ v(S, { size: 16 }),
+								onClick: () => k("agents"),
+								children: D("botlit.common.viewAll", "View All")
 							})]
-						}), /* @__PURE__ */ g(s, { children: M ? /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ v(u, { children: P ? /* @__PURE__ */ v("div", {
 							className: "space-y-3",
 							children: [
 								1,
 								2,
 								3
-							].map((e) => /* @__PURE__ */ g("div", { className: "h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer" }, e))
-						}) : j && j.length > 0 ? /* @__PURE__ */ g("div", {
+							].map((e) => /* @__PURE__ */ v("div", { className: "h-16 bg-bg-sunken rounded-lg motion-safe:animate-vc-shimmer" }, e))
+						}) : N && N.length > 0 ? /* @__PURE__ */ v("div", {
 							className: "space-y-3",
-							children: j.filter((e) => e.status === "ACTIVE").slice(0, 4).map((e) => /* @__PURE__ */ g(v, {
-								to: O(`agents/${e.id}`),
+							children: N.filter((e) => e.status === "ACTIVE").slice(0, 4).map((e) => /* @__PURE__ */ v(b, {
+								to: A(`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__ */ _("div", {
+								children: /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ _("span", {
+									children: [/* @__PURE__ */ y("span", {
 										className: "relative text-2xl",
-										children: ["🤖", /* @__PURE__ */ g("span", { className: "absolute -right-0.5 -top-0.5 size-2 rounded-full bg-status-success-text motion-safe:animate-vc-glow-pulse" })]
-									}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										children: ["🤖", /* @__PURE__ */ v("span", { className: "absolute -right-0.5 -top-0.5 size-2 rounded-full bg-status-success-text motion-safe:animate-vc-glow-pulse" })]
+									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
 										children: e.name
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary",
 										children: [
 											i(e.executionCount ?? 0),
 											" ",
-											T("botlit.common.executions", "executions")
+											D("botlit.common.executions", "executions")
 										]
 									})] })]
 								})
 							}, e.id))
-						}) : /* @__PURE__ */ _("div", {
+						}) : /* @__PURE__ */ y("div", {
 							className: "text-center py-8 text-text-secondary",
 							children: [
-								/* @__PURE__ */ g(S, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-								/* @__PURE__ */ g("p", { children: T("botlit.dashboard.activeAgents.emptyTitle", "No active agents") }),
-								/* @__PURE__ */ g(u, {
-									variant: "outline",
-									size: "sm",
-									className: "mt-3",
-									onClick: () => D("agents/new"),
-									children: T("botlit.dashboard.activeAgents.emptyAction", "Create your first agent")
+								/* @__PURE__ */ v(w, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+								/* @__PURE__ */ v("p", { children: D("botlit.dashboard.activeAgents.emptyTitle", "No active agents") }),
+								/* @__PURE__ */ v(o, {
+									permission: a.AGENT_CREATE,
+									children: /* @__PURE__ */ v(c, {
+										variant: "outline",
+										size: "sm",
+										className: "mt-3",
+										onClick: () => k("agents/new"),
+										children: D("botlit.dashboard.activeAgents.emptyAction", "Create your first agent")
+									})
 								})
 							]
 						}) })]
 					})]
 				}),
-				/* @__PURE__ */ _(f, {
+				/* @__PURE__ */ y(m, {
 					treatment: "plain",
 					className: "border-border-seam p-6",
-					children: [/* @__PURE__ */ g("h2", {
+					children: [/* @__PURE__ */ v("h2", {
 						className: "text-lg font-semibold tracking-tight text-text-primary",
-						children: T("botlit.dashboard.quickActions.title", "Quick Actions")
-					}), /* @__PURE__ */ _("div", {
+						children: D("botlit.dashboard.quickActions.title", "Quick Actions")
+					}), /* @__PURE__ */ y("div", {
 						className: "mt-4 grid grid-cols-2 md:grid-cols-4 gap-4",
 						children: [
-							/* @__PURE__ */ _(v, {
-								to: O("bots/new"),
+							/* @__PURE__ */ y(b, {
+								to: A("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__ */ g(y, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ v(x, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ v("span", {
 									className: "text-sm font-medium",
-									children: T("botlit.dashboard.quickActions.createBot", "Create Bot")
+									children: D("botlit.dashboard.quickActions.createBot", "Create Bot")
 								})]
 							}),
-							/* @__PURE__ */ _(v, {
-								to: O("agents/new"),
+							/* @__PURE__ */ y(b, {
+								to: A("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__ */ g(S, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ v(w, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ v("span", {
 									className: "text-sm font-medium",
-									children: T("botlit.dashboard.quickActions.buildAgent", "Build Agent")
+									children: D("botlit.dashboard.quickActions.buildAgent", "Build Agent")
 								})]
 							}),
-							/* @__PURE__ */ _(v, {
-								to: O("knowledge/new"),
+							/* @__PURE__ */ y(b, {
+								to: A("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__ */ g(x, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ v(C, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ v("span", {
 									className: "text-sm font-medium",
-									children: T("botlit.dashboard.quickActions.addKnowledge", "Add Knowledge")
+									children: D("botlit.dashboard.quickActions.addKnowledge", "Add Knowledge")
 								})]
 							}),
-							/* @__PURE__ */ _("a", {
+							/* @__PURE__ */ y("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__ */ g(w, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ v(E, { className: "h-8 w-8 text-text-secondary" }), /* @__PURE__ */ v("span", {
 									className: "text-sm font-medium",
-									children: T("botlit.dashboard.quickActions.quickChat", "Quick Chat")
+									children: D("botlit.dashboard.quickActions.quickChat", "Quick Chat")
 								})]
 							})
 						]
@@ -234,6 +249,6 @@ var T = () => {
 	});
 };
 //#endregion
-export { T as DashboardPage };
+export { D as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

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

@@ -1 +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 { AppWindow, Bot, BookOpen, Zap, ArrowRight, Plus } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\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 { useBotlit } from '../providers/BotlitProvider';\nimport { formatNumber } from '../utils/formatters';\n\nexport const DashboardPage: FC = () => {\n  const t = useTr();\n  const { currentUser, navigateTo, getPath } = useBotlit();\n  const { data: bots, loading: botsLoading } = useBots();\n  const { data: agents, loading: agentsLoading } = useAgents();\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\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 and agent 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 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        </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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"}
+{"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 { AppWindow, Bot, BookOpen, Zap, ArrowRight, Plus } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\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 { useBotlit } from '../providers/BotlitProvider';\nimport { formatNumber } from '../utils/formatters';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport const DashboardPage: FC = () => {\n  const t = useTr();\n  const { currentUser, navigateTo, getPath } = useBotlit();\n  const { data: bots, loading: botsLoading } = useBots();\n  const { data: agents, loading: agentsLoading } = useAgents();\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\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          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\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          </BotmanorPermissionGate>\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_CREATE}>\n            <Button leftIcon={<Bot size={16} />} onClick={() => navigateTo('agents/new')}>\n              {t('botlit.dashboard.actions.createAgent', 'Create Agent')}\n            </Button>\n          </BotmanorPermissionGate>\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 and agent 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 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                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\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                  </BotmanorPermissionGate>\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                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_CREATE}>\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                  </BotmanorPermissionGate>\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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"}