@contractspec/example.agent-console 3.8.9 → 3.8.10

package/dist/node/ui/index.js

@@ -1,3018 +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/shared/mock-agents.ts
-var MOCK_AGENTS = [
-  {
-    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")
-  }
-];
-
-// src/shared/mock-tools.ts
-var MOCK_TOOLS = [
-  {
-    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")
-  }
-];
-
-// src/shared/mock-runs.ts
-var MOCK_RUNS = [
-  {
-    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: []
-  }
-];
-
-// src/ui/AgentDashboard.visualizations.tsx
-import {
-  VisualizationCard,
-  VisualizationGrid
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function AgentVisualizationOverview({ runs }) {
-  const items = createAgentVisualizationItems(runs);
-  return /* @__PURE__ */ jsxDEV("section", {
-    className: "space-y-3",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        children: [
-          /* @__PURE__ */ jsxDEV("h3", {
-            className: "font-semibold text-lg",
-            children: "Operational Visualizations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: "Contract-backed charts derived from recent run activity."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VisualizationGrid, {
-        children: items.map((item) => /* @__PURE__ */ jsxDEV(VisualizationCard, {
-          data: item.data,
-          description: item.description,
-          height: item.height,
-          spec: item.spec,
-          title: item.title
-        }, item.key, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// 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/hooks/useAgentMutations.ts
-import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { useCallback as useCallback2, useState as useState2 } from "react";
-
-// src/shared/demo-runtime-seed.ts
-var AGENT_CONSOLE_DEMO_ORGANIZATION_ID = "demo-org";
-var AGENT_CONSOLE_DEMO_PROJECT_ID = "agent-console-demo";
-function slugify(name) {
-  return name.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-function cloneAgent(agent) {
-  return { ...agent };
-}
-function cloneTool(tool) {
-  return { ...tool };
-}
-function cloneRun(run) {
-  return { ...run };
-}
-function createDefaultNow() {
-  let tick = 0;
-  const base = Date.parse("2026-03-20T09:00:00.000Z");
-  return () => new Date(base + tick++ * 60000);
-}
-function normalizeProvider(provider) {
-  return provider.toLowerCase();
-}
-function normalizeRunStatus(status) {
-  return status === "IN_PROGRESS" ? "RUNNING" : status;
-}
-function createSeedState(projectId, organizationId) {
-  const agents = MOCK_AGENTS.map((agent) => ({
-    id: agent.id,
-    projectId,
-    organizationId,
-    name: agent.name,
-    slug: agent.slug,
-    description: agent.description,
-    modelProvider: normalizeProvider(agent.modelProvider),
-    modelName: agent.modelName,
-    systemPrompt: agent.systemPrompt,
-    temperature: typeof agent.modelConfig?.temperature === "number" ? agent.modelConfig.temperature : 0.4,
-    maxTokens: 8192,
-    status: agent.status,
-    createdAt: agent.createdAt,
-    updatedAt: agent.updatedAt
-  }));
-  const tools = MOCK_TOOLS.map((tool) => ({
-    id: tool.id,
-    projectId,
-    organizationId,
-    name: tool.name,
-    description: tool.description,
-    version: tool.version,
-    category: tool.category,
-    status: tool.status,
-    inputSchema: JSON.stringify(tool.parametersSchema),
-    outputSchema: tool.outputSchema ? JSON.stringify(tool.outputSchema) : undefined,
-    endpoint: typeof tool.implementationConfig?.url === "string" ? tool.implementationConfig.url : undefined,
-    createdAt: tool.createdAt,
-    updatedAt: tool.updatedAt
-  }));
-  const agentNames = new Map(agents.map((agent) => [agent.id, agent.name]));
-  const runs = MOCK_RUNS.map((run) => ({
-    id: run.id,
-    projectId,
-    agentId: run.agentId,
-    agentName: agentNames.get(run.agentId) ?? run.agentName ?? "Unknown agent",
-    status: normalizeRunStatus(run.status),
-    input: JSON.stringify(run.input),
-    output: run.output ? JSON.stringify(run.output) : undefined,
-    totalTokens: run.totalTokens,
-    promptTokens: run.promptTokens,
-    completionTokens: run.completionTokens,
-    estimatedCostUsd: run.estimatedCostUsd ?? 0,
-    durationMs: run.durationMs,
-    errorMessage: run.errorMessage,
-    queuedAt: run.queuedAt,
-    startedAt: run.startedAt,
-    completedAt: run.completedAt
-  }));
-  return { agents, tools, runs };
-}
-function summarizeRunMetrics(runs) {
-  const totalRuns = runs.length;
-  const completedRuns = runs.filter((run) => run.status === "COMPLETED").length;
-  const completedDurations = runs.map((run) => run.durationMs).filter((duration) => typeof duration === "number");
-  return {
-    totalRuns,
-    successRate: totalRuns === 0 ? 0 : completedRuns / totalRuns,
-    averageDurationMs: completedDurations.length === 0 ? 0 : Math.round(completedDurations.reduce((sum, duration) => sum + duration, 0) / completedDurations.length),
-    totalTokens: runs.reduce((sum, run) => sum + run.totalTokens, 0),
-    totalCostUsd: runs.reduce((sum, run) => sum + run.estimatedCostUsd, 0)
-  };
-}
-
-// src/ui/hooks/useAgentMutations.ts
-function normalizeMutationError(error, fallbackMessage) {
-  return error instanceof Error ? error : new Error(fallbackMessage);
-}
-function useAgentMutations(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime2();
-  const { agent } = handlers;
-  const [createState, setCreateState] = useState2({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [updateState, setUpdateState] = useState2({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [executeState, setExecuteState] = useState2({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const createAgent = useCallback2(async (input) => {
-    setCreateState({ loading: true, error: null, data: null });
-    try {
-      const result = await agent.createAgent(input, {
-        projectId,
-        organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID
-      });
-      setCreateState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = normalizeMutationError(err, "Failed to create agent");
-      setCreateState({ loading: false, error, data: null });
-      options.onError?.(error);
-      throw error;
-    }
-  }, [agent, projectId, options]);
-  const updateAgent = useCallback2(async (input) => {
-    setUpdateState({ loading: true, error: null, data: null });
-    try {
-      const result = await agent.updateAgent(input);
-      setUpdateState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = normalizeMutationError(err, "Failed to update agent");
-      setUpdateState({ loading: false, error, data: null });
-      options.onError?.(error);
-      throw error;
-    }
-  }, [agent, options]);
-  const activateAgent = useCallback2(async (agentId) => {
-    return updateAgent({ id: agentId, status: "ACTIVE" });
-  }, [updateAgent]);
-  const pauseAgent = useCallback2(async (agentId) => {
-    return updateAgent({ id: agentId, status: "PAUSED" });
-  }, [updateAgent]);
-  const archiveAgent = useCallback2(async (agentId) => {
-    return updateAgent({ id: agentId, status: "ARCHIVED" });
-  }, [updateAgent]);
-  const executeAgent = useCallback2(async (input) => {
-    setExecuteState({ loading: true, error: null, data: null });
-    try {
-      const result = await agent.executeAgent({
-        agentId: input.agentId,
-        message: input.message,
-        context: {
-          projectId,
-          organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID
-        }
-      });
-      setExecuteState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = normalizeMutationError(err, "Failed to execute agent");
-      setExecuteState({ loading: false, error, data: null });
-      options.onError?.(error);
-      throw error;
-    }
-  }, [agent, projectId, options]);
-  return {
-    createAgent,
-    updateAgent,
-    activateAgent,
-    pauseAgent,
-    archiveAgent,
-    executeAgent,
-    createState,
-    updateState,
-    executeState,
-    isLoading: createState.loading || updateState.loading || executeState.loading
-  };
-}
-
-// src/ui/hooks/useRunList.ts
-import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
-import { useCallback as useCallback3, useEffect as useEffect2, useState as useState3 } from "react";
-function useRunList(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime3();
-  const { agent } = handlers;
-  const [data, setData] = useState3(null);
-  const [metrics, setMetrics] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [error, setError] = useState3(null);
-  const [internalPageIndex, setInternalPageIndex] = useState3(0);
-  const pageSize = options.pageSize ?? options.limit ?? 20;
-  const pageIndex = options.pageIndex ?? internalPageIndex;
-  const [sort] = options.sorting ?? [];
-  const fetchData = useCallback3(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const [runsResult, metricsResult] = await Promise.all([
-        agent.listRuns({
-          projectId,
-          agentId: options.agentId,
-          status: options.status === "all" ? undefined : options.status,
-          sortBy: sort?.id,
-          sortDirection: sort ? sort.desc ? "desc" : "asc" : undefined,
-          limit: pageSize,
-          offset: pageIndex * pageSize
-        }),
-        agent.getRunMetrics({
-          projectId,
-          agentId: options.agentId
-        })
-      ]);
-      setData(runsResult);
-      setMetrics(metricsResult);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [
-    agent,
-    pageIndex,
-    pageSize,
-    projectId,
-    options.agentId,
-    options.status,
-    sort?.desc,
-    sort?.id
-  ]);
-  useEffect2(() => {
-    fetchData();
-  }, [fetchData]);
-  const hasControlledPagination = options.pageIndex !== undefined;
-  return {
-    data,
-    metrics,
-    loading,
-    error,
-    page: pageIndex + 1,
-    pageIndex,
-    pageSize,
-    refetch: fetchData,
-    nextPage: hasControlledPagination ? undefined : () => setInternalPageIndex((current) => current + 1),
-    prevPage: hasControlledPagination ? undefined : () => setInternalPageIndex((current) => Math.max(0, current - 1))
-  };
-}
-
-// src/ui/modals/AgentActionsModal.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { useState as useState4 } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function getStatusColor(status) {
-  switch (status) {
-    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 AgentActionsModal({
-  isOpen,
-  agent,
-  onClose,
-  onActivate,
-  onPause,
-  onArchive,
-  onExecute,
-  isLoading = false
-}) {
-  const [mode, setMode] = useState4("menu");
-  const [message, setMessage] = useState4("");
-  const [confirmAction, setConfirmAction] = useState4(null);
-  const [error, setError] = useState4(null);
-  const resetForm = () => {
-    setMode("menu");
-    setMessage("");
-    setConfirmAction(null);
-    setError(null);
-  };
-  const handleClose = () => {
-    resetForm();
-    onClose();
-  };
-  const handleExecute = async () => {
-    if (!agent)
-      return;
-    setError(null);
-    if (!message.trim()) {
-      setError("Please enter a message");
-      return;
-    }
-    try {
-      await onExecute(agent.id, message.trim());
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to execute agent");
-    }
-  };
-  const handleStatusChange = async (action) => {
-    if (!agent)
-      return;
-    setError(null);
-    try {
-      switch (action) {
-        case "activate":
-          await onActivate(agent.id);
-          break;
-        case "pause":
-          await onPause(agent.id);
-          break;
-        case "archive":
-          await onArchive(agent.id);
-          break;
-      }
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : `Failed to ${action} agent`);
-    }
-  };
-  if (!isOpen || !agent)
-    return null;
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: handleClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            handleClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxDEV2("div", {
-            className: "mb-4 border-border border-b pb-4",
-            children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
-                className: "font-semibold text-xl",
-                children: agent.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "mt-1 flex items-center gap-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "text-muted-foreground text-sm",
-                    children: [
-                      agent.modelProvider,
-                      " / ",
-                      agent.modelName
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: `rounded-full px-2 py-0.5 font-medium text-xs ${getStatusColor(agent.status)}`,
-                    children: agent.status
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              agent.description && /* @__PURE__ */ jsxDEV2("p", {
-                className: "mt-2 text-muted-foreground text-sm",
-                children: agent.description
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "menu" && /* @__PURE__ */ jsxDEV2("div", {
-            className: "space-y-3",
-            children: [
-              agent.status === "ACTIVE" && /* @__PURE__ */ jsxDEV2(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => setMode("execute"),
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "▶️"
-                  }, undefined, false, undefined, this),
-                  " Execute Agent"
-                ]
-              }, undefined, true, undefined, this),
-              (agent.status === "DRAFT" || agent.status === "PAUSED") && /* @__PURE__ */ jsxDEV2(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => handleStatusChange("activate"),
-                disabled: isLoading,
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDFE2"
-                  }, undefined, false, undefined, this),
-                  " Activate Agent"
-                ]
-              }, undefined, true, undefined, this),
-              agent.status === "ACTIVE" && /* @__PURE__ */ jsxDEV2(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => handleStatusChange("pause"),
-                disabled: isLoading,
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "⏸️"
-                  }, undefined, false, undefined, this),
-                  " Pause Agent"
-                ]
-              }, undefined, true, undefined, this),
-              agent.status !== "ARCHIVED" && /* @__PURE__ */ jsxDEV2(Button, {
-                className: "w-full justify-start text-yellow-600 hover:text-yellow-700",
-                variant: "ghost",
-                onPress: () => {
-                  setConfirmAction("archive");
-                  setMode("confirm");
-                },
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDCE6"
-                  }, undefined, false, undefined, this),
-                  " Archive Agent"
-                ]
-              }, undefined, true, undefined, this),
-              agent.status === "ARCHIVED" && /* @__PURE__ */ jsxDEV2(Button, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => handleStatusChange("activate"),
-                disabled: isLoading,
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDD04"
-                  }, undefined, false, undefined, this),
-                  " Restore Agent"
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "border-border border-t pt-3",
-                children: /* @__PURE__ */ jsxDEV2(Button, {
-                  className: "w-full",
-                  variant: "outline",
-                  onPress: handleClose,
-                  children: "Close"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "execute" && /* @__PURE__ */ jsxDEV2("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV2("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV2("label", {
-                    htmlFor: "execute-message",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Message *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("textarea", {
-                    id: "execute-message",
-                    value: message,
-                    onChange: (e) => setMessage(e.target.value),
-                    placeholder: "Enter your message to the agent...",
-                    rows: 4,
-                    disabled: isLoading,
-                    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"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV2(Button, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2(Button, {
-                    onPress: handleExecute,
-                    disabled: isLoading,
-                    children: isLoading ? "Executing..." : "▶️ Execute"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "confirm" && confirmAction === "archive" && /* @__PURE__ */ jsxDEV2("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Are you sure you want to archive",
-                  " ",
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "font-medium text-foreground",
-                    children: agent.name
-                  }, undefined, false, undefined, this),
-                  "?"
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Archived agents cannot be executed but can be restored later."
-              }, undefined, false, undefined, this),
-              error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV2(Button, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2(Button, {
-                    onPress: () => handleStatusChange("archive"),
-                    disabled: isLoading,
-                    children: isLoading ? "Archiving..." : "\uD83D\uDCE6 Archive"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/modals/CreateAgentModal.tsx
-import { Button as Button2, Input } from "@contractspec/lib.design-system";
-import { useState as useState5 } from "react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-var MODEL_PROVIDERS = [
-  {
-    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 CreateAgentModal({
-  isOpen,
-  onClose,
-  onSubmit,
-  isLoading = false
-}) {
-  const [name, setName] = useState5("");
-  const [description, setDescription] = useState5("");
-  const [modelProvider, setModelProvider] = useState5("openai");
-  const [modelName, setModelName] = useState5("gpt-5.4");
-  const [systemPrompt, setSystemPrompt] = useState5("");
-  const [error, setError] = useState5(null);
-  const selectedProvider = MODEL_PROVIDERS.find((p) => p.value === modelProvider);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError(null);
-    if (!name.trim()) {
-      setError("Agent name is required");
-      return;
-    }
-    try {
-      await onSubmit({
-        name: name.trim(),
-        description: description.trim() || undefined,
-        modelProvider,
-        modelName,
-        systemPrompt: systemPrompt.trim() || undefined
-      });
-      setName("");
-      setDescription("");
-      setModelProvider("openai");
-      setModelName("gpt-5.4");
-      setSystemPrompt("");
-      onClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to create agent");
-    }
-  };
-  const handleProviderChange = (provider) => {
-    setModelProvider(provider);
-    const providerConfig = MODEL_PROVIDERS.find((p) => p.value === provider);
-    if (providerConfig) {
-      setModelName(providerConfig.models[0]);
-    }
-  };
-  if (!isOpen)
-    return null;
-  return /* @__PURE__ */ jsxDEV3("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV3("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: onClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            onClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("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: [
-          /* @__PURE__ */ jsxDEV3("h2", {
-            className: "mb-4 font-semibold text-xl",
-            children: "Create New Agent"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("form", {
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV3("label", {
-                    htmlFor: "agent-name",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Agent Name *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Input, {
-                    id: "agent-name",
-                    value: name,
-                    onChange: (e) => setName(e.target.value),
-                    placeholder: "e.g., Customer Support Bot",
-                    disabled: isLoading
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV3("label", {
-                    htmlFor: "agent-description",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Description"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("textarea", {
-                    id: "agent-description",
-                    value: description,
-                    onChange: (e) => setDescription(e.target.value),
-                    placeholder: "Describe what this agent does...",
-                    rows: 2,
-                    disabled: isLoading,
-                    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"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "flex gap-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "flex-1",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("label", {
-                        htmlFor: "model-provider",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Provider *"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("select", {
-                        id: "model-provider",
-                        value: modelProvider,
-                        onChange: (e) => handleProviderChange(e.target.value),
-                        disabled: isLoading,
-                        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: MODEL_PROVIDERS.map((p) => /* @__PURE__ */ jsxDEV3("option", {
-                          value: p.value,
-                          children: p.label
-                        }, p.value, false, undefined, this))
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "flex-1",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("label", {
-                        htmlFor: "model-name",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Model *"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("select", {
-                        id: "model-name",
-                        value: modelName,
-                        onChange: (e) => setModelName(e.target.value),
-                        disabled: isLoading,
-                        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: selectedProvider?.models.map((m) => /* @__PURE__ */ jsxDEV3("option", {
-                          value: m,
-                          children: m
-                        }, m, false, undefined, this))
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV3("label", {
-                    htmlFor: "system-prompt",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "System Prompt"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("textarea", {
-                    id: "system-prompt",
-                    value: systemPrompt,
-                    onChange: (e) => setSystemPrompt(e.target.value),
-                    placeholder: "You are a helpful assistant that...",
-                    rows: 4,
-                    disabled: isLoading,
-                    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"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("p", {
-                    className: "mt-1 text-muted-foreground text-xs",
-                    children: "Instructions that define the agent's behavior"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV3("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3(Button2, {
-                    type: "button",
-                    variant: "ghost",
-                    onPress: onClose,
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Button2, {
-                    type: "submit",
-                    disabled: isLoading,
-                    children: isLoading ? "Creating..." : "Create Agent"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/views/run-list.shared.tsx
-import { Button as Button3, StatusChip } from "@contractspec/lib.design-system";
-import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-"use client";
-function getStatusTone(status) {
-  switch (status) {
-    case "COMPLETED":
-      return "success";
-    case "RUNNING":
-      return "warning";
-    case "QUEUED":
-      return "neutral";
-    case "FAILED":
-    case "CANCELLED":
-      return "danger";
-    default:
-      return "neutral";
-  }
-}
-function formatDuration(ms) {
-  if (!ms)
-    return "-";
-  if (ms < 1000)
-    return `${ms}ms`;
-  if (ms < 60000)
-    return `${(ms / 1000).toFixed(1)}s`;
-  return `${(ms / 60000).toFixed(1)}m`;
-}
-function formatTokens(tokens) {
-  if (tokens < 1000)
-    return tokens.toString();
-  if (tokens < 1e6)
-    return `${(tokens / 1000).toFixed(1)}K`;
-  return `${(tokens / 1e6).toFixed(2)}M`;
-}
-function formatCost(cost) {
-  if (!cost)
-    return "-";
-  return `$${cost.toFixed(4)}`;
-}
-function formatJson(value) {
-  return JSON.stringify(value ?? null, null, 2);
-}
-function RunExpandedContent({ run }) {
-  return /* @__PURE__ */ jsxDEV4(VStack, {
-    gap: "sm",
-    className: "py-2",
-    children: [
-      /* @__PURE__ */ jsxDEV4(HStack, {
-        justify: "between",
-        className: "flex-wrap",
-        children: [
-          /* @__PURE__ */ jsxDEV4(StatusChip, {
-            tone: getStatusTone(run.status),
-            label: run.status
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Queued ",
-              run.queuedAt.toLocaleString()
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4(HStack, {
-        gap: "lg",
-        className: "flex-wrap",
-        children: [
-          /* @__PURE__ */ jsxDEV4(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Prompt ",
-              formatTokens(run.promptTokens)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Completion ",
-              formatTokens(run.completionTokens)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Text, {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "Duration ",
-              formatDuration(run.durationMs)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4(VStack, {
-        gap: "xs",
-        children: [
-          /* @__PURE__ */ jsxDEV4(Text, {
-            className: "font-medium text-sm",
-            children: "Input"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("pre", {
-            className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-            children: formatJson(run.input)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4(VStack, {
-        gap: "xs",
-        children: [
-          /* @__PURE__ */ jsxDEV4(Text, {
-            className: "font-medium text-sm",
-            children: "Output"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("pre", {
-            className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-            children: formatJson(run.output ?? run.errorMessage ?? "Pending")
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function RunTableToolbar({
-  controller,
-  totalRuns
-}) {
-  const firstRow = controller.rows[0];
-  const queuedColumn = controller.columns.find((column) => column.id === "queuedAt");
-  const durationColumn = controller.columns.find((column) => column.id === "durationMs");
-  const costColumn = controller.columns.find((column) => column.id === "estimatedCostUsd");
-  return /* @__PURE__ */ jsxDEV4(HStack, {
-    gap: "sm",
-    className: "flex-wrap",
-    children: [
-      /* @__PURE__ */ jsxDEV4(Text, {
-        className: "text-muted-foreground text-sm",
-        children: [
-          totalRuns,
-          " runs"
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Button3, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => firstRow?.toggleExpanded?.(!firstRow?.isExpanded),
-        children: "Expand Latest Run"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Button3, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => queuedColumn?.toggleVisibility?.(!queuedColumn?.visible),
-        children: queuedColumn?.visible ? "Hide Time" : "Show Time"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Button3, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => durationColumn?.toggleVisibility?.(!durationColumn?.visible),
-        children: durationColumn?.visible ? "Hide Duration" : "Show Duration"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Button3, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => costColumn?.toggleVisibility?.(!costColumn?.visible),
-        children: costColumn?.visible ? "Hide Cost" : "Show Cost"
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/views/run-data-table.columns.tsx
-import { StatusChip as StatusChip2 } from "@contractspec/lib.design-system";
-import { VStack as VStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text as Text2 } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
-"use client";
-function createRunTableColumns() {
-  return [
-    {
-      id: "queuedAt",
-      header: "Run",
-      label: "Run",
-      accessor: (run) => run.queuedAt.getTime(),
-      cell: ({ item }) => /* @__PURE__ */ jsxDEV5(VStack2, {
-        gap: "xs",
-        children: [
-          /* @__PURE__ */ jsxDEV5(Text2, {
-            className: "font-mono text-sm",
-            children: item.id.slice(-8)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Text2, {
-            className: "text-muted-foreground text-xs",
-            children: item.queuedAt.toLocaleString()
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      size: 220,
-      minSize: 180,
-      canSort: true,
-      canHide: true,
-      canResize: true
-    },
-    {
-      id: "agentName",
-      header: "Agent",
-      label: "Agent",
-      accessor: (run) => run.agentName ?? "Unknown Agent",
-      cell: ({ value }) => /* @__PURE__ */ jsxDEV5(Text2, {
-        className: "font-medium",
-        children: typeof value === "string" ? value : "Unknown Agent"
-      }, undefined, false, undefined, this),
-      size: 220,
-      canSort: true,
-      canResize: true
-    },
-    {
-      id: "status",
-      header: "Status",
-      label: "Status",
-      accessorKey: "status",
-      cell: ({ value }) => {
-        const status = typeof value === "string" ? value : "QUEUED";
-        return /* @__PURE__ */ jsxDEV5(StatusChip2, {
-          tone: getStatusTone(status),
-          label: status
-        }, undefined, false, undefined, this);
-      },
-      size: 150,
-      canSort: true,
-      canResize: true
-    },
-    {
-      id: "totalTokens",
-      header: "Tokens",
-      label: "Tokens",
-      accessorKey: "totalTokens",
-      cell: ({ value }) => formatTokens(Number(value ?? 0)),
-      align: "right",
-      size: 140,
-      canSort: true,
-      canResize: true
-    },
-    {
-      id: "durationMs",
-      header: "Duration",
-      label: "Duration",
-      accessorKey: "durationMs",
-      cell: ({ value }) => formatDuration(typeof value === "number" ? value : undefined),
-      align: "right",
-      size: 140,
-      canSort: true,
-      canHide: true,
-      canResize: true
-    },
-    {
-      id: "estimatedCostUsd",
-      header: "Cost",
-      label: "Cost",
-      accessorKey: "estimatedCostUsd",
-      cell: ({ value }) => formatCost(typeof value === "number" ? value : undefined),
-      align: "right",
-      size: 140,
-      canSort: true,
-      canHide: true,
-      canResize: true
-    }
-  ];
-}
-
-// src/ui/views/RunDataTable.tsx
-import { DataTable } from "@contractspec/lib.design-system";
-import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
-import * as React from "react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-"use client";
-function RunDataTable({
-  runs,
-  totalItems,
-  pageIndex,
-  pageSize,
-  sorting,
-  loading,
-  onSortingChange,
-  onPaginationChange,
-  onRunClick
-}) {
-  const columns = React.useMemo(() => createRunTableColumns(), []);
-  const controller = useContractTable({
-    data: runs,
-    columns,
-    executionMode: "server",
-    totalItems,
-    state: {
-      sorting,
-      pagination: { pageIndex, pageSize }
-    },
-    onSortingChange,
-    onPaginationChange,
-    initialState: {
-      columnVisibility: { estimatedCostUsd: false }
-    },
-    getRowId: (run) => run.id,
-    renderExpandedContent: (run) => /* @__PURE__ */ jsxDEV6(RunExpandedContent, {
-      run
-    }, undefined, false, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV6(DataTable, {
-    controller,
-    title: "Run History",
-    description: "Server-mode ContractSpec table with shared pagination, sorting, visibility, and expansion.",
-    loading,
-    onRowPress: (row) => onRunClick?.(row.id),
-    toolbar: /* @__PURE__ */ jsxDEV6(RunTableToolbar, {
-      controller,
-      totalRuns: totalItems
-    }, undefined, false, undefined, this),
-    emptyState: /* @__PURE__ */ jsxDEV6("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No runs yet"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/ui/views/RunListView.tsx
-import {
-  EmptyState,
-  ErrorState,
-  LoaderBlock,
-  StatCard,
-  StatCardGroup
-} from "@contractspec/lib.design-system";
-import { useState as useState6 } from "react";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
-"use client";
-function RunListView({ agentId, onRunClick }) {
-  const [sorting, setSorting] = useState6([
-    { id: "queuedAt", desc: true }
-  ]);
-  const [pagination, setPagination] = useState6({
-    pageIndex: 0,
-    pageSize: 3
-  });
-  const { data, metrics, loading, error, refetch } = useRunList({
-    agentId,
-    pageIndex: pagination.pageIndex,
-    pageSize: pagination.pageSize,
-    sorting
-  });
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV7(LoaderBlock, {
-      label: "Loading runs..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV7(ErrorState, {
-      title: "Failed to load runs",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  if (!data?.items.length) {
-    return /* @__PURE__ */ jsxDEV7(EmptyState, {
-      title: "No runs yet",
-      description: "Execute an agent to see run history here."
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV7("div", {
-    className: "space-y-6",
-    children: [
-      metrics ? /* @__PURE__ */ jsxDEV7(StatCardGroup, {
-        children: [
-          /* @__PURE__ */ jsxDEV7(StatCard, {
-            label: "Total Runs",
-            value: metrics.totalRuns
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(StatCard, {
-            label: "Success Rate",
-            value: `${(metrics.successRate * 100).toFixed(1)}%`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(StatCard, {
-            label: "Total Tokens",
-            value: formatTokens(metrics.totalTokens)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(StatCard, {
-            label: "Total Cost",
-            value: `$${metrics.totalCostUsd.toFixed(2)}`
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV7(RunDataTable, {
-        runs: data.items,
-        totalItems: data.total,
-        pageIndex: pagination.pageIndex,
-        pageSize: pagination.pageSize,
-        sorting,
-        loading,
-        onSortingChange: (nextSorting) => {
-          setSorting(nextSorting);
-          setPagination((current) => ({ ...current, pageIndex: 0 }));
-        },
-        onPaginationChange: setPagination,
-        onRunClick
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/hooks/useToolList.ts
-import { useTemplateRuntime as useTemplateRuntime4 } from "@contractspec/lib.example-shared-ui";
-import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo3, useState as useState7 } from "react";
-function useToolList(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime4();
-  const { agent } = handlers;
-  const [data, setData] = useState7(null);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
-  const [page, setPage] = useState7(1);
-  const fetchData = useCallback4(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await agent.listTools({
-        projectId,
-        search: options.search,
-        category: options.category,
-        status: options.status === "all" ? undefined : options.status,
-        limit: options.limit ?? 50,
-        offset: (page - 1) * (options.limit ?? 50)
-      });
-      setData(result);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [
-    agent,
-    projectId,
-    options.search,
-    options.category,
-    options.status,
-    options.limit,
-    page
-  ]);
-  useEffect3(() => {
-    fetchData();
-  }, [fetchData]);
-  const { stats, groupedByCategory, categoryStats } = useMemo3(() => {
-    if (!data)
-      return { stats: null, groupedByCategory: {}, categoryStats: [] };
-    const items = data.items;
-    const active = items.filter((t) => t.status === "ACTIVE").length;
-    const deprecated = items.filter((t) => t.status === "DEPRECATED").length;
-    const disabled = items.filter((t) => t.status === "DISABLED").length;
-    const grouped = {};
-    const byCategory = {};
-    items.forEach((t) => {
-      const cat = t.category;
-      if (!grouped[cat])
-        grouped[cat] = [];
-      grouped[cat].push(t);
-      byCategory[cat] = (byCategory[cat] || 0) + 1;
-    });
-    const catStats = Object.entries(byCategory).map(([category, count]) => ({ category, count })).sort((a, b) => b.count - a.count);
-    return {
-      stats: {
-        total: data.total,
-        active,
-        deprecated,
-        disabled,
-        topCategories: catStats.slice(0, 5)
-      },
-      groupedByCategory: grouped,
-      categoryStats: catStats
-    };
-  }, [data]);
-  return {
-    data,
-    loading,
-    error,
-    stats,
-    groupedByCategory,
-    categoryStats,
-    page,
-    refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
-  };
-}
-
-// src/ui/views/ToolRegistryView.tsx
-import {
-  Button as Button4,
-  EmptyState as EmptyState2,
-  EntityCard,
-  ErrorState as ErrorState2,
-  LoaderBlock as LoaderBlock2,
-  StatCard as StatCard2,
-  StatCardGroup as StatCardGroup2,
-  StatusChip as StatusChip3
-} from "@contractspec/lib.design-system";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
-"use client";
-var categoryIcons = {
-  RETRIEVAL: "\uD83D\uDD0D",
-  COMPUTATION: "\uD83E\uDDEE",
-  COMMUNICATION: "\uD83D\uDCE7",
-  INTEGRATION: "\uD83D\uDD17",
-  UTILITY: "\uD83D\uDEE0️",
-  CUSTOM: "⚙️"
-};
-function getStatusTone2(status) {
-  switch (status) {
-    case "ACTIVE":
-      return "success";
-    case "DRAFT":
-      return "neutral";
-    case "DEPRECATED":
-      return "warning";
-    case "DISABLED":
-      return "danger";
-    default:
-      return "neutral";
-  }
-}
-function ToolRegistryView({
-  onToolClick,
-  onCreateTool
-}) {
-  const { data, loading, error, groupedByCategory, categoryStats, refetch } = useToolList();
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV8(LoaderBlock2, {
-      label: "Loading tools..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV8(ErrorState2, {
-      title: "Failed to load tools",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  if (!data?.items.length) {
-    return /* @__PURE__ */ jsxDEV8(EmptyState2, {
-      title: "No tools registered",
-      description: "Create your first tool to extend agent capabilities.",
-      primaryAction: onCreateTool ? /* @__PURE__ */ jsxDEV8(Button4, {
-        onPress: onCreateTool,
-        children: "Create Tool"
-      }, undefined, false, undefined, this) : undefined
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV8("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxDEV8(StatCardGroup2, {
-        children: [
-          /* @__PURE__ */ jsxDEV8(StatCard2, {
-            label: "Total Tools",
-            value: data.total
-          }, undefined, false, undefined, this),
-          categoryStats.slice(0, 3).map(({ category, count }) => /* @__PURE__ */ jsxDEV8(StatCard2, {
-            label: `${categoryIcons[category] ?? ""} ${category}`,
-            value: count
-          }, category, false, undefined, this))
-        ]
-      }, undefined, true, undefined, this),
-      Object.entries(groupedByCategory).map(([category, tools]) => /* @__PURE__ */ jsxDEV8("section", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsxDEV8("div", {
-            className: "flex items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsxDEV8("span", {
-                className: "text-2xl",
-                children: categoryIcons[category]
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("h3", {
-                className: "font-semibold text-lg",
-                children: category
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8("span", {
-                className: "rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs",
-                children: tools.length
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
-            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-            children: tools.map((tool) => /* @__PURE__ */ jsxDEV8(EntityCard, {
-              cardTitle: tool.name,
-              cardSubtitle: `v${tool.version}`,
-              meta: /* @__PURE__ */ jsxDEV8("p", {
-                className: "text-muted-foreground text-sm",
-                children: tool.description
-              }, undefined, false, undefined, this),
-              chips: /* @__PURE__ */ jsxDEV8(StatusChip3, {
-                tone: getStatusTone2(tool.status),
-                label: tool.status
-              }, undefined, false, undefined, this),
-              footer: /* @__PURE__ */ jsxDEV8("code", {
-                className: "text-muted-foreground text-xs",
-                children: tool.name
-              }, undefined, false, undefined, this),
-              onClick: onToolClick ? () => onToolClick(tool.id) : undefined
-            }, tool.id, false, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, category, true, undefined, this))
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/AgentDashboard.tsx
-import {
-  Button as Button5,
-  StatCard as StatCard3,
-  StatCardGroup as StatCardGroup3
-} from "@contractspec/lib.design-system";
-import { useCallback as useCallback5, useMemo as useMemo4, useState as useState8 } from "react";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
-"use client";
-function AgentDashboard() {
-  const [activeTab, setActiveTab] = useState8("runs");
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState8(false);
-  const [selectedAgent, setSelectedAgent] = useState8(null);
-  const [isAgentActionsOpen, setIsAgentActionsOpen] = useState8(false);
-  const [refreshVersion, setRefreshVersion] = useState8(0);
-  const { data: runData, metrics, refetch: refetchRuns } = useRunList();
-  const { refetch: refetchAgents } = useAgentList();
-  const mutations = useAgentMutations({
-    onSuccess: () => {
-      refetchAgents();
-      refetchRuns();
-      setRefreshVersion((current) => current + 1);
-    }
-  });
-  const handleAgentClick = useCallback5((agent) => {
-    setSelectedAgent(agent);
-    setIsAgentActionsOpen(true);
-  }, []);
-  const tabs = [
-    { 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" }
-  ];
-  const summaryStats = useMemo4(() => {
-    if (!metrics) {
-      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: metrics.totalRuns.toLocaleString(),
-        hint: `${(metrics.successRate * 100).toFixed(0)}% success`
-      },
-      {
-        label: "Success Rate",
-        value: `${(metrics.successRate * 100).toFixed(0)}%`,
-        hint: "of all runs"
-      },
-      {
-        label: "Total Tokens",
-        value: metrics.totalTokens >= 1e6 ? `${(metrics.totalTokens / 1e6).toFixed(1)}M` : `${(metrics.totalTokens / 1000).toFixed(0)}K`,
-        hint: "This period"
-      },
-      {
-        label: "Total Cost",
-        value: `$${metrics.totalCostUsd.toFixed(2)}`,
-        hint: "This period"
-      }
-    ];
-  }, [metrics]);
-  return /* @__PURE__ */ jsxDEV9("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV9("h2", {
-            className: "font-bold text-2xl",
-            children: "AI Agent Console"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9(Button5, {
-            onPress: () => setIsCreateModalOpen(true),
-            children: [
-              /* @__PURE__ */ jsxDEV9("span", {
-                className: "mr-2",
-                children: "+"
-              }, undefined, false, undefined, this),
-              " New Agent"
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9(StatCardGroup3, {
-        children: summaryStats.map((stat, i) => /* @__PURE__ */ jsxDEV9(StatCard3, {
-          label: stat.label,
-          value: stat.value,
-          hint: stat.hint
-        }, i, false, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(AgentVisualizationOverview, {
-        runs: runData?.items ?? []
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9("nav", {
-        className: "flex gap-1 rounded-lg bg-muted p-1",
-        role: "tablist",
-        children: tabs.map((tab) => /* @__PURE__ */ jsxDEV9("button", {
-          type: "button",
-          role: "tab",
-          "aria-selected": activeTab === tab.id,
-          onClick: () => setActiveTab(tab.id),
-          className: `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
-          children: [
-            /* @__PURE__ */ jsxDEV9("span", {
-              children: tab.icon
-            }, undefined, false, undefined, this),
-            tab.label
-          ]
-        }, tab.id, true, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "min-h-[400px]",
-        role: "tabpanel",
-        children: [
-          activeTab === "runs" && /* @__PURE__ */ jsxDEV9(RunListView, {}, refreshVersion, false, undefined, this),
-          activeTab === "agents" && /* @__PURE__ */ jsxDEV9(AgentListViewWithActions, {
-            onAgentClick: handleAgentClick
-          }, refreshVersion, false, undefined, this),
-          activeTab === "tools" && /* @__PURE__ */ jsxDEV9(ToolRegistryView, {}, undefined, false, undefined, this),
-          activeTab === "metrics" && /* @__PURE__ */ jsxDEV9(MetricsView, {
-            metrics
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9(CreateAgentModal, {
-        isOpen: isCreateModalOpen,
-        onClose: () => setIsCreateModalOpen(false),
-        onSubmit: async (input) => {
-          await mutations.createAgent(input);
-        },
-        isLoading: mutations.createState.loading
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(AgentActionsModal, {
-        isOpen: isAgentActionsOpen,
-        agent: selectedAgent,
-        onClose: () => {
-          setIsAgentActionsOpen(false);
-          setSelectedAgent(null);
-        },
-        onActivate: async (agentId) => {
-          await mutations.activateAgent(agentId);
-        },
-        onPause: async (agentId) => {
-          await mutations.pauseAgent(agentId);
-        },
-        onArchive: async (agentId) => {
-          await mutations.archiveAgent(agentId);
-        },
-        onExecute: async (agentId, message) => {
-          await mutations.executeAgent({ agentId, message });
-        },
-        isLoading: mutations.isLoading
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function AgentListViewWithActions({
-  onAgentClick
-}) {
-  const { data, loading, error, stats, refetch } = useAgentList();
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV9("div", {
-      className: "flex h-64 items-center justify-center text-muted-foreground",
-      children: "Loading agents..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV9("div", {
-      className: "flex h-64 flex-col items-center justify-center text-destructive",
-      children: [
-        /* @__PURE__ */ jsxDEV9("p", {
-          children: [
-            "Failed to load agents: ",
-            error.message
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV9(Button5, {
-          variant: "outline",
-          onPress: refetch,
-          className: "mt-2",
-          children: "Retry"
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  if (!data?.items.length) {
-    return /* @__PURE__ */ jsxDEV9("div", {
-      className: "flex h-64 flex-col items-center justify-center text-muted-foreground",
-      children: [
-        /* @__PURE__ */ jsxDEV9("p", {
-          className: "font-medium text-lg",
-          children: "No agents yet"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV9("p", {
-          className: "text-sm",
-          children: "Create your first AI agent to get started."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV9("div", {
-    className: "space-y-4",
-    children: [
-      stats && /* @__PURE__ */ jsxDEV9("div", {
-        className: "flex gap-4 text-sm",
-        children: [
-          /* @__PURE__ */ jsxDEV9("span", {
-            children: [
-              "Total: ",
-              stats.total
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV9("span", {
-            className: "text-green-600",
-            children: [
-              "Active: ",
-              stats.active
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV9("span", {
-            className: "text-yellow-600",
-            children: [
-              "Paused: ",
-              stats.paused
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV9("span", {
-            className: "text-blue-600",
-            children: [
-              "Draft: ",
-              stats.draft
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-        children: data.items.map((agent) => /* @__PURE__ */ jsxDEV9(AgentCard, {
-          agent,
-          onClick: () => onAgentClick(agent)
-        }, agent.id, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function AgentCard({ agent, onClick }) {
-  const statusColors = {
-    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 /* @__PURE__ */ jsxDEV9("div", {
-    onClick,
-    className: "cursor-pointer rounded-xl border border-border bg-card p-4 transition-all hover:shadow-md",
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: (e) => {
-      if (e.key === "Enter" || e.key === " ")
-        onClick();
-    },
-    children: [
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "flex items-start justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV9("div", {
-            className: "min-w-0 flex-1",
-            children: [
-              /* @__PURE__ */ jsxDEV9("h3", {
-                className: "truncate font-semibold",
-                children: agent.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV9("p", {
-                className: "text-muted-foreground text-sm",
-                children: [
-                  agent.modelProvider,
-                  " / ",
-                  agent.modelName
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV9("span", {
-            className: `rounded-full px-2 py-0.5 font-medium text-xs ${statusColors[agent.status]}`,
-            children: agent.status
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      agent.description && /* @__PURE__ */ jsxDEV9("p", {
-        className: "mt-2 line-clamp-2 text-muted-foreground text-sm",
-        children: agent.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "mt-3 flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV9("span", {
-            className: "text-muted-foreground text-xs",
-            children: agent.modelName
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9(Button5, {
-            variant: "ghost",
-            size: "sm",
-            onPress: onClick,
-            children: "Actions"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function MetricsView({ metrics }) {
-  if (!metrics) {
-    return /* @__PURE__ */ jsxDEV9("div", {
-      className: "flex h-64 items-center justify-center text-muted-foreground",
-      children: "Loading metrics..."
-    }, undefined, false, undefined, this);
-  }
-  const completedRuns = Math.round(metrics.totalRuns * metrics.successRate);
-  const failedRuns = metrics.totalRuns - completedRuns;
-  return /* @__PURE__ */ jsxDEV9("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV9("h3", {
-        className: "font-semibold text-lg",
-        children: "Usage Analytics"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "grid gap-6 md:grid-cols-2",
-        children: [
-          /* @__PURE__ */ jsxDEV9("div", {
-            className: "rounded-xl border border-border bg-card p-4",
-            children: [
-              /* @__PURE__ */ jsxDEV9("h4", {
-                className: "font-medium",
-                children: "Run Outcomes"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV9("div", {
-                className: "mt-4 space-y-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV9(ProgressBar, {
-                    label: "Completed",
-                    value: completedRuns,
-                    total: metrics.totalRuns,
-                    color: "bg-green-500"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV9(ProgressBar, {
-                    label: "Failed",
-                    value: failedRuns,
-                    total: metrics.totalRuns,
-                    color: "bg-red-500"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV9("div", {
-            className: "rounded-xl border border-border bg-card p-4",
-            children: [
-              /* @__PURE__ */ jsxDEV9("h4", {
-                className: "font-medium",
-                children: "Performance"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV9("dl", {
-                className: "mt-4 grid grid-cols-2 gap-4",
-                children: [
-                  /* @__PURE__ */ jsxDEV9("div", {
-                    children: [
-                      /* @__PURE__ */ jsxDEV9("dt", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Avg Duration"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV9("dd", {
-                        className: "font-semibold text-xl",
-                        children: [
-                          (metrics.averageDurationMs / 1000).toFixed(1),
-                          "s"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV9("div", {
-                    children: [
-                      /* @__PURE__ */ jsxDEV9("dt", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Success Rate"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV9("dd", {
-                        className: "font-semibold text-xl",
-                        children: [
-                          (metrics.successRate * 100).toFixed(0),
-                          "%"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "rounded-xl border border-border bg-card p-4",
-        children: [
-          /* @__PURE__ */ jsxDEV9("h4", {
-            className: "font-medium",
-            children: "Key Metrics"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("dl", {
-            className: "mt-4 grid gap-4 sm:grid-cols-3",
-            children: [
-              /* @__PURE__ */ jsxDEV9("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV9("dt", {
-                    className: "text-muted-foreground text-sm",
-                    children: "Total Runs"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV9("dd", {
-                    className: "font-semibold text-2xl",
-                    children: metrics.totalRuns.toLocaleString()
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV9("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV9("dt", {
-                    className: "text-muted-foreground text-sm",
-                    children: "Total Tokens"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV9("dd", {
-                    className: "font-semibold text-2xl",
-                    children: [
-                      (metrics.totalTokens / 1000).toFixed(0),
-                      "K"
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV9("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV9("dt", {
-                    className: "text-muted-foreground text-sm",
-                    children: "Cost per Run"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV9("dd", {
-                    className: "font-semibold text-2xl",
-                    children: [
-                      "$",
-                      metrics.totalRuns > 0 ? (metrics.totalCostUsd / metrics.totalRuns).toFixed(4) : "0"
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function ProgressBar({
-  label,
-  value,
-  total,
-  color
-}) {
-  const pct = total > 0 ? value / total * 100 : 0;
-  return /* @__PURE__ */ jsxDEV9("div", {
-    children: [
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "flex justify-between text-sm",
-        children: [
-          /* @__PURE__ */ jsxDEV9("span", {
-            children: label
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("span", {
-            className: "text-muted-foreground",
-            children: [
-              value,
-              " (",
-              pct.toFixed(0),
-              "%)"
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
-        className: "mt-1 h-2 overflow-hidden rounded-full bg-muted",
-        children: /* @__PURE__ */ jsxDEV9("div", {
-          className: `h-full ${color}`,
-          style: { width: `${pct}%` }
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/AgentRunList.tsx
-"use client";
-
-// src/ui/AgentToolRegistry.tsx
-"use client";
-
-// src/ui/hooks/index.ts
-"use client";
-// src/ui/overlays/demo-overlays.ts
-var agentConsoleDemoOverlay = {
-  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"
-    }
-  ]
-};
-var agentConsoleReadOnlyOverlay = {
-  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"
-    }
-  ]
-};
-var agentConsoleOverlays = [
-  agentConsoleDemoOverlay,
-  agentConsoleReadOnlyOverlay
-];
-// src/ui/renderers/agent-list.markdown.ts
-import {
-  AGENT_CONSOLE_DEMO_ORGANIZATION_ID as AGENT_CONSOLE_DEMO_ORGANIZATION_ID2,
-  AGENT_CONSOLE_DEMO_PROJECT_ID as AGENT_CONSOLE_DEMO_PROJECT_ID2,
-  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_ID2
-    }).listAgents({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID2,
-      organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID2,
-      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 as Button6,
-  EmptyState as EmptyState3,
-  EntityCard as EntityCard2,
-  ErrorState as ErrorState3,
-  LoaderBlock as LoaderBlock3,
-  StatCard as StatCard4,
-  StatCardGroup as StatCardGroup4,
-  StatusChip as StatusChip4
-} from "@contractspec/lib.design-system";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
-"use client";
-function getStatusTone3(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__ */ jsxDEV10(LoaderBlock3, {
-      label: "Loading agents..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV10(ErrorState3, {
-      title: "Failed to load agents",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  if (!data?.items.length) {
-    return /* @__PURE__ */ jsxDEV10(EmptyState3, {
-      title: "No agents yet",
-      description: "Create your first AI agent to get started."
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV10("div", {
-    className: "space-y-6",
-    children: [
-      stats && /* @__PURE__ */ jsxDEV10(StatCardGroup4, {
-        children: [
-          /* @__PURE__ */ jsxDEV10(StatCard4, {
-            label: "Total Agents",
-            value: stats.total
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(StatCard4, {
-            label: "Active",
-            value: stats.active
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(StatCard4, {
-            label: "Paused",
-            value: stats.paused
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(StatCard4, {
-            label: "Draft",
-            value: stats.draft
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
-        className: "flex items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV10("h3", {
-            className: "font-semibold text-lg",
-            children: "Agents"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(Button6, {
-            onPress: () => alert("Create Agent clicked!"),
-            children: "Create Agent"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
-        className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-        children: data.items.map((agent) => /* @__PURE__ */ jsxDEV10(EntityCard2, {
-          cardTitle: agent.name,
-          cardSubtitle: agent.modelName,
-          meta: /* @__PURE__ */ jsxDEV10("p", {
-            className: "text-muted-foreground text-sm",
-            children: agent.description
-          }, undefined, false, undefined, this),
-          chips: /* @__PURE__ */ jsxDEV10(StatusChip4, {
-            tone: getStatusTone3(agent.status),
-            label: agent.status
-          }, undefined, false, undefined, this),
-          footer: /* @__PURE__ */ jsxDEV10("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 jsxDEV11 } 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__ */ jsxDEV11(AgentListView, {}, undefined, false, undefined, this);
-  }
-};
-
-// src/ui/renderers/dashboard.markdown.ts
-import {
-  getFallbackAgentConsoleDashboardData
-} 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 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 ? formatDuration2(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_ID3,
-  createAgentConsoleDemoHandlers as createAgentConsoleDemoHandlers2
-} from "@contractspec/example.agent-console/shared";
-function formatDuration3(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_ID3
-    }).listRuns({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID3,
-      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 ? formatDuration3(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_ID3,
-  AGENT_CONSOLE_DEMO_PROJECT_ID as AGENT_CONSOLE_DEMO_PROJECT_ID4,
-  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_ID4
-    }).listTools({
-      projectId: AGENT_CONSOLE_DEMO_PROJECT_ID4,
-      organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID3,
-      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 {
-  useToolList,
-  useRunList,
-  useAgentMutations,
-  useAgentList,
-  toolRegistryMarkdownRenderer,
-  runListMarkdownRenderer,
-  agentListReactRenderer,
-  agentListMarkdownRenderer,
-  agentDashboardMarkdownRenderer,
-  agentConsoleReadOnlyOverlay,
-  agentConsoleOverlays,
-  agentConsoleDemoOverlay,
-  ToolRegistryView,
-  RunListView,
-  CreateAgentModal,
-  ToolRegistryView as AgentToolRegistry,
-  RunListView as AgentRunList,
-  AgentListView,
-  AgentDashboard,
-  AgentActionsModal
-};
+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};