@contractspec/example.agent-console 1.56.1 → 1.58.0

package/dist/ui/renderers/tool-registry.markdown.js

@@ -1,55 +1,54 @@
+// @bun
+// src/ui/renderers/tool-registry.markdown.ts
 import { mockListToolsHandler } from "@contractspec/example.agent-console/handlers";
-
-//#region src/ui/renderers/tool-registry.markdown.ts
-/**
-* Markdown renderer for agent-console.tool.registry presentation
-* Only handles ToolRegistryView component
-*/
-const toolRegistryMarkdownRenderer = {
-	target: "markdown",
-	render: async (desc) => {
-		if (desc.source.type !== "component" || desc.source.componentKey !== "ToolRegistryView") throw new Error("toolRegistryMarkdownRenderer: not ToolRegistryView");
-		const data = await mockListToolsHandler({
-			organizationId: "demo-org",
-			limit: 50,
-			offset: 0
-		});
-		const lines = [
-			`# ${desc.meta.description ?? "Tool Registry"}`,
-			"",
-			`> ${desc.meta.key} v${desc.meta.version}`,
-			"",
-			`**Total Tools:** ${data.total}`,
-			""
-		];
-		const byCategory = {};
-		for (const tool of data.items) {
-			const cat = tool.category;
-			if (!byCategory[cat]) byCategory[cat] = [];
-			byCategory[cat].push(tool);
-		}
-		for (const [category, tools] of Object.entries(byCategory).sort()) {
-			lines.push(`## ${category} (${tools.length})`);
-			lines.push("");
-			for (const tool of tools) {
-				const statusIcon = tool.status === "ACTIVE" ? "✅" : tool.status === "DEPRECATED" ? "⚠️" : "❌";
-				lines.push(`### ${statusIcon} ${tool.name} v${tool.version}`);
-				lines.push("");
-				lines.push(`> \`${tool.id}\``);
-				lines.push("");
-				if (tool.description) {
-					lines.push(tool.description);
-					lines.push("");
-				}
-			}
-		}
-		return {
-			mimeType: "text/markdown",
-			body: lines.join("\n")
-		};
-	}
+var toolRegistryMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "ToolRegistryView") {
+      throw new Error("toolRegistryMarkdownRenderer: not ToolRegistryView");
+    }
+    const data = await mockListToolsHandler({
+      organizationId: "demo-org",
+      limit: 50,
+      offset: 0
+    });
+    const lines = [
+      `# ${desc.meta.description ?? "Tool Registry"}`,
+      "",
+      `> ${desc.meta.key} v${desc.meta.version}`,
+      "",
+      `**Total Tools:** ${data.total}`,
+      ""
+    ];
+    const byCategory = {};
+    for (const tool of data.items) {
+      const cat = tool.category;
+      if (!byCategory[cat])
+        byCategory[cat] = [];
+      byCategory[cat].push(tool);
+    }
+    for (const [category, tools] of Object.entries(byCategory).sort()) {
+      lines.push(`## ${category} (${tools.length})`);
+      lines.push("");
+      for (const tool of tools) {
+        const statusIcon = tool.status === "ACTIVE" ? "\u2705" : tool.status === "DEPRECATED" ? "\u26A0\uFE0F" : "\u274C";
+        lines.push(`### ${statusIcon} ${tool.name} v${tool.version}`);
+        lines.push("");
+        lines.push(`> \`${tool.id}\``);
+        lines.push("");
+        if (tool.description) {
+          lines.push(tool.description);
+          lines.push("");
+        }
+      }
+    }
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+export {
+  toolRegistryMarkdownRenderer
 };
-
-//#endregion
-export { toolRegistryMarkdownRenderer };
-//# sourceMappingURL=tool-registry.markdown.js.map

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

@@ -1,7 +1,2 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-
-//#region src/ui/views/AgentListView.d.ts
-declare function AgentListView(): react_jsx_runtime1.JSX.Element;
-//#endregion
-export { AgentListView };
+export declare function AgentListView(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AgentListView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgentListView.d.ts","names":[],"sources":["../../../src/ui/views/AgentListView.tsx"],"sourcesContent":[],"mappings":";;;iBAoCgB,aAAA,CAAA,GAAa,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"AgentListView.d.ts","sourceRoot":"","sources":["../../../src/ui/views/AgentListView.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,aAAa,4CA4E5B"}

package/dist/ui/views/AgentListView.js

@@ -1,93 +1,166 @@
-'use client';
-
-import { useAgentList } from "../hooks/useAgentList.js";
-import { Button, EmptyState, EntityCard, ErrorState, LoaderBlock, StatCard, StatCardGroup, StatusChip } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+// src/ui/hooks/useAgentList.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+function useAgentList(options = {}) {
+  const { handlers, projectId } = useTemplateRuntime();
+  const { agent } = handlers;
+  const [data, setData] = 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)
+  };
+}
 
-//#region src/ui/views/AgentListView.tsx
-/**
-* Agent List View
-*
-* Displays a list of AI agents with their status and basic info.
-* Uses design-system components with correct props.
-*/
+// src/ui/views/AgentListView.tsx
+import {
+  Button,
+  StatCard,
+  StatCardGroup,
+  EntityCard,
+  StatusChip,
+  LoaderBlock,
+  ErrorState,
+  EmptyState
+} from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
 function getStatusTone(status) {
-	switch (status) {
-		case "ACTIVE": return "success";
-		case "PAUSED":
-		case "DRAFT": return "warning";
-		case "ARCHIVED": return "neutral";
-		default: return "neutral";
-	}
+  switch (status) {
+    case "ACTIVE":
+      return "success";
+    case "PAUSED":
+    case "DRAFT":
+      return "warning";
+    case "ARCHIVED":
+      return "neutral";
+    default:
+      return "neutral";
+  }
 }
 function AgentListView() {
-	const { data, loading, error, stats, refetch } = useAgentList();
-	if (loading && !data) return /* @__PURE__ */ jsx(LoaderBlock, { label: "Loading agents..." });
-	if (error) return /* @__PURE__ */ jsx(ErrorState, {
-		title: "Failed to load agents",
-		description: error.message,
-		onRetry: refetch,
-		retryLabel: "Retry"
-	});
-	if (!data?.items.length) return /* @__PURE__ */ jsx(EmptyState, {
-		title: "No agents yet",
-		description: "Create your first AI agent to get started."
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
-		children: [
-			stats && /* @__PURE__ */ jsxs(StatCardGroup, { children: [
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Total Agents",
-					value: stats.total
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Active",
-					value: stats.active
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Paused",
-					value: stats.paused
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Draft",
-					value: stats.draft
-				})
-			] }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ jsx("h3", {
-					className: "text-lg font-semibold",
-					children: "Agents"
-				}), /* @__PURE__ */ jsx(Button, {
-					onPress: () => alert("Create Agent clicked!"),
-					children: "Create Agent"
-				})]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: data.items.map((agent) => /* @__PURE__ */ jsx(EntityCard, {
-					cardTitle: agent.name,
-					cardSubtitle: agent.modelName,
-					meta: /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-sm",
-						children: agent.description
-					}),
-					chips: /* @__PURE__ */ jsx(StatusChip, {
-						tone: getStatusTone(agent.status),
-						label: agent.status
-					}),
-					footer: /* @__PURE__ */ jsxs("span", {
-						className: "text-muted-foreground text-xs",
-						children: ["Created ", agent.createdAt.toLocaleDateString()]
-					}),
-					onClick: () => alert(`View agent: ${agent.name}`)
-				}, agent.id))
-			})
-		]
-	});
+  const { data, loading, error, stats, refetch } = useAgentList();
+  if (loading && !data) {
+    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
+      label: "Loading agents..."
+    }, undefined, false, undefined, this);
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxDEV(ErrorState, {
+      title: "Failed to load agents",
+      description: error.message,
+      onRetry: refetch,
+      retryLabel: "Retry"
+    }, undefined, false, undefined, this);
+  }
+  if (!data?.items.length) {
+    return /* @__PURE__ */ jsxDEV(EmptyState, {
+      title: "No agents yet",
+      description: "Create your first AI agent to get started."
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-6",
+    children: [
+      stats && /* @__PURE__ */ jsxDEV(StatCardGroup, {
+        children: [
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Total Agents",
+            value: stats.total
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Active",
+            value: stats.active
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Paused",
+            value: stats.paused
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Draft",
+            value: stats.draft
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center justify-between",
+        children: [
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "text-lg font-semibold",
+            children: "Agents"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Button, {
+            onPress: () => alert("Create Agent clicked!"),
+            children: "Create Agent"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+        children: data.items.map((agent) => /* @__PURE__ */ jsxDEV(EntityCard, {
+          cardTitle: agent.name,
+          cardSubtitle: agent.modelName,
+          meta: /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground text-sm",
+            children: agent.description
+          }, undefined, false, undefined, this),
+          chips: /* @__PURE__ */ jsxDEV(StatusChip, {
+            tone: getStatusTone(agent.status),
+            label: agent.status
+          }, undefined, false, undefined, this),
+          footer: /* @__PURE__ */ jsxDEV("span", {
+            className: "text-muted-foreground text-xs",
+            children: [
+              "Created ",
+              agent.createdAt.toLocaleDateString()
+            ]
+          }, undefined, true, undefined, this),
+          onClick: () => alert(`View agent: ${agent.name}`)
+        }, agent.id, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { AgentListView };
-//# sourceMappingURL=AgentListView.js.map
+export {
+  AgentListView
+};

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

@@ -1,14 +1,7 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-
-//#region src/ui/views/RunListView.d.ts
 interface RunListViewProps {
-  agentId?: string;
-  onRunClick?: (runId: string) => void;
+    agentId?: string;
+    onRunClick?: (runId: string) => void;
 }
-declare function RunListView({
-  agentId,
-  onRunClick
-}: RunListViewProps): react_jsx_runtime2.JSX.Element;
-//#endregion
-export { RunListView };
+export declare function RunListView({ agentId, onRunClick }: RunListViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=RunListView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RunListView.d.ts","names":[],"sources":["../../../src/ui/views/RunListView.tsx"],"sourcesContent":[],"mappings":";;;UAeU,gBAAA;;;AAyC2D;AAArD,iBAAA,WAAA,CAAW;EAAA,OAAA;EAAA;AAAA,CAAA,EAA0B,gBAA1B,CAAA,EAA0C,kBAAA,CAAA,GAAA,CAAA,OAA1C"}
+{"version":3,"file":"RunListView.d.ts","sourceRoot":"","sources":["../../../src/ui/views/RunListView.tsx"],"names":[],"mappings":"AAeA,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAsCD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,gBAAgB,2CAoHpE"}