@contractspec/example.agent-console 3.8.9 → 3.8.10

package/dist/ui/views/ToolRegistryView.js

@@ -1,210 +1,2 @@
 // @bun
-// src/ui/hooks/useToolList.ts
-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;
-  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)
-  };
-}
-
-// src/ui/views/ToolRegistryView.tsx
-import {
-  Button,
-  EmptyState,
-  EntityCard,
-  ErrorState,
-  LoaderBlock,
-  StatCard,
-  StatCardGroup,
-  StatusChip
-} 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";
-  }
-}
-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: "font-semibold text-lg",
-                children: category
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
-                className: "rounded-full bg-muted px-2 py-0.5 text-muted-foreground 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);
-}
-export {
-  ToolRegistryView
-};
+import{useTemplateRuntime as h}from"@contractspec/lib.example-shared-ui";import{useCallback as m,useEffect as b,useMemo as T,useState as _}from"react";function P(q={}){let{handlers:W,projectId:U}=h(),{agent:X}=W,[O,z]=_(null),[G,Y]=_(!0),[K,Q]=_(null),[F,v]=_(1),M=m(async()=>{Y(!0),Q(null);try{let H=await X.listTools({projectId:U,search:q.search,category:q.category,status:q.status==="all"?void 0:q.status,limit:q.limit??50,offset:(F-1)*(q.limit??50)});z(H)}catch(H){Q(H instanceof Error?H:Error("Unknown error"))}finally{Y(!1)}},[X,U,q.search,q.category,q.status,q.limit,F]);b(()=>{M()},[M]);let{stats:D,groupedByCategory:I,categoryStats:L}=T(()=>{if(!O)return{stats:null,groupedByCategory:{},categoryStats:[]};let H=O.items,f=H.filter((J)=>J.status==="ACTIVE").length,E=H.filter((J)=>J.status==="DEPRECATED").length,k=H.filter((J)=>J.status==="DISABLED").length,Z={},V={};H.forEach((J)=>{let N=J.category;if(!Z[N])Z[N]=[];Z[N].push(J),V[N]=(V[N]||0)+1});let w=Object.entries(V).map(([J,N])=>({category:J,count:N})).sort((J,N)=>N.count-J.count);return{stats:{total:O.total,active:f,deprecated:E,disabled:k,topCategories:w.slice(0,5)},groupedByCategory:Z,categoryStats:w}},[O]);return{data:O,loading:G,error:K,stats:D,groupedByCategory:I,categoryStats:L,page:F,refetch:M,nextPage:()=>v((H)=>H+1),prevPage:()=>F>1&&v((H)=>H-1)}}import{Button as S,EmptyState as x,EntityCard as j,ErrorState as C,LoaderBlock as u,StatCard as R,StatCardGroup as d,StatusChip as y}from"@contractspec/lib.design-system";import{jsx as A,jsxs as $}from"react/jsx-runtime";var B={RETRIEVAL:"\uD83D\uDD0D",COMPUTATION:"\uD83E\uDDEE",COMMUNICATION:"\uD83D\uDCE7",INTEGRATION:"\uD83D\uDD17",UTILITY:"\uD83D\uDEE0\uFE0F",CUSTOM:"\u2699\uFE0F"};function p(q){switch(q){case"ACTIVE":return"success";case"DRAFT":return"neutral";case"DEPRECATED":return"warning";case"DISABLED":return"danger";default:return"neutral"}}function r({onToolClick:q,onCreateTool:W}){let{data:U,loading:X,error:O,groupedByCategory:z,categoryStats:G,refetch:Y}=P();if(X&&!U)return A(u,{label:"Loading tools..."});if(O)return A(C,{title:"Failed to load tools",description:O.message,onRetry:Y,retryLabel:"Retry"});if(!U?.items.length)return A(x,{title:"No tools registered",description:"Create your first tool to extend agent capabilities.",primaryAction:W?A(S,{onPress:W,children:"Create Tool"}):void 0});return $("div",{className:"space-y-8",children:[$(d,{children:[A(R,{label:"Total Tools",value:U.total}),G.slice(0,3).map(({category:K,count:Q})=>A(R,{label:`${B[K]??""} ${K}`,value:Q},K))]}),Object.entries(z).map(([K,Q])=>$("section",{className:"space-y-4",children:[$("div",{className:"flex items-center gap-2",children:[A("span",{className:"text-2xl",children:B[K]}),A("h3",{className:"font-semibold text-lg",children:K}),A("span",{className:"rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs",children:Q.length})]}),A("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:Q.map((F)=>A(j,{cardTitle:F.name,cardSubtitle:`v${F.version}`,meta:A("p",{className:"text-muted-foreground text-sm",children:F.description}),chips:A(y,{tone:p(F.status),label:F.status}),footer:A("code",{className:"text-muted-foreground text-xs",children:F.name}),onClick:q?()=>q(F.id):void 0},F.id))})]},K))]})}export{r as ToolRegistryView};