@contractspec/example.agent-console 3.8.8 → 3.8.10

package/dist/browser/ui/renderers/run-list.markdown.js

@@ -1,50 +1,2 @@
-// src/ui/renderers/run-list.markdown.ts
-import {
-  AGENT_CONSOLE_DEMO_PROJECT_ID,
-  createAgentConsoleDemoHandlers
-} from "@contractspec/example.agent-console/shared";
-function formatDuration(ms) {
-  if (ms < 1000)
-    return `${ms}ms`;
-  if (ms < 60000)
-    return `${(ms / 1000).toFixed(1)}s`;
-  return `${(ms / 60000).toFixed(1)}m`;
-}
-var runListMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "RunListView") {
-      throw new Error("runListMarkdownRenderer: not RunListView");
-    }
-    const data = Array.isArray(ctx?.data) ? { items: ctx.data, total: ctx.data.length, hasMore: false } : await createAgentConsoleDemoHandlers({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID
-    }).listRuns({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID,
-      limit: 20,
-      offset: 0
-    });
-    const lines = [
-      `# ${desc.meta.description ?? "Agent Runs"}`,
-      "",
-      `> ${desc.meta.key} v${desc.meta.version}`,
-      "",
-      `**Total Runs:** ${data.total}`,
-      "",
-      "## Recent Runs",
-      "",
-      "| ID | Agent | Status | Duration | Tokens | Cost |",
-      "| --- | --- | --- | --- | --- | --- |"
-    ];
-    for (const run of data.items.slice(0, 10)) {
-      lines.push(`| ${run.id.slice(-8)} | ${run.agentName} | ${run.status} | ${run.durationMs ? formatDuration(run.durationMs) : "-"} | ${run.totalTokens} | $${run.estimatedCostUsd?.toFixed(4) ?? "-"} |`);
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-export {
-  runListMarkdownRenderer
-};
+import{AGENT_CONSOLE_DEMO_PROJECT_ID as w,createAgentConsoleDemoHandlers as y}from"@contractspec/example.agent-console/shared";function z(b){if(b<1000)return`${b}ms`;if(b<60000)return`${(b/1000).toFixed(1)}s`;return`${(b/60000).toFixed(1)}m`}var F={target:"markdown",render:async(b,k)=>{if(b.source.type!=="component"||b.source.componentKey!=="RunListView")throw Error("runListMarkdownRenderer: not RunListView");let q=Array.isArray(k?.data)?{items:k.data,total:k.data.length,hasMore:!1}:await y({projectId:w}).listRuns({projectId:w,limit:20,offset:0}),v=[`# ${b.meta.description??"Agent Runs"}`,"",`> ${b.meta.key} v${b.meta.version}`,"",`**Total Runs:** ${q.total}`,"","## Recent Runs","","| ID | Agent | Status | Duration | Tokens | Cost |","| --- | --- | --- | --- | --- | --- |"];for(let j of q.items.slice(0,10))v.push(`| ${j.id.slice(-8)} | ${j.agentName} | ${j.status} | ${j.durationMs?z(j.durationMs):"-"} | ${j.totalTokens} | $${j.estimatedCostUsd?.toFixed(4)??"-"} |`);return{mimeType:"text/markdown",body:v.join(`
+`)}}};export{F as runListMarkdownRenderer};

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

@@ -1,64 +1,2 @@
-// src/ui/renderers/tool-registry.markdown.ts
-import {
-  AGENT_CONSOLE_DEMO_ORGANIZATION_ID,
-  AGENT_CONSOLE_DEMO_PROJECT_ID,
-  createAgentConsoleDemoHandlers
-} from "@contractspec/example.agent-console/shared";
-var toolRegistryMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "ToolRegistryView") {
-      throw new Error("toolRegistryMarkdownRenderer: not ToolRegistryView");
-    }
-    const data = Array.isArray(ctx?.data) ? {
-      items: ctx.data,
-      total: ctx.data.length,
-      hasMore: false
-    } : await createAgentConsoleDemoHandlers({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID
-    }).listTools({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID,
-      organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID,
-      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(`
-`)
-    };
-  }
-};
-export {
-  toolRegistryMarkdownRenderer
-};
+import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as B,AGENT_CONSOLE_DEMO_PROJECT_ID as w,createAgentConsoleDemoHandlers as F}from"@contractspec/example.agent-console/shared";var J={target:"markdown",render:async(k,q)=>{if(k.source.type!=="component"||k.source.componentKey!=="ToolRegistryView")throw Error("toolRegistryMarkdownRenderer: not ToolRegistryView");let v=Array.isArray(q?.data)?{items:q.data,total:q.data.length,hasMore:!1}:await F({projectId:w}).listTools({projectId:w,organizationId:B,limit:50,offset:0}),f=[`# ${k.meta.description??"Tool Registry"}`,"",`> ${k.meta.key} v${k.meta.version}`,"",`**Total Tools:** ${v.total}`,""],m={};for(let p of v.items){let j=p.category;if(!m[j])m[j]=[];m[j].push(p)}for(let[p,j]of Object.entries(m).sort()){f.push(`## ${p} (${j.length})`),f.push("");for(let h of j){let z=h.status==="ACTIVE"?"✅":h.status==="DEPRECATED"?"⚠️":"❌";if(f.push(`### ${z} ${h.name} v${h.version}`),f.push(""),f.push(`> \`${h.id}\``),f.push(""),h.description)f.push(h.description),f.push("")}}return{mimeType:"text/markdown",body:f.join(`
+`)}}};export{J as toolRegistryMarkdownRenderer};

package/dist/browser/ui/views/AgentListView.js

@@ -1,165 +1 @@
-// src/ui/hooks/useAgentList.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useMemo, useState } from "react";
-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)
-  };
-}
-
-// src/ui/views/AgentListView.tsx
-import {
-  Button,
-  EmptyState,
-  EntityCard,
-  ErrorState,
-  LoaderBlock,
-  StatCard,
-  StatCardGroup,
-  StatusChip
-} 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";
-  }
-}
-function AgentListView() {
-  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: "font-semibold text-lg",
-            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);
-}
-export {
-  AgentListView
-};
+import{useTemplateRuntime as V}from"@contractspec/lib.example-shared-ui";import{useCallback as B,useEffect as P,useMemo as T,useState as O}from"react";function G(q={}){let{handlers:X,projectId:K}=V(),{agent:J}=X,[H,F]=O(null),[M,Z]=O(!0),[R,_]=O(null),[N,$]=O(1),Y=B(async()=>{Z(!0),_(null);try{let v=await J.listAgents({projectId:K,search:q.search,status:q.status==="all"?void 0:q.status,limit:q.limit??20,offset:(N-1)*(q.limit??20)});F(v)}catch(v){_(v instanceof Error?v:Error("Unknown error"))}finally{Z(!1)}},[J,K,q.search,q.status,q.limit,N]);P(()=>{Y()},[Y]);let U=T(()=>{if(!H)return null;return{total:H.total,active:H.items.filter((v)=>v.status==="ACTIVE").length,paused:H.items.filter((v)=>v.status==="PAUSED").length,draft:H.items.filter((v)=>v.status==="DRAFT").length}},[H]);return{data:H,loading:M,error:R,stats:U,page:N,refetch:Y,nextPage:()=>$((v)=>v+1),prevPage:()=>N>1&&$((v)=>v-1)}}import{Button as k,EmptyState as w,EntityCard as I,ErrorState as b,LoaderBlock as y,StatCard as Q,StatCardGroup as D,StatusChip as A}from"@contractspec/lib.design-system";import{jsx as z,jsxs as W}from"react/jsx-runtime";function E(q){switch(q){case"ACTIVE":return"success";case"PAUSED":case"DRAFT":return"warning";case"ARCHIVED":return"neutral";default:return"neutral"}}function l(){let{data:q,loading:X,error:K,stats:J,refetch:H}=G();if(X&&!q)return z(y,{label:"Loading agents..."});if(K)return z(b,{title:"Failed to load agents",description:K.message,onRetry:H,retryLabel:"Retry"});if(!q?.items.length)return z(w,{title:"No agents yet",description:"Create your first AI agent to get started."});return W("div",{className:"space-y-6",children:[J&&W(D,{children:[z(Q,{label:"Total Agents",value:J.total}),z(Q,{label:"Active",value:J.active}),z(Q,{label:"Paused",value:J.paused}),z(Q,{label:"Draft",value:J.draft})]}),W("div",{className:"flex items-center justify-between",children:[z("h3",{className:"font-semibold text-lg",children:"Agents"}),z(k,{onPress:()=>alert("Create Agent clicked!"),children:"Create Agent"})]}),z("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:q.items.map((F)=>z(I,{cardTitle:F.name,cardSubtitle:F.modelName,meta:z("p",{className:"text-muted-foreground text-sm",children:F.description}),chips:z(A,{tone:E(F.status),label:F.status}),footer:W("span",{className:"text-muted-foreground text-xs",children:["Created ",F.createdAt.toLocaleDateString()]}),onClick:()=>alert(`View agent: ${F.name}`)},F.id))})]})}export{l as AgentListView};

package/dist/browser/ui/views/RunDataTable.js

@@ -1,326 +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);
-}
-export {
-  RunDataTable
-};
+import{Button as W,StatusChip as f}from"@contractspec/lib.design-system";import{HStack as $,VStack as _}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as L}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as F,jsxs as A}from"react/jsx-runtime";function E(y){switch(y){case"COMPLETED":return"success";case"RUNNING":return"warning";case"QUEUED":return"neutral";case"FAILED":case"CANCELLED":return"danger";default:return"neutral"}}function z(y){if(!y)return"-";if(y<1000)return`${y}ms`;if(y<60000)return`${(y/1000).toFixed(1)}s`;return`${(y/60000).toFixed(1)}m`}function X(y){if(y<1000)return y.toString();if(y<1e6)return`${(y/1000).toFixed(1)}K`;return`${(y/1e6).toFixed(2)}M`}function D(y){if(!y)return"-";return`$${y.toFixed(4)}`}function q(y){return JSON.stringify(y??null,null,2)}function H({run:y}){return A(_,{gap:"sm",className:"py-2",children:[A($,{justify:"between",className:"flex-wrap",children:[F(f,{tone:E(y.status),label:y.status}),A(L,{className:"text-muted-foreground text-sm",children:["Queued ",y.queuedAt.toLocaleString()]})]}),A($,{gap:"lg",className:"flex-wrap",children:[A(L,{className:"text-muted-foreground text-sm",children:["Prompt ",X(y.promptTokens)]}),A(L,{className:"text-muted-foreground text-sm",children:["Completion ",X(y.completionTokens)]}),A(L,{className:"text-muted-foreground text-sm",children:["Duration ",z(y.durationMs)]})]}),A(_,{gap:"xs",children:[F(L,{className:"font-medium text-sm",children:"Input"}),F("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:q(y.input)})]}),A(_,{gap:"xs",children:[F(L,{className:"font-medium text-sm",children:"Output"}),F("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:q(y.output??y.errorMessage??"Pending")})]})]})}function B({controller:y,totalRuns:G}){let U=y.rows[0],M=y.columns.find((K)=>K.id==="queuedAt"),N=y.columns.find((K)=>K.id==="durationMs"),O=y.columns.find((K)=>K.id==="estimatedCostUsd");return A($,{gap:"sm",className:"flex-wrap",children:[A(L,{className:"text-muted-foreground text-sm",children:[G," runs"]}),F(W,{variant:"outline",size:"sm",onPress:()=>U?.toggleExpanded?.(!U?.isExpanded),children:"Expand Latest Run"}),F(W,{variant:"outline",size:"sm",onPress:()=>M?.toggleVisibility?.(!M?.visible),children:M?.visible?"Hide Time":"Show Time"}),F(W,{variant:"outline",size:"sm",onPress:()=>N?.toggleVisibility?.(!N?.visible),children:N?.visible?"Hide Duration":"Show Duration"}),F(W,{variant:"outline",size:"sm",onPress:()=>O?.toggleVisibility?.(!O?.visible),children:O?.visible?"Hide Cost":"Show Cost"})]})}import{StatusChip as b}from"@contractspec/lib.design-system";import{VStack as p}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as J}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as Y,jsxs as d}from"react/jsx-runtime";function V(){return[{id:"queuedAt",header:"Run",label:"Run",accessor:(y)=>y.queuedAt.getTime(),cell:({item:y})=>d(p,{gap:"xs",children:[Y(J,{className:"font-mono text-sm",children:y.id.slice(-8)}),Y(J,{className:"text-muted-foreground text-xs",children:y.queuedAt.toLocaleString()})]}),size:220,minSize:180,canSort:!0,canHide:!0,canResize:!0},{id:"agentName",header:"Agent",label:"Agent",accessor:(y)=>y.agentName??"Unknown Agent",cell:({value:y})=>Y(J,{className:"font-medium",children:typeof y==="string"?y:"Unknown Agent"}),size:220,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:y})=>{let G=typeof y==="string"?y:"QUEUED";return Y(b,{tone:E(G),label:G})},size:150,canSort:!0,canResize:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:y})=>X(Number(y??0)),align:"right",size:140,canSort:!0,canResize:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:y})=>z(typeof y==="number"?y:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0},{id:"estimatedCostUsd",header:"Cost",label:"Cost",accessorKey:"estimatedCostUsd",cell:({value:y})=>D(typeof y==="number"?y:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0}]}import{DataTable as S}from"@contractspec/lib.design-system";import{useContractTable as g}from"@contractspec/lib.presentation-runtime-react";import*as w from"react";import{jsx as Z}from"react/jsx-runtime";function s({runs:y,totalItems:G,pageIndex:U,pageSize:M,sorting:N,loading:O,onSortingChange:K,onPaginationChange:I,onRunClick:h}){let R=w.useMemo(()=>V(),[]),P=g({data:y,columns:R,executionMode:"server",totalItems:G,state:{sorting:N,pagination:{pageIndex:U,pageSize:M}},onSortingChange:K,onPaginationChange:I,initialState:{columnVisibility:{estimatedCostUsd:!1}},getRowId:(Q)=>Q.id,renderExpandedContent:(Q)=>Z(H,{run:Q}),getCanExpand:()=>!0});return Z(S,{controller:P,title:"Run History",description:"Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",loading:O,onRowPress:(Q)=>h?.(Q.id),toolbar:Z(B,{controller:P,totalRuns:G}),emptyState:Z("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No runs yet"})})}export{s as RunDataTable};