@contractspec/example.agent-console 3.8.9 → 3.8.11

package/dist/node/ui/AgentRunList.js

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