@tonyclaw/agent-inspector 3.0.13 → 3.0.14

package/.output/server/_libs/lucide-react.mjs

@@ -816,7 +816,7 @@ const __iconNode = [
 ];
 const Zap = createLucideIcon("zap", __iconNode);
 export {
-  Zap as $,
+  MessageSquare as $,
   ArrowLeft as A,
   Beaker as B,
   CircleCheck as C,
@@ -824,50 +824,50 @@ export {
   FolderOpen as E,
   FileBraces as F,
   Gauge as G,
-  Bell as H,
+  History as H,
   Info as I,
-  Clock3 as J,
-  ShieldAlert as K,
+  Bell as J,
+  Clock3 as K,
   LoaderCircle as L,
   Monitor as M,
   Network as N,
-  EyeOff as O,
+  ShieldAlert as O,
   Plus as P,
-  Eye as Q,
+  EyeOff as Q,
   RefreshCw as R,
   Search as S,
   TriangleAlert as T,
   Upload as U,
-  ExternalLink as V,
-  Clock as W,
+  Eye as V,
+  ExternalLink as W,
   X,
-  RotateCw as Y,
-  Pencil as Z,
-  MessageSquare as _,
+  Clock as Y,
+  RotateCw as Z,
+  Pencil as _,
   ChevronDown as a,
-  Wrench as a0,
-  Brain as a1,
-  CircleCheckBig as a2,
-  Minus as a3,
-  CircleQuestionMark as a4,
-  Server as a5,
-  Lock as a6,
-  Wifi as a7,
-  WifiOff as a8,
-  CircleX as a9,
+  Zap as a0,
+  Wrench as a1,
+  Brain as a2,
+  CircleCheckBig as a3,
+  Minus as a4,
+  CircleQuestionMark as a5,
+  Server as a6,
+  Lock as a7,
+  Wifi as a8,
+  WifiOff as a9,
   CircleStop as aA,
-  ShieldCheck as aa,
-  Save as ab,
-  FileSearch as ac,
-  CloudUpload as ad,
-  OctagonAlert as ae,
-  Radio as af,
-  Globe as ag,
-  FileTerminal as ah,
-  ChevronsUp as ai,
-  ChevronsDown as aj,
-  FileDiff as ak,
-  History as al,
+  CircleX as aa,
+  ShieldCheck as ab,
+  Save as ac,
+  FileSearch as ad,
+  CloudUpload as ae,
+  OctagonAlert as af,
+  Radio as ag,
+  Globe as ah,
+  FileTerminal as ai,
+  ChevronsUp as aj,
+  ChevronsDown as ak,
+  FileDiff as al,
   RotateCcw as am,
   GitCompareArrows as an,
   ArrowUp as ao,

package/.output/server/{_sessionId-wSX-l7m2.mjs → _sessionId-DoprmwZV.mjs}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports, r as reactExports } from "./_libs/react.mjs";
-import { P as ProxyViewerContainer } from "./_ssr/ProxyViewerContainer-CDtJhGg8.mjs";
-import { R as Route$I } from "./_ssr/router-l4O3mQ4T.mjs";
+import { P as ProxyViewerContainer } from "./_ssr/ProxyViewerContainer-C62eZnva.mjs";
+import { R as Route$J } from "./_ssr/router-CZhFVMGN.mjs";
 import "./_libs/jszip.mjs";
 import "./_libs/modelcontextprotocol__server.mjs";
 import "./_libs/swr.mjs";
@@ -118,7 +118,7 @@ import "./_libs/pako.mjs";
 function SessionViewerRoute() {
   const {
     sessionId
-  } = Route$I.useParams();
+  } = Route$J.useParams();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnlySessionViewer, { sessionId });
 }
 function ClientOnlySessionViewer({

package/.output/server/_ssr/{CompareDrawer-R4d8V0Rv.mjs → CompareDrawer-YMLJNxXR.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, c as cn, B as Badge, f as formatTokens, b as copyTextToClipboard, L as LazyJsonViewerFromString } from "./ProxyViewerContainer-CDtJhGg8.mjs";
-import "./router-l4O3mQ4T.mjs";
+import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, c as cn, B as Badge, f as formatTokens, b as copyTextToClipboard, L as LazyJsonViewerFromString } from "./ProxyViewerContainer-C62eZnva.mjs";
+import "./router-CZhFVMGN.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { X, av as Rows3, aw as Columns2, a3 as Minus, P as Plus, Z as Pencil, h as ChevronRight, ax as Equal, b as Check, e as Copy } from "../_libs/lucide-react.mjs";
+import { X, av as Rows3, aw as Columns2, a4 as Minus, P as Plus, _ as Pencil, h as ChevronRight, ax as Equal, b as Check, e as Copy } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";

package/.output/server/_ssr/{ProxyViewerContainer-CDtJhGg8.mjs → ProxyViewerContainer-C62eZnva.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, l as AlertSummarySchema, m as AlertListResponseSchema, I as InspectorGroupsListResponseSchema, G as GroupEvidenceReadResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, t as maskApiKey, v as PATH_V1_MESSAGES, w as PATH_V1_CHAT_COMPLETIONS, x as PATH_V1_RESPONSES, r as providerHasContextMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, u as findProviderModelMetadata, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-l4O3mQ4T.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, l as AlertSummarySchema, m as AlertListResponseSchema, I as InspectorGroupsListResponseSchema, G as GroupEvidenceReadResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, t as maskApiKey, v as PATH_V1_MESSAGES, w as PATH_V1_CHAT_COMPLETIONS, x as PATH_V1_RESPONSES, r as providerHasContextMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, u as findProviderModelMetadata, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-CZhFVMGN.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -9,7 +9,7 @@ import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
-import { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, R as RefreshCw, c as Trash2, S as Search, U as Upload, D as Download, F as FileBraces, P as Plus, A as ArrowLeft, d as ChevronUp, e as Copy, f as ChevronsLeft, g as ChevronLeft, h as ChevronRight, i as ChevronsRight, j as Clapperboard, k as Flag, l as Siren, m as Timer, G as Gauge, L as LoaderCircle, n as Layers, o as FlaskConical, p as Sparkles, q as Activity, B as Beaker, N as Network, r as Terminal, s as Settings, M as Monitor, t as Rocket, u as PackageCheck, v as Scan, w as CircleAlert, x as ArrowUpRight, y as ArrowDownRight, z as Cpu, E as FolderOpen, H as Bell, J as Clock3, K as ShieldAlert, O as EyeOff, Q as Eye, V as ExternalLink, W as Clock, Y as RotateCw, Z as Pencil, _ as MessageSquare, $ as Zap, a0 as Wrench, a1 as Brain, a2 as CircleCheckBig, a3 as Minus, a4 as CircleQuestionMark, a5 as Server, a6 as Lock, a7 as Wifi, a8 as WifiOff, a9 as CircleX, aa as ShieldCheck, ab as Save, ac as FileSearch, ad as CloudUpload, ae as OctagonAlert, af as Radio, ag as Globe, ah as FileTerminal, ai as ChevronsUp, aj as ChevronsDown, ak as FileDiff, al as History, am as RotateCcw, an as GitCompareArrows, ao as ArrowUp, ap as ArrowDown, aq as Ellipsis, ar as CodeXml, as as Blocks, at as MousePointerClick, au as FileText, av as Rows3, aw as Columns2 } from "../_libs/lucide-react.mjs";
+import { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, R as RefreshCw, c as Trash2, S as Search, U as Upload, D as Download, F as FileBraces, P as Plus, A as ArrowLeft, d as ChevronUp, e as Copy, f as ChevronsLeft, g as ChevronLeft, h as ChevronRight, i as ChevronsRight, j as Clapperboard, k as Flag, l as Siren, m as Timer, G as Gauge, L as LoaderCircle, n as Layers, o as FlaskConical, p as Sparkles, q as Activity, B as Beaker, N as Network, r as Terminal, s as Settings, M as Monitor, t as Rocket, u as PackageCheck, H as History, v as Scan, w as CircleAlert, x as ArrowUpRight, y as ArrowDownRight, z as Cpu, E as FolderOpen, J as Bell, K as Clock3, O as ShieldAlert, Q as EyeOff, V as Eye, W as ExternalLink, Y as Clock, Z as RotateCw, _ as Pencil, $ as MessageSquare, a0 as Zap, a1 as Wrench, a2 as Brain, a3 as CircleCheckBig, a4 as Minus, a5 as CircleQuestionMark, a6 as Server, a7 as Lock, a8 as Wifi, a9 as WifiOff, aa as CircleX, ab as ShieldCheck, ac as Save, ad as FileSearch, ae as CloudUpload, af as OctagonAlert, ag as Radio, ah as Globe, ai as FileTerminal, aj as ChevronsUp, ak as ChevronsDown, al as FileDiff, am as RotateCcw, an as GitCompareArrows, ao as ArrowUp, ap as ArrowDown, aq as Ellipsis, ar as CodeXml, as as Blocks, at as MousePointerClick, au as FileText, av as Rows3, aw as Columns2 } from "../_libs/lucide-react.mjs";
 import { u as union, d as object, a as array, l as literal, n as number, c as boolean, b as string, _ as _enum } from "../_libs/zod.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
 import { R as Root2$1, L as List, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
@@ -2546,27 +2546,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-R4d8V0Rv.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-YMLJNxXR.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-BvmLERpW.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-NmN7Ukjo.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-CH-oO6mY.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-Dawm2qxe.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-D7shbJw0.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-BHyAY83t.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-DB2YHGJj.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-C4qgcJbg.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-HxOn73kS.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-u67BASf8.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-HxOn73kS.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-u67BASf8.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -11084,17 +11084,35 @@ const EcosystemRunnerPresetSchema = object({
   skillsDir: string(),
   agentsDir: string()
 });
+const EcosystemRecipeSchema = object({
+  id: string(),
+  title: string(),
+  stage: string(),
+  packageId: string(),
+  description: string(),
+  command: string(),
+  requiresSession: boolean(),
+  runnable: boolean()
+});
 const EcosystemPackagesResponseSchema = object({
   checkedAt: string(),
   packages: array(EcosystemPackageSchema),
-  runnerPresets: array(EcosystemRunnerPresetSchema)
+  runnerPresets: array(EcosystemRunnerPresetSchema),
+  recipes: array(EcosystemRecipeSchema)
 });
-const EcosystemTaskActionSchema = _enum(["install", "upgrade", "help", "runner-presets"]);
+const EcosystemTaskActionSchema = _enum([
+  "install",
+  "upgrade",
+  "help",
+  "runner-presets",
+  "recipe"
+]);
 const EcosystemTaskStatusSchema = _enum(["queued", "running", "succeeded", "failed"]);
 const EcosystemTaskSchema = object({
   id: string(),
   packageId: string(),
   npmName: string(),
+  recipeId: string().nullable().default(null),
   action: EcosystemTaskActionSchema,
   status: EcosystemTaskStatusSchema,
   command: string(),
@@ -11108,7 +11126,7 @@ const EcosystemTaskSchema = object({
 const EcosystemTaskResponseSchema = object({
   task: EcosystemTaskSchema
 });
-object({
+const EcosystemTasksResponseSchema = object({
   tasks: array(EcosystemTaskSchema)
 });
 const WORKFLOWS = [
@@ -11161,6 +11179,14 @@ async function fetchEcosystemTask(url) {
     (response) => `Failed to load ecosystem task: ${String(response.status)}`
   );
 }
+async function fetchEcosystemTasks(url) {
+  return fetchJson(
+    url,
+    EcosystemTasksResponseSchema,
+    void 0,
+    (response) => `Failed to load ecosystem tasks: ${String(response.status)}`
+  );
+}
 async function startEcosystemTask(packageId, action) {
   const response = await fetchJson(
     `/api/ecosystem/packages/${encodeURIComponent(packageId)}/${action}`,
@@ -11170,6 +11196,15 @@ async function startEcosystemTask(packageId, action) {
   );
   return response.task;
 }
+async function startEcosystemRecipe(recipeId) {
+  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) {
   switch (state) {
     case "installed":
@@ -11217,6 +11252,8 @@ function taskActionLabel(action) {
       return "Help";
     case "runner-presets":
       return "Presets";
+    case "recipe":
+      return "Recipe";
   }
 }
 function taskStatusLabel(task) {
@@ -11231,6 +11268,17 @@ function taskStatusLabel(task) {
       return `${taskActionLabel(task.action)} failed`;
   }
 }
+function taskStatusClassName(status) {
+  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) {
   switch (pkg.state) {
     case "available":
@@ -11325,17 +11373,7 @@ function TaskConsole({ task }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "break-all font-mono text-[11px] text-white/35", children: task.command })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        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"
-          ),
-          children: task.status
-        }
-      )
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: cn("shrink-0", taskStatusClassName(task.status)), children: task.status })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-3 max-h-56 overflow-auto whitespace-pre-wrap rounded-md bg-black/30 p-3 font-mono text-[11px] leading-5 text-white/60 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: task.output.trim().length > 0 ? task.output : "Waiting for npm output..." }),
     task.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-xs text-red-100", children: task.error })
@@ -11392,10 +11430,89 @@ function RunnerPresetCard({ preset }) {
     ] })
   ] });
 }
+function RecipeCard({
+  recipe,
+  copied,
+  running,
+  onCopy,
+  onRun
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg bg-white/[0.025] p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FlaskConical, { className: "size-4 shrink-0 text-cyan-200/75" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold leading-snug", children: recipe.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: recipe.description })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "border-white/10 bg-white/[0.04] text-white/55", children: recipe.runnable ? recipe.stage : "Template" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("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)]", children: recipe.command }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.035] px-2 py-1 font-mono text-[11px] text-white/35", children: recipe.packageId }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onCopy(recipe), children: [
+          copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" }),
+          copied ? "Copied" : "Copy"
+        ] }),
+        recipe.runnable && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "secondary",
+            disabled: running,
+            onClick: () => onRun(recipe),
+            children: [
+              running ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Rocket, { className: "size-3.5" }),
+              running ? "Running" : "Run"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function RecentTaskRow({
+  task,
+  selected,
+  onSelect
+}) {
+  const label = task.recipeId ?? taskActionLabel(task.action);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("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)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(History, { className: "size-3.5 shrink-0 text-white/40" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-xs font-semibold text-white/75", children: label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: cn("shrink-0", taskStatusClassName(task.status)), children: task.status })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex min-w-0 flex-wrap items-center gap-2 font-mono text-[10px] text-white/35", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: task.packageId }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: new Date(task.createdAt).toLocaleTimeString() }),
+        task.exitCode !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "exit ",
+          String(task.exitCode)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        variant: selected ? "secondary" : "outline",
+        onClick: () => onSelect(task),
+        children: selected ? "Open" : "View"
+      }
+    )
+  ] });
+}
 function AgentLabDialog({ currentSessionId, logCount }) {
   const [open, setOpen] = reactExports.useState(false);
   const [copied, setCopied] = reactExports.useState(false);
   const [copiedPresets, setCopiedPresets] = reactExports.useState(false);
+  const [copiedRecipeId, setCopiedRecipeId] = reactExports.useState(null);
   const [activeTaskId, setActiveTaskId] = reactExports.useState(null);
   const [taskError, setTaskError] = reactExports.useState(null);
   const response = useSWR("/api/ecosystem/packages", fetchEcosystemPackages, {
@@ -11413,8 +11530,14 @@ function AgentLabDialog({ currentSessionId, logCount }) {
       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 = reactExports.useMemo(
     () => packages.filter((pkg) => pkg.state === "installed" || pkg.state === "update-available").length,
     [packages]
@@ -11433,17 +11556,35 @@ function AgentLabDialog({ currentSessionId, logCount }) {
       window.setTimeout(() => setCopiedPresets(false), 1200);
     });
   };
+  const copyRecipeCommand = (recipe) => {
+    void copyTextToClipboard(recipe.command).then(() => {
+      setCopiedRecipeId(recipe.id);
+      window.setTimeout(() => setCopiedRecipeId(null), 1200);
+    });
+  };
+  const runRecipe = (recipe) => {
+    setTaskError(null);
+    void startEcosystemRecipe(recipe.id).then((task) => {
+      setActiveTaskId(task.id);
+      void activeTaskResponse.mutate({ task }, { revalidate: true });
+      void tasksResponse.mutate();
+    }).catch((error) => {
+      setTaskError(error instanceof Error ? error.message : "Failed to start ecosystem recipe");
+    });
+  };
   const activeTask = activeTaskResponse.data?.task ?? null;
   reactExports.useEffect(() => {
     if (activeTask === null) return;
+    void tasksResponse.mutate();
     if (activeTask.status !== "succeeded") return;
     void response.mutate();
-  }, [activeTask, response]);
+  }, [activeTask, response, tasksResponse]);
   const handleStartTask = (packageId, action) => {
     setTaskError(null);
     void startEcosystemTask(packageId, action).then((task) => {
       setActiveTaskId(task.id);
       void activeTaskResponse.mutate({ task }, { revalidate: true });
+      void tasksResponse.mutate();
     }).catch((error) => {
       setTaskError(error instanceof Error ? error.message : "Failed to start ecosystem task");
     });
@@ -11509,6 +11650,35 @@ function AgentLabDialog({ currentSessionId, logCount }) {
             ] })
           ] })
         ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mt-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold", children: "Lab recipes" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center gap-1 font-mono text-[11px] text-muted-foreground sm:flex", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { className: "size-3.5" }),
+              "copy-ready workflows"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+            recipes.map((recipe) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              RecipeCard,
+              {
+                recipe,
+                copied: copiedRecipeId === recipe.id,
+                running: activeTask !== null && activeTask.recipeId === recipe.id && (activeTask.status === "queued" || activeTask.status === "running"),
+                onCopy: copyRecipeCommand,
+                onRun: runRecipe
+              },
+              recipe.id
+            )),
+            response.isLoading && recipes.length === 0 && [0, 1].map((index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: "h-40 animate-pulse rounded-lg bg-white/[0.025] shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]"
+              },
+              index
+            ))
+          ] })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mt-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold", children: "Runner presets" }),
@@ -11554,6 +11724,27 @@ function AgentLabDialog({ currentSessionId, logCount }) {
           ] })
         ] }),
         taskError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 rounded-lg bg-red-500/8 p-3 text-xs text-red-100 shadow-[inset_0_0_0_1px_rgba(248,113,113,0.16)]", children: taskError }),
+        recentTasks.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mt-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold", children: "Recent Lab runs" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden font-mono text-[11px] text-muted-foreground sm:block", children: [
+              "last ",
+              String(recentTasks.length)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-2 md:grid-cols-2", children: recentTasks.map((task) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            RecentTaskRow,
+            {
+              task,
+              selected: activeTaskId === task.id,
+              onSelect: (selectedTask) => {
+                setActiveTaskId(selectedTask.id);
+                void activeTaskResponse.mutate({ task: selectedTask }, { revalidate: true });
+              }
+            },
+            task.id
+          )) })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TaskConsole, { task: activeTask })
       ] })
     ] })

package/.output/server/_ssr/{ReplayDialog-BvmLERpW.mjs → ReplayDialog-NmN7Ukjo.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, d as fetchJsonWithTimeout, D as Dialog, e as DialogContent, h as DialogHeader, i as DialogTitle, T as Tabs, j as TabsList, k as TabsTrigger, l as TabsContent, m as Button, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, q as TooltipContent, s as dispatchLogFocusRequest, A as ApiTimeoutError } from "./ProxyViewerContainer-CDtJhGg8.mjs";
-import { ResponseView } from "./ResponseView-D7shbJw0.mjs";
-import { C as CapturedLogSchema } from "./router-l4O3mQ4T.mjs";
+import { u as useProviders, d as fetchJsonWithTimeout, D as Dialog, e as DialogContent, h as DialogHeader, i as DialogTitle, T as Tabs, j as TabsList, k as TabsTrigger, l as TabsContent, m as Button, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, q as TooltipContent, s as dispatchLogFocusRequest, A as ApiTimeoutError } from "./ProxyViewerContainer-C62eZnva.mjs";
+import { ResponseView } from "./ResponseView-BHyAY83t.mjs";
+import { C as CapturedLogSchema } from "./router-CZhFVMGN.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import { am as RotateCcw, ay as Braces, az as Minimize2 } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{RequestAnatomy-CH-oO6mY.mjs → RequestAnatomy-Dawm2qxe.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, t as analyzeContextIntelligence, f as formatTokens, n as TooltipProvider, c as cn, o as Tooltip, p as TooltipTrigger, q as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, v as ANATOMY_ROLE_LABELS, w as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-CDtJhGg8.mjs";
-import "./router-l4O3mQ4T.mjs";
+import { u as useProviders, t as analyzeContextIntelligence, f as formatTokens, n as TooltipProvider, c as cn, o as Tooltip, p as TooltipTrigger, q as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, v as ANATOMY_ROLE_LABELS, w as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-C62eZnva.mjs";
+import "./router-CZhFVMGN.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { I as Info, a as ChevronDown, h as ChevronRight } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ResponseView-D7shbJw0.mjs → ResponseView-BHyAY83t.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, x as getStatusCategory, B as Badge, y as Collapsible, z as CollapsibleTrigger, E as CollapsibleContent, F as ScrollArea, G as LazyJsonViewer, H as safeJsonValue } from "./ProxyViewerContainer-CDtJhGg8.mjs";
-import { s as safeGetOwnProperty } from "./router-l4O3mQ4T.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, x as getStatusCategory, B as Badge, y as Collapsible, z as CollapsibleTrigger, E as CollapsibleContent, F as ScrollArea, G as LazyJsonViewer, H as safeJsonValue } from "./ProxyViewerContainer-C62eZnva.mjs";
+import { s as safeGetOwnProperty } from "./router-CZhFVMGN.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
-import { $ as Zap, T as TriangleAlert, aA as CircleStop, a1 as Brain, a as ChevronDown, h as ChevronRight, r as Terminal } from "../_libs/lucide-react.mjs";
+import { a0 as Zap, T as TriangleAlert, aA as CircleStop, a2 as Brain, a as ChevronDown, h as ChevronRight, r as Terminal } from "../_libs/lucide-react.mjs";
 import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-DB2YHGJj.mjs → StreamingChunkSequence-C4qgcJbg.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { d as fetchJsonWithTimeout, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, B as Badge, q as TooltipContent, G as LazyJsonViewer } from "./ProxyViewerContainer-CDtJhGg8.mjs";
-import { S as StreamingChunkSchema$1 } from "./router-l4O3mQ4T.mjs";
+import { d as fetchJsonWithTimeout, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, B as Badge, q as TooltipContent, G as LazyJsonViewer } from "./ProxyViewerContainer-C62eZnva.mjs";
+import { S as StreamingChunkSchema$1 } from "./router-CZhFVMGN.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import { a as ChevronDown, h as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-CS4QLxuv.mjs → index-B2Pf6W_T.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-CDtJhGg8.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-C62eZnva.mjs";
 import "../_libs/react.mjs";
-import "./router-l4O3mQ4T.mjs";
+import "./router-CZhFVMGN.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/swr.mjs";

package/.output/server/_ssr/index.mjs

@@ -198,7 +198,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-Dckf_NHV.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-Dk2HfOoe.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -776,7 +776,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-l4O3mQ4T.mjs").then((n) => n.N);
+  const routerEntry = await import("./router-CZhFVMGN.mjs").then((n) => n.N);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{json-viewer-HxOn73kS.mjs → json-viewer-u67BASf8.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { I as parseJsonText, c as cn, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, q as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-CDtJhGg8.mjs";
-import "./router-l4O3mQ4T.mjs";
+import { I as parseJsonText, c as cn, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, q as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-C62eZnva.mjs";
+import "./router-CZhFVMGN.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { b as Check, e as Copy, a as ChevronDown, h as ChevronRight, aj as ChevronsDown } from "../_libs/lucide-react.mjs";
+import { b as Check, e as Copy, a as ChevronDown, h as ChevronRight, ak as ChevronsDown } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";