@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/ExecutionsPage.js

@@ -1,22 +1,22 @@
-import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useBotlit as t } from "../providers/BotlitProvider.js";
-import { formatCurrency as n, formatDuration as r, formatNumber as i, formatRelativeTime as a } from "../utils/formatters.js";
-import { PageLayout as o } from "../components/PageLayout.js";
-import { Button as s } from "../components/Button.js";
-import { Card as c, CardContent as l } from "../components/Card.js";
-import { Badge as u } from "../components/Badge.js";
-import { EmptyState as d } from "../components/EmptyState.js";
-import { Input as f } from "../components/Input.js";
-import { ErrorState as p } from "../components/ErrorState.js";
-import { summariseExecutions as m, useExecutions as h } from "../hooks/useExecutions.js";
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { Card as r, CardContent as i } from "../components/Card.js";
+import { Button as a } from "../components/Button.js";
+import { Input as o } from "../components/Input.js";
+import { Badge as s } from "../components/Badge.js";
+import { EmptyState as c } from "../components/EmptyState.js";
+import { ErrorState as l } from "../components/ErrorState.js";
 import "../hooks/index.js";
+import { summariseExecutions as u, useExecutions as d } from "../hooks/useExecutions.js";
+import { formatCurrency as f, formatDuration as p, formatNumber as m, formatRelativeTime as h } from "../utils/formatters.js";
 import { ExecutionStatus as g } from "../../generated/wspace-types.js";
 import { useMemo as _, useState as v } from "react";
 import { PagePurpose as y } from "@burdenoff/fe-libs/ui";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { Link as S } from "react-router";
 import { Activity as C, CheckCircle as w, Clock as T, DollarSign as E, Hourglass as D, RefreshCw as O, Search as k, TrendingUp as A, XCircle as j, Zap as M } from "lucide-react";
-//#region src/botlit/pages/ExecutionsPage.tsx
+// src/botlit/pages/ExecutionsPage.tsx
 var N = [
 	g.Completed,
 	g.Running,
@@ -44,104 +44,107 @@ var F = ({ status: e, className: t }) => {
 		case g.Pending: return /* @__PURE__ */ b(D, { className: t ?? "h-4 w-4 text-status-warning-text" });
 		default: return /* @__PURE__ */ b(C, { className: t ?? "h-4 w-4 text-text-secondary" });
 	}
-}, I = ({ status: e, labels: t }) => /* @__PURE__ */ x(u, {
-	variant: {
+}, I = ({ status: e, labels: t }) => {
+	let n = {
 		[g.Completed]: "success",
 		[g.Failed]: "destructive",
 		[g.Timeout]: "destructive",
 		[g.Running]: "default",
 		[g.Pending]: "warning",
 		[g.Cancelled]: "secondary"
-	}[e] ?? "secondary",
-	className: "flex items-center gap-1",
-	children: [/* @__PURE__ */ b(F, { status: e }), t[e] ?? e]
-}), L = () => {
-	let u = e(), { getPath: g } = t(), [w, D] = v(""), [j, L] = v([]), R = P(u), { data: z, loading: B, error: V, refetch: H } = h(_(() => ({
+	};
+	return /* @__PURE__ */ x(s, {
+		variant: n[e] ?? "secondary",
+		className: "flex items-center gap-1",
+		children: [/* @__PURE__ */ b(F, { status: e }), t[e] ?? e]
+	});
+}, L = () => {
+	let s = t(), { getPath: g } = e(), [w, D] = v(""), [j, L] = v([]), R = P(s), z = _(() => ({
 		search: w,
 		status: j
-	}), [w, j])), U = _(() => m(z), [z]);
-	return /* @__PURE__ */ b(o, {
-		title: u("botlit.executions.title", "Executions"),
-		description: u("botlit.executions.description", "Monitor agent execution history, performance, and costs"),
-		actions: /* @__PURE__ */ b(s, {
+	}), [w, j]), { data: B, loading: V, error: H, refetch: U } = d(z), W = _(() => u(B), [B]);
+	return /* @__PURE__ */ b(n, {
+		title: s("botlit.executions.title", "Executions"),
+		description: s("botlit.executions.description", "Monitor agent execution history, performance, and costs"),
+		actions: /* @__PURE__ */ b(a, {
 			variant: "outline",
 			leftIcon: /* @__PURE__ */ b(O, { size: 16 }),
-			onClick: () => void H(),
-			children: u("botlit.executions.actions.refresh", "Refresh")
+			onClick: () => void U(),
+			children: s("botlit.executions.actions.refresh", "Refresh")
 		}),
 		children: /* @__PURE__ */ x("div", {
 			className: "space-y-6",
 			children: [
 				/* @__PURE__ */ b(y, {
 					icon: /* @__PURE__ */ b(C, { size: 18 }),
-					children: u("botlit.executions.purpose", "An execution is a single run of an agent — one request in, one response out. This page is your observability and cost dashboard: see which runs succeeded or failed, how long they took, how many tokens they burned and what they cost. Use it to spot failing agents, runaway spend and latency regressions, then open any run to inspect its full trace.")
+					children: s("botlit.executions.purpose", "An execution is a single run of an agent — one request in, one response out. This page is your observability and cost dashboard: see which runs succeeded or failed, how long they took, how many tokens they burned and what they cost. Use it to spot failing agents, runaway spend and latency regressions, then open any run to inspect its full trace.")
 				}),
-				U.total > 0 && /* @__PURE__ */ x("div", {
+				W.total > 0 && /* @__PURE__ */ x("div", {
 					className: "space-y-2",
 					children: [/* @__PURE__ */ x("div", {
 						className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 						children: [
-							/* @__PURE__ */ b(c, {
+							/* @__PURE__ */ b(r, {
 								treatment: "glass",
 								glow: !0,
-								children: /* @__PURE__ */ b(l, {
+								children: /* @__PURE__ */ b(i, {
 									className: "pt-6",
 									children: /* @__PURE__ */ x("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-sm text-text-secondary",
-											children: u("botlit.executions.rollup.executions", "Executions")
+											children: s("botlit.executions.rollup.executions", "Executions")
 										}), /* @__PURE__ */ b("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: i(U.total)
+											children: m(W.total)
 										})] }), /* @__PURE__ */ b(C, { className: "h-8 w-8 text-text-secondary" })]
 									})
 								})
 							}),
-							/* @__PURE__ */ b(c, {
+							/* @__PURE__ */ b(r, {
 								treatment: "metric",
-								children: /* @__PURE__ */ b(l, {
+								children: /* @__PURE__ */ b(i, {
 									className: "pt-6",
 									children: /* @__PURE__ */ x("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-sm text-text-secondary",
-											children: u("botlit.executions.rollup.successRate", "Success Rate")
+											children: s("botlit.executions.rollup.successRate", "Success Rate")
 										}), /* @__PURE__ */ x("p", {
 											className: "text-2xl font-bold tabular-nums text-status-success-text",
-											children: [(U.successRate * 100).toFixed(1), "%"]
+											children: [(W.successRate * 100).toFixed(1), "%"]
 										})] }), /* @__PURE__ */ b(A, { className: "h-8 w-8 text-status-success-text" })]
 									})
 								})
 							}),
-							/* @__PURE__ */ b(c, {
+							/* @__PURE__ */ b(r, {
 								treatment: "metric",
-								children: /* @__PURE__ */ b(l, {
+								children: /* @__PURE__ */ b(i, {
 									className: "pt-6",
 									children: /* @__PURE__ */ x("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-sm text-text-secondary",
-											children: u("botlit.executions.rollup.avgDuration", "Avg Duration")
+											children: s("botlit.executions.rollup.avgDuration", "Avg Duration")
 										}), /* @__PURE__ */ b("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: r(U.avgDurationMs)
+											children: p(W.avgDurationMs)
 										})] }), /* @__PURE__ */ b(T, { className: "h-8 w-8 text-text-secondary" })]
 									})
 								})
 							}),
-							/* @__PURE__ */ b(c, {
+							/* @__PURE__ */ b(r, {
 								treatment: "metric",
-								children: /* @__PURE__ */ b(l, {
+								children: /* @__PURE__ */ b(i, {
 									className: "pt-6",
 									children: /* @__PURE__ */ x("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-sm text-text-secondary",
-											children: u("botlit.executions.rollup.totalCost", "Total Cost")
+											children: s("botlit.executions.rollup.totalCost", "Total Cost")
 										}), /* @__PURE__ */ b("p", {
 											className: "text-2xl font-bold tabular-nums",
-											children: n(U.totalCost)
+											children: f(W.totalCost)
 										})] }), /* @__PURE__ */ b(E, { className: "h-8 w-8 text-text-secondary" })]
 									})
 								})
@@ -149,22 +152,22 @@ var F = ({ status: e, className: t }) => {
 						]
 					}), /* @__PURE__ */ b("p", {
 						className: "text-xs text-text-secondary",
-						children: u("botlit.executions.rollup.calculatedAcross", "Calculated across the {{count}} runs shown below.", { count: U.total })
+						children: s("botlit.executions.rollup.calculatedAcross", "Calculated across the {{count}} runs shown below.", { count: W.total })
 					})]
 				}),
 				/* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [/* @__PURE__ */ x("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ b(k, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ b(f, {
-							placeholder: u("botlit.executions.filters.searchPlaceholder", "Search by run, agent, bot or input…"),
+						children: [/* @__PURE__ */ b(k, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ b(o, {
+							placeholder: s("botlit.executions.filters.searchPlaceholder", "Search by run, agent, bot or input…"),
 							value: w,
 							onChange: (e) => D(e.target.value),
 							className: "pl-9"
 						})]
 					}), /* @__PURE__ */ b("div", {
 						className: "flex flex-wrap gap-2",
-						children: N.map((e) => /* @__PURE__ */ x(s, {
+						children: N.map((e) => /* @__PURE__ */ x(a, {
 							variant: j.includes(e) ? "default" : "outline",
 							size: "sm",
 							onClick: () => L((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]),
@@ -175,7 +178,7 @@ var F = ({ status: e, className: t }) => {
 						}, e))
 					})]
 				}),
-				B ? /* @__PURE__ */ b("div", {
+				V ? /* @__PURE__ */ b("div", {
 					className: "space-y-4",
 					children: [
 						1,
@@ -184,45 +187,45 @@ var F = ({ status: e, className: t }) => {
 						4,
 						5
 					].map((e) => /* @__PURE__ */ b("div", { className: "h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : V ? /* @__PURE__ */ b(p, {
+				}) : H ? /* @__PURE__ */ b(l, {
 					resource: "executions",
-					error: V,
-					onRetry: () => void H()
-				}) : z.length > 0 ? /* @__PURE__ */ x("div", {
+					error: H,
+					onRetry: () => void U()
+				}) : B.length > 0 ? /* @__PURE__ */ x("div", {
 					className: "space-y-2",
 					children: [/* @__PURE__ */ x("div", {
 						className: "grid grid-cols-12 gap-4 px-4 py-2 text-sm font-medium text-text-secondary border-b border-border-subtle",
 						children: [
 							/* @__PURE__ */ b("div", {
 								className: "col-span-2",
-								children: u("botlit.executions.table.status", "Status")
+								children: s("botlit.executions.table.status", "Status")
 							}),
 							/* @__PURE__ */ b("div", {
 								className: "col-span-3",
-								children: u("botlit.executions.table.botAgent", "Bot / Agent")
+								children: s("botlit.executions.table.botAgent", "Bot / Agent")
 							}),
 							/* @__PURE__ */ b("div", {
 								className: "col-span-2",
-								children: u("botlit.executions.table.duration", "Duration")
+								children: s("botlit.executions.table.duration", "Duration")
 							}),
 							/* @__PURE__ */ b("div", {
 								className: "col-span-2",
-								children: u("botlit.executions.table.tokens", "Tokens")
+								children: s("botlit.executions.table.tokens", "Tokens")
 							}),
 							/* @__PURE__ */ b("div", {
 								className: "col-span-1",
-								children: u("botlit.executions.table.cost", "Cost")
+								children: s("botlit.executions.table.cost", "Cost")
 							}),
 							/* @__PURE__ */ b("div", {
 								className: "col-span-2",
-								children: u("botlit.executions.table.started", "Started")
+								children: s("botlit.executions.table.started", "Started")
 							})
 						]
-					}), z.map((e) => /* @__PURE__ */ b(S, {
+					}), B.map((e) => /* @__PURE__ */ b(S, {
 						to: g(`executions/${e.id}`),
-						children: /* @__PURE__ */ b(c, {
+						children: /* @__PURE__ */ b(r, {
 							className: "hover:border-primary/50 transition-colors cursor-pointer",
-							children: /* @__PURE__ */ b(l, {
+							children: /* @__PURE__ */ b(i, {
 								className: "py-3",
 								children: /* @__PURE__ */ x("div", {
 									className: "grid grid-cols-12 gap-4 items-center",
@@ -251,7 +254,7 @@ var F = ({ status: e, className: t }) => {
 												children: [/* @__PURE__ */ b(T, {
 													size: 14,
 													className: "text-text-secondary"
-												}), /* @__PURE__ */ b("span", { children: r(e.duration) })]
+												}), /* @__PURE__ */ b("span", { children: p(e.duration) })]
 											})
 										}),
 										/* @__PURE__ */ b("div", {
@@ -261,7 +264,7 @@ var F = ({ status: e, className: t }) => {
 												children: [/* @__PURE__ */ b(M, {
 													size: 14,
 													className: "text-text-secondary"
-												}), /* @__PURE__ */ b("span", { children: i(e.tokensUsed) })]
+												}), /* @__PURE__ */ b("span", { children: m(e.tokensUsed) })]
 											})
 										}),
 										/* @__PURE__ */ b("div", {
@@ -271,28 +274,27 @@ var F = ({ status: e, className: t }) => {
 												children: [/* @__PURE__ */ b(E, {
 													size: 14,
 													className: "text-text-secondary"
-												}), /* @__PURE__ */ b("span", { children: n(e.cost) })]
+												}), /* @__PURE__ */ b("span", { children: f(e.cost) })]
 											})
 										}),
 										/* @__PURE__ */ b("div", {
 											className: "col-span-2 text-sm text-text-secondary",
-											children: a(e.createdAt)
+											children: h(e.createdAt)
 										})
 									]
 								})
 							})
 						})
 					}, e.id))]
-				}) : /* @__PURE__ */ b(d, {
+				}) : /* @__PURE__ */ b(c, {
 					illustration: "empty-search",
-					title: u("botlit.executions.empty.title", "No executions found"),
-					description: j.length > 0 || w ? u("botlit.executions.empty.descriptionFiltered", "No executions match your filters. Try adjusting your search.") : u("botlit.executions.empty.descriptionNoData", "Executions will appear here when agents process requests.")
+					title: s("botlit.executions.empty.title", "No executions found"),
+					description: j.length > 0 || w ? s("botlit.executions.empty.descriptionFiltered", "No executions match your filters. Try adjusting your search.") : s("botlit.executions.empty.descriptionNoData", "Executions will appear here when agents process requests.")
 				})
 			]
 		})
 	});
 };
-//#endregion
 export { L as ExecutionsPage };
 
 //# sourceMappingURL=ExecutionsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExecutionsPage.js","names":[],"sources":["../../../src/botlit/pages/ExecutionsPage.tsx"],"sourcesContent":["/**\n * Executions Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Search as SearchIcon,\n  Activity,\n  CheckCircle,\n  XCircle,\n  Clock,\n  DollarSign,\n  Zap,\n  RefreshCw,\n  TrendingUp,\n  Hourglass,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose } 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 { Badge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport { useExecutions, summariseExecutions, type ExecutionRecord } from '../hooks';\nimport {\n  formatNumber,\n  formatRelativeTime,\n  formatCurrency,\n  formatDuration,\n  MISSING_VALUE,\n} from '../utils/formatters';\nimport { ExecutionStatus as GqlExecutionStatus } from '../../generated/wspace-types';\n\n/**\n * The statuses wspace-botlit-svc actually reports. These MUST match the\n * `ExecutionStatus` enum in the supergraph — sending anything else fails\n * GraphQL validation at the gateway.\n */\nconst EXECUTION_STATUSES: GqlExecutionStatus[] = [\n  GqlExecutionStatus.Completed,\n  GqlExecutionStatus.Running,\n  GqlExecutionStatus.Pending,\n  GqlExecutionStatus.Failed,\n  GqlExecutionStatus.Timeout,\n  GqlExecutionStatus.Cancelled,\n];\n\nfunction useStatusLabels(t: ReturnType<typeof useTr>): Record<GqlExecutionStatus, string> {\n  return {\n    [GqlExecutionStatus.Completed]: t('botlit.executions.status.completed', 'Completed'),\n    [GqlExecutionStatus.Running]: t('botlit.executions.status.running', 'Running'),\n    [GqlExecutionStatus.Pending]: t('botlit.executions.status.pending', 'Pending'),\n    [GqlExecutionStatus.Failed]: t('botlit.executions.status.failed', 'Failed'),\n    [GqlExecutionStatus.Timeout]: t('botlit.executions.status.timedOut', 'Timed out'),\n    [GqlExecutionStatus.Cancelled]: t('botlit.executions.status.cancelled', 'Cancelled'),\n  };\n}\n\nconst StatusIcon: FC<{ status: string; className?: string }> = ({ status, className }) => {\n  switch (status) {\n    case GqlExecutionStatus.Completed:\n      return <CheckCircle className={className ?? 'h-4 w-4 text-status-success-text'} />;\n    case GqlExecutionStatus.Failed:\n    case GqlExecutionStatus.Timeout:\n      return <XCircle className={className ?? 'h-4 w-4 text-status-error-text'} />;\n    case GqlExecutionStatus.Running:\n      return (\n        <RefreshCw\n          className={className ?? 'h-4 w-4 text-status-info-text motion-safe:animate-spin'}\n        />\n      );\n    case GqlExecutionStatus.Pending:\n      return <Hourglass className={className ?? 'h-4 w-4 text-status-warning-text'} />;\n    default:\n      return <Activity className={className ?? 'h-4 w-4 text-text-secondary'} />;\n  }\n};\n\nconst StatusBadge: FC<{ status: string; labels: Record<GqlExecutionStatus, string> }> = ({\n  status,\n  labels,\n}) => {\n  const variants: Record<string, 'success' | 'destructive' | 'warning' | 'secondary' | 'default'> =\n    {\n      [GqlExecutionStatus.Completed]: 'success',\n      [GqlExecutionStatus.Failed]: 'destructive',\n      [GqlExecutionStatus.Timeout]: 'destructive',\n      [GqlExecutionStatus.Running]: 'default',\n      [GqlExecutionStatus.Pending]: 'warning',\n      [GqlExecutionStatus.Cancelled]: 'secondary',\n    };\n\n  return (\n    <Badge variant={variants[status] ?? 'secondary'} className=\"flex items-center gap-1\">\n      <StatusIcon status={status} />\n      {labels[status as GqlExecutionStatus] ?? status}\n    </Badge>\n  );\n};\n\nexport const ExecutionsPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<GqlExecutionStatus[]>([]);\n  const statusLabels = useStatusLabels(t);\n\n  const filter = useMemo(\n    () => ({ search, status: statusFilter as string[] }),\n    [search, statusFilter]\n  );\n  const { data: executions, loading, error, refetch } = useExecutions(filter);\n\n  // No server-side aggregate exists for executions — these numbers describe the\n  // runs currently loaded, and the caption below says so.\n  const rollup = useMemo(() => summariseExecutions(executions), [executions]);\n\n  return (\n    <PageLayout\n      title={t('botlit.executions.title', 'Executions')}\n      description={t(\n        'botlit.executions.description',\n        'Monitor agent execution history, performance, and costs'\n      )}\n      actions={\n        <Button variant=\"outline\" leftIcon={<RefreshCw size={16} />} onClick={() => void refetch()}>\n          {t('botlit.executions.actions.refresh', 'Refresh')}\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Activity size={18} />}>\n          {t(\n            'botlit.executions.purpose',\n            'An execution is a single run of an agent — one request in, one response out. This page is your observability and cost dashboard: see which runs succeeded or failed, how long they took, how many tokens they burned and what they cost. Use it to spot failing agents, runaway spend and latency regressions, then open any run to inspect its full trace.'\n          )}\n        </PagePurpose>\n\n        {/* Stats over the loaded runs */}\n        {rollup.total > 0 && (\n          <div className=\"space-y-2\">\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n              <Card treatment=\"glass\" glow>\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.executions', 'Executions')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums\">\n                        {formatNumber(rollup.total)}\n                      </p>\n                    </div>\n                    <Activity className=\"h-8 w-8 text-text-secondary\" />\n                  </div>\n                </CardContent>\n              </Card>\n              <Card treatment=\"metric\">\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.successRate', 'Success Rate')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums text-status-success-text\">\n                        {(rollup.successRate * 100).toFixed(1)}%\n                      </p>\n                    </div>\n                    <TrendingUp className=\"h-8 w-8 text-status-success-text\" />\n                  </div>\n                </CardContent>\n              </Card>\n              <Card treatment=\"metric\">\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.avgDuration', 'Avg Duration')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums\">\n                        {formatDuration(rollup.avgDurationMs)}\n                      </p>\n                    </div>\n                    <Clock className=\"h-8 w-8 text-text-secondary\" />\n                  </div>\n                </CardContent>\n              </Card>\n              <Card treatment=\"metric\">\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.totalCost', 'Total Cost')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums\">\n                        {formatCurrency(rollup.totalCost)}\n                      </p>\n                    </div>\n                    <DollarSign className=\"h-8 w-8 text-text-secondary\" />\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {t(\n                'botlit.executions.rollup.calculatedAcross',\n                'Calculated across the {{count}} runs shown below.',\n                {\n                  count: rollup.total,\n                }\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Filters */}\n        <div className=\"flex flex-wrap items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t(\n                'botlit.executions.filters.searchPlaceholder',\n                'Search by run, agent, bot or input…'\n              )}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <div className=\"flex flex-wrap gap-2\">\n            {EXECUTION_STATUSES.map((status) => (\n              <Button\n                key={status}\n                variant={statusFilter.includes(status) ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() =>\n                  setStatusFilter((prev) =>\n                    prev.includes(status) ? prev.filter((s) => s !== status) : [...prev, status]\n                  )\n                }\n              >\n                <StatusIcon status={status} />\n                <span className=\"ml-1\">{statusLabels[status]}</span>\n              </Button>\n            ))}\n          </div>\n        </div>\n\n        {/* Executions List */}\n        {loading ? (\n          <div className=\"space-y-4\">\n            {[1, 2, 3, 4, 5].map((i) => (\n              <div\n                key={i}\n                className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"executions\" error={error} onRetry={() => void refetch()} />\n        ) : executions.length > 0 ? (\n          <div className=\"space-y-2\">\n            {/* Table Header */}\n            <div className=\"grid grid-cols-12 gap-4 px-4 py-2 text-sm font-medium text-text-secondary border-b border-border-subtle\">\n              <div className=\"col-span-2\">{t('botlit.executions.table.status', 'Status')}</div>\n              <div className=\"col-span-3\">\n                {t('botlit.executions.table.botAgent', 'Bot / Agent')}\n              </div>\n              <div className=\"col-span-2\">{t('botlit.executions.table.duration', 'Duration')}</div>\n              <div className=\"col-span-2\">{t('botlit.executions.table.tokens', 'Tokens')}</div>\n              <div className=\"col-span-1\">{t('botlit.executions.table.cost', 'Cost')}</div>\n              <div className=\"col-span-2\">{t('botlit.executions.table.started', 'Started')}</div>\n            </div>\n\n            {/* Table Rows */}\n            {executions.map((execution: ExecutionRecord) => (\n              <Link key={execution.id} to={getPath(`executions/${execution.id}`)}>\n                <Card className=\"hover:border-primary/50 transition-colors cursor-pointer\">\n                  <CardContent className=\"py-3\">\n                    <div className=\"grid grid-cols-12 gap-4 items-center\">\n                      <div className=\"col-span-2\">\n                        <StatusBadge status={execution.status} labels={statusLabels} />\n                      </div>\n                      <div className=\"col-span-3\">\n                        <p className=\"font-medium truncate\">{execution.appId ?? MISSING_VALUE}</p>\n                        <p className=\"text-sm text-text-secondary truncate\">\n                          {execution.agentId ?? MISSING_VALUE}\n                        </p>\n                      </div>\n                      <div className=\"col-span-2\">\n                        <div className=\"flex items-center gap-1\">\n                          <Clock size={14} className=\"text-text-secondary\" />\n                          <span>{formatDuration(execution.duration)}</span>\n                        </div>\n                      </div>\n                      <div className=\"col-span-2\">\n                        <div className=\"flex items-center gap-1\">\n                          <Zap size={14} className=\"text-text-secondary\" />\n                          <span>{formatNumber(execution.tokensUsed)}</span>\n                        </div>\n                      </div>\n                      <div className=\"col-span-1\">\n                        <div className=\"flex items-center gap-1\">\n                          <DollarSign size={14} className=\"text-text-secondary\" />\n                          <span>{formatCurrency(execution.cost)}</span>\n                        </div>\n                      </div>\n                      <div className=\"col-span-2 text-sm text-text-secondary\">\n                        {formatRelativeTime(execution.createdAt)}\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-search\"\n            title={t('botlit.executions.empty.title', 'No executions found')}\n            description={\n              statusFilter.length > 0 || search\n                ? t(\n                    'botlit.executions.empty.descriptionFiltered',\n                    'No executions match your filters. Try adjusting your search.'\n                  )\n                : t(\n                    'botlit.executions.empty.descriptionNoData',\n                    'Executions will appear here when agents process requests.'\n                  )\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ExecutionsPage.js","names":["GqlExecutionStatus","SearchIcon","EXECUTION_STATUSES","ExecutionStatus","useStatusLabels","t","StatusIcon","status","CheckCircle","className","XCircle","RefreshCw","Hourglass","Activity","StatusBadge","variants","Badge","labels","ExecutionsPage","useTr","useBotlit","search","setSearch","useState","statusFilter","setStatusFilter","statusLabels","filter","useMemo","executions","useExecutions","rollup","summariseExecutions","PageLayout","Button","refetch","PagePurpose","Card","CardContent","formatNumber","TrendingUp","formatDuration","Clock","formatCurrency","DollarSign","Search","Input","prev","s","loading","i","error","ErrorState","Link","getPath","execution","Zap","formatRelativeTime","EmptyState"],"sources":["../../../src/botlit/pages/ExecutionsPage.tsx"],"sourcesContent":["/**\n * Executions Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Search as SearchIcon,\n  Activity,\n  CheckCircle,\n  XCircle,\n  Clock,\n  DollarSign,\n  Zap,\n  RefreshCw,\n  TrendingUp,\n  Hourglass,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose } 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 { Badge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport { useExecutions, summariseExecutions, type ExecutionRecord } from '../hooks';\nimport {\n  formatNumber,\n  formatRelativeTime,\n  formatCurrency,\n  formatDuration,\n  MISSING_VALUE,\n} from '../utils/formatters';\nimport { ExecutionStatus as GqlExecutionStatus } from '../../generated/wspace-types';\n\n/**\n * The statuses wspace-botlit-svc actually reports. These MUST match the\n * `ExecutionStatus` enum in the supergraph — sending anything else fails\n * GraphQL validation at the gateway.\n */\nconst EXECUTION_STATUSES: GqlExecutionStatus[] = [\n  GqlExecutionStatus.Completed,\n  GqlExecutionStatus.Running,\n  GqlExecutionStatus.Pending,\n  GqlExecutionStatus.Failed,\n  GqlExecutionStatus.Timeout,\n  GqlExecutionStatus.Cancelled,\n];\n\nfunction useStatusLabels(t: ReturnType<typeof useTr>): Record<GqlExecutionStatus, string> {\n  return {\n    [GqlExecutionStatus.Completed]: t('botlit.executions.status.completed', 'Completed'),\n    [GqlExecutionStatus.Running]: t('botlit.executions.status.running', 'Running'),\n    [GqlExecutionStatus.Pending]: t('botlit.executions.status.pending', 'Pending'),\n    [GqlExecutionStatus.Failed]: t('botlit.executions.status.failed', 'Failed'),\n    [GqlExecutionStatus.Timeout]: t('botlit.executions.status.timedOut', 'Timed out'),\n    [GqlExecutionStatus.Cancelled]: t('botlit.executions.status.cancelled', 'Cancelled'),\n  };\n}\n\nconst StatusIcon: FC<{ status: string; className?: string }> = ({ status, className }) => {\n  switch (status) {\n    case GqlExecutionStatus.Completed:\n      return <CheckCircle className={className ?? 'h-4 w-4 text-status-success-text'} />;\n    case GqlExecutionStatus.Failed:\n    case GqlExecutionStatus.Timeout:\n      return <XCircle className={className ?? 'h-4 w-4 text-status-error-text'} />;\n    case GqlExecutionStatus.Running:\n      return (\n        <RefreshCw\n          className={className ?? 'h-4 w-4 text-status-info-text motion-safe:animate-spin'}\n        />\n      );\n    case GqlExecutionStatus.Pending:\n      return <Hourglass className={className ?? 'h-4 w-4 text-status-warning-text'} />;\n    default:\n      return <Activity className={className ?? 'h-4 w-4 text-text-secondary'} />;\n  }\n};\n\nconst StatusBadge: FC<{ status: string; labels: Record<GqlExecutionStatus, string> }> = ({\n  status,\n  labels,\n}) => {\n  const variants: Record<string, 'success' | 'destructive' | 'warning' | 'secondary' | 'default'> =\n    {\n      [GqlExecutionStatus.Completed]: 'success',\n      [GqlExecutionStatus.Failed]: 'destructive',\n      [GqlExecutionStatus.Timeout]: 'destructive',\n      [GqlExecutionStatus.Running]: 'default',\n      [GqlExecutionStatus.Pending]: 'warning',\n      [GqlExecutionStatus.Cancelled]: 'secondary',\n    };\n\n  return (\n    <Badge variant={variants[status] ?? 'secondary'} className=\"flex items-center gap-1\">\n      <StatusIcon status={status} />\n      {labels[status as GqlExecutionStatus] ?? status}\n    </Badge>\n  );\n};\n\nexport const ExecutionsPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<GqlExecutionStatus[]>([]);\n  const statusLabels = useStatusLabels(t);\n\n  const filter = useMemo(\n    () => ({ search, status: statusFilter as string[] }),\n    [search, statusFilter]\n  );\n  const { data: executions, loading, error, refetch } = useExecutions(filter);\n\n  // No server-side aggregate exists for executions — these numbers describe the\n  // runs currently loaded, and the caption below says so.\n  const rollup = useMemo(() => summariseExecutions(executions), [executions]);\n\n  return (\n    <PageLayout\n      title={t('botlit.executions.title', 'Executions')}\n      description={t(\n        'botlit.executions.description',\n        'Monitor agent execution history, performance, and costs'\n      )}\n      actions={\n        <Button variant=\"outline\" leftIcon={<RefreshCw size={16} />} onClick={() => void refetch()}>\n          {t('botlit.executions.actions.refresh', 'Refresh')}\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Activity size={18} />}>\n          {t(\n            'botlit.executions.purpose',\n            'An execution is a single run of an agent — one request in, one response out. This page is your observability and cost dashboard: see which runs succeeded or failed, how long they took, how many tokens they burned and what they cost. Use it to spot failing agents, runaway spend and latency regressions, then open any run to inspect its full trace.'\n          )}\n        </PagePurpose>\n\n        {/* Stats over the loaded runs */}\n        {rollup.total > 0 && (\n          <div className=\"space-y-2\">\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n              <Card treatment=\"glass\" glow>\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.executions', 'Executions')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums\">\n                        {formatNumber(rollup.total)}\n                      </p>\n                    </div>\n                    <Activity className=\"h-8 w-8 text-text-secondary\" />\n                  </div>\n                </CardContent>\n              </Card>\n              <Card treatment=\"metric\">\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.successRate', 'Success Rate')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums text-status-success-text\">\n                        {(rollup.successRate * 100).toFixed(1)}%\n                      </p>\n                    </div>\n                    <TrendingUp className=\"h-8 w-8 text-status-success-text\" />\n                  </div>\n                </CardContent>\n              </Card>\n              <Card treatment=\"metric\">\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.avgDuration', 'Avg Duration')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums\">\n                        {formatDuration(rollup.avgDurationMs)}\n                      </p>\n                    </div>\n                    <Clock className=\"h-8 w-8 text-text-secondary\" />\n                  </div>\n                </CardContent>\n              </Card>\n              <Card treatment=\"metric\">\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">\n                        {t('botlit.executions.rollup.totalCost', 'Total Cost')}\n                      </p>\n                      <p className=\"text-2xl font-bold tabular-nums\">\n                        {formatCurrency(rollup.totalCost)}\n                      </p>\n                    </div>\n                    <DollarSign className=\"h-8 w-8 text-text-secondary\" />\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {t(\n                'botlit.executions.rollup.calculatedAcross',\n                'Calculated across the {{count}} runs shown below.',\n                {\n                  count: rollup.total,\n                }\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Filters */}\n        <div className=\"flex flex-wrap items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t(\n                'botlit.executions.filters.searchPlaceholder',\n                'Search by run, agent, bot or input…'\n              )}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <div className=\"flex flex-wrap gap-2\">\n            {EXECUTION_STATUSES.map((status) => (\n              <Button\n                key={status}\n                variant={statusFilter.includes(status) ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() =>\n                  setStatusFilter((prev) =>\n                    prev.includes(status) ? prev.filter((s) => s !== status) : [...prev, status]\n                  )\n                }\n              >\n                <StatusIcon status={status} />\n                <span className=\"ml-1\">{statusLabels[status]}</span>\n              </Button>\n            ))}\n          </div>\n        </div>\n\n        {/* Executions List */}\n        {loading ? (\n          <div className=\"space-y-4\">\n            {[1, 2, 3, 4, 5].map((i) => (\n              <div\n                key={i}\n                className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"executions\" error={error} onRetry={() => void refetch()} />\n        ) : executions.length > 0 ? (\n          <div className=\"space-y-2\">\n            {/* Table Header */}\n            <div className=\"grid grid-cols-12 gap-4 px-4 py-2 text-sm font-medium text-text-secondary border-b border-border-subtle\">\n              <div className=\"col-span-2\">{t('botlit.executions.table.status', 'Status')}</div>\n              <div className=\"col-span-3\">\n                {t('botlit.executions.table.botAgent', 'Bot / Agent')}\n              </div>\n              <div className=\"col-span-2\">{t('botlit.executions.table.duration', 'Duration')}</div>\n              <div className=\"col-span-2\">{t('botlit.executions.table.tokens', 'Tokens')}</div>\n              <div className=\"col-span-1\">{t('botlit.executions.table.cost', 'Cost')}</div>\n              <div className=\"col-span-2\">{t('botlit.executions.table.started', 'Started')}</div>\n            </div>\n\n            {/* Table Rows */}\n            {executions.map((execution: ExecutionRecord) => (\n              <Link key={execution.id} to={getPath(`executions/${execution.id}`)}>\n                <Card className=\"hover:border-primary/50 transition-colors cursor-pointer\">\n                  <CardContent className=\"py-3\">\n                    <div className=\"grid grid-cols-12 gap-4 items-center\">\n                      <div className=\"col-span-2\">\n                        <StatusBadge status={execution.status} labels={statusLabels} />\n                      </div>\n                      <div className=\"col-span-3\">\n                        <p className=\"font-medium truncate\">{execution.appId ?? MISSING_VALUE}</p>\n                        <p className=\"text-sm text-text-secondary truncate\">\n                          {execution.agentId ?? MISSING_VALUE}\n                        </p>\n                      </div>\n                      <div className=\"col-span-2\">\n                        <div className=\"flex items-center gap-1\">\n                          <Clock size={14} className=\"text-text-secondary\" />\n                          <span>{formatDuration(execution.duration)}</span>\n                        </div>\n                      </div>\n                      <div className=\"col-span-2\">\n                        <div className=\"flex items-center gap-1\">\n                          <Zap size={14} className=\"text-text-secondary\" />\n                          <span>{formatNumber(execution.tokensUsed)}</span>\n                        </div>\n                      </div>\n                      <div className=\"col-span-1\">\n                        <div className=\"flex items-center gap-1\">\n                          <DollarSign size={14} className=\"text-text-secondary\" />\n                          <span>{formatCurrency(execution.cost)}</span>\n                        </div>\n                      </div>\n                      <div className=\"col-span-2 text-sm text-text-secondary\">\n                        {formatRelativeTime(execution.createdAt)}\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              </Link>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-search\"\n            title={t('botlit.executions.empty.title', 'No executions found')}\n            description={\n              statusFilter.length > 0 || search\n                ? t(\n                    'botlit.executions.empty.descriptionFiltered',\n                    'No executions match your filters. Try adjusting your search.'\n                  )\n                : t(\n                    'botlit.executions.empty.descriptionNoData',\n                    'Executions will appear here when agents process requests.'\n                  )\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/botlit/pages/InstalledPackagesPage.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const InstalledPackagesPage: FC;