@contractspec/example.agent-console 3.8.14 → 3.8.15

package/dist/ui/AgentConsolePreview.js

@@ -0,0 +1,2 @@
+// @bun
+import{defineVisualization as D,VisualizationRegistry as V}from"@contractspec/lib.contracts-spec/visualizations";var M={key:"agent.run.list",version:"1.0.0"},P={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},b=D({meta:{...P,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:M,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."}}}),Z=D({meta:{...P,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:M,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=D({meta:{...P,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:M,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."}}}),v=[b,Z,C],ye=new V([...v]),fe=v.map((e)=>({key:e.meta.key,version:e.meta.version}));function E(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function R(e){let o=new Map,s=new Map;for(let t of e)o.set(t.status,(o.get(t.status)??0)+1),s.set(E(t.startedAt??t.queuedAt),(s.get(E(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:b,data:{data:Array.from(o.entries()).map(([t,a])=>({status:t,runs:a}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:Z,data:{data:Array.from(s.entries()).sort(([t],[a])=>t.localeCompare(a)).map(([t,a])=>({day:t,runs:a}))},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."}]}var S=[{id:"agent-1",organizationId:"demo-org",name:"Customer Support Bot",slug:"customer-support-bot",description:"Handles tier-1 customer inquiries and routes complex issues.",status:"ACTIVE",modelProvider:"OPENAI",modelName:"gpt-4o-mini",modelConfig:{temperature:0.7},systemPrompt:"You are a helpful customer support assistant.",toolChoice:"auto",maxIterations:10,timeoutMs:120000,version:"1.0.0",tags:["support","tier-1"],createdAt:new Date("2024-01-15T10:00:00Z"),updatedAt:new Date("2024-03-20T14:30:00Z")},{id:"agent-2",organizationId:"demo-org",name:"Code Review Assistant",slug:"code-review-assistant",description:"Reviews pull requests and provides actionable feedback.",status:"ACTIVE",modelProvider:"ANTHROPIC",modelName:"claude-sonnet-4-20250514",modelConfig:{temperature:0.3},systemPrompt:"You are a code review expert.",toolChoice:"auto",maxIterations:15,timeoutMs:180000,version:"2.1.0",tags:["code","review","dev"],createdAt:new Date("2024-02-10T09:00:00Z"),updatedAt:new Date("2024-04-05T11:15:00Z")},{id:"agent-3",organizationId:"demo-org",name:"Data Analyst",slug:"data-analyst",description:"Queries databases and generates insights from data.",status:"PAUSED",modelProvider:"OPENAI",modelName:"gpt-4o",modelConfig:{temperature:0.5},systemPrompt:"You are a data analyst expert in SQL and analytics.",toolChoice:"required",maxIterations:20,timeoutMs:300000,version:"1.2.0",tags:["data","analytics","sql"],createdAt:new Date("2024-03-01T08:00:00Z"),updatedAt:new Date("2024-04-10T16:45:00Z")},{id:"agent-4",organizationId:"demo-org",name:"Meeting Scheduler",slug:"meeting-scheduler",description:"Schedules meetings and manages calendar conflicts.",status:"DRAFT",modelProvider:"GOOGLE",modelName:"gemini-2.0-flash",modelConfig:{temperature:0.2},systemPrompt:"You help schedule and organize meetings efficiently.",toolChoice:"auto",maxIterations:5,timeoutMs:60000,version:"0.1.0",tags:["calendar","scheduling"],createdAt:new Date("2024-04-01T12:00:00Z"),updatedAt:new Date("2024-04-01T12:00:00Z")}];var N=[{id:"tool-1",organizationId:"demo-org",name:"Web Search",slug:"web-search",description:"Search the web for real-time information using Brave API.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"Search query"},numResults:{type:"number",default:10}},required:["query"]},outputSchema:{type:"array",items:{type:"object"}},implementationType:"http",implementationConfig:{url:"https://api.brave.com/search",method:"GET"},maxInvocationsPerMinute:60,timeoutMs:30000,version:"1.0.0",tags:["search","web"],createdAt:new Date("2024-01-01T00:00:00Z"),updatedAt:new Date("2024-02-15T10:00:00Z")},{id:"tool-2",organizationId:"demo-org",name:"SQL Query",slug:"sql-query",description:"Execute read-only SQL queries against the data warehouse.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"SQL query"},maxRows:{type:"number",default:100}},required:["query"]},outputSchema:{type:"object"},implementationType:"function",implementationConfig:{handler:"executeSqlQuery"},maxInvocationsPerMinute:30,timeoutMs:60000,version:"1.1.0",tags:["sql","database"],createdAt:new Date("2024-01-05T00:00:00Z"),updatedAt:new Date("2024-03-10T14:00:00Z")},{id:"tool-3",organizationId:"demo-org",name:"Email Sender",slug:"email-sender",description:"Send emails via SMTP or API.",category:"COMMUNICATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{to:{type:"string"},subject:{type:"string"},body:{type:"string"}},required:["to","subject","body"]},implementationType:"http",implementationConfig:{url:"/api/send-email",method:"POST"},maxInvocationsPerMinute:10,timeoutMs:30000,version:"1.0.0",tags:["email","communication"],createdAt:new Date("2024-02-01T00:00:00Z"),updatedAt:new Date("2024-02-01T00:00:00Z")},{id:"tool-4",organizationId:"demo-org",name:"GitHub Integration",slug:"github-integration",description:"Interact with GitHub repositories, PRs, and issues.",category:"INTEGRATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{action:{type:"string",enum:["list_prs","get_pr","create_comment"]},repo:{type:"string"},params:{type:"object"}},required:["action","repo"]},implementationType:"http",implementationConfig:{url:"https://api.github.com",auth:"token"},maxInvocationsPerMinute:100,timeoutMs:15000,version:"2.0.0",tags:["github","integration","code"],createdAt:new Date("2024-02-20T00:00:00Z"),updatedAt:new Date("2024-04-01T09:00:00Z")},{id:"tool-5",organizationId:"demo-org",name:"Calculator",slug:"calculator",description:"Perform mathematical calculations.",category:"COMPUTATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{expression:{type:"string",description:"Math expression to evaluate"}},required:["expression"]},outputSchema:{type:"object",properties:{result:{type:"number"}}},implementationType:"function",implementationConfig:{handler:"evaluateMath"},timeoutMs:5000,version:"1.0.0",tags:["math","utility"],createdAt:new Date("2024-01-10T00:00:00Z"),updatedAt:new Date("2024-01-10T00:00:00Z")}];var k=[{id:"run-1",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",sessionId:"session-1",input:{message:"How do I reset my password?",context:{}},output:{response:"You can reset your password by clicking..."},status:"COMPLETED",totalTokens:1250,promptTokens:800,completionTokens:450,totalIterations:3,durationMs:4500,estimatedCostUsd:0.0025,queuedAt:new Date("2024-04-15T10:00:00Z"),startedAt:new Date("2024-04-15T10:00:01Z"),completedAt:new Date("2024-04-15T10:00:05Z"),steps:[],logs:[]},{id:"run-2",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #123",context:{prNumber:123}},status:"IN_PROGRESS",totalTokens:3500,promptTokens:3000,completionTokens:500,totalIterations:5,queuedAt:new Date("2024-04-15T10:30:00Z"),startedAt:new Date("2024-04-15T10:30:02Z"),steps:[],logs:[]},{id:"run-3",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",input:{message:"What are your business hours?"},output:{response:"Our business hours are 9 AM to 5 PM EST..."},status:"COMPLETED",totalTokens:800,promptTokens:500,completionTokens:300,totalIterations:2,durationMs:2100,estimatedCostUsd:0.0012,queuedAt:new Date("2024-04-15T09:00:00Z"),startedAt:new Date("2024-04-15T09:00:01Z"),completedAt:new Date("2024-04-15T09:00:03Z"),steps:[],logs:[]},{id:"run-4",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-3",agentName:"Data Analyst",userId:"user-3",input:{message:"Generate sales report for Q1"},status:"FAILED",errorMessage:"Database connection timeout",errorCode:"DB_TIMEOUT",totalTokens:2000,promptTokens:1500,completionTokens:500,totalIterations:8,durationMs:45000,queuedAt:new Date("2024-04-14T15:00:00Z"),startedAt:new Date("2024-04-14T15:00:05Z"),completedAt:new Date("2024-04-14T15:00:50Z"),steps:[],logs:[]},{id:"run-5",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #120"},output:{response:"Code review complete. 3 suggestions..."},status:"COMPLETED",totalTokens:5200,promptTokens:4000,completionTokens:1200,totalIterations:7,durationMs:15000,estimatedCostUsd:0.0156,queuedAt:new Date("2024-04-14T11:00:00Z"),startedAt:new Date("2024-04-14T11:00:03Z"),completedAt:new Date("2024-04-14T11:00:18Z"),steps:[],logs:[]}];var U=[{id:"runs",label:"Runs",icon:"\u25B6"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}];function _(e){let o=e.filter((u)=>u.status==="COMPLETED").length,s=e.reduce((u,m)=>u+m.totalTokens,0),t=e.reduce((u,m)=>u+(m.estimatedCostUsd??0),0),a=e.map((u)=>u.durationMs).filter((u)=>typeof u==="number");return{averageDurationMs:a.length>0?a.reduce((u,m)=>u+m,0)/a.length:0,completedRuns:o,successRate:e.length>0?o/e.length:0,totalCostUsd:t,totalRuns:e.length,totalTokens:s}}function f(e){if(e<1000)return e.toString();if(e<1e6)return`${(e/1000).toFixed(1)}K`;return`${(e/1e6).toFixed(2)}M`}function L(e){if(!e)return"-";if(e<1000)return`${e}ms`;if(e<60000)return`${(e/1000).toFixed(1)}s`;return`${(e/60000).toFixed(1)}m`}function z(e){return new Intl.DateTimeFormat("en-US",{dateStyle:"medium",timeStyle:"short"}).format(e)}function O(e){if(typeof document>"u")return{onPress:e};return{onClick:e}}import{Badge as X}from"@contractspec/lib.ui-kit-web/ui/badge";import{Card as I,CardContent as A,CardHeader as H,CardTitle as j}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as q,VStack as l}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as d}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as n,jsxs as i}from"react/jsx-runtime";function G({metrics:e}){let o=[{label:"Total Runs",value:String(e.totalRuns),hint:`${Math.round(e.successRate*100)}% success`},{label:"Success Rate",value:`${Math.round(e.successRate*100)}%`,hint:"of all runs"},{label:"Total Tokens",value:f(e.totalTokens),hint:"This period"},{label:"Total Cost",value:`$${e.totalCostUsd.toFixed(2)}`,hint:"This period"}];return n(q,{gap:"md",className:"flex-wrap",children:o.map((s)=>n(I,{className:"min-w-52 flex-1",children:i(A,{className:"flex flex-col gap-1 pt-6",children:[n(d,{className:"text-muted-foreground text-sm",children:s.label}),n(d,{className:"font-bold text-2xl",children:s.value}),n(d,{className:"text-muted-foreground text-sm",children:s.hint})]})},s.label))})}function K({agents:e}){return n(l,{gap:"md",children:e.map((o)=>n(I,{children:i(A,{className:"flex flex-col gap-2 pt-6",children:[i(q,{justify:"between",align:"start",children:[i(l,{gap:"xs",className:"flex-1",children:[n(d,{className:"font-semibold text-lg",children:o.name}),i(d,{className:"text-muted-foreground text-sm",children:[o.modelProvider," / ",o.modelName]})]}),n(h,{status:o.status})]}),n(d,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function Q({tools:e}){return n(l,{gap:"md",children:e.map((o)=>n(I,{children:i(A,{className:"flex flex-col gap-2 pt-6",children:[i(q,{justify:"between",align:"start",children:[i(l,{gap:"xs",className:"flex-1",children:[n(d,{className:"font-semibold text-lg",children:o.name}),i(d,{className:"text-muted-foreground text-sm",children:[o.category," / ",o.implementationType]})]}),n(h,{status:o.status})]}),n(d,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function Y({metrics:e}){return i(l,{gap:"md",children:[n(d,{className:"font-semibold text-lg",children:"Usage Analytics"}),i(I,{children:[n(H,{children:n(j,{children:"Run Outcomes"})}),i(A,{className:"flex flex-col gap-3",children:[i(d,{children:["Completed: ",e.completedRuns]}),i(d,{children:["Failed: ",e.totalRuns-e.completedRuns]}),i(d,{children:["Average duration: ",(e.averageDurationMs/1000).toFixed(1),"s"]})]})]})]})}function h({status:e}){return n(X,{variant:e==="FAILED"||e==="CANCELLED"?"destructive":e==="ACTIVE"||e==="COMPLETED"?"secondary":"outline",children:n(d,{className:"font-semibold text-xs",children:e})})}import{useContractTable as x}from"@contractspec/lib.presentation-runtime-react";import{Card as ee,CardContent as te}from"@contractspec/lib.ui-kit-web/ui/card";import{DataTable as oe}from"@contractspec/lib.ui-kit-web/ui/data-table";import{VStack as ne}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as T}from"@contractspec/lib.ui-kit-web/ui/text";import{useMemo as re}from"react";import{jsx as c,jsxs as ae}from"react/jsx-runtime";function $({runs:e}){let o=re(()=>[{id:"queuedAt",header:"Run",label:"Run",accessor:(t)=>t.queuedAt.getTime(),cell:({item:t})=>ae(ne,{gap:"xs",children:[c(T,{className:"font-mono text-sm",children:t.id}),c(T,{className:"text-muted-foreground text-xs",children:z(t.queuedAt)})]}),size:180,canSort:!0,canHide:!0},{id:"agentName",header:"Agent",label:"Agent",accessorKey:"agentName",size:220,canSort:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:t})=>c(h,{status:String(t)}),size:140,canSort:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:t})=>f(Number(t??0)),align:"right",size:120,canSort:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:t})=>L(typeof t==="number"?t:void 0),align:"right",size:130,canHide:!0}],[]),s=x({data:e,columns:o,initialState:{pagination:{pageIndex:0,pageSize:5}},getRowId:(t)=>t.id});return c(oe,{controller:s,toolbar:c(T,{className:"text-muted-foreground text-sm",children:"Run History"}),emptyState:c(ee,{children:c(te,{className:"pt-6",children:c(T,{className:"text-muted-foreground",children:"No runs yet"})})})})}import{createVisualizationModel as ie}from"@contractspec/lib.presentation-runtime-core";import{Button as F}from"@contractspec/lib.ui-kit-web/ui/button";import{Card as se,CardContent as de,CardDescription as ue,CardHeader as pe,CardTitle as me}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as B,VStack as w}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as y}from"@contractspec/lib.ui-kit-web/ui/text";import{Visualization as ce}from"@contractspec/lib.ui-kit-web/ui/visualization";import{useMemo as W,useState as ge}from"react";import{jsx as r,jsxs as g}from"react/jsx-runtime";function rt({agents:e=S,runs:o=k,showHeaderAction:s=!0,tools:t=N}){let[a,u]=ge("runs"),m=W(()=>_(o),[o]),J=W(()=>R(o),[o]);return g(w,{gap:"xl",align:"stretch",children:[g(B,{justify:"between",align:"center",className:"gap-3",children:[r(y,{className:"font-bold text-2xl",children:"AI Agent Console"}),s?r(F,{...O(()=>{return}),children:r(y,{children:"+ New Agent"})}):null]}),r(G,{metrics:m}),g(w,{gap:"md",children:[g(w,{gap:"xs",children:[r(y,{className:"font-semibold text-lg",children:"Operational Visualizations"}),r(y,{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),r(w,{gap:"md",children:J.map((p)=>g(se,{children:[g(pe,{children:[r(me,{children:p.title}),r(ue,{children:p.description})]}),r(de,{children:r(ce,{height:p.height,model:ie(p.spec,p.data)})})]},p.key))})]}),r(B,{className:"rounded-lg bg-muted p-1",gap:"xs",children:U.map((p)=>r(F,{size:"sm",variant:a===p.id?"secondary":"ghost",className:"flex-1",...O(()=>u(p.id)),children:g(y,{children:[p.icon," ",p.label]})},p.id))}),a==="runs"?r($,{runs:o}):null,a==="agents"?r(K,{agents:e}):null,a==="tools"?r(Q,{tools:t}):null,a==="metrics"?r(Y,{metrics:m}):null]})}export{rt as AgentConsolePreview};

package/dist/ui/AgentConsolePreviewPanels.d.ts

@@ -0,0 +1,18 @@
+import type { AgentConsolePreviewAgent, AgentConsolePreviewTool, createAgentConsolePreviewMetrics } from './AgentConsolePreview.data';
+type PreviewMetrics = ReturnType<typeof createAgentConsolePreviewMetrics>;
+export declare function AgentConsoleMetricCards({ metrics, }: {
+    metrics: PreviewMetrics;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AgentConsoleAgentCards({ agents, }: {
+    agents: readonly AgentConsolePreviewAgent[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AgentConsoleToolCards({ tools, }: {
+    tools: readonly AgentConsolePreviewTool[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AgentConsoleMetricsPanel({ metrics, }: {
+    metrics: PreviewMetrics;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AgentConsoleStatusBadge({ status }: {
+    status: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/AgentConsolePreviewPanels.js

@@ -0,0 +1,2 @@
+// @bun
+var v=[{id:"runs",label:"Runs",icon:"\u25B6"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}];function E(e){let o=e.filter((f)=>f.status==="COMPLETED").length,p=e.reduce((f,l)=>f+l.totalTokens,0),d=e.reduce((f,l)=>f+(l.estimatedCostUsd??0),0),A=e.map((f)=>f.durationMs).filter((f)=>typeof f==="number");return{averageDurationMs:A.length>0?A.reduce((f,l)=>f+l,0)/A.length:0,completedRuns:o,successRate:e.length>0?o/e.length:0,totalCostUsd:d,totalRuns:e.length,totalTokens:p}}function b(e){if(e<1000)return e.toString();if(e<1e6)return`${(e/1000).toFixed(1)}K`;return`${(e/1e6).toFixed(2)}M`}function K(e){if(!e)return"-";if(e<1000)return`${e}ms`;if(e<60000)return`${(e/1000).toFixed(1)}s`;return`${(e/60000).toFixed(1)}m`}function h(e){return new Intl.DateTimeFormat("en-US",{dateStyle:"medium",timeStyle:"short"}).format(e)}function w(e){if(typeof document>"u")return{onPress:e};return{onClick:e}}import{Badge as P}from"@contractspec/lib.ui-kit-web/ui/badge";import{Card as _,CardContent as y,CardHeader as R,CardTitle as g}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as O,VStack as u}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as i}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as n,jsxs as r}from"react/jsx-runtime";function C({metrics:e}){let o=[{label:"Total Runs",value:String(e.totalRuns),hint:`${Math.round(e.successRate*100)}% success`},{label:"Success Rate",value:`${Math.round(e.successRate*100)}%`,hint:"of all runs"},{label:"Total Tokens",value:b(e.totalTokens),hint:"This period"},{label:"Total Cost",value:`$${e.totalCostUsd.toFixed(2)}`,hint:"This period"}];return n(O,{gap:"md",className:"flex-wrap",children:o.map((p)=>n(_,{className:"min-w-52 flex-1",children:r(y,{className:"flex flex-col gap-1 pt-6",children:[n(i,{className:"text-muted-foreground text-sm",children:p.label}),n(i,{className:"font-bold text-2xl",children:p.value}),n(i,{className:"text-muted-foreground text-sm",children:p.hint})]})},p.label))})}function L({agents:e}){return n(u,{gap:"md",children:e.map((o)=>n(_,{children:r(y,{className:"flex flex-col gap-2 pt-6",children:[r(O,{justify:"between",align:"start",children:[r(u,{gap:"xs",className:"flex-1",children:[n(i,{className:"font-semibold text-lg",children:o.name}),r(i,{className:"text-muted-foreground text-sm",children:[o.modelProvider," / ",o.modelName]})]}),n(M,{status:o.status})]}),n(i,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function G({tools:e}){return n(u,{gap:"md",children:e.map((o)=>n(_,{children:r(y,{className:"flex flex-col gap-2 pt-6",children:[r(O,{justify:"between",align:"start",children:[r(u,{gap:"xs",className:"flex-1",children:[n(i,{className:"font-semibold text-lg",children:o.name}),r(i,{className:"text-muted-foreground text-sm",children:[o.category," / ",o.implementationType]})]}),n(M,{status:o.status})]}),n(i,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function I({metrics:e}){return r(u,{gap:"md",children:[n(i,{className:"font-semibold text-lg",children:"Usage Analytics"}),r(_,{children:[n(R,{children:n(g,{children:"Run Outcomes"})}),r(y,{className:"flex flex-col gap-3",children:[r(i,{children:["Completed: ",e.completedRuns]}),r(i,{children:["Failed: ",e.totalRuns-e.completedRuns]}),r(i,{children:["Average duration: ",(e.averageDurationMs/1000).toFixed(1),"s"]})]})]})]})}function M({status:e}){return n(P,{variant:e==="FAILED"||e==="CANCELLED"?"destructive":e==="ACTIVE"||e==="COMPLETED"?"secondary":"outline",children:n(i,{className:"font-semibold text-xs",children:e})})}export{G as AgentConsoleToolCards,M as AgentConsoleStatusBadge,I as AgentConsoleMetricsPanel,C as AgentConsoleMetricCards,L as AgentConsoleAgentCards};

package/dist/ui/AgentConsolePreviewTable.d.ts

@@ -0,0 +1,4 @@
+import { type AgentConsolePreviewRun } from './AgentConsolePreview.data';
+export declare function AgentConsoleRunHistoryTable({ runs, }: {
+    runs: readonly AgentConsolePreviewRun[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/AgentConsolePreviewTable.js

@@ -0,0 +1,2 @@
+// @bun
+var W=[{id:"runs",label:"Runs",icon:"\u25B6"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}];function q(n){let o=n.filter((_)=>_.status==="COMPLETED").length,y=n.reduce((_,M)=>_+M.totalTokens,0),i=n.reduce((_,M)=>_+(M.estimatedCostUsd??0),0),A=n.map((_)=>_.durationMs).filter((_)=>typeof _==="number");return{averageDurationMs:A.length>0?A.reduce((_,M)=>_+M,0)/A.length:0,completedRuns:o,successRate:n.length>0?o/n.length:0,totalCostUsd:i,totalRuns:n.length,totalTokens:y}}function R(n){if(n<1000)return n.toString();if(n<1e6)return`${(n/1000).toFixed(1)}K`;return`${(n/1e6).toFixed(2)}M`}function h(n){if(!n)return"-";if(n<1000)return`${n}ms`;if(n<60000)return`${(n/1000).toFixed(1)}s`;return`${(n/60000).toFixed(1)}m`}function N(n){return new Intl.DateTimeFormat("en-US",{dateStyle:"medium",timeStyle:"short"}).format(n)}function u(n){if(typeof document>"u")return{onPress:n};return{onClick:n}}import{Badge as F}from"@contractspec/lib.ui-kit-web/ui/badge";import{Card as b,CardContent as E,CardHeader as U,CardTitle as $}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as K,VStack as e}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as f}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as r,jsxs as p}from"react/jsx-runtime";function Z({metrics:n}){let o=[{label:"Total Runs",value:String(n.totalRuns),hint:`${Math.round(n.successRate*100)}% success`},{label:"Success Rate",value:`${Math.round(n.successRate*100)}%`,hint:"of all runs"},{label:"Total Tokens",value:R(n.totalTokens),hint:"This period"},{label:"Total Cost",value:`$${n.totalCostUsd.toFixed(2)}`,hint:"This period"}];return r(K,{gap:"md",className:"flex-wrap",children:o.map((y)=>r(b,{className:"min-w-52 flex-1",children:p(E,{className:"flex flex-col gap-1 pt-6",children:[r(f,{className:"text-muted-foreground text-sm",children:y.label}),r(f,{className:"font-bold text-2xl",children:y.value}),r(f,{className:"text-muted-foreground text-sm",children:y.hint})]})},y.label))})}function v({agents:n}){return r(e,{gap:"md",children:n.map((o)=>r(b,{children:p(E,{className:"flex flex-col gap-2 pt-6",children:[p(K,{justify:"between",align:"start",children:[p(e,{gap:"xs",className:"flex-1",children:[r(f,{className:"font-semibold text-lg",children:o.name}),p(f,{className:"text-muted-foreground text-sm",children:[o.modelProvider," / ",o.modelName]})]}),r(P,{status:o.status})]}),r(f,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function B({tools:n}){return r(e,{gap:"md",children:n.map((o)=>r(b,{children:p(E,{className:"flex flex-col gap-2 pt-6",children:[p(K,{justify:"between",align:"start",children:[p(e,{gap:"xs",className:"flex-1",children:[r(f,{className:"font-semibold text-lg",children:o.name}),p(f,{className:"text-muted-foreground text-sm",children:[o.category," / ",o.implementationType]})]}),r(P,{status:o.status})]}),r(f,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function H({metrics:n}){return p(e,{gap:"md",children:[r(f,{className:"font-semibold text-lg",children:"Usage Analytics"}),p(b,{children:[r(U,{children:r($,{children:"Run Outcomes"})}),p(E,{className:"flex flex-col gap-3",children:[p(f,{children:["Completed: ",n.completedRuns]}),p(f,{children:["Failed: ",n.totalRuns-n.completedRuns]}),p(f,{children:["Average duration: ",(n.averageDurationMs/1000).toFixed(1),"s"]})]})]})]})}function P({status:n}){return r(F,{variant:n==="FAILED"||n==="CANCELLED"?"destructive":n==="ACTIVE"||n==="COMPLETED"?"secondary":"outline",children:r(f,{className:"font-semibold text-xs",children:n})})}import{useContractTable as L}from"@contractspec/lib.presentation-runtime-react";import{Card as w,CardContent as D}from"@contractspec/lib.ui-kit-web/ui/card";import{DataTable as G}from"@contractspec/lib.ui-kit-web/ui/data-table";import{VStack as l}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as d}from"@contractspec/lib.ui-kit-web/ui/text";import{useMemo as I}from"react";import{jsx as O,jsxs as g}from"react/jsx-runtime";function s({runs:n}){let o=I(()=>[{id:"queuedAt",header:"Run",label:"Run",accessor:(i)=>i.queuedAt.getTime(),cell:({item:i})=>g(l,{gap:"xs",children:[O(d,{className:"font-mono text-sm",children:i.id}),O(d,{className:"text-muted-foreground text-xs",children:N(i.queuedAt)})]}),size:180,canSort:!0,canHide:!0},{id:"agentName",header:"Agent",label:"Agent",accessorKey:"agentName",size:220,canSort:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:i})=>O(P,{status:String(i)}),size:140,canSort:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:i})=>R(Number(i??0)),align:"right",size:120,canSort:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:i})=>h(typeof i==="number"?i:void 0),align:"right",size:130,canHide:!0}],[]),y=L({data:n,columns:o,initialState:{pagination:{pageIndex:0,pageSize:5}},getRowId:(i)=>i.id});return O(G,{controller:y,toolbar:O(d,{className:"text-muted-foreground text-sm",children:"Run History"}),emptyState:O(w,{children:O(D,{className:"pt-6",children:O(d,{className:"text-muted-foreground",children:"No runs yet"})})})})}export{s as AgentConsoleRunHistoryTable};

package/dist/ui/AgentDashboard.js

@@ -1,2 +1,2 @@
 // @bun
-import{defineVisualization as j,VisualizationRegistry as r0}from"@contractspec/lib.contracts-spec/visualizations";var x={key:"agent.run.list",version:"1.0.0"},s={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},m0=j({meta:{...s,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:x,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."}}}),d0=j({meta:{...s,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:x,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."}}}),p0=j({meta:{...s,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:x,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."}}}),z0=[m0,d0,p0],k2=new r0([...z0]),E2=z0.map((m)=>({key:m.meta.key,version:m.meta.version}));function G0(m){if(!m)return"unknown";return m.toISOString().slice(0,10)}function U0(m){let p=new Map,y=new Map;for(let T of m)p.set(T.status,(p.get(T.status)??0)+1),y.set(G0(T.startedAt??T.queuedAt),(y.get(G0(T.startedAt??T.queuedAt))??0)+1);return[{key:"run-status",spec:m0,data:{data:Array.from(p.entries()).map(([T,f])=>({status:T,runs:f}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d0,data:{data:Array.from(y.entries()).sort(([T],[f])=>T.localeCompare(f)).map(([T,f])=>({day:T,runs:f}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:p0,data:{data:m.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."}]}var Q0=[{id:"agent-1",organizationId:"demo-org",name:"Customer Support Bot",slug:"customer-support-bot",description:"Handles tier-1 customer inquiries and routes complex issues.",status:"ACTIVE",modelProvider:"OPENAI",modelName:"gpt-4o-mini",modelConfig:{temperature:0.7},systemPrompt:"You are a helpful customer support assistant.",toolChoice:"auto",maxIterations:10,timeoutMs:120000,version:"1.0.0",tags:["support","tier-1"],createdAt:new Date("2024-01-15T10:00:00Z"),updatedAt:new Date("2024-03-20T14:30:00Z")},{id:"agent-2",organizationId:"demo-org",name:"Code Review Assistant",slug:"code-review-assistant",description:"Reviews pull requests and provides actionable feedback.",status:"ACTIVE",modelProvider:"ANTHROPIC",modelName:"claude-sonnet-4-20250514",modelConfig:{temperature:0.3},systemPrompt:"You are a code review expert.",toolChoice:"auto",maxIterations:15,timeoutMs:180000,version:"2.1.0",tags:["code","review","dev"],createdAt:new Date("2024-02-10T09:00:00Z"),updatedAt:new Date("2024-04-05T11:15:00Z")},{id:"agent-3",organizationId:"demo-org",name:"Data Analyst",slug:"data-analyst",description:"Queries databases and generates insights from data.",status:"PAUSED",modelProvider:"OPENAI",modelName:"gpt-4o",modelConfig:{temperature:0.5},systemPrompt:"You are a data analyst expert in SQL and analytics.",toolChoice:"required",maxIterations:20,timeoutMs:300000,version:"1.2.0",tags:["data","analytics","sql"],createdAt:new Date("2024-03-01T08:00:00Z"),updatedAt:new Date("2024-04-10T16:45:00Z")},{id:"agent-4",organizationId:"demo-org",name:"Meeting Scheduler",slug:"meeting-scheduler",description:"Schedules meetings and manages calendar conflicts.",status:"DRAFT",modelProvider:"GOOGLE",modelName:"gemini-2.0-flash",modelConfig:{temperature:0.2},systemPrompt:"You help schedule and organize meetings efficiently.",toolChoice:"auto",maxIterations:5,timeoutMs:60000,version:"0.1.0",tags:["calendar","scheduling"],createdAt:new Date("2024-04-01T12:00:00Z"),updatedAt:new Date("2024-04-01T12:00:00Z")}];var R0=[{id:"tool-1",organizationId:"demo-org",name:"Web Search",slug:"web-search",description:"Search the web for real-time information using Brave API.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"Search query"},numResults:{type:"number",default:10}},required:["query"]},outputSchema:{type:"array",items:{type:"object"}},implementationType:"http",implementationConfig:{url:"https://api.brave.com/search",method:"GET"},maxInvocationsPerMinute:60,timeoutMs:30000,version:"1.0.0",tags:["search","web"],createdAt:new Date("2024-01-01T00:00:00Z"),updatedAt:new Date("2024-02-15T10:00:00Z")},{id:"tool-2",organizationId:"demo-org",name:"SQL Query",slug:"sql-query",description:"Execute read-only SQL queries against the data warehouse.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"SQL query"},maxRows:{type:"number",default:100}},required:["query"]},outputSchema:{type:"object"},implementationType:"function",implementationConfig:{handler:"executeSqlQuery"},maxInvocationsPerMinute:30,timeoutMs:60000,version:"1.1.0",tags:["sql","database"],createdAt:new Date("2024-01-05T00:00:00Z"),updatedAt:new Date("2024-03-10T14:00:00Z")},{id:"tool-3",organizationId:"demo-org",name:"Email Sender",slug:"email-sender",description:"Send emails via SMTP or API.",category:"COMMUNICATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{to:{type:"string"},subject:{type:"string"},body:{type:"string"}},required:["to","subject","body"]},implementationType:"http",implementationConfig:{url:"/api/send-email",method:"POST"},maxInvocationsPerMinute:10,timeoutMs:30000,version:"1.0.0",tags:["email","communication"],createdAt:new Date("2024-02-01T00:00:00Z"),updatedAt:new Date("2024-02-01T00:00:00Z")},{id:"tool-4",organizationId:"demo-org",name:"GitHub Integration",slug:"github-integration",description:"Interact with GitHub repositories, PRs, and issues.",category:"INTEGRATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{action:{type:"string",enum:["list_prs","get_pr","create_comment"]},repo:{type:"string"},params:{type:"object"}},required:["action","repo"]},implementationType:"http",implementationConfig:{url:"https://api.github.com",auth:"token"},maxInvocationsPerMinute:100,timeoutMs:15000,version:"2.0.0",tags:["github","integration","code"],createdAt:new Date("2024-02-20T00:00:00Z"),updatedAt:new Date("2024-04-01T09:00:00Z")},{id:"tool-5",organizationId:"demo-org",name:"Calculator",slug:"calculator",description:"Perform mathematical calculations.",category:"COMPUTATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{expression:{type:"string",description:"Math expression to evaluate"}},required:["expression"]},outputSchema:{type:"object",properties:{result:{type:"number"}}},implementationType:"function",implementationConfig:{handler:"evaluateMath"},timeoutMs:5000,version:"1.0.0",tags:["math","utility"],createdAt:new Date("2024-01-10T00:00:00Z"),updatedAt:new Date("2024-01-10T00:00:00Z")}];var K0=[{id:"run-1",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",sessionId:"session-1",input:{message:"How do I reset my password?",context:{}},output:{response:"You can reset your password by clicking..."},status:"COMPLETED",totalTokens:1250,promptTokens:800,completionTokens:450,totalIterations:3,durationMs:4500,estimatedCostUsd:0.0025,queuedAt:new Date("2024-04-15T10:00:00Z"),startedAt:new Date("2024-04-15T10:00:01Z"),completedAt:new Date("2024-04-15T10:00:05Z"),steps:[],logs:[]},{id:"run-2",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #123",context:{prNumber:123}},status:"IN_PROGRESS",totalTokens:3500,promptTokens:3000,completionTokens:500,totalIterations:5,queuedAt:new Date("2024-04-15T10:30:00Z"),startedAt:new Date("2024-04-15T10:30:02Z"),steps:[],logs:[]},{id:"run-3",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",input:{message:"What are your business hours?"},output:{response:"Our business hours are 9 AM to 5 PM EST..."},status:"COMPLETED",totalTokens:800,promptTokens:500,completionTokens:300,totalIterations:2,durationMs:2100,estimatedCostUsd:0.0012,queuedAt:new Date("2024-04-15T09:00:00Z"),startedAt:new Date("2024-04-15T09:00:01Z"),completedAt:new Date("2024-04-15T09:00:03Z"),steps:[],logs:[]},{id:"run-4",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-3",agentName:"Data Analyst",userId:"user-3",input:{message:"Generate sales report for Q1"},status:"FAILED",errorMessage:"Database connection timeout",errorCode:"DB_TIMEOUT",totalTokens:2000,promptTokens:1500,completionTokens:500,totalIterations:8,durationMs:45000,queuedAt:new Date("2024-04-14T15:00:00Z"),startedAt:new Date("2024-04-14T15:00:05Z"),completedAt:new Date("2024-04-14T15:00:50Z"),steps:[],logs:[]},{id:"run-5",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #120"},output:{response:"Code review complete. 3 suggestions..."},status:"COMPLETED",totalTokens:5200,promptTokens:4000,completionTokens:1200,totalIterations:7,durationMs:15000,estimatedCostUsd:0.0156,queuedAt:new Date("2024-04-14T11:00:00Z"),startedAt:new Date("2024-04-14T11:00:03Z"),completedAt:new Date("2024-04-14T11:00:18Z"),steps:[],logs:[]}];import{VisualizationCard as S0,VisualizationGrid as l0}from"@contractspec/lib.design-system";import{jsx as L,jsxs as P0}from"react/jsx-runtime";function Y0({runs:m}){let p=U0(m);return P0("section",{className:"space-y-3",children:[P0("div",{children:[L("h3",{className:"font-semibold text-lg",children:"Operational Visualizations"}),L("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),L(l0,{children:p.map((y)=>L(S0,{data:y.data,description:y.description,height:y.height,spec:y.spec,title:y.title},y.key))})]})}import{useTemplateRuntime as e0}from"@contractspec/lib.example-shared-ui";import{useCallback as n0,useEffect as o0,useMemo as g0,useState as r}from"react";function T0(m={}){let{handlers:p,projectId:y}=e0(),{agent:T}=p,[f,I]=r(null),[d,O]=r(!0),[U,G]=r(null),[z,Z]=r(1),Y=n0(async()=>{O(!0),G(null);try{let D=await T.listAgents({projectId:y,search:m.search,status:m.status==="all"?void 0:m.status,limit:m.limit??20,offset:(z-1)*(m.limit??20)});I(D)}catch(D){G(D instanceof Error?D:Error("Unknown error"))}finally{O(!1)}},[T,y,m.search,m.status,m.limit,z]);o0(()=>{Y()},[Y]);let h=g0(()=>{if(!f)return null;return{total:f.total,active:f.items.filter((D)=>D.status==="ACTIVE").length,paused:f.items.filter((D)=>D.status==="PAUSED").length,draft:f.items.filter((D)=>D.status==="DRAFT").length}},[f]);return{data:f,loading:d,error:U,stats:h,page:z,refetch:Y,nextPage:()=>Z((D)=>D+1),prevPage:()=>z>1&&Z((D)=>D-1)}}import{useTemplateRuntime as j0}from"@contractspec/lib.example-shared-ui";import{useCallback as b,useState as y0}from"react";var f0="demo-org",m1="agent-console-demo";function d1(m){return m.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}function p1(m){return{...m}}function T1(m){return{...m}}function f1(m){return{...m}}function y1(){let m=0,p=Date.parse("2026-03-20T09:00:00.000Z");return()=>new Date(p+m++*60000)}function a0(m){return m.toLowerCase()}function t0(m){return m==="IN_PROGRESS"?"RUNNING":m}function w1(m,p){let y=Q0.map((d)=>({id:d.id,projectId:m,organizationId:p,name:d.name,slug:d.slug,description:d.description,modelProvider:a0(d.modelProvider),modelName:d.modelName,systemPrompt:d.systemPrompt,temperature:typeof d.modelConfig?.temperature==="number"?d.modelConfig.temperature:0.4,maxTokens:8192,status:d.status,createdAt:d.createdAt,updatedAt:d.updatedAt})),T=R0.map((d)=>({id:d.id,projectId:m,organizationId:p,name:d.name,description:d.description,version:d.version,category:d.category,status:d.status,inputSchema:JSON.stringify(d.parametersSchema),outputSchema:d.outputSchema?JSON.stringify(d.outputSchema):void 0,endpoint:typeof d.implementationConfig?.url==="string"?d.implementationConfig.url:void 0,createdAt:d.createdAt,updatedAt:d.updatedAt})),f=new Map(y.map((d)=>[d.id,d.name])),I=K0.map((d)=>({id:d.id,projectId:m,agentId:d.agentId,agentName:f.get(d.agentId)??d.agentName??"Unknown agent",status:t0(d.status),input:JSON.stringify(d.input),output:d.output?JSON.stringify(d.output):void 0,totalTokens:d.totalTokens,promptTokens:d.promptTokens,completionTokens:d.completionTokens,estimatedCostUsd:d.estimatedCostUsd??0,durationMs:d.durationMs,errorMessage:d.errorMessage,queuedAt:d.queuedAt,startedAt:d.startedAt,completedAt:d.completedAt}));return{agents:y,tools:T,runs:I}}function A1(m){let p=m.length,y=m.filter((f)=>f.status==="COMPLETED").length,T=m.map((f)=>f.durationMs).filter((f)=>typeof f==="number");return{totalRuns:p,successRate:p===0?0:y/p,averageDurationMs:T.length===0?0:Math.round(T.reduce((f,I)=>f+I,0)/T.length),totalTokens:m.reduce((f,I)=>f+I.totalTokens,0),totalCostUsd:m.reduce((f,I)=>f+I.estimatedCostUsd,0)}}function w0(m,p){return m instanceof Error?m:Error(p)}function u0(m={}){let{handlers:p,projectId:y}=j0(),{agent:T}=p,[f,I]=y0({loading:!1,error:null,data:null}),[d,O]=y0({loading:!1,error:null,data:null}),[U,G]=y0({loading:!1,error:null,data:null}),z=b(async(M)=>{I({loading:!0,error:null,data:null});try{let Q=await T.createAgent(M,{projectId:y,organizationId:f0});return I({loading:!1,error:null,data:Q}),m.onSuccess?.(),Q}catch(Q){let A=w0(Q,"Failed to create agent");throw I({loading:!1,error:A,data:null}),m.onError?.(A),A}},[T,y,m]),Z=b(async(M)=>{O({loading:!0,error:null,data:null});try{let Q=await T.updateAgent(M);return O({loading:!1,error:null,data:Q}),m.onSuccess?.(),Q}catch(Q){let A=w0(Q,"Failed to update agent");throw O({loading:!1,error:A,data:null}),m.onError?.(A),A}},[T,m]),Y=b(async(M)=>{return Z({id:M,status:"ACTIVE"})},[Z]),h=b(async(M)=>{return Z({id:M,status:"PAUSED"})},[Z]),D=b(async(M)=>{return Z({id:M,status:"ARCHIVED"})},[Z]),P=b(async(M)=>{G({loading:!0,error:null,data:null});try{let Q=await T.executeAgent({agentId:M.agentId,message:M.message,context:{projectId:y,organizationId:f0}});return G({loading:!1,error:null,data:Q}),m.onSuccess?.(),Q}catch(Q){let A=w0(Q,"Failed to execute agent");throw G({loading:!1,error:A,data:null}),m.onError?.(A),A}},[T,y,m]);return{createAgent:z,updateAgent:Z,activateAgent:Y,pauseAgent:h,archiveAgent:D,executeAgent:P,createState:f,updateState:d,executeState:U,isLoading:f.loading||d.loading||U.loading}}import{useTemplateRuntime as x0}from"@contractspec/lib.example-shared-ui";import{useCallback as s0,useEffect as m2,useState as c}from"react";function S(m={}){let{handlers:p,projectId:y}=x0(),{agent:T}=p,[f,I]=c(null),[d,O]=c(null),[U,G]=c(!0),[z,Z]=c(null),[Y,h]=c(0),D=m.pageSize??m.limit??20,P=m.pageIndex??Y,[M]=m.sorting??[],Q=s0(async()=>{G(!0),Z(null);try{let[w,R]=await Promise.all([T.listRuns({projectId:y,agentId:m.agentId,status:m.status==="all"?void 0:m.status,sortBy:M?.id,sortDirection:M?M.desc?"desc":"asc":void 0,limit:D,offset:P*D}),T.getRunMetrics({projectId:y,agentId:m.agentId})]);I(w),O(R)}catch(w){Z(w instanceof Error?w:Error("Unknown error"))}finally{G(!1)}},[T,P,D,y,m.agentId,m.status,M?.desc,M?.id]);m2(()=>{Q()},[Q]);let A=m.pageIndex!==void 0;return{data:f,metrics:d,loading:U,error:z,page:P+1,pageIndex:P,pageSize:D,refetch:Q,nextPage:A?void 0:()=>h((w)=>w+1),prevPage:A?void 0:()=>h((w)=>Math.max(0,w-1))}}import{Button as $}from"@contractspec/lib.design-system";import{useState as l}from"react";import{jsx as K,jsxs as _}from"react/jsx-runtime";function d2(m){switch(m){case"ACTIVE":return"text-green-600 bg-green-100 dark:text-green-400 dark:bg-green-900/30";case"DRAFT":return"text-blue-600 bg-blue-100 dark:text-blue-400 dark:bg-blue-900/30";case"PAUSED":return"text-yellow-600 bg-yellow-100 dark:text-yellow-400 dark:bg-yellow-900/30";case"ARCHIVED":return"text-gray-600 bg-gray-100 dark:text-gray-400 dark:bg-gray-700";default:return"text-gray-600 bg-gray-100"}}function _0({isOpen:m,agent:p,onClose:y,onActivate:T,onPause:f,onArchive:I,onExecute:d,isLoading:O=!1}){let[U,G]=l("menu"),[z,Z]=l(""),[Y,h]=l(null),[D,P]=l(null),M=()=>{G("menu"),Z(""),h(null),P(null)},Q=()=>{M(),y()},A=async()=>{if(!p)return;if(P(null),!z.trim()){P("Please enter a message");return}try{await d(p.id,z.trim()),Q()}catch(R){P(R instanceof Error?R.message:"Failed to execute agent")}},w=async(R)=>{if(!p)return;P(null);try{switch(R){case"activate":await T(p.id);break;case"pause":await f(p.id);break;case"archive":await I(p.id);break}Q()}catch(k){P(k instanceof Error?k.message:`Failed to ${R} agent`)}};if(!m||!p)return null;return _("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[K("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:Q,role:"button",tabIndex:0,onKeyDown:(R)=>{if(R.key==="Enter"||R.key===" ")Q()},"aria-label":"Close modal"}),_("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[_("div",{className:"mb-4 border-border border-b pb-4",children:[K("h2",{className:"font-semibold text-xl",children:p.name}),_("div",{className:"mt-1 flex items-center gap-2",children:[_("span",{className:"text-muted-foreground text-sm",children:[p.modelProvider," / ",p.modelName]}),K("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${d2(p.status)}`,children:p.status})]}),p.description&&K("p",{className:"mt-2 text-muted-foreground text-sm",children:p.description})]}),U==="menu"&&_("div",{className:"space-y-3",children:[p.status==="ACTIVE"&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>G("execute"),children:[K("span",{className:"mr-2",children:"\u25B6\uFE0F"})," Execute Agent"]}),(p.status==="DRAFT"||p.status==="PAUSED")&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("activate"),disabled:O,children:[K("span",{className:"mr-2",children:"\uD83D\uDFE2"})," Activate Agent"]}),p.status==="ACTIVE"&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("pause"),disabled:O,children:[K("span",{className:"mr-2",children:"\u23F8\uFE0F"})," Pause Agent"]}),p.status!=="ARCHIVED"&&_($,{className:"w-full justify-start text-yellow-600 hover:text-yellow-700",variant:"ghost",onPress:()=>{h("archive"),G("confirm")},children:[K("span",{className:"mr-2",children:"\uD83D\uDCE6"})," Archive Agent"]}),p.status==="ARCHIVED"&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("activate"),disabled:O,children:[K("span",{className:"mr-2",children:"\uD83D\uDD04"})," Restore Agent"]}),D&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),K("div",{className:"border-border border-t pt-3",children:K($,{className:"w-full",variant:"outline",onPress:Q,children:"Close"})})]}),U==="execute"&&_("div",{className:"space-y-4",children:[_("div",{children:[K("label",{htmlFor:"execute-message",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Message *"}),K("textarea",{id:"execute-message",value:z,onChange:(R)=>Z(R.target.value),placeholder:"Enter your message to the agent...",rows:4,disabled:O,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),D&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),_("div",{className:"flex justify-end gap-3 pt-2",children:[K($,{variant:"ghost",onPress:()=>G("menu"),disabled:O,children:"Back"}),K($,{onPress:A,disabled:O,children:O?"Executing...":"\u25B6\uFE0F Execute"})]})]}),U==="confirm"&&Y==="archive"&&_("div",{className:"space-y-4",children:[_("p",{className:"text-muted-foreground",children:["Are you sure you want to archive"," ",K("span",{className:"font-medium text-foreground",children:p.name}),"?"]}),K("p",{className:"text-muted-foreground text-sm",children:"Archived agents cannot be executed but can be restored later."}),D&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),_("div",{className:"flex justify-end gap-3 pt-2",children:[K($,{variant:"ghost",onPress:()=>G("menu"),disabled:O,children:"Cancel"}),K($,{onPress:()=>w("archive"),disabled:O,children:O?"Archiving...":"\uD83D\uDCE6 Archive"})]})]})]})]})}import{Button as h0,Input as p2}from"@contractspec/lib.design-system";import{useState as B}from"react";import{jsx as u,jsxs as X}from"react/jsx-runtime";var A0=[{value:"openai",label:"OpenAI",models:["gpt-5.4","gpt-5-mini","gpt-4o","gpt-4-turbo","gpt-3.5-turbo"]},{value:"anthropic",label:"Anthropic",models:["claude-sonnet-4-6","claude-opus-4-6","claude-haiku-4-5"]},{value:"google",label:"Google",models:["gemini-2.5-flash","gemini-2.5-pro","gemini-pro","gemini-ultra"]},{value:"mistral",label:"Mistral",models:["mistral-large-2512","mistral-large-latest","mistral-medium-latest","mistral-small-latest"]}];function J0({isOpen:m,onClose:p,onSubmit:y,isLoading:T=!1}){let[f,I]=B(""),[d,O]=B(""),[U,G]=B("openai"),[z,Z]=B("gpt-5.4"),[Y,h]=B(""),[D,P]=B(null),M=A0.find((w)=>w.value===U),Q=async(w)=>{if(w.preventDefault(),P(null),!f.trim()){P("Agent name is required");return}try{await y({name:f.trim(),description:d.trim()||void 0,modelProvider:U,modelName:z,systemPrompt:Y.trim()||void 0}),I(""),O(""),G("openai"),Z("gpt-5.4"),h(""),p()}catch(R){P(R instanceof Error?R.message:"Failed to create agent")}},A=(w)=>{G(w);let R=A0.find((k)=>k.value===w);if(R)Z(R.models[0])};if(!m)return null;return X("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[u("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:p,role:"button",tabIndex:0,onKeyDown:(w)=>{if(w.key==="Enter"||w.key===" ")p()},"aria-label":"Close modal"}),X("div",{className:"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-xl border border-border bg-card p-6 shadow-xl",children:[u("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Agent"}),X("form",{onSubmit:Q,className:"space-y-4",children:[X("div",{children:[u("label",{htmlFor:"agent-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Agent Name *"}),u(p2,{id:"agent-name",value:f,onChange:(w)=>I(w.target.value),placeholder:"e.g., Customer Support Bot",disabled:T})]}),X("div",{children:[u("label",{htmlFor:"agent-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),u("textarea",{id:"agent-description",value:d,onChange:(w)=>O(w.target.value),placeholder:"Describe what this agent does...",rows:2,disabled:T,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),X("div",{className:"flex gap-3",children:[X("div",{className:"flex-1",children:[u("label",{htmlFor:"model-provider",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Provider *"}),u("select",{id:"model-provider",value:U,onChange:(w)=>A(w.target.value),disabled:T,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:A0.map((w)=>u("option",{value:w.value,children:w.label},w.value))})]}),X("div",{className:"flex-1",children:[u("label",{htmlFor:"model-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Model *"}),u("select",{id:"model-name",value:z,onChange:(w)=>Z(w.target.value),disabled:T,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:M?.models.map((w)=>u("option",{value:w,children:w},w))})]})]}),X("div",{children:[u("label",{htmlFor:"system-prompt",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"System Prompt"}),u("textarea",{id:"system-prompt",value:Y,onChange:(w)=>h(w.target.value),placeholder:"You are a helpful assistant that...",rows:4,disabled:T,className:"w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"}),u("p",{className:"mt-1 text-muted-foreground text-xs",children:"Instructions that define the agent's behavior"})]}),D&&u("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),X("div",{className:"flex justify-end gap-3 pt-2",children:[u(h0,{type:"button",variant:"ghost",onPress:p,disabled:T,children:"Cancel"}),u(h0,{type:"submit",disabled:T,children:T?"Creating...":"Create Agent"})]})]})]})]})}import{Button as e,StatusChip as T2}from"@contractspec/lib.design-system";import{HStack as D0,VStack as Z0}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as v}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as V,jsxs as W}from"react/jsx-runtime";function N0(m){switch(m){case"COMPLETED":return"success";case"RUNNING":return"warning";case"QUEUED":return"neutral";case"FAILED":case"CANCELLED":return"danger";default:return"neutral"}}function q0(m){if(!m)return"-";if(m<1000)return`${m}ms`;if(m<60000)return`${(m/1000).toFixed(1)}s`;return`${(m/60000).toFixed(1)}m`}function i(m){if(m<1000)return m.toString();if(m<1e6)return`${(m/1000).toFixed(1)}K`;return`${(m/1e6).toFixed(2)}M`}function W0(m){if(!m)return"-";return`$${m.toFixed(4)}`}function H0(m){return JSON.stringify(m??null,null,2)}function $0({run:m}){return W(Z0,{gap:"sm",className:"py-2",children:[W(D0,{justify:"between",className:"flex-wrap",children:[V(T2,{tone:N0(m.status),label:m.status}),W(v,{className:"text-muted-foreground text-sm",children:["Queued ",m.queuedAt.toLocaleString()]})]}),W(D0,{gap:"lg",className:"flex-wrap",children:[W(v,{className:"text-muted-foreground text-sm",children:["Prompt ",i(m.promptTokens)]}),W(v,{className:"text-muted-foreground text-sm",children:["Completion ",i(m.completionTokens)]}),W(v,{className:"text-muted-foreground text-sm",children:["Duration ",q0(m.durationMs)]})]}),W(Z0,{gap:"xs",children:[V(v,{className:"font-medium text-sm",children:"Input"}),V("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:H0(m.input)})]}),W(Z0,{gap:"xs",children:[V(v,{className:"font-medium text-sm",children:"Output"}),V("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:H0(m.output??m.errorMessage??"Pending")})]})]})}function X0({controller:m,totalRuns:p}){let y=m.rows[0],T=m.columns.find((d)=>d.id==="queuedAt"),f=m.columns.find((d)=>d.id==="durationMs"),I=m.columns.find((d)=>d.id==="estimatedCostUsd");return W(D0,{gap:"sm",className:"flex-wrap",children:[W(v,{className:"text-muted-foreground text-sm",children:[p," runs"]}),V(e,{variant:"outline",size:"sm",onPress:()=>y?.toggleExpanded?.(!y?.isExpanded),children:"Expand Latest Run"}),V(e,{variant:"outline",size:"sm",onPress:()=>T?.toggleVisibility?.(!T?.visible),children:T?.visible?"Hide Time":"Show Time"}),V(e,{variant:"outline",size:"sm",onPress:()=>f?.toggleVisibility?.(!f?.visible),children:f?.visible?"Hide Duration":"Show Duration"}),V(e,{variant:"outline",size:"sm",onPress:()=>I?.toggleVisibility?.(!I?.visible),children:I?.visible?"Hide Cost":"Show Cost"})]})}import{StatusChip as f2}from"@contractspec/lib.design-system";import{VStack as y2}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as I0}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as n,jsxs as w2}from"react/jsx-runtime";function F0(){return[{id:"queuedAt",header:"Run",label:"Run",accessor:(m)=>m.queuedAt.getTime(),cell:({item:m})=>w2(y2,{gap:"xs",children:[n(I0,{className:"font-mono text-sm",children:m.id.slice(-8)}),n(I0,{className:"text-muted-foreground text-xs",children:m.queuedAt.toLocaleString()})]}),size:220,minSize:180,canSort:!0,canHide:!0,canResize:!0},{id:"agentName",header:"Agent",label:"Agent",accessor:(m)=>m.agentName??"Unknown Agent",cell:({value:m})=>n(I0,{className:"font-medium",children:typeof m==="string"?m:"Unknown Agent"}),size:220,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:m})=>{let p=typeof m==="string"?m:"QUEUED";return n(f2,{tone:N0(p),label:p})},size:150,canSort:!0,canResize:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:m})=>i(Number(m??0)),align:"right",size:140,canSort:!0,canResize:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:m})=>q0(typeof m==="number"?m:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0},{id:"estimatedCostUsd",header:"Cost",label:"Cost",accessorKey:"estimatedCostUsd",cell:({value:m})=>W0(typeof m==="number"?m:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0}]}import{DataTable as A2}from"@contractspec/lib.design-system";import{useContractTable as Z2}from"@contractspec/lib.presentation-runtime-react";import*as V0 from"react";import{jsx as o}from"react/jsx-runtime";function k0({runs:m,totalItems:p,pageIndex:y,pageSize:T,sorting:f,loading:I,onSortingChange:d,onPaginationChange:O,onRunClick:U}){let G=V0.useMemo(()=>F0(),[]),z=Z2({data:m,columns:G,executionMode:"server",totalItems:p,state:{sorting:f,pagination:{pageIndex:y,pageSize:T}},onSortingChange:d,onPaginationChange:O,initialState:{columnVisibility:{estimatedCostUsd:!1}},getRowId:(Z)=>Z.id,renderExpandedContent:(Z)=>o($0,{run:Z}),getCanExpand:()=>!0});return o(A2,{controller:z,title:"Run History",description:"Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",loading:I,onRowPress:(Z)=>U?.(Z.id),toolbar:o(X0,{controller:z,totalRuns:p}),emptyState:o("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No runs yet"})})}import{EmptyState as D2,ErrorState as N2,LoaderBlock as q2,StatCard as g,StatCardGroup as I2}from"@contractspec/lib.design-system";import{useState as E0}from"react";import{jsx as E,jsxs as v0}from"react/jsx-runtime";function b0({agentId:m,onRunClick:p}){let[y,T]=E0([{id:"queuedAt",desc:!0}]),[f,I]=E0({pageIndex:0,pageSize:3}),{data:d,metrics:O,loading:U,error:G,refetch:z}=S({agentId:m,pageIndex:f.pageIndex,pageSize:f.pageSize,sorting:y});if(U&&!d)return E(q2,{label:"Loading runs..."});if(G)return E(N2,{title:"Failed to load runs",description:G.message,onRetry:z,retryLabel:"Retry"});if(!d?.items.length)return E(D2,{title:"No runs yet",description:"Execute an agent to see run history here."});return v0("div",{className:"space-y-6",children:[O?v0(I2,{children:[E(g,{label:"Total Runs",value:O.totalRuns}),E(g,{label:"Success Rate",value:`${(O.successRate*100).toFixed(1)}%`}),E(g,{label:"Total Tokens",value:i(O.totalTokens)}),E(g,{label:"Total Cost",value:`$${O.totalCostUsd.toFixed(2)}`})]}):null,E(k0,{runs:d.items,totalItems:d.total,pageIndex:f.pageIndex,pageSize:f.pageSize,sorting:y,loading:U,onSortingChange:(Z)=>{T(Z),I((Y)=>({...Y,pageIndex:0}))},onPaginationChange:I,onRunClick:p})]})}import{useTemplateRuntime as O2}from"@contractspec/lib.example-shared-ui";import{useCallback as M2,useEffect as z2,useMemo as G2,useState as a}from"react";function B0(m={}){let{handlers:p,projectId:y}=O2(),{agent:T}=p,[f,I]=a(null),[d,O]=a(!0),[U,G]=a(null),[z,Z]=a(1),Y=M2(async()=>{O(!0),G(null);try{let M=await T.listTools({projectId:y,search:m.search,category:m.category,status:m.status==="all"?void 0:m.status,limit:m.limit??50,offset:(z-1)*(m.limit??50)});I(M)}catch(M){G(M instanceof Error?M:Error("Unknown error"))}finally{O(!1)}},[T,y,m.search,m.category,m.status,m.limit,z]);z2(()=>{Y()},[Y]);let{stats:h,groupedByCategory:D,categoryStats:P}=G2(()=>{if(!f)return{stats:null,groupedByCategory:{},categoryStats:[]};let M=f.items,Q=M.filter((H)=>H.status==="ACTIVE").length,A=M.filter((H)=>H.status==="DEPRECATED").length,w=M.filter((H)=>H.status==="DISABLED").length,R={},k={};M.forEach((H)=>{let F=H.category;if(!R[F])R[F]=[];R[F].push(H),k[F]=(k[F]||0)+1});let M0=Object.entries(k).map(([H,F])=>({category:H,count:F})).sort((H,F)=>F.count-H.count);return{stats:{total:f.total,active:Q,deprecated:A,disabled:w,topCategories:M0.slice(0,5)},groupedByCategory:R,categoryStats:M0}},[f]);return{data:f,loading:d,error:U,stats:h,groupedByCategory:D,categoryStats:P,page:z,refetch:Y,nextPage:()=>Z((M)=>M+1),prevPage:()=>z>1&&Z((M)=>M-1)}}import{Button as U2,EmptyState as Q2,EntityCard as R2,ErrorState as K2,LoaderBlock as P2,StatCard as i0,StatCardGroup as Y2,StatusChip as u2}from"@contractspec/lib.design-system";import{jsx as J,jsxs as t}from"react/jsx-runtime";var c0={RETRIEVAL:"\uD83D\uDD0D",COMPUTATION:"\uD83E\uDDEE",COMMUNICATION:"\uD83D\uDCE7",INTEGRATION:"\uD83D\uDD17",UTILITY:"\uD83D\uDEE0\uFE0F",CUSTOM:"\u2699\uFE0F"};function _2(m){switch(m){case"ACTIVE":return"success";case"DRAFT":return"neutral";case"DEPRECATED":return"warning";case"DISABLED":return"danger";default:return"neutral"}}function C0({onToolClick:m,onCreateTool:p}){let{data:y,loading:T,error:f,groupedByCategory:I,categoryStats:d,refetch:O}=B0();if(T&&!y)return J(P2,{label:"Loading tools..."});if(f)return J(K2,{title:"Failed to load tools",description:f.message,onRetry:O,retryLabel:"Retry"});if(!y?.items.length)return J(Q2,{title:"No tools registered",description:"Create your first tool to extend agent capabilities.",primaryAction:p?J(U2,{onPress:p,children:"Create Tool"}):void 0});return t("div",{className:"space-y-8",children:[t(Y2,{children:[J(i0,{label:"Total Tools",value:y.total}),d.slice(0,3).map(({category:U,count:G})=>J(i0,{label:`${c0[U]??""} ${U}`,value:G},U))]}),Object.entries(I).map(([U,G])=>t("section",{className:"space-y-4",children:[t("div",{className:"flex items-center gap-2",children:[J("span",{className:"text-2xl",children:c0[U]}),J("h3",{className:"font-semibold text-lg",children:U}),J("span",{className:"rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs",children:G.length})]}),J("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:G.map((z)=>J(R2,{cardTitle:z.name,cardSubtitle:`v${z.version}`,meta:J("p",{className:"text-muted-foreground text-sm",children:z.description}),chips:J(u2,{tone:_2(z.status),label:z.status}),footer:J("code",{className:"text-muted-foreground text-xs",children:z.name}),onClick:m?()=>m(z.id):void 0},z.id))})]},U))]})}import{Button as O0,StatCard as h2,StatCardGroup as J2}from"@contractspec/lib.design-system";import{useCallback as H2,useMemo as W2,useState as C}from"react";import{jsx as N,jsxs as q}from"react/jsx-runtime";function qm(){let[m,p]=C("runs"),[y,T]=C(!1),[f,I]=C(null),[d,O]=C(!1),[U,G]=C(0),{data:z,metrics:Z,refetch:Y}=S(),{refetch:h}=T0(),D=u0({onSuccess:()=>{h(),Y(),G((A)=>A+1)}}),P=H2((A)=>{I(A),O(!0)},[]),M=[{id:"runs",label:"Runs",icon:"\u25B6"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}],Q=W2(()=>{if(!Z)return[{label:"Total Runs",value:"-",hint:"Loading..."},{label:"Success Rate",value:"-",hint:""},{label:"Total Tokens",value:"-",hint:""},{label:"Total Cost",value:"-",hint:""}];return[{label:"Total Runs",value:Z.totalRuns.toLocaleString(),hint:`${(Z.successRate*100).toFixed(0)}% success`},{label:"Success Rate",value:`${(Z.successRate*100).toFixed(0)}%`,hint:"of all runs"},{label:"Total Tokens",value:Z.totalTokens>=1e6?`${(Z.totalTokens/1e6).toFixed(1)}M`:`${(Z.totalTokens/1000).toFixed(0)}K`,hint:"This period"},{label:"Total Cost",value:`$${Z.totalCostUsd.toFixed(2)}`,hint:"This period"}]},[Z]);return q("div",{className:"space-y-6",children:[q("div",{className:"flex items-center justify-between",children:[N("h2",{className:"font-bold text-2xl",children:"AI Agent Console"}),q(O0,{onPress:()=>T(!0),children:[N("span",{className:"mr-2",children:"+"})," New Agent"]})]}),N(J2,{children:Q.map((A,w)=>N(h2,{label:A.label,value:A.value,hint:A.hint},w))}),N(Y0,{runs:z?.items??[]}),N("nav",{className:"flex gap-1 rounded-lg bg-muted p-1",role:"tablist",children:M.map((A)=>q("button",{type:"button",role:"tab","aria-selected":m===A.id,onClick:()=>p(A.id),className:`flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${m===A.id?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:[N("span",{children:A.icon}),A.label]},A.id))}),q("div",{className:"min-h-[400px]",role:"tabpanel",children:[m==="runs"&&N(b0,{},U),m==="agents"&&N($2,{onAgentClick:P},U),m==="tools"&&N(C0,{}),m==="metrics"&&N(F2,{metrics:Z})]}),N(J0,{isOpen:y,onClose:()=>T(!1),onSubmit:async(A)=>{await D.createAgent(A)},isLoading:D.createState.loading}),N(_0,{isOpen:d,agent:f,onClose:()=>{O(!1),I(null)},onActivate:async(A)=>{await D.activateAgent(A)},onPause:async(A)=>{await D.pauseAgent(A)},onArchive:async(A)=>{await D.archiveAgent(A)},onExecute:async(A,w)=>{await D.executeAgent({agentId:A,message:w})},isLoading:D.isLoading})]})}function $2({onAgentClick:m}){let{data:p,loading:y,error:T,stats:f,refetch:I}=T0();if(y&&!p)return N("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading agents..."});if(T)return q("div",{className:"flex h-64 flex-col items-center justify-center text-destructive",children:[q("p",{children:["Failed to load agents: ",T.message]}),N(O0,{variant:"outline",onPress:I,className:"mt-2",children:"Retry"})]});if(!p?.items.length)return q("div",{className:"flex h-64 flex-col items-center justify-center text-muted-foreground",children:[N("p",{className:"font-medium text-lg",children:"No agents yet"}),N("p",{className:"text-sm",children:"Create your first AI agent to get started."})]});return q("div",{className:"space-y-4",children:[f&&q("div",{className:"flex gap-4 text-sm",children:[q("span",{children:["Total: ",f.total]}),q("span",{className:"text-green-600",children:["Active: ",f.active]}),q("span",{className:"text-yellow-600",children:["Paused: ",f.paused]}),q("span",{className:"text-blue-600",children:["Draft: ",f.draft]})]}),N("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:p.items.map((d)=>N(X2,{agent:d,onClick:()=>m(d)},d.id))})]})}function X2({agent:m,onClick:p}){let y={ACTIVE:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",DRAFT:"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",PAUSED:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",ARCHIVED:"bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400"};return q("div",{onClick:p,className:"cursor-pointer rounded-xl border border-border bg-card p-4 transition-all hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(T)=>{if(T.key==="Enter"||T.key===" ")p()},children:[q("div",{className:"flex items-start justify-between",children:[q("div",{className:"min-w-0 flex-1",children:[N("h3",{className:"truncate font-semibold",children:m.name}),q("p",{className:"text-muted-foreground text-sm",children:[m.modelProvider," / ",m.modelName]})]}),N("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${y[m.status]}`,children:m.status})]}),m.description&&N("p",{className:"mt-2 line-clamp-2 text-muted-foreground text-sm",children:m.description}),q("div",{className:"mt-3 flex items-center justify-between",children:[N("span",{className:"text-muted-foreground text-xs",children:m.modelName}),N(O0,{variant:"ghost",size:"sm",onPress:p,children:"Actions"})]})]})}function F2({metrics:m}){if(!m)return N("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading metrics..."});let p=Math.round(m.totalRuns*m.successRate),y=m.totalRuns-p;return q("div",{className:"space-y-6",children:[N("h3",{className:"font-semibold text-lg",children:"Usage Analytics"}),q("div",{className:"grid gap-6 md:grid-cols-2",children:[q("div",{className:"rounded-xl border border-border bg-card p-4",children:[N("h4",{className:"font-medium",children:"Run Outcomes"}),q("div",{className:"mt-4 space-y-3",children:[N(L0,{label:"Completed",value:p,total:m.totalRuns,color:"bg-green-500"}),N(L0,{label:"Failed",value:y,total:m.totalRuns,color:"bg-red-500"})]})]}),q("div",{className:"rounded-xl border border-border bg-card p-4",children:[N("h4",{className:"font-medium",children:"Performance"}),q("dl",{className:"mt-4 grid grid-cols-2 gap-4",children:[q("div",{children:[N("dt",{className:"text-muted-foreground text-sm",children:"Avg Duration"}),q("dd",{className:"font-semibold text-xl",children:[(m.averageDurationMs/1000).toFixed(1),"s"]})]}),q("div",{children:[N("dt",{className:"text-muted-foreground text-sm",children:"Success Rate"}),q("dd",{className:"font-semibold text-xl",children:[(m.successRate*100).toFixed(0),"%"]})]})]})]})]}),q("div",{className:"rounded-xl border border-border bg-card p-4",children:[N("h4",{className:"font-medium",children:"Key Metrics"}),q("dl",{className:"mt-4 grid gap-4 sm:grid-cols-3",children:[q("div",{children:[N("dt",{className:"text-muted-foreground text-sm",children:"Total Runs"}),N("dd",{className:"font-semibold text-2xl",children:m.totalRuns.toLocaleString()})]}),q("div",{children:[N("dt",{className:"text-muted-foreground text-sm",children:"Total Tokens"}),q("dd",{className:"font-semibold text-2xl",children:[(m.totalTokens/1000).toFixed(0),"K"]})]}),q("div",{children:[N("dt",{className:"text-muted-foreground text-sm",children:"Cost per Run"}),q("dd",{className:"font-semibold text-2xl",children:["$",m.totalRuns>0?(m.totalCostUsd/m.totalRuns).toFixed(4):"0"]})]})]})]})]})}function L0({label:m,value:p,total:y,color:T}){let f=y>0?p/y*100:0;return q("div",{children:[q("div",{className:"flex justify-between text-sm",children:[N("span",{children:m}),q("span",{className:"text-muted-foreground",children:[p," (",f.toFixed(0),"%)"]})]}),N("div",{className:"mt-1 h-2 overflow-hidden rounded-full bg-muted",children:N("div",{className:`h-full ${T}`,style:{width:`${f}%`}})})]})}export{qm as AgentDashboard};
+import{defineVisualization as j,VisualizationRegistry as r0}from"@contractspec/lib.contracts-spec/visualizations";var x={key:"agent.run.list",version:"1.0.0"},s={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},m0=j({meta:{...s,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:x,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."}}}),d0=j({meta:{...s,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:x,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."}}}),p0=j({meta:{...s,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:x,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."}}}),z0=[m0,d0,p0],k2=new r0([...z0]),E2=z0.map((m)=>({key:m.meta.key,version:m.meta.version}));function U0(m){if(!m)return"unknown";return m.toISOString().slice(0,10)}function u0(m){let p=new Map,y=new Map;for(let T of m)p.set(T.status,(p.get(T.status)??0)+1),y.set(U0(T.startedAt??T.queuedAt),(y.get(U0(T.startedAt??T.queuedAt))??0)+1);return[{key:"run-status",spec:m0,data:{data:Array.from(p.entries()).map(([T,f])=>({status:T,runs:f}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d0,data:{data:Array.from(y.entries()).sort(([T],[f])=>T.localeCompare(f)).map(([T,f])=>({day:T,runs:f}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:p0,data:{data:m.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."}]}var G0=[{id:"agent-1",organizationId:"demo-org",name:"Customer Support Bot",slug:"customer-support-bot",description:"Handles tier-1 customer inquiries and routes complex issues.",status:"ACTIVE",modelProvider:"OPENAI",modelName:"gpt-4o-mini",modelConfig:{temperature:0.7},systemPrompt:"You are a helpful customer support assistant.",toolChoice:"auto",maxIterations:10,timeoutMs:120000,version:"1.0.0",tags:["support","tier-1"],createdAt:new Date("2024-01-15T10:00:00Z"),updatedAt:new Date("2024-03-20T14:30:00Z")},{id:"agent-2",organizationId:"demo-org",name:"Code Review Assistant",slug:"code-review-assistant",description:"Reviews pull requests and provides actionable feedback.",status:"ACTIVE",modelProvider:"ANTHROPIC",modelName:"claude-sonnet-4-20250514",modelConfig:{temperature:0.3},systemPrompt:"You are a code review expert.",toolChoice:"auto",maxIterations:15,timeoutMs:180000,version:"2.1.0",tags:["code","review","dev"],createdAt:new Date("2024-02-10T09:00:00Z"),updatedAt:new Date("2024-04-05T11:15:00Z")},{id:"agent-3",organizationId:"demo-org",name:"Data Analyst",slug:"data-analyst",description:"Queries databases and generates insights from data.",status:"PAUSED",modelProvider:"OPENAI",modelName:"gpt-4o",modelConfig:{temperature:0.5},systemPrompt:"You are a data analyst expert in SQL and analytics.",toolChoice:"required",maxIterations:20,timeoutMs:300000,version:"1.2.0",tags:["data","analytics","sql"],createdAt:new Date("2024-03-01T08:00:00Z"),updatedAt:new Date("2024-04-10T16:45:00Z")},{id:"agent-4",organizationId:"demo-org",name:"Meeting Scheduler",slug:"meeting-scheduler",description:"Schedules meetings and manages calendar conflicts.",status:"DRAFT",modelProvider:"GOOGLE",modelName:"gemini-2.0-flash",modelConfig:{temperature:0.2},systemPrompt:"You help schedule and organize meetings efficiently.",toolChoice:"auto",maxIterations:5,timeoutMs:60000,version:"0.1.0",tags:["calendar","scheduling"],createdAt:new Date("2024-04-01T12:00:00Z"),updatedAt:new Date("2024-04-01T12:00:00Z")}];var Q0=[{id:"tool-1",organizationId:"demo-org",name:"Web Search",slug:"web-search",description:"Search the web for real-time information using Brave API.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"Search query"},numResults:{type:"number",default:10}},required:["query"]},outputSchema:{type:"array",items:{type:"object"}},implementationType:"http",implementationConfig:{url:"https://api.brave.com/search",method:"GET"},maxInvocationsPerMinute:60,timeoutMs:30000,version:"1.0.0",tags:["search","web"],createdAt:new Date("2024-01-01T00:00:00Z"),updatedAt:new Date("2024-02-15T10:00:00Z")},{id:"tool-2",organizationId:"demo-org",name:"SQL Query",slug:"sql-query",description:"Execute read-only SQL queries against the data warehouse.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"SQL query"},maxRows:{type:"number",default:100}},required:["query"]},outputSchema:{type:"object"},implementationType:"function",implementationConfig:{handler:"executeSqlQuery"},maxInvocationsPerMinute:30,timeoutMs:60000,version:"1.1.0",tags:["sql","database"],createdAt:new Date("2024-01-05T00:00:00Z"),updatedAt:new Date("2024-03-10T14:00:00Z")},{id:"tool-3",organizationId:"demo-org",name:"Email Sender",slug:"email-sender",description:"Send emails via SMTP or API.",category:"COMMUNICATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{to:{type:"string"},subject:{type:"string"},body:{type:"string"}},required:["to","subject","body"]},implementationType:"http",implementationConfig:{url:"/api/send-email",method:"POST"},maxInvocationsPerMinute:10,timeoutMs:30000,version:"1.0.0",tags:["email","communication"],createdAt:new Date("2024-02-01T00:00:00Z"),updatedAt:new Date("2024-02-01T00:00:00Z")},{id:"tool-4",organizationId:"demo-org",name:"GitHub Integration",slug:"github-integration",description:"Interact with GitHub repositories, PRs, and issues.",category:"INTEGRATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{action:{type:"string",enum:["list_prs","get_pr","create_comment"]},repo:{type:"string"},params:{type:"object"}},required:["action","repo"]},implementationType:"http",implementationConfig:{url:"https://api.github.com",auth:"token"},maxInvocationsPerMinute:100,timeoutMs:15000,version:"2.0.0",tags:["github","integration","code"],createdAt:new Date("2024-02-20T00:00:00Z"),updatedAt:new Date("2024-04-01T09:00:00Z")},{id:"tool-5",organizationId:"demo-org",name:"Calculator",slug:"calculator",description:"Perform mathematical calculations.",category:"COMPUTATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{expression:{type:"string",description:"Math expression to evaluate"}},required:["expression"]},outputSchema:{type:"object",properties:{result:{type:"number"}}},implementationType:"function",implementationConfig:{handler:"evaluateMath"},timeoutMs:5000,version:"1.0.0",tags:["math","utility"],createdAt:new Date("2024-01-10T00:00:00Z"),updatedAt:new Date("2024-01-10T00:00:00Z")}];var K0=[{id:"run-1",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",sessionId:"session-1",input:{message:"How do I reset my password?",context:{}},output:{response:"You can reset your password by clicking..."},status:"COMPLETED",totalTokens:1250,promptTokens:800,completionTokens:450,totalIterations:3,durationMs:4500,estimatedCostUsd:0.0025,queuedAt:new Date("2024-04-15T10:00:00Z"),startedAt:new Date("2024-04-15T10:00:01Z"),completedAt:new Date("2024-04-15T10:00:05Z"),steps:[],logs:[]},{id:"run-2",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #123",context:{prNumber:123}},status:"IN_PROGRESS",totalTokens:3500,promptTokens:3000,completionTokens:500,totalIterations:5,queuedAt:new Date("2024-04-15T10:30:00Z"),startedAt:new Date("2024-04-15T10:30:02Z"),steps:[],logs:[]},{id:"run-3",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",input:{message:"What are your business hours?"},output:{response:"Our business hours are 9 AM to 5 PM EST..."},status:"COMPLETED",totalTokens:800,promptTokens:500,completionTokens:300,totalIterations:2,durationMs:2100,estimatedCostUsd:0.0012,queuedAt:new Date("2024-04-15T09:00:00Z"),startedAt:new Date("2024-04-15T09:00:01Z"),completedAt:new Date("2024-04-15T09:00:03Z"),steps:[],logs:[]},{id:"run-4",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-3",agentName:"Data Analyst",userId:"user-3",input:{message:"Generate sales report for Q1"},status:"FAILED",errorMessage:"Database connection timeout",errorCode:"DB_TIMEOUT",totalTokens:2000,promptTokens:1500,completionTokens:500,totalIterations:8,durationMs:45000,queuedAt:new Date("2024-04-14T15:00:00Z"),startedAt:new Date("2024-04-14T15:00:05Z"),completedAt:new Date("2024-04-14T15:00:50Z"),steps:[],logs:[]},{id:"run-5",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #120"},output:{response:"Code review complete. 3 suggestions..."},status:"COMPLETED",totalTokens:5200,promptTokens:4000,completionTokens:1200,totalIterations:7,durationMs:15000,estimatedCostUsd:0.0156,queuedAt:new Date("2024-04-14T11:00:00Z"),startedAt:new Date("2024-04-14T11:00:03Z"),completedAt:new Date("2024-04-14T11:00:18Z"),steps:[],logs:[]}];import{VisualizationCard as S0,VisualizationGrid as e0}from"@contractspec/lib.design-system";import{jsx as L,jsxs as P0}from"react/jsx-runtime";function R0({runs:m}){let p=u0(m);return P0("section",{className:"space-y-3",children:[P0("div",{children:[L("h3",{className:"font-semibold text-lg",children:"Operational Visualizations"}),L("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),L(e0,{children:p.map((y)=>L(S0,{data:y.data,description:y.description,height:y.height,spec:y.spec,title:y.title},y.key))})]})}import{useTemplateRuntime as l0}from"@contractspec/lib.example-shared-ui";import{useCallback as n0,useEffect as o0,useMemo as g0,useState as r}from"react";function T0(m={}){let{handlers:p,projectId:y}=l0(),{agent:T}=p,[f,I]=r(null),[d,M]=r(!0),[u,U]=r(null),[z,Z]=r(1),R=n0(async()=>{M(!0),U(null);try{let D=await T.listAgents({projectId:y,search:m.search,status:m.status==="all"?void 0:m.status,limit:m.limit??20,offset:(z-1)*(m.limit??20)});I(D)}catch(D){U(D instanceof Error?D:Error("Unknown error"))}finally{M(!1)}},[T,y,m.search,m.status,m.limit,z]);o0(()=>{R()},[R]);let J=g0(()=>{if(!f)return null;return{total:f.total,active:f.items.filter((D)=>D.status==="ACTIVE").length,paused:f.items.filter((D)=>D.status==="PAUSED").length,draft:f.items.filter((D)=>D.status==="DRAFT").length}},[f]);return{data:f,loading:d,error:u,stats:J,page:z,refetch:R,nextPage:()=>Z((D)=>D+1),prevPage:()=>z>1&&Z((D)=>D-1)}}import{useTemplateRuntime as j0}from"@contractspec/lib.example-shared-ui";import{useCallback as b,useState as y0}from"react";var f0="demo-org",mm="agent-console-demo";function dm(m){return m.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}function pm(m){return{...m}}function Tm(m){return{...m}}function fm(m){return{...m}}function ym(){let m=0,p=Date.parse("2026-03-20T09:00:00.000Z");return()=>new Date(p+m++*60000)}function a0(m){return m.toLowerCase()}function t0(m){return m==="IN_PROGRESS"?"RUNNING":m}function wm(m,p){let y=G0.map((d)=>({id:d.id,projectId:m,organizationId:p,name:d.name,slug:d.slug,description:d.description,modelProvider:a0(d.modelProvider),modelName:d.modelName,systemPrompt:d.systemPrompt,temperature:typeof d.modelConfig?.temperature==="number"?d.modelConfig.temperature:0.4,maxTokens:8192,status:d.status,createdAt:d.createdAt,updatedAt:d.updatedAt})),T=Q0.map((d)=>({id:d.id,projectId:m,organizationId:p,name:d.name,description:d.description,version:d.version,category:d.category,status:d.status,inputSchema:JSON.stringify(d.parametersSchema),outputSchema:d.outputSchema?JSON.stringify(d.outputSchema):void 0,endpoint:typeof d.implementationConfig?.url==="string"?d.implementationConfig.url:void 0,createdAt:d.createdAt,updatedAt:d.updatedAt})),f=new Map(y.map((d)=>[d.id,d.name])),I=K0.map((d)=>({id:d.id,projectId:m,agentId:d.agentId,agentName:f.get(d.agentId)??d.agentName??"Unknown agent",status:t0(d.status),input:JSON.stringify(d.input),output:d.output?JSON.stringify(d.output):void 0,totalTokens:d.totalTokens,promptTokens:d.promptTokens,completionTokens:d.completionTokens,estimatedCostUsd:d.estimatedCostUsd??0,durationMs:d.durationMs,errorMessage:d.errorMessage,queuedAt:d.queuedAt,startedAt:d.startedAt,completedAt:d.completedAt}));return{agents:y,tools:T,runs:I}}function Am(m){let p=m.length,y=m.filter((f)=>f.status==="COMPLETED").length,T=m.map((f)=>f.durationMs).filter((f)=>typeof f==="number");return{totalRuns:p,successRate:p===0?0:y/p,averageDurationMs:T.length===0?0:Math.round(T.reduce((f,I)=>f+I,0)/T.length),totalTokens:m.reduce((f,I)=>f+I.totalTokens,0),totalCostUsd:m.reduce((f,I)=>f+I.estimatedCostUsd,0)}}function w0(m,p){return m instanceof Error?m:Error(p)}function Y0(m={}){let{handlers:p,projectId:y}=j0(),{agent:T}=p,[f,I]=y0({loading:!1,error:null,data:null}),[d,M]=y0({loading:!1,error:null,data:null}),[u,U]=y0({loading:!1,error:null,data:null}),z=b(async(O)=>{I({loading:!0,error:null,data:null});try{let G=await T.createAgent(O,{projectId:y,organizationId:f0});return I({loading:!1,error:null,data:G}),m.onSuccess?.(),G}catch(G){let A=w0(G,"Failed to create agent");throw I({loading:!1,error:A,data:null}),m.onError?.(A),A}},[T,y,m]),Z=b(async(O)=>{M({loading:!0,error:null,data:null});try{let G=await T.updateAgent(O);return M({loading:!1,error:null,data:G}),m.onSuccess?.(),G}catch(G){let A=w0(G,"Failed to update agent");throw M({loading:!1,error:A,data:null}),m.onError?.(A),A}},[T,m]),R=b(async(O)=>{return Z({id:O,status:"ACTIVE"})},[Z]),J=b(async(O)=>{return Z({id:O,status:"PAUSED"})},[Z]),D=b(async(O)=>{return Z({id:O,status:"ARCHIVED"})},[Z]),P=b(async(O)=>{U({loading:!0,error:null,data:null});try{let G=await T.executeAgent({agentId:O.agentId,message:O.message,context:{projectId:y,organizationId:f0}});return U({loading:!1,error:null,data:G}),m.onSuccess?.(),G}catch(G){let A=w0(G,"Failed to execute agent");throw U({loading:!1,error:A,data:null}),m.onError?.(A),A}},[T,y,m]);return{createAgent:z,updateAgent:Z,activateAgent:R,pauseAgent:J,archiveAgent:D,executeAgent:P,createState:f,updateState:d,executeState:u,isLoading:f.loading||d.loading||u.loading}}import{useTemplateRuntime as x0}from"@contractspec/lib.example-shared-ui";import{useCallback as s0,useEffect as m2,useState as c}from"react";function S(m={}){let{handlers:p,projectId:y}=x0(),{agent:T}=p,[f,I]=c(null),[d,M]=c(null),[u,U]=c(!0),[z,Z]=c(null),[R,J]=c(0),D=m.pageSize??m.limit??20,P=m.pageIndex??R,[O]=m.sorting??[],G=s0(async()=>{U(!0),Z(null);try{let[w,Q]=await Promise.all([T.listRuns({projectId:y,agentId:m.agentId,status:m.status==="all"?void 0:m.status,sortBy:O?.id,sortDirection:O?O.desc?"desc":"asc":void 0,limit:D,offset:P*D}),T.getRunMetrics({projectId:y,agentId:m.agentId})]);I(w),M(Q)}catch(w){Z(w instanceof Error?w:Error("Unknown error"))}finally{U(!1)}},[T,P,D,y,m.agentId,m.status,O?.desc,O?.id]);m2(()=>{G()},[G]);let A=m.pageIndex!==void 0;return{data:f,metrics:d,loading:u,error:z,page:P+1,pageIndex:P,pageSize:D,refetch:G,nextPage:A?void 0:()=>J((w)=>w+1),prevPage:A?void 0:()=>J((w)=>Math.max(0,w-1))}}import{Button as $}from"@contractspec/lib.design-system";import{useState as e}from"react";import{jsx as K,jsxs as _}from"react/jsx-runtime";function d2(m){switch(m){case"ACTIVE":return"text-green-600 bg-green-100 dark:text-green-400 dark:bg-green-900/30";case"DRAFT":return"text-blue-600 bg-blue-100 dark:text-blue-400 dark:bg-blue-900/30";case"PAUSED":return"text-yellow-600 bg-yellow-100 dark:text-yellow-400 dark:bg-yellow-900/30";case"ARCHIVED":return"text-gray-600 bg-gray-100 dark:text-gray-400 dark:bg-gray-700";default:return"text-gray-600 bg-gray-100"}}function _0({isOpen:m,agent:p,onClose:y,onActivate:T,onPause:f,onArchive:I,onExecute:d,isLoading:M=!1}){let[u,U]=e("menu"),[z,Z]=e(""),[R,J]=e(null),[D,P]=e(null),O=()=>{U("menu"),Z(""),J(null),P(null)},G=()=>{O(),y()},A=async()=>{if(!p)return;if(P(null),!z.trim()){P("Please enter a message");return}try{await d(p.id,z.trim()),G()}catch(Q){P(Q instanceof Error?Q.message:"Failed to execute agent")}},w=async(Q)=>{if(!p)return;P(null);try{switch(Q){case"activate":await T(p.id);break;case"pause":await f(p.id);break;case"archive":await I(p.id);break}G()}catch(k){P(k instanceof Error?k.message:`Failed to ${Q} agent`)}};if(!m||!p)return null;return _("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[K("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:G,role:"button",tabIndex:0,onKeyDown:(Q)=>{if(Q.key==="Enter"||Q.key===" ")G()},"aria-label":"Close modal"}),_("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[_("div",{className:"mb-4 border-border border-b pb-4",children:[K("h2",{className:"font-semibold text-xl",children:p.name}),_("div",{className:"mt-1 flex items-center gap-2",children:[_("span",{className:"text-muted-foreground text-sm",children:[p.modelProvider," / ",p.modelName]}),K("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${d2(p.status)}`,children:p.status})]}),p.description&&K("p",{className:"mt-2 text-muted-foreground text-sm",children:p.description})]}),u==="menu"&&_("div",{className:"space-y-3",children:[p.status==="ACTIVE"&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>U("execute"),children:[K("span",{className:"mr-2",children:"\u25B6\uFE0F"})," Execute Agent"]}),(p.status==="DRAFT"||p.status==="PAUSED")&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("activate"),disabled:M,children:[K("span",{className:"mr-2",children:"\uD83D\uDFE2"})," Activate Agent"]}),p.status==="ACTIVE"&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("pause"),disabled:M,children:[K("span",{className:"mr-2",children:"\u23F8\uFE0F"})," Pause Agent"]}),p.status!=="ARCHIVED"&&_($,{className:"w-full justify-start text-yellow-600 hover:text-yellow-700",variant:"ghost",onPress:()=>{J("archive"),U("confirm")},children:[K("span",{className:"mr-2",children:"\uD83D\uDCE6"})," Archive Agent"]}),p.status==="ARCHIVED"&&_($,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("activate"),disabled:M,children:[K("span",{className:"mr-2",children:"\uD83D\uDD04"})," Restore Agent"]}),D&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),K("div",{className:"border-border border-t pt-3",children:K($,{className:"w-full",variant:"outline",onPress:G,children:"Close"})})]}),u==="execute"&&_("div",{className:"space-y-4",children:[_("div",{children:[K("label",{htmlFor:"execute-message",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Message *"}),K("textarea",{id:"execute-message",value:z,onChange:(Q)=>Z(Q.target.value),placeholder:"Enter your message to the agent...",rows:4,disabled:M,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),D&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),_("div",{className:"flex justify-end gap-3 pt-2",children:[K($,{variant:"ghost",onPress:()=>U("menu"),disabled:M,children:"Back"}),K($,{onPress:A,disabled:M,children:M?"Executing...":"\u25B6\uFE0F Execute"})]})]}),u==="confirm"&&R==="archive"&&_("div",{className:"space-y-4",children:[_("p",{className:"text-muted-foreground",children:["Are you sure you want to archive"," ",K("span",{className:"font-medium text-foreground",children:p.name}),"?"]}),K("p",{className:"text-muted-foreground text-sm",children:"Archived agents cannot be executed but can be restored later."}),D&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),_("div",{className:"flex justify-end gap-3 pt-2",children:[K($,{variant:"ghost",onPress:()=>U("menu"),disabled:M,children:"Cancel"}),K($,{onPress:()=>w("archive"),disabled:M,children:M?"Archiving...":"\uD83D\uDCE6 Archive"})]})]})]})]})}import{Button as J0,Input as p2}from"@contractspec/lib.design-system";import{useState as B}from"react";import{jsx as Y,jsxs as X}from"react/jsx-runtime";var A0=[{value:"openai",label:"OpenAI",models:["gpt-5.4","gpt-5-mini","gpt-4o","gpt-4-turbo","gpt-3.5-turbo"]},{value:"anthropic",label:"Anthropic",models:["claude-sonnet-4-6","claude-opus-4-6","claude-haiku-4-5"]},{value:"google",label:"Google",models:["gemini-2.5-flash","gemini-2.5-pro","gemini-pro","gemini-ultra"]},{value:"mistral",label:"Mistral",models:["mistral-large-2512","mistral-large-latest","mistral-medium-latest","mistral-small-latest"]}];function h0({isOpen:m,onClose:p,onSubmit:y,isLoading:T=!1}){let[f,I]=B(""),[d,M]=B(""),[u,U]=B("openai"),[z,Z]=B("gpt-5.4"),[R,J]=B(""),[D,P]=B(null),O=A0.find((w)=>w.value===u),G=async(w)=>{if(w.preventDefault(),P(null),!f.trim()){P("Agent name is required");return}try{await y({name:f.trim(),description:d.trim()||void 0,modelProvider:u,modelName:z,systemPrompt:R.trim()||void 0}),I(""),M(""),U("openai"),Z("gpt-5.4"),J(""),p()}catch(Q){P(Q instanceof Error?Q.message:"Failed to create agent")}},A=(w)=>{U(w);let Q=A0.find((k)=>k.value===w);if(Q)Z(Q.models[0])};if(!m)return null;return X("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[Y("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:p,role:"button",tabIndex:0,onKeyDown:(w)=>{if(w.key==="Enter"||w.key===" ")p()},"aria-label":"Close modal"}),X("div",{className:"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-xl border border-border bg-card p-6 shadow-xl",children:[Y("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Agent"}),X("form",{onSubmit:G,className:"space-y-4",children:[X("div",{children:[Y("label",{htmlFor:"agent-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Agent Name *"}),Y(p2,{id:"agent-name",value:f,onChange:(w)=>I(w.target.value),placeholder:"e.g., Customer Support Bot",disabled:T})]}),X("div",{children:[Y("label",{htmlFor:"agent-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),Y("textarea",{id:"agent-description",value:d,onChange:(w)=>M(w.target.value),placeholder:"Describe what this agent does...",rows:2,disabled:T,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),X("div",{className:"flex gap-3",children:[X("div",{className:"flex-1",children:[Y("label",{htmlFor:"model-provider",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Provider *"}),Y("select",{id:"model-provider",value:u,onChange:(w)=>A(w.target.value),disabled:T,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:A0.map((w)=>Y("option",{value:w.value,children:w.label},w.value))})]}),X("div",{className:"flex-1",children:[Y("label",{htmlFor:"model-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Model *"}),Y("select",{id:"model-name",value:z,onChange:(w)=>Z(w.target.value),disabled:T,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:O?.models.map((w)=>Y("option",{value:w,children:w},w))})]})]}),X("div",{children:[Y("label",{htmlFor:"system-prompt",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"System Prompt"}),Y("textarea",{id:"system-prompt",value:R,onChange:(w)=>J(w.target.value),placeholder:"You are a helpful assistant that...",rows:4,disabled:T,className:"w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"}),Y("p",{className:"mt-1 text-muted-foreground text-xs",children:"Instructions that define the agent's behavior"})]}),D&&Y("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:D}),X("div",{className:"flex justify-end gap-3 pt-2",children:[Y(J0,{type:"button",variant:"ghost",onPress:p,disabled:T,children:"Cancel"}),Y(J0,{type:"submit",disabled:T,children:T?"Creating...":"Create Agent"})]})]})]})]})}import{Button as l,StatusChip as T2}from"@contractspec/lib.design-system";import{HStack as D0,VStack as Z0}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as v}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as V,jsxs as W}from"react/jsx-runtime";function q0(m){switch(m){case"COMPLETED":return"success";case"RUNNING":return"warning";case"QUEUED":return"neutral";case"FAILED":case"CANCELLED":return"danger";default:return"neutral"}}function N0(m){if(!m)return"-";if(m<1000)return`${m}ms`;if(m<60000)return`${(m/1000).toFixed(1)}s`;return`${(m/60000).toFixed(1)}m`}function i(m){if(m<1000)return m.toString();if(m<1e6)return`${(m/1000).toFixed(1)}K`;return`${(m/1e6).toFixed(2)}M`}function W0(m){if(!m)return"-";return`$${m.toFixed(4)}`}function H0(m){return JSON.stringify(m??null,null,2)}function $0({run:m}){return W(Z0,{gap:"sm",className:"py-2",children:[W(D0,{justify:"between",className:"flex-wrap",children:[V(T2,{tone:q0(m.status),label:m.status}),W(v,{className:"text-muted-foreground text-sm",children:["Queued ",m.queuedAt.toLocaleString()]})]}),W(D0,{gap:"lg",className:"flex-wrap",children:[W(v,{className:"text-muted-foreground text-sm",children:["Prompt ",i(m.promptTokens)]}),W(v,{className:"text-muted-foreground text-sm",children:["Completion ",i(m.completionTokens)]}),W(v,{className:"text-muted-foreground text-sm",children:["Duration ",N0(m.durationMs)]})]}),W(Z0,{gap:"xs",children:[V(v,{className:"font-medium text-sm",children:"Input"}),V("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:H0(m.input)})]}),W(Z0,{gap:"xs",children:[V(v,{className:"font-medium text-sm",children:"Output"}),V("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:H0(m.output??m.errorMessage??"Pending")})]})]})}function X0({controller:m,totalRuns:p}){let y=m.rows[0],T=m.columns.find((d)=>d.id==="queuedAt"),f=m.columns.find((d)=>d.id==="durationMs"),I=m.columns.find((d)=>d.id==="estimatedCostUsd");return W(D0,{gap:"sm",className:"flex-wrap",children:[W(v,{className:"text-muted-foreground text-sm",children:[p," runs"]}),V(l,{variant:"outline",size:"sm",onPress:()=>y?.toggleExpanded?.(!y?.isExpanded),children:"Expand Latest Run"}),V(l,{variant:"outline",size:"sm",onPress:()=>T?.toggleVisibility?.(!T?.visible),children:T?.visible?"Hide Time":"Show Time"}),V(l,{variant:"outline",size:"sm",onPress:()=>f?.toggleVisibility?.(!f?.visible),children:f?.visible?"Hide Duration":"Show Duration"}),V(l,{variant:"outline",size:"sm",onPress:()=>I?.toggleVisibility?.(!I?.visible),children:I?.visible?"Hide Cost":"Show Cost"})]})}import{StatusChip as f2}from"@contractspec/lib.design-system";import{VStack as y2}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as I0}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as n,jsxs as w2}from"react/jsx-runtime";function F0(){return[{id:"queuedAt",header:"Run",label:"Run",accessor:(m)=>m.queuedAt.getTime(),cell:({item:m})=>w2(y2,{gap:"xs",children:[n(I0,{className:"font-mono text-sm",children:m.id.slice(-8)}),n(I0,{className:"text-muted-foreground text-xs",children:m.queuedAt.toLocaleString()})]}),size:220,minSize:180,canSort:!0,canHide:!0,canResize:!0},{id:"agentName",header:"Agent",label:"Agent",accessor:(m)=>m.agentName??"Unknown Agent",cell:({value:m})=>n(I0,{className:"font-medium",children:typeof m==="string"?m:"Unknown Agent"}),size:220,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:m})=>{let p=typeof m==="string"?m:"QUEUED";return n(f2,{tone:q0(p),label:p})},size:150,canSort:!0,canResize:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:m})=>i(Number(m??0)),align:"right",size:140,canSort:!0,canResize:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:m})=>N0(typeof m==="number"?m:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0},{id:"estimatedCostUsd",header:"Cost",label:"Cost",accessorKey:"estimatedCostUsd",cell:({value:m})=>W0(typeof m==="number"?m:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0}]}import{DataTable as A2}from"@contractspec/lib.design-system";import{useContractTable as Z2}from"@contractspec/lib.presentation-runtime-react";import*as V0 from"react";import{jsx as o}from"react/jsx-runtime";function k0({runs:m,totalItems:p,pageIndex:y,pageSize:T,sorting:f,loading:I,onSortingChange:d,onPaginationChange:M,onRunClick:u}){let U=V0.useMemo(()=>F0(),[]),z=Z2({data:m,columns:U,executionMode:"server",totalItems:p,state:{sorting:f,pagination:{pageIndex:y,pageSize:T}},onSortingChange:d,onPaginationChange:M,initialState:{columnVisibility:{estimatedCostUsd:!1}},getRowId:(Z)=>Z.id,renderExpandedContent:(Z)=>o($0,{run:Z}),getCanExpand:()=>!0});return o(A2,{controller:z,title:"Run History",description:"Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",loading:I,onRowPress:(Z)=>u?.(Z.id),toolbar:o(X0,{controller:z,totalRuns:p}),emptyState:o("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No runs yet"})})}import{EmptyState as D2,ErrorState as q2,LoaderBlock as N2,StatCard as g,StatCardGroup as I2}from"@contractspec/lib.design-system";import{useState as E0}from"react";import{jsx as E,jsxs as v0}from"react/jsx-runtime";function b0({agentId:m,onRunClick:p}){let[y,T]=E0([{id:"queuedAt",desc:!0}]),[f,I]=E0({pageIndex:0,pageSize:3}),{data:d,metrics:M,loading:u,error:U,refetch:z}=S({agentId:m,pageIndex:f.pageIndex,pageSize:f.pageSize,sorting:y});if(u&&!d)return E(N2,{label:"Loading runs..."});if(U)return E(q2,{title:"Failed to load runs",description:U.message,onRetry:z,retryLabel:"Retry"});if(!d?.items.length)return E(D2,{title:"No runs yet",description:"Execute an agent to see run history here."});return v0("div",{className:"space-y-6",children:[M?v0(I2,{children:[E(g,{label:"Total Runs",value:M.totalRuns}),E(g,{label:"Success Rate",value:`${(M.successRate*100).toFixed(1)}%`}),E(g,{label:"Total Tokens",value:i(M.totalTokens)}),E(g,{label:"Total Cost",value:`$${M.totalCostUsd.toFixed(2)}`})]}):null,E(k0,{runs:d.items,totalItems:d.total,pageIndex:f.pageIndex,pageSize:f.pageSize,sorting:y,loading:u,onSortingChange:(Z)=>{T(Z),I((R)=>({...R,pageIndex:0}))},onPaginationChange:I,onRunClick:p})]})}import{useTemplateRuntime as M2}from"@contractspec/lib.example-shared-ui";import{useCallback as O2,useEffect as z2,useMemo as U2,useState as a}from"react";function B0(m={}){let{handlers:p,projectId:y}=M2(),{agent:T}=p,[f,I]=a(null),[d,M]=a(!0),[u,U]=a(null),[z,Z]=a(1),R=O2(async()=>{M(!0),U(null);try{let O=await T.listTools({projectId:y,search:m.search,category:m.category,status:m.status==="all"?void 0:m.status,limit:m.limit??50,offset:(z-1)*(m.limit??50)});I(O)}catch(O){U(O instanceof Error?O:Error("Unknown error"))}finally{M(!1)}},[T,y,m.search,m.category,m.status,m.limit,z]);z2(()=>{R()},[R]);let{stats:J,groupedByCategory:D,categoryStats:P}=U2(()=>{if(!f)return{stats:null,groupedByCategory:{},categoryStats:[]};let O=f.items,G=O.filter((H)=>H.status==="ACTIVE").length,A=O.filter((H)=>H.status==="DEPRECATED").length,w=O.filter((H)=>H.status==="DISABLED").length,Q={},k={};O.forEach((H)=>{let F=H.category;if(!Q[F])Q[F]=[];Q[F].push(H),k[F]=(k[F]||0)+1});let O0=Object.entries(k).map(([H,F])=>({category:H,count:F})).sort((H,F)=>F.count-H.count);return{stats:{total:f.total,active:G,deprecated:A,disabled:w,topCategories:O0.slice(0,5)},groupedByCategory:Q,categoryStats:O0}},[f]);return{data:f,loading:d,error:u,stats:J,groupedByCategory:D,categoryStats:P,page:z,refetch:R,nextPage:()=>Z((O)=>O+1),prevPage:()=>z>1&&Z((O)=>O-1)}}import{Button as u2,EmptyState as G2,EntityCard as Q2,ErrorState as K2,LoaderBlock as P2,StatCard as i0,StatCardGroup as R2,StatusChip as Y2}from"@contractspec/lib.design-system";import{jsx as h,jsxs as t}from"react/jsx-runtime";var c0={RETRIEVAL:"\uD83D\uDD0D",COMPUTATION:"\uD83E\uDDEE",COMMUNICATION:"\uD83D\uDCE7",INTEGRATION:"\uD83D\uDD17",UTILITY:"\uD83D\uDEE0\uFE0F",CUSTOM:"\u2699\uFE0F"};function _2(m){switch(m){case"ACTIVE":return"success";case"DRAFT":return"neutral";case"DEPRECATED":return"warning";case"DISABLED":return"danger";default:return"neutral"}}function C0({onToolClick:m,onCreateTool:p}){let{data:y,loading:T,error:f,groupedByCategory:I,categoryStats:d,refetch:M}=B0();if(T&&!y)return h(P2,{label:"Loading tools..."});if(f)return h(K2,{title:"Failed to load tools",description:f.message,onRetry:M,retryLabel:"Retry"});if(!y?.items.length)return h(G2,{title:"No tools registered",description:"Create your first tool to extend agent capabilities.",primaryAction:p?h(u2,{onPress:p,children:"Create Tool"}):void 0});return t("div",{className:"space-y-8",children:[t(R2,{children:[h(i0,{label:"Total Tools",value:y.total}),d.slice(0,3).map(({category:u,count:U})=>h(i0,{label:`${c0[u]??""} ${u}`,value:U},u))]}),Object.entries(I).map(([u,U])=>t("section",{className:"space-y-4",children:[t("div",{className:"flex items-center gap-2",children:[h("span",{className:"text-2xl",children:c0[u]}),h("h3",{className:"font-semibold text-lg",children:u}),h("span",{className:"rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs",children:U.length})]}),h("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:U.map((z)=>h(Q2,{cardTitle:z.name,cardSubtitle:`v${z.version}`,meta:h("p",{className:"text-muted-foreground text-sm",children:z.description}),chips:h(Y2,{tone:_2(z.status),label:z.status}),footer:h("code",{className:"text-muted-foreground text-xs",children:z.name}),onClick:m?()=>m(z.id):void 0},z.id))})]},u))]})}import{Button as M0,StatCard as J2,StatCardGroup as h2}from"@contractspec/lib.design-system";import{useCallback as H2,useMemo as W2,useState as C}from"react";import{jsx as q,jsxs as N}from"react/jsx-runtime";function N1(){let[m,p]=C("runs"),[y,T]=C(!1),[f,I]=C(null),[d,M]=C(!1),[u,U]=C(0),{data:z,metrics:Z,refetch:R}=S(),{refetch:J}=T0(),D=Y0({onSuccess:()=>{J(),R(),U((A)=>A+1)}}),P=H2((A)=>{I(A),M(!0)},[]),O=[{id:"runs",label:"Runs",icon:"\u25B6"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}],G=W2(()=>{if(!Z)return[{label:"Total Runs",value:"-",hint:"Loading..."},{label:"Success Rate",value:"-",hint:""},{label:"Total Tokens",value:"-",hint:""},{label:"Total Cost",value:"-",hint:""}];return[{label:"Total Runs",value:Z.totalRuns.toLocaleString(),hint:`${(Z.successRate*100).toFixed(0)}% success`},{label:"Success Rate",value:`${(Z.successRate*100).toFixed(0)}%`,hint:"of all runs"},{label:"Total Tokens",value:Z.totalTokens>=1e6?`${(Z.totalTokens/1e6).toFixed(1)}M`:`${(Z.totalTokens/1000).toFixed(0)}K`,hint:"This period"},{label:"Total Cost",value:`$${Z.totalCostUsd.toFixed(2)}`,hint:"This period"}]},[Z]);return N("div",{className:"space-y-6",children:[N("div",{className:"flex items-center justify-between",children:[q("h2",{className:"font-bold text-2xl",children:"AI Agent Console"}),N(M0,{onPress:()=>T(!0),children:[q("span",{className:"mr-2",children:"+"})," New Agent"]})]}),q(h2,{children:G.map((A,w)=>q(J2,{label:A.label,value:A.value,hint:A.hint},w))}),q(R0,{runs:z?.items??[]}),q("nav",{className:"flex gap-1 rounded-lg bg-muted p-1",role:"tablist",children:O.map((A)=>N("button",{type:"button",role:"tab","aria-selected":m===A.id,onClick:()=>p(A.id),className:`flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${m===A.id?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:[q("span",{children:A.icon}),A.label]},A.id))}),N("div",{className:"min-h-[400px]",role:"tabpanel",children:[m==="runs"&&q(b0,{},u),m==="agents"&&q($2,{onAgentClick:P},u),m==="tools"&&q(C0,{}),m==="metrics"&&q(F2,{metrics:Z})]}),q(h0,{isOpen:y,onClose:()=>T(!1),onSubmit:async(A)=>{await D.createAgent(A)},isLoading:D.createState.loading}),q(_0,{isOpen:d,agent:f,onClose:()=>{M(!1),I(null)},onActivate:async(A)=>{await D.activateAgent(A)},onPause:async(A)=>{await D.pauseAgent(A)},onArchive:async(A)=>{await D.archiveAgent(A)},onExecute:async(A,w)=>{await D.executeAgent({agentId:A,message:w})},isLoading:D.isLoading})]})}function $2({onAgentClick:m}){let{data:p,loading:y,error:T,stats:f,refetch:I}=T0();if(y&&!p)return q("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading agents..."});if(T)return N("div",{className:"flex h-64 flex-col items-center justify-center text-destructive",children:[N("p",{children:["Failed to load agents: ",T.message]}),q(M0,{variant:"outline",onPress:I,className:"mt-2",children:"Retry"})]});if(!p?.items.length)return N("div",{className:"flex h-64 flex-col items-center justify-center text-muted-foreground",children:[q("p",{className:"font-medium text-lg",children:"No agents yet"}),q("p",{className:"text-sm",children:"Create your first AI agent to get started."})]});return N("div",{className:"space-y-4",children:[f&&N("div",{className:"flex gap-4 text-sm",children:[N("span",{children:["Total: ",f.total]}),N("span",{className:"text-green-600",children:["Active: ",f.active]}),N("span",{className:"text-yellow-600",children:["Paused: ",f.paused]}),N("span",{className:"text-blue-600",children:["Draft: ",f.draft]})]}),q("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:p.items.map((d)=>q(X2,{agent:d,onClick:()=>m(d)},d.id))})]})}function X2({agent:m,onClick:p}){let y={ACTIVE:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",DRAFT:"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",PAUSED:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",ARCHIVED:"bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400"};return N("div",{onClick:p,className:"cursor-pointer rounded-xl border border-border bg-card p-4 transition-all hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(T)=>{if(T.key==="Enter"||T.key===" ")p()},children:[N("div",{className:"flex items-start justify-between",children:[N("div",{className:"min-w-0 flex-1",children:[q("h3",{className:"truncate font-semibold",children:m.name}),N("p",{className:"text-muted-foreground text-sm",children:[m.modelProvider," / ",m.modelName]})]}),q("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${y[m.status]}`,children:m.status})]}),m.description&&q("p",{className:"mt-2 line-clamp-2 text-muted-foreground text-sm",children:m.description}),N("div",{className:"mt-3 flex items-center justify-between",children:[q("span",{className:"text-muted-foreground text-xs",children:m.modelName}),q(M0,{variant:"ghost",size:"sm",onPress:p,children:"Actions"})]})]})}function F2({metrics:m}){if(!m)return q("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading metrics..."});let p=Math.round(m.totalRuns*m.successRate),y=m.totalRuns-p;return N("div",{className:"space-y-6",children:[q("h3",{className:"font-semibold text-lg",children:"Usage Analytics"}),N("div",{className:"grid gap-6 md:grid-cols-2",children:[N("div",{className:"rounded-xl border border-border bg-card p-4",children:[q("h4",{className:"font-medium",children:"Run Outcomes"}),N("div",{className:"mt-4 space-y-3",children:[q(L0,{label:"Completed",value:p,total:m.totalRuns,color:"bg-green-500"}),q(L0,{label:"Failed",value:y,total:m.totalRuns,color:"bg-red-500"})]})]}),N("div",{className:"rounded-xl border border-border bg-card p-4",children:[q("h4",{className:"font-medium",children:"Performance"}),N("dl",{className:"mt-4 grid grid-cols-2 gap-4",children:[N("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Avg Duration"}),N("dd",{className:"font-semibold text-xl",children:[(m.averageDurationMs/1000).toFixed(1),"s"]})]}),N("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Success Rate"}),N("dd",{className:"font-semibold text-xl",children:[(m.successRate*100).toFixed(0),"%"]})]})]})]})]}),N("div",{className:"rounded-xl border border-border bg-card p-4",children:[q("h4",{className:"font-medium",children:"Key Metrics"}),N("dl",{className:"mt-4 grid gap-4 sm:grid-cols-3",children:[N("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Total Runs"}),q("dd",{className:"font-semibold text-2xl",children:m.totalRuns.toLocaleString()})]}),N("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Total Tokens"}),N("dd",{className:"font-semibold text-2xl",children:[(m.totalTokens/1000).toFixed(0),"K"]})]}),N("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Cost per Run"}),N("dd",{className:"font-semibold text-2xl",children:["$",m.totalRuns>0?(m.totalCostUsd/m.totalRuns).toFixed(4):"0"]})]})]})]})]})}function L0({label:m,value:p,total:y,color:T}){let f=y>0?p/y*100:0;return N("div",{children:[N("div",{className:"flex justify-between text-sm",children:[q("span",{children:m}),N("span",{className:"text-muted-foreground",children:[p," (",f.toFixed(0),"%)"]})]}),q("div",{className:"mt-1 h-2 overflow-hidden rounded-full bg-muted",children:q("div",{className:`h-full ${T}`,style:{width:`${f}%`}})})]})}export{N1 as AgentDashboard};

package/dist/ui/AgentDashboard.visualizations.js

@@ -1,2 +1,2 @@
 // @bun
-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};
+import{defineVisualization as o,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=o({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=o({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=o({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."}}}),l=[d,m,c],A=new g([...l]),C=l.map((e)=>({key:e.meta.key,version:e.meta.version}));function p(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function f(e){let r=new Map,n=new Map;for(let t of e)r.set(t.status,(r.get(t.status)??0)+1),n.set(p(t.startedAt??t.queuedAt),(n.get(p(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:d,data:{data:Array.from(r.entries()).map(([t,a])=>({status:t,runs:a}))},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(n.entries()).sort(([t],[a])=>t.localeCompare(a)).map(([t,a])=>({day:t,runs:a}))},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 i,jsxs as y}from"react/jsx-runtime";function G({runs:e}){let r=f(e);return y("section",{className:"space-y-3",children:[y("div",{children:[i("h3",{className:"font-semibold text-lg",children:"Operational Visualizations"}),i("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),i(h,{children:r.map((n)=>i(k,{data:n.data,description:n.description,height:n.height,spec:n.spec,title:n.title},n.key))})]})}export{G as AgentVisualizationOverview};

package/dist/ui/ExecutionConsoleHost.js

@@ -1,2 +1,2 @@
 // @bun
-import{defineVisualization as j,VisualizationRegistry as l0}from"@contractspec/lib.contracts-spec/visualizations";var x={key:"agent.run.list",version:"1.0.0"},s={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},m0=j({meta:{...s,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:x,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."}}}),d0=j({meta:{...s,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:x,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."}}}),p0=j({meta:{...s,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:x,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."}}}),z0=[m0,d0,p0],i2=new l0([...z0]),C2=z0.map((m)=>({key:m.meta.key,version:m.meta.version}));function G0(m){if(!m)return"unknown";return m.toISOString().slice(0,10)}function U0(m){let p=new Map,y=new Map;for(let T of m)p.set(T.status,(p.get(T.status)??0)+1),y.set(G0(T.startedAt??T.queuedAt),(y.get(G0(T.startedAt??T.queuedAt))??0)+1);return[{key:"run-status",spec:m0,data:{data:Array.from(p.entries()).map(([T,f])=>({status:T,runs:f}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d0,data:{data:Array.from(y.entries()).sort(([T],[f])=>T.localeCompare(f)).map(([T,f])=>({day:T,runs:f}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:p0,data:{data:m.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."}]}var Q0=[{id:"agent-1",organizationId:"demo-org",name:"Customer Support Bot",slug:"customer-support-bot",description:"Handles tier-1 customer inquiries and routes complex issues.",status:"ACTIVE",modelProvider:"OPENAI",modelName:"gpt-4o-mini",modelConfig:{temperature:0.7},systemPrompt:"You are a helpful customer support assistant.",toolChoice:"auto",maxIterations:10,timeoutMs:120000,version:"1.0.0",tags:["support","tier-1"],createdAt:new Date("2024-01-15T10:00:00Z"),updatedAt:new Date("2024-03-20T14:30:00Z")},{id:"agent-2",organizationId:"demo-org",name:"Code Review Assistant",slug:"code-review-assistant",description:"Reviews pull requests and provides actionable feedback.",status:"ACTIVE",modelProvider:"ANTHROPIC",modelName:"claude-sonnet-4-20250514",modelConfig:{temperature:0.3},systemPrompt:"You are a code review expert.",toolChoice:"auto",maxIterations:15,timeoutMs:180000,version:"2.1.0",tags:["code","review","dev"],createdAt:new Date("2024-02-10T09:00:00Z"),updatedAt:new Date("2024-04-05T11:15:00Z")},{id:"agent-3",organizationId:"demo-org",name:"Data Analyst",slug:"data-analyst",description:"Queries databases and generates insights from data.",status:"PAUSED",modelProvider:"OPENAI",modelName:"gpt-4o",modelConfig:{temperature:0.5},systemPrompt:"You are a data analyst expert in SQL and analytics.",toolChoice:"required",maxIterations:20,timeoutMs:300000,version:"1.2.0",tags:["data","analytics","sql"],createdAt:new Date("2024-03-01T08:00:00Z"),updatedAt:new Date("2024-04-10T16:45:00Z")},{id:"agent-4",organizationId:"demo-org",name:"Meeting Scheduler",slug:"meeting-scheduler",description:"Schedules meetings and manages calendar conflicts.",status:"DRAFT",modelProvider:"GOOGLE",modelName:"gemini-2.0-flash",modelConfig:{temperature:0.2},systemPrompt:"You help schedule and organize meetings efficiently.",toolChoice:"auto",maxIterations:5,timeoutMs:60000,version:"0.1.0",tags:["calendar","scheduling"],createdAt:new Date("2024-04-01T12:00:00Z"),updatedAt:new Date("2024-04-01T12:00:00Z")}];var R0=[{id:"tool-1",organizationId:"demo-org",name:"Web Search",slug:"web-search",description:"Search the web for real-time information using Brave API.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"Search query"},numResults:{type:"number",default:10}},required:["query"]},outputSchema:{type:"array",items:{type:"object"}},implementationType:"http",implementationConfig:{url:"https://api.brave.com/search",method:"GET"},maxInvocationsPerMinute:60,timeoutMs:30000,version:"1.0.0",tags:["search","web"],createdAt:new Date("2024-01-01T00:00:00Z"),updatedAt:new Date("2024-02-15T10:00:00Z")},{id:"tool-2",organizationId:"demo-org",name:"SQL Query",slug:"sql-query",description:"Execute read-only SQL queries against the data warehouse.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"SQL query"},maxRows:{type:"number",default:100}},required:["query"]},outputSchema:{type:"object"},implementationType:"function",implementationConfig:{handler:"executeSqlQuery"},maxInvocationsPerMinute:30,timeoutMs:60000,version:"1.1.0",tags:["sql","database"],createdAt:new Date("2024-01-05T00:00:00Z"),updatedAt:new Date("2024-03-10T14:00:00Z")},{id:"tool-3",organizationId:"demo-org",name:"Email Sender",slug:"email-sender",description:"Send emails via SMTP or API.",category:"COMMUNICATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{to:{type:"string"},subject:{type:"string"},body:{type:"string"}},required:["to","subject","body"]},implementationType:"http",implementationConfig:{url:"/api/send-email",method:"POST"},maxInvocationsPerMinute:10,timeoutMs:30000,version:"1.0.0",tags:["email","communication"],createdAt:new Date("2024-02-01T00:00:00Z"),updatedAt:new Date("2024-02-01T00:00:00Z")},{id:"tool-4",organizationId:"demo-org",name:"GitHub Integration",slug:"github-integration",description:"Interact with GitHub repositories, PRs, and issues.",category:"INTEGRATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{action:{type:"string",enum:["list_prs","get_pr","create_comment"]},repo:{type:"string"},params:{type:"object"}},required:["action","repo"]},implementationType:"http",implementationConfig:{url:"https://api.github.com",auth:"token"},maxInvocationsPerMinute:100,timeoutMs:15000,version:"2.0.0",tags:["github","integration","code"],createdAt:new Date("2024-02-20T00:00:00Z"),updatedAt:new Date("2024-04-01T09:00:00Z")},{id:"tool-5",organizationId:"demo-org",name:"Calculator",slug:"calculator",description:"Perform mathematical calculations.",category:"COMPUTATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{expression:{type:"string",description:"Math expression to evaluate"}},required:["expression"]},outputSchema:{type:"object",properties:{result:{type:"number"}}},implementationType:"function",implementationConfig:{handler:"evaluateMath"},timeoutMs:5000,version:"1.0.0",tags:["math","utility"],createdAt:new Date("2024-01-10T00:00:00Z"),updatedAt:new Date("2024-01-10T00:00:00Z")}];var K0=[{id:"run-1",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",sessionId:"session-1",input:{message:"How do I reset my password?",context:{}},output:{response:"You can reset your password by clicking..."},status:"COMPLETED",totalTokens:1250,promptTokens:800,completionTokens:450,totalIterations:3,durationMs:4500,estimatedCostUsd:0.0025,queuedAt:new Date("2024-04-15T10:00:00Z"),startedAt:new Date("2024-04-15T10:00:01Z"),completedAt:new Date("2024-04-15T10:00:05Z"),steps:[],logs:[]},{id:"run-2",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #123",context:{prNumber:123}},status:"IN_PROGRESS",totalTokens:3500,promptTokens:3000,completionTokens:500,totalIterations:5,queuedAt:new Date("2024-04-15T10:30:00Z"),startedAt:new Date("2024-04-15T10:30:02Z"),steps:[],logs:[]},{id:"run-3",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",input:{message:"What are your business hours?"},output:{response:"Our business hours are 9 AM to 5 PM EST..."},status:"COMPLETED",totalTokens:800,promptTokens:500,completionTokens:300,totalIterations:2,durationMs:2100,estimatedCostUsd:0.0012,queuedAt:new Date("2024-04-15T09:00:00Z"),startedAt:new Date("2024-04-15T09:00:01Z"),completedAt:new Date("2024-04-15T09:00:03Z"),steps:[],logs:[]},{id:"run-4",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-3",agentName:"Data Analyst",userId:"user-3",input:{message:"Generate sales report for Q1"},status:"FAILED",errorMessage:"Database connection timeout",errorCode:"DB_TIMEOUT",totalTokens:2000,promptTokens:1500,completionTokens:500,totalIterations:8,durationMs:45000,queuedAt:new Date("2024-04-14T15:00:00Z"),startedAt:new Date("2024-04-14T15:00:05Z"),completedAt:new Date("2024-04-14T15:00:50Z"),steps:[],logs:[]},{id:"run-5",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #120"},output:{response:"Code review complete. 3 suggestions..."},status:"COMPLETED",totalTokens:5200,promptTokens:4000,completionTokens:1200,totalIterations:7,durationMs:15000,estimatedCostUsd:0.0156,queuedAt:new Date("2024-04-14T11:00:00Z"),startedAt:new Date("2024-04-14T11:00:03Z"),completedAt:new Date("2024-04-14T11:00:18Z"),steps:[],logs:[]}];import{VisualizationCard as e0,VisualizationGrid as n0}from"@contractspec/lib.design-system";import{jsx as L,jsxs as P0}from"react/jsx-runtime";function Y0({runs:m}){let p=U0(m);return P0("section",{className:"space-y-3",children:[P0("div",{children:[L("h3",{className:"font-semibold text-lg",children:"Operational Visualizations"}),L("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),L(n0,{children:p.map((y)=>L(e0,{data:y.data,description:y.description,height:y.height,spec:y.spec,title:y.title},y.key))})]})}import{useTemplateRuntime as o0}from"@contractspec/lib.example-shared-ui";import{useCallback as g0,useEffect as a0,useMemo as t0,useState as S}from"react";function T0(m={}){let{handlers:p,projectId:y}=o0(),{agent:T}=p,[f,I]=S(null),[d,O]=S(!0),[U,G]=S(null),[z,A]=S(1),Y=g0(async()=>{O(!0),G(null);try{let N=await T.listAgents({projectId:y,search:m.search,status:m.status==="all"?void 0:m.status,limit:m.limit??20,offset:(z-1)*(m.limit??20)});I(N)}catch(N){G(N instanceof Error?N:Error("Unknown error"))}finally{O(!1)}},[T,y,m.search,m.status,m.limit,z]);a0(()=>{Y()},[Y]);let H=t0(()=>{if(!f)return null;return{total:f.total,active:f.items.filter((N)=>N.status==="ACTIVE").length,paused:f.items.filter((N)=>N.status==="PAUSED").length,draft:f.items.filter((N)=>N.status==="DRAFT").length}},[f]);return{data:f,loading:d,error:U,stats:H,page:z,refetch:Y,nextPage:()=>A((N)=>N+1),prevPage:()=>z>1&&A((N)=>N-1)}}import{useTemplateRuntime as s0}from"@contractspec/lib.example-shared-ui";import{useCallback as b,useState as y0}from"react";var f0="demo-org",y1="agent-console-demo";function w1(m){return m.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}function Z1(m){return{...m}}function A1(m){return{...m}}function N1(m){return{...m}}function q1(){let m=0,p=Date.parse("2026-03-20T09:00:00.000Z");return()=>new Date(p+m++*60000)}function j0(m){return m.toLowerCase()}function x0(m){return m==="IN_PROGRESS"?"RUNNING":m}function D1(m,p){let y=Q0.map((d)=>({id:d.id,projectId:m,organizationId:p,name:d.name,slug:d.slug,description:d.description,modelProvider:j0(d.modelProvider),modelName:d.modelName,systemPrompt:d.systemPrompt,temperature:typeof d.modelConfig?.temperature==="number"?d.modelConfig.temperature:0.4,maxTokens:8192,status:d.status,createdAt:d.createdAt,updatedAt:d.updatedAt})),T=R0.map((d)=>({id:d.id,projectId:m,organizationId:p,name:d.name,description:d.description,version:d.version,category:d.category,status:d.status,inputSchema:JSON.stringify(d.parametersSchema),outputSchema:d.outputSchema?JSON.stringify(d.outputSchema):void 0,endpoint:typeof d.implementationConfig?.url==="string"?d.implementationConfig.url:void 0,createdAt:d.createdAt,updatedAt:d.updatedAt})),f=new Map(y.map((d)=>[d.id,d.name])),I=K0.map((d)=>({id:d.id,projectId:m,agentId:d.agentId,agentName:f.get(d.agentId)??d.agentName??"Unknown agent",status:x0(d.status),input:JSON.stringify(d.input),output:d.output?JSON.stringify(d.output):void 0,totalTokens:d.totalTokens,promptTokens:d.promptTokens,completionTokens:d.completionTokens,estimatedCostUsd:d.estimatedCostUsd??0,durationMs:d.durationMs,errorMessage:d.errorMessage,queuedAt:d.queuedAt,startedAt:d.startedAt,completedAt:d.completedAt}));return{agents:y,tools:T,runs:I}}function I1(m){let p=m.length,y=m.filter((f)=>f.status==="COMPLETED").length,T=m.map((f)=>f.durationMs).filter((f)=>typeof f==="number");return{totalRuns:p,successRate:p===0?0:y/p,averageDurationMs:T.length===0?0:Math.round(T.reduce((f,I)=>f+I,0)/T.length),totalTokens:m.reduce((f,I)=>f+I.totalTokens,0),totalCostUsd:m.reduce((f,I)=>f+I.estimatedCostUsd,0)}}function w0(m,p){return m instanceof Error?m:Error(p)}function _0(m={}){let{handlers:p,projectId:y}=s0(),{agent:T}=p,[f,I]=y0({loading:!1,error:null,data:null}),[d,O]=y0({loading:!1,error:null,data:null}),[U,G]=y0({loading:!1,error:null,data:null}),z=b(async(M)=>{I({loading:!0,error:null,data:null});try{let Q=await T.createAgent(M,{projectId:y,organizationId:f0});return I({loading:!1,error:null,data:Q}),m.onSuccess?.(),Q}catch(Q){let Z=w0(Q,"Failed to create agent");throw I({loading:!1,error:Z,data:null}),m.onError?.(Z),Z}},[T,y,m]),A=b(async(M)=>{O({loading:!0,error:null,data:null});try{let Q=await T.updateAgent(M);return O({loading:!1,error:null,data:Q}),m.onSuccess?.(),Q}catch(Q){let Z=w0(Q,"Failed to update agent");throw O({loading:!1,error:Z,data:null}),m.onError?.(Z),Z}},[T,m]),Y=b(async(M)=>{return A({id:M,status:"ACTIVE"})},[A]),H=b(async(M)=>{return A({id:M,status:"PAUSED"})},[A]),N=b(async(M)=>{return A({id:M,status:"ARCHIVED"})},[A]),P=b(async(M)=>{G({loading:!0,error:null,data:null});try{let Q=await T.executeAgent({agentId:M.agentId,message:M.message,context:{projectId:y,organizationId:f0}});return G({loading:!1,error:null,data:Q}),m.onSuccess?.(),Q}catch(Q){let Z=w0(Q,"Failed to execute agent");throw G({loading:!1,error:Z,data:null}),m.onError?.(Z),Z}},[T,y,m]);return{createAgent:z,updateAgent:A,activateAgent:Y,pauseAgent:H,archiveAgent:N,executeAgent:P,createState:f,updateState:d,executeState:U,isLoading:f.loading||d.loading||U.loading}}import{useTemplateRuntime as m2}from"@contractspec/lib.example-shared-ui";import{useCallback as d2,useEffect as p2,useState as C}from"react";function r(m={}){let{handlers:p,projectId:y}=m2(),{agent:T}=p,[f,I]=C(null),[d,O]=C(null),[U,G]=C(!0),[z,A]=C(null),[Y,H]=C(0),N=m.pageSize??m.limit??20,P=m.pageIndex??Y,[M]=m.sorting??[],Q=d2(async()=>{G(!0),A(null);try{let[w,R]=await Promise.all([T.listRuns({projectId:y,agentId:m.agentId,status:m.status==="all"?void 0:m.status,sortBy:M?.id,sortDirection:M?M.desc?"desc":"asc":void 0,limit:N,offset:P*N}),T.getRunMetrics({projectId:y,agentId:m.agentId})]);I(w),O(R)}catch(w){A(w instanceof Error?w:Error("Unknown error"))}finally{G(!1)}},[T,P,N,y,m.agentId,m.status,M?.desc,M?.id]);p2(()=>{Q()},[Q]);let Z=m.pageIndex!==void 0;return{data:f,metrics:d,loading:U,error:z,page:P+1,pageIndex:P,pageSize:N,refetch:Q,nextPage:Z?void 0:()=>H((w)=>w+1),prevPage:Z?void 0:()=>H((w)=>Math.max(0,w-1))}}import{Button as u}from"@contractspec/lib.design-system";import{useState as l}from"react";import{jsx as K,jsxs as J}from"react/jsx-runtime";function T2(m){switch(m){case"ACTIVE":return"text-green-600 bg-green-100 dark:text-green-400 dark:bg-green-900/30";case"DRAFT":return"text-blue-600 bg-blue-100 dark:text-blue-400 dark:bg-blue-900/30";case"PAUSED":return"text-yellow-600 bg-yellow-100 dark:text-yellow-400 dark:bg-yellow-900/30";case"ARCHIVED":return"text-gray-600 bg-gray-100 dark:text-gray-400 dark:bg-gray-700";default:return"text-gray-600 bg-gray-100"}}function J0({isOpen:m,agent:p,onClose:y,onActivate:T,onPause:f,onArchive:I,onExecute:d,isLoading:O=!1}){let[U,G]=l("menu"),[z,A]=l(""),[Y,H]=l(null),[N,P]=l(null),M=()=>{G("menu"),A(""),H(null),P(null)},Q=()=>{M(),y()},Z=async()=>{if(!p)return;if(P(null),!z.trim()){P("Please enter a message");return}try{await d(p.id,z.trim()),Q()}catch(R){P(R instanceof Error?R.message:"Failed to execute agent")}},w=async(R)=>{if(!p)return;P(null);try{switch(R){case"activate":await T(p.id);break;case"pause":await f(p.id);break;case"archive":await I(p.id);break}Q()}catch(k){P(k instanceof Error?k.message:`Failed to ${R} agent`)}};if(!m||!p)return null;return J("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[K("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:Q,role:"button",tabIndex:0,onKeyDown:(R)=>{if(R.key==="Enter"||R.key===" ")Q()},"aria-label":"Close modal"}),J("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[J("div",{className:"mb-4 border-border border-b pb-4",children:[K("h2",{className:"font-semibold text-xl",children:p.name}),J("div",{className:"mt-1 flex items-center gap-2",children:[J("span",{className:"text-muted-foreground text-sm",children:[p.modelProvider," / ",p.modelName]}),K("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${T2(p.status)}`,children:p.status})]}),p.description&&K("p",{className:"mt-2 text-muted-foreground text-sm",children:p.description})]}),U==="menu"&&J("div",{className:"space-y-3",children:[p.status==="ACTIVE"&&J(u,{className:"w-full justify-start",variant:"ghost",onPress:()=>G("execute"),children:[K("span",{className:"mr-2",children:"\u25B6\uFE0F"})," Execute Agent"]}),(p.status==="DRAFT"||p.status==="PAUSED")&&J(u,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("activate"),disabled:O,children:[K("span",{className:"mr-2",children:"\uD83D\uDFE2"})," Activate Agent"]}),p.status==="ACTIVE"&&J(u,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("pause"),disabled:O,children:[K("span",{className:"mr-2",children:"\u23F8\uFE0F"})," Pause Agent"]}),p.status!=="ARCHIVED"&&J(u,{className:"w-full justify-start text-yellow-600 hover:text-yellow-700",variant:"ghost",onPress:()=>{H("archive"),G("confirm")},children:[K("span",{className:"mr-2",children:"\uD83D\uDCE6"})," Archive Agent"]}),p.status==="ARCHIVED"&&J(u,{className:"w-full justify-start",variant:"ghost",onPress:()=>w("activate"),disabled:O,children:[K("span",{className:"mr-2",children:"\uD83D\uDD04"})," Restore Agent"]}),N&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:N}),K("div",{className:"border-border border-t pt-3",children:K(u,{className:"w-full",variant:"outline",onPress:Q,children:"Close"})})]}),U==="execute"&&J("div",{className:"space-y-4",children:[J("div",{children:[K("label",{htmlFor:"execute-message",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Message *"}),K("textarea",{id:"execute-message",value:z,onChange:(R)=>A(R.target.value),placeholder:"Enter your message to the agent...",rows:4,disabled:O,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),N&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:N}),J("div",{className:"flex justify-end gap-3 pt-2",children:[K(u,{variant:"ghost",onPress:()=>G("menu"),disabled:O,children:"Back"}),K(u,{onPress:Z,disabled:O,children:O?"Executing...":"\u25B6\uFE0F Execute"})]})]}),U==="confirm"&&Y==="archive"&&J("div",{className:"space-y-4",children:[J("p",{className:"text-muted-foreground",children:["Are you sure you want to archive"," ",K("span",{className:"font-medium text-foreground",children:p.name}),"?"]}),K("p",{className:"text-muted-foreground text-sm",children:"Archived agents cannot be executed but can be restored later."}),N&&K("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:N}),J("div",{className:"flex justify-end gap-3 pt-2",children:[K(u,{variant:"ghost",onPress:()=>G("menu"),disabled:O,children:"Cancel"}),K(u,{onPress:()=>w("archive"),disabled:O,children:O?"Archiving...":"\uD83D\uDCE6 Archive"})]})]})]})]})}import{Button as H0,Input as f2}from"@contractspec/lib.design-system";import{useState as B}from"react";import{jsx as _,jsxs as X}from"react/jsx-runtime";var Z0=[{value:"openai",label:"OpenAI",models:["gpt-5.4","gpt-5-mini","gpt-4o","gpt-4-turbo","gpt-3.5-turbo"]},{value:"anthropic",label:"Anthropic",models:["claude-sonnet-4-6","claude-opus-4-6","claude-haiku-4-5"]},{value:"google",label:"Google",models:["gemini-2.5-flash","gemini-2.5-pro","gemini-pro","gemini-ultra"]},{value:"mistral",label:"Mistral",models:["mistral-large-2512","mistral-large-latest","mistral-medium-latest","mistral-small-latest"]}];function h0({isOpen:m,onClose:p,onSubmit:y,isLoading:T=!1}){let[f,I]=B(""),[d,O]=B(""),[U,G]=B("openai"),[z,A]=B("gpt-5.4"),[Y,H]=B(""),[N,P]=B(null),M=Z0.find((w)=>w.value===U),Q=async(w)=>{if(w.preventDefault(),P(null),!f.trim()){P("Agent name is required");return}try{await y({name:f.trim(),description:d.trim()||void 0,modelProvider:U,modelName:z,systemPrompt:Y.trim()||void 0}),I(""),O(""),G("openai"),A("gpt-5.4"),H(""),p()}catch(R){P(R instanceof Error?R.message:"Failed to create agent")}},Z=(w)=>{G(w);let R=Z0.find((k)=>k.value===w);if(R)A(R.models[0])};if(!m)return null;return X("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[_("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:p,role:"button",tabIndex:0,onKeyDown:(w)=>{if(w.key==="Enter"||w.key===" ")p()},"aria-label":"Close modal"}),X("div",{className:"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-xl border border-border bg-card p-6 shadow-xl",children:[_("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Agent"}),X("form",{onSubmit:Q,className:"space-y-4",children:[X("div",{children:[_("label",{htmlFor:"agent-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Agent Name *"}),_(f2,{id:"agent-name",value:f,onChange:(w)=>I(w.target.value),placeholder:"e.g., Customer Support Bot",disabled:T})]}),X("div",{children:[_("label",{htmlFor:"agent-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),_("textarea",{id:"agent-description",value:d,onChange:(w)=>O(w.target.value),placeholder:"Describe what this agent does...",rows:2,disabled:T,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"})]}),X("div",{className:"flex gap-3",children:[X("div",{className:"flex-1",children:[_("label",{htmlFor:"model-provider",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Provider *"}),_("select",{id:"model-provider",value:U,onChange:(w)=>Z(w.target.value),disabled:T,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:Z0.map((w)=>_("option",{value:w.value,children:w.label},w.value))})]}),X("div",{className:"flex-1",children:[_("label",{htmlFor:"model-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Model *"}),_("select",{id:"model-name",value:z,onChange:(w)=>A(w.target.value),disabled:T,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:M?.models.map((w)=>_("option",{value:w,children:w},w))})]})]}),X("div",{children:[_("label",{htmlFor:"system-prompt",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"System Prompt"}),_("textarea",{id:"system-prompt",value:Y,onChange:(w)=>H(w.target.value),placeholder:"You are a helpful assistant that...",rows:4,disabled:T,className:"w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"}),_("p",{className:"mt-1 text-muted-foreground text-xs",children:"Instructions that define the agent's behavior"})]}),N&&_("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:N}),X("div",{className:"flex justify-end gap-3 pt-2",children:[_(H0,{type:"button",variant:"ghost",onPress:p,disabled:T,children:"Cancel"}),_(H0,{type:"submit",disabled:T,children:T?"Creating...":"Create Agent"})]})]})]})]})}import{Button as e,StatusChip as y2}from"@contractspec/lib.design-system";import{HStack as N0,VStack as A0}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as v}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as V,jsxs as $}from"react/jsx-runtime";function q0(m){switch(m){case"COMPLETED":return"success";case"RUNNING":return"warning";case"QUEUED":return"neutral";case"FAILED":case"CANCELLED":return"danger";default:return"neutral"}}function D0(m){if(!m)return"-";if(m<1000)return`${m}ms`;if(m<60000)return`${(m/1000).toFixed(1)}s`;return`${(m/60000).toFixed(1)}m`}function i(m){if(m<1000)return m.toString();if(m<1e6)return`${(m/1000).toFixed(1)}K`;return`${(m/1e6).toFixed(2)}M`}function $0(m){if(!m)return"-";return`$${m.toFixed(4)}`}function W0(m){return JSON.stringify(m??null,null,2)}function u0({run:m}){return $(A0,{gap:"sm",className:"py-2",children:[$(N0,{justify:"between",className:"flex-wrap",children:[V(y2,{tone:q0(m.status),label:m.status}),$(v,{className:"text-muted-foreground text-sm",children:["Queued ",m.queuedAt.toLocaleString()]})]}),$(N0,{gap:"lg",className:"flex-wrap",children:[$(v,{className:"text-muted-foreground text-sm",children:["Prompt ",i(m.promptTokens)]}),$(v,{className:"text-muted-foreground text-sm",children:["Completion ",i(m.completionTokens)]}),$(v,{className:"text-muted-foreground text-sm",children:["Duration ",D0(m.durationMs)]})]}),$(A0,{gap:"xs",children:[V(v,{className:"font-medium text-sm",children:"Input"}),V("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:W0(m.input)})]}),$(A0,{gap:"xs",children:[V(v,{className:"font-medium text-sm",children:"Output"}),V("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:W0(m.output??m.errorMessage??"Pending")})]})]})}function X0({controller:m,totalRuns:p}){let y=m.rows[0],T=m.columns.find((d)=>d.id==="queuedAt"),f=m.columns.find((d)=>d.id==="durationMs"),I=m.columns.find((d)=>d.id==="estimatedCostUsd");return $(N0,{gap:"sm",className:"flex-wrap",children:[$(v,{className:"text-muted-foreground text-sm",children:[p," runs"]}),V(e,{variant:"outline",size:"sm",onPress:()=>y?.toggleExpanded?.(!y?.isExpanded),children:"Expand Latest Run"}),V(e,{variant:"outline",size:"sm",onPress:()=>T?.toggleVisibility?.(!T?.visible),children:T?.visible?"Hide Time":"Show Time"}),V(e,{variant:"outline",size:"sm",onPress:()=>f?.toggleVisibility?.(!f?.visible),children:f?.visible?"Hide Duration":"Show Duration"}),V(e,{variant:"outline",size:"sm",onPress:()=>I?.toggleVisibility?.(!I?.visible),children:I?.visible?"Hide Cost":"Show Cost"})]})}import{StatusChip as w2}from"@contractspec/lib.design-system";import{VStack as Z2}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as I0}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as n,jsxs as A2}from"react/jsx-runtime";function F0(){return[{id:"queuedAt",header:"Run",label:"Run",accessor:(m)=>m.queuedAt.getTime(),cell:({item:m})=>A2(Z2,{gap:"xs",children:[n(I0,{className:"font-mono text-sm",children:m.id.slice(-8)}),n(I0,{className:"text-muted-foreground text-xs",children:m.queuedAt.toLocaleString()})]}),size:220,minSize:180,canSort:!0,canHide:!0,canResize:!0},{id:"agentName",header:"Agent",label:"Agent",accessor:(m)=>m.agentName??"Unknown Agent",cell:({value:m})=>n(I0,{className:"font-medium",children:typeof m==="string"?m:"Unknown Agent"}),size:220,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:m})=>{let p=typeof m==="string"?m:"QUEUED";return n(w2,{tone:q0(p),label:p})},size:150,canSort:!0,canResize:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:m})=>i(Number(m??0)),align:"right",size:140,canSort:!0,canResize:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:m})=>D0(typeof m==="number"?m:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0},{id:"estimatedCostUsd",header:"Cost",label:"Cost",accessorKey:"estimatedCostUsd",cell:({value:m})=>$0(typeof m==="number"?m:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0}]}import{DataTable as N2}from"@contractspec/lib.design-system";import{useContractTable as q2}from"@contractspec/lib.presentation-runtime-react";import*as V0 from"react";import{jsx as o}from"react/jsx-runtime";function k0({runs:m,totalItems:p,pageIndex:y,pageSize:T,sorting:f,loading:I,onSortingChange:d,onPaginationChange:O,onRunClick:U}){let G=V0.useMemo(()=>F0(),[]),z=q2({data:m,columns:G,executionMode:"server",totalItems:p,state:{sorting:f,pagination:{pageIndex:y,pageSize:T}},onSortingChange:d,onPaginationChange:O,initialState:{columnVisibility:{estimatedCostUsd:!1}},getRowId:(A)=>A.id,renderExpandedContent:(A)=>o(u0,{run:A}),getCanExpand:()=>!0});return o(N2,{controller:z,title:"Run History",description:"Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",loading:I,onRowPress:(A)=>U?.(A.id),toolbar:o(X0,{controller:z,totalRuns:p}),emptyState:o("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No runs yet"})})}import{EmptyState as D2,ErrorState as I2,LoaderBlock as O2,StatCard as g,StatCardGroup as M2}from"@contractspec/lib.design-system";import{useState as E0}from"react";import{jsx as E,jsxs as v0}from"react/jsx-runtime";function b0({agentId:m,onRunClick:p}){let[y,T]=E0([{id:"queuedAt",desc:!0}]),[f,I]=E0({pageIndex:0,pageSize:3}),{data:d,metrics:O,loading:U,error:G,refetch:z}=r({agentId:m,pageIndex:f.pageIndex,pageSize:f.pageSize,sorting:y});if(U&&!d)return E(O2,{label:"Loading runs..."});if(G)return E(I2,{title:"Failed to load runs",description:G.message,onRetry:z,retryLabel:"Retry"});if(!d?.items.length)return E(D2,{title:"No runs yet",description:"Execute an agent to see run history here."});return v0("div",{className:"space-y-6",children:[O?v0(M2,{children:[E(g,{label:"Total Runs",value:O.totalRuns}),E(g,{label:"Success Rate",value:`${(O.successRate*100).toFixed(1)}%`}),E(g,{label:"Total Tokens",value:i(O.totalTokens)}),E(g,{label:"Total Cost",value:`$${O.totalCostUsd.toFixed(2)}`})]}):null,E(k0,{runs:d.items,totalItems:d.total,pageIndex:f.pageIndex,pageSize:f.pageSize,sorting:y,loading:U,onSortingChange:(A)=>{T(A),I((Y)=>({...Y,pageIndex:0}))},onPaginationChange:I,onRunClick:p})]})}import{useTemplateRuntime as z2}from"@contractspec/lib.example-shared-ui";import{useCallback as G2,useEffect as U2,useMemo as Q2,useState as a}from"react";function B0(m={}){let{handlers:p,projectId:y}=z2(),{agent:T}=p,[f,I]=a(null),[d,O]=a(!0),[U,G]=a(null),[z,A]=a(1),Y=G2(async()=>{O(!0),G(null);try{let M=await T.listTools({projectId:y,search:m.search,category:m.category,status:m.status==="all"?void 0:m.status,limit:m.limit??50,offset:(z-1)*(m.limit??50)});I(M)}catch(M){G(M instanceof Error?M:Error("Unknown error"))}finally{O(!1)}},[T,y,m.search,m.category,m.status,m.limit,z]);U2(()=>{Y()},[Y]);let{stats:H,groupedByCategory:N,categoryStats:P}=Q2(()=>{if(!f)return{stats:null,groupedByCategory:{},categoryStats:[]};let M=f.items,Q=M.filter((W)=>W.status==="ACTIVE").length,Z=M.filter((W)=>W.status==="DEPRECATED").length,w=M.filter((W)=>W.status==="DISABLED").length,R={},k={};M.forEach((W)=>{let F=W.category;if(!R[F])R[F]=[];R[F].push(W),k[F]=(k[F]||0)+1});let M0=Object.entries(k).map(([W,F])=>({category:W,count:F})).sort((W,F)=>F.count-W.count);return{stats:{total:f.total,active:Q,deprecated:Z,disabled:w,topCategories:M0.slice(0,5)},groupedByCategory:R,categoryStats:M0}},[f]);return{data:f,loading:d,error:U,stats:H,groupedByCategory:N,categoryStats:P,page:z,refetch:Y,nextPage:()=>A((M)=>M+1),prevPage:()=>z>1&&A((M)=>M-1)}}import{Button as R2,EmptyState as K2,EntityCard as P2,ErrorState as Y2,LoaderBlock as _2,StatCard as i0,StatCardGroup as J2,StatusChip as H2}from"@contractspec/lib.design-system";import{jsx as h,jsxs as t}from"react/jsx-runtime";var C0={RETRIEVAL:"\uD83D\uDD0D",COMPUTATION:"\uD83E\uDDEE",COMMUNICATION:"\uD83D\uDCE7",INTEGRATION:"\uD83D\uDD17",UTILITY:"\uD83D\uDEE0\uFE0F",CUSTOM:"\u2699\uFE0F"};function h2(m){switch(m){case"ACTIVE":return"success";case"DRAFT":return"neutral";case"DEPRECATED":return"warning";case"DISABLED":return"danger";default:return"neutral"}}function c0({onToolClick:m,onCreateTool:p}){let{data:y,loading:T,error:f,groupedByCategory:I,categoryStats:d,refetch:O}=B0();if(T&&!y)return h(_2,{label:"Loading tools..."});if(f)return h(Y2,{title:"Failed to load tools",description:f.message,onRetry:O,retryLabel:"Retry"});if(!y?.items.length)return h(K2,{title:"No tools registered",description:"Create your first tool to extend agent capabilities.",primaryAction:p?h(R2,{onPress:p,children:"Create Tool"}):void 0});return t("div",{className:"space-y-8",children:[t(J2,{children:[h(i0,{label:"Total Tools",value:y.total}),d.slice(0,3).map(({category:U,count:G})=>h(i0,{label:`${C0[U]??""} ${U}`,value:G},U))]}),Object.entries(I).map(([U,G])=>t("section",{className:"space-y-4",children:[t("div",{className:"flex items-center gap-2",children:[h("span",{className:"text-2xl",children:C0[U]}),h("h3",{className:"font-semibold text-lg",children:U}),h("span",{className:"rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs",children:G.length})]}),h("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:G.map((z)=>h(P2,{cardTitle:z.name,cardSubtitle:`v${z.version}`,meta:h("p",{className:"text-muted-foreground text-sm",children:z.description}),chips:h(H2,{tone:h2(z.status),label:z.status}),footer:h("code",{className:"text-muted-foreground text-xs",children:z.name}),onClick:m?()=>m(z.id):void 0},z.id))})]},U))]})}import{Button as O0,StatCard as W2,StatCardGroup as $2}from"@contractspec/lib.design-system";import{useCallback as u2,useMemo as X2,useState as c}from"react";import{jsx as q,jsxs as D}from"react/jsx-runtime";function S0(){let[m,p]=c("runs"),[y,T]=c(!1),[f,I]=c(null),[d,O]=c(!1),[U,G]=c(0),{data:z,metrics:A,refetch:Y}=r(),{refetch:H}=T0(),N=_0({onSuccess:()=>{H(),Y(),G((Z)=>Z+1)}}),P=u2((Z)=>{I(Z),O(!0)},[]),M=[{id:"runs",label:"Runs",icon:"\u25B6"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}],Q=X2(()=>{if(!A)return[{label:"Total Runs",value:"-",hint:"Loading..."},{label:"Success Rate",value:"-",hint:""},{label:"Total Tokens",value:"-",hint:""},{label:"Total Cost",value:"-",hint:""}];return[{label:"Total Runs",value:A.totalRuns.toLocaleString(),hint:`${(A.successRate*100).toFixed(0)}% success`},{label:"Success Rate",value:`${(A.successRate*100).toFixed(0)}%`,hint:"of all runs"},{label:"Total Tokens",value:A.totalTokens>=1e6?`${(A.totalTokens/1e6).toFixed(1)}M`:`${(A.totalTokens/1000).toFixed(0)}K`,hint:"This period"},{label:"Total Cost",value:`$${A.totalCostUsd.toFixed(2)}`,hint:"This period"}]},[A]);return D("div",{className:"space-y-6",children:[D("div",{className:"flex items-center justify-between",children:[q("h2",{className:"font-bold text-2xl",children:"AI Agent Console"}),D(O0,{onPress:()=>T(!0),children:[q("span",{className:"mr-2",children:"+"})," New Agent"]})]}),q($2,{children:Q.map((Z,w)=>q(W2,{label:Z.label,value:Z.value,hint:Z.hint},w))}),q(Y0,{runs:z?.items??[]}),q("nav",{className:"flex gap-1 rounded-lg bg-muted p-1",role:"tablist",children:M.map((Z)=>D("button",{type:"button",role:"tab","aria-selected":m===Z.id,onClick:()=>p(Z.id),className:`flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${m===Z.id?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:[q("span",{children:Z.icon}),Z.label]},Z.id))}),D("div",{className:"min-h-[400px]",role:"tabpanel",children:[m==="runs"&&q(b0,{},U),m==="agents"&&q(F2,{onAgentClick:P},U),m==="tools"&&q(c0,{}),m==="metrics"&&q(k2,{metrics:A})]}),q(h0,{isOpen:y,onClose:()=>T(!1),onSubmit:async(Z)=>{await N.createAgent(Z)},isLoading:N.createState.loading}),q(J0,{isOpen:d,agent:f,onClose:()=>{O(!1),I(null)},onActivate:async(Z)=>{await N.activateAgent(Z)},onPause:async(Z)=>{await N.pauseAgent(Z)},onArchive:async(Z)=>{await N.archiveAgent(Z)},onExecute:async(Z,w)=>{await N.executeAgent({agentId:Z,message:w})},isLoading:N.isLoading})]})}function F2({onAgentClick:m}){let{data:p,loading:y,error:T,stats:f,refetch:I}=T0();if(y&&!p)return q("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading agents..."});if(T)return D("div",{className:"flex h-64 flex-col items-center justify-center text-destructive",children:[D("p",{children:["Failed to load agents: ",T.message]}),q(O0,{variant:"outline",onPress:I,className:"mt-2",children:"Retry"})]});if(!p?.items.length)return D("div",{className:"flex h-64 flex-col items-center justify-center text-muted-foreground",children:[q("p",{className:"font-medium text-lg",children:"No agents yet"}),q("p",{className:"text-sm",children:"Create your first AI agent to get started."})]});return D("div",{className:"space-y-4",children:[f&&D("div",{className:"flex gap-4 text-sm",children:[D("span",{children:["Total: ",f.total]}),D("span",{className:"text-green-600",children:["Active: ",f.active]}),D("span",{className:"text-yellow-600",children:["Paused: ",f.paused]}),D("span",{className:"text-blue-600",children:["Draft: ",f.draft]})]}),q("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:p.items.map((d)=>q(V2,{agent:d,onClick:()=>m(d)},d.id))})]})}function V2({agent:m,onClick:p}){let y={ACTIVE:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",DRAFT:"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",PAUSED:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",ARCHIVED:"bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400"};return D("div",{onClick:p,className:"cursor-pointer rounded-xl border border-border bg-card p-4 transition-all hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(T)=>{if(T.key==="Enter"||T.key===" ")p()},children:[D("div",{className:"flex items-start justify-between",children:[D("div",{className:"min-w-0 flex-1",children:[q("h3",{className:"truncate font-semibold",children:m.name}),D("p",{className:"text-muted-foreground text-sm",children:[m.modelProvider," / ",m.modelName]})]}),q("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${y[m.status]}`,children:m.status})]}),m.description&&q("p",{className:"mt-2 line-clamp-2 text-muted-foreground text-sm",children:m.description}),D("div",{className:"mt-3 flex items-center justify-between",children:[q("span",{className:"text-muted-foreground text-xs",children:m.modelName}),q(O0,{variant:"ghost",size:"sm",onPress:p,children:"Actions"})]})]})}function k2({metrics:m}){if(!m)return q("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading metrics..."});let p=Math.round(m.totalRuns*m.successRate),y=m.totalRuns-p;return D("div",{className:"space-y-6",children:[q("h3",{className:"font-semibold text-lg",children:"Usage Analytics"}),D("div",{className:"grid gap-6 md:grid-cols-2",children:[D("div",{className:"rounded-xl border border-border bg-card p-4",children:[q("h4",{className:"font-medium",children:"Run Outcomes"}),D("div",{className:"mt-4 space-y-3",children:[q(L0,{label:"Completed",value:p,total:m.totalRuns,color:"bg-green-500"}),q(L0,{label:"Failed",value:y,total:m.totalRuns,color:"bg-red-500"})]})]}),D("div",{className:"rounded-xl border border-border bg-card p-4",children:[q("h4",{className:"font-medium",children:"Performance"}),D("dl",{className:"mt-4 grid grid-cols-2 gap-4",children:[D("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Avg Duration"}),D("dd",{className:"font-semibold text-xl",children:[(m.averageDurationMs/1000).toFixed(1),"s"]})]}),D("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Success Rate"}),D("dd",{className:"font-semibold text-xl",children:[(m.successRate*100).toFixed(0),"%"]})]})]})]})]}),D("div",{className:"rounded-xl border border-border bg-card p-4",children:[q("h4",{className:"font-medium",children:"Key Metrics"}),D("dl",{className:"mt-4 grid gap-4 sm:grid-cols-3",children:[D("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Total Runs"}),q("dd",{className:"font-semibold text-2xl",children:m.totalRuns.toLocaleString()})]}),D("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Total Tokens"}),D("dd",{className:"font-semibold text-2xl",children:[(m.totalTokens/1000).toFixed(0),"K"]})]}),D("div",{children:[q("dt",{className:"text-muted-foreground text-sm",children:"Cost per Run"}),D("dd",{className:"font-semibold text-2xl",children:["$",m.totalRuns>0?(m.totalCostUsd/m.totalRuns).toFixed(4):"0"]})]})]})]})]})}function L0({label:m,value:p,total:y,color:T}){let f=y>0?p/y*100:0;return D("div",{children:[D("div",{className:"flex justify-between text-sm",children:[q("span",{children:m}),D("span",{className:"text-muted-foreground",children:[p," (",f.toFixed(0),"%)"]})]}),q("div",{className:"mt-1 h-2 overflow-hidden rounded-full bg-muted",children:q("div",{className:`h-full ${T}`,style:{width:`${f}%`}})})]})}import{VStack as E2}from"@contractspec/lib.ui-kit-web/ui/stack";import{ExecutionLaneConsoleDemo as v2}from"@contractspec/module.execution-console";import{jsx as r0,jsxs as b2}from"react/jsx-runtime";function Pm(){return b2(E2,{gap:"xl",align:"stretch",children:[r0(S0,{}),r0(v2,{})]})}export{Pm as ExecutionConsoleHost};
+import{defineVisualization as D,VisualizationRegistry as H}from"@contractspec/lib.contracts-spec/visualizations";var M={key:"agent.run.list",version:"1.0.0"},b={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},P=D({meta:{...b,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:M,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."}}}),Z=D({meta:{...b,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:M,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."}}}),O=D({meta:{...b,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:M,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."}}}),v=[P,Z,O],Te=new H([...v]),we=v.map((e)=>({key:e.meta.key,version:e.meta.version}));function E(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function R(e){let o=new Map,s=new Map;for(let t of e)o.set(t.status,(o.get(t.status)??0)+1),s.set(E(t.startedAt??t.queuedAt),(s.get(E(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:P,data:{data:Array.from(o.entries()).map(([t,a])=>({status:t,runs:a}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:Z,data:{data:Array.from(s.entries()).sort(([t],[a])=>t.localeCompare(a)).map(([t,a])=>({day:t,runs:a}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:O,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."}]}var S=[{id:"agent-1",organizationId:"demo-org",name:"Customer Support Bot",slug:"customer-support-bot",description:"Handles tier-1 customer inquiries and routes complex issues.",status:"ACTIVE",modelProvider:"OPENAI",modelName:"gpt-4o-mini",modelConfig:{temperature:0.7},systemPrompt:"You are a helpful customer support assistant.",toolChoice:"auto",maxIterations:10,timeoutMs:120000,version:"1.0.0",tags:["support","tier-1"],createdAt:new Date("2024-01-15T10:00:00Z"),updatedAt:new Date("2024-03-20T14:30:00Z")},{id:"agent-2",organizationId:"demo-org",name:"Code Review Assistant",slug:"code-review-assistant",description:"Reviews pull requests and provides actionable feedback.",status:"ACTIVE",modelProvider:"ANTHROPIC",modelName:"claude-sonnet-4-20250514",modelConfig:{temperature:0.3},systemPrompt:"You are a code review expert.",toolChoice:"auto",maxIterations:15,timeoutMs:180000,version:"2.1.0",tags:["code","review","dev"],createdAt:new Date("2024-02-10T09:00:00Z"),updatedAt:new Date("2024-04-05T11:15:00Z")},{id:"agent-3",organizationId:"demo-org",name:"Data Analyst",slug:"data-analyst",description:"Queries databases and generates insights from data.",status:"PAUSED",modelProvider:"OPENAI",modelName:"gpt-4o",modelConfig:{temperature:0.5},systemPrompt:"You are a data analyst expert in SQL and analytics.",toolChoice:"required",maxIterations:20,timeoutMs:300000,version:"1.2.0",tags:["data","analytics","sql"],createdAt:new Date("2024-03-01T08:00:00Z"),updatedAt:new Date("2024-04-10T16:45:00Z")},{id:"agent-4",organizationId:"demo-org",name:"Meeting Scheduler",slug:"meeting-scheduler",description:"Schedules meetings and manages calendar conflicts.",status:"DRAFT",modelProvider:"GOOGLE",modelName:"gemini-2.0-flash",modelConfig:{temperature:0.2},systemPrompt:"You help schedule and organize meetings efficiently.",toolChoice:"auto",maxIterations:5,timeoutMs:60000,version:"0.1.0",tags:["calendar","scheduling"],createdAt:new Date("2024-04-01T12:00:00Z"),updatedAt:new Date("2024-04-01T12:00:00Z")}];var N=[{id:"tool-1",organizationId:"demo-org",name:"Web Search",slug:"web-search",description:"Search the web for real-time information using Brave API.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"Search query"},numResults:{type:"number",default:10}},required:["query"]},outputSchema:{type:"array",items:{type:"object"}},implementationType:"http",implementationConfig:{url:"https://api.brave.com/search",method:"GET"},maxInvocationsPerMinute:60,timeoutMs:30000,version:"1.0.0",tags:["search","web"],createdAt:new Date("2024-01-01T00:00:00Z"),updatedAt:new Date("2024-02-15T10:00:00Z")},{id:"tool-2",organizationId:"demo-org",name:"SQL Query",slug:"sql-query",description:"Execute read-only SQL queries against the data warehouse.",category:"RETRIEVAL",status:"ACTIVE",parametersSchema:{type:"object",properties:{query:{type:"string",description:"SQL query"},maxRows:{type:"number",default:100}},required:["query"]},outputSchema:{type:"object"},implementationType:"function",implementationConfig:{handler:"executeSqlQuery"},maxInvocationsPerMinute:30,timeoutMs:60000,version:"1.1.0",tags:["sql","database"],createdAt:new Date("2024-01-05T00:00:00Z"),updatedAt:new Date("2024-03-10T14:00:00Z")},{id:"tool-3",organizationId:"demo-org",name:"Email Sender",slug:"email-sender",description:"Send emails via SMTP or API.",category:"COMMUNICATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{to:{type:"string"},subject:{type:"string"},body:{type:"string"}},required:["to","subject","body"]},implementationType:"http",implementationConfig:{url:"/api/send-email",method:"POST"},maxInvocationsPerMinute:10,timeoutMs:30000,version:"1.0.0",tags:["email","communication"],createdAt:new Date("2024-02-01T00:00:00Z"),updatedAt:new Date("2024-02-01T00:00:00Z")},{id:"tool-4",organizationId:"demo-org",name:"GitHub Integration",slug:"github-integration",description:"Interact with GitHub repositories, PRs, and issues.",category:"INTEGRATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{action:{type:"string",enum:["list_prs","get_pr","create_comment"]},repo:{type:"string"},params:{type:"object"}},required:["action","repo"]},implementationType:"http",implementationConfig:{url:"https://api.github.com",auth:"token"},maxInvocationsPerMinute:100,timeoutMs:15000,version:"2.0.0",tags:["github","integration","code"],createdAt:new Date("2024-02-20T00:00:00Z"),updatedAt:new Date("2024-04-01T09:00:00Z")},{id:"tool-5",organizationId:"demo-org",name:"Calculator",slug:"calculator",description:"Perform mathematical calculations.",category:"COMPUTATION",status:"ACTIVE",parametersSchema:{type:"object",properties:{expression:{type:"string",description:"Math expression to evaluate"}},required:["expression"]},outputSchema:{type:"object",properties:{result:{type:"number"}}},implementationType:"function",implementationConfig:{handler:"evaluateMath"},timeoutMs:5000,version:"1.0.0",tags:["math","utility"],createdAt:new Date("2024-01-10T00:00:00Z"),updatedAt:new Date("2024-01-10T00:00:00Z")}];var k=[{id:"run-1",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",sessionId:"session-1",input:{message:"How do I reset my password?",context:{}},output:{response:"You can reset your password by clicking..."},status:"COMPLETED",totalTokens:1250,promptTokens:800,completionTokens:450,totalIterations:3,durationMs:4500,estimatedCostUsd:0.0025,queuedAt:new Date("2024-04-15T10:00:00Z"),startedAt:new Date("2024-04-15T10:00:01Z"),completedAt:new Date("2024-04-15T10:00:05Z"),steps:[],logs:[]},{id:"run-2",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #123",context:{prNumber:123}},status:"IN_PROGRESS",totalTokens:3500,promptTokens:3000,completionTokens:500,totalIterations:5,queuedAt:new Date("2024-04-15T10:30:00Z"),startedAt:new Date("2024-04-15T10:30:02Z"),steps:[],logs:[]},{id:"run-3",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-1",agentName:"Customer Support Bot",userId:"user-1",input:{message:"What are your business hours?"},output:{response:"Our business hours are 9 AM to 5 PM EST..."},status:"COMPLETED",totalTokens:800,promptTokens:500,completionTokens:300,totalIterations:2,durationMs:2100,estimatedCostUsd:0.0012,queuedAt:new Date("2024-04-15T09:00:00Z"),startedAt:new Date("2024-04-15T09:00:01Z"),completedAt:new Date("2024-04-15T09:00:03Z"),steps:[],logs:[]},{id:"run-4",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-3",agentName:"Data Analyst",userId:"user-3",input:{message:"Generate sales report for Q1"},status:"FAILED",errorMessage:"Database connection timeout",errorCode:"DB_TIMEOUT",totalTokens:2000,promptTokens:1500,completionTokens:500,totalIterations:8,durationMs:45000,queuedAt:new Date("2024-04-14T15:00:00Z"),startedAt:new Date("2024-04-14T15:00:05Z"),completedAt:new Date("2024-04-14T15:00:50Z"),steps:[],logs:[]},{id:"run-5",organizationId:"demo-org",projectId:"demo-project",agentId:"agent-2",agentName:"Code Review Assistant",userId:"user-2",input:{message:"Review PR #120"},output:{response:"Code review complete. 3 suggestions..."},status:"COMPLETED",totalTokens:5200,promptTokens:4000,completionTokens:1200,totalIterations:7,durationMs:15000,estimatedCostUsd:0.0156,queuedAt:new Date("2024-04-14T11:00:00Z"),startedAt:new Date("2024-04-14T11:00:03Z"),completedAt:new Date("2024-04-14T11:00:18Z"),steps:[],logs:[]}];var U=[{id:"runs",label:"Runs",icon:"\u25B6"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}];function _(e){let o=e.filter((p)=>p.status==="COMPLETED").length,s=e.reduce((p,m)=>p+m.totalTokens,0),t=e.reduce((p,m)=>p+(m.estimatedCostUsd??0),0),a=e.map((p)=>p.durationMs).filter((p)=>typeof p==="number");return{averageDurationMs:a.length>0?a.reduce((p,m)=>p+m,0)/a.length:0,completedRuns:o,successRate:e.length>0?o/e.length:0,totalCostUsd:t,totalRuns:e.length,totalTokens:s}}function f(e){if(e<1000)return e.toString();if(e<1e6)return`${(e/1000).toFixed(1)}K`;return`${(e/1e6).toFixed(2)}M`}function z(e){if(!e)return"-";if(e<1000)return`${e}ms`;if(e<60000)return`${(e/1000).toFixed(1)}s`;return`${(e/60000).toFixed(1)}m`}function G(e){return new Intl.DateTimeFormat("en-US",{dateStyle:"medium",timeStyle:"short"}).format(e)}function q(e){if(typeof document>"u")return{onPress:e};return{onClick:e}}import{Badge as j}from"@contractspec/lib.ui-kit-web/ui/badge";import{Card as I,CardContent as A,CardHeader as x,CardTitle as ee}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as C,VStack as l}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as d}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as n,jsxs as i}from"react/jsx-runtime";function L({metrics:e}){let o=[{label:"Total Runs",value:String(e.totalRuns),hint:`${Math.round(e.successRate*100)}% success`},{label:"Success Rate",value:`${Math.round(e.successRate*100)}%`,hint:"of all runs"},{label:"Total Tokens",value:f(e.totalTokens),hint:"This period"},{label:"Total Cost",value:`$${e.totalCostUsd.toFixed(2)}`,hint:"This period"}];return n(C,{gap:"md",className:"flex-wrap",children:o.map((s)=>n(I,{className:"min-w-52 flex-1",children:i(A,{className:"flex flex-col gap-1 pt-6",children:[n(d,{className:"text-muted-foreground text-sm",children:s.label}),n(d,{className:"font-bold text-2xl",children:s.value}),n(d,{className:"text-muted-foreground text-sm",children:s.hint})]})},s.label))})}function K({agents:e}){return n(l,{gap:"md",children:e.map((o)=>n(I,{children:i(A,{className:"flex flex-col gap-2 pt-6",children:[i(C,{justify:"between",align:"start",children:[i(l,{gap:"xs",className:"flex-1",children:[n(d,{className:"font-semibold text-lg",children:o.name}),i(d,{className:"text-muted-foreground text-sm",children:[o.modelProvider," / ",o.modelName]})]}),n(h,{status:o.status})]}),n(d,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function Q({tools:e}){return n(l,{gap:"md",children:e.map((o)=>n(I,{children:i(A,{className:"flex flex-col gap-2 pt-6",children:[i(C,{justify:"between",align:"start",children:[i(l,{gap:"xs",className:"flex-1",children:[n(d,{className:"font-semibold text-lg",children:o.name}),i(d,{className:"text-muted-foreground text-sm",children:[o.category," / ",o.implementationType]})]}),n(h,{status:o.status})]}),n(d,{className:"text-muted-foreground text-sm",children:o.description})]})},o.id))})}function Y({metrics:e}){return i(l,{gap:"md",children:[n(d,{className:"font-semibold text-lg",children:"Usage Analytics"}),i(I,{children:[n(x,{children:n(ee,{children:"Run Outcomes"})}),i(A,{className:"flex flex-col gap-3",children:[i(d,{children:["Completed: ",e.completedRuns]}),i(d,{children:["Failed: ",e.totalRuns-e.completedRuns]}),i(d,{children:["Average duration: ",(e.averageDurationMs/1000).toFixed(1),"s"]})]})]})]})}function h({status:e}){return n(j,{variant:e==="FAILED"||e==="CANCELLED"?"destructive":e==="ACTIVE"||e==="COMPLETED"?"secondary":"outline",children:n(d,{className:"font-semibold text-xs",children:e})})}import{useContractTable as te}from"@contractspec/lib.presentation-runtime-react";import{Card as oe,CardContent as ne}from"@contractspec/lib.ui-kit-web/ui/card";import{DataTable as re}from"@contractspec/lib.ui-kit-web/ui/data-table";import{VStack as ae}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as T}from"@contractspec/lib.ui-kit-web/ui/text";import{useMemo as ie}from"react";import{jsx as c,jsxs as se}from"react/jsx-runtime";function $({runs:e}){let o=ie(()=>[{id:"queuedAt",header:"Run",label:"Run",accessor:(t)=>t.queuedAt.getTime(),cell:({item:t})=>se(ae,{gap:"xs",children:[c(T,{className:"font-mono text-sm",children:t.id}),c(T,{className:"text-muted-foreground text-xs",children:G(t.queuedAt)})]}),size:180,canSort:!0,canHide:!0},{id:"agentName",header:"Agent",label:"Agent",accessorKey:"agentName",size:220,canSort:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:t})=>c(h,{status:String(t)}),size:140,canSort:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:t})=>f(Number(t??0)),align:"right",size:120,canSort:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:t})=>z(typeof t==="number"?t:void 0),align:"right",size:130,canHide:!0}],[]),s=te({data:e,columns:o,initialState:{pagination:{pageIndex:0,pageSize:5}},getRowId:(t)=>t.id});return c(re,{controller:s,toolbar:c(T,{className:"text-muted-foreground text-sm",children:"Run History"}),emptyState:c(oe,{children:c(ne,{className:"pt-6",children:c(T,{className:"text-muted-foreground",children:"No runs yet"})})})})}import{createVisualizationModel as de}from"@contractspec/lib.presentation-runtime-core";import{Button as F}from"@contractspec/lib.ui-kit-web/ui/button";import{Card as pe,CardContent as ue,CardDescription as me,CardHeader as ce,CardTitle as ge}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as B,VStack as w}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as y}from"@contractspec/lib.ui-kit-web/ui/text";import{Visualization as le}from"@contractspec/lib.ui-kit-web/ui/visualization";import{useMemo as W,useState as ye}from"react";import{jsx as r,jsxs as g}from"react/jsx-runtime";function J({agents:e=S,runs:o=k,showHeaderAction:s=!0,tools:t=N}){let[a,p]=ye("runs"),m=W(()=>_(o),[o]),V=W(()=>R(o),[o]);return g(w,{gap:"xl",align:"stretch",children:[g(B,{justify:"between",align:"center",className:"gap-3",children:[r(y,{className:"font-bold text-2xl",children:"AI Agent Console"}),s?r(F,{...q(()=>{return}),children:r(y,{children:"+ New Agent"})}):null]}),r(L,{metrics:m}),g(w,{gap:"md",children:[g(w,{gap:"xs",children:[r(y,{className:"font-semibold text-lg",children:"Operational Visualizations"}),r(y,{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),r(w,{gap:"md",children:V.map((u)=>g(pe,{children:[g(ce,{children:[r(ge,{children:u.title}),r(me,{children:u.description})]}),r(ue,{children:r(le,{height:u.height,model:de(u.spec,u.data)})})]},u.key))})]}),r(B,{className:"rounded-lg bg-muted p-1",gap:"xs",children:U.map((u)=>r(F,{size:"sm",variant:a===u.id?"secondary":"ghost",className:"flex-1",...q(()=>p(u.id)),children:g(y,{children:[u.icon," ",u.label]})},u.id))}),a==="runs"?r($,{runs:o}):null,a==="agents"?r(K,{agents:e}):null,a==="tools"?r(Q,{tools:t}):null,a==="metrics"?r(Y,{metrics:m}):null]})}import{VStack as fe}from"@contractspec/lib.ui-kit-web/ui/stack";import{ExecutionLaneConsoleDemo as Ie}from"@contractspec/module.execution-console";import{jsx as X,jsxs as Ae}from"react/jsx-runtime";function lt(){return Ae(fe,{gap:"xl",align:"stretch",children:[X(J,{}),X(Ie,{})]})}export{lt as ExecutionConsoleHost};

package/dist/ui/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AgentConsolePreview';
 export * from './AgentDashboard';
 export * from './AgentRunList';
 export * from './AgentToolRegistry';