@contractspec/example.agent-console 3.8.8 → 3.8.10

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

@@ -1,642 +1,5 @@
-// src/visualizations/catalog.ts
-import {
-  defineVisualization,
-  VisualizationRegistry
-} from "@contractspec/lib.contracts-spec/visualizations";
-var RUN_LIST_REF = { key: "agent.run.list", version: "1.0.0" };
-var META = {
-  version: "1.0.0",
-  domain: "ai-ops",
-  stability: "experimental",
-  owners: ["@example.agent-console"],
-  tags: ["agent-console", "visualization", "operations"]
-};
-var AgentRunStatusVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "agent-console.visualization.run-status",
-    title: "Run Status Breakdown",
-    description: "Distribution of run outcomes across the current sample.",
-    goal: "Make operational success and failure mix visible at a glance.",
-    context: "Agent operations overview."
-  },
-  source: { primary: RUN_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "pie",
-    nameDimension: "status",
-    valueMeasure: "runs",
-    dimensions: [
-      { key: "status", label: "Status", dataPath: "status", type: "category" }
-    ],
-    measures: [
-      { key: "runs", label: "Runs", dataPath: "runs", format: "number" }
-    ],
-    table: { caption: "Run counts by status." }
-  }
-});
-var AgentRunActivityVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "agent-console.visualization.run-activity",
-    title: "Recent Run Activity",
-    description: "Daily run volume across the current sample.",
-    goal: "Show whether agent activity is rising or slowing down.",
-    context: "Operations trend monitoring."
-  },
-  source: { primary: RUN_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "line",
-    xDimension: "day",
-    yMeasures: ["runs"],
-    dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
-    measures: [
-      {
-        key: "runs",
-        label: "Runs",
-        dataPath: "runs",
-        format: "number",
-        color: "#0f766e"
-      }
-    ],
-    table: { caption: "Daily run counts." }
-  }
-});
-var AgentRunEfficiencyVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "agent-console.visualization.run-efficiency",
-    title: "Duration vs Tokens",
-    description: "Scatter chart comparing token consumption and runtime.",
-    goal: "Reveal outlier runs that are slow relative to their token usage.",
-    context: "Operational performance diagnostics."
-  },
-  source: { primary: RUN_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "scatter",
-    xDimension: "totalTokens",
-    yMeasures: ["durationMs"],
-    dimensions: [
-      {
-        key: "totalTokens",
-        label: "Total Tokens",
-        dataPath: "totalTokens",
-        type: "number"
-      }
-    ],
-    measures: [
-      {
-        key: "durationMs",
-        label: "Duration",
-        dataPath: "durationMs",
-        format: "duration",
-        color: "#7c3aed"
-      },
-      {
-        key: "estimatedCostUsd",
-        label: "Cost",
-        dataPath: "estimatedCostUsd",
-        format: "currency"
-      }
-    ],
-    series: [
-      {
-        key: "runs",
-        label: "Runs",
-        measure: "durationMs",
-        type: "scatter",
-        color: "#7c3aed"
-      }
-    ],
-    table: { caption: "Run duration versus token usage." }
-  }
-});
-var AgentVisualizationSpecs = [
-  AgentRunStatusVisualization,
-  AgentRunActivityVisualization,
-  AgentRunEfficiencyVisualization
-];
-var AgentVisualizationRegistry = new VisualizationRegistry([
-  ...AgentVisualizationSpecs
-]);
-var AgentVisualizationRefs = AgentVisualizationSpecs.map((spec) => ({
-  key: spec.meta.key,
-  version: spec.meta.version
-}));
-
-// src/visualizations/selectors.ts
-function dayKey(value) {
-  if (!value)
-    return "unknown";
-  return value.toISOString().slice(0, 10);
-}
-function createAgentVisualizationItems(runs) {
-  const statusCounts = new Map;
-  const activityCounts = new Map;
-  for (const run of runs) {
-    statusCounts.set(run.status, (statusCounts.get(run.status) ?? 0) + 1);
-    activityCounts.set(dayKey(run.startedAt ?? run.queuedAt), (activityCounts.get(dayKey(run.startedAt ?? run.queuedAt)) ?? 0) + 1);
-  }
-  return [
-    {
-      key: "run-status",
-      spec: AgentRunStatusVisualization,
-      data: {
-        data: Array.from(statusCounts.entries()).map(([status, count]) => ({
-          status,
-          runs: count
-        }))
-      },
-      title: "Run Status Breakdown",
-      description: "Completed, failed, running, and cancelled runs in the sample.",
-      height: 260
-    },
-    {
-      key: "run-activity",
-      spec: AgentRunActivityVisualization,
-      data: {
-        data: Array.from(activityCounts.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, runs: count }))
-      },
-      title: "Recent Run Activity",
-      description: "Daily run volume derived from run start times."
-    },
-    {
-      key: "run-efficiency",
-      spec: AgentRunEfficiencyVisualization,
-      data: {
-        data: runs.filter((run) => typeof run.durationMs === "number").map((run) => ({
-          totalTokens: run.totalTokens,
-          durationMs: run.durationMs ?? 0,
-          estimatedCostUsd: run.estimatedCostUsd
-        }))
-      },
-      title: "Duration vs Tokens",
-      description: "Operational scatter plot for spotting inefficient runs."
-    }
-  ];
-}
-// src/ui/hooks/useAgentList.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useMemo, useState } from "react";
-function useAgentList(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime();
-  const { agent } = handlers;
-  const [data, setData] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const [page, setPage] = useState(1);
-  const fetchData = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await agent.listAgents({
-        projectId,
-        search: options.search,
-        status: options.status === "all" ? undefined : options.status,
-        limit: options.limit ?? 20,
-        offset: (page - 1) * (options.limit ?? 20)
-      });
-      setData(result);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [agent, projectId, options.search, options.status, options.limit, page]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  const stats = useMemo(() => {
-    if (!data)
-      return null;
-    return {
-      total: data.total,
-      active: data.items.filter((a) => a.status === "ACTIVE").length,
-      paused: data.items.filter((a) => a.status === "PAUSED").length,
-      draft: data.items.filter((a) => a.status === "DRAFT").length
-    };
-  }, [data]);
-  return {
-    data,
-    loading,
-    error,
-    stats,
-    page,
-    refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
-  };
-}
-
-// src/ui/renderers/agent-list.markdown.ts
-import {
-  AGENT_CONSOLE_DEMO_ORGANIZATION_ID,
-  AGENT_CONSOLE_DEMO_PROJECT_ID,
-  createAgentConsoleDemoHandlers
-} from "@contractspec/example.agent-console/shared";
-var agentListMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "AgentListView") {
-      throw new Error("agentListMarkdownRenderer: not AgentListView");
-    }
-    const data = Array.isArray(ctx?.data) ? {
-      items: ctx.data,
-      total: ctx.data.length,
-      hasMore: false
-    } : await createAgentConsoleDemoHandlers({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID
-    }).listAgents({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID,
-      organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID,
-      limit: 50,
-      offset: 0
-    });
-    const lines = [
-      `# ${desc.meta.description ?? "Agent List"}`,
-      "",
-      `> ${desc.meta.key} v${desc.meta.version}`,
-      "",
-      `**Total Agents:** ${data.total}`,
-      "",
-      "## Agents",
-      ""
-    ];
-    const byStatus = {};
-    for (const agent of data.items) {
-      const status = agent.status;
-      if (byStatus[status]) {
-        byStatus[status].push(agent);
-      } else {
-        byStatus[status] = [agent];
-      }
-    }
-    for (const [status, agents] of Object.entries(byStatus)) {
-      lines.push(`### ${status} (${agents.length})`);
-      lines.push("");
-      for (const agent of agents) {
-        lines.push(`- **${agent.name}** (${agent.modelProvider}/${agent.modelName})`);
-        if (agent.description) {
-          lines.push(`  > ${agent.description}`);
-        }
-      }
-      lines.push("");
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-
-// src/ui/views/AgentListView.tsx
-import {
-  Button,
-  EmptyState,
-  EntityCard,
-  ErrorState,
-  LoaderBlock,
-  StatCard,
-  StatCardGroup,
-  StatusChip
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function getStatusTone(status) {
-  switch (status) {
-    case "ACTIVE":
-      return "success";
-    case "PAUSED":
-    case "DRAFT":
-      return "warning";
-    case "ARCHIVED":
-      return "neutral";
-    default:
-      return "neutral";
-  }
-}
-function AgentListView() {
-  const { data, loading, error, stats, refetch } = useAgentList();
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
-      label: "Loading agents..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV(ErrorState, {
-      title: "Failed to load agents",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  if (!data?.items.length) {
-    return /* @__PURE__ */ jsxDEV(EmptyState, {
-      title: "No agents yet",
-      description: "Create your first AI agent to get started."
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "space-y-6",
-    children: [
-      stats && /* @__PURE__ */ jsxDEV(StatCardGroup, {
-        children: [
-          /* @__PURE__ */ jsxDEV(StatCard, {
-            label: "Total Agents",
-            value: stats.total
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(StatCard, {
-            label: "Active",
-            value: stats.active
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(StatCard, {
-            label: "Paused",
-            value: stats.paused
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(StatCard, {
-            label: "Draft",
-            value: stats.draft
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV("h3", {
-            className: "font-semibold text-lg",
-            children: "Agents"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Button, {
-            onPress: () => alert("Create Agent clicked!"),
-            children: "Create Agent"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-        children: data.items.map((agent) => /* @__PURE__ */ jsxDEV(EntityCard, {
-          cardTitle: agent.name,
-          cardSubtitle: agent.modelName,
-          meta: /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: agent.description
-          }, undefined, false, undefined, this),
-          chips: /* @__PURE__ */ jsxDEV(StatusChip, {
-            tone: getStatusTone(agent.status),
-            label: agent.status
-          }, undefined, false, undefined, this),
-          footer: /* @__PURE__ */ jsxDEV("span", {
-            className: "text-muted-foreground text-xs",
-            children: [
-              "Created ",
-              agent.createdAt.toLocaleDateString()
-            ]
-          }, undefined, true, undefined, this),
-          onClick: () => alert(`View agent: ${agent.name}`)
-        }, agent.id, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/renderers/agent-list.renderer.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var agentListReactRenderer = {
-  target: "react",
-  render: async (desc) => {
-    if (desc.source.type !== "component") {
-      throw new Error("AgentListRenderer: expected component source");
-    }
-    if (desc.source.componentKey !== "AgentListView") {
-      throw new Error(`AgentListRenderer: unknown component ${desc.source.componentKey}`);
-    }
-    return /* @__PURE__ */ jsxDEV2(AgentListView, {}, undefined, false, undefined, this);
-  }
-};
-
-// src/ui/renderers/dashboard.markdown.ts
-import {
-  getFallbackAgentConsoleDashboardData
-} from "@contractspec/example.agent-console/shared";
-function formatDuration(ms) {
-  if (ms < 1000)
-    return `${ms}ms`;
-  if (ms < 60000)
-    return `${(ms / 1000).toFixed(1)}s`;
-  return `${(ms / 60000).toFixed(1)}m`;
-}
-var agentDashboardMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "AgentConsoleDashboard") {
-      throw new Error("agentDashboardMarkdownRenderer: not AgentConsoleDashboard");
-    }
-    const data = ctx?.data ?? await getFallbackAgentConsoleDashboardData();
-    const activeAgents = data.agents.filter((a) => a.status === "ACTIVE").length;
-    const completedRuns = data.runs.filter((r) => r.status === "COMPLETED").length;
-    const failedRuns = data.runs.filter((r) => r.status === "FAILED").length;
-    const totalTokens = data.runs.reduce((sum, r) => sum + (r.totalTokens ?? 0), 0);
-    const totalCost = data.runs.reduce((sum, r) => sum + (r.estimatedCostUsd ?? 0), 0);
-    const activeTools = data.tools.filter((t) => t.status === "ACTIVE").length;
-    const visualizationItems = createAgentVisualizationItems(data.runs);
-    const lines = [
-      "# Agent Console Dashboard",
-      "",
-      "> AI agent operations overview",
-      "",
-      "## Summary",
-      "",
-      "| Metric | Value |",
-      "|--------|-------|",
-      `| Total Agents | ${data.summary.totalAgents} |`,
-      `| Active Agents | ${activeAgents} |`,
-      `| Total Runs | ${data.summary.totalRuns} |`,
-      `| Completed Runs | ${completedRuns} |`,
-      `| Failed Runs | ${failedRuns} |`,
-      `| Total Tokens | ${totalTokens.toLocaleString()} |`,
-      `| Total Cost | $${totalCost.toFixed(4)} |`,
-      `| Total Tools | ${data.summary.totalTools} |`,
-      `| Active Tools | ${activeTools} |`,
-      "",
-      "## Agents",
-      ""
-    ];
-    if (data.agents.length === 0) {
-      lines.push("_No agents configured._");
-    } else {
-      lines.push("| Agent | Model | Status | Description |");
-      lines.push("|-------|-------|--------|-------------|");
-      for (const agent of data.agents.slice(0, 5)) {
-        lines.push(`| ${agent.name} | ${agent.modelProvider}/${agent.modelName} | ${agent.status} | ${agent.description ?? "-"} |`);
-      }
-      if (data.agents.length > 5) {
-        lines.push(`| ... | ... | ... | _${data.summary.totalAgents - 5} more_ |`);
-      }
-    }
-    lines.push("");
-    lines.push("## Recent Runs");
-    lines.push("");
-    if (data.runs.length === 0) {
-      lines.push("_No runs yet._");
-    } else {
-      lines.push("| Run ID | Agent | Status | Duration | Tokens | Cost |");
-      lines.push("|--------|-------|--------|----------|--------|------|");
-      for (const run of data.runs.slice(0, 5)) {
-        lines.push(`| ${run.id.slice(-8)} | ${run.agentName} | ${run.status} | ${run.durationMs ? formatDuration(run.durationMs) : "-"} | ${run.totalTokens ?? 0} | $${(run.estimatedCostUsd ?? 0).toFixed(4)} |`);
-      }
-      if (data.runs.length > 5) {
-        lines.push(`| ... | ... | ... | ... | ... | _${data.summary.totalRuns - 5} more_ |`);
-      }
-    }
-    lines.push("");
-    lines.push("## Visualization Overview");
-    lines.push("");
-    for (const item of visualizationItems) {
-      lines.push(`- **${item.title}** via \`${item.spec.meta.key}\``);
-    }
-    lines.push("");
-    lines.push("## Tools");
-    lines.push("");
-    const toolsByCategory = {};
-    for (const tool of data.tools) {
-      const cat = tool.category;
-      if (!toolsByCategory[cat])
-        toolsByCategory[cat] = [];
-      toolsByCategory[cat].push(tool);
-    }
-    if (Object.keys(toolsByCategory).length === 0) {
-      lines.push("_No tools registered._");
-    } else {
-      lines.push("| Category | Tools | Active |");
-      lines.push("|----------|-------|--------|");
-      for (const [category, tools] of Object.entries(toolsByCategory).sort()) {
-        const active = tools.filter((t) => t.status === "ACTIVE").length;
-        lines.push(`| ${category} | ${tools.length} | ${active} |`);
-      }
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-
-// src/ui/renderers/run-list.markdown.ts
-import {
-  AGENT_CONSOLE_DEMO_PROJECT_ID as AGENT_CONSOLE_DEMO_PROJECT_ID2,
-  createAgentConsoleDemoHandlers as createAgentConsoleDemoHandlers2
-} from "@contractspec/example.agent-console/shared";
-function formatDuration2(ms) {
-  if (ms < 1000)
-    return `${ms}ms`;
-  if (ms < 60000)
-    return `${(ms / 1000).toFixed(1)}s`;
-  return `${(ms / 60000).toFixed(1)}m`;
-}
-var runListMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "RunListView") {
-      throw new Error("runListMarkdownRenderer: not RunListView");
-    }
-    const data = Array.isArray(ctx?.data) ? { items: ctx.data, total: ctx.data.length, hasMore: false } : await createAgentConsoleDemoHandlers2({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID2
-    }).listRuns({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID2,
-      limit: 20,
-      offset: 0
-    });
-    const lines = [
-      `# ${desc.meta.description ?? "Agent Runs"}`,
-      "",
-      `> ${desc.meta.key} v${desc.meta.version}`,
-      "",
-      `**Total Runs:** ${data.total}`,
-      "",
-      "## Recent Runs",
-      "",
-      "| ID | Agent | Status | Duration | Tokens | Cost |",
-      "| --- | --- | --- | --- | --- | --- |"
-    ];
-    for (const run of data.items.slice(0, 10)) {
-      lines.push(`| ${run.id.slice(-8)} | ${run.agentName} | ${run.status} | ${run.durationMs ? formatDuration2(run.durationMs) : "-"} | ${run.totalTokens} | $${run.estimatedCostUsd?.toFixed(4) ?? "-"} |`);
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-
-// src/ui/renderers/tool-registry.markdown.ts
-import {
-  AGENT_CONSOLE_DEMO_ORGANIZATION_ID as AGENT_CONSOLE_DEMO_ORGANIZATION_ID2,
-  AGENT_CONSOLE_DEMO_PROJECT_ID as AGENT_CONSOLE_DEMO_PROJECT_ID3,
-  createAgentConsoleDemoHandlers as createAgentConsoleDemoHandlers3
-} from "@contractspec/example.agent-console/shared";
-var toolRegistryMarkdownRenderer = {
-  target: "markdown",
-  render: async (desc, ctx) => {
-    if (desc.source.type !== "component" || desc.source.componentKey !== "ToolRegistryView") {
-      throw new Error("toolRegistryMarkdownRenderer: not ToolRegistryView");
-    }
-    const data = Array.isArray(ctx?.data) ? {
-      items: ctx.data,
-      total: ctx.data.length,
-      hasMore: false
-    } : await createAgentConsoleDemoHandlers3({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID3
-    }).listTools({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID3,
-      organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID2,
-      limit: 50,
-      offset: 0
-    });
-    const lines = [
-      `# ${desc.meta.description ?? "Tool Registry"}`,
-      "",
-      `> ${desc.meta.key} v${desc.meta.version}`,
-      "",
-      `**Total Tools:** ${data.total}`,
-      ""
-    ];
-    const byCategory = {};
-    for (const tool of data.items) {
-      const cat = tool.category;
-      if (!byCategory[cat])
-        byCategory[cat] = [];
-      byCategory[cat].push(tool);
-    }
-    for (const [category, tools] of Object.entries(byCategory).sort()) {
-      lines.push(`## ${category} (${tools.length})`);
-      lines.push("");
-      for (const tool of tools) {
-        const statusIcon = tool.status === "ACTIVE" ? "✅" : tool.status === "DEPRECATED" ? "⚠️" : "❌";
-        lines.push(`### ${statusIcon} ${tool.name} v${tool.version}`);
-        lines.push("");
-        lines.push(`> \`${tool.id}\``);
-        lines.push("");
-        if (tool.description) {
-          lines.push(tool.description);
-          lines.push("");
-        }
-      }
-    }
-    return {
-      mimeType: "text/markdown",
-      body: lines.join(`
-`)
-    };
-  }
-};
-export {
-  toolRegistryMarkdownRenderer,
-  runListMarkdownRenderer,
-  agentListReactRenderer,
-  agentListMarkdownRenderer,
-  agentDashboardMarkdownRenderer
-};
+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(`
+`)}}};export{Kf as toolRegistryMarkdownRenderer,qf as runListMarkdownRenderer,e as agentListReactRenderer,E as agentListMarkdownRenderer,ff as agentDashboardMarkdownRenderer};