@contractspec/example.agent-console 3.7.5 → 3.7.7

package/dist/ui/AgentRunList.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useRunList.ts
-import { useCallback, useEffect, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useState } from "react";
 function useRunList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { agent } = handlers;
@@ -54,12 +54,12 @@ function useRunList(options = {}) {
 
 // src/ui/views/RunListView.tsx
 import {
-  StatCard,
-  StatCardGroup,
-  StatusChip,
   EmptyState,
+  ErrorState,
   LoaderBlock,
-  ErrorState
+  StatCard,
+  StatCardGroup,
+  StatusChip
 } from "@contractspec/lib.design-system";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
@@ -144,45 +144,45 @@ function RunListView({ agentId, onRunClick }) {
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "border-border rounded-lg border",
+        className: "rounded-lg border border-border",
         children: /* @__PURE__ */ jsxDEV("table", {
           className: "w-full",
           children: [
             /* @__PURE__ */ jsxDEV("thead", {
-              className: "border-border bg-muted/30 border-b",
+              className: "border-border border-b bg-muted/30",
               children: /* @__PURE__ */ jsxDEV("tr", {
                 children: [
                   /* @__PURE__ */ jsxDEV("th", {
-                    className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
+                    className: "px-4 py-3 text-left font-medium text-muted-foreground text-sm",
                     children: "Run"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("th", {
-                    className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
+                    className: "px-4 py-3 text-left font-medium text-muted-foreground text-sm",
                     children: "Agent"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("th", {
-                    className: "text-muted-foreground px-4 py-3 text-left text-sm font-medium",
+                    className: "px-4 py-3 text-left font-medium text-muted-foreground text-sm",
                     children: "Status"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("th", {
-                    className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
+                    className: "px-4 py-3 text-right font-medium text-muted-foreground text-sm",
                     children: "Tokens"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("th", {
-                    className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
+                    className: "px-4 py-3 text-right font-medium text-muted-foreground text-sm",
                     children: "Duration"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("th", {
-                    className: "text-muted-foreground px-4 py-3 text-right text-sm font-medium",
+                    className: "px-4 py-3 text-right font-medium text-muted-foreground text-sm",
                     children: "Cost"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this)
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV("tbody", {
-              className: "divide-border divide-y",
+              className: "divide-y divide-border",
               children: data.items.map((run) => /* @__PURE__ */ jsxDEV("tr", {
-                className: "hover:bg-muted/50 cursor-pointer transition-colors",
+                className: "cursor-pointer transition-colors hover:bg-muted/50",
                 onClick: () => onRunClick?.(run.id),
                 children: [
                   /* @__PURE__ */ jsxDEV("td", {
@@ -231,7 +231,7 @@ function RunListView({ agentId, onRunClick }) {
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "text-muted-foreground text-center text-sm",
+        className: "text-center text-muted-foreground text-sm",
         children: [
           "Showing ",
           data.items.length,

package/dist/ui/AgentToolRegistry.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useToolList.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
 function useToolList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { agent } = handlers;
@@ -84,14 +84,14 @@ function useToolList(options = {}) {
 
 // src/ui/views/ToolRegistryView.tsx
 import {
-  StatCard,
-  StatCardGroup,
-  StatusChip,
-  EntityCard,
+  Button,
   EmptyState,
-  LoaderBlock,
+  EntityCard,
   ErrorState,
-  Button
+  LoaderBlock,
+  StatCard,
+  StatCardGroup,
+  StatusChip
 } from "@contractspec/lib.design-system";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
@@ -171,11 +171,11 @@ function ToolRegistryView({
                 children: categoryIcons[category]
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: category
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("span", {
-                className: "bg-muted text-muted-foreground rounded-full px-2 py-0.5 text-xs",
+                className: "rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs",
                 children: tools.length
               }, undefined, false, undefined, this)
             ]

package/dist/ui/hooks/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * Data hooks for agent-console template
  */
-export { useAgentList, type UseAgentListOptions } from './useAgentList';
-export { useRunList, type UseRunListOptions } from './useRunList';
-export { useToolList, type UseToolListOptions } from './useToolList';
-export { useAgentMutations, type UseAgentMutationsOptions, type CreateAgentInput, type UpdateAgentInput, } from './useAgentMutations';
+export { type UseAgentListOptions, useAgentList } from './useAgentList';
+export { type CreateAgentInput, type UpdateAgentInput, type UseAgentMutationsOptions, useAgentMutations, } from './useAgentMutations';
+export { type UseRunListOptions, useRunList } from './useRunList';
+export { type UseToolListOptions, useToolList } from './useToolList';

package/dist/ui/hooks/index.js

@@ -1,151 +1,15 @@
 // @bun
-// src/ui/hooks/useRunList.ts
-import { useCallback, useEffect, useState } from "react";
+// src/ui/hooks/useAgentList.ts
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-function useRunList(options = {}) {
+import { useCallback, useEffect, useMemo, useState } from "react";
+function useAgentList(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)
-  };
-}
-
-// src/ui/hooks/useToolList.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
-import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-function useToolList(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime2();
-  const { agent } = handlers;
-  const [data, setData] = useState2(null);
-  const [loading, setLoading] = useState2(true);
-  const [error, setError] = useState2(null);
-  const [page, setPage] = useState2(1);
-  const fetchData = useCallback2(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await agent.listTools({
-        projectId,
-        search: options.search,
-        category: options.category,
-        status: options.status === "all" ? undefined : options.status,
-        limit: options.limit ?? 50,
-        offset: (page - 1) * (options.limit ?? 50)
-      });
-      setData(result);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [
-    agent,
-    projectId,
-    options.search,
-    options.category,
-    options.status,
-    options.limit,
-    page
-  ]);
-  useEffect2(() => {
-    fetchData();
-  }, [fetchData]);
-  const { stats, groupedByCategory, categoryStats } = useMemo(() => {
-    if (!data)
-      return { stats: null, groupedByCategory: {}, categoryStats: [] };
-    const items = data.items;
-    const active = items.filter((t) => t.status === "ACTIVE").length;
-    const deprecated = items.filter((t) => t.status === "DEPRECATED").length;
-    const disabled = items.filter((t) => t.status === "DISABLED").length;
-    const grouped = {};
-    const byCategory = {};
-    items.forEach((t) => {
-      const cat = t.category;
-      if (!grouped[cat])
-        grouped[cat] = [];
-      grouped[cat].push(t);
-      byCategory[cat] = (byCategory[cat] || 0) + 1;
-    });
-    const catStats = Object.entries(byCategory).map(([category, count]) => ({ category, count })).sort((a, b) => b.count - a.count);
-    return {
-      stats: {
-        total: data.total,
-        active,
-        deprecated,
-        disabled,
-        topCategories: catStats.slice(0, 5)
-      },
-      groupedByCategory: grouped,
-      categoryStats: catStats
-    };
-  }, [data]);
-  return {
-    data,
-    loading,
-    error,
-    stats,
-    groupedByCategory,
-    categoryStats,
-    page,
-    refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
-  };
-}
-
-// src/ui/hooks/useAgentList.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } from "react";
-import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
-function useAgentList(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime3();
-  const { agent } = handlers;
-  const [data, setData] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [error, setError] = useState3(null);
-  const [page, setPage] = useState3(1);
-  const fetchData = useCallback3(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -163,10 +27,10 @@ function useAgentList(options = {}) {
       setLoading(false);
     }
   }, [agent, projectId, options.search, options.status, options.limit, page]);
-  useEffect3(() => {
+  useEffect(() => {
     fetchData();
   }, [fetchData]);
-  const stats = useMemo2(() => {
+  const stats = useMemo(() => {
     if (!data)
       return null;
     return {
@@ -189,27 +53,27 @@ function useAgentList(options = {}) {
 }
 
 // src/ui/hooks/useAgentMutations.ts
-import { useCallback as useCallback4, useState as useState4 } from "react";
-import { useTemplateRuntime as useTemplateRuntime4 } from "@contractspec/lib.example-shared-ui";
+import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
+import { useCallback as useCallback2, useState as useState2 } from "react";
 function useAgentMutations(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime4();
+  const { handlers, projectId } = useTemplateRuntime2();
   const { agent } = handlers;
-  const [createState, setCreateState] = useState4({
+  const [createState, setCreateState] = useState2({
     loading: false,
     error: null,
     data: null
   });
-  const [updateState, setUpdateState] = useState4({
+  const [updateState, setUpdateState] = useState2({
     loading: false,
     error: null,
     data: null
   });
-  const [executeState, setExecuteState] = useState4({
+  const [executeState, setExecuteState] = useState2({
     loading: false,
     error: null,
     data: null
   });
-  const createAgent = useCallback4(async (input) => {
+  const createAgent = useCallback2(async (input) => {
     setCreateState({ loading: true, error: null, data: null });
     try {
       const result = await agent.createAgent(input, {
@@ -226,7 +90,7 @@ function useAgentMutations(options = {}) {
       return null;
     }
   }, [agent, projectId, options]);
-  const updateAgent = useCallback4(async (input) => {
+  const updateAgent = useCallback2(async (input) => {
     setUpdateState({ loading: true, error: null, data: null });
     try {
       const result = await agent.updateAgent(input);
@@ -240,16 +104,16 @@ function useAgentMutations(options = {}) {
       return null;
     }
   }, [agent, options]);
-  const activateAgent = useCallback4(async (agentId) => {
+  const activateAgent = useCallback2(async (agentId) => {
     return updateAgent({ id: agentId, status: "ACTIVE" });
   }, [updateAgent]);
-  const pauseAgent = useCallback4(async (agentId) => {
+  const pauseAgent = useCallback2(async (agentId) => {
     return updateAgent({ id: agentId, status: "PAUSED" });
   }, [updateAgent]);
-  const archiveAgent = useCallback4(async (agentId) => {
+  const archiveAgent = useCallback2(async (agentId) => {
     return updateAgent({ id: agentId, status: "ARCHIVED" });
   }, [updateAgent]);
-  const executeAgent = useCallback4(async (input) => {
+  const executeAgent = useCallback2(async (input) => {
     setExecuteState({ loading: true, error: null, data: null });
     try {
       const result = await agent.executeAgent({
@@ -281,6 +145,142 @@ function useAgentMutations(options = {}) {
   };
 }
 
+// src/ui/hooks/useRunList.ts
+import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
+import { useCallback as useCallback3, useEffect as useEffect2, useState as useState3 } from "react";
+function useRunList(options = {}) {
+  const { handlers, projectId } = useTemplateRuntime3();
+  const { agent } = handlers;
+  const [data, setData] = useState3(null);
+  const [metrics, setMetrics] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [error, setError] = useState3(null);
+  const [page, setPage] = useState3(1);
+  const fetchData = useCallback3(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]);
+  useEffect2(() => {
+    fetchData();
+  }, [fetchData]);
+  return {
+    data,
+    metrics,
+    loading,
+    error,
+    page,
+    refetch: fetchData,
+    nextPage: () => setPage((p) => p + 1),
+    prevPage: () => page > 1 && setPage((p) => p - 1)
+  };
+}
+
+// src/ui/hooks/useToolList.ts
+import { useTemplateRuntime as useTemplateRuntime4 } from "@contractspec/lib.example-shared-ui";
+import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo2, useState as useState4 } from "react";
+function useToolList(options = {}) {
+  const { handlers, projectId } = useTemplateRuntime4();
+  const { agent } = handlers;
+  const [data, setData] = useState4(null);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  const [page, setPage] = useState4(1);
+  const fetchData = useCallback4(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await agent.listTools({
+        projectId,
+        search: options.search,
+        category: options.category,
+        status: options.status === "all" ? undefined : options.status,
+        limit: options.limit ?? 50,
+        offset: (page - 1) * (options.limit ?? 50)
+      });
+      setData(result);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Unknown error"));
+    } finally {
+      setLoading(false);
+    }
+  }, [
+    agent,
+    projectId,
+    options.search,
+    options.category,
+    options.status,
+    options.limit,
+    page
+  ]);
+  useEffect3(() => {
+    fetchData();
+  }, [fetchData]);
+  const { stats, groupedByCategory, categoryStats } = useMemo2(() => {
+    if (!data)
+      return { stats: null, groupedByCategory: {}, categoryStats: [] };
+    const items = data.items;
+    const active = items.filter((t) => t.status === "ACTIVE").length;
+    const deprecated = items.filter((t) => t.status === "DEPRECATED").length;
+    const disabled = items.filter((t) => t.status === "DISABLED").length;
+    const grouped = {};
+    const byCategory = {};
+    items.forEach((t) => {
+      const cat = t.category;
+      if (!grouped[cat])
+        grouped[cat] = [];
+      grouped[cat].push(t);
+      byCategory[cat] = (byCategory[cat] || 0) + 1;
+    });
+    const catStats = Object.entries(byCategory).map(([category, count]) => ({ category, count })).sort((a, b) => b.count - a.count);
+    return {
+      stats: {
+        total: data.total,
+        active,
+        deprecated,
+        disabled,
+        topCategories: catStats.slice(0, 5)
+      },
+      groupedByCategory: grouped,
+      categoryStats: catStats
+    };
+  }, [data]);
+  return {
+    data,
+    loading,
+    error,
+    stats,
+    groupedByCategory,
+    categoryStats,
+    page,
+    refetch: fetchData,
+    nextPage: () => setPage((p) => p + 1),
+    prevPage: () => page > 1 && setPage((p) => p - 1)
+  };
+}
+
 // src/ui/hooks/index.ts
 "use client";
 export {

package/dist/ui/hooks/useAgentList.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Hook for fetching and managing agent list data
+ *
+ * Uses runtime-local database-backed handlers.
+ */
 import type { Agent as RuntimeAgent, ListAgentsOutput as RuntimeListAgentsOutput } from '../../handlers/agent.handlers';
 export type Agent = RuntimeAgent;
 export type ListAgentsOutput = RuntimeListAgentsOutput;

package/dist/ui/hooks/useAgentList.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useAgentList.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
 function useAgentList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { agent } = handlers;

package/dist/ui/hooks/useAgentMutations.d.ts

@@ -1,4 +1,11 @@
-import type { Agent, Run, CreateAgentInput, UpdateAgentInput } from '../../handlers/agent.handlers';
+/**
+ * Hook for Agent Console mutations (commands)
+ *
+ * Uses runtime-local database-backed handlers for:
+ * - CreateAgentCommand
+ * - UpdateAgentCommand
+ */
+import type { Agent, CreateAgentInput, Run, UpdateAgentInput } from '../../handlers/agent.handlers';
 export interface MutationState<T> {
     loading: boolean;
     error: Error | null;
@@ -23,4 +30,4 @@ export declare function useAgentMutations(options?: UseAgentMutationsOptions): {
     executeState: MutationState<Run>;
     isLoading: boolean;
 };
-export type { CreateAgentInput, UpdateAgentInput, Agent, Run };
+export type { Agent, CreateAgentInput, Run, UpdateAgentInput };

package/dist/ui/hooks/useAgentMutations.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useAgentMutations.ts
-import { useCallback, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useState } from "react";
 function useAgentMutations(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { agent } = handlers;

package/dist/ui/hooks/useRunList.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Hook for fetching and managing run list data
+ *
+ * Uses runtime-local database-backed handlers.
+ */
 import type { ListRunsOutput as RuntimeListRunsOutput, Run as RuntimeRun, RunMetrics as RuntimeRunMetrics } from '../../handlers/agent.handlers';
 export type Run = RuntimeRun;
 export type ListRunsOutput = RuntimeListRunsOutput;

package/dist/ui/hooks/useRunList.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useRunList.ts
-import { useCallback, useEffect, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useState } from "react";
 function useRunList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { agent } = handlers;

package/dist/ui/hooks/useToolList.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Hook for fetching and managing tool list data
+ *
+ * Uses runtime-local database-backed handlers.
+ */
 import type { ListToolsOutput as RuntimeListToolsOutput, Tool as RuntimeTool } from '../../handlers/agent.handlers';
 export type Tool = RuntimeTool;
 export type ListToolsOutput = RuntimeListToolsOutput;

package/dist/ui/hooks/useToolList.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useToolList.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
 function useToolList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { agent } = handlers;

package/dist/ui/index.d.ts

@@ -1,8 +1,8 @@
 export * from './AgentDashboard';
 export * from './AgentRunList';
 export * from './AgentToolRegistry';
-export * from './views';
-export * from './modals';
 export * from './hooks';
-export * from './renderers';
+export * from './modals';
 export * from './overlays';
+export * from './renderers';
+export * from './views';