@contractspec/example.agent-console 1.56.1 → 1.58.0

package/dist/ui/views/ToolRegistryView.js

@@ -1,97 +1,210 @@
-'use client';
-
-import { useToolList } from "../hooks/useToolList.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/useToolList.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+function useToolList(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.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
+  ]);
+  useEffect(() => {
+    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)
+  };
+}
 
-//#region src/ui/views/ToolRegistryView.tsx
-/**
-* Tool Registry View - Shows available tools organized by category
-*/
-const categoryIcons = {
-	RETRIEVAL: "🔍",
-	COMPUTATION: "🧮",
-	COMMUNICATION: "📧",
-	INTEGRATION: "🔗",
-	UTILITY: "🛠️",
-	CUSTOM: "⚙️"
+// src/ui/views/ToolRegistryView.tsx
+import {
+  StatCard,
+  StatCardGroup,
+  StatusChip,
+  EntityCard,
+  EmptyState,
+  LoaderBlock,
+  ErrorState,
+  Button
+} from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var categoryIcons = {
+  RETRIEVAL: "\uD83D\uDD0D",
+  COMPUTATION: "\uD83E\uDDEE",
+  COMMUNICATION: "\uD83D\uDCE7",
+  INTEGRATION: "\uD83D\uDD17",
+  UTILITY: "\uD83D\uDEE0\uFE0F",
+  CUSTOM: "\u2699\uFE0F"
 };
 function getStatusTone(status) {
-	switch (status) {
-		case "ACTIVE": return "success";
-		case "DRAFT": return "neutral";
-		case "DEPRECATED": return "warning";
-		case "DISABLED": return "danger";
-		default: return "neutral";
-	}
+  switch (status) {
+    case "ACTIVE":
+      return "success";
+    case "DRAFT":
+      return "neutral";
+    case "DEPRECATED":
+      return "warning";
+    case "DISABLED":
+      return "danger";
+    default:
+      return "neutral";
+  }
 }
-function ToolRegistryView({ onToolClick, onCreateTool }) {
-	const { data, loading, error, groupedByCategory, categoryStats, refetch } = useToolList();
-	if (loading && !data) return /* @__PURE__ */ jsx(LoaderBlock, { label: "Loading tools..." });
-	if (error) return /* @__PURE__ */ jsx(ErrorState, {
-		title: "Failed to load tools",
-		description: error.message,
-		onRetry: refetch,
-		retryLabel: "Retry"
-	});
-	if (!data?.items.length) return /* @__PURE__ */ jsx(EmptyState, {
-		title: "No tools registered",
-		description: "Create your first tool to extend agent capabilities.",
-		primaryAction: onCreateTool ? /* @__PURE__ */ jsx(Button, {
-			onPress: onCreateTool,
-			children: "Create Tool"
-		}) : void 0
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-8",
-		children: [/* @__PURE__ */ jsxs(StatCardGroup, { children: [/* @__PURE__ */ jsx(StatCard, {
-			label: "Total Tools",
-			value: data.total
-		}), categoryStats.slice(0, 3).map(({ category, count }) => /* @__PURE__ */ jsx(StatCard, {
-			label: `${categoryIcons[category] ?? ""} ${category}`,
-			value: count
-		}, category))] }), Object.entries(groupedByCategory).map(([category, tools]) => /* @__PURE__ */ jsxs("section", {
-			className: "space-y-4",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "text-2xl",
-						children: categoryIcons[category]
-					}),
-					/* @__PURE__ */ jsx("h3", {
-						className: "text-lg font-semibold",
-						children: category
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "bg-muted text-muted-foreground rounded-full px-2 py-0.5 text-xs",
-						children: tools.length
-					})
-				]
-			}), /* @__PURE__ */ jsx("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: tools.map((tool) => /* @__PURE__ */ jsx(EntityCard, {
-					cardTitle: tool.name,
-					cardSubtitle: `v${tool.version}`,
-					meta: /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-sm",
-						children: tool.description
-					}),
-					chips: /* @__PURE__ */ jsx(StatusChip, {
-						tone: getStatusTone(tool.status),
-						label: tool.status
-					}),
-					footer: /* @__PURE__ */ jsx("code", {
-						className: "text-muted-foreground text-xs",
-						children: tool.name
-					}),
-					onClick: onToolClick ? () => onToolClick(tool.id) : void 0
-				}, tool.id))
-			})]
-		}, category))]
-	});
+function ToolRegistryView({
+  onToolClick,
+  onCreateTool
+}) {
+  const { data, loading, error, groupedByCategory, categoryStats, refetch } = useToolList();
+  if (loading && !data) {
+    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
+      label: "Loading tools..."
+    }, undefined, false, undefined, this);
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxDEV(ErrorState, {
+      title: "Failed to load tools",
+      description: error.message,
+      onRetry: refetch,
+      retryLabel: "Retry"
+    }, undefined, false, undefined, this);
+  }
+  if (!data?.items.length) {
+    return /* @__PURE__ */ jsxDEV(EmptyState, {
+      title: "No tools registered",
+      description: "Create your first tool to extend agent capabilities.",
+      primaryAction: onCreateTool ? /* @__PURE__ */ jsxDEV(Button, {
+        onPress: onCreateTool,
+        children: "Create Tool"
+      }, undefined, false, undefined, this) : undefined
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-8",
+    children: [
+      /* @__PURE__ */ jsxDEV(StatCardGroup, {
+        children: [
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Total Tools",
+            value: data.total
+          }, undefined, false, undefined, this),
+          categoryStats.slice(0, 3).map(({ category, count }) => /* @__PURE__ */ jsxDEV(StatCard, {
+            label: `${categoryIcons[category] ?? ""} ${category}`,
+            value: count
+          }, category, false, undefined, this))
+        ]
+      }, undefined, true, undefined, this),
+      Object.entries(groupedByCategory).map(([category, tools]) => /* @__PURE__ */ jsxDEV("section", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("span", {
+                className: "text-2xl",
+                children: categoryIcons[category]
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("h3", {
+                className: "text-lg font-semibold",
+                children: category
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("span", {
+                className: "bg-muted text-muted-foreground rounded-full px-2 py-0.5 text-xs",
+                children: tools.length
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+            children: tools.map((tool) => /* @__PURE__ */ jsxDEV(EntityCard, {
+              cardTitle: tool.name,
+              cardSubtitle: `v${tool.version}`,
+              meta: /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground text-sm",
+                children: tool.description
+              }, undefined, false, undefined, this),
+              chips: /* @__PURE__ */ jsxDEV(StatusChip, {
+                tone: getStatusTone(tool.status),
+                label: tool.status
+              }, undefined, false, undefined, this),
+              footer: /* @__PURE__ */ jsxDEV("code", {
+                className: "text-muted-foreground text-xs",
+                children: tool.name
+              }, undefined, false, undefined, this),
+              onClick: onToolClick ? () => onToolClick(tool.id) : undefined
+            }, tool.id, false, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, category, true, undefined, this))
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { ToolRegistryView };
-//# sourceMappingURL=ToolRegistryView.js.map
+export {
+  ToolRegistryView
+};

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

@@ -1,4 +1,7 @@
-import { RunListView } from "./RunListView.js";
-import { ToolRegistryView } from "./ToolRegistryView.js";
-import { AgentListView } from "./AgentListView.js";
-export { AgentListView, RunListView, ToolRegistryView };
+/**
+ * View components for agent-console template
+ */
+export { AgentListView } from './AgentListView';
+export { RunListView } from './RunListView';
+export { ToolRegistryView } from './ToolRegistryView';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/views/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}