@tonyclaw/agent-inspector 3.0.13 → 3.0.14

package/.output/server/_tanstack-start-manifest_v-Dk2HfOoe.mjs

@@ -0,0 +1,4 @@
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/alerts", "/api/config", "/api/groups", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/runs", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/ecosystem/packages", "/api/ecosystem/tasks", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/ecosystem/recipes/$recipeId/run", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-BfN4culo.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-49RC4dlD.js", "/assets/ProxyViewerContainer-CbNsaoQw.js"] }, "/api/alerts": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.ts", "children": ["/api/alerts/summary"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/groups": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.ts", "children": ["/api/groups/$groupId"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/import", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/runs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.ts", "children": ["/api/runs/$runId"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/proxy/$.ts" }, "/session/$sessionId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-BnMB0zab.js", "/assets/ProxyViewerContainer-CbNsaoQw.js"] }, "/api/alerts/summary": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.summary.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/ecosystem/packages": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.ts", "children": ["/api/ecosystem/packages/$packageId/help", "/api/ecosystem/packages/$packageId/install", "/api/ecosystem/packages/$packageId/runner-presets", "/api/ecosystem/packages/$packageId/upgrade"] }, "/api/ecosystem/tasks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.tasks.ts", "children": ["/api/ecosystem/tasks/$taskId"] }, "/api/groups/$groupId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.ts", "children": ["/api/groups/$groupId/evidence", "/api/groups/$groupId/sessions"] }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId"] }, "/api/knowledge/project-context": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.project-context.ts" }, "/api/knowledge/search": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.search.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/body", "/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.import.ts" }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/model-metadata", "/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.scan.ts" }, "/api/runs/$runId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.ts", "children": ["/api/runs/$runId/evidence"] }, "/api/ecosystem/tasks/$taskId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.tasks.$taskId.ts" }, "/api/groups/$groupId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.evidence.ts" }, "/api/groups/$groupId/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.sessions.ts" }, "/api/knowledge/candidates/$candidateId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/logs/$id/body": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.body.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/model-metadata": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.model-metadata.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/runs/$runId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.evidence.ts" }, "/api/ecosystem/packages/$packageId/help": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.help.ts" }, "/api/ecosystem/packages/$packageId/install": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.install.ts" }, "/api/ecosystem/packages/$packageId/runner-presets": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.runner-presets.ts" }, "/api/ecosystem/packages/$packageId/upgrade": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.upgrade.ts" }, "/api/ecosystem/recipes/$recipeId/run": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.recipes.$recipeId.run.ts" }, "/api/knowledge/candidates/$candidateId/promote": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.promote.ts" }, "/api/knowledge/sessions/$sessionId/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.sessions.$sessionId.candidates.ts" }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-BfN4culo.js" });
+export {
+  tsrStartManifest
+};

package/.output/server/index.mjs

@@ -38,121 +38,121 @@ const assets = {
   "/assets/agent-inspector-58K1_MsC.ico": {
     "type": "image/vnd.microsoft.icon",
     "etag": '"38fa-ZD8kPABHYjPIkcH82FMY6iZM7fI"',
-    "mtime": "2026-07-07T13:32:21.623Z",
+    "mtime": "2026-07-08T01:38:53.683Z",
     "size": 14586,
     "path": "../public/assets/agent-inspector-58K1_MsC.ico"
   },
-  "/assets/alibaba-TTwafVwX.svg": {
-    "type": "image/svg+xml",
-    "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 5915,
-    "path": "../public/assets/alibaba-TTwafVwX.svg"
+  "/assets/index-BbtAIxbg.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"1cd2c-9sotzEOJt7YobaV9zbPeMBhUgKQ"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 118060,
+    "path": "../public/assets/index-BbtAIxbg.js"
+  },
+  "/assets/CompareDrawer-DDfwHQUi.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"4bc3-V5X3VhcIpOcGi/B6cXBW6SUb4h4"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 19395,
+    "path": "../public/assets/CompareDrawer-DDfwHQUi.js"
+  },
+  "/assets/index-49RC4dlD.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"74-GlRn93aSVOHR0mfj+RCxQ60Mu3o"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 116,
+    "path": "../public/assets/index-49RC4dlD.js"
+  },
+  "/assets/json-viewer-C838cVmD.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"1ae6-quOA6edv0/Es47habtmdRT7jfNc"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 6886,
+    "path": "../public/assets/json-viewer-C838cVmD.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-07T13:32:21.623Z",
+    "mtime": "2026-07-08T01:38:53.683Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/json-viewer-DFpIPmLo.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"1ae6-eQryaLPILn5fqiMEolAa4MZPxNo"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 6886,
-    "path": "../public/assets/json-viewer-DFpIPmLo.js"
-  },
-  "/assets/CompareDrawer-BRV9ztWd.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"4bc3-shyRzaaE6ahHgRB0IA707QrKsJI"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 19395,
-    "path": "../public/assets/CompareDrawer-BRV9ztWd.js"
+  "/assets/alibaba-TTwafVwX.svg": {
+    "type": "image/svg+xml",
+    "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
+    "mtime": "2026-07-08T01:38:53.683Z",
+    "size": 5915,
+    "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/index-CF3MPYb3.js": {
+  "/assets/ReplayDialog-D-26DMBt.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-F+FcKHiJpC8jrn7xWNQ0dVMtZlM"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 116,
-    "path": "../public/assets/index-CF3MPYb3.js"
+    "etag": '"3347-aZE+Q0LWYe8L0W8182RYkrLiGmQ"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 13127,
+    "path": "../public/assets/ReplayDialog-D-26DMBt.js"
   },
-  "/assets/index-BIgsQvaF.css": {
+  "/assets/index-DXKupW0r.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"23c25-AyhoABstT65ludnAAzbIkqX0g+A"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 146469,
-    "path": "../public/assets/index-BIgsQvaF.css"
-  },
-  "/assets/index-JgHKqbP1.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"1cd2c-0imryeYo69ow52gECBS18OO26Fo"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 118060,
-    "path": "../public/assets/index-JgHKqbP1.js"
+    "etag": '"23dd5-TDREYsXzXS8z4xFgQFr1UWJvDXE"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 146901,
+    "path": "../public/assets/index-DXKupW0r.css"
   },
-  "/assets/main-YvdO47OP.js": {
+  "/assets/main-BfN4culo.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"512fd-gCPoQjeotNyQelNGqTchNTZoHkg"',
-    "mtime": "2026-07-07T13:32:21.623Z",
+    "etag": '"512fd-Lx/1rDXGJqcCtEnfodu55luhvMs"',
+    "mtime": "2026-07-08T01:38:53.685Z",
     "size": 332541,
-    "path": "../public/assets/main-YvdO47OP.js"
+    "path": "../public/assets/main-BfN4culo.js"
   },
-  "/assets/RequestAnatomy-ybH1l2Bp.js": {
+  "/assets/_sessionId-BnMB0zab.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"43f2-pMwDNmrfJMk8cJ3DWaGnXdho66c"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 17394,
-    "path": "../public/assets/RequestAnatomy-ybH1l2Bp.js"
+    "etag": '"36c-vmwadBttRO2Tr8uyzA9ILlXMGRg"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 876,
+    "path": "../public/assets/_sessionId-BnMB0zab.js"
   },
-  "/assets/ReplayDialog-B4b6aD0q.js": {
+  "/assets/RequestAnatomy-B6zNFqNX.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"3347-eBE7gzon2VtfM/je14kPEkGAXhI"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 13127,
-    "path": "../public/assets/ReplayDialog-B4b6aD0q.js"
+    "etag": '"43f2-FB7RmmcasRWbq5XlMj8Lfh/HgFQ"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 17394,
+    "path": "../public/assets/RequestAnatomy-B6zNFqNX.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-07T13:32:21.623Z",
+    "mtime": "2026-07-08T01:38:53.683Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/ResponseView-DpPKgH-Y.js": {
+  "/assets/StreamingChunkSequence-yIiscGuE.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"47fc-Gknuf/I3Y4XU6BdbGTL5q+Ru5Lc"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 18428,
-    "path": "../public/assets/ResponseView-DpPKgH-Y.js"
-  },
-  "/assets/StreamingChunkSequence-9f_rtMzz.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"e95-ez6Uni8ODVEO4MODGxVp1hZegy0"',
-    "mtime": "2026-07-07T13:32:21.623Z",
+    "etag": '"e95-KIXlCdHgHnZGrDZTGIAMwgHzmp0"',
+    "mtime": "2026-07-08T01:38:53.685Z",
     "size": 3733,
-    "path": "../public/assets/StreamingChunkSequence-9f_rtMzz.js"
+    "path": "../public/assets/StreamingChunkSequence-yIiscGuE.js"
   },
-  "/assets/_sessionId-gEmO-b2f.js": {
+  "/assets/ResponseView-Ccy95rWI.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"36c-gFZKiSoJBGbocCBmbrDp333No/U"',
-    "mtime": "2026-07-07T13:32:21.623Z",
-    "size": 876,
-    "path": "../public/assets/_sessionId-gEmO-b2f.js"
+    "etag": '"47fc-yKb5jKw9a0d9bY9FAp9fSDXbR5U"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 18428,
+    "path": "../public/assets/ResponseView-Ccy95rWI.js"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-07-07T13:32:21.623Z",
+    "mtime": "2026-07-08T01:38:53.685Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/ProxyViewerContainer-BVsv8OFb.js": {
+  "/assets/ProxyViewerContainer-CbNsaoQw.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"b658d-WdVyevGJ8M3fvq9yKI0lrgCd700"',
-    "mtime": "2026-07-07T13:32:21.625Z",
-    "size": 746893,
-    "path": "../public/assets/ProxyViewerContainer-BVsv8OFb.js"
+    "etag": '"b78b9-I8pfWqThohzWE1l5xMxqDA+96Pw"',
+    "mtime": "2026-07-08T01:38:53.685Z",
+    "size": 751801,
+    "path": "../public/assets/ProxyViewerContainer-CbNsaoQw.js"
   }
 };
 function readAsset(id) {

package/README.md

@@ -357,6 +357,30 @@ Built-in prompt templates help turn captured evidence into user-facing output:
 - `inspector_generate_group_report`: produce a provider/model evaluation report for a group.
 - `inspector_extract_repro_steps`: extract concise reproduction steps from a session.
 
+## TonyClaw Lab Ecosystem
+
+TonyClaw Lab turns Inspector into a local control panel for the TonyClaw npm ecosystem. The UI shows
+installed and latest package status for `@tonyclaw/agent-inspector`,
+`@tonyclaw/agent-inspector-mcp`, and `@tonyclaw/eval-harness`; it can launch install, upgrade,
+help, preset discovery, and safe smoke-test recipes without leaving Inspector.
+
+The Lab also exposes copy-ready recipes that connect Inspector evidence, MCP checks, and evaluation
+runners:
+
+```bash
+npx @tonyclaw/eval-harness check-inspector-mcp
+npx @tonyclaw/eval-harness inspector-smoke --title "TonyClaw Lab smoke" --latest-log-limit 5
+npx @tonyclaw/eval-harness runner-presets --format json
+npx @tonyclaw/eval-harness run-once --smoke --project-source <project> --work-source <work> --count 1 --parallel 1
+```
+
+Use these recipes as stable starting points for CI smoke tests, local provider checks, and
+multi-run evaluation batches. Inspector remains the evidence surface; eval-harness drives repeatable
+workloads; the MCP package bridges coding agents that prefer stdio.
+
+Recipes without placeholders can be run directly from TonyClaw Lab. Template recipes remain
+copy-ready so users can fill project and work directories explicitly before running them.
+
 ## Jenkins And GitCode
 
 Team CI, GitCode WebHook setup, Cloudflare Tunnel notes, local push fallback, and the verified PR workflow live in [Jenkins + GitCode WebHook](docs/JENKINS_GITCODE_WEBHOOK_TUNNEL.md). Keep real Jenkins notify tokens, GitCode access tokens, and tunnel URLs out of the repository.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/agent-inspector",
-  "version": "3.0.13",
+  "version": "3.0.14",
   "type": "module",
   "description": "Agent observability and knowledge capture layer for AI coding tools.",
   "license": "MIT",

package/src/components/ecosystem/AgentLabDialog.tsx

@@ -6,6 +6,7 @@ import {
   Copy,
   Download,
   FlaskConical,
+  History,
   Loader2,
   Network,
   PackageCheck,
@@ -18,8 +19,10 @@ import useSWR from "swr";
 import {
   EcosystemPackagesResponseSchema,
   EcosystemTaskResponseSchema,
+  EcosystemTasksResponseSchema,
   type EcosystemPackage,
   type EcosystemPackageState,
+  type EcosystemRecipe,
   type EcosystemRunnerPreset,
   type EcosystemTask,
   type EcosystemTaskAction,
@@ -101,6 +104,15 @@ async function fetchEcosystemTask(url: string) {
   );
 }
 
+async function fetchEcosystemTasks(url: string) {
+  return fetchJson(
+    url,
+    EcosystemTasksResponseSchema,
+    undefined,
+    (response) => `Failed to load ecosystem tasks: ${String(response.status)}`,
+  );
+}
+
 async function startEcosystemTask(
   packageId: string,
   action: EcosystemTaskAction,
@@ -114,6 +126,16 @@ async function startEcosystemTask(
   return response.task;
 }
 
+async function startEcosystemRecipe(recipeId: string): Promise<EcosystemTask> {
+  const response = await fetchJson(
+    `/api/ecosystem/recipes/${encodeURIComponent(recipeId)}/run`,
+    EcosystemTaskResponseSchema,
+    { method: "POST" },
+    (result) => `Failed to start ecosystem recipe: ${String(result.status)}`,
+  );
+  return response.task;
+}
+
 function stateLabel(state: EcosystemPackageState): string {
   switch (state) {
     case "installed":
@@ -164,6 +186,8 @@ function taskActionLabel(action: EcosystemTaskAction): string {
       return "Help";
     case "runner-presets":
       return "Presets";
+    case "recipe":
+      return "Recipe";
   }
 }
 
@@ -180,6 +204,18 @@ function taskStatusLabel(task: EcosystemTask): string {
   }
 }
 
+function taskStatusClassName(status: EcosystemTask["status"]): string {
+  switch (status) {
+    case "queued":
+    case "running":
+      return "border-cyan-300/20 bg-cyan-300/8 text-cyan-100";
+    case "succeeded":
+      return "border-emerald-400/20 bg-emerald-400/8 text-emerald-100";
+    case "failed":
+      return "border-red-400/20 bg-red-400/8 text-red-100";
+  }
+}
+
 function packagePrimaryAction(pkg: EcosystemPackage): EcosystemTaskAction | null {
   switch (pkg.state) {
     case "available":
@@ -292,15 +328,7 @@ function TaskConsole({ task }: { task: EcosystemTask | null }): JSX.Element | nu
             <div className="break-all font-mono text-[11px] text-white/35">{task.command}</div>
           </div>
         </div>
-        <Badge
-          variant="outline"
-          className={cn(
-            "shrink-0",
-            task.status === "failed"
-              ? "border-red-400/20 bg-red-400/8 text-red-100"
-              : "border-cyan-300/20 bg-cyan-300/8 text-cyan-100",
-          )}
-        >
+        <Badge variant="outline" className={cn("shrink-0", taskStatusClassName(task.status))}>
           {task.status}
         </Badge>
       </div>
@@ -372,10 +400,110 @@ function RunnerPresetCard({ preset }: { preset: EcosystemRunnerPreset }): JSX.El
   );
 }
 
+function RecipeCard({
+  recipe,
+  copied,
+  running,
+  onCopy,
+  onRun,
+}: {
+  recipe: EcosystemRecipe;
+  copied: boolean;
+  running: boolean;
+  onCopy: (recipe: EcosystemRecipe) => void;
+  onRun: (recipe: EcosystemRecipe) => void;
+}): JSX.Element {
+  return (
+    <div className="rounded-lg bg-white/[0.025] p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]">
+      <div className="flex flex-wrap items-start justify-between gap-3">
+        <div className="min-w-0">
+          <div className="flex min-w-0 items-start gap-2">
+            <FlaskConical className="size-4 shrink-0 text-cyan-200/75" />
+            <div className="text-sm font-semibold leading-snug">{recipe.title}</div>
+          </div>
+          <div className="mt-1 text-xs leading-5 text-muted-foreground">{recipe.description}</div>
+        </div>
+        <Badge variant="outline" className="border-white/10 bg-white/[0.04] text-white/55">
+          {recipe.runnable ? recipe.stage : "Template"}
+        </Badge>
+      </div>
+      <div className="mt-3 rounded-md bg-black/20 p-2 font-mono text-[11px] leading-5 text-white/50 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]">
+        {recipe.command}
+      </div>
+      <div className="mt-3 flex items-center justify-between gap-2">
+        <span className="rounded bg-white/[0.035] px-2 py-1 font-mono text-[11px] text-white/35">
+          {recipe.packageId}
+        </span>
+        <div className="flex items-center gap-2">
+          <Button type="button" size="sm" variant="outline" onClick={() => onCopy(recipe)}>
+            {copied ? <Check className="size-3.5" /> : <Copy className="size-3.5" />}
+            {copied ? "Copied" : "Copy"}
+          </Button>
+          {recipe.runnable && (
+            <Button
+              type="button"
+              size="sm"
+              variant="secondary"
+              disabled={running}
+              onClick={() => onRun(recipe)}
+            >
+              {running ? (
+                <Loader2 className="size-3.5 animate-spin" />
+              ) : (
+                <Rocket className="size-3.5" />
+              )}
+              {running ? "Running" : "Run"}
+            </Button>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function RecentTaskRow({
+  task,
+  selected,
+  onSelect,
+}: {
+  task: EcosystemTask;
+  selected: boolean;
+  onSelect: (task: EcosystemTask) => void;
+}): JSX.Element {
+  const label = task.recipeId ?? taskActionLabel(task.action);
+  return (
+    <div className="flex items-center justify-between gap-3 rounded-md bg-white/[0.025] px-3 py-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]">
+      <div className="min-w-0">
+        <div className="flex min-w-0 items-center gap-2">
+          <History className="size-3.5 shrink-0 text-white/40" />
+          <div className="truncate text-xs font-semibold text-white/75">{label}</div>
+          <Badge variant="outline" className={cn("shrink-0", taskStatusClassName(task.status))}>
+            {task.status}
+          </Badge>
+        </div>
+        <div className="mt-1 flex min-w-0 flex-wrap items-center gap-2 font-mono text-[10px] text-white/35">
+          <span>{task.packageId}</span>
+          <span>{new Date(task.createdAt).toLocaleTimeString()}</span>
+          {task.exitCode !== null && <span>exit {String(task.exitCode)}</span>}
+        </div>
+      </div>
+      <Button
+        type="button"
+        size="sm"
+        variant={selected ? "secondary" : "outline"}
+        onClick={() => onSelect(task)}
+      >
+        {selected ? "Open" : "View"}
+      </Button>
+    </div>
+  );
+}
+
 export function AgentLabDialog({ currentSessionId, logCount }: AgentLabDialogProps): JSX.Element {
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
   const [copiedPresets, setCopiedPresets] = useState(false);
+  const [copiedRecipeId, setCopiedRecipeId] = useState<string | null>(null);
   const [activeTaskId, setActiveTaskId] = useState<string | null>(null);
   const [taskError, setTaskError] = useState<string | null>(null);
   const response = useSWR("/api/ecosystem/packages", fetchEcosystemPackages, {
@@ -395,8 +523,14 @@ export function AgentLabDialog({ currentSessionId, logCount }: AgentLabDialogPro
       revalidateOnFocus: false,
     },
   );
+  const tasksResponse = useSWR(open ? "/api/ecosystem/tasks" : null, fetchEcosystemTasks, {
+    refreshInterval: 2500,
+    revalidateOnFocus: false,
+  });
   const packages = response.data?.packages ?? [];
   const runnerPresets = response.data?.runnerPresets ?? [];
+  const recipes = response.data?.recipes ?? [];
+  const recentTasks = (tasksResponse.data?.tasks ?? []).slice(0, 6);
   const installedCount = useMemo(
     () =>
       packages.filter((pkg) => pkg.state === "installed" || pkg.state === "update-available")
@@ -418,14 +552,33 @@ export function AgentLabDialog({ currentSessionId, logCount }: AgentLabDialogPro
       window.setTimeout(() => setCopiedPresets(false), 1200);
     });
   };
+  const copyRecipeCommand = (recipe: EcosystemRecipe): void => {
+    void copyTextToClipboard(recipe.command).then(() => {
+      setCopiedRecipeId(recipe.id);
+      window.setTimeout(() => setCopiedRecipeId(null), 1200);
+    });
+  };
+  const runRecipe = (recipe: EcosystemRecipe): void => {
+    setTaskError(null);
+    void startEcosystemRecipe(recipe.id)
+      .then((task) => {
+        setActiveTaskId(task.id);
+        void activeTaskResponse.mutate({ task }, { revalidate: true });
+        void tasksResponse.mutate();
+      })
+      .catch((error: unknown) => {
+        setTaskError(error instanceof Error ? error.message : "Failed to start ecosystem recipe");
+      });
+  };
 
   const activeTask = activeTaskResponse.data?.task ?? null;
 
   useEffect(() => {
     if (activeTask === null) return;
+    void tasksResponse.mutate();
     if (activeTask.status !== "succeeded") return;
     void response.mutate();
-  }, [activeTask, response]);
+  }, [activeTask, response, tasksResponse]);
 
   const handleStartTask = (packageId: string, action: EcosystemTaskAction): void => {
     setTaskError(null);
@@ -433,6 +586,7 @@ export function AgentLabDialog({ currentSessionId, logCount }: AgentLabDialogPro
       .then((task) => {
         setActiveTaskId(task.id);
         void activeTaskResponse.mutate({ task }, { revalidate: true });
+        void tasksResponse.mutate();
       })
       .catch((error: unknown) => {
         setTaskError(error instanceof Error ? error.message : "Failed to start ecosystem task");
@@ -514,6 +668,40 @@ export function AgentLabDialog({ currentSessionId, logCount }: AgentLabDialogPro
             </section>
           </div>
 
+          <section className="mt-3">
+            <div className="mb-2 flex items-center justify-between gap-3">
+              <div className="text-sm font-semibold">Lab recipes</div>
+              <div className="hidden items-center gap-1 font-mono text-[11px] text-muted-foreground sm:flex">
+                <Sparkles className="size-3.5" />
+                copy-ready workflows
+              </div>
+            </div>
+            <div className="grid gap-3 md:grid-cols-2">
+              {recipes.map((recipe) => (
+                <RecipeCard
+                  key={recipe.id}
+                  recipe={recipe}
+                  copied={copiedRecipeId === recipe.id}
+                  running={
+                    activeTask !== null &&
+                    activeTask.recipeId === recipe.id &&
+                    (activeTask.status === "queued" || activeTask.status === "running")
+                  }
+                  onCopy={copyRecipeCommand}
+                  onRun={runRecipe}
+                />
+              ))}
+              {response.isLoading &&
+                recipes.length === 0 &&
+                [0, 1].map((index) => (
+                  <div
+                    key={index}
+                    className="h-40 animate-pulse rounded-lg bg-white/[0.025] shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]"
+                  />
+                ))}
+            </div>
+          </section>
+
           <section className="mt-3">
             <div className="mb-2 flex items-center justify-between gap-3">
               <div className="text-sm font-semibold">Runner presets</div>
@@ -574,6 +762,29 @@ export function AgentLabDialog({ currentSessionId, logCount }: AgentLabDialogPro
               {taskError}
             </div>
           )}
+          {recentTasks.length > 0 && (
+            <section className="mt-3">
+              <div className="mb-2 flex items-center justify-between gap-3">
+                <div className="text-sm font-semibold">Recent Lab runs</div>
+                <div className="hidden font-mono text-[11px] text-muted-foreground sm:block">
+                  last {String(recentTasks.length)}
+                </div>
+              </div>
+              <div className="grid gap-2 md:grid-cols-2">
+                {recentTasks.map((task) => (
+                  <RecentTaskRow
+                    key={task.id}
+                    task={task}
+                    selected={activeTaskId === task.id}
+                    onSelect={(selectedTask) => {
+                      setActiveTaskId(selectedTask.id);
+                      void activeTaskResponse.mutate({ task: selectedTask }, { revalidate: true });
+                    }}
+                  />
+                ))}
+              </div>
+            </section>
+          )}
           <TaskConsole task={activeTask} />
         </div>
       </DialogContent>

package/src/lib/ecosystemContract.ts

@@ -35,13 +35,31 @@ export const EcosystemRunnerPresetSchema = z.object({
   agentsDir: z.string(),
 });
 
+export const EcosystemRecipeSchema = z.object({
+  id: z.string(),
+  title: z.string(),
+  stage: z.string(),
+  packageId: z.string(),
+  description: z.string(),
+  command: z.string(),
+  requiresSession: z.boolean(),
+  runnable: z.boolean(),
+});
+
 export const EcosystemPackagesResponseSchema = z.object({
   checkedAt: z.string(),
   packages: z.array(EcosystemPackageSchema),
   runnerPresets: z.array(EcosystemRunnerPresetSchema),
+  recipes: z.array(EcosystemRecipeSchema),
 });
 
-export const EcosystemTaskActionSchema = z.enum(["install", "upgrade", "help", "runner-presets"]);
+export const EcosystemTaskActionSchema = z.enum([
+  "install",
+  "upgrade",
+  "help",
+  "runner-presets",
+  "recipe",
+]);
 
 export const EcosystemTaskStatusSchema = z.enum(["queued", "running", "succeeded", "failed"]);
 
@@ -49,6 +67,7 @@ export const EcosystemTaskSchema = z.object({
   id: z.string(),
   packageId: z.string(),
   npmName: z.string(),
+  recipeId: z.string().nullable().default(null),
   action: EcosystemTaskActionSchema,
   status: EcosystemTaskStatusSchema,
   command: z.string(),
@@ -71,6 +90,7 @@ export const EcosystemTasksResponseSchema = z.object({
 export type EcosystemPackageState = z.infer<typeof EcosystemPackageStateSchema>;
 export type EcosystemPackage = z.infer<typeof EcosystemPackageSchema>;
 export type EcosystemRunnerPreset = z.infer<typeof EcosystemRunnerPresetSchema>;
+export type EcosystemRecipe = z.infer<typeof EcosystemRecipeSchema>;
 export type EcosystemPackagesResponse = z.infer<typeof EcosystemPackagesResponseSchema>;
 export type EcosystemTaskAction = z.infer<typeof EcosystemTaskActionSchema>;
 export type EcosystemTaskStatus = z.infer<typeof EcosystemTaskStatusSchema>;