@contractspec/example.agent-console 3.8.9 → 3.8.11

package/dist/ui/AgentDashboard.visualizations.js

@@ -1,218 +1,2 @@
 // @bun
-// src/visualizations/catalog.ts
-import {
-  defineVisualization,
-  VisualizationRegistry
-} from "@contractspec/lib.contracts-spec/visualizations";
-var RUN_LIST_REF = { key: "agent.run.list", version: "1.0.0" };
-var META = {
-  version: "1.0.0",
-  domain: "ai-ops",
-  stability: "experimental",
-  owners: ["@example.agent-console"],
-  tags: ["agent-console", "visualization", "operations"]
-};
-var AgentRunStatusVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "agent-console.visualization.run-status",
-    title: "Run Status Breakdown",
-    description: "Distribution of run outcomes across the current sample.",
-    goal: "Make operational success and failure mix visible at a glance.",
-    context: "Agent operations overview."
-  },
-  source: { primary: RUN_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "pie",
-    nameDimension: "status",
-    valueMeasure: "runs",
-    dimensions: [
-      { key: "status", label: "Status", dataPath: "status", type: "category" }
-    ],
-    measures: [
-      { key: "runs", label: "Runs", dataPath: "runs", format: "number" }
-    ],
-    table: { caption: "Run counts by status." }
-  }
-});
-var AgentRunActivityVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "agent-console.visualization.run-activity",
-    title: "Recent Run Activity",
-    description: "Daily run volume across the current sample.",
-    goal: "Show whether agent activity is rising or slowing down.",
-    context: "Operations trend monitoring."
-  },
-  source: { primary: RUN_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "line",
-    xDimension: "day",
-    yMeasures: ["runs"],
-    dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
-    measures: [
-      {
-        key: "runs",
-        label: "Runs",
-        dataPath: "runs",
-        format: "number",
-        color: "#0f766e"
-      }
-    ],
-    table: { caption: "Daily run counts." }
-  }
-});
-var AgentRunEfficiencyVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "agent-console.visualization.run-efficiency",
-    title: "Duration vs Tokens",
-    description: "Scatter chart comparing token consumption and runtime.",
-    goal: "Reveal outlier runs that are slow relative to their token usage.",
-    context: "Operational performance diagnostics."
-  },
-  source: { primary: RUN_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "scatter",
-    xDimension: "totalTokens",
-    yMeasures: ["durationMs"],
-    dimensions: [
-      {
-        key: "totalTokens",
-        label: "Total Tokens",
-        dataPath: "totalTokens",
-        type: "number"
-      }
-    ],
-    measures: [
-      {
-        key: "durationMs",
-        label: "Duration",
-        dataPath: "durationMs",
-        format: "duration",
-        color: "#7c3aed"
-      },
-      {
-        key: "estimatedCostUsd",
-        label: "Cost",
-        dataPath: "estimatedCostUsd",
-        format: "currency"
-      }
-    ],
-    series: [
-      {
-        key: "runs",
-        label: "Runs",
-        measure: "durationMs",
-        type: "scatter",
-        color: "#7c3aed"
-      }
-    ],
-    table: { caption: "Run duration versus token usage." }
-  }
-});
-var AgentVisualizationSpecs = [
-  AgentRunStatusVisualization,
-  AgentRunActivityVisualization,
-  AgentRunEfficiencyVisualization
-];
-var AgentVisualizationRegistry = new VisualizationRegistry([
-  ...AgentVisualizationSpecs
-]);
-var AgentVisualizationRefs = AgentVisualizationSpecs.map((spec) => ({
-  key: spec.meta.key,
-  version: spec.meta.version
-}));
-
-// src/visualizations/selectors.ts
-function dayKey(value) {
-  if (!value)
-    return "unknown";
-  return value.toISOString().slice(0, 10);
-}
-function createAgentVisualizationItems(runs) {
-  const statusCounts = new Map;
-  const activityCounts = new Map;
-  for (const run of runs) {
-    statusCounts.set(run.status, (statusCounts.get(run.status) ?? 0) + 1);
-    activityCounts.set(dayKey(run.startedAt ?? run.queuedAt), (activityCounts.get(dayKey(run.startedAt ?? run.queuedAt)) ?? 0) + 1);
-  }
-  return [
-    {
-      key: "run-status",
-      spec: AgentRunStatusVisualization,
-      data: {
-        data: Array.from(statusCounts.entries()).map(([status, count]) => ({
-          status,
-          runs: count
-        }))
-      },
-      title: "Run Status Breakdown",
-      description: "Completed, failed, running, and cancelled runs in the sample.",
-      height: 260
-    },
-    {
-      key: "run-activity",
-      spec: AgentRunActivityVisualization,
-      data: {
-        data: Array.from(activityCounts.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, runs: count }))
-      },
-      title: "Recent Run Activity",
-      description: "Daily run volume derived from run start times."
-    },
-    {
-      key: "run-efficiency",
-      spec: AgentRunEfficiencyVisualization,
-      data: {
-        data: runs.filter((run) => typeof run.durationMs === "number").map((run) => ({
-          totalTokens: run.totalTokens,
-          durationMs: run.durationMs ?? 0,
-          estimatedCostUsd: run.estimatedCostUsd
-        }))
-      },
-      title: "Duration vs Tokens",
-      description: "Operational scatter plot for spotting inefficient runs."
-    }
-  ];
-}
-// src/ui/AgentDashboard.visualizations.tsx
-import {
-  VisualizationCard,
-  VisualizationGrid
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function AgentVisualizationOverview({ runs }) {
-  const items = createAgentVisualizationItems(runs);
-  return /* @__PURE__ */ jsxDEV("section", {
-    className: "space-y-3",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        children: [
-          /* @__PURE__ */ jsxDEV("h3", {
-            className: "font-semibold text-lg",
-            children: "Operational Visualizations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: "Contract-backed charts derived from recent run activity."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VisualizationGrid, {
-        children: items.map((item) => /* @__PURE__ */ jsxDEV(VisualizationCard, {
-          data: item.data,
-          description: item.description,
-          height: item.height,
-          spec: item.spec,
-          title: item.title
-        }, item.key, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  AgentVisualizationOverview
-};
+import{defineVisualization as a,VisualizationRegistry as g}from"@contractspec/lib.contracts-spec/visualizations";var s={key:"agent.run.list",version:"1.0.0"},u={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},d=a({meta:{...u,key:"agent-console.visualization.run-status",title:"Run Status Breakdown",description:"Distribution of run outcomes across the current sample.",goal:"Make operational success and failure mix visible at a glance.",context:"Agent operations overview."},source:{primary:s,resultPath:"data"},visualization:{kind:"pie",nameDimension:"status",valueMeasure:"runs",dimensions:[{key:"status",label:"Status",dataPath:"status",type:"category"}],measures:[{key:"runs",label:"Runs",dataPath:"runs",format:"number"}],table:{caption:"Run counts by status."}}}),m=a({meta:{...u,key:"agent-console.visualization.run-activity",title:"Recent Run Activity",description:"Daily run volume across the current sample.",goal:"Show whether agent activity is rising or slowing down.",context:"Operations trend monitoring."},source:{primary:s,resultPath:"data"},visualization:{kind:"cartesian",variant:"line",xDimension:"day",yMeasures:["runs"],dimensions:[{key:"day",label:"Day",dataPath:"day",type:"time"}],measures:[{key:"runs",label:"Runs",dataPath:"runs",format:"number",color:"#0f766e"}],table:{caption:"Daily run counts."}}}),c=a({meta:{...u,key:"agent-console.visualization.run-efficiency",title:"Duration vs Tokens",description:"Scatter chart comparing token consumption and runtime.",goal:"Reveal outlier runs that are slow relative to their token usage.",context:"Operational performance diagnostics."},source:{primary:s,resultPath:"data"},visualization:{kind:"cartesian",variant:"scatter",xDimension:"totalTokens",yMeasures:["durationMs"],dimensions:[{key:"totalTokens",label:"Total Tokens",dataPath:"totalTokens",type:"number"}],measures:[{key:"durationMs",label:"Duration",dataPath:"durationMs",format:"duration",color:"#7c3aed"},{key:"estimatedCostUsd",label:"Cost",dataPath:"estimatedCostUsd",format:"currency"}],series:[{key:"runs",label:"Runs",measure:"durationMs",type:"scatter",color:"#7c3aed"}],table:{caption:"Run duration versus token usage."}}}),p=[d,m,c],C=new g([...p]),b=p.map((e)=>({key:e.meta.key,version:e.meta.version}));function f(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function l(e){let n=new Map,r=new Map;for(let t of e)n.set(t.status,(n.get(t.status)??0)+1),r.set(f(t.startedAt??t.queuedAt),(r.get(f(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:d,data:{data:Array.from(n.entries()).map(([t,i])=>({status:t,runs:i}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:m,data:{data:Array.from(r.entries()).sort(([t],[i])=>t.localeCompare(i)).map(([t,i])=>({day:t,runs:i}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:c,data:{data:e.filter((t)=>typeof t.durationMs==="number").map((t)=>({totalTokens:t.totalTokens,durationMs:t.durationMs??0,estimatedCostUsd:t.estimatedCostUsd}))},title:"Duration vs Tokens",description:"Operational scatter plot for spotting inefficient runs."}]}import{VisualizationCard as k,VisualizationGrid as h}from"@contractspec/lib.design-system";import{jsx as o,jsxs as y}from"react/jsx-runtime";function I({runs:e}){let n=l(e);return y("section",{className:"space-y-3",children:[y("div",{children:[o("h3",{className:"font-semibold text-lg",children:"Operational Visualizations"}),o("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),o(h,{children:n.map((r)=>o(k,{data:r.data,description:r.description,height:r.height,spec:r.spec,title:r.title},r.key))})]})}export{I as AgentVisualizationOverview};