@contractspec/example.agent-console 3.8.8 → 3.8.10

package/dist/visualizations/index.js

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

package/dist/visualizations/selectors.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/example.agent-console",
-  "version": "3.8.8",
+  "version": "3.8.10",
   "description": "Agent Console example - AI agent orchestration with tools, runs, and logs",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -334,6 +334,13 @@
       "node": "./dist/node/ui/AgentToolRegistry.js",
       "default": "./dist/ui/AgentToolRegistry.js"
     },
+    "./ui/ExecutionConsoleHost": {
+      "types": "./dist/ui/ExecutionConsoleHost.d.ts",
+      "browser": "./dist/browser/ui/ExecutionConsoleHost.js",
+      "bun": "./dist/ui/ExecutionConsoleHost.js",
+      "node": "./dist/node/ui/ExecutionConsoleHost.js",
+      "default": "./dist/ui/ExecutionConsoleHost.js"
+    },
     "./ui/hooks": {
       "types": "./dist/ui/hooks/index.d.ts",
       "browser": "./dist/browser/ui/hooks/index.js",
@@ -526,8 +533,8 @@
     "dev": "contractspec-bun-build dev",
     "clean": "rimraf dist .turbo",
     "lint": "bun lint:fix",
-    "lint:fix": "biome check --write --unsafe --only=nursery/useSortedClasses . && biome check --write .",
-    "lint:check": "biome check .",
+    "lint:fix": "node ../../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../../scripts/biome.cjs check --write .",
+    "lint:check": "node ../../../scripts/biome.cjs check .",
     "test": "bun test",
     "proof": "bun ../../../scripts/generate-agent-console-meetup-proof.ts",
     "preflight": "bun run build && bun run typecheck && bun run test && bun ../../../scripts/check-agent-console-meetup-policy.ts && bun run proof",
@@ -535,22 +542,24 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@contractspec/lib.schema": "3.7.13",
-    "@contractspec/lib.contracts-spec": "5.0.4",
-    "@contractspec/lib.example-shared-ui": "6.0.16",
-    "@contractspec/lib.design-system": "3.8.9",
-    "@contractspec/lib.runtime-sandbox": "2.7.13",
+    "@contractspec/lib.schema": "3.7.14",
+    "@contractspec/lib.contracts-spec": "5.2.0",
+    "@contractspec/lib.example-shared-ui": "6.0.18",
+    "@contractspec/lib.design-system": "3.8.11",
+    "@contractspec/lib.runtime-sandbox": "2.7.14",
+    "@contractspec/lib.ui-kit-web": "3.9.10",
+    "@contractspec/module.execution-console": "0.1.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "@contractspec/lib.presentation-runtime-core": "3.9.4"
+    "@contractspec/lib.presentation-runtime-core": "3.9.6"
   },
   "devDependencies": {
-    "@contractspec/lib.harness": "0.2.9",
-    "@contractspec/tool.bun": "3.7.12",
-    "@contractspec/tool.typescript": "3.7.12",
+    "@contractspec/lib.harness": "0.2.11",
+    "@contractspec/tool.bun": "3.7.14",
+    "@contractspec/tool.typescript": "3.7.13",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.2",
-    "happy-dom": "^20.8.8",
+    "happy-dom": "^20.8.9",
     "typescript": "^5.9.3"
   },
   "publishConfig": {
@@ -884,6 +893,13 @@
         "node": "./dist/node/ui/AgentToolRegistry.js",
         "default": "./dist/ui/AgentToolRegistry.js"
       },
+      "./ui/ExecutionConsoleHost": {
+        "types": "./dist/ui/ExecutionConsoleHost.d.ts",
+        "browser": "./dist/browser/ui/ExecutionConsoleHost.js",
+        "bun": "./dist/ui/ExecutionConsoleHost.js",
+        "node": "./dist/node/ui/ExecutionConsoleHost.js",
+        "default": "./dist/ui/ExecutionConsoleHost.js"
+      },
       "./ui/hooks": {
         "types": "./dist/ui/hooks/index.d.ts",
         "browser": "./dist/browser/ui/hooks/index.js",

package/src/ui/ExecutionConsoleHost.test.tsx

@@ -0,0 +1,110 @@
+import { afterEach, beforeAll, describe, expect, it } from 'bun:test';
+import {
+	type TemplateDefinition,
+	TemplateRuntimeContext,
+	type TemplateRuntimeContextValue,
+} from '@contractspec/lib.example-shared-ui';
+import Window from 'happy-dom/lib/window/Window.js';
+import { act } from 'react';
+import { createRoot, type Root } from 'react-dom/client';
+import type { AgentHandlers } from '../handlers/agent.handlers';
+import {
+	AGENT_CONSOLE_DEMO_ORGANIZATION_ID,
+	createAgentConsoleDemoHandlers,
+} from '../shared';
+import { ExecutionConsoleHost } from './ExecutionConsoleHost';
+
+const PROJECT_ID = 'agent-console-execution-host';
+const TEMPLATE: TemplateDefinition = {
+	id: 'agent-console',
+	name: 'Agent Console',
+	description: 'Deterministic execution console host smoke test.',
+	category: 'ai',
+	complexity: 'intermediate',
+	icon: '🤖',
+	features: ['agents', 'runs', 'tools', 'metrics'],
+	tags: ['sandbox', 'smoke'],
+	schema: { models: ['Agent', 'Run', 'Tool'], contracts: [] },
+	components: {
+		list: 'AgentListView',
+		detail: 'RunListView',
+		form: 'CreateAgentModal',
+	},
+};
+
+beforeAll(() => {
+	const windowInstance = new Window({
+		url: 'https://sandbox.contractspec.local/sandbox?template=agent-console',
+	});
+	Object.defineProperty(windowInstance, 'SyntaxError', {
+		value: SyntaxError,
+		configurable: true,
+	});
+	Object.assign(globalThis, {
+		window: windowInstance,
+		document: windowInstance.document,
+		navigator: windowInstance.navigator,
+		HTMLElement: windowInstance.HTMLElement,
+		HTMLButtonElement: windowInstance.HTMLButtonElement,
+		HTMLInputElement: windowInstance.HTMLInputElement,
+		HTMLTextAreaElement: windowInstance.HTMLTextAreaElement,
+		Node: windowInstance.Node,
+		Event: windowInstance.Event,
+		MouseEvent: windowInstance.MouseEvent,
+		KeyboardEvent: windowInstance.KeyboardEvent,
+		MutationObserver: windowInstance.MutationObserver,
+		getComputedStyle: windowInstance.getComputedStyle.bind(windowInstance),
+		requestAnimationFrame: (callback: FrameRequestCallback) =>
+			setTimeout(() => callback(Date.now()), 0),
+		cancelAnimationFrame: (id: number) => clearTimeout(id),
+		IS_REACT_ACT_ENVIRONMENT: true,
+	});
+});
+
+afterEach(() => {
+	document.body.innerHTML = '';
+});
+
+function createContextValue(
+	handlers: AgentHandlers
+): TemplateRuntimeContextValue<{ agent: AgentHandlers }> {
+	return {
+		template: TEMPLATE,
+		runtime: {},
+		installer: {
+			install: async () => {},
+			saveToStudio: async () => ({ projectId: PROJECT_ID, status: 'saved' }),
+		},
+		client: {} as never,
+		templateId: TEMPLATE.id,
+		projectId: PROJECT_ID,
+		engine: {} as never,
+		fetchData: async () => ({ data: null }),
+		handlers: { agent: handlers },
+	};
+}
+
+describe('ExecutionConsoleHost smoke', () => {
+	it('renders the agent dashboard and execution lane console together', async () => {
+		const container = document.createElement('div');
+		document.body.append(container);
+		const root: Root = createRoot(container);
+		const handlers = createAgentConsoleDemoHandlers({
+			projectId: PROJECT_ID,
+			organizationId: AGENT_CONSOLE_DEMO_ORGANIZATION_ID,
+		});
+
+		await act(async () => {
+			root.render(
+				<TemplateRuntimeContext.Provider value={createContextValue(handlers)}>
+					<ExecutionConsoleHost />
+				</TemplateRuntimeContext.Provider>
+			);
+		});
+
+		expect(document.body.textContent).toContain('AI Agent Console');
+		expect(document.body.textContent).toContain('Timeline');
+		expect(document.body.textContent).toContain('Completion Loop');
+		expect(document.body.textContent).toContain('Export Evidence');
+	});
+});

package/src/ui/ExecutionConsoleHost.tsx

@@ -0,0 +1,14 @@
+'use client';
+
+import { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';
+import { ExecutionLaneConsoleDemo } from '@contractspec/module.execution-console';
+import { AgentDashboard } from './AgentDashboard';
+
+export function ExecutionConsoleHost() {
+	return (
+		<VStack gap="xl" align="stretch">
+			<AgentDashboard />
+			<ExecutionLaneConsoleDemo />
+		</VStack>
+	);
+}

package/src/ui/index.ts

@@ -1,9 +1,9 @@
 // Main dashboard component
 export * from './AgentDashboard';
-
 // Backward-compatible exports
 export * from './AgentRunList';
 export * from './AgentToolRegistry';
+export * from './ExecutionConsoleHost';
 // Data hooks
 export * from './hooks';