@contractspec/example.agent-console 3.8.8 → 3.8.10

package/dist/node/ui/views/RunListView.js

@@ -1,479 +1 @@
-// src/ui/hooks/useRunList.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useState } from "react";
-function useRunList(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 [internalPageIndex, setInternalPageIndex] = useState(0);
-  const pageSize = options.pageSize ?? options.limit ?? 20;
-  const pageIndex = options.pageIndex ?? internalPageIndex;
-  const [sort] = options.sorting ?? [];
-  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,
-          sortBy: sort?.id,
-          sortDirection: sort ? sort.desc ? "desc" : "asc" : undefined,
-          limit: pageSize,
-          offset: pageIndex * pageSize
-        }),
-        agent.getRunMetrics({
-          projectId,
-          agentId: options.agentId
-        })
-      ]);
-      setData(runsResult);
-      setMetrics(metricsResult);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [
-    agent,
-    pageIndex,
-    pageSize,
-    projectId,
-    options.agentId,
-    options.status,
-    sort?.desc,
-    sort?.id
-  ]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  const hasControlledPagination = options.pageIndex !== undefined;
-  return {
-    data,
-    metrics,
-    loading,
-    error,
-    page: pageIndex + 1,
-    pageIndex,
-    pageSize,
-    refetch: fetchData,
-    nextPage: hasControlledPagination ? undefined : () => setInternalPageIndex((current) => current + 1),
-    prevPage: hasControlledPagination ? undefined : () => setInternalPageIndex((current) => Math.max(0, current - 1))
-  };
-}
-
-// src/ui/views/run-list.shared.tsx
-import { Button, StatusChip } from "@contractspec/lib.design-system";
-import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function getStatusTone(status) {
-  switch (status) {
-    case "COMPLETED":
-      return "success";
-    case "RUNNING":
-      return "warning";
-    case "QUEUED":
-      return "neutral";
-    case "FAILED":
-    case "CANCELLED":
-      return "danger";
-    default:
-      return "neutral";
-  }
-}
-function formatDuration(ms) {
-  if (!ms)
-    return "-";
-  if (ms < 1000)
-    return `${ms}ms`;
-  if (ms < 60000)
-    return `${(ms / 1000).toFixed(1)}s`;
-  return `${(ms / 60000).toFixed(1)}m`;
-}
-function formatTokens(tokens) {
-  if (tokens < 1000)
-    return tokens.toString();
-  if (tokens < 1e6)
-    return `${(tokens / 1000).toFixed(1)}K`;
-  return `${(tokens / 1e6).toFixed(2)}M`;
-}
-function formatCost(cost) {
-  if (!cost)
-    return "-";
-  return `$${cost.toFixed(4)}`;
-}
-function formatJson(value) {
-  return JSON.stringify(value ?? null, null, 2);
-}
-function RunExpandedContent({ run }) {
-  return /* @__PURE__ */ jsxDEV(VStack, {
-    gap: "sm",
-    className: "py-2",
-    children: [
-      /* @__PURE__ */ jsxDEV(HStack, {
-        justify: "between",
-        className: "flex-wrap",
-        children: [
-          /* @__PURE__ */ jsxDEV(StatusChip, {
-            tone: getStatusTone(run.status),
-            label: run.status
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Queued ",
-              run.queuedAt.toLocaleString()
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(HStack, {
-        gap: "lg",
-        className: "flex-wrap",
-        children: [
-          /* @__PURE__ */ jsxDEV(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Prompt ",
-              formatTokens(run.promptTokens)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Completion ",
-              formatTokens(run.completionTokens)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Duration ",
-              formatDuration(run.durationMs)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VStack, {
-        gap: "xs",
-        children: [
-          /* @__PURE__ */ jsxDEV(Text, {
-            className: "font-medium text-sm",
-            children: "Input"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("pre", {
-            className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-            children: formatJson(run.input)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VStack, {
-        gap: "xs",
-        children: [
-          /* @__PURE__ */ jsxDEV(Text, {
-            className: "font-medium text-sm",
-            children: "Output"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("pre", {
-            className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-            children: formatJson(run.output ?? run.errorMessage ?? "Pending")
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function RunTableToolbar({
-  controller,
-  totalRuns
-}) {
-  const firstRow = controller.rows[0];
-  const queuedColumn = controller.columns.find((column) => column.id === "queuedAt");
-  const durationColumn = controller.columns.find((column) => column.id === "durationMs");
-  const costColumn = controller.columns.find((column) => column.id === "estimatedCostUsd");
-  return /* @__PURE__ */ jsxDEV(HStack, {
-    gap: "sm",
-    className: "flex-wrap",
-    children: [
-      /* @__PURE__ */ jsxDEV(Text, {
-        className: "text-muted-foreground text-sm",
-        children: [
-          totalRuns,
-          " runs"
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => firstRow?.toggleExpanded?.(!firstRow?.isExpanded),
-        children: "Expand Latest Run"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => queuedColumn?.toggleVisibility?.(!queuedColumn?.visible),
-        children: queuedColumn?.visible ? "Hide Time" : "Show Time"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => durationColumn?.toggleVisibility?.(!durationColumn?.visible),
-        children: durationColumn?.visible ? "Hide Duration" : "Show Duration"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => costColumn?.toggleVisibility?.(!costColumn?.visible),
-        children: costColumn?.visible ? "Hide Cost" : "Show Cost"
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/views/run-data-table.columns.tsx
-import { StatusChip as StatusChip2 } from "@contractspec/lib.design-system";
-import { VStack as VStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text as Text2 } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function createRunTableColumns() {
-  return [
-    {
-      id: "queuedAt",
-      header: "Run",
-      label: "Run",
-      accessor: (run) => run.queuedAt.getTime(),
-      cell: ({ item }) => /* @__PURE__ */ jsxDEV2(VStack2, {
-        gap: "xs",
-        children: [
-          /* @__PURE__ */ jsxDEV2(Text2, {
-            className: "font-mono text-sm",
-            children: item.id.slice(-8)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Text2, {
-            className: "text-muted-foreground text-xs",
-            children: item.queuedAt.toLocaleString()
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      size: 220,
-      minSize: 180,
-      canSort: true,
-      canHide: true,
-      canResize: true
-    },
-    {
-      id: "agentName",
-      header: "Agent",
-      label: "Agent",
-      accessor: (run) => run.agentName ?? "Unknown Agent",
-      cell: ({ value }) => /* @__PURE__ */ jsxDEV2(Text2, {
-        className: "font-medium",
-        children: typeof value === "string" ? value : "Unknown Agent"
-      }, undefined, false, undefined, this),
-      size: 220,
-      canSort: true,
-      canResize: true
-    },
-    {
-      id: "status",
-      header: "Status",
-      label: "Status",
-      accessorKey: "status",
-      cell: ({ value }) => {
-        const status = typeof value === "string" ? value : "QUEUED";
-        return /* @__PURE__ */ jsxDEV2(StatusChip2, {
-          tone: getStatusTone(status),
-          label: status
-        }, undefined, false, undefined, this);
-      },
-      size: 150,
-      canSort: true,
-      canResize: true
-    },
-    {
-      id: "totalTokens",
-      header: "Tokens",
-      label: "Tokens",
-      accessorKey: "totalTokens",
-      cell: ({ value }) => formatTokens(Number(value ?? 0)),
-      align: "right",
-      size: 140,
-      canSort: true,
-      canResize: true
-    },
-    {
-      id: "durationMs",
-      header: "Duration",
-      label: "Duration",
-      accessorKey: "durationMs",
-      cell: ({ value }) => formatDuration(typeof value === "number" ? value : undefined),
-      align: "right",
-      size: 140,
-      canSort: true,
-      canHide: true,
-      canResize: true
-    },
-    {
-      id: "estimatedCostUsd",
-      header: "Cost",
-      label: "Cost",
-      accessorKey: "estimatedCostUsd",
-      cell: ({ value }) => formatCost(typeof value === "number" ? value : undefined),
-      align: "right",
-      size: 140,
-      canSort: true,
-      canHide: true,
-      canResize: true
-    }
-  ];
-}
-
-// src/ui/views/RunDataTable.tsx
-import { DataTable } from "@contractspec/lib.design-system";
-import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
-import * as React from "react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-function RunDataTable({
-  runs,
-  totalItems,
-  pageIndex,
-  pageSize,
-  sorting,
-  loading,
-  onSortingChange,
-  onPaginationChange,
-  onRunClick
-}) {
-  const columns = React.useMemo(() => createRunTableColumns(), []);
-  const controller = useContractTable({
-    data: runs,
-    columns,
-    executionMode: "server",
-    totalItems,
-    state: {
-      sorting,
-      pagination: { pageIndex, pageSize }
-    },
-    onSortingChange,
-    onPaginationChange,
-    initialState: {
-      columnVisibility: { estimatedCostUsd: false }
-    },
-    getRowId: (run) => run.id,
-    renderExpandedContent: (run) => /* @__PURE__ */ jsxDEV3(RunExpandedContent, {
-      run
-    }, undefined, false, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV3(DataTable, {
-    controller,
-    title: "Run History",
-    description: "Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",
-    loading,
-    onRowPress: (row) => onRunClick?.(row.id),
-    toolbar: /* @__PURE__ */ jsxDEV3(RunTableToolbar, {
-      controller,
-      totalRuns: totalItems
-    }, undefined, false, undefined, this),
-    emptyState: /* @__PURE__ */ jsxDEV3("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No runs yet"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/ui/views/RunListView.tsx
-import {
-  EmptyState,
-  ErrorState,
-  LoaderBlock,
-  StatCard,
-  StatCardGroup
-} from "@contractspec/lib.design-system";
-import { useState as useState2 } from "react";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-"use client";
-function RunListView({ agentId, onRunClick }) {
-  const [sorting, setSorting] = useState2([
-    { id: "queuedAt", desc: true }
-  ]);
-  const [pagination, setPagination] = useState2({
-    pageIndex: 0,
-    pageSize: 3
-  });
-  const { data, metrics, loading, error, refetch } = useRunList({
-    agentId,
-    pageIndex: pagination.pageIndex,
-    pageSize: pagination.pageSize,
-    sorting
-  });
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV4(LoaderBlock, {
-      label: "Loading runs..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV4(ErrorState, {
-      title: "Failed to load runs",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  if (!data?.items.length) {
-    return /* @__PURE__ */ jsxDEV4(EmptyState, {
-      title: "No runs yet",
-      description: "Execute an agent to see run history here."
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV4("div", {
-    className: "space-y-6",
-    children: [
-      metrics ? /* @__PURE__ */ jsxDEV4(StatCardGroup, {
-        children: [
-          /* @__PURE__ */ jsxDEV4(StatCard, {
-            label: "Total Runs",
-            value: metrics.totalRuns
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(StatCard, {
-            label: "Success Rate",
-            value: `${(metrics.successRate * 100).toFixed(1)}%`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(StatCard, {
-            label: "Total Tokens",
-            value: formatTokens(metrics.totalTokens)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(StatCard, {
-            label: "Total Cost",
-            value: `$${metrics.totalCostUsd.toFixed(2)}`
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV4(RunDataTable, {
-        runs: data.items,
-        totalItems: data.total,
-        pageIndex: pagination.pageIndex,
-        pageSize: pagination.pageSize,
-        sorting,
-        loading,
-        onSortingChange: (nextSorting) => {
-          setSorting(nextSorting);
-          setPagination((current) => ({ ...current, pageIndex: 0 }));
-        },
-        onPaginationChange: setPagination,
-        onRunClick
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  RunListView
-};
+import{useTemplateRuntime as u}from"@contractspec/lib.example-shared-ui";import{useCallback as r,useEffect as a,useState as B}from"react";function C(A={}){let{handlers:N,projectId:O}=u(),{agent:Q}=N,[K,W]=B(null),[F,Y]=B(null),[y,G]=B(!0),[J,X]=B(null),[P,T]=B(0),V=A.pageSize??A.limit??20,z=A.pageIndex??P,[H]=A.sorting??[],b=r(async()=>{G(!0),X(null);try{let[_,i]=await Promise.all([Q.listRuns({projectId:O,agentId:A.agentId,status:A.status==="all"?void 0:A.status,sortBy:H?.id,sortDirection:H?H.desc?"desc":"asc":void 0,limit:V,offset:z*V}),Q.getRunMetrics({projectId:O,agentId:A.agentId})]);W(_),Y(i)}catch(_){X(_ instanceof Error?_:Error("Unknown error"))}finally{G(!1)}},[Q,z,V,O,A.agentId,A.status,H?.desc,H?.id]);a(()=>{b()},[b]);let k=A.pageIndex!==void 0;return{data:K,metrics:F,loading:y,error:J,page:z+1,pageIndex:z,pageSize:V,refetch:b,nextPage:k?void 0:()=>T((_)=>_+1),prevPage:k?void 0:()=>T((_)=>Math.max(0,_-1))}}import{Button as E,StatusChip as o}from"@contractspec/lib.design-system";import{HStack as R,VStack as f}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as M}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as Z,jsxs as U}from"react/jsx-runtime";function I(A){switch(A){case"COMPLETED":return"success";case"RUNNING":return"warning";case"QUEUED":return"neutral";case"FAILED":case"CANCELLED":return"danger";default:return"neutral"}}function h(A){if(!A)return"-";if(A<1000)return`${A}ms`;if(A<60000)return`${(A/1000).toFixed(1)}s`;return`${(A/60000).toFixed(1)}m`}function q(A){if(A<1000)return A.toString();if(A<1e6)return`${(A/1000).toFixed(1)}K`;return`${(A/1e6).toFixed(2)}M`}function j(A){if(!A)return"-";return`$${A.toFixed(4)}`}function S(A){return JSON.stringify(A??null,null,2)}function d({run:A}){return U(f,{gap:"sm",className:"py-2",children:[U(R,{justify:"between",className:"flex-wrap",children:[Z(o,{tone:I(A.status),label:A.status}),U(M,{className:"text-muted-foreground text-sm",children:["Queued ",A.queuedAt.toLocaleString()]})]}),U(R,{gap:"lg",className:"flex-wrap",children:[U(M,{className:"text-muted-foreground text-sm",children:["Prompt ",q(A.promptTokens)]}),U(M,{className:"text-muted-foreground text-sm",children:["Completion ",q(A.completionTokens)]}),U(M,{className:"text-muted-foreground text-sm",children:["Duration ",h(A.durationMs)]})]}),U(f,{gap:"xs",children:[Z(M,{className:"font-medium text-sm",children:"Input"}),Z("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:S(A.input)})]}),U(f,{gap:"xs",children:[Z(M,{className:"font-medium text-sm",children:"Output"}),Z("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:S(A.output??A.errorMessage??"Pending")})]})]})}function g({controller:A,totalRuns:N}){let O=A.rows[0],Q=A.columns.find((F)=>F.id==="queuedAt"),K=A.columns.find((F)=>F.id==="durationMs"),W=A.columns.find((F)=>F.id==="estimatedCostUsd");return U(R,{gap:"sm",className:"flex-wrap",children:[U(M,{className:"text-muted-foreground text-sm",children:[N," runs"]}),Z(E,{variant:"outline",size:"sm",onPress:()=>O?.toggleExpanded?.(!O?.isExpanded),children:"Expand Latest Run"}),Z(E,{variant:"outline",size:"sm",onPress:()=>Q?.toggleVisibility?.(!Q?.visible),children:Q?.visible?"Hide Time":"Show Time"}),Z(E,{variant:"outline",size:"sm",onPress:()=>K?.toggleVisibility?.(!K?.visible),children:K?.visible?"Hide Duration":"Show Duration"}),Z(E,{variant:"outline",size:"sm",onPress:()=>W?.toggleVisibility?.(!W?.visible),children:W?.visible?"Hide Cost":"Show Cost"})]})}import{StatusChip as s}from"@contractspec/lib.design-system";import{VStack as n}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as v}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as L,jsxs as e}from"react/jsx-runtime";function p(){return[{id:"queuedAt",header:"Run",label:"Run",accessor:(A)=>A.queuedAt.getTime(),cell:({item:A})=>e(n,{gap:"xs",children:[L(v,{className:"font-mono text-sm",children:A.id.slice(-8)}),L(v,{className:"text-muted-foreground text-xs",children:A.queuedAt.toLocaleString()})]}),size:220,minSize:180,canSort:!0,canHide:!0,canResize:!0},{id:"agentName",header:"Agent",label:"Agent",accessor:(A)=>A.agentName??"Unknown Agent",cell:({value:A})=>L(v,{className:"font-medium",children:typeof A==="string"?A:"Unknown Agent"}),size:220,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:A})=>{let N=typeof A==="string"?A:"QUEUED";return L(s,{tone:I(N),label:N})},size:150,canSort:!0,canResize:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:A})=>q(Number(A??0)),align:"right",size:140,canSort:!0,canResize:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:A})=>h(typeof A==="number"?A:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0},{id:"estimatedCostUsd",header:"Cost",label:"Cost",accessorKey:"estimatedCostUsd",cell:({value:A})=>j(typeof A==="number"?A:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0}]}import{DataTable as t}from"@contractspec/lib.design-system";import{useContractTable as AA}from"@contractspec/lib.presentation-runtime-react";import*as m from"react";import{jsx as w}from"react/jsx-runtime";function x({runs:A,totalItems:N,pageIndex:O,pageSize:Q,sorting:K,loading:W,onSortingChange:F,onPaginationChange:Y,onRunClick:y}){let G=m.useMemo(()=>p(),[]),J=AA({data:A,columns:G,executionMode:"server",totalItems:N,state:{sorting:K,pagination:{pageIndex:O,pageSize:Q}},onSortingChange:F,onPaginationChange:Y,initialState:{columnVisibility:{estimatedCostUsd:!1}},getRowId:(X)=>X.id,renderExpandedContent:(X)=>w(d,{run:X}),getCanExpand:()=>!0});return w(t,{controller:J,title:"Run History",description:"Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",loading:W,onRowPress:(X)=>y?.(X.id),toolbar:w(g,{controller:J,totalRuns:N}),emptyState:w("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No runs yet"})})}import{EmptyState as FA,ErrorState as KA,LoaderBlock as NA,StatCard as D,StatCardGroup as OA}from"@contractspec/lib.design-system";import{useState as c}from"react";import{jsx as $,jsxs as l}from"react/jsx-runtime";function IA({agentId:A,onRunClick:N}){let[O,Q]=c([{id:"queuedAt",desc:!0}]),[K,W]=c({pageIndex:0,pageSize:3}),{data:F,metrics:Y,loading:y,error:G,refetch:J}=C({agentId:A,pageIndex:K.pageIndex,pageSize:K.pageSize,sorting:O});if(y&&!F)return $(NA,{label:"Loading runs..."});if(G)return $(KA,{title:"Failed to load runs",description:G.message,onRetry:J,retryLabel:"Retry"});if(!F?.items.length)return $(FA,{title:"No runs yet",description:"Execute an agent to see run history here."});return l("div",{className:"space-y-6",children:[Y?l(OA,{children:[$(D,{label:"Total Runs",value:Y.totalRuns}),$(D,{label:"Success Rate",value:`${(Y.successRate*100).toFixed(1)}%`}),$(D,{label:"Total Tokens",value:q(Y.totalTokens)}),$(D,{label:"Total Cost",value:`$${Y.totalCostUsd.toFixed(2)}`})]}):null,$(x,{runs:F.items,totalItems:F.total,pageIndex:K.pageIndex,pageSize:K.pageSize,sorting:O,loading:y,onSortingChange:(X)=>{Q(X),W((P)=>({...P,pageIndex:0}))},onPaginationChange:W,onRunClick:N})]})}export{IA as RunListView};