@contractspec/example.agent-console 3.8.14 → 3.8.15

package/dist/node/ui/index.js

@@ -1,5 +1,5 @@
-import{defineVisualization as T0,VisualizationRegistry as a0}from"@contractspec/lib.contracts-spec/visualizations";var Z0={key:"agent.run.list",version:"1.0.0"},q0={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},M0=T0({meta:{...q0,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:Z0,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."}}}),N0=T0({meta:{...q0,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:Z0,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."}}}),z0=T0({meta:{...q0,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:Z0,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."}}}),d0=[M0,N0,z0],K1=new a0([...d0]),Y1=d0.map((m)=>({key:m.meta.key,version:m.meta.version}));function O0(m){if(!m)return"unknown";return m.toISOString().slice(0,10)}function l(m){let w=new Map,Z=new Map;for(let p of m)w.set(p.status,(w.get(p.status)??0)+1),Z.set(O0(p.startedAt??p.queuedAt),(Z.get(O0(p.startedAt??p.queuedAt))??0)+1);return[{key:"run-status",spec:M0,data:{data:Array.from(w.entries()).map(([p,T])=>({status:p,runs:T}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:N0,data:{data:Array.from(Z.entries()).sort(([p],[T])=>p.localeCompare(T)).map(([p,T])=>({day:p,runs:T}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:z0,data:{data:m.filter((p)=>typeof p.durationMs==="number").map((p)=>({totalTokens:p.totalTokens,durationMs:p.durationMs??0,estimatedCostUsd:p.estimatedCostUsd}))},title:"Duration vs Tokens",description:"Operational scatter plot for spotting inefficient runs."}]}var F0=[{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 h0=[{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 _0=[{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 t0,VisualizationGrid as s0}from"@contractspec/lib.design-system";import{jsx as g,jsxs as k0}from"react/jsx-runtime";function V0({runs:m}){let w=l(m);return k0("section",{className:"space-y-3",children:[k0("div",{children:[g("h3",{className:"font-semibold text-lg",children:"Operational Visualizations"}),g("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),g(s0,{children:w.map((Z)=>g(t0,{data:Z.data,description:Z.description,height:Z.height,spec:Z.spec,title:Z.title},Z.key))})]})}import{useTemplateRuntime as m2}from"@contractspec/lib.example-shared-ui";import{useCallback as p2,useEffect as f2,useMemo as w2,useState as o}from"react";function u(m={}){let{handlers:w,projectId:Z}=m2(),{agent:p}=w,[T,M]=o(null),[f,N]=o(!0),[y,G]=o(null),[q,A]=o(1),z=p2(async()=>{N(!0),G(null);try{let Q=await p.listAgents({projectId:Z,search:m.search,status:m.status==="all"?void 0:m.status,limit:m.limit??20,offset:(q-1)*(m.limit??20)});M(Q)}catch(Q){G(Q instanceof Error?Q:Error("Unknown error"))}finally{N(!1)}},[p,Z,m.search,m.status,m.limit,q]);f2(()=>{z()},[z]);let H=w2(()=>{if(!T)return null;return{total:T.total,active:T.items.filter((Q)=>Q.status==="ACTIVE").length,paused:T.items.filter((Q)=>Q.status==="PAUSED").length,draft:T.items.filter((Q)=>Q.status==="DRAFT").length}},[T]);return{data:T,loading:f,error:y,stats:H,page:q,refetch:z,nextPage:()=>A((Q)=>Q+1),prevPage:()=>q>1&&A((Q)=>Q-1)}}import{useTemplateRuntime as q2}from"@contractspec/lib.example-shared-ui";import{useCallback as L,useState as D0}from"react";var A0="demo-org",b1="agent-console-demo";function u1(m){return m.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}function L1(m){return{...m}}function C1(m){return{...m}}function S1(m){return{...m}}function r1(){let m=0,w=Date.parse("2026-03-20T09:00:00.000Z");return()=>new Date(w+m++*60000)}function T2(m){return m.toLowerCase()}function Z2(m){return m==="IN_PROGRESS"?"RUNNING":m}function i1(m,w){let Z=F0.map((f)=>({id:f.id,projectId:m,organizationId:w,name:f.name,slug:f.slug,description:f.description,modelProvider:T2(f.modelProvider),modelName:f.modelName,systemPrompt:f.systemPrompt,temperature:typeof f.modelConfig?.temperature==="number"?f.modelConfig.temperature:0.4,maxTokens:8192,status:f.status,createdAt:f.createdAt,updatedAt:f.updatedAt})),p=h0.map((f)=>({id:f.id,projectId:m,organizationId:w,name:f.name,description:f.description,version:f.version,category:f.category,status:f.status,inputSchema:JSON.stringify(f.parametersSchema),outputSchema:f.outputSchema?JSON.stringify(f.outputSchema):void 0,endpoint:typeof f.implementationConfig?.url==="string"?f.implementationConfig.url:void 0,createdAt:f.createdAt,updatedAt:f.updatedAt})),T=new Map(Z.map((f)=>[f.id,f.name])),M=_0.map((f)=>({id:f.id,projectId:m,agentId:f.agentId,agentName:T.get(f.agentId)??f.agentName??"Unknown agent",status:Z2(f.status),input:JSON.stringify(f.input),output:f.output?JSON.stringify(f.output):void 0,totalTokens:f.totalTokens,promptTokens:f.promptTokens,completionTokens:f.completionTokens,estimatedCostUsd:f.estimatedCostUsd??0,durationMs:f.durationMs,errorMessage:f.errorMessage,queuedAt:f.queuedAt,startedAt:f.startedAt,completedAt:f.completedAt}));return{agents:Z,tools:p,runs:M}}function c1(m){let w=m.length,Z=m.filter((T)=>T.status==="COMPLETED").length,p=m.map((T)=>T.durationMs).filter((T)=>typeof T==="number");return{totalRuns:w,successRate:w===0?0:Z/w,averageDurationMs:p.length===0?0:Math.round(p.reduce((T,M)=>T+M,0)/p.length),totalTokens:m.reduce((T,M)=>T+M.totalTokens,0),totalCostUsd:m.reduce((T,M)=>T+M.estimatedCostUsd,0)}}function U0(m,w){return m instanceof Error?m:Error(w)}function Q0(m={}){let{handlers:w,projectId:Z}=q2(),{agent:p}=w,[T,M]=D0({loading:!1,error:null,data:null}),[f,N]=D0({loading:!1,error:null,data:null}),[y,G]=D0({loading:!1,error:null,data:null}),q=L(async(Y)=>{M({loading:!0,error:null,data:null});try{let P=await p.createAgent(Y,{projectId:Z,organizationId:A0});return M({loading:!1,error:null,data:P}),m.onSuccess?.(),P}catch(P){let U=U0(P,"Failed to create agent");throw M({loading:!1,error:U,data:null}),m.onError?.(U),U}},[p,Z,m]),A=L(async(Y)=>{N({loading:!0,error:null,data:null});try{let P=await p.updateAgent(Y);return N({loading:!1,error:null,data:P}),m.onSuccess?.(),P}catch(P){let U=U0(P,"Failed to update agent");throw N({loading:!1,error:U,data:null}),m.onError?.(U),U}},[p,m]),z=L(async(Y)=>{return A({id:Y,status:"ACTIVE"})},[A]),H=L(async(Y)=>{return A({id:Y,status:"PAUSED"})},[A]),Q=L(async(Y)=>{return A({id:Y,status:"ARCHIVED"})},[A]),J=L(async(Y)=>{G({loading:!0,error:null,data:null});try{let P=await p.executeAgent({agentId:Y.agentId,message:Y.message,context:{projectId:Z,organizationId:A0}});return G({loading:!1,error:null,data:P}),m.onSuccess?.(),P}catch(P){let U=U0(P,"Failed to execute agent");throw G({loading:!1,error:U,data:null}),m.onError?.(U),U}},[p,Z,m]);return{createAgent:q,updateAgent:A,activateAgent:z,pauseAgent:H,archiveAgent:Q,executeAgent:J,createState:T,updateState:f,executeState:y,isLoading:T.loading||f.loading||y.loading}}import{useTemplateRuntime as M2}from"@contractspec/lib.example-shared-ui";import{useCallback as N2,useEffect as z2,useState as r}from"react";function i(m={}){let{handlers:w,projectId:Z}=M2(),{agent:p}=w,[T,M]=r(null),[f,N]=r(null),[y,G]=r(!0),[q,A]=r(null),[z,H]=r(0),Q=m.pageSize??m.limit??20,J=m.pageIndex??z,[Y]=m.sorting??[],P=N2(async()=>{G(!0),A(null);try{let[D,W]=await Promise.all([p.listRuns({projectId:Z,agentId:m.agentId,status:m.status==="all"?void 0:m.status,sortBy:Y?.id,sortDirection:Y?Y.desc?"desc":"asc":void 0,limit:Q,offset:J*Q}),p.getRunMetrics({projectId:Z,agentId:m.agentId})]);M(D),N(W)}catch(D){A(D instanceof Error?D:Error("Unknown error"))}finally{G(!1)}},[p,J,Q,Z,m.agentId,m.status,Y?.desc,Y?.id]);z2(()=>{P()},[P]);let U=m.pageIndex!==void 0;return{data:T,metrics:f,loading:y,error:q,page:J+1,pageIndex:J,pageSize:Q,refetch:P,nextPage:U?void 0:()=>H((D)=>D+1),prevPage:U?void 0:()=>H((D)=>Math.max(0,D-1))}}import{Button as _}from"@contractspec/lib.design-system";import{useState as n}from"react";import{jsx as $,jsxs as R}from"react/jsx-runtime";function A2(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 I0({isOpen:m,agent:w,onClose:Z,onActivate:p,onPause:T,onArchive:M,onExecute:f,isLoading:N=!1}){let[y,G]=n("menu"),[q,A]=n(""),[z,H]=n(null),[Q,J]=n(null),Y=()=>{G("menu"),A(""),H(null),J(null)},P=()=>{Y(),Z()},U=async()=>{if(!w)return;if(J(null),!q.trim()){J("Please enter a message");return}try{await f(w.id,q.trim()),P()}catch(W){J(W instanceof Error?W.message:"Failed to execute agent")}},D=async(W)=>{if(!w)return;J(null);try{switch(W){case"activate":await p(w.id);break;case"pause":await T(w.id);break;case"archive":await M(w.id);break}P()}catch(B){J(B instanceof Error?B.message:`Failed to ${W} agent`)}};if(!m||!w)return null;return R("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"}),R("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[R("div",{className:"mb-4 border-border border-b pb-4",children:[$("h2",{className:"font-semibold text-xl",children:w.name}),R("div",{className:"mt-1 flex items-center gap-2",children:[R("span",{className:"text-muted-foreground text-sm",children:[w.modelProvider," / ",w.modelName]}),$("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${A2(w.status)}`,children:w.status})]}),w.description&&$("p",{className:"mt-2 text-muted-foreground text-sm",children:w.description})]}),y==="menu"&&R("div",{className:"space-y-3",children:[w.status==="ACTIVE"&&R(_,{className:"w-full justify-start",variant:"ghost",onPress:()=>G("execute"),children:[$("span",{className:"mr-2",children:"▶️"})," Execute Agent"]}),(w.status==="DRAFT"||w.status==="PAUSED")&&R(_,{className:"w-full justify-start",variant:"ghost",onPress:()=>D("activate"),disabled:N,children:[$("span",{className:"mr-2",children:"\uD83D\uDFE2"})," Activate Agent"]}),w.status==="ACTIVE"&&R(_,{className:"w-full justify-start",variant:"ghost",onPress:()=>D("pause"),disabled:N,children:[$("span",{className:"mr-2",children:"⏸️"})," Pause Agent"]}),w.status!=="ARCHIVED"&&R(_,{className:"w-full justify-start text-yellow-600 hover:text-yellow-700",variant:"ghost",onPress:()=>{H("archive"),G("confirm")},children:[$("span",{className:"mr-2",children:"\uD83D\uDCE6"})," Archive Agent"]}),w.status==="ARCHIVED"&&R(_,{className:"w-full justify-start",variant:"ghost",onPress:()=>D("activate"),disabled:N,children:[$("span",{className:"mr-2",children:"\uD83D\uDD04"})," Restore Agent"]}),Q&&$("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:Q}),$("div",{className:"border-border border-t pt-3",children:$(_,{className:"w-full",variant:"outline",onPress:P,children:"Close"})})]}),y==="execute"&&R("div",{className:"space-y-4",children:[R("div",{children:[$("label",{htmlFor:"execute-message",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Message *"}),$("textarea",{id:"execute-message",value:q,onChange:(W)=>A(W.target.value),placeholder:"Enter your message to the agent...",rows:4,disabled:N,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"})]}),Q&&$("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:Q}),R("div",{className:"flex justify-end gap-3 pt-2",children:[$(_,{variant:"ghost",onPress:()=>G("menu"),disabled:N,children:"Back"}),$(_,{onPress:U,disabled:N,children:N?"Executing...":"▶️ Execute"})]})]}),y==="confirm"&&z==="archive"&&R("div",{className:"space-y-4",children:[R("p",{className:"text-muted-foreground",children:["Are you sure you want to archive"," ",$("span",{className:"font-medium text-foreground",children:w.name}),"?"]}),$("p",{className:"text-muted-foreground text-sm",children:"Archived agents cannot be executed but can be restored later."}),Q&&$("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:Q}),R("div",{className:"flex justify-end gap-3 pt-2",children:[$(_,{variant:"ghost",onPress:()=>G("menu"),disabled:N,children:"Cancel"}),$(_,{onPress:()=>D("archive"),disabled:N,children:N?"Archiving...":"\uD83D\uDCE6 Archive"})]})]})]})]})}import{Button as v0,Input as D2}from"@contractspec/lib.design-system";import{useState as C}from"react";import{jsx as X,jsxs as k}from"react/jsx-runtime";var K0=[{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 Y0({isOpen:m,onClose:w,onSubmit:Z,isLoading:p=!1}){let[T,M]=C(""),[f,N]=C(""),[y,G]=C("openai"),[q,A]=C("gpt-5.4"),[z,H]=C(""),[Q,J]=C(null),Y=K0.find((D)=>D.value===y),P=async(D)=>{if(D.preventDefault(),J(null),!T.trim()){J("Agent name is required");return}try{await Z({name:T.trim(),description:f.trim()||void 0,modelProvider:y,modelName:q,systemPrompt:z.trim()||void 0}),M(""),N(""),G("openai"),A("gpt-5.4"),H(""),w()}catch(W){J(W instanceof Error?W.message:"Failed to create agent")}},U=(D)=>{G(D);let W=K0.find((B)=>B.value===D);if(W)A(W.models[0])};if(!m)return null;return k("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[X("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:w,role:"button",tabIndex:0,onKeyDown:(D)=>{if(D.key==="Enter"||D.key===" ")w()},"aria-label":"Close modal"}),k("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:[X("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Agent"}),k("form",{onSubmit:P,className:"space-y-4",children:[k("div",{children:[X("label",{htmlFor:"agent-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Agent Name *"}),X(D2,{id:"agent-name",value:T,onChange:(D)=>M(D.target.value),placeholder:"e.g., Customer Support Bot",disabled:p})]}),k("div",{children:[X("label",{htmlFor:"agent-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),X("textarea",{id:"agent-description",value:f,onChange:(D)=>N(D.target.value),placeholder:"Describe what this agent does...",rows:2,disabled:p,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"})]}),k("div",{className:"flex gap-3",children:[k("div",{className:"flex-1",children:[X("label",{htmlFor:"model-provider",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Provider *"}),X("select",{id:"model-provider",value:y,onChange:(D)=>U(D.target.value),disabled:p,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:K0.map((D)=>X("option",{value:D.value,children:D.label},D.value))})]}),k("div",{className:"flex-1",children:[X("label",{htmlFor:"model-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Model *"}),X("select",{id:"model-name",value:q,onChange:(D)=>A(D.target.value),disabled:p,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:Y?.models.map((D)=>X("option",{value:D,children:D},D))})]})]}),k("div",{children:[X("label",{htmlFor:"system-prompt",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"System Prompt"}),X("textarea",{id:"system-prompt",value:z,onChange:(D)=>H(D.target.value),placeholder:"You are a helpful assistant that...",rows:4,disabled:p,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"}),X("p",{className:"mt-1 text-muted-foreground text-xs",children:"Instructions that define the agent's behavior"})]}),Q&&X("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:Q}),k("div",{className:"flex justify-end gap-3 pt-2",children:[X(v0,{type:"button",variant:"ghost",onPress:w,disabled:p,children:"Cancel"}),X(v0,{type:"submit",disabled:p,children:p?"Creating...":"Create Agent"})]})]})]})]})}import{Button as j,StatusChip as U2}from"@contractspec/lib.design-system";import{HStack as G0,VStack as y0}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as b}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as v,jsxs as h}from"react/jsx-runtime";function P0(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 H0(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 S(m){if(m<1000)return m.toString();if(m<1e6)return`${(m/1000).toFixed(1)}K`;return`${(m/1e6).toFixed(2)}M`}function E0(m){if(!m)return"-";return`$${m.toFixed(4)}`}function B0(m){return JSON.stringify(m??null,null,2)}function b0({run:m}){return h(y0,{gap:"sm",className:"py-2",children:[h(G0,{justify:"between",className:"flex-wrap",children:[v(U2,{tone:P0(m.status),label:m.status}),h(b,{className:"text-muted-foreground text-sm",children:["Queued ",m.queuedAt.toLocaleString()]})]}),h(G0,{gap:"lg",className:"flex-wrap",children:[h(b,{className:"text-muted-foreground text-sm",children:["Prompt ",S(m.promptTokens)]}),h(b,{className:"text-muted-foreground text-sm",children:["Completion ",S(m.completionTokens)]}),h(b,{className:"text-muted-foreground text-sm",children:["Duration ",H0(m.durationMs)]})]}),h(y0,{gap:"xs",children:[v(b,{className:"font-medium text-sm",children:"Input"}),v("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:B0(m.input)})]}),h(y0,{gap:"xs",children:[v(b,{className:"font-medium text-sm",children:"Output"}),v("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:B0(m.output??m.errorMessage??"Pending")})]})]})}function u0({controller:m,totalRuns:w}){let Z=m.rows[0],p=m.columns.find((f)=>f.id==="queuedAt"),T=m.columns.find((f)=>f.id==="durationMs"),M=m.columns.find((f)=>f.id==="estimatedCostUsd");return h(G0,{gap:"sm",className:"flex-wrap",children:[h(b,{className:"text-muted-foreground text-sm",children:[w," runs"]}),v(j,{variant:"outline",size:"sm",onPress:()=>Z?.toggleExpanded?.(!Z?.isExpanded),children:"Expand Latest Run"}),v(j,{variant:"outline",size:"sm",onPress:()=>p?.toggleVisibility?.(!p?.visible),children:p?.visible?"Hide Time":"Show Time"}),v(j,{variant:"outline",size:"sm",onPress:()=>T?.toggleVisibility?.(!T?.visible),children:T?.visible?"Hide Duration":"Show Duration"}),v(j,{variant:"outline",size:"sm",onPress:()=>M?.toggleVisibility?.(!M?.visible),children:M?.visible?"Hide Cost":"Show Cost"})]})}import{StatusChip as Q2}from"@contractspec/lib.design-system";import{VStack as I2}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as J0}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as x,jsxs as K2}from"react/jsx-runtime";function L0(){return[{id:"queuedAt",header:"Run",label:"Run",accessor:(m)=>m.queuedAt.getTime(),cell:({item:m})=>K2(I2,{gap:"xs",children:[x(J0,{className:"font-mono text-sm",children:m.id.slice(-8)}),x(J0,{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})=>x(J0,{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 w=typeof m==="string"?m:"QUEUED";return x(Q2,{tone:P0(w),label:w})},size:150,canSort:!0,canResize:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:m})=>S(Number(m??0)),align:"right",size:140,canSort:!0,canResize:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:m})=>H0(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})=>E0(typeof m==="number"?m:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0}]}import{DataTable as Y2}from"@contractspec/lib.design-system";import{useContractTable as y2}from"@contractspec/lib.presentation-runtime-react";import*as C0 from"react";import{jsx as e}from"react/jsx-runtime";function S0({runs:m,totalItems:w,pageIndex:Z,pageSize:p,sorting:T,loading:M,onSortingChange:f,onPaginationChange:N,onRunClick:y}){let G=C0.useMemo(()=>L0(),[]),q=y2({data:m,columns:G,executionMode:"server",totalItems:w,state:{sorting:T,pagination:{pageIndex:Z,pageSize:p}},onSortingChange:f,onPaginationChange:N,initialState:{columnVisibility:{estimatedCostUsd:!1}},getRowId:(A)=>A.id,renderExpandedContent:(A)=>e(b0,{run:A}),getCanExpand:()=>!0});return e(Y2,{controller:q,title:"Run History",description:"Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",loading:M,onRowPress:(A)=>y?.(A.id),toolbar:e(u0,{controller:q,totalRuns:w}),emptyState:e("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No runs yet"})})}import{EmptyState as G2,ErrorState as P2,LoaderBlock as H2,StatCard as a,StatCardGroup as J2}from"@contractspec/lib.design-system";import{useState as r0}from"react";import{jsx as E,jsxs as i0}from"react/jsx-runtime";function t({agentId:m,onRunClick:w}){let[Z,p]=r0([{id:"queuedAt",desc:!0}]),[T,M]=r0({pageIndex:0,pageSize:3}),{data:f,metrics:N,loading:y,error:G,refetch:q}=i({agentId:m,pageIndex:T.pageIndex,pageSize:T.pageSize,sorting:Z});if(y&&!f)return E(H2,{label:"Loading runs..."});if(G)return E(P2,{title:"Failed to load runs",description:G.message,onRetry:q,retryLabel:"Retry"});if(!f?.items.length)return E(G2,{title:"No runs yet",description:"Execute an agent to see run history here."});return i0("div",{className:"space-y-6",children:[N?i0(J2,{children:[E(a,{label:"Total Runs",value:N.totalRuns}),E(a,{label:"Success Rate",value:`${(N.successRate*100).toFixed(1)}%`}),E(a,{label:"Total Tokens",value:S(N.totalTokens)}),E(a,{label:"Total Cost",value:`$${N.totalCostUsd.toFixed(2)}`})]}):null,E(S0,{runs:f.items,totalItems:f.total,pageIndex:T.pageIndex,pageSize:T.pageSize,sorting:Z,loading:y,onSortingChange:(A)=>{p(A),M((z)=>({...z,pageIndex:0}))},onPaginationChange:M,onRunClick:w})]})}import{useTemplateRuntime as W2}from"@contractspec/lib.example-shared-ui";import{useCallback as $2,useEffect as X2,useMemo as R2,useState as s}from"react";function W0(m={}){let{handlers:w,projectId:Z}=W2(),{agent:p}=w,[T,M]=s(null),[f,N]=s(!0),[y,G]=s(null),[q,A]=s(1),z=$2(async()=>{N(!0),G(null);try{let Y=await p.listTools({projectId:Z,search:m.search,category:m.category,status:m.status==="all"?void 0:m.status,limit:m.limit??50,offset:(q-1)*(m.limit??50)});M(Y)}catch(Y){G(Y instanceof Error?Y:Error("Unknown error"))}finally{N(!1)}},[p,Z,m.search,m.category,m.status,m.limit,q]);X2(()=>{z()},[z]);let{stats:H,groupedByCategory:Q,categoryStats:J}=R2(()=>{if(!T)return{stats:null,groupedByCategory:{},categoryStats:[]};let Y=T.items,P=Y.filter((F)=>F.status==="ACTIVE").length,U=Y.filter((F)=>F.status==="DEPRECATED").length,D=Y.filter((F)=>F.status==="DISABLED").length,W={},B={};Y.forEach((F)=>{let V=F.category;if(!W[V])W[V]=[];W[V].push(F),B[V]=(B[V]||0)+1});let R0=Object.entries(B).map(([F,V])=>({category:F,count:V})).sort((F,V)=>V.count-F.count);return{stats:{total:T.total,active:P,deprecated:U,disabled:D,topCategories:R0.slice(0,5)},groupedByCategory:W,categoryStats:R0}},[T]);return{data:T,loading:f,error:y,stats:H,groupedByCategory:Q,categoryStats:J,page:q,refetch:z,nextPage:()=>A((Y)=>Y+1),prevPage:()=>q>1&&A((Y)=>Y-1)}}import{Button as d2,EmptyState as O2,EntityCard as F2,ErrorState as h2,LoaderBlock as _2,StatCard as c0,StatCardGroup as k2,StatusChip as V2}from"@contractspec/lib.design-system";import{jsx as d,jsxs as m0}from"react/jsx-runtime";var l0={RETRIEVAL:"\uD83D\uDD0D",COMPUTATION:"\uD83E\uDDEE",COMMUNICATION:"\uD83D\uDCE7",INTEGRATION:"\uD83D\uDD17",UTILITY:"\uD83D\uDEE0️",CUSTOM:"⚙️"};function v2(m){switch(m){case"ACTIVE":return"success";case"DRAFT":return"neutral";case"DEPRECATED":return"warning";case"DISABLED":return"danger";default:return"neutral"}}function p0({onToolClick:m,onCreateTool:w}){let{data:Z,loading:p,error:T,groupedByCategory:M,categoryStats:f,refetch:N}=W0();if(p&&!Z)return d(_2,{label:"Loading tools..."});if(T)return d(h2,{title:"Failed to load tools",description:T.message,onRetry:N,retryLabel:"Retry"});if(!Z?.items.length)return d(O2,{title:"No tools registered",description:"Create your first tool to extend agent capabilities.",primaryAction:w?d(d2,{onPress:w,children:"Create Tool"}):void 0});return m0("div",{className:"space-y-8",children:[m0(k2,{children:[d(c0,{label:"Total Tools",value:Z.total}),f.slice(0,3).map(({category:y,count:G})=>d(c0,{label:`${l0[y]??""} ${y}`,value:G},y))]}),Object.entries(M).map(([y,G])=>m0("section",{className:"space-y-4",children:[m0("div",{className:"flex items-center gap-2",children:[d("span",{className:"text-2xl",children:l0[y]}),d("h3",{className:"font-semibold text-lg",children:y}),d("span",{className:"rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs",children:G.length})]}),d("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:G.map((q)=>d(F2,{cardTitle:q.name,cardSubtitle:`v${q.version}`,meta:d("p",{className:"text-muted-foreground text-sm",children:q.description}),chips:d(V2,{tone:v2(q.status),label:q.status}),footer:d("code",{className:"text-muted-foreground text-xs",children:q.name}),onClick:m?()=>m(q.id):void 0},q.id))})]},y))]})}import{Button as $0,StatCard as B2,StatCardGroup as E2}from"@contractspec/lib.design-system";import{useCallback as b2,useMemo as u2,useState as c}from"react";import{jsx as I,jsxs as K}from"react/jsx-runtime";function o0(){let[m,w]=c("runs"),[Z,p]=c(!1),[T,M]=c(null),[f,N]=c(!1),[y,G]=c(0),{data:q,metrics:A,refetch:z}=i(),{refetch:H}=u(),Q=Q0({onSuccess:()=>{H(),z(),G((U)=>U+1)}}),J=b2((U)=>{M(U),N(!0)},[]),Y=[{id:"runs",label:"Runs",icon:"▶"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}],P=u2(()=>{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 K("div",{className:"space-y-6",children:[K("div",{className:"flex items-center justify-between",children:[I("h2",{className:"font-bold text-2xl",children:"AI Agent Console"}),K($0,{onPress:()=>p(!0),children:[I("span",{className:"mr-2",children:"+"})," New Agent"]})]}),I(E2,{children:P.map((U,D)=>I(B2,{label:U.label,value:U.value,hint:U.hint},D))}),I(V0,{runs:q?.items??[]}),I("nav",{className:"flex gap-1 rounded-lg bg-muted p-1",role:"tablist",children:Y.map((U)=>K("button",{type:"button",role:"tab","aria-selected":m===U.id,onClick:()=>w(U.id),className:`flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${m===U.id?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:[I("span",{children:U.icon}),U.label]},U.id))}),K("div",{className:"min-h-[400px]",role:"tabpanel",children:[m==="runs"&&I(t,{},y),m==="agents"&&I(L2,{onAgentClick:J},y),m==="tools"&&I(p0,{}),m==="metrics"&&I(S2,{metrics:A})]}),I(Y0,{isOpen:Z,onClose:()=>p(!1),onSubmit:async(U)=>{await Q.createAgent(U)},isLoading:Q.createState.loading}),I(I0,{isOpen:f,agent:T,onClose:()=>{N(!1),M(null)},onActivate:async(U)=>{await Q.activateAgent(U)},onPause:async(U)=>{await Q.pauseAgent(U)},onArchive:async(U)=>{await Q.archiveAgent(U)},onExecute:async(U,D)=>{await Q.executeAgent({agentId:U,message:D})},isLoading:Q.isLoading})]})}function L2({onAgentClick:m}){let{data:w,loading:Z,error:p,stats:T,refetch:M}=u();if(Z&&!w)return I("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading agents..."});if(p)return K("div",{className:"flex h-64 flex-col items-center justify-center text-destructive",children:[K("p",{children:["Failed to load agents: ",p.message]}),I($0,{variant:"outline",onPress:M,className:"mt-2",children:"Retry"})]});if(!w?.items.length)return K("div",{className:"flex h-64 flex-col items-center justify-center text-muted-foreground",children:[I("p",{className:"font-medium text-lg",children:"No agents yet"}),I("p",{className:"text-sm",children:"Create your first AI agent to get started."})]});return K("div",{className:"space-y-4",children:[T&&K("div",{className:"flex gap-4 text-sm",children:[K("span",{children:["Total: ",T.total]}),K("span",{className:"text-green-600",children:["Active: ",T.active]}),K("span",{className:"text-yellow-600",children:["Paused: ",T.paused]}),K("span",{className:"text-blue-600",children:["Draft: ",T.draft]})]}),I("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:w.items.map((f)=>I(C2,{agent:f,onClick:()=>m(f)},f.id))})]})}function C2({agent:m,onClick:w}){let Z={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 K("div",{onClick:w,className:"cursor-pointer rounded-xl border border-border bg-card p-4 transition-all hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(p)=>{if(p.key==="Enter"||p.key===" ")w()},children:[K("div",{className:"flex items-start justify-between",children:[K("div",{className:"min-w-0 flex-1",children:[I("h3",{className:"truncate font-semibold",children:m.name}),K("p",{className:"text-muted-foreground text-sm",children:[m.modelProvider," / ",m.modelName]})]}),I("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${Z[m.status]}`,children:m.status})]}),m.description&&I("p",{className:"mt-2 line-clamp-2 text-muted-foreground text-sm",children:m.description}),K("div",{className:"mt-3 flex items-center justify-between",children:[I("span",{className:"text-muted-foreground text-xs",children:m.modelName}),I($0,{variant:"ghost",size:"sm",onPress:w,children:"Actions"})]})]})}function S2({metrics:m}){if(!m)return I("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading metrics..."});let w=Math.round(m.totalRuns*m.successRate),Z=m.totalRuns-w;return K("div",{className:"space-y-6",children:[I("h3",{className:"font-semibold text-lg",children:"Usage Analytics"}),K("div",{className:"grid gap-6 md:grid-cols-2",children:[K("div",{className:"rounded-xl border border-border bg-card p-4",children:[I("h4",{className:"font-medium",children:"Run Outcomes"}),K("div",{className:"mt-4 space-y-3",children:[I(g0,{label:"Completed",value:w,total:m.totalRuns,color:"bg-green-500"}),I(g0,{label:"Failed",value:Z,total:m.totalRuns,color:"bg-red-500"})]})]}),K("div",{className:"rounded-xl border border-border bg-card p-4",children:[I("h4",{className:"font-medium",children:"Performance"}),K("dl",{className:"mt-4 grid grid-cols-2 gap-4",children:[K("div",{children:[I("dt",{className:"text-muted-foreground text-sm",children:"Avg Duration"}),K("dd",{className:"font-semibold text-xl",children:[(m.averageDurationMs/1000).toFixed(1),"s"]})]}),K("div",{children:[I("dt",{className:"text-muted-foreground text-sm",children:"Success Rate"}),K("dd",{className:"font-semibold text-xl",children:[(m.successRate*100).toFixed(0),"%"]})]})]})]})]}),K("div",{className:"rounded-xl border border-border bg-card p-4",children:[I("h4",{className:"font-medium",children:"Key Metrics"}),K("dl",{className:"mt-4 grid gap-4 sm:grid-cols-3",children:[K("div",{children:[I("dt",{className:"text-muted-foreground text-sm",children:"Total Runs"}),I("dd",{className:"font-semibold text-2xl",children:m.totalRuns.toLocaleString()})]}),K("div",{children:[I("dt",{className:"text-muted-foreground text-sm",children:"Total Tokens"}),K("dd",{className:"font-semibold text-2xl",children:[(m.totalTokens/1000).toFixed(0),"K"]})]}),K("div",{children:[I("dt",{className:"text-muted-foreground text-sm",children:"Cost per Run"}),K("dd",{className:"font-semibold text-2xl",children:["$",m.totalRuns>0?(m.totalCostUsd/m.totalRuns).toFixed(4):"0"]})]})]})]})]})}function g0({label:m,value:w,total:Z,color:p}){let T=Z>0?w/Z*100:0;return K("div",{children:[K("div",{className:"flex justify-between text-sm",children:[I("span",{children:m}),K("span",{className:"text-muted-foreground",children:[w," (",T.toFixed(0),"%)"]})]}),I("div",{className:"mt-1 h-2 overflow-hidden rounded-full bg-muted",children:I("div",{className:`h-full ${p}`,style:{width:`${T}%`}})})]})}import{VStack as r2}from"@contractspec/lib.ui-kit-web/ui/stack";import{ExecutionLaneConsoleDemo as i2}from"@contractspec/module.execution-console";import{jsx as n0,jsxs as c2}from"react/jsx-runtime";function f4(){return c2(r2,{gap:"xl",align:"stretch",children:[n0(o0,{}),n0(i2,{})]})}var l2={overlayId:"agent-console.demo-user",version:"1.0.0",description:"Simplifies agent console for demo users",appliesTo:{feature:"agent-console",role:"demo"},modifications:[{type:"hideField",field:"modelConfig",reason:"Advanced config not relevant for demo"},{type:"hideField",field:"webhookConfig",reason:"Integration not available in demo"},{type:"renameLabel",field:"systemPrompt",newLabel:"Agent Instructions"},{type:"addBadge",position:"header",label:"Demo Mode",variant:"warning"}]},g2={overlayId:"agent-console.read-only",version:"1.0.0",description:"Read-only view for non-admin users",appliesTo:{feature:"agent-console",role:"viewer"},modifications:[{type:"hideField",field:"deleteButton",reason:"No delete permission"},{type:"hideField",field:"editButton",reason:"No edit permission"},{type:"hideField",field:"createButton",reason:"No create permission"}]},Q4=[l2,g2];import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as o2,AGENT_CONSOLE_DEMO_PROJECT_ID as j0,createAgentConsoleDemoHandlers as n2}from"@contractspec/example.agent-console/shared";var j2={target:"markdown",render:async(m,w)=>{if(m.source.type!=="component"||m.source.componentKey!=="AgentListView")throw Error("agentListMarkdownRenderer: not AgentListView");let Z=Array.isArray(w?.data)?{items:w.data,total:w.data.length,hasMore:!1}:await n2({projectId:j0}).listAgents({projectId:j0,organizationId:o2,limit:50,offset:0}),p=[`# ${m.meta.description??"Agent List"}`,"",`> ${m.meta.key} v${m.meta.version}`,"",`**Total Agents:** ${Z.total}`,"","## Agents",""],T={};for(let M of Z.items){let f=M.status;if(T[f])T[f].push(M);else T[f]=[M]}for(let[M,f]of Object.entries(T)){p.push(`### ${M} (${f.length})`),p.push("");for(let N of f)if(p.push(`- **${N.name}** (${N.modelProvider}/${N.modelName})`),N.description)p.push(`  > ${N.description}`);p.push("")}return{mimeType:"text/markdown",body:p.join(`
-`)}}};import{Button as x2,EmptyState as e2,EntityCard as a2,ErrorState as t2,LoaderBlock as s2,StatCard as f0,StatCardGroup as m1,StatusChip as p1}from"@contractspec/lib.design-system";import{jsx as O,jsxs as w0}from"react/jsx-runtime";function f1(m){switch(m){case"ACTIVE":return"success";case"PAUSED":case"DRAFT":return"warning";case"ARCHIVED":return"neutral";default:return"neutral"}}function X0(){let{data:m,loading:w,error:Z,stats:p,refetch:T}=u();if(w&&!m)return O(s2,{label:"Loading agents..."});if(Z)return O(t2,{title:"Failed to load agents",description:Z.message,onRetry:T,retryLabel:"Retry"});if(!m?.items.length)return O(e2,{title:"No agents yet",description:"Create your first AI agent to get started."});return w0("div",{className:"space-y-6",children:[p&&w0(m1,{children:[O(f0,{label:"Total Agents",value:p.total}),O(f0,{label:"Active",value:p.active}),O(f0,{label:"Paused",value:p.paused}),O(f0,{label:"Draft",value:p.draft})]}),w0("div",{className:"flex items-center justify-between",children:[O("h3",{className:"font-semibold text-lg",children:"Agents"}),O(x2,{onPress:()=>alert("Create Agent clicked!"),children:"Create Agent"})]}),O("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:m.items.map((M)=>O(a2,{cardTitle:M.name,cardSubtitle:M.modelName,meta:O("p",{className:"text-muted-foreground text-sm",children:M.description}),chips:O(p1,{tone:f1(M.status),label:M.status}),footer:w0("span",{className:"text-muted-foreground text-xs",children:["Created ",M.createdAt.toLocaleDateString()]}),onClick:()=>alert(`View agent: ${M.name}`)},M.id))})]})}import{jsx as T1}from"react/jsx-runtime";var w1={target:"react",render:async(m)=>{if(m.source.type!=="component")throw Error("AgentListRenderer: expected component source");if(m.source.componentKey!=="AgentListView")throw Error(`AgentListRenderer: unknown component ${m.source.componentKey}`);return T1(X0,{})}};import{getFallbackAgentConsoleDashboardData as Z1}from"@contractspec/example.agent-console/shared";function q1(m){if(m<1000)return`${m}ms`;if(m<60000)return`${(m/1000).toFixed(1)}s`;return`${(m/60000).toFixed(1)}m`}var M1={target:"markdown",render:async(m,w)=>{if(m.source.type!=="component"||m.source.componentKey!=="AgentConsoleDashboard")throw Error("agentDashboardMarkdownRenderer: not AgentConsoleDashboard");let Z=w?.data??await Z1(),p=Z.agents.filter((z)=>z.status==="ACTIVE").length,T=Z.runs.filter((z)=>z.status==="COMPLETED").length,M=Z.runs.filter((z)=>z.status==="FAILED").length,f=Z.runs.reduce((z,H)=>z+(H.totalTokens??0),0),N=Z.runs.reduce((z,H)=>z+(H.estimatedCostUsd??0),0),y=Z.tools.filter((z)=>z.status==="ACTIVE").length,G=l(Z.runs),q=["# Agent Console Dashboard","","> AI agent operations overview","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Agents | ${Z.summary.totalAgents} |`,`| Active Agents | ${p} |`,`| Total Runs | ${Z.summary.totalRuns} |`,`| Completed Runs | ${T} |`,`| Failed Runs | ${M} |`,`| Total Tokens | ${f.toLocaleString()} |`,`| Total Cost | $${N.toFixed(4)} |`,`| Total Tools | ${Z.summary.totalTools} |`,`| Active Tools | ${y} |`,"","## Agents",""];if(Z.agents.length===0)q.push("_No agents configured._");else{q.push("| Agent | Model | Status | Description |"),q.push("|-------|-------|--------|-------------|");for(let z of Z.agents.slice(0,5))q.push(`| ${z.name} | ${z.modelProvider}/${z.modelName} | ${z.status} | ${z.description??"-"} |`);if(Z.agents.length>5)q.push(`| ... | ... | ... | _${Z.summary.totalAgents-5} more_ |`)}if(q.push(""),q.push("## Recent Runs"),q.push(""),Z.runs.length===0)q.push("_No runs yet._");else{q.push("| Run ID | Agent | Status | Duration | Tokens | Cost |"),q.push("|--------|-------|--------|----------|--------|------|");for(let z of Z.runs.slice(0,5))q.push(`| ${z.id.slice(-8)} | ${z.agentName} | ${z.status} | ${z.durationMs?q1(z.durationMs):"-"} | ${z.totalTokens??0} | $${(z.estimatedCostUsd??0).toFixed(4)} |`);if(Z.runs.length>5)q.push(`| ... | ... | ... | ... | ... | _${Z.summary.totalRuns-5} more_ |`)}q.push(""),q.push("## Visualization Overview"),q.push("");for(let z of G)q.push(`- **${z.title}** via \`${z.spec.meta.key}\``);q.push(""),q.push("## Tools"),q.push("");let A={};for(let z of Z.tools){let H=z.category;if(!A[H])A[H]=[];A[H].push(z)}if(Object.keys(A).length===0)q.push("_No tools registered._");else{q.push("| Category | Tools | Active |"),q.push("|----------|-------|--------|");for(let[z,H]of Object.entries(A).sort()){let Q=H.filter((J)=>J.status==="ACTIVE").length;q.push(`| ${z} | ${H.length} | ${Q} |`)}}return{mimeType:"text/markdown",body:q.join(`
-`)}}};import{AGENT_CONSOLE_DEMO_PROJECT_ID as x0,createAgentConsoleDemoHandlers as N1}from"@contractspec/example.agent-console/shared";function z1(m){if(m<1000)return`${m}ms`;if(m<60000)return`${(m/1000).toFixed(1)}s`;return`${(m/60000).toFixed(1)}m`}var A1={target:"markdown",render:async(m,w)=>{if(m.source.type!=="component"||m.source.componentKey!=="RunListView")throw Error("runListMarkdownRenderer: not RunListView");let Z=Array.isArray(w?.data)?{items:w.data,total:w.data.length,hasMore:!1}:await N1({projectId:x0}).listRuns({projectId:x0,limit:20,offset:0}),p=[`# ${m.meta.description??"Agent Runs"}`,"",`> ${m.meta.key} v${m.meta.version}`,"",`**Total Runs:** ${Z.total}`,"","## Recent Runs","","| ID | Agent | Status | Duration | Tokens | Cost |","| --- | --- | --- | --- | --- | --- |"];for(let T of Z.items.slice(0,10))p.push(`| ${T.id.slice(-8)} | ${T.agentName} | ${T.status} | ${T.durationMs?z1(T.durationMs):"-"} | ${T.totalTokens} | $${T.estimatedCostUsd?.toFixed(4)??"-"} |`);return{mimeType:"text/markdown",body:p.join(`
-`)}}};import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as D1,AGENT_CONSOLE_DEMO_PROJECT_ID as e0,createAgentConsoleDemoHandlers as U1}from"@contractspec/example.agent-console/shared";var Q1={target:"markdown",render:async(m,w)=>{if(m.source.type!=="component"||m.source.componentKey!=="ToolRegistryView")throw Error("toolRegistryMarkdownRenderer: not ToolRegistryView");let Z=Array.isArray(w?.data)?{items:w.data,total:w.data.length,hasMore:!1}:await U1({projectId:e0}).listTools({projectId:e0,organizationId:D1,limit:50,offset:0}),p=[`# ${m.meta.description??"Tool Registry"}`,"",`> ${m.meta.key} v${m.meta.version}`,"",`**Total Tools:** ${Z.total}`,""],T={};for(let M of Z.items){let f=M.category;if(!T[f])T[f]=[];T[f].push(M)}for(let[M,f]of Object.entries(T).sort()){p.push(`## ${M} (${f.length})`),p.push("");for(let N of f){let y=N.status==="ACTIVE"?"✅":N.status==="DEPRECATED"?"⚠️":"❌";if(p.push(`### ${y} ${N.name} v${N.version}`),p.push(""),p.push(`> \`${N.id}\``),p.push(""),N.description)p.push(N.description),p.push("")}}return{mimeType:"text/markdown",body:p.join(`
-`)}}};export{W0 as useToolList,i as useRunList,Q0 as useAgentMutations,u as useAgentList,Q1 as toolRegistryMarkdownRenderer,A1 as runListMarkdownRenderer,w1 as agentListReactRenderer,j2 as agentListMarkdownRenderer,M1 as agentDashboardMarkdownRenderer,g2 as agentConsoleReadOnlyOverlay,Q4 as agentConsoleOverlays,l2 as agentConsoleDemoOverlay,p0 as ToolRegistryView,t as RunListView,f4 as ExecutionConsoleHost,Y0 as CreateAgentModal,p0 as AgentToolRegistry,t as AgentRunList,X0 as AgentListView,o0 as AgentDashboard,I0 as AgentActionsModal};
+import{defineVisualization as d0,VisualizationRegistry as W1}from"@contractspec/lib.contracts-spec/visualizations";var G0={key:"agent.run.list",version:"1.0.0"},O0={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},J0=d0({meta:{...O0,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:G0,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."}}}),W0=d0({meta:{...O0,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:G0,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."}}}),F0=d0({meta:{...O0,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:G0,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."}}}),g0=[J0,W0,F0],Nf=new W1([...g0]),yf=g0.map((f)=>({key:f.meta.key,version:f.meta.version}));function l0(f){if(!f)return"unknown";return f.toISOString().slice(0,10)}function c(f){let p=new Map,q=new Map;for(let m of f)p.set(m.status,(p.get(m.status)??0)+1),q.set(l0(m.startedAt??m.queuedAt),(q.get(l0(m.startedAt??m.queuedAt))??0)+1);return[{key:"run-status",spec:J0,data:{data:Array.from(p.entries()).map(([m,Z])=>({status:m,runs:Z}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:W0,data:{data:Array.from(q.entries()).sort(([m],[Z])=>m.localeCompare(Z)).map(([m,Z])=>({day:m,runs:Z}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:F0,data:{data:f.filter((m)=>typeof m.durationMs==="number").map((m)=>({totalTokens:m.totalTokens,durationMs:m.durationMs??0,estimatedCostUsd:m.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 f0=[{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 p0=[{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 n0=[{id:"runs",label:"Runs",icon:"▶"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}];function j0(f){let p=f.filter((M)=>M.status==="COMPLETED").length,q=f.reduce((M,w)=>M+w.totalTokens,0),m=f.reduce((M,w)=>M+(w.estimatedCostUsd??0),0),Z=f.map((M)=>M.durationMs).filter((M)=>typeof M==="number");return{averageDurationMs:Z.length>0?Z.reduce((M,w)=>M+w,0)/Z.length:0,completedRuns:p,successRate:f.length>0?p/f.length:0,totalCostUsd:m,totalRuns:f.length,totalTokens:q}}function m0(f){if(f<1000)return f.toString();if(f<1e6)return`${(f/1000).toFixed(1)}K`;return`${(f/1e6).toFixed(2)}M`}function e0(f){if(!f)return"-";if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}function x0(f){return new Intl.DateTimeFormat("en-US",{dateStyle:"medium",timeStyle:"short"}).format(f)}function X0(f){if(typeof document>"u")return{onPress:f};return{onClick:f}}import{Badge as F1}from"@contractspec/lib.ui-kit-web/ui/badge";import{Card as w0,CardContent as Z0,CardHeader as X1,CardTitle as h1}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as h0,VStack as j}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as _}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as J,jsxs as h}from"react/jsx-runtime";function a0({metrics:f}){let p=[{label:"Total Runs",value:String(f.totalRuns),hint:`${Math.round(f.successRate*100)}% success`},{label:"Success Rate",value:`${Math.round(f.successRate*100)}%`,hint:"of all runs"},{label:"Total Tokens",value:m0(f.totalTokens),hint:"This period"},{label:"Total Cost",value:`$${f.totalCostUsd.toFixed(2)}`,hint:"This period"}];return J(h0,{gap:"md",className:"flex-wrap",children:p.map((q)=>J(w0,{className:"min-w-52 flex-1",children:h(Z0,{className:"flex flex-col gap-1 pt-6",children:[J(_,{className:"text-muted-foreground text-sm",children:q.label}),J(_,{className:"font-bold text-2xl",children:q.value}),J(_,{className:"text-muted-foreground text-sm",children:q.hint})]})},q.label))})}function t0({agents:f}){return J(j,{gap:"md",children:f.map((p)=>J(w0,{children:h(Z0,{className:"flex flex-col gap-2 pt-6",children:[h(h0,{justify:"between",align:"start",children:[h(j,{gap:"xs",className:"flex-1",children:[J(_,{className:"font-semibold text-lg",children:p.name}),h(_,{className:"text-muted-foreground text-sm",children:[p.modelProvider," / ",p.modelName]})]}),J(q0,{status:p.status})]}),J(_,{className:"text-muted-foreground text-sm",children:p.description})]})},p.id))})}function s0({tools:f}){return J(j,{gap:"md",children:f.map((p)=>J(w0,{children:h(Z0,{className:"flex flex-col gap-2 pt-6",children:[h(h0,{justify:"between",align:"start",children:[h(j,{gap:"xs",className:"flex-1",children:[J(_,{className:"font-semibold text-lg",children:p.name}),h(_,{className:"text-muted-foreground text-sm",children:[p.category," / ",p.implementationType]})]}),J(q0,{status:p.status})]}),J(_,{className:"text-muted-foreground text-sm",children:p.description})]})},p.id))})}function f1({metrics:f}){return h(j,{gap:"md",children:[J(_,{className:"font-semibold text-lg",children:"Usage Analytics"}),h(w0,{children:[J(X1,{children:J(h1,{children:"Run Outcomes"})}),h(Z0,{className:"flex flex-col gap-3",children:[h(_,{children:["Completed: ",f.completedRuns]}),h(_,{children:["Failed: ",f.totalRuns-f.completedRuns]}),h(_,{children:["Average duration: ",(f.averageDurationMs/1000).toFixed(1),"s"]})]})]})]})}function q0({status:f}){return J(F1,{variant:f==="FAILED"||f==="CANCELLED"?"destructive":f==="ACTIVE"||f==="COMPLETED"?"secondary":"outline",children:J(_,{className:"font-semibold text-xs",children:f})})}import{useContractTable as _1}from"@contractspec/lib.presentation-runtime-react";import{Card as H1,CardContent as V1}from"@contractspec/lib.ui-kit-web/ui/card";import{DataTable as E1}from"@contractspec/lib.ui-kit-web/ui/data-table";import{VStack as k1}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as M0}from"@contractspec/lib.ui-kit-web/ui/text";import{useMemo as B1}from"react";import{jsx as C,jsxs as v1}from"react/jsx-runtime";function p1({runs:f}){let p=B1(()=>[{id:"queuedAt",header:"Run",label:"Run",accessor:(m)=>m.queuedAt.getTime(),cell:({item:m})=>v1(k1,{gap:"xs",children:[C(M0,{className:"font-mono text-sm",children:m.id}),C(M0,{className:"text-muted-foreground text-xs",children:x0(m.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:m})=>C(q0,{status:String(m)}),size:140,canSort:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:m})=>m0(Number(m??0)),align:"right",size:120,canSort:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:m})=>e0(typeof m==="number"?m:void 0),align:"right",size:130,canHide:!0}],[]),q=_1({data:f,columns:p,initialState:{pagination:{pageIndex:0,pageSize:5}},getRowId:(m)=>m.id});return C(E1,{controller:q,toolbar:C(M0,{className:"text-muted-foreground text-sm",children:"Run History"}),emptyState:C(H1,{children:C(V1,{className:"pt-6",children:C(M0,{className:"text-muted-foreground",children:"No runs yet"})})})})}import{createVisualizationModel as b1}from"@contractspec/lib.presentation-runtime-core";import{Button as m1}from"@contractspec/lib.ui-kit-web/ui/button";import{Card as L1,CardContent as u1,CardDescription as C1,CardHeader as r1,CardTitle as S1}from"@contractspec/lib.ui-kit-web/ui/card";import{HStack as w1,VStack as N0}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as e}from"@contractspec/lib.ui-kit-web/ui/text";import{Visualization as i1}from"@contractspec/lib.ui-kit-web/ui/visualization";import{useMemo as Z1,useState as c1}from"react";import{jsx as F,jsxs as S}from"react/jsx-runtime";function q1({agents:f=s,runs:p=p0,showHeaderAction:q=!0,tools:m=f0}){let[Z,M]=c1("runs"),w=Z1(()=>j0(p),[p]),y=Z1(()=>c(p),[p]);return S(N0,{gap:"xl",align:"stretch",children:[S(w1,{justify:"between",align:"center",className:"gap-3",children:[F(e,{className:"font-bold text-2xl",children:"AI Agent Console"}),q?F(m1,{...X0(()=>{return}),children:F(e,{children:"+ New Agent"})}):null]}),F(a0,{metrics:w}),S(N0,{gap:"md",children:[S(N0,{gap:"xs",children:[F(e,{className:"font-semibold text-lg",children:"Operational Visualizations"}),F(e,{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),F(N0,{gap:"md",children:y.map((U)=>S(L1,{children:[S(r1,{children:[F(S1,{children:U.title}),F(C1,{children:U.description})]}),F(u1,{children:F(i1,{height:U.height,model:b1(U.spec,U.data)})})]},U.key))})]}),F(w1,{className:"rounded-lg bg-muted p-1",gap:"xs",children:n0.map((U)=>F(m1,{size:"sm",variant:Z===U.id?"secondary":"ghost",className:"flex-1",...X0(()=>M(U.id)),children:S(e,{children:[U.icon," ",U.label]})},U.id))}),Z==="runs"?F(p1,{runs:p}):null,Z==="agents"?F(t0,{agents:f}):null,Z==="tools"?F(s0,{tools:m}):null,Z==="metrics"?F(f1,{metrics:w}):null]})}import{VisualizationCard as o1,VisualizationGrid as g1}from"@contractspec/lib.design-system";import{jsx as y0,jsxs as M1}from"react/jsx-runtime";function N1({runs:f}){let p=c(f);return M1("section",{className:"space-y-3",children:[M1("div",{children:[y0("h3",{className:"font-semibold text-lg",children:"Operational Visualizations"}),y0("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts derived from recent run activity."})]}),y0(g1,{children:p.map((q)=>y0(o1,{data:q.data,description:q.description,height:q.height,spec:q.spec,title:q.title},q.key))})]})}import{useTemplateRuntime as l1}from"@contractspec/lib.example-shared-ui";import{useCallback as n1,useEffect as j1,useMemo as e1,useState as D0}from"react";function o(f={}){let{handlers:p,projectId:q}=l1(),{agent:m}=p,[Z,M]=D0(null),[w,y]=D0(!0),[U,I]=D0(null),[N,T]=D0(1),D=n1(async()=>{y(!0),I(null);try{let z=await m.listAgents({projectId:q,search:f.search,status:f.status==="all"?void 0:f.status,limit:f.limit??20,offset:(N-1)*(f.limit??20)});M(z)}catch(z){I(z instanceof Error?z:Error("Unknown error"))}finally{y(!1)}},[m,q,f.search,f.status,f.limit,N]);j1(()=>{D()},[D]);let Y=e1(()=>{if(!Z)return null;return{total:Z.total,active:Z.items.filter((z)=>z.status==="ACTIVE").length,paused:Z.items.filter((z)=>z.status==="PAUSED").length,draft:Z.items.filter((z)=>z.status==="DRAFT").length}},[Z]);return{data:Z,loading:w,error:U,stats:Y,page:N,refetch:D,nextPage:()=>T((z)=>z+1),prevPage:()=>N>1&&T((z)=>z-1)}}import{useTemplateRuntime as t1}from"@contractspec/lib.example-shared-ui";import{useCallback as g,useState as H0}from"react";var _0="demo-org",Dp="agent-console-demo";function Up(f){return f.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}function Tp(f){return{...f}}function Kp(f){return{...f}}function Ap(f){return{...f}}function zp(){let f=0,p=Date.parse("2026-03-20T09:00:00.000Z");return()=>new Date(p+f++*60000)}function x1(f){return f.toLowerCase()}function a1(f){return f==="IN_PROGRESS"?"RUNNING":f}function Qp(f,p){let q=s.map((w)=>({id:w.id,projectId:f,organizationId:p,name:w.name,slug:w.slug,description:w.description,modelProvider:x1(w.modelProvider),modelName:w.modelName,systemPrompt:w.systemPrompt,temperature:typeof w.modelConfig?.temperature==="number"?w.modelConfig.temperature:0.4,maxTokens:8192,status:w.status,createdAt:w.createdAt,updatedAt:w.updatedAt})),m=f0.map((w)=>({id:w.id,projectId:f,organizationId:p,name:w.name,description:w.description,version:w.version,category:w.category,status:w.status,inputSchema:JSON.stringify(w.parametersSchema),outputSchema:w.outputSchema?JSON.stringify(w.outputSchema):void 0,endpoint:typeof w.implementationConfig?.url==="string"?w.implementationConfig.url:void 0,createdAt:w.createdAt,updatedAt:w.updatedAt})),Z=new Map(q.map((w)=>[w.id,w.name])),M=p0.map((w)=>({id:w.id,projectId:f,agentId:w.agentId,agentName:Z.get(w.agentId)??w.agentName??"Unknown agent",status:a1(w.status),input:JSON.stringify(w.input),output:w.output?JSON.stringify(w.output):void 0,totalTokens:w.totalTokens,promptTokens:w.promptTokens,completionTokens:w.completionTokens,estimatedCostUsd:w.estimatedCostUsd??0,durationMs:w.durationMs,errorMessage:w.errorMessage,queuedAt:w.queuedAt,startedAt:w.startedAt,completedAt:w.completedAt}));return{agents:q,tools:m,runs:M}}function Pp(f){let p=f.length,q=f.filter((Z)=>Z.status==="COMPLETED").length,m=f.map((Z)=>Z.durationMs).filter((Z)=>typeof Z==="number");return{totalRuns:p,successRate:p===0?0:q/p,averageDurationMs:m.length===0?0:Math.round(m.reduce((Z,M)=>Z+M,0)/m.length),totalTokens:f.reduce((Z,M)=>Z+M.totalTokens,0),totalCostUsd:f.reduce((Z,M)=>Z+M.estimatedCostUsd,0)}}function V0(f,p){return f instanceof Error?f:Error(p)}function E0(f={}){let{handlers:p,projectId:q}=t1(),{agent:m}=p,[Z,M]=H0({loading:!1,error:null,data:null}),[w,y]=H0({loading:!1,error:null,data:null}),[U,I]=H0({loading:!1,error:null,data:null}),N=g(async($)=>{M({loading:!0,error:null,data:null});try{let R=await m.createAgent($,{projectId:q,organizationId:_0});return M({loading:!1,error:null,data:R}),f.onSuccess?.(),R}catch(R){let A=V0(R,"Failed to create agent");throw M({loading:!1,error:A,data:null}),f.onError?.(A),A}},[m,q,f]),T=g(async($)=>{y({loading:!0,error:null,data:null});try{let R=await m.updateAgent($);return y({loading:!1,error:null,data:R}),f.onSuccess?.(),R}catch(R){let A=V0(R,"Failed to update agent");throw y({loading:!1,error:A,data:null}),f.onError?.(A),A}},[m,f]),D=g(async($)=>{return T({id:$,status:"ACTIVE"})},[T]),Y=g(async($)=>{return T({id:$,status:"PAUSED"})},[T]),z=g(async($)=>{return T({id:$,status:"ARCHIVED"})},[T]),d=g(async($)=>{I({loading:!0,error:null,data:null});try{let R=await m.executeAgent({agentId:$.agentId,message:$.message,context:{projectId:q,organizationId:_0}});return I({loading:!1,error:null,data:R}),f.onSuccess?.(),R}catch(R){let A=V0(R,"Failed to execute agent");throw I({loading:!1,error:A,data:null}),f.onError?.(A),A}},[m,q,f]);return{createAgent:N,updateAgent:T,activateAgent:D,pauseAgent:Y,archiveAgent:z,executeAgent:d,createState:Z,updateState:w,executeState:U,isLoading:Z.loading||w.loading||U.loading}}import{useTemplateRuntime as s1}from"@contractspec/lib.example-shared-ui";import{useCallback as f2,useEffect as p2,useState as x}from"react";function a(f={}){let{handlers:p,projectId:q}=s1(),{agent:m}=p,[Z,M]=x(null),[w,y]=x(null),[U,I]=x(!0),[N,T]=x(null),[D,Y]=x(0),z=f.pageSize??f.limit??20,d=f.pageIndex??D,[$]=f.sorting??[],R=f2(async()=>{I(!0),T(null);try{let[K,G]=await Promise.all([m.listRuns({projectId:q,agentId:f.agentId,status:f.status==="all"?void 0:f.status,sortBy:$?.id,sortDirection:$?$.desc?"desc":"asc":void 0,limit:z,offset:d*z}),m.getRunMetrics({projectId:q,agentId:f.agentId})]);M(K),y(G)}catch(K){T(K instanceof Error?K:Error("Unknown error"))}finally{I(!1)}},[m,d,z,q,f.agentId,f.status,$?.desc,$?.id]);p2(()=>{R()},[R]);let A=f.pageIndex!==void 0;return{data:Z,metrics:w,loading:U,error:N,page:d+1,pageIndex:d,pageSize:z,refetch:R,nextPage:A?void 0:()=>Y((K)=>K+1),prevPage:A?void 0:()=>Y((K)=>Math.max(0,K-1))}}import{Button as B}from"@contractspec/lib.design-system";import{useState as U0}from"react";import{jsx as O,jsxs as X}from"react/jsx-runtime";function m2(f){switch(f){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 k0({isOpen:f,agent:p,onClose:q,onActivate:m,onPause:Z,onArchive:M,onExecute:w,isLoading:y=!1}){let[U,I]=U0("menu"),[N,T]=U0(""),[D,Y]=U0(null),[z,d]=U0(null),$=()=>{I("menu"),T(""),Y(null),d(null)},R=()=>{$(),q()},A=async()=>{if(!p)return;if(d(null),!N.trim()){d("Please enter a message");return}try{await w(p.id,N.trim()),R()}catch(G){d(G instanceof Error?G.message:"Failed to execute agent")}},K=async(G)=>{if(!p)return;d(null);try{switch(G){case"activate":await m(p.id);break;case"pause":await Z(p.id);break;case"archive":await M(p.id);break}R()}catch(u){d(u instanceof Error?u.message:`Failed to ${G} agent`)}};if(!f||!p)return null;return X("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[O("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:R,role:"button",tabIndex:0,onKeyDown:(G)=>{if(G.key==="Enter"||G.key===" ")R()},"aria-label":"Close modal"}),X("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[X("div",{className:"mb-4 border-border border-b pb-4",children:[O("h2",{className:"font-semibold text-xl",children:p.name}),X("div",{className:"mt-1 flex items-center gap-2",children:[X("span",{className:"text-muted-foreground text-sm",children:[p.modelProvider," / ",p.modelName]}),O("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${m2(p.status)}`,children:p.status})]}),p.description&&O("p",{className:"mt-2 text-muted-foreground text-sm",children:p.description})]}),U==="menu"&&X("div",{className:"space-y-3",children:[p.status==="ACTIVE"&&X(B,{className:"w-full justify-start",variant:"ghost",onPress:()=>I("execute"),children:[O("span",{className:"mr-2",children:"▶️"})," Execute Agent"]}),(p.status==="DRAFT"||p.status==="PAUSED")&&X(B,{className:"w-full justify-start",variant:"ghost",onPress:()=>K("activate"),disabled:y,children:[O("span",{className:"mr-2",children:"\uD83D\uDFE2"})," Activate Agent"]}),p.status==="ACTIVE"&&X(B,{className:"w-full justify-start",variant:"ghost",onPress:()=>K("pause"),disabled:y,children:[O("span",{className:"mr-2",children:"⏸️"})," Pause Agent"]}),p.status!=="ARCHIVED"&&X(B,{className:"w-full justify-start text-yellow-600 hover:text-yellow-700",variant:"ghost",onPress:()=>{Y("archive"),I("confirm")},children:[O("span",{className:"mr-2",children:"\uD83D\uDCE6"})," Archive Agent"]}),p.status==="ARCHIVED"&&X(B,{className:"w-full justify-start",variant:"ghost",onPress:()=>K("activate"),disabled:y,children:[O("span",{className:"mr-2",children:"\uD83D\uDD04"})," Restore Agent"]}),z&&O("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:z}),O("div",{className:"border-border border-t pt-3",children:O(B,{className:"w-full",variant:"outline",onPress:R,children:"Close"})})]}),U==="execute"&&X("div",{className:"space-y-4",children:[X("div",{children:[O("label",{htmlFor:"execute-message",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Message *"}),O("textarea",{id:"execute-message",value:N,onChange:(G)=>T(G.target.value),placeholder:"Enter your message to the agent...",rows:4,disabled:y,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"})]}),z&&O("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:z}),X("div",{className:"flex justify-end gap-3 pt-2",children:[O(B,{variant:"ghost",onPress:()=>I("menu"),disabled:y,children:"Back"}),O(B,{onPress:A,disabled:y,children:y?"Executing...":"▶️ Execute"})]})]}),U==="confirm"&&D==="archive"&&X("div",{className:"space-y-4",children:[X("p",{className:"text-muted-foreground",children:["Are you sure you want to archive"," ",O("span",{className:"font-medium text-foreground",children:p.name}),"?"]}),O("p",{className:"text-muted-foreground text-sm",children:"Archived agents cannot be executed but can be restored later."}),z&&O("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:z}),X("div",{className:"flex justify-end gap-3 pt-2",children:[O(B,{variant:"ghost",onPress:()=>I("menu"),disabled:y,children:"Cancel"}),O(B,{onPress:()=>K("archive"),disabled:y,children:y?"Archiving...":"\uD83D\uDCE6 Archive"})]})]})]})]})}import{Button as y1,Input as w2}from"@contractspec/lib.design-system";import{useState as l}from"react";import{jsx as W,jsxs as v}from"react/jsx-runtime";var B0=[{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 v0({isOpen:f,onClose:p,onSubmit:q,isLoading:m=!1}){let[Z,M]=l(""),[w,y]=l(""),[U,I]=l("openai"),[N,T]=l("gpt-5.4"),[D,Y]=l(""),[z,d]=l(null),$=B0.find((K)=>K.value===U),R=async(K)=>{if(K.preventDefault(),d(null),!Z.trim()){d("Agent name is required");return}try{await q({name:Z.trim(),description:w.trim()||void 0,modelProvider:U,modelName:N,systemPrompt:D.trim()||void 0}),M(""),y(""),I("openai"),T("gpt-5.4"),Y(""),p()}catch(G){d(G instanceof Error?G.message:"Failed to create agent")}},A=(K)=>{I(K);let G=B0.find((u)=>u.value===K);if(G)T(G.models[0])};if(!f)return null;return v("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[W("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:p,role:"button",tabIndex:0,onKeyDown:(K)=>{if(K.key==="Enter"||K.key===" ")p()},"aria-label":"Close modal"}),v("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:[W("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Agent"}),v("form",{onSubmit:R,className:"space-y-4",children:[v("div",{children:[W("label",{htmlFor:"agent-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Agent Name *"}),W(w2,{id:"agent-name",value:Z,onChange:(K)=>M(K.target.value),placeholder:"e.g., Customer Support Bot",disabled:m})]}),v("div",{children:[W("label",{htmlFor:"agent-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),W("textarea",{id:"agent-description",value:w,onChange:(K)=>y(K.target.value),placeholder:"Describe what this agent does...",rows:2,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"})]}),v("div",{className:"flex gap-3",children:[v("div",{className:"flex-1",children:[W("label",{htmlFor:"model-provider",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Provider *"}),W("select",{id:"model-provider",value:U,onChange:(K)=>A(K.target.value),disabled:m,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:B0.map((K)=>W("option",{value:K.value,children:K.label},K.value))})]}),v("div",{className:"flex-1",children:[W("label",{htmlFor:"model-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Model *"}),W("select",{id:"model-name",value:N,onChange:(K)=>T(K.target.value),disabled:m,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:$?.models.map((K)=>W("option",{value:K,children:K},K))})]})]}),v("div",{children:[W("label",{htmlFor:"system-prompt",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"System Prompt"}),W("textarea",{id:"system-prompt",value:D,onChange:(K)=>Y(K.target.value),placeholder:"You are a helpful assistant that...",rows:4,disabled:m,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"}),W("p",{className:"mt-1 text-muted-foreground text-xs",children:"Instructions that define the agent's behavior"})]}),z&&W("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:z}),v("div",{className:"flex justify-end gap-3 pt-2",children:[W(y1,{type:"button",variant:"ghost",onPress:p,disabled:m,children:"Cancel"}),W(y1,{type:"submit",disabled:m,children:m?"Creating...":"Create Agent"})]})]})]})]})}import{Button as T0,StatusChip as Z2}from"@contractspec/lib.design-system";import{HStack as L0,VStack as b0}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as i}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as L,jsxs as k}from"react/jsx-runtime";function u0(f){switch(f){case"COMPLETED":return"success";case"RUNNING":return"warning";case"QUEUED":return"neutral";case"FAILED":case"CANCELLED":return"danger";default:return"neutral"}}function C0(f){if(!f)return"-";if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}function n(f){if(f<1000)return f.toString();if(f<1e6)return`${(f/1000).toFixed(1)}K`;return`${(f/1e6).toFixed(2)}M`}function U1(f){if(!f)return"-";return`$${f.toFixed(4)}`}function D1(f){return JSON.stringify(f??null,null,2)}function T1({run:f}){return k(b0,{gap:"sm",className:"py-2",children:[k(L0,{justify:"between",className:"flex-wrap",children:[L(Z2,{tone:u0(f.status),label:f.status}),k(i,{className:"text-muted-foreground text-sm",children:["Queued ",f.queuedAt.toLocaleString()]})]}),k(L0,{gap:"lg",className:"flex-wrap",children:[k(i,{className:"text-muted-foreground text-sm",children:["Prompt ",n(f.promptTokens)]}),k(i,{className:"text-muted-foreground text-sm",children:["Completion ",n(f.completionTokens)]}),k(i,{className:"text-muted-foreground text-sm",children:["Duration ",C0(f.durationMs)]})]}),k(b0,{gap:"xs",children:[L(i,{className:"font-medium text-sm",children:"Input"}),L("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:D1(f.input)})]}),k(b0,{gap:"xs",children:[L(i,{className:"font-medium text-sm",children:"Output"}),L("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:D1(f.output??f.errorMessage??"Pending")})]})]})}function K1({controller:f,totalRuns:p}){let q=f.rows[0],m=f.columns.find((w)=>w.id==="queuedAt"),Z=f.columns.find((w)=>w.id==="durationMs"),M=f.columns.find((w)=>w.id==="estimatedCostUsd");return k(L0,{gap:"sm",className:"flex-wrap",children:[k(i,{className:"text-muted-foreground text-sm",children:[p," runs"]}),L(T0,{variant:"outline",size:"sm",onPress:()=>q?.toggleExpanded?.(!q?.isExpanded),children:"Expand Latest Run"}),L(T0,{variant:"outline",size:"sm",onPress:()=>m?.toggleVisibility?.(!m?.visible),children:m?.visible?"Hide Time":"Show Time"}),L(T0,{variant:"outline",size:"sm",onPress:()=>Z?.toggleVisibility?.(!Z?.visible),children:Z?.visible?"Hide Duration":"Show Duration"}),L(T0,{variant:"outline",size:"sm",onPress:()=>M?.toggleVisibility?.(!M?.visible),children:M?.visible?"Hide Cost":"Show Cost"})]})}import{StatusChip as q2}from"@contractspec/lib.design-system";import{VStack as M2}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as r0}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as K0,jsxs as N2}from"react/jsx-runtime";function A1(){return[{id:"queuedAt",header:"Run",label:"Run",accessor:(f)=>f.queuedAt.getTime(),cell:({item:f})=>N2(M2,{gap:"xs",children:[K0(r0,{className:"font-mono text-sm",children:f.id.slice(-8)}),K0(r0,{className:"text-muted-foreground text-xs",children:f.queuedAt.toLocaleString()})]}),size:220,minSize:180,canSort:!0,canHide:!0,canResize:!0},{id:"agentName",header:"Agent",label:"Agent",accessor:(f)=>f.agentName??"Unknown Agent",cell:({value:f})=>K0(r0,{className:"font-medium",children:typeof f==="string"?f:"Unknown Agent"}),size:220,canSort:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:f})=>{let p=typeof f==="string"?f:"QUEUED";return K0(q2,{tone:u0(p),label:p})},size:150,canSort:!0,canResize:!0},{id:"totalTokens",header:"Tokens",label:"Tokens",accessorKey:"totalTokens",cell:({value:f})=>n(Number(f??0)),align:"right",size:140,canSort:!0,canResize:!0},{id:"durationMs",header:"Duration",label:"Duration",accessorKey:"durationMs",cell:({value:f})=>C0(typeof f==="number"?f:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0},{id:"estimatedCostUsd",header:"Cost",label:"Cost",accessorKey:"estimatedCostUsd",cell:({value:f})=>U1(typeof f==="number"?f:void 0),align:"right",size:140,canSort:!0,canHide:!0,canResize:!0}]}import{DataTable as y2}from"@contractspec/lib.design-system";import{useContractTable as D2}from"@contractspec/lib.presentation-runtime-react";import*as z1 from"react";import{jsx as A0}from"react/jsx-runtime";function Q1({runs:f,totalItems:p,pageIndex:q,pageSize:m,sorting:Z,loading:M,onSortingChange:w,onPaginationChange:y,onRunClick:U}){let I=z1.useMemo(()=>A1(),[]),N=D2({data:f,columns:I,executionMode:"server",totalItems:p,state:{sorting:Z,pagination:{pageIndex:q,pageSize:m}},onSortingChange:w,onPaginationChange:y,initialState:{columnVisibility:{estimatedCostUsd:!1}},getRowId:(T)=>T.id,renderExpandedContent:(T)=>A0(T1,{run:T}),getCanExpand:()=>!0});return A0(y2,{controller:N,title:"Run History",description:"Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",loading:M,onRowPress:(T)=>U?.(T.id),toolbar:A0(K1,{controller:N,totalRuns:p}),emptyState:A0("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No runs yet"})})}import{EmptyState as U2,ErrorState as T2,LoaderBlock as K2,StatCard as z0,StatCardGroup as A2}from"@contractspec/lib.design-system";import{useState as P1}from"react";import{jsx as r,jsxs as $1}from"react/jsx-runtime";function Q0({agentId:f,onRunClick:p}){let[q,m]=P1([{id:"queuedAt",desc:!0}]),[Z,M]=P1({pageIndex:0,pageSize:3}),{data:w,metrics:y,loading:U,error:I,refetch:N}=a({agentId:f,pageIndex:Z.pageIndex,pageSize:Z.pageSize,sorting:q});if(U&&!w)return r(K2,{label:"Loading runs..."});if(I)return r(T2,{title:"Failed to load runs",description:I.message,onRetry:N,retryLabel:"Retry"});if(!w?.items.length)return r(U2,{title:"No runs yet",description:"Execute an agent to see run history here."});return $1("div",{className:"space-y-6",children:[y?$1(A2,{children:[r(z0,{label:"Total Runs",value:y.totalRuns}),r(z0,{label:"Success Rate",value:`${(y.successRate*100).toFixed(1)}%`}),r(z0,{label:"Total Tokens",value:n(y.totalTokens)}),r(z0,{label:"Total Cost",value:`$${y.totalCostUsd.toFixed(2)}`})]}):null,r(Q1,{runs:w.items,totalItems:w.total,pageIndex:Z.pageIndex,pageSize:Z.pageSize,sorting:q,loading:U,onSortingChange:(T)=>{m(T),M((D)=>({...D,pageIndex:0}))},onPaginationChange:M,onRunClick:p})]})}import{useTemplateRuntime as z2}from"@contractspec/lib.example-shared-ui";import{useCallback as Q2,useEffect as P2,useMemo as $2,useState as P0}from"react";function S0(f={}){let{handlers:p,projectId:q}=z2(),{agent:m}=p,[Z,M]=P0(null),[w,y]=P0(!0),[U,I]=P0(null),[N,T]=P0(1),D=Q2(async()=>{y(!0),I(null);try{let $=await m.listTools({projectId:q,search:f.search,category:f.category,status:f.status==="all"?void 0:f.status,limit:f.limit??50,offset:(N-1)*(f.limit??50)});M($)}catch($){I($ instanceof Error?$:Error("Unknown error"))}finally{y(!1)}},[m,q,f.search,f.category,f.status,f.limit,N]);P2(()=>{D()},[D]);let{stats:Y,groupedByCategory:z,categoryStats:d}=$2(()=>{if(!Z)return{stats:null,groupedByCategory:{},categoryStats:[]};let $=Z.items,R=$.filter((E)=>E.status==="ACTIVE").length,A=$.filter((E)=>E.status==="DEPRECATED").length,K=$.filter((E)=>E.status==="DISABLED").length,G={},u={};$.forEach((E)=>{let b=E.category;if(!G[b])G[b]=[];G[b].push(E),u[b]=(u[b]||0)+1});let o0=Object.entries(u).map(([E,b])=>({category:E,count:b})).sort((E,b)=>b.count-E.count);return{stats:{total:Z.total,active:R,deprecated:A,disabled:K,topCategories:o0.slice(0,5)},groupedByCategory:G,categoryStats:o0}},[Z]);return{data:Z,loading:w,error:U,stats:Y,groupedByCategory:z,categoryStats:d,page:N,refetch:D,nextPage:()=>T(($)=>$+1),prevPage:()=>N>1&&T(($)=>$-1)}}import{Button as I2,EmptyState as R2,EntityCard as Y2,ErrorState as d2,LoaderBlock as G2,StatCard as I1,StatCardGroup as O2,StatusChip as J2}from"@contractspec/lib.design-system";import{jsx as H,jsxs as $0}from"react/jsx-runtime";var R1={RETRIEVAL:"\uD83D\uDD0D",COMPUTATION:"\uD83E\uDDEE",COMMUNICATION:"\uD83D\uDCE7",INTEGRATION:"\uD83D\uDD17",UTILITY:"\uD83D\uDEE0️",CUSTOM:"⚙️"};function W2(f){switch(f){case"ACTIVE":return"success";case"DRAFT":return"neutral";case"DEPRECATED":return"warning";case"DISABLED":return"danger";default:return"neutral"}}function I0({onToolClick:f,onCreateTool:p}){let{data:q,loading:m,error:Z,groupedByCategory:M,categoryStats:w,refetch:y}=S0();if(m&&!q)return H(G2,{label:"Loading tools..."});if(Z)return H(d2,{title:"Failed to load tools",description:Z.message,onRetry:y,retryLabel:"Retry"});if(!q?.items.length)return H(R2,{title:"No tools registered",description:"Create your first tool to extend agent capabilities.",primaryAction:p?H(I2,{onPress:p,children:"Create Tool"}):void 0});return $0("div",{className:"space-y-8",children:[$0(O2,{children:[H(I1,{label:"Total Tools",value:q.total}),w.slice(0,3).map(({category:U,count:I})=>H(I1,{label:`${R1[U]??""} ${U}`,value:I},U))]}),Object.entries(M).map(([U,I])=>$0("section",{className:"space-y-4",children:[$0("div",{className:"flex items-center gap-2",children:[H("span",{className:"text-2xl",children:R1[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:I.length})]}),H("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:I.map((N)=>H(Y2,{cardTitle:N.name,cardSubtitle:`v${N.version}`,meta:H("p",{className:"text-muted-foreground text-sm",children:N.description}),chips:H(J2,{tone:W2(N.status),label:N.status}),footer:H("code",{className:"text-muted-foreground text-xs",children:N.name}),onClick:f?()=>f(N.id):void 0},N.id))})]},U))]})}import{Button as i0,StatCard as F2,StatCardGroup as X2}from"@contractspec/lib.design-system";import{useCallback as h2,useMemo as _2,useState as t}from"react";import{jsx as Q,jsxs as P}from"react/jsx-runtime";function Y4(){let[f,p]=t("runs"),[q,m]=t(!1),[Z,M]=t(null),[w,y]=t(!1),[U,I]=t(0),{data:N,metrics:T,refetch:D}=a(),{refetch:Y}=o(),z=E0({onSuccess:()=>{Y(),D(),I((A)=>A+1)}}),d=h2((A)=>{M(A),y(!0)},[]),$=[{id:"runs",label:"Runs",icon:"▶"},{id:"agents",label:"Agents",icon:"\uD83E\uDD16"},{id:"tools",label:"Tools",icon:"\uD83D\uDD27"},{id:"metrics",label:"Metrics",icon:"\uD83D\uDCCA"}],R=_2(()=>{if(!T)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:T.totalRuns.toLocaleString(),hint:`${(T.successRate*100).toFixed(0)}% success`},{label:"Success Rate",value:`${(T.successRate*100).toFixed(0)}%`,hint:"of all runs"},{label:"Total Tokens",value:T.totalTokens>=1e6?`${(T.totalTokens/1e6).toFixed(1)}M`:`${(T.totalTokens/1000).toFixed(0)}K`,hint:"This period"},{label:"Total Cost",value:`$${T.totalCostUsd.toFixed(2)}`,hint:"This period"}]},[T]);return P("div",{className:"space-y-6",children:[P("div",{className:"flex items-center justify-between",children:[Q("h2",{className:"font-bold text-2xl",children:"AI Agent Console"}),P(i0,{onPress:()=>m(!0),children:[Q("span",{className:"mr-2",children:"+"})," New Agent"]})]}),Q(X2,{children:R.map((A,K)=>Q(F2,{label:A.label,value:A.value,hint:A.hint},K))}),Q(N1,{runs:N?.items??[]}),Q("nav",{className:"flex gap-1 rounded-lg bg-muted p-1",role:"tablist",children:$.map((A)=>P("button",{type:"button",role:"tab","aria-selected":f===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 ${f===A.id?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:[Q("span",{children:A.icon}),A.label]},A.id))}),P("div",{className:"min-h-[400px]",role:"tabpanel",children:[f==="runs"&&Q(Q0,{},U),f==="agents"&&Q(H2,{onAgentClick:d},U),f==="tools"&&Q(I0,{}),f==="metrics"&&Q(E2,{metrics:T})]}),Q(v0,{isOpen:q,onClose:()=>m(!1),onSubmit:async(A)=>{await z.createAgent(A)},isLoading:z.createState.loading}),Q(k0,{isOpen:w,agent:Z,onClose:()=>{y(!1),M(null)},onActivate:async(A)=>{await z.activateAgent(A)},onPause:async(A)=>{await z.pauseAgent(A)},onArchive:async(A)=>{await z.archiveAgent(A)},onExecute:async(A,K)=>{await z.executeAgent({agentId:A,message:K})},isLoading:z.isLoading})]})}function H2({onAgentClick:f}){let{data:p,loading:q,error:m,stats:Z,refetch:M}=o();if(q&&!p)return Q("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading agents..."});if(m)return P("div",{className:"flex h-64 flex-col items-center justify-center text-destructive",children:[P("p",{children:["Failed to load agents: ",m.message]}),Q(i0,{variant:"outline",onPress:M,className:"mt-2",children:"Retry"})]});if(!p?.items.length)return P("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 P("div",{className:"space-y-4",children:[Z&&P("div",{className:"flex gap-4 text-sm",children:[P("span",{children:["Total: ",Z.total]}),P("span",{className:"text-green-600",children:["Active: ",Z.active]}),P("span",{className:"text-yellow-600",children:["Paused: ",Z.paused]}),P("span",{className:"text-blue-600",children:["Draft: ",Z.draft]})]}),Q("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:p.items.map((w)=>Q(V2,{agent:w,onClick:()=>f(w)},w.id))})]})}function V2({agent:f,onClick:p}){let q={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 P("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:(m)=>{if(m.key==="Enter"||m.key===" ")p()},children:[P("div",{className:"flex items-start justify-between",children:[P("div",{className:"min-w-0 flex-1",children:[Q("h3",{className:"truncate font-semibold",children:f.name}),P("p",{className:"text-muted-foreground text-sm",children:[f.modelProvider," / ",f.modelName]})]}),Q("span",{className:`rounded-full px-2 py-0.5 font-medium text-xs ${q[f.status]}`,children:f.status})]}),f.description&&Q("p",{className:"mt-2 line-clamp-2 text-muted-foreground text-sm",children:f.description}),P("div",{className:"mt-3 flex items-center justify-between",children:[Q("span",{className:"text-muted-foreground text-xs",children:f.modelName}),Q(i0,{variant:"ghost",size:"sm",onPress:p,children:"Actions"})]})]})}function E2({metrics:f}){if(!f)return Q("div",{className:"flex h-64 items-center justify-center text-muted-foreground",children:"Loading metrics..."});let p=Math.round(f.totalRuns*f.successRate),q=f.totalRuns-p;return P("div",{className:"space-y-6",children:[Q("h3",{className:"font-semibold text-lg",children:"Usage Analytics"}),P("div",{className:"grid gap-6 md:grid-cols-2",children:[P("div",{className:"rounded-xl border border-border bg-card p-4",children:[Q("h4",{className:"font-medium",children:"Run Outcomes"}),P("div",{className:"mt-4 space-y-3",children:[Q(Y1,{label:"Completed",value:p,total:f.totalRuns,color:"bg-green-500"}),Q(Y1,{label:"Failed",value:q,total:f.totalRuns,color:"bg-red-500"})]})]}),P("div",{className:"rounded-xl border border-border bg-card p-4",children:[Q("h4",{className:"font-medium",children:"Performance"}),P("dl",{className:"mt-4 grid grid-cols-2 gap-4",children:[P("div",{children:[Q("dt",{className:"text-muted-foreground text-sm",children:"Avg Duration"}),P("dd",{className:"font-semibold text-xl",children:[(f.averageDurationMs/1000).toFixed(1),"s"]})]}),P("div",{children:[Q("dt",{className:"text-muted-foreground text-sm",children:"Success Rate"}),P("dd",{className:"font-semibold text-xl",children:[(f.successRate*100).toFixed(0),"%"]})]})]})]})]}),P("div",{className:"rounded-xl border border-border bg-card p-4",children:[Q("h4",{className:"font-medium",children:"Key Metrics"}),P("dl",{className:"mt-4 grid gap-4 sm:grid-cols-3",children:[P("div",{children:[Q("dt",{className:"text-muted-foreground text-sm",children:"Total Runs"}),Q("dd",{className:"font-semibold text-2xl",children:f.totalRuns.toLocaleString()})]}),P("div",{children:[Q("dt",{className:"text-muted-foreground text-sm",children:"Total Tokens"}),P("dd",{className:"font-semibold text-2xl",children:[(f.totalTokens/1000).toFixed(0),"K"]})]}),P("div",{children:[Q("dt",{className:"text-muted-foreground text-sm",children:"Cost per Run"}),P("dd",{className:"font-semibold text-2xl",children:["$",f.totalRuns>0?(f.totalCostUsd/f.totalRuns).toFixed(4):"0"]})]})]})]})]})}function Y1({label:f,value:p,total:q,color:m}){let Z=q>0?p/q*100:0;return P("div",{children:[P("div",{className:"flex justify-between text-sm",children:[Q("span",{children:f}),P("span",{className:"text-muted-foreground",children:[p," (",Z.toFixed(0),"%)"]})]}),Q("div",{className:"mt-1 h-2 overflow-hidden rounded-full bg-muted",children:Q("div",{className:`h-full ${m}`,style:{width:`${Z}%`}})})]})}import{VStack as k2}from"@contractspec/lib.ui-kit-web/ui/stack";import{ExecutionLaneConsoleDemo as B2}from"@contractspec/module.execution-console";import{jsx as d1,jsxs as v2}from"react/jsx-runtime";function H4(){return v2(k2,{gap:"xl",align:"stretch",children:[d1(q1,{}),d1(B2,{})]})}var b2={overlayId:"agent-console.demo-user",version:"1.0.0",description:"Simplifies agent console for demo users",appliesTo:{feature:"agent-console",role:"demo"},modifications:[{type:"hideField",field:"modelConfig",reason:"Advanced config not relevant for demo"},{type:"hideField",field:"webhookConfig",reason:"Integration not available in demo"},{type:"renameLabel",field:"systemPrompt",newLabel:"Agent Instructions"},{type:"addBadge",position:"header",label:"Demo Mode",variant:"warning"}]},L2={overlayId:"agent-console.read-only",version:"1.0.0",description:"Read-only view for non-admin users",appliesTo:{feature:"agent-console",role:"viewer"},modifications:[{type:"hideField",field:"deleteButton",reason:"No delete permission"},{type:"hideField",field:"editButton",reason:"No edit permission"},{type:"hideField",field:"createButton",reason:"No create permission"}]},S4=[b2,L2];import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as u2,AGENT_CONSOLE_DEMO_PROJECT_ID as G1,createAgentConsoleDemoHandlers as C2}from"@contractspec/example.agent-console/shared";var r2={target:"markdown",render:async(f,p)=>{if(f.source.type!=="component"||f.source.componentKey!=="AgentListView")throw Error("agentListMarkdownRenderer: not AgentListView");let q=Array.isArray(p?.data)?{items:p.data,total:p.data.length,hasMore:!1}:await C2({projectId:G1}).listAgents({projectId:G1,organizationId:u2,limit:50,offset:0}),m=[`# ${f.meta.description??"Agent List"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Agents:** ${q.total}`,"","## Agents",""],Z={};for(let M of q.items){let w=M.status;if(Z[w])Z[w].push(M);else Z[w]=[M]}for(let[M,w]of Object.entries(Z)){m.push(`### ${M} (${w.length})`),m.push("");for(let y of w)if(m.push(`- **${y.name}** (${y.modelProvider}/${y.modelName})`),y.description)m.push(`  > ${y.description}`);m.push("")}return{mimeType:"text/markdown",body:m.join(`
+`)}}};import{Button as S2,EmptyState as i2,EntityCard as c2,ErrorState as o2,LoaderBlock as g2,StatCard as R0,StatCardGroup as l2,StatusChip as n2}from"@contractspec/lib.design-system";import{jsx as V,jsxs as Y0}from"react/jsx-runtime";function j2(f){switch(f){case"ACTIVE":return"success";case"PAUSED":case"DRAFT":return"warning";case"ARCHIVED":return"neutral";default:return"neutral"}}function c0(){let{data:f,loading:p,error:q,stats:m,refetch:Z}=o();if(p&&!f)return V(g2,{label:"Loading agents..."});if(q)return V(o2,{title:"Failed to load agents",description:q.message,onRetry:Z,retryLabel:"Retry"});if(!f?.items.length)return V(i2,{title:"No agents yet",description:"Create your first AI agent to get started."});return Y0("div",{className:"space-y-6",children:[m&&Y0(l2,{children:[V(R0,{label:"Total Agents",value:m.total}),V(R0,{label:"Active",value:m.active}),V(R0,{label:"Paused",value:m.paused}),V(R0,{label:"Draft",value:m.draft})]}),Y0("div",{className:"flex items-center justify-between",children:[V("h3",{className:"font-semibold text-lg",children:"Agents"}),V(S2,{onPress:()=>alert("Create Agent clicked!"),children:"Create Agent"})]}),V("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:f.items.map((M)=>V(c2,{cardTitle:M.name,cardSubtitle:M.modelName,meta:V("p",{className:"text-muted-foreground text-sm",children:M.description}),chips:V(n2,{tone:j2(M.status),label:M.status}),footer:Y0("span",{className:"text-muted-foreground text-xs",children:["Created ",M.createdAt.toLocaleDateString()]}),onClick:()=>alert(`View agent: ${M.name}`)},M.id))})]})}import{jsx as x2}from"react/jsx-runtime";var e2={target:"react",render:async(f)=>{if(f.source.type!=="component")throw Error("AgentListRenderer: expected component source");if(f.source.componentKey!=="AgentListView")throw Error(`AgentListRenderer: unknown component ${f.source.componentKey}`);return x2(c0,{})}};import{getFallbackAgentConsoleDashboardData as a2}from"@contractspec/example.agent-console/shared";function t2(f){if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}var s2={target:"markdown",render:async(f,p)=>{if(f.source.type!=="component"||f.source.componentKey!=="AgentConsoleDashboard")throw Error("agentDashboardMarkdownRenderer: not AgentConsoleDashboard");let q=p?.data??await a2(),m=q.agents.filter((D)=>D.status==="ACTIVE").length,Z=q.runs.filter((D)=>D.status==="COMPLETED").length,M=q.runs.filter((D)=>D.status==="FAILED").length,w=q.runs.reduce((D,Y)=>D+(Y.totalTokens??0),0),y=q.runs.reduce((D,Y)=>D+(Y.estimatedCostUsd??0),0),U=q.tools.filter((D)=>D.status==="ACTIVE").length,I=c(q.runs),N=["# Agent Console Dashboard","","> AI agent operations overview","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Agents | ${q.summary.totalAgents} |`,`| Active Agents | ${m} |`,`| Total Runs | ${q.summary.totalRuns} |`,`| Completed Runs | ${Z} |`,`| Failed Runs | ${M} |`,`| Total Tokens | ${w.toLocaleString()} |`,`| Total Cost | $${y.toFixed(4)} |`,`| Total Tools | ${q.summary.totalTools} |`,`| Active Tools | ${U} |`,"","## Agents",""];if(q.agents.length===0)N.push("_No agents configured._");else{N.push("| Agent | Model | Status | Description |"),N.push("|-------|-------|--------|-------------|");for(let D of q.agents.slice(0,5))N.push(`| ${D.name} | ${D.modelProvider}/${D.modelName} | ${D.status} | ${D.description??"-"} |`);if(q.agents.length>5)N.push(`| ... | ... | ... | _${q.summary.totalAgents-5} more_ |`)}if(N.push(""),N.push("## Recent Runs"),N.push(""),q.runs.length===0)N.push("_No runs yet._");else{N.push("| Run ID | Agent | Status | Duration | Tokens | Cost |"),N.push("|--------|-------|--------|----------|--------|------|");for(let D of q.runs.slice(0,5))N.push(`| ${D.id.slice(-8)} | ${D.agentName} | ${D.status} | ${D.durationMs?t2(D.durationMs):"-"} | ${D.totalTokens??0} | $${(D.estimatedCostUsd??0).toFixed(4)} |`);if(q.runs.length>5)N.push(`| ... | ... | ... | ... | ... | _${q.summary.totalRuns-5} more_ |`)}N.push(""),N.push("## Visualization Overview"),N.push("");for(let D of I)N.push(`- **${D.title}** via \`${D.spec.meta.key}\``);N.push(""),N.push("## Tools"),N.push("");let T={};for(let D of q.tools){let Y=D.category;if(!T[Y])T[Y]=[];T[Y].push(D)}if(Object.keys(T).length===0)N.push("_No tools registered._");else{N.push("| Category | Tools | Active |"),N.push("|----------|-------|--------|");for(let[D,Y]of Object.entries(T).sort()){let z=Y.filter((d)=>d.status==="ACTIVE").length;N.push(`| ${D} | ${Y.length} | ${z} |`)}}return{mimeType:"text/markdown",body:N.join(`
+`)}}};import{AGENT_CONSOLE_DEMO_PROJECT_ID as O1,createAgentConsoleDemoHandlers as ff}from"@contractspec/example.agent-console/shared";function pf(f){if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}var mf={target:"markdown",render:async(f,p)=>{if(f.source.type!=="component"||f.source.componentKey!=="RunListView")throw Error("runListMarkdownRenderer: not RunListView");let q=Array.isArray(p?.data)?{items:p.data,total:p.data.length,hasMore:!1}:await ff({projectId:O1}).listRuns({projectId:O1,limit:20,offset:0}),m=[`# ${f.meta.description??"Agent Runs"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Runs:** ${q.total}`,"","## Recent Runs","","| ID | Agent | Status | Duration | Tokens | Cost |","| --- | --- | --- | --- | --- | --- |"];for(let Z of q.items.slice(0,10))m.push(`| ${Z.id.slice(-8)} | ${Z.agentName} | ${Z.status} | ${Z.durationMs?pf(Z.durationMs):"-"} | ${Z.totalTokens} | $${Z.estimatedCostUsd?.toFixed(4)??"-"} |`);return{mimeType:"text/markdown",body:m.join(`
+`)}}};import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as wf,AGENT_CONSOLE_DEMO_PROJECT_ID as J1,createAgentConsoleDemoHandlers as Zf}from"@contractspec/example.agent-console/shared";var qf={target:"markdown",render:async(f,p)=>{if(f.source.type!=="component"||f.source.componentKey!=="ToolRegistryView")throw Error("toolRegistryMarkdownRenderer: not ToolRegistryView");let q=Array.isArray(p?.data)?{items:p.data,total:p.data.length,hasMore:!1}:await Zf({projectId:J1}).listTools({projectId:J1,organizationId:wf,limit:50,offset:0}),m=[`# ${f.meta.description??"Tool Registry"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Tools:** ${q.total}`,""],Z={};for(let M of q.items){let w=M.category;if(!Z[w])Z[w]=[];Z[w].push(M)}for(let[M,w]of Object.entries(Z).sort()){m.push(`## ${M} (${w.length})`),m.push("");for(let y of w){let U=y.status==="ACTIVE"?"✅":y.status==="DEPRECATED"?"⚠️":"❌";if(m.push(`### ${U} ${y.name} v${y.version}`),m.push(""),m.push(`> \`${y.id}\``),m.push(""),y.description)m.push(y.description),m.push("")}}return{mimeType:"text/markdown",body:m.join(`
+`)}}};export{S0 as useToolList,a as useRunList,E0 as useAgentMutations,o as useAgentList,qf as toolRegistryMarkdownRenderer,mf as runListMarkdownRenderer,e2 as agentListReactRenderer,r2 as agentListMarkdownRenderer,s2 as agentDashboardMarkdownRenderer,L2 as agentConsoleReadOnlyOverlay,S4 as agentConsoleOverlays,b2 as agentConsoleDemoOverlay,I0 as ToolRegistryView,Q0 as RunListView,H4 as ExecutionConsoleHost,v0 as CreateAgentModal,I0 as AgentToolRegistry,Q0 as AgentRunList,c0 as AgentListView,Y4 as AgentDashboard,q1 as AgentConsolePreview,k0 as AgentActionsModal};

package/dist/node/ui/renderers/dashboard.markdown.js

@@ -1,2 +1,2 @@
-import{defineVisualization as k,VisualizationRegistry as G}from"@contractspec/lib.contracts-spec/visualizations";var w={key:"agent.run.list",version:"1.0.0"},y={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},h=k({meta:{...y,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:w,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."}}}),d=k({meta:{...y,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:w,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."}}}),q=k({meta:{...y,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:w,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."}}}),M=[h,d,q],Q=new G([...M]),S=M.map((p)=>({key:p.meta.key,version:p.meta.version}));function O(p){if(!p)return"unknown";return p.toISOString().slice(0,10)}function b(p){let m=new Map,u=new Map;for(let f of p)m.set(f.status,(m.get(f.status)??0)+1),u.set(O(f.startedAt??f.queuedAt),(u.get(O(f.startedAt??f.queuedAt))??0)+1);return[{key:"run-status",spec:h,data:{data:Array.from(m.entries()).map(([f,o])=>({status:f,runs:o}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d,data:{data:Array.from(u.entries()).sort(([f],[o])=>f.localeCompare(o)).map(([f,o])=>({day:f,runs:o}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:q,data:{data:p.filter((f)=>typeof f.durationMs==="number").map((f)=>({totalTokens:f.totalTokens,durationMs:f.durationMs??0,estimatedCostUsd:f.estimatedCostUsd}))},title:"Duration vs Tokens",description:"Operational scatter plot for spotting inefficient runs."}]}import{getFallbackAgentConsoleDashboardData as H}from"@contractspec/example.agent-console/shared";function J(p){if(p<1000)return`${p}ms`;if(p<60000)return`${(p/1000).toFixed(1)}s`;return`${(p/60000).toFixed(1)}m`}var U={target:"markdown",render:async(p,m)=>{if(p.source.type!=="component"||p.source.componentKey!=="AgentConsoleDashboard")throw Error("agentDashboardMarkdownRenderer: not AgentConsoleDashboard");let u=m?.data??await H(),f=u.agents.filter((r)=>r.status==="ACTIVE").length,o=u.runs.filter((r)=>r.status==="COMPLETED").length,c=u.runs.filter((r)=>r.status==="FAILED").length,x=u.runs.reduce((r,e)=>r+(e.totalTokens??0),0),K=u.runs.reduce((r,e)=>r+(e.estimatedCostUsd??0),0),j=u.tools.filter((r)=>r.status==="ACTIVE").length,v=b(u.runs),t=["# Agent Console Dashboard","","> AI agent operations overview","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Agents | ${u.summary.totalAgents} |`,`| Active Agents | ${f} |`,`| Total Runs | ${u.summary.totalRuns} |`,`| Completed Runs | ${o} |`,`| Failed Runs | ${c} |`,`| Total Tokens | ${x.toLocaleString()} |`,`| Total Cost | $${K.toFixed(4)} |`,`| Total Tools | ${u.summary.totalTools} |`,`| Active Tools | ${j} |`,"","## Agents",""];if(u.agents.length===0)t.push("_No agents configured._");else{t.push("| Agent | Model | Status | Description |"),t.push("|-------|-------|--------|-------------|");for(let r of u.agents.slice(0,5))t.push(`| ${r.name} | ${r.modelProvider}/${r.modelName} | ${r.status} | ${r.description??"-"} |`);if(u.agents.length>5)t.push(`| ... | ... | ... | _${u.summary.totalAgents-5} more_ |`)}if(t.push(""),t.push("## Recent Runs"),t.push(""),u.runs.length===0)t.push("_No runs yet._");else{t.push("| Run ID | Agent | Status | Duration | Tokens | Cost |"),t.push("|--------|-------|--------|----------|--------|------|");for(let r of u.runs.slice(0,5))t.push(`| ${r.id.slice(-8)} | ${r.agentName} | ${r.status} | ${r.durationMs?J(r.durationMs):"-"} | ${r.totalTokens??0} | $${(r.estimatedCostUsd??0).toFixed(4)} |`);if(u.runs.length>5)t.push(`| ... | ... | ... | ... | ... | _${u.summary.totalRuns-5} more_ |`)}t.push(""),t.push("## Visualization Overview"),t.push("");for(let r of v)t.push(`- **${r.title}** via \`${r.spec.meta.key}\``);t.push(""),t.push("## Tools"),t.push("");let n={};for(let r of u.tools){let e=r.category;if(!n[e])n[e]=[];n[e].push(r)}if(Object.keys(n).length===0)t.push("_No tools registered._");else{t.push("| Category | Tools | Active |"),t.push("|----------|-------|--------|");for(let[r,e]of Object.entries(n).sort()){let A=e.filter((D)=>D.status==="ACTIVE").length;t.push(`| ${r} | ${e.length} | ${A} |`)}}return{mimeType:"text/markdown",body:t.join(`
-`)}}};export{U as agentDashboardMarkdownRenderer};
+import{defineVisualization as d,VisualizationRegistry as v}from"@contractspec/lib.contracts-spec/visualizations";var k={key:"agent.run.list",version:"1.0.0"},i={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},b=d({meta:{...i,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:k,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."}}}),w=d({meta:{...i,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:k,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."}}}),y=d({meta:{...i,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:k,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."}}}),A=[b,w,y],J=new v([...A]),P=A.map((f)=>({key:f.meta.key,version:f.meta.version}));function q(f){if(!f)return"unknown";return f.toISOString().slice(0,10)}function M(f){let o=new Map,u=new Map;for(let e of f)o.set(e.status,(o.get(e.status)??0)+1),u.set(q(e.startedAt??e.queuedAt),(u.get(q(e.startedAt??e.queuedAt))??0)+1);return[{key:"run-status",spec:b,data:{data:Array.from(o.entries()).map(([e,p])=>({status:e,runs:p}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:w,data:{data:Array.from(u.entries()).sort(([e],[p])=>e.localeCompare(p)).map(([e,p])=>({day:e,runs:p}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:y,data:{data:f.filter((e)=>typeof e.durationMs==="number").map((e)=>({totalTokens:e.totalTokens,durationMs:e.durationMs??0,estimatedCostUsd:e.estimatedCostUsd}))},title:"Duration vs Tokens",description:"Operational scatter plot for spotting inefficient runs."}]}import{getFallbackAgentConsoleDashboardData as C}from"@contractspec/example.agent-console/shared";function G(f){if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}var I={target:"markdown",render:async(f,o)=>{if(f.source.type!=="component"||f.source.componentKey!=="AgentConsoleDashboard")throw Error("agentDashboardMarkdownRenderer: not AgentConsoleDashboard");let u=o?.data??await C(),e=u.agents.filter((t)=>t.status==="ACTIVE").length,p=u.runs.filter((t)=>t.status==="COMPLETED").length,c=u.runs.filter((t)=>t.status==="FAILED").length,h=u.runs.reduce((t,n)=>t+(n.totalTokens??0),0),D=u.runs.reduce((t,n)=>t+(n.estimatedCostUsd??0),0),O=u.tools.filter((t)=>t.status==="ACTIVE").length,x=M(u.runs),r=["# Agent Console Dashboard","","> AI agent operations overview","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Agents | ${u.summary.totalAgents} |`,`| Active Agents | ${e} |`,`| Total Runs | ${u.summary.totalRuns} |`,`| Completed Runs | ${p} |`,`| Failed Runs | ${c} |`,`| Total Tokens | ${h.toLocaleString()} |`,`| Total Cost | $${D.toFixed(4)} |`,`| Total Tools | ${u.summary.totalTools} |`,`| Active Tools | ${O} |`,"","## Agents",""];if(u.agents.length===0)r.push("_No agents configured._");else{r.push("| Agent | Model | Status | Description |"),r.push("|-------|-------|--------|-------------|");for(let t of u.agents.slice(0,5))r.push(`| ${t.name} | ${t.modelProvider}/${t.modelName} | ${t.status} | ${t.description??"-"} |`);if(u.agents.length>5)r.push(`| ... | ... | ... | _${u.summary.totalAgents-5} more_ |`)}if(r.push(""),r.push("## Recent Runs"),r.push(""),u.runs.length===0)r.push("_No runs yet._");else{r.push("| Run ID | Agent | Status | Duration | Tokens | Cost |"),r.push("|--------|-------|--------|----------|--------|------|");for(let t of u.runs.slice(0,5))r.push(`| ${t.id.slice(-8)} | ${t.agentName} | ${t.status} | ${t.durationMs?G(t.durationMs):"-"} | ${t.totalTokens??0} | $${(t.estimatedCostUsd??0).toFixed(4)} |`);if(u.runs.length>5)r.push(`| ... | ... | ... | ... | ... | _${u.summary.totalRuns-5} more_ |`)}r.push(""),r.push("## Visualization Overview"),r.push("");for(let t of x)r.push(`- **${t.title}** via \`${t.spec.meta.key}\``);r.push(""),r.push("## Tools"),r.push("");let m={};for(let t of u.tools){let n=t.category;if(!m[n])m[n]=[];m[n].push(t)}if(Object.keys(m).length===0)r.push("_No tools registered._");else{r.push("| Category | Tools | Active |"),r.push("|----------|-------|--------|");for(let[t,n]of Object.entries(m).sort()){let K=n.filter((j)=>j.status==="ACTIVE").length;r.push(`| ${t} | ${n.length} | ${K} |`)}}return{mimeType:"text/markdown",body:r.join(`
+`)}}};export{I as agentDashboardMarkdownRenderer};

package/dist/node/ui/renderers/index.js

@@ -1,5 +1,5 @@
-import{defineVisualization as P,VisualizationRegistry as u}from"@contractspec/lib.contracts-spec/visualizations";var z={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"]},G=P({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:z,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."}}}),V=P({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:z,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."}}}),h=P({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:z,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."}}}),b=[G,V,h],Wf=new u([...b]),Xf=b.map((f)=>({key:f.meta.key,version:f.meta.version}));function m(f){if(!f)return"unknown";return f.toISOString().slice(0,10)}function L(f){let Q=new Map,w=new Map;for(let k of f)Q.set(k.status,(Q.get(k.status)??0)+1),w.set(m(k.startedAt??k.queuedAt),(w.get(m(k.startedAt??k.queuedAt))??0)+1);return[{key:"run-status",spec:G,data:{data:Array.from(Q.entries()).map(([k,M])=>({status:k,runs:M}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:V,data:{data:Array.from(w.entries()).sort(([k],[M])=>k.localeCompare(M)).map(([k,M])=>({day:k,runs:M}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:h,data:{data:f.filter((k)=>typeof k.durationMs==="number").map((k)=>({totalTokens:k.totalTokens,durationMs:k.durationMs??0,estimatedCostUsd:k.estimatedCostUsd}))},title:"Duration vs Tokens",description:"Operational scatter plot for spotting inefficient runs."}]}import{useTemplateRuntime as O}from"@contractspec/lib.example-shared-ui";import{useCallback as A,useEffect as C,useMemo as j,useState as U}from"react";function y(f={}){let{handlers:Q,projectId:w}=O(),{agent:k}=Q,[M,K]=U(null),[X,W]=U(!0),[R,J]=U(null),[r,H]=U(1),q=A(async()=>{W(!0),J(null);try{let Y=await k.listAgents({projectId:w,search:f.search,status:f.status==="all"?void 0:f.status,limit:f.limit??20,offset:(r-1)*(f.limit??20)});K(Y)}catch(Y){J(Y instanceof Error?Y:Error("Unknown error"))}finally{W(!1)}},[k,w,f.search,f.status,f.limit,r]);C(()=>{q()},[q]);let v=j(()=>{if(!M)return null;return{total:M.total,active:M.items.filter((Y)=>Y.status==="ACTIVE").length,paused:M.items.filter((Y)=>Y.status==="PAUSED").length,draft:M.items.filter((Y)=>Y.status==="DRAFT").length}},[M]);return{data:M,loading:X,error:R,stats:v,page:r,refetch:q,nextPage:()=>H((Y)=>Y+1),prevPage:()=>r>1&&H((Y)=>Y-1)}}import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as S,AGENT_CONSOLE_DEMO_PROJECT_ID as I,createAgentConsoleDemoHandlers as _}from"@contractspec/example.agent-console/shared";var E={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="AgentListView")throw Error("agentListMarkdownRenderer: not AgentListView");let w=Array.isArray(Q?.data)?{items:Q.data,total:Q.data.length,hasMore:!1}:await _({projectId:I}).listAgents({projectId:I,organizationId:S,limit:50,offset:0}),k=[`# ${f.meta.description??"Agent List"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Agents:** ${w.total}`,"","## Agents",""],M={};for(let K of w.items){let X=K.status;if(M[X])M[X].push(K);else M[X]=[K]}for(let[K,X]of Object.entries(M)){k.push(`### ${K} (${X.length})`),k.push("");for(let W of X)if(k.push(`- **${W.name}** (${W.modelProvider}/${W.modelName})`),W.description)k.push(`  > ${W.description}`);k.push("")}return{mimeType:"text/markdown",body:k.join(`
-`)}}};import{Button as x,EmptyState as d,EntityCard as g,ErrorState as i,LoaderBlock as o,StatCard as Z,StatCardGroup as l,StatusChip as n}from"@contractspec/lib.design-system";import{jsx as $,jsxs as F}from"react/jsx-runtime";function c(f){switch(f){case"ACTIVE":return"success";case"PAUSED":case"DRAFT":return"warning";case"ARCHIVED":return"neutral";default:return"neutral"}}function D(){let{data:f,loading:Q,error:w,stats:k,refetch:M}=y();if(Q&&!f)return $(o,{label:"Loading agents..."});if(w)return $(i,{title:"Failed to load agents",description:w.message,onRetry:M,retryLabel:"Retry"});if(!f?.items.length)return $(d,{title:"No agents yet",description:"Create your first AI agent to get started."});return F("div",{className:"space-y-6",children:[k&&F(l,{children:[$(Z,{label:"Total Agents",value:k.total}),$(Z,{label:"Active",value:k.active}),$(Z,{label:"Paused",value:k.paused}),$(Z,{label:"Draft",value:k.draft})]}),F("div",{className:"flex items-center justify-between",children:[$("h3",{className:"font-semibold text-lg",children:"Agents"}),$(x,{onPress:()=>alert("Create Agent clicked!"),children:"Create Agent"})]}),$("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:f.items.map((K)=>$(g,{cardTitle:K.name,cardSubtitle:K.modelName,meta:$("p",{className:"text-muted-foreground text-sm",children:K.description}),chips:$(n,{tone:c(K.status),label:K.status}),footer:F("span",{className:"text-muted-foreground text-xs",children:["Created ",K.createdAt.toLocaleDateString()]}),onClick:()=>alert(`View agent: ${K.name}`)},K.id))})]})}import{jsx as a}from"react/jsx-runtime";var e={target:"react",render:async(f)=>{if(f.source.type!=="component")throw Error("AgentListRenderer: expected component source");if(f.source.componentKey!=="AgentListView")throw Error(`AgentListRenderer: unknown component ${f.source.componentKey}`);return a(D,{})}};import{getFallbackAgentConsoleDashboardData as t}from"@contractspec/example.agent-console/shared";function s(f){if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}var ff={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="AgentConsoleDashboard")throw Error("agentDashboardMarkdownRenderer: not AgentConsoleDashboard");let w=Q?.data??await t(),k=w.agents.filter((q)=>q.status==="ACTIVE").length,M=w.runs.filter((q)=>q.status==="COMPLETED").length,K=w.runs.filter((q)=>q.status==="FAILED").length,X=w.runs.reduce((q,v)=>q+(v.totalTokens??0),0),W=w.runs.reduce((q,v)=>q+(v.estimatedCostUsd??0),0),R=w.tools.filter((q)=>q.status==="ACTIVE").length,J=L(w.runs),r=["# Agent Console Dashboard","","> AI agent operations overview","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Agents | ${w.summary.totalAgents} |`,`| Active Agents | ${k} |`,`| Total Runs | ${w.summary.totalRuns} |`,`| Completed Runs | ${M} |`,`| Failed Runs | ${K} |`,`| Total Tokens | ${X.toLocaleString()} |`,`| Total Cost | $${W.toFixed(4)} |`,`| Total Tools | ${w.summary.totalTools} |`,`| Active Tools | ${R} |`,"","## Agents",""];if(w.agents.length===0)r.push("_No agents configured._");else{r.push("| Agent | Model | Status | Description |"),r.push("|-------|-------|--------|-------------|");for(let q of w.agents.slice(0,5))r.push(`| ${q.name} | ${q.modelProvider}/${q.modelName} | ${q.status} | ${q.description??"-"} |`);if(w.agents.length>5)r.push(`| ... | ... | ... | _${w.summary.totalAgents-5} more_ |`)}if(r.push(""),r.push("## Recent Runs"),r.push(""),w.runs.length===0)r.push("_No runs yet._");else{r.push("| Run ID | Agent | Status | Duration | Tokens | Cost |"),r.push("|--------|-------|--------|----------|--------|------|");for(let q of w.runs.slice(0,5))r.push(`| ${q.id.slice(-8)} | ${q.agentName} | ${q.status} | ${q.durationMs?s(q.durationMs):"-"} | ${q.totalTokens??0} | $${(q.estimatedCostUsd??0).toFixed(4)} |`);if(w.runs.length>5)r.push(`| ... | ... | ... | ... | ... | _${w.summary.totalRuns-5} more_ |`)}r.push(""),r.push("## Visualization Overview"),r.push("");for(let q of J)r.push(`- **${q.title}** via \`${q.spec.meta.key}\``);r.push(""),r.push("## Tools"),r.push("");let H={};for(let q of w.tools){let v=q.category;if(!H[v])H[v]=[];H[v].push(q)}if(Object.keys(H).length===0)r.push("_No tools registered._");else{r.push("| Category | Tools | Active |"),r.push("|----------|-------|--------|");for(let[q,v]of Object.entries(H).sort()){let Y=v.filter((p)=>p.status==="ACTIVE").length;r.push(`| ${q} | ${v.length} | ${Y} |`)}}return{mimeType:"text/markdown",body:r.join(`
-`)}}};import{AGENT_CONSOLE_DEMO_PROJECT_ID as N,createAgentConsoleDemoHandlers as kf}from"@contractspec/example.agent-console/shared";function wf(f){if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}var qf={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="RunListView")throw Error("runListMarkdownRenderer: not RunListView");let w=Array.isArray(Q?.data)?{items:Q.data,total:Q.data.length,hasMore:!1}:await kf({projectId:N}).listRuns({projectId:N,limit:20,offset:0}),k=[`# ${f.meta.description??"Agent Runs"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Runs:** ${w.total}`,"","## Recent Runs","","| ID | Agent | Status | Duration | Tokens | Cost |","| --- | --- | --- | --- | --- | --- |"];for(let M of w.items.slice(0,10))k.push(`| ${M.id.slice(-8)} | ${M.agentName} | ${M.status} | ${M.durationMs?wf(M.durationMs):"-"} | ${M.totalTokens} | $${M.estimatedCostUsd?.toFixed(4)??"-"} |`);return{mimeType:"text/markdown",body:k.join(`
-`)}}};import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as Mf,AGENT_CONSOLE_DEMO_PROJECT_ID as T,createAgentConsoleDemoHandlers as rf}from"@contractspec/example.agent-console/shared";var Kf={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="ToolRegistryView")throw Error("toolRegistryMarkdownRenderer: not ToolRegistryView");let w=Array.isArray(Q?.data)?{items:Q.data,total:Q.data.length,hasMore:!1}:await rf({projectId:T}).listTools({projectId:T,organizationId:Mf,limit:50,offset:0}),k=[`# ${f.meta.description??"Tool Registry"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Tools:** ${w.total}`,""],M={};for(let K of w.items){let X=K.category;if(!M[X])M[X]=[];M[X].push(K)}for(let[K,X]of Object.entries(M).sort()){k.push(`## ${K} (${X.length})`),k.push("");for(let W of X){let R=W.status==="ACTIVE"?"✅":W.status==="DEPRECATED"?"⚠️":"❌";if(k.push(`### ${R} ${W.name} v${W.version}`),k.push(""),k.push(`> \`${W.id}\``),k.push(""),W.description)k.push(W.description),k.push("")}}return{mimeType:"text/markdown",body:k.join(`
+import{defineVisualization as F,VisualizationRegistry as N}from"@contractspec/lib.contracts-spec/visualizations";var P={key:"agent.run.list",version:"1.0.0"},V={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},B=F({meta:{...V,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:P,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."}}}),b=F({meta:{...V,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:P,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."}}}),G=F({meta:{...V,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:P,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."}}}),m=[B,b,G],Wf=new N([...m]),Xf=m.map((f)=>({key:f.meta.key,version:f.meta.version}));function h(f){if(!f)return"unknown";return f.toISOString().slice(0,10)}function u(f){let Q=new Map,r=new Map;for(let k of f)Q.set(k.status,(Q.get(k.status)??0)+1),r.set(h(k.startedAt??k.queuedAt),(r.get(h(k.startedAt??k.queuedAt))??0)+1);return[{key:"run-status",spec:B,data:{data:Array.from(Q.entries()).map(([k,w])=>({status:k,runs:w}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:b,data:{data:Array.from(r.entries()).sort(([k],[w])=>k.localeCompare(w)).map(([k,w])=>({day:k,runs:w}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:G,data:{data:f.filter((k)=>typeof k.durationMs==="number").map((k)=>({totalTokens:k.totalTokens,durationMs:k.durationMs??0,estimatedCostUsd:k.estimatedCostUsd}))},title:"Duration vs Tokens",description:"Operational scatter plot for spotting inefficient runs."}]}import{useTemplateRuntime as O}from"@contractspec/lib.example-shared-ui";import{useCallback as p,useEffect as C,useMemo as j,useState as R}from"react";function D(f={}){let{handlers:Q,projectId:r}=O(),{agent:k}=Q,[w,K]=R(null),[X,W]=R(!0),[U,J]=R(null),[M,H]=R(1),q=p(async()=>{W(!0),J(null);try{let Y=await k.listAgents({projectId:r,search:f.search,status:f.status==="all"?void 0:f.status,limit:f.limit??20,offset:(M-1)*(f.limit??20)});K(Y)}catch(Y){J(Y instanceof Error?Y:Error("Unknown error"))}finally{W(!1)}},[k,r,f.search,f.status,f.limit,M]);C(()=>{q()},[q]);let v=j(()=>{if(!w)return null;return{total:w.total,active:w.items.filter((Y)=>Y.status==="ACTIVE").length,paused:w.items.filter((Y)=>Y.status==="PAUSED").length,draft:w.items.filter((Y)=>Y.status==="DRAFT").length}},[w]);return{data:w,loading:X,error:U,stats:v,page:M,refetch:q,nextPage:()=>H((Y)=>Y+1),prevPage:()=>M>1&&H((Y)=>Y-1)}}import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as S,AGENT_CONSOLE_DEMO_PROJECT_ID as y,createAgentConsoleDemoHandlers as _}from"@contractspec/example.agent-console/shared";var E={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="AgentListView")throw Error("agentListMarkdownRenderer: not AgentListView");let r=Array.isArray(Q?.data)?{items:Q.data,total:Q.data.length,hasMore:!1}:await _({projectId:y}).listAgents({projectId:y,organizationId:S,limit:50,offset:0}),k=[`# ${f.meta.description??"Agent List"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Agents:** ${r.total}`,"","## Agents",""],w={};for(let K of r.items){let X=K.status;if(w[X])w[X].push(K);else w[X]=[K]}for(let[K,X]of Object.entries(w)){k.push(`### ${K} (${X.length})`),k.push("");for(let W of X)if(k.push(`- **${W.name}** (${W.modelProvider}/${W.modelName})`),W.description)k.push(`  > ${W.description}`);k.push("")}return{mimeType:"text/markdown",body:k.join(`
+`)}}};import{Button as x,EmptyState as d,EntityCard as g,ErrorState as i,LoaderBlock as o,StatCard as Z,StatCardGroup as n,StatusChip as l}from"@contractspec/lib.design-system";import{jsx as $,jsxs as z}from"react/jsx-runtime";function c(f){switch(f){case"ACTIVE":return"success";case"PAUSED":case"DRAFT":return"warning";case"ARCHIVED":return"neutral";default:return"neutral"}}function A(){let{data:f,loading:Q,error:r,stats:k,refetch:w}=D();if(Q&&!f)return $(o,{label:"Loading agents..."});if(r)return $(i,{title:"Failed to load agents",description:r.message,onRetry:w,retryLabel:"Retry"});if(!f?.items.length)return $(d,{title:"No agents yet",description:"Create your first AI agent to get started."});return z("div",{className:"space-y-6",children:[k&&z(n,{children:[$(Z,{label:"Total Agents",value:k.total}),$(Z,{label:"Active",value:k.active}),$(Z,{label:"Paused",value:k.paused}),$(Z,{label:"Draft",value:k.draft})]}),z("div",{className:"flex items-center justify-between",children:[$("h3",{className:"font-semibold text-lg",children:"Agents"}),$(x,{onPress:()=>alert("Create Agent clicked!"),children:"Create Agent"})]}),$("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:f.items.map((K)=>$(g,{cardTitle:K.name,cardSubtitle:K.modelName,meta:$("p",{className:"text-muted-foreground text-sm",children:K.description}),chips:$(l,{tone:c(K.status),label:K.status}),footer:z("span",{className:"text-muted-foreground text-xs",children:["Created ",K.createdAt.toLocaleDateString()]}),onClick:()=>alert(`View agent: ${K.name}`)},K.id))})]})}import{jsx as a}from"react/jsx-runtime";var e={target:"react",render:async(f)=>{if(f.source.type!=="component")throw Error("AgentListRenderer: expected component source");if(f.source.componentKey!=="AgentListView")throw Error(`AgentListRenderer: unknown component ${f.source.componentKey}`);return a(A,{})}};import{getFallbackAgentConsoleDashboardData as t}from"@contractspec/example.agent-console/shared";function s(f){if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}var ff={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="AgentConsoleDashboard")throw Error("agentDashboardMarkdownRenderer: not AgentConsoleDashboard");let r=Q?.data??await t(),k=r.agents.filter((q)=>q.status==="ACTIVE").length,w=r.runs.filter((q)=>q.status==="COMPLETED").length,K=r.runs.filter((q)=>q.status==="FAILED").length,X=r.runs.reduce((q,v)=>q+(v.totalTokens??0),0),W=r.runs.reduce((q,v)=>q+(v.estimatedCostUsd??0),0),U=r.tools.filter((q)=>q.status==="ACTIVE").length,J=u(r.runs),M=["# Agent Console Dashboard","","> AI agent operations overview","","## Summary","","| Metric | Value |","|--------|-------|",`| Total Agents | ${r.summary.totalAgents} |`,`| Active Agents | ${k} |`,`| Total Runs | ${r.summary.totalRuns} |`,`| Completed Runs | ${w} |`,`| Failed Runs | ${K} |`,`| Total Tokens | ${X.toLocaleString()} |`,`| Total Cost | $${W.toFixed(4)} |`,`| Total Tools | ${r.summary.totalTools} |`,`| Active Tools | ${U} |`,"","## Agents",""];if(r.agents.length===0)M.push("_No agents configured._");else{M.push("| Agent | Model | Status | Description |"),M.push("|-------|-------|--------|-------------|");for(let q of r.agents.slice(0,5))M.push(`| ${q.name} | ${q.modelProvider}/${q.modelName} | ${q.status} | ${q.description??"-"} |`);if(r.agents.length>5)M.push(`| ... | ... | ... | _${r.summary.totalAgents-5} more_ |`)}if(M.push(""),M.push("## Recent Runs"),M.push(""),r.runs.length===0)M.push("_No runs yet._");else{M.push("| Run ID | Agent | Status | Duration | Tokens | Cost |"),M.push("|--------|-------|--------|----------|--------|------|");for(let q of r.runs.slice(0,5))M.push(`| ${q.id.slice(-8)} | ${q.agentName} | ${q.status} | ${q.durationMs?s(q.durationMs):"-"} | ${q.totalTokens??0} | $${(q.estimatedCostUsd??0).toFixed(4)} |`);if(r.runs.length>5)M.push(`| ... | ... | ... | ... | ... | _${r.summary.totalRuns-5} more_ |`)}M.push(""),M.push("## Visualization Overview"),M.push("");for(let q of J)M.push(`- **${q.title}** via \`${q.spec.meta.key}\``);M.push(""),M.push("## Tools"),M.push("");let H={};for(let q of r.tools){let v=q.category;if(!H[v])H[v]=[];H[v].push(q)}if(Object.keys(H).length===0)M.push("_No tools registered._");else{M.push("| Category | Tools | Active |"),M.push("|----------|-------|--------|");for(let[q,v]of Object.entries(H).sort()){let Y=v.filter((T)=>T.status==="ACTIVE").length;M.push(`| ${q} | ${v.length} | ${Y} |`)}}return{mimeType:"text/markdown",body:M.join(`
+`)}}};import{AGENT_CONSOLE_DEMO_PROJECT_ID as I,createAgentConsoleDemoHandlers as kf}from"@contractspec/example.agent-console/shared";function rf(f){if(f<1000)return`${f}ms`;if(f<60000)return`${(f/1000).toFixed(1)}s`;return`${(f/60000).toFixed(1)}m`}var qf={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="RunListView")throw Error("runListMarkdownRenderer: not RunListView");let r=Array.isArray(Q?.data)?{items:Q.data,total:Q.data.length,hasMore:!1}:await kf({projectId:I}).listRuns({projectId:I,limit:20,offset:0}),k=[`# ${f.meta.description??"Agent Runs"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Runs:** ${r.total}`,"","## Recent Runs","","| ID | Agent | Status | Duration | Tokens | Cost |","| --- | --- | --- | --- | --- | --- |"];for(let w of r.items.slice(0,10))k.push(`| ${w.id.slice(-8)} | ${w.agentName} | ${w.status} | ${w.durationMs?rf(w.durationMs):"-"} | ${w.totalTokens} | $${w.estimatedCostUsd?.toFixed(4)??"-"} |`);return{mimeType:"text/markdown",body:k.join(`
+`)}}};import{AGENT_CONSOLE_DEMO_ORGANIZATION_ID as wf,AGENT_CONSOLE_DEMO_PROJECT_ID as L,createAgentConsoleDemoHandlers as Mf}from"@contractspec/example.agent-console/shared";var Kf={target:"markdown",render:async(f,Q)=>{if(f.source.type!=="component"||f.source.componentKey!=="ToolRegistryView")throw Error("toolRegistryMarkdownRenderer: not ToolRegistryView");let r=Array.isArray(Q?.data)?{items:Q.data,total:Q.data.length,hasMore:!1}:await Mf({projectId:L}).listTools({projectId:L,organizationId:wf,limit:50,offset:0}),k=[`# ${f.meta.description??"Tool Registry"}`,"",`> ${f.meta.key} v${f.meta.version}`,"",`**Total Tools:** ${r.total}`,""],w={};for(let K of r.items){let X=K.category;if(!w[X])w[X]=[];w[X].push(K)}for(let[K,X]of Object.entries(w).sort()){k.push(`## ${K} (${X.length})`),k.push("");for(let W of X){let U=W.status==="ACTIVE"?"✅":W.status==="DEPRECATED"?"⚠️":"❌";if(k.push(`### ${U} ${W.name} v${W.version}`),k.push(""),k.push(`> \`${W.id}\``),k.push(""),W.description)k.push(W.description),k.push("")}}return{mimeType:"text/markdown",body:k.join(`
 `)}}};export{Kf as toolRegistryMarkdownRenderer,qf as runListMarkdownRenderer,e as agentListReactRenderer,E as agentListMarkdownRenderer,ff as agentDashboardMarkdownRenderer};

package/dist/node/visualizations/index.js

@@ -1 +1 @@
-import{defineVisualization as s,VisualizationRegistry as c}from"@contractspec/lib.contracts-spec/visualizations";var a={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"]},i=s({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:a,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."}}}),d=s({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:a,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."}}}),m=s({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:a,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."}}}),f=[i,d,m],l=new c([...f]),k=f.map((e)=>({key:e.meta.key,version:e.meta.version}));function p(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function h(e){let n=new Map,o=new Map;for(let t of e)n.set(t.status,(n.get(t.status)??0)+1),o.set(p(t.startedAt??t.queuedAt),(o.get(p(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:i,data:{data:Array.from(n.entries()).map(([t,r])=>({status:t,runs:r}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d,data:{data:Array.from(o.entries()).sort(([t],[r])=>t.localeCompare(r)).map(([t,r])=>({day:t,runs:r}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:m,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."}]}export{h as createAgentVisualizationItems,f as AgentVisualizationSpecs,l as AgentVisualizationRegistry,k as AgentVisualizationRefs,i as AgentRunStatusVisualization,m as AgentRunEfficiencyVisualization,d as AgentRunActivityVisualization};
+import{defineVisualization as s,VisualizationRegistry as l}from"@contractspec/lib.contracts-spec/visualizations";var o={key:"agent.run.list",version:"1.0.0"},i={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},u=s({meta:{...i,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:o,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."}}}),d=s({meta:{...i,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:o,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."}}}),m=s({meta:{...i,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:o,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."}}}),f=[u,d,m],y=new l([...f]),g=f.map((e)=>({key:e.meta.key,version:e.meta.version}));function c(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function C(e){let n=new Map,a=new Map;for(let t of e)n.set(t.status,(n.get(t.status)??0)+1),a.set(c(t.startedAt??t.queuedAt),(a.get(c(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:u,data:{data:Array.from(n.entries()).map(([t,r])=>({status:t,runs:r}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d,data:{data:Array.from(a.entries()).sort(([t],[r])=>t.localeCompare(r)).map(([t,r])=>({day:t,runs:r}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:m,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."}]}export{C as createAgentVisualizationItems,f as AgentVisualizationSpecs,y as AgentVisualizationRegistry,g as AgentVisualizationRefs,u as AgentRunStatusVisualization,m as AgentRunEfficiencyVisualization,d as AgentRunActivityVisualization};

package/dist/node/visualizations/selectors.js

@@ -1 +1 @@
-import{defineVisualization as a,VisualizationRegistry as p}from"@contractspec/lib.contracts-spec/visualizations";var o={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"]},i=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:o,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."}}}),d=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:o,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."}}}),m=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:o,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."}}}),f=[i,d,m],l=new p([...f]),k=f.map((e)=>({key:e.meta.key,version:e.meta.version}));function c(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function h(e){let n=new Map,s=new Map;for(let t of e)n.set(t.status,(n.get(t.status)??0)+1),s.set(c(t.startedAt??t.queuedAt),(s.get(c(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:i,data:{data:Array.from(n.entries()).map(([t,r])=>({status:t,runs:r}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d,data:{data:Array.from(s.entries()).sort(([t],[r])=>t.localeCompare(r)).map(([t,r])=>({day:t,runs:r}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:m,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."}]}export{h as createAgentVisualizationItems};
+import{defineVisualization as s,VisualizationRegistry as l}from"@contractspec/lib.contracts-spec/visualizations";var o={key:"agent.run.list",version:"1.0.0"},i={version:"1.0.0",domain:"ai-ops",stability:"experimental",owners:["@example.agent-console"],tags:["agent-console","visualization","operations"]},u=s({meta:{...i,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:o,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."}}}),d=s({meta:{...i,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:o,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."}}}),m=s({meta:{...i,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:o,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."}}}),f=[u,d,m],y=new l([...f]),g=f.map((e)=>({key:e.meta.key,version:e.meta.version}));function c(e){if(!e)return"unknown";return e.toISOString().slice(0,10)}function C(e){let r=new Map,a=new Map;for(let t of e)r.set(t.status,(r.get(t.status)??0)+1),a.set(c(t.startedAt??t.queuedAt),(a.get(c(t.startedAt??t.queuedAt))??0)+1);return[{key:"run-status",spec:u,data:{data:Array.from(r.entries()).map(([t,n])=>({status:t,runs:n}))},title:"Run Status Breakdown",description:"Completed, failed, running, and cancelled runs in the sample.",height:260},{key:"run-activity",spec:d,data:{data:Array.from(a.entries()).sort(([t],[n])=>t.localeCompare(n)).map(([t,n])=>({day:t,runs:n}))},title:"Recent Run Activity",description:"Daily run volume derived from run start times."},{key:"run-efficiency",spec:m,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."}]}export{C as createAgentVisualizationItems};

package/dist/tool/tool.handler.d.ts

@@ -295,7 +295,7 @@ export declare function mockUpdateToolHandler(input: {
 }): Promise<{
     id: string;
     name: string;
-    status: "DRAFT" | "ACTIVE" | "DEPRECATED" | "DISABLED";
+    status: "ACTIVE" | "DRAFT" | "DEPRECATED" | "DISABLED";
     updatedAt: Date;
 }>;
 /**

package/dist/ui/AgentConsolePreview.d.ts

@@ -0,0 +1,8 @@
+import { type AgentConsolePreviewAgent, type AgentConsolePreviewRun, type AgentConsolePreviewTool } from './AgentConsolePreview.data';
+export interface AgentConsolePreviewProps {
+    agents?: readonly AgentConsolePreviewAgent[];
+    runs?: readonly AgentConsolePreviewRun[];
+    showHeaderAction?: boolean;
+    tools?: readonly AgentConsolePreviewTool[];
+}
+export declare function AgentConsolePreview({ agents, runs, showHeaderAction, tools, }: AgentConsolePreviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/AgentConsolePreview.data.d.ts

@@ -0,0 +1,30 @@
+import { MOCK_AGENTS } from '../shared/mock-agents';
+import { MOCK_RUNS } from '../shared/mock-runs';
+import { MOCK_TOOLS } from '../shared/mock-tools';
+export type AgentConsolePreviewAgent = (typeof MOCK_AGENTS)[number];
+export type AgentConsolePreviewRun = (typeof MOCK_RUNS)[number];
+export type AgentConsolePreviewTool = (typeof MOCK_TOOLS)[number];
+export type AgentConsolePreviewTab = 'runs' | 'agents' | 'tools' | 'metrics';
+export declare const AGENT_CONSOLE_PREVIEW_TABS: readonly {
+    id: AgentConsolePreviewTab;
+    label: string;
+    icon: string;
+}[];
+export declare function createAgentConsolePreviewMetrics(runs: readonly AgentConsolePreviewRun[]): {
+    averageDurationMs: number;
+    completedRuns: number;
+    successRate: number;
+    totalCostUsd: number;
+    totalRuns: number;
+    totalTokens: number;
+};
+export declare function formatAgentConsoleTokens(tokens: number): string;
+export declare function formatAgentConsoleDuration(ms?: number): string;
+export declare function formatAgentConsoleDate(value: Date): string;
+export declare function getAgentConsolePressProps(handler: () => void): {
+    onPress: () => void;
+    readonly onClick?: undefined;
+} | {
+    onClick: () => void;
+    onPress?: undefined;
+};

package/dist/ui/AgentConsolePreview.data.js

@@ -0,0 +1,2 @@
+// @bun
+var l=[{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 u(e){let r=e.filter((t)=>t.status==="COMPLETED").length,i=e.reduce((t,o)=>t+o.totalTokens,0),s=e.reduce((t,o)=>t+(o.estimatedCostUsd??0),0),n=e.map((t)=>t.durationMs).filter((t)=>typeof t==="number");return{averageDurationMs:n.length>0?n.reduce((t,o)=>t+o,0)/n.length:0,completedRuns:r,successRate:e.length>0?r/e.length:0,totalCostUsd:s,totalRuns:e.length,totalTokens:i}}function a(e){if(e<1000)return e.toString();if(e<1e6)return`${(e/1000).toFixed(1)}K`;return`${(e/1e6).toFixed(2)}M`}function g(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 c(e){return new Intl.DateTimeFormat("en-US",{dateStyle:"medium",timeStyle:"short"}).format(e)}function d(e){if(typeof document>"u")return{onPress:e};return{onClick:e}}export{d as getAgentConsolePressProps,a as formatAgentConsoleTokens,g as formatAgentConsoleDuration,c as formatAgentConsoleDate,u as createAgentConsolePreviewMetrics,l as AGENT_CONSOLE_PREVIEW_TABS};