@contractspec/example.agent-console 1.57.0 → 1.59.0

package/dist/ui/views/RunListView.js

@@ -1,165 +1,248 @@
-'use client';
-
-import { useRunList } from "../hooks/useRunList.js";
-import { EmptyState, ErrorState, LoaderBlock, StatCard, StatCardGroup, StatusChip } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+// src/ui/hooks/useRunList.ts
+import { useCallback, useEffect, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+function useRunList(options = {}) {
+  const { handlers, projectId } = useTemplateRuntime();
+  const { agent } = handlers;
+  const [data, setData] = useState(null);
+  const [metrics, setMetrics] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [page, setPage] = useState(1);
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [runsResult, metricsResult] = await Promise.all([
+        agent.listRuns({
+          projectId,
+          agentId: options.agentId,
+          status: options.status === "all" ? undefined : options.status,
+          limit: options.limit ?? 20,
+          offset: (page - 1) * (options.limit ?? 20)
+        }),
+        agent.getRunMetrics({
+          projectId,
+          agentId: options.agentId,
+          startDate: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000),
+          endDate: new Date
+        })
+      ]);
+      setData(runsResult);
+      setMetrics(metricsResult);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Unknown error"));
+    } finally {
+      setLoading(false);
+    }
+  }, [agent, projectId, options.agentId, options.status, options.limit, page]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  return {
+    data,
+    metrics,
+    loading,
+    error,
+    page,
+    refetch: fetchData,
+    nextPage: () => setPage((p) => p + 1),
+    prevPage: () => page > 1 && setPage((p) => p - 1)
+  };
+}
 
-//#region src/ui/views/RunListView.tsx
-/**
-* Run List View - Shows agent execution runs with stats
-*/
+// src/ui/views/RunListView.tsx
+import {
+  StatCard,
+  StatCardGroup,
+  StatusChip,
+  EmptyState,
+  LoaderBlock,
+  ErrorState
+} from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
 function getStatusTone(status) {
-	switch (status) {
-		case "COMPLETED": return "success";
-		case "RUNNING": return "warning";
-		case "QUEUED": return "neutral";
-		case "FAILED":
-		case "CANCELLED": return "danger";
-		default: return "neutral";
-	}
+  switch (status) {
+    case "COMPLETED":
+      return "success";
+    case "RUNNING":
+      return "warning";
+    case "QUEUED":
+      return "neutral";
+    case "FAILED":
+    case "CANCELLED":
+      return "danger";
+    default:
+      return "neutral";
+  }
 }
 function formatDuration(ms) {
-	if (!ms) return "-";
-	if (ms < 1e3) return `${ms}ms`;
-	if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
-	return `${(ms / 6e4).toFixed(1)}m`;
+  if (!ms)
+    return "-";
+  if (ms < 1000)
+    return `${ms}ms`;
+  if (ms < 60000)
+    return `${(ms / 1000).toFixed(1)}s`;
+  return `${(ms / 60000).toFixed(1)}m`;
 }
 function formatTokens(tokens) {
-	if (tokens < 1e3) return tokens.toString();
-	if (tokens < 1e6) return `${(tokens / 1e3).toFixed(1)}K`;
-	return `${(tokens / 1e6).toFixed(2)}M`;
+  if (tokens < 1000)
+    return tokens.toString();
+  if (tokens < 1e6)
+    return `${(tokens / 1000).toFixed(1)}K`;
+  return `${(tokens / 1e6).toFixed(2)}M`;
 }
 function formatCost(cost) {
-	if (!cost) return "-";
-	return `$${cost.toFixed(4)}`;
+  if (!cost)
+    return "-";
+  return `$${cost.toFixed(4)}`;
 }
 function RunListView({ agentId, onRunClick }) {
-	const { data, metrics, loading, error, refetch } = useRunList({ agentId });
-	if (loading && !data) return /* @__PURE__ */ jsx(LoaderBlock, { label: "Loading runs..." });
-	if (error) return /* @__PURE__ */ jsx(ErrorState, {
-		title: "Failed to load runs",
-		description: error.message,
-		onRetry: refetch,
-		retryLabel: "Retry"
-	});
-	if (!data?.items.length) return /* @__PURE__ */ jsx(EmptyState, {
-		title: "No runs yet",
-		description: "Execute an agent to see run history here."
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
-		children: [
-			metrics && /* @__PURE__ */ jsxs(StatCardGroup, { children: [
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Total Runs",
-					value: metrics.totalRuns
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Success Rate",
-					value: `${(metrics.successRate * 100).toFixed(1)}%`
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Total Tokens",
-					value: formatTokens(metrics.totalTokens)
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Total Cost",
-					value: `$${metrics.totalCostUsd.toFixed(2)}`
-				})
-			] }),
-			/* @__PURE__ */ jsx("div", {
-				className: "border-border rounded-lg border",
-				children: /* @__PURE__ */ jsxs("table", {
-					className: "w-full",
-					children: [/* @__PURE__ */ jsx("thead", {
-						className: "border-border bg-muted/30 border-b",
-						children: /* @__PURE__ */ jsxs("tr", { children: [
-							/* @__PURE__ */ jsx("th", {
-								className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
-								children: "Run"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
-								children: "Agent"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
-								children: "Status"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
-								children: "Tokens"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
-								children: "Duration"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
-								children: "Cost"
-							})
-						] })
-					}), /* @__PURE__ */ jsx("tbody", {
-						className: "divide-border divide-y",
-						children: data.items.map((run) => /* @__PURE__ */ jsxs("tr", {
-							className: "hover:bg-muted/50 cursor-pointer transition-colors",
-							onClick: () => onRunClick?.(run.id),
-							children: [
-								/* @__PURE__ */ jsxs("td", {
-									className: "px-4 py-3",
-									children: [/* @__PURE__ */ jsx("div", {
-										className: "font-mono text-sm",
-										children: run.id.slice(-8)
-									}), /* @__PURE__ */ jsx("div", {
-										className: "text-muted-foreground text-xs",
-										children: run.queuedAt.toLocaleString()
-									})]
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-4 py-3",
-									children: /* @__PURE__ */ jsx("span", {
-										className: "font-medium",
-										children: run.agentName
-									})
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-4 py-3",
-									children: /* @__PURE__ */ jsx(StatusChip, {
-										tone: getStatusTone(run.status),
-										label: run.status
-									})
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-4 py-3 text-right font-mono text-sm",
-									children: formatTokens(run.totalTokens)
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-4 py-3 text-right font-mono text-sm",
-									children: formatDuration(run.durationMs)
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-4 py-3 text-right font-mono text-sm",
-									children: formatCost(run.estimatedCostUsd)
-								})
-							]
-						}, run.id))
-					})]
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground text-center text-sm",
-				children: [
-					"Showing ",
-					data.items.length,
-					" of ",
-					data.total,
-					" runs"
-				]
-			})
-		]
-	});
+  const { data, metrics, loading, error, refetch } = useRunList({ agentId });
+  if (loading && !data) {
+    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
+      label: "Loading runs..."
+    }, undefined, false, undefined, this);
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxDEV(ErrorState, {
+      title: "Failed to load runs",
+      description: error.message,
+      onRetry: refetch,
+      retryLabel: "Retry"
+    }, undefined, false, undefined, this);
+  }
+  if (!data?.items.length) {
+    return /* @__PURE__ */ jsxDEV(EmptyState, {
+      title: "No runs yet",
+      description: "Execute an agent to see run history here."
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-6",
+    children: [
+      metrics && /* @__PURE__ */ jsxDEV(StatCardGroup, {
+        children: [
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Total Runs",
+            value: metrics.totalRuns
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Success Rate",
+            value: `${(metrics.successRate * 100).toFixed(1)}%`
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Total Tokens",
+            value: formatTokens(metrics.totalTokens)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Total Cost",
+            value: `$${metrics.totalCostUsd.toFixed(2)}`
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "border-border rounded-lg border",
+        children: /* @__PURE__ */ jsxDEV("table", {
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsxDEV("thead", {
+              className: "border-border bg-muted/30 border-b",
+              children: /* @__PURE__ */ jsxDEV("tr", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("th", {
+                    className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
+                    children: "Run"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("th", {
+                    className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
+                    children: "Agent"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("th", {
+                    className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
+                    children: "Status"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("th", {
+                    className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
+                    children: "Tokens"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("th", {
+                    className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
+                    children: "Duration"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("th", {
+                    className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
+                    children: "Cost"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("tbody", {
+              className: "divide-border divide-y",
+              children: data.items.map((run) => /* @__PURE__ */ jsxDEV("tr", {
+                className: "hover:bg-muted/50 cursor-pointer transition-colors",
+                onClick: () => onRunClick?.(run.id),
+                children: [
+                  /* @__PURE__ */ jsxDEV("td", {
+                    className: "px-4 py-3",
+                    children: [
+                      /* @__PURE__ */ jsxDEV("div", {
+                        className: "font-mono text-sm",
+                        children: run.id.slice(-8)
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("div", {
+                        className: "text-muted-foreground text-xs",
+                        children: run.queuedAt.toLocaleString()
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("td", {
+                    className: "px-4 py-3",
+                    children: /* @__PURE__ */ jsxDEV("span", {
+                      className: "font-medium",
+                      children: run.agentName
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("td", {
+                    className: "px-4 py-3",
+                    children: /* @__PURE__ */ jsxDEV(StatusChip, {
+                      tone: getStatusTone(run.status),
+                      label: run.status
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("td", {
+                    className: "px-4 py-3 text-right font-mono text-sm",
+                    children: formatTokens(run.totalTokens)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("td", {
+                    className: "px-4 py-3 text-right font-mono text-sm",
+                    children: formatDuration(run.durationMs)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("td", {
+                    className: "px-4 py-3 text-right font-mono text-sm",
+                    children: formatCost(run.estimatedCostUsd)
+                  }, undefined, false, undefined, this)
+                ]
+              }, run.id, true, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "text-muted-foreground text-center text-sm",
+        children: [
+          "Showing ",
+          data.items.length,
+          " of ",
+          data.total,
+          " runs"
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { RunListView };
-//# sourceMappingURL=RunListView.js.map
+export {
+  RunListView
+};

package/dist/ui/views/ToolRegistryView.d.ts

@@ -1,14 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/ui/views/ToolRegistryView.d.ts
 interface ToolRegistryViewProps {
-  onToolClick?: (toolId: string) => void;
-  onCreateTool?: () => void;
+    onToolClick?: (toolId: string) => void;
+    onCreateTool?: () => void;
 }
-declare function ToolRegistryView({
-  onToolClick,
-  onCreateTool
-}: ToolRegistryViewProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ToolRegistryView };
+export declare function ToolRegistryView({ onToolClick, onCreateTool, }: ToolRegistryViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ToolRegistryView.d.ts.map

package/dist/ui/views/ToolRegistryView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolRegistryView.d.ts","names":[],"sources":["../../../src/ui/views/ToolRegistryView.tsx"],"mappings":";;;UAiBU,qBAAA;EACR,WAAA,IAAe,MAAA;EACf,YAAA;AAAA;AAAA,iBA6Bc,gBAAA,CAAA;EACd,WAAA;EACA;AAAA,GACC,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ToolRegistryView.d.ts","sourceRoot":"","sources":["../../../src/ui/views/ToolRegistryView.tsx"],"names":[],"mappings":"AAiBA,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AA4BD,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,YAAY,GACb,EAAE,qBAAqB,2CAwFvB"}