@contractspec/example.agent-console 3.7.5 → 3.7.7

package/dist/browser/ui/views/index.js

@@ -1,15 +1,68 @@
-// 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 result = await agent.listAgents({
+        projectId,
+        search: options.search,
+        status: options.status === "all" ? undefined : options.status,
+        limit: options.limit ?? 20,
+        offset: (page - 1) * (options.limit ?? 20)
+      });
+      setData(result);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Unknown error"));
+    } finally {
+      setLoading(false);
+    }
+  }, [agent, projectId, options.search, options.status, options.limit, page]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const stats = useMemo(() => {
+    if (!data)
+      return null;
+    return {
+      total: data.total,
+      active: data.items.filter((a) => a.status === "ACTIVE").length,
+      paused: data.items.filter((a) => a.status === "PAUSED").length,
+      draft: data.items.filter((a) => a.status === "DRAFT").length
+    };
+  }, [data]);
+  return {
+    data,
+    loading,
+    error,
+    stats,
+    page,
+    refetch: fetchData,
+    nextPage: () => setPage((p) => p + 1),
+    prevPage: () => page > 1 && setPage((p) => p - 1)
+  };
+}
+
+// src/ui/hooks/useRunList.ts
+import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
+function useRunList(options = {}) {
+  const { handlers, projectId } = useTemplateRuntime2();
+  const { agent } = handlers;
+  const [data, setData] = useState2(null);
+  const [metrics, setMetrics] = 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 {
@@ -36,7 +89,7 @@ function useRunList(options = {}) {
       setLoading(false);
     }
   }, [agent, projectId, options.agentId, options.status, options.limit, page]);
-  useEffect(() => {
+  useEffect2(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -53,12 +106,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";
@@ -143,45 +196,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", {
@@ -230,7 +283,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,
@@ -244,16 +297,16 @@ function RunListView({ agentId, onRunClick }) {
 }
 
 // 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";
+import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } from "react";
 function useToolList(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime2();
+  const { handlers, projectId } = useTemplateRuntime3();
   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 () => {
+  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 {
@@ -280,10 +333,10 @@ function useToolList(options = {}) {
     options.limit,
     page
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     fetchData();
   }, [fetchData]);
-  const { stats, groupedByCategory, categoryStats } = useMemo(() => {
+  const { stats, groupedByCategory, categoryStats } = useMemo2(() => {
     if (!data)
       return { stats: null, groupedByCategory: {}, categoryStats: [] };
     const items = data.items;
@@ -328,14 +381,14 @@ function useToolList(options = {}) {
 
 // src/ui/views/ToolRegistryView.tsx
 import {
-  StatCard as StatCard2,
-  StatCardGroup as StatCardGroup2,
-  StatusChip as StatusChip2,
-  EntityCard,
+  Button,
   EmptyState as EmptyState2,
-  LoaderBlock as LoaderBlock2,
+  EntityCard,
   ErrorState as ErrorState2,
-  Button
+  LoaderBlock as LoaderBlock2,
+  StatCard as StatCard2,
+  StatCardGroup as StatCardGroup2,
+  StatusChip as StatusChip2
 } from "@contractspec/lib.design-system";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
@@ -415,11 +468,11 @@ function ToolRegistryView({
                 children: categoryIcons[category]
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: category
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("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)
             ]
@@ -450,69 +503,16 @@ function ToolRegistryView({
   }, undefined, true, undefined, this);
 }
 
-// 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 {
-      const result = await agent.listAgents({
-        projectId,
-        search: options.search,
-        status: options.status === "all" ? undefined : options.status,
-        limit: options.limit ?? 20,
-        offset: (page - 1) * (options.limit ?? 20)
-      });
-      setData(result);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [agent, projectId, options.search, options.status, options.limit, page]);
-  useEffect3(() => {
-    fetchData();
-  }, [fetchData]);
-  const stats = useMemo2(() => {
-    if (!data)
-      return null;
-    return {
-      total: data.total,
-      active: data.items.filter((a) => a.status === "ACTIVE").length,
-      paused: data.items.filter((a) => a.status === "PAUSED").length,
-      draft: data.items.filter((a) => a.status === "DRAFT").length
-    };
-  }, [data]);
-  return {
-    data,
-    loading,
-    error,
-    stats,
-    page,
-    refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
-  };
-}
-
 // src/ui/views/AgentListView.tsx
 import {
   Button as Button2,
-  StatCard as StatCard3,
-  StatCardGroup as StatCardGroup3,
+  EmptyState as EmptyState3,
   EntityCard as EntityCard2,
-  StatusChip as StatusChip3,
-  LoaderBlock as LoaderBlock3,
   ErrorState as ErrorState3,
-  EmptyState as EmptyState3
+  LoaderBlock as LoaderBlock3,
+  StatCard as StatCard3,
+  StatCardGroup as StatCardGroup3,
+  StatusChip as StatusChip3
 } from "@contractspec/lib.design-system";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
@@ -577,7 +577,7 @@ function AgentListView() {
         className: "flex items-center justify-between",
         children: [
           /* @__PURE__ */ jsxDEV3("h3", {
-            className: "text-lg font-semibold",
+            className: "font-semibold text-lg",
             children: "Agents"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV3(Button2, {

package/dist/handlers/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * Agent Console Handlers - re-exports from domain modules for backward compatibility.
  */
-export { mockCreateAgentHandler, mockGetAgentHandler, mockListAgentsHandler, type AgentSummary, } from '../agent/agent.handler';
+export { type AgentSummary, mockCreateAgentHandler, mockGetAgentHandler, mockListAgentsHandler, } from '../agent/agent.handler';
 export { mockExecuteAgentHandler, mockGetRunHandler, mockListRunsHandler, type RunSummary, } from '../run/run.handler';
 export { mockCreateToolHandler, mockGetToolHandler, mockListToolsHandler, type ToolSummary, } from '../tool/tool.handler';
 export * from './agent.handlers';

package/dist/index.d.ts

@@ -15,11 +15,11 @@
  * ```
  */
 export * from './agent';
+export * from './agent.feature';
+export { default as example } from './example';
+export { type AgentHandlers, createAgentHandlers, } from './handlers/agent.handlers';
 export * from './run';
-export * from './tool';
 export * from './shared';
+export * from './tool';
 export * from './ui';
-export { createAgentHandlers, type AgentHandlers, } from './handlers/agent.handlers';
-export * from './agent.feature';
-export { default as example } from './example';
 import './docs';