npm - @tonyclaw/agent-inspector - Versions diffs - 3.0.6 → 3.0.8 - Mend

@tonyclaw/agent-inspector 3.0.6 → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/.output/server/_ssr/{ProxyViewerContainer-Dp7Va9_T.mjs → ProxyViewerContainer-EJIogcGd.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { I as InspectorGroupsListResponseSchema, 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, 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, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, t as maskApiKey, u as PATH_V1_MESSAGES, v as PATH_V1_CHAT_COMPLETIONS, w 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, x as findProviderModelMetadata, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-BJJ0VhsB.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, u as PATH_V1_MESSAGES, v as PATH_V1_CHAT_COMPLETIONS, w 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, x as findProviderModelMetadata, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-BI-Mvxz9.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";
@@ -50,20 +50,42 @@ class ApiTimeoutError extends Error {
     this.name = "ApiTimeoutError";
   }
 }
-async function fetchJsonWithTimeout(input, schema, timeoutMs, init, errorFallback) {
+async function fetchWithTimeout(input, timeoutMs, init) {
   const controller = new AbortController();
-  const timeout = setTimeout(() => controller.abort(), timeoutMs);
+  let timedOut = false;
+  const timeout = setTimeout(() => {
+    timedOut = true;
+    controller.abort();
+  }, timeoutMs);
+  const callerSignal = init?.signal ?? void 0;
+  const abortFromCaller = () => controller.abort();
+  if (callerSignal !== void 0) {
+    if (callerSignal.aborted) {
+      controller.abort();
+    } else {
+      callerSignal.addEventListener("abort", abortFromCaller, { once: true });
+    }
+  }
   try {
-    return await fetchJson(input, schema, { ...init, signal: controller.signal }, errorFallback);
+    return await fetch(input, { ...init, signal: controller.signal });
   } catch (error) {
-    if (error instanceof DOMException && error.name === "AbortError") {
+    if (timedOut && error instanceof DOMException && error.name === "AbortError") {
       throw new ApiTimeoutError(timeoutMs);
     }
     throw error;
   } finally {
     clearTimeout(timeout);
+    callerSignal?.removeEventListener("abort", abortFromCaller);
   }
 }
+async function fetchJsonWithTimeout(input, schema, timeoutMs, init, errorFallback) {
+  const response = await fetchWithTimeout(input, timeoutMs, init);
+  if (!response.ok) {
+    const fallback = errorFallback?.(response) ?? `Request failed with status ${response.status}`;
+    throw new Error(await readApiError(response, fallback));
+  }
+  return parseJsonResponse$1(response, schema);
+}
 const ImportLogsResponseSchema = object({
   sessionId: string(),
   imported: number().int().nonnegative(),
@@ -321,6 +343,7 @@ const SECRET_TEXT_PATTERNS = [
 const MAX_EXPORT_LOGS = 200;
 const MAX_EXPORT_TEXT_CHARS = 25e6;
 const MAX_STREAMING_CHUNK_EXPORTS = 50;
+const STREAMING_CHUNK_EXPORT_TIMEOUT_MS = 1e4;
 function formatApproxSize(chars) {
   if (chars < 1024) return `${chars} chars`;
   if (chars < 1024 * 1024) return `${Math.ceil(chars / 1024)} KB`;
@@ -346,9 +369,19 @@ function exportLimitMessage(logs) {
   }
   return null;
 }
-async function fetchStreamingChunks(logId) {
+function exportCanceled(signal) {
+  if (signal?.aborted === true) {
+    return { ok: false, message: "Export canceled.", canceled: true };
+  }
+  return null;
+}
+async function fetchStreamingChunks(logId, signal) {
   try {
-    const response = await fetch(`/api/logs/${logId}/chunks`);
+    const response = await fetchWithTimeout(
+      `/api/logs/${logId}/chunks`,
+      STREAMING_CHUNK_EXPORT_TIMEOUT_MS,
+      { signal }
+    );
     if (!response.ok) return null;
     const data = await response.json();
     return JSON.stringify(data, null, 2);
@@ -409,7 +442,9 @@ function buildExportManifest(logs, mode, streamingLogs, exportedAt = (/* @__PURE
     streamingChunkLogIds: streamingLogs.map((log) => log.id)
   };
 }
-async function exportLogsAsZip(logs, mode = "redacted") {
+async function exportLogsAsZip(logs, mode = "redacted", options = {}) {
+  const initialCancel = exportCanceled(options.signal);
+  if (initialCancel !== null) return initialCancel;
   const limitMessage = exportLimitMessage(logs);
   if (limitMessage !== null) return { ok: false, message: limitMessage };
   const zip = new JSZip();
@@ -428,6 +463,8 @@ async function exportLogsAsZip(logs, mode = "redacted") {
     )
   );
   for (const log of logs) {
+    const canceled2 = exportCanceled(options.signal);
+    if (canceled2 !== null) return canceled2;
     if (log.rawRequestBody !== null) {
       zip.file(`#${log.id}.Request.json`, exportText(log.rawRequestBody, mode));
     }
@@ -436,12 +473,16 @@ async function exportLogsAsZip(logs, mode = "redacted") {
     }
   }
   for (const log of streamingLogs) {
-    const chunks = await fetchStreamingChunks(log.id);
+    const canceled2 = exportCanceled(options.signal);
+    if (canceled2 !== null) return canceled2;
+    const chunks = await fetchStreamingChunks(log.id, options.signal);
     if (chunks !== null) {
       zip.file(`#${log.id}.SSE.Response.json`, exportText(chunks, mode));
     }
   }
   const blob = await zip.generateAsync({ type: "blob" });
+  const canceled = exportCanceled(options.signal);
+  if (canceled !== null) return canceled;
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
   anchor.href = url;
@@ -849,8 +890,8 @@ function ConfirmDialog({
 }
 const ClaudeCodeLogoSvg = "data:image/svg+xml,%3csvg%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eClaude%20Code%3c/title%3e%3cpath%20clip-rule='evenodd'%20d='M20.998%2010.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6%2010.949h1.488V8.102H6v2.847zm10.51%200H18V8.102h-1.49v2.847z'%20fill='%23D97757'%20fill-rule='evenodd'%3e%3c/path%3e%3c/svg%3e";
 const CodexLogoSvg = "data:image/svg+xml,%3csvg%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eCodex%3c/title%3e%3cpath%20d='M19.503%200H4.496A4.496%204.496%200%20000%204.496v15.007A4.496%204.496%200%20004.496%2024h15.007A4.496%204.496%200%200024%2019.503V4.496A4.496%204.496%200%200019.503%200z'%20fill='%23fff'%3e%3c/path%3e%3cpath%20d='M9.064%203.344a4.578%204.578%200%20012.285-.312c1%20.115%201.891.54%202.673%201.275.01.01.024.017.037.021a.09.09%200%2000.043%200%204.55%204.55%200%20013.046.275l.047.022.116.057a4.581%204.581%200%20012.188%202.399c.209.51.313%201.041.315%201.595a4.24%204.24%200%2001-.134%201.223.123.123%200%2000.03.115c.594.607.988%201.33%201.183%202.17.289%201.425-.007%202.71-.887%203.854l-.136.166a4.548%204.548%200%2001-2.201%201.388.123.123%200%2000-.081.076c-.191.551-.383%201.023-.74%201.494-.9%201.187-2.222%201.846-3.711%201.838-1.187-.006-2.239-.44-3.157-1.302a.107.107%200%2000-.105-.024c-.388.125-.78.143-1.204.138a4.441%204.441%200%2001-1.945-.466%204.544%204.544%200%2001-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81%205.81%200%2001-.37-.961%204.582%204.582%200%2001-.014-2.298.124.124%200%2000.006-.056.085.085%200%2000-.027-.048%204.467%204.467%200%2001-1.034-1.651%203.896%203.896%200%2001-.251-1.192%205.189%205.189%200%2001.141-1.6c.337-1.112.982-1.985%201.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098%200%2000.065-.066%204.51%204.51%200%2001.829-1.615%204.535%204.535%200%20011.837-1.388zm3.482%2010.565a.637.637%200%20000%201.272h3.636a.637.637%200%20100-1.272h-3.636zM8.462%209.23a.637.637%200%2000-1.106.631l1.272%202.224-1.266%202.136a.636.636%200%20101.095.649l1.454-2.455a.636.636%200%2000.005-.64L8.462%209.23z'%20fill='url(%23lobe-icons-codex-_R_0_)'%3e%3c/path%3e%3cdefs%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='lobe-icons-codex-_R_0_'%20x1='12'%20x2='12'%20y1='3'%20y2='21'%3e%3cstop%20stop-color='%23B1A7FF'%3e%3c/stop%3e%3cstop%20offset='.5'%20stop-color='%237A9DFF'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%233941FF'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
-const OpenCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='currentColor'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eopencode%3c/title%3e%3cpath%20d='M16%206H8v12h8V6zm4%2016H4V2h16v20z'%3e%3c/path%3e%3c/svg%3e";
-const MiMoCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='currentColor'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eXiaomiMiMo%3c/title%3e%3cpath%20d='M.958%2015.936a.459.459%200%2001.459.44v2.729a.46.46%200%2001-.918%200v-2.729a.459.459%200%2001.459-.44zm4.814-2.035a.46.46%200%2001.553.45v4.754a.458.458%200%2011-.918%200V15.48L3.74%2017.202a.462.462%200%2001-.655.016.462.462%200%2001-.065-.082L.628%2014.67a.459.459%200%2001.658-.637l2.124%202.187%202.127-2.188a.46.46%200%2001.235-.13zm2.068.004a.46.46%200%2001.458.445v4.755a.46.46%200%2001-.458.458.459.459%200%2001-.458-.458V14.35a.459.459%200%2001.458-.445zm1.973%202.014a.46.46%200%2001.46.457v2.729a.46.46%200%2001-.784.324.46.46%200%2001-.134-.324v-2.729a.46.46%200%2001.458-.458zm.002-2.045a.458.458%200%2001.328.157l2.127%202.19%202.125-2.19a.459.459%200%2001.784.318v4.756a.46.46%200%2001-.455.458.46.46%200%2001-.458-.458V15.48l-1.667%201.723a.46.46%200%2001-.65.008l-.005-.005c0-.002-.002-.002-.004-.003l-2.455-2.534a.46.46%200%2001-.008-.667.461.461%200%2001.338-.128zm6.797%201.206a.46.46%200%2001.53.651A1.966%201.966%200%200019.81%2018.4a.462.462%200%2001.623.18.46.46%200%2001-.181.624%202.863%202.863%200%2001-1.38.353l-.142-.004a2.88%202.88%200%2001-2.393-4.263.461.461%200%2001.274-.21zm.864-.931a2.884%202.884%200%20013.915%203.914.46.46%200%2001-.402.24l-.057-.004a.458.458%200%2001-.164-.055.46.46%200%2001-.182-.622%201.967%201.967%200%2000-2.669-2.67.459.459%200%2011-.441-.803zM9.59%206.368c1.481%200%201.696%201.202%201.696%201.654v2.648h-.917v-.432c-.26.346-.792.535-1.36.535-.133%200-1.289-.03-1.384-1.136-.082-.932.675-1.61%202.053-1.61h.691c0-.563-.367-.886-.983-.886-.44.013-.864.174-1.2.458l-.36-.664c.484-.379%201.012-.567%201.764-.567zm4.427.1c1.263%200%202.082.97%202.083%202.15%200%201.181-.824%202.154-2.083%202.154-1.26%200-2.084-.972-2.084-2.152%200-1.18.82-2.153%202.084-2.153zm6.801.015c.68%200%201.202.465%201.197%201.548v2.642H21.1V8.29c0-.312-.002-.98-.63-.98s-.628.667-.628.838v2.524h-.89V8.148c0-.17-.001-.838-.63-.838-.628%200-.628.668-.628.98v2.383h-.917v-4.03h.917V7a1.22%201.22%200%2001.947-.516c.398%200%20.76.193.982.686a1.321%201.321%200%20011.195-.686zm-18.093.872l1.457-1.772H5.32L3.311%208.07l2.14%202.602H4.24L2.725%208.796%201.21%2010.672H0L2.138%208.07.13%205.583h1.138l1.458%201.772zm4.149%203.317h-.916V6.644h.916v4.028zm16.99%200h-.916V6.644h.916v4.028zM9.925%208.71c-1.055%200-1.359.412-1.326.742.032.329.324.537.757.537a1.013%201.013%200%20001.014-.968l.002-.31h-.447zM14.018%207.3c-.663%200-1.184.487-1.184%201.32%200%20.832.52%201.32%201.184%201.32.662%200%201.182-.49%201.182-1.32%200-.832-.52-1.32-1.182-1.32zM6.417%205.001a.568.568%200%2001.587.582.588.588%200%2001-1.175%200A.57.57%200%20016.417%205zm16.991%200a.57.57%200%2001.592.582.588.588%200%2001-1.174%200%20.57.57%200%2001.357-.542.572.572%200%2001.225-.04z'%3e%3c/path%3e%3c/svg%3e";
+const OpenCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='%237dd3fc'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eOpenCode%3c/title%3e%3cpath%20d='M16%206H8v12h8V6zm4%2016H4V2h16v20z'%3e%3c/path%3e%3c/svg%3e";
+const MiMoCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='%23ff6900'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eMiMo%20Code%3c/title%3e%3cpath%20d='M.958%2015.936a.459.459%200%2001.459.44v2.729a.46.46%200%2001-.918%200v-2.729a.459.459%200%2001.459-.44zm4.814-2.035a.46.46%200%2001.553.45v4.754a.458.458%200%2011-.918%200V15.48L3.74%2017.202a.462.462%200%2001-.655.016.462.462%200%2001-.065-.082L.628%2014.67a.459.459%200%2001.658-.637l2.124%202.187%202.127-2.188a.46.46%200%2001.235-.13zm2.068.004a.46.46%200%2001.458.445v4.755a.46.46%200%2001-.458.458.459.459%200%2001-.458-.458V14.35a.459.459%200%2001.458-.445zm1.973%202.014a.46.46%200%2001.46.457v2.729a.46.46%200%2001-.784.324.46.46%200%2001-.134-.324v-2.729a.46.46%200%2001.458-.458zm.002-2.045a.458.458%200%2001.328.157l2.127%202.19%202.125-2.19a.459.459%200%2001.784.318v4.756a.46.46%200%2001-.455.458.46.46%200%2001-.458-.458V15.48l-1.667%201.723a.46.46%200%2001-.65.008l-.005-.005c0-.002-.002-.002-.004-.003l-2.455-2.534a.46.46%200%2001-.008-.667.461.461%200%2001.338-.128zm6.797%201.206a.46.46%200%2001.53.651A1.966%201.966%200%200019.81%2018.4a.462.462%200%2001.623.18.46.46%200%2001-.181.624%202.863%202.863%200%2001-1.38.353l-.142-.004a2.88%202.88%200%2001-2.393-4.263.461.461%200%2001.274-.21zm.864-.931a2.884%202.884%200%20013.915%203.914.46.46%200%2001-.402.24l-.057-.004a.458.458%200%2001-.164-.055.46.46%200%2001-.182-.622%201.967%201.967%200%2000-2.669-2.67.459.459%200%2011-.441-.803zM9.59%206.368c1.481%200%201.696%201.202%201.696%201.654v2.648h-.917v-.432c-.26.346-.792.535-1.36.535-.133%200-1.289-.03-1.384-1.136-.082-.932.675-1.61%202.053-1.61h.691c0-.563-.367-.886-.983-.886-.44.013-.864.174-1.2.458l-.36-.664c.484-.379%201.012-.567%201.764-.567zm4.427.1c1.263%200%202.082.97%202.083%202.15%200%201.181-.824%202.154-2.083%202.154-1.26%200-2.084-.972-2.084-2.152%200-1.18.82-2.153%202.084-2.153zm6.801.015c.68%200%201.202.465%201.197%201.548v2.642H21.1V8.29c0-.312-.002-.98-.63-.98s-.628.667-.628.838v2.524h-.89V8.148c0-.17-.001-.838-.63-.838-.628%200-.628.668-.628.98v2.383h-.917v-4.03h.917V7a1.22%201.22%200%2001.947-.516c.398%200%20.76.193.982.686a1.321%201.321%200%20011.195-.686zm-18.093.872l1.457-1.772H5.32L3.311%208.07l2.14%202.602H4.24L2.725%208.796%201.21%2010.672H0L2.138%208.07.13%205.583h1.138l1.458%201.772zm4.149%203.317h-.916V6.644h.916v4.028zm16.99%200h-.916V6.644h.916v4.028zM9.925%208.71c-1.055%200-1.359.412-1.326.742.032.329.324.537.757.537a1.013%201.013%200%20001.014-.968l.002-.31h-.447zM14.018%207.3c-.663%200-1.184.487-1.184%201.32%200%20.832.52%201.32%201.184%201.32.662%200%201.182-.49%201.182-1.32%200-.832-.52-1.32-1.182-1.32zM6.417%205.001a.568.568%200%2001.587.582.588.588%200%2001-1.175%200A.57.57%200%20016.417%205zm16.991%200a.57.57%200%2001.592.582.588.588%200%2001-1.174%200%20.57.57%200%2001.357-.542.572.572%200%2001.225-.04z'%3e%3c/path%3e%3c/svg%3e";
 const CLIENT_LABELS = {
   codex: "Codex",
   opencode: "OpenCode",
@@ -897,6 +938,18 @@ const CLIENT_LOGOS = {
   "mimo-code": MiMoCodeLogoSvg,
   "claude-code": ClaudeCodeLogoSvg
 };
+const CLIENT_LOGO_FRAMES = {
+  codex: "border-cyan-200/20 bg-cyan-300/[0.08]",
+  opencode: "border-sky-200/25 bg-sky-300/[0.12]",
+  "mimo-code": "border-orange-200/25 bg-orange-400/[0.12]",
+  "claude-code": "border-amber-100/20 bg-amber-300/[0.09]"
+};
+const CLIENT_LOGO_IMAGES = {
+  codex: "p-0.5",
+  opencode: "p-1 drop-shadow-[0_0_8px_rgba(125,211,252,0.35)]",
+  "mimo-code": "p-0.5 drop-shadow-[0_0_8px_rgba(255,105,0,0.35)]",
+  "claude-code": "p-0.5"
+};
 function ClientLogo({
   client,
   className
@@ -909,12 +962,21 @@ function ClientLogo({
     "span",
     {
       className: cn(
-        "border border-border bg-muted/40 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-0.5",
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md border p-0 shadow-sm",
+        CLIENT_LOGO_FRAMES[client],
         className
       ),
       "aria-label": label,
       title: label,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logoSrc, alt: "", className: "size-full object-contain", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "img",
+        {
+          src: logoSrc,
+          alt: "",
+          className: cn("size-full object-contain", CLIENT_LOGO_IMAGES[client]),
+          "aria-hidden": "true"
+        }
+      )
     }
   );
 }
@@ -1611,11 +1673,11 @@ function ConversationHeader({
             showClientIdentity && clientDisplayLabel !== null && clientDisplayLabel !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "span",
               {
-                className: "bg-white/[0.045] inline-flex h-6 max-w-[180px] shrink-0 items-center gap-1 rounded-md px-1.5 text-xs text-muted-foreground",
+                className: "bg-white/[0.045] inline-flex min-h-6 shrink-0 flex-wrap items-center gap-1 rounded-md px-1.5 py-0.5 text-xs text-muted-foreground",
                 title: clientTooltip ?? clientDisplayLabel,
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(ClientLogo, { client: clientApp, className: "size-4 shrink-0" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-mono tabular-nums", children: clientDisplayLabel })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono leading-snug tabular-nums", children: clientDisplayLabel })
                 ]
               }
             ),
@@ -2306,27 +2368,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-D6b6TZ-O.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-CaM8FYuD.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-D_KWQ1GY.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-BPpJ2-q8.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-CPubXjMX.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-DeQAWnZx.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-CsTiNoOE.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-Dshm8iQ7.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-Bgbzt23U.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-32yIU2hn.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-10ciVGnc.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-C0aX5rqC.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-10ciVGnc.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-C0aX5rqC.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -5260,6 +5322,9 @@ const CandidatePromotionFailureResponseSchema = object({
 const CandidateUpdateResponseSchema = object({
   candidate: KnowledgeCandidateSchema
 });
+const CANDIDATE_GENERATE_TIMEOUT_MS = 3e4;
+const CANDIDATE_PROMOTE_TIMEOUT_MS = 15e3;
+const CANDIDATE_UPDATE_TIMEOUT_MS = 15e3;
 const CANDIDATE_STATUS_CLASSES = {
   draft: "border-amber-500/30 bg-amber-500/10 text-amber-500",
   promoted: "border-emerald-500/30 bg-emerald-500/10 text-emerald-500",
@@ -5765,19 +5830,13 @@ function AgentTraceSummary({
     setCandidateState({ status: "loading", error: null });
     void (async () => {
       try {
-        const response = await fetch(
+        const parsed = await fetchJsonWithTimeout(
           `/api/knowledge/sessions/${encodeURIComponent(scopeId)}/candidates`,
-          { method: "POST" }
+          CandidateResponseSchema,
+          CANDIDATE_GENERATE_TIMEOUT_MS,
+          { method: "POST" },
+          (response) => `Candidate generation failed with ${String(response.status)}`
         );
-        if (!response.ok) {
-          const message = await readApiError(
-            response,
-            `Candidate generation failed with ${String(response.status)}`
-          );
-          setCandidateState({ status: "failed", error: message });
-          return;
-        }
-        const parsed = await parseJsonResponse$1(response, CandidateResponseSchema);
         setCandidates(parsed.candidates);
         setCandidatesExpanded(parsed.candidates.length > 0);
         setCandidateState(
@@ -5800,8 +5859,9 @@ function AgentTraceSummary({
     });
     void (async () => {
       try {
-        const response = await fetch(
+        const response = await fetchWithTimeout(
           `/api/knowledge/candidates/${encodeURIComponent(candidateId)}/promote`,
+          CANDIDATE_PROMOTE_TIMEOUT_MS,
           { method: "POST" }
         );
         const raw = await response.json().catch(() => null);
@@ -5850,23 +5910,17 @@ function AgentTraceSummary({
         return next;
       });
       try {
-        const response = await fetch(
+        const parsed = await fetchJsonWithTimeout(
           `/api/knowledge/candidates/${encodeURIComponent(candidateId)}`,
+          CandidateUpdateResponseSchema,
+          CANDIDATE_UPDATE_TIMEOUT_MS,
           {
             method: "PATCH",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify(update)
-          }
+          },
+          (response) => `Candidate update failed with ${String(response.status)}`
         );
-        if (!response.ok) {
-          const message = await readApiError(
-            response,
-            `Candidate update failed with ${String(response.status)}`
-          );
-          setCandidateState({ status: "failed", error: message });
-          return false;
-        }
-        const parsed = await parseJsonResponse$1(response, CandidateUpdateResponseSchema);
         setCandidates(
           (current) => current.map(
             (candidate) => candidate.id === parsed.candidate.id ? parsed.candidate : candidate
@@ -6556,7 +6610,7 @@ function AlertList({
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("text-xs font-semibold", severityText(alert.severity)), children: severityLabel(alert.severity) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-xs text-muted-foreground", children: categoryLabel(alert.category) })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 truncate text-sm font-semibold", children: alert.title }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm font-semibold leading-snug", children: alert.title }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 line-clamp-2 text-xs text-muted-foreground", children: alert.message })
             ] }),
             alert.count > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "outline", className: "shrink-0", children: [
@@ -6564,8 +6618,8 @@ function AlertList({
               formatCount(alert.count)
             ] }) : null
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex min-w-0 items-center justify-between gap-2 text-[11px] text-muted-foreground", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: providerModel$1(alert) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex min-w-0 items-start justify-between gap-2 text-[11px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 leading-snug", children: providerModel$1(alert) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: formatTimestamp$1(alert.lastSeenAt) })
           ] })
         ]
@@ -6942,6 +6996,7 @@ function TransientToast({
     }
   );
 }
+const GROUP_OPERATION_TIMEOUT_MS = 2e4;
 function groupDeletePath(groupId, deleteEvidence) {
   const path = `/api/groups/${encodeURIComponent(groupId)}`;
   return deleteEvidence ? `${path}?deleteEvidence=1` : path;
@@ -7162,18 +7217,13 @@ function GroupsDialog() {
     setDeleteError(null);
     setExportError(null);
     try {
-      const response = await fetch(groupsClearPath(false), { method: "DELETE" });
-      if (!response.ok) {
-        showToast({
-          message: await readApiError(
-            response,
-            `Clear failed with status ${String(response.status)}`
-          ),
-          tone: "error"
-        });
-        return;
-      }
-      const parsed = await parseJsonResponse$1(response, DeleteInspectorGroupsResponseSchema);
+      const parsed = await fetchJsonWithTimeout(
+        groupsClearPath(false),
+        DeleteInspectorGroupsResponseSchema,
+        GROUP_OPERATION_TIMEOUT_MS,
+        { method: "DELETE" },
+        (response) => `Clear failed with status ${String(response.status)}`
+      );
       setExportResult(null);
       setSelectedGroupId(null);
       await mutate();
@@ -7196,18 +7246,17 @@ function GroupsDialog() {
       setExportingGroupId(group.id);
       setExportError(null);
       try {
-        const response = await fetch(`/api/groups/${encodeURIComponent(group.id)}/evidence`, {
-          method: "POST",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({ latestLogLimit: 10 })
-        });
-        if (!response.ok) {
-          setExportError(
-            await readApiError(response, `Export failed with status ${String(response.status)}`)
-          );
-          return;
-        }
-        const parsed = await parseJsonResponse$1(response, GroupEvidenceExportResultSchema);
+        const parsed = await fetchJsonWithTimeout(
+          `/api/groups/${encodeURIComponent(group.id)}/evidence`,
+          GroupEvidenceExportResultSchema,
+          GROUP_OPERATION_TIMEOUT_MS,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ latestLogLimit: 10 })
+          },
+          (response) => `Export failed with status ${String(response.status)}`
+        );
         setExportResult(parsed);
         await mutate();
         await mutateEvidence();
@@ -7242,16 +7291,13 @@ function GroupsDialog() {
     setDeletingGroupId(group.id);
     setDeleteError(null);
     try {
-      const response = await fetch(groupDeletePath(group.id, deleteEvidence), {
-        method: "DELETE"
-      });
-      if (!response.ok) {
-        setDeleteError(
-          await readApiError(response, `Delete failed with status ${String(response.status)}`)
-        );
-        return;
-      }
-      await parseJsonResponse$1(response, DeleteInspectorGroupResponseSchema);
+      await fetchJsonWithTimeout(
+        groupDeletePath(group.id, deleteEvidence),
+        DeleteInspectorGroupResponseSchema,
+        GROUP_OPERATION_TIMEOUT_MS,
+        { method: "DELETE" },
+        (response) => `Delete failed with status ${String(response.status)}`
+      );
       setExportResult(
         (current) => current !== null && current.group.id === group.id ? null : current
       );
@@ -7380,7 +7426,7 @@ function GroupList({
         ),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate text-sm font-medium", children: group.title }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 text-sm font-medium leading-snug", children: group.title }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: statusClassName(group.status), children: statusLabel(group.status) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex items-center gap-2 text-muted-foreground", children: [
@@ -7429,7 +7475,7 @@ function GroupDetails({
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "min-w-0 truncate text-base font-semibold", children: group.title }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "min-w-0 text-base font-semibold leading-snug", children: group.title }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: statusClassName(group.status), children: statusLabel(group.status) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: group.kind })
         ] }),
@@ -7787,7 +7833,7 @@ function MemberRow({
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: displayText(member.agent) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "max-w-52 px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate", children: providerModel(member) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "max-w-52 px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block whitespace-normal leading-snug", children: providerModel(member) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: statusClassName(member.status), children: statusLabel(member.status) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2 font-mono", children: requests === null ? "-" : formatNumber(requests) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2 font-mono", children: errors === null ? "-" : formatNumber(errors) }),
@@ -7934,70 +7980,6 @@ function MemberMetadata({ entries }) {
     }) })
   ] });
 }
-function ClaudeCodeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      fill: "currentColor",
-      fillRule: "evenodd",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "size-6 shrink-0",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "Claude Code" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "path",
-          {
-            clipRule: "evenodd",
-            d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
-          }
-        )
-      ]
-    }
-  );
-}
-function OpenCodeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      fill: "currentColor",
-      fillRule: "evenodd",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "size-6 shrink-0",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "OpenCode" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 6H8v12h8V6zm4 16H4V2h16v20z" })
-      ]
-    }
-  );
-}
-function MiMoCodeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      fill: "currentColor",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "size-6 shrink-0",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "MiMo Code" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "text",
-          {
-            x: "12",
-            y: "18",
-            textAnchor: "middle",
-            fontSize: "16",
-            fontWeight: "800",
-            fontFamily: "system-ui, sans-serif",
-            children: "M"
-          }
-        )
-      ]
-    }
-  );
-}
 const ExternalProviderSchema = object({
   name: string(),
   apiKey: string(),
@@ -8019,11 +8001,7 @@ const ImportResponseSchema$1 = object({
   message: string().optional(),
   errors: array(string()).optional()
 });
-const sourceLogoMap = {
-  "claude-code": ClaudeCodeIcon,
-  opencode: OpenCodeIcon,
-  "mimo-code": MiMoCodeIcon
-};
+const PROVIDER_IMPORT_TIMEOUT_MS$1 = 2e4;
 function ImportWizardDialog({
   open,
   onOpenChange,
@@ -8037,7 +8015,11 @@ function ImportWizardDialog({
   const [importing, setImporting] = reactExports.useState(false);
   const [importResult, setImportResult] = reactExports.useState(null);
   const [importError, setImportError] = reactExports.useState(null);
+  const scanRequestIdRef = reactExports.useRef(0);
+  const importRequestIdRef = reactExports.useRef(0);
   const scan = reactExports.useCallback(() => {
+    const requestId = scanRequestIdRef.current + 1;
+    scanRequestIdRef.current = requestId;
     setScanning(true);
     setScanError(null);
     setWarnings([]);
@@ -8045,29 +8027,26 @@ function ImportWizardDialog({
     setSelected(/* @__PURE__ */ new Set());
     setImportResult(null);
     setImportError(null);
-    fetch("/api/providers/scan").then((res) => {
-      if (!res.ok) {
-        return res.text().then((text) => {
-          setScanError(`Scan failed (${res.status}): ${text}`);
-        });
-      }
-      return res.json().then((data) => {
-        const parsed = ScanResponseSchema.safeParse(data);
-        if (!parsed.success) {
-          setScanError(`Invalid response: ${parsed.error.message}`);
-          return;
-        }
-        setProviders(parsed.data.providers);
-        setWarnings(parsed.data.warnings ?? []);
-        const indices = /* @__PURE__ */ new Set();
-        parsed.data.providers.forEach((p, i) => {
-          if (!p.alreadyExists) indices.add(i);
-        });
-        setSelected(indices);
+    void fetchJsonWithTimeout(
+      "/api/providers/scan",
+      ScanResponseSchema,
+      PROVIDER_IMPORT_TIMEOUT_MS$1,
+      void 0,
+      (response) => `Scan failed (${String(response.status)})`
+    ).then((data) => {
+      if (scanRequestIdRef.current !== requestId) return;
+      setProviders(data.providers);
+      setWarnings(data.warnings ?? []);
+      const indices = /* @__PURE__ */ new Set();
+      data.providers.forEach((provider, index) => {
+        if (!provider.alreadyExists) indices.add(index);
       });
+      setSelected(indices);
     }).catch((err) => {
+      if (scanRequestIdRef.current !== requestId) return;
       setScanError(err instanceof Error ? err.message : String(err));
     }).finally(() => {
+      if (scanRequestIdRef.current !== requestId) return;
       setScanning(false);
     });
   }, []);
@@ -8076,6 +8055,13 @@ function ImportWizardDialog({
       scan();
     }
   }, [open, scan]);
+  reactExports.useEffect(() => {
+    if (open) return;
+    scanRequestIdRef.current += 1;
+    importRequestIdRef.current += 1;
+    setScanning(false);
+    setImporting(false);
+  }, [open]);
   const toggleProvider = reactExports.useCallback((index) => {
     setSelected((prev) => {
       const next = new Set(prev);
@@ -8090,6 +8076,8 @@ function ImportWizardDialog({
   const importSelected = reactExports.useCallback(() => {
     const toImport = providers.filter((_, i) => selected.has(i));
     if (toImport.length === 0) return;
+    const requestId = importRequestIdRef.current + 1;
+    importRequestIdRef.current = requestId;
     setImporting(true);
     setImportError(null);
     setImportResult(null);
@@ -8106,17 +8094,18 @@ function ImportWizardDialog({
       createdAt: now,
       updatedAt: now
     }));
-    fetch("/api/providers/import", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ providers: providersPayload })
-    }).then((res) => res.json()).then((data) => {
-      const parsed = ImportResponseSchema$1.safeParse(data);
-      if (!parsed.success) {
-        setImportError(`Invalid response: ${parsed.error.message}`);
-        return;
-      }
-      const result = parsed.data;
+    void fetchJsonWithTimeout(
+      "/api/providers/import",
+      ImportResponseSchema$1,
+      PROVIDER_IMPORT_TIMEOUT_MS$1,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ providers: providersPayload })
+      },
+      (response) => `Import failed (${String(response.status)})`
+    ).then((result) => {
+      if (importRequestIdRef.current !== requestId) return;
       setProviders(
         (prev) => prev.map((p, i) => selected.has(i) ? { ...p, alreadyExists: true } : p)
       );
@@ -8128,8 +8117,10 @@ function ImportWizardDialog({
       }
       onImportComplete();
     }).catch((err) => {
+      if (importRequestIdRef.current !== requestId) return;
       setImportError(err instanceof Error ? err.message : String(err));
     }).finally(() => {
+      if (importRequestIdRef.current !== requestId) return;
       setImporting(false);
     });
   }, [providers, selected, onImportComplete]);
@@ -8170,14 +8161,10 @@ function ImportWizardDialog({
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-                (() => {
-                  const LogoComponent = sourceLogoMap[p.sourceTool];
-                  if (LogoComponent === void 0) return null;
-                  return /* @__PURE__ */ jsxRuntimeExports.jsx(LogoComponent, {});
-                })(),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ClientLogo, { client: p.sourceTool, className: "size-7 rounded-[8px]" }),
                 p.alreadyExists && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: "Already added" })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground mt-1 truncate", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 text-xs leading-snug text-muted-foreground", children: [
                 p.models.slice(0, 4).join(", "),
                 p.models.length > 4 ? ` +${p.models.length - 4} more` : ""
               ] }),
@@ -8693,13 +8680,13 @@ function ProviderCard({
     {
       className: `flex flex-col gap-3 rounded-[8px] border border-border bg-card p-4 shadow-sm transition-all duration-500 ${isHighlighted === true ? "ring-2 ring-primary shadow-md" : ""}`,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-medium", children: provider.name }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium leading-snug", children: provider.name }),
               providerSourceBadge
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-xs text-muted-foreground", children: compactModelLabel(provider) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs leading-snug text-muted-foreground", children: compactModelLabel(provider) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -9848,6 +9835,13 @@ const ModelMetadataRefreshResponseSchema = object({
   sourceUrl: string()
 });
 const NETWORK_ERROR_MESSAGE = "Network error: could not reach the server. Is the proxy running?";
+const CONFIG_PATH_FETCH_TIMEOUT_MS = 5e3;
+const PROVIDER_TEST_LOG_TIMEOUT_MS = 5e3;
+const PROVIDER_WRITE_TIMEOUT_MS = 15e3;
+const PROVIDER_DELETE_TIMEOUT_MS = 1e4;
+const PROVIDER_EXPORT_TIMEOUT_MS = 2e4;
+const PROVIDER_IMPORT_TIMEOUT_MS = 2e4;
+const PROVIDER_METADATA_TIMEOUT_MS = 3e4;
 function createProviderPayload(data) {
   return {
     name: data.name,
@@ -9871,7 +9865,7 @@ async function persistProviderTestLog(providerId, results) {
     return;
   }
   try {
-    await fetch(`/api/providers/${providerId}/test/log`, {
+    await fetchWithTimeout(`/api/providers/${providerId}/test/log`, PROVIDER_TEST_LOG_TIMEOUT_MS, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify(results)
@@ -9939,11 +9933,12 @@ function ProvidersPanel({
   reactExports.useEffect(() => {
     void (async () => {
       try {
-        const res = await fetch("/api/config/paths");
-        if (res.ok) {
-          const data = await parseJsonResponse$1(res, ConfigPathsResponseSchema);
-          setConfigPath(data.providerConfig);
-        }
+        const data = await fetchJsonWithTimeout(
+          "/api/config/paths",
+          ConfigPathsResponseSchema,
+          CONFIG_PATH_FETCH_TIMEOUT_MS
+        );
+        setConfigPath(data.providerConfig);
       } catch {
       }
     })();
@@ -10017,30 +10012,31 @@ function ProvidersPanel({
         }
       }, 1e3);
       try {
-        const res = await fetch(`/api/providers/${providerId}/test`, {
-          method: "POST",
-          signal: controller.signal
-        });
-        if (res.ok) {
-          const results = await parseJsonResponse$1(res, ProviderTestResultsSchema);
-          updateTestResults(providerId, results);
-          await persistProviderTestLog(providerId, results);
-        } else {
-          updateTestResults(
-            providerId,
-            createFailedProviderTestResults(
-              `HTTP ${res.status}: ${res.statusText}`,
-              "server_error"
-            )
-          );
-        }
+        const results = await fetchJsonWithTimeout(
+          `/api/providers/${providerId}/test`,
+          ProviderTestResultsSchema,
+          timeoutSeconds * 1e3 + 1e3,
+          {
+            method: "POST",
+            signal: controller.signal
+          },
+          (response) => `HTTP ${response.status}: ${response.statusText}`
+        );
+        updateTestResults(providerId, results);
+        await persistProviderTestLog(providerId, results);
       } catch (err) {
         const isAbort = err instanceof Error && err.name === "AbortError";
-        if (isAbort) {
+        const isTimeout = err instanceof ApiTimeoutError;
+        if (isAbort || isTimeout) {
           updateTestResults(
             providerId,
             createFailedProviderTestResults("Request timed out", "timeout")
           );
+        } else if (err instanceof Error) {
+          updateTestResults(
+            providerId,
+            createFailedProviderTestResults(err.message, "server_error")
+          );
         }
       } finally {
         clearInterval(intervalId);
@@ -10065,18 +10061,17 @@ function ProvidersPanel({
       });
       try {
         const payload = url !== void 0 && url.trim() !== "" ? { url } : {};
-        const res = await fetch(`/api/providers/${providerId}/model-metadata`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload)
-        });
-        if (!res.ok) {
-          if (showError) {
-            setError(await readApiError(res, "Failed to refresh model metadata"));
-          }
-          return false;
-        }
-        const data = await parseJsonResponse$1(res, ModelMetadataRefreshResponseSchema);
+        const data = await fetchJsonWithTimeout(
+          `/api/providers/${providerId}/model-metadata`,
+          ModelMetadataRefreshResponseSchema,
+          PROVIDER_METADATA_TIMEOUT_MS,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload)
+          },
+          () => "Failed to refresh model metadata"
+        );
         if (data.imported === 0 && showError) {
           setError("No matching model metadata found for this provider.");
         } else {
@@ -10085,9 +10080,9 @@ function ProvidersPanel({
         triggerHighlight(data.provider.id);
         refreshProviders();
         return data.imported > 0;
-      } catch {
+      } catch (err) {
         if (showError) {
-          setError(NETWORK_ERROR_MESSAGE);
+          setError(err instanceof Error ? err.message : NETWORK_ERROR_MESSAGE);
         }
         return false;
       } finally {
@@ -10103,16 +10098,17 @@ function ProvidersPanel({
   function handleAddProvider(data) {
     void (async () => {
       try {
-        const res = await fetch("/api/providers", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(createProviderPayload(data))
-        });
-        if (!res.ok) {
-          setError(await readApiError(res, "Failed to add provider"));
-          return;
-        }
-        const newProvider = await parseJsonResponse$1(res, ProviderConfigSchema);
+        const newProvider = await fetchJsonWithTimeout(
+          "/api/providers",
+          ProviderConfigSchema,
+          PROVIDER_WRITE_TIMEOUT_MS,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(createProviderPayload(data))
+          },
+          () => "Failed to add provider"
+        );
         setShowForm(false);
         triggerHighlight(newProvider.id);
         if (data.modelMetadataUrl !== void 0 && data.modelMetadataUrl.trim() !== "") {
@@ -10120,8 +10116,8 @@ function ProvidersPanel({
         }
         refreshProviders();
         await runTest(newProvider.id);
-      } catch {
-        setError(NETWORK_ERROR_MESSAGE);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : NETWORK_ERROR_MESSAGE);
       }
     })();
   }
@@ -10129,16 +10125,17 @@ function ProvidersPanel({
     if (!editingProvider) return;
     void (async () => {
       try {
-        const res = await fetch(`/api/providers/${editingProvider.id}`, {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(createProviderPayload(data))
-        });
-        if (!res.ok) {
-          setError(await readApiError(res, "Failed to update provider"));
-          return;
-        }
-        const updated = await parseJsonResponse$1(res, ProviderConfigSchema);
+        const updated = await fetchJsonWithTimeout(
+          `/api/providers/${editingProvider.id}`,
+          ProviderConfigSchema,
+          PROVIDER_WRITE_TIMEOUT_MS,
+          {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(createProviderPayload(data))
+          },
+          () => "Failed to update provider"
+        );
         setEditingProvider(void 0);
         triggerHighlight(updated.id);
         if (data.modelMetadataUrl !== void 0 && data.modelMetadataUrl.trim() !== "") {
@@ -10149,8 +10146,8 @@ function ProvidersPanel({
         if (criticalFieldsChanged) {
           await runTest(updated.id);
         }
-      } catch {
-        setError(NETWORK_ERROR_MESSAGE);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : NETWORK_ERROR_MESSAGE);
       }
     })();
   }
@@ -10164,7 +10161,7 @@ function ProvidersPanel({
     void (async () => {
       let res;
       try {
-        res = await fetch(`/api/providers/${providerId}`, {
+        res = await fetchWithTimeout(`/api/providers/${providerId}`, PROVIDER_DELETE_TIMEOUT_MS, {
           method: "DELETE"
         });
       } catch {
@@ -10183,7 +10180,7 @@ function ProvidersPanel({
     const url = `/api/providers/export${""}`;
     void (async () => {
       try {
-        const res = await fetch(url);
+        const res = await fetchWithTimeout(url, PROVIDER_EXPORT_TIMEOUT_MS);
         if (!res.ok) {
           setError("Failed to export providers");
           return;
@@ -10211,7 +10208,7 @@ function ProvidersPanel({
     void (async () => {
       try {
         const text = await file.text();
-        const res = await fetch("/api/providers/import", {
+        const res = await fetchWithTimeout("/api/providers/import", PROVIDER_IMPORT_TIMEOUT_MS, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(text)
@@ -10511,6 +10508,7 @@ const LogStorageStatsSchema = object({
   sessionArchiveFileCount: number(),
   sessionArchiveBytes: number()
 });
+const STORAGE_STATS_FETCH_TIMEOUT_MS = 1e4;
 function formatBytes(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KiB`;
@@ -10526,18 +10524,14 @@ function StorageSettingsTab() {
     setLoading(true);
     setError(null);
     try {
-      const response = await fetch("/api/logs?stats=1");
-      if (!response.ok) {
-        setError(`Failed to load storage stats: HTTP ${String(response.status)}`);
-        return;
-      }
-      const data = await response.json();
-      const parsed = LogStorageStatsSchema.safeParse(data);
-      if (!parsed.success) {
-        setError("Storage stats response was not valid.");
-        return;
-      }
-      setStats(parsed.data);
+      const data = await fetchJsonWithTimeout(
+        "/api/logs?stats=1",
+        LogStorageStatsSchema,
+        STORAGE_STATS_FETCH_TIMEOUT_MS,
+        void 0,
+        (response) => `Failed to load storage stats: HTTP ${String(response.status)}`
+      );
+      setStats(data);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -11153,6 +11147,28 @@ const EcosystemPackagesResponseSchema = object({
   packages: array(EcosystemPackageSchema),
   runnerPresets: array(EcosystemRunnerPresetSchema)
 });
+const EcosystemTaskActionSchema = _enum(["install", "upgrade", "help", "runner-presets"]);
+const EcosystemTaskStatusSchema = _enum(["queued", "running", "succeeded", "failed"]);
+const EcosystemTaskSchema = object({
+  id: string(),
+  packageId: string(),
+  npmName: string(),
+  action: EcosystemTaskActionSchema,
+  status: EcosystemTaskStatusSchema,
+  command: string(),
+  output: string(),
+  createdAt: string(),
+  startedAt: string().nullable(),
+  finishedAt: string().nullable(),
+  exitCode: number().nullable(),
+  error: string().nullable()
+});
+const EcosystemTaskResponseSchema = object({
+  task: EcosystemTaskSchema
+});
+object({
+  tasks: array(EcosystemTaskSchema)
+});
 const WORKFLOWS = [
   {
     id: "observe",
@@ -11195,6 +11211,23 @@ async function fetchEcosystemPackages(url) {
     (response) => `Failed to load ecosystem packages: ${String(response.status)}`
   );
 }
+async function fetchEcosystemTask(url) {
+  return fetchJson(
+    url,
+    EcosystemTaskResponseSchema,
+    void 0,
+    (response) => `Failed to load ecosystem task: ${String(response.status)}`
+  );
+}
+async function startEcosystemTask(packageId, action) {
+  const response = await fetchJson(
+    `/api/ecosystem/packages/${encodeURIComponent(packageId)}/${action}`,
+    EcosystemTaskResponseSchema,
+    { method: "POST" },
+    (result) => `Failed to start ecosystem task: ${String(result.status)}`
+  );
+  return response.task;
+}
 function stateLabel(state) {
   switch (state) {
     case "installed":
@@ -11232,15 +11265,57 @@ function versionLabel(pkg) {
   if (pkg.latestVersion !== null) return `latest v${pkg.latestVersion}`;
   return "not published";
 }
-function PackageStatusCard({ pkg }) {
+function taskActionLabel(action) {
+  switch (action) {
+    case "install":
+      return "Install";
+    case "upgrade":
+      return "Upgrade";
+    case "help":
+      return "Help";
+    case "runner-presets":
+      return "Presets";
+  }
+}
+function taskStatusLabel(task) {
+  switch (task.status) {
+    case "queued":
+      return "Queued";
+    case "running":
+      return `${taskActionLabel(task.action)} running`;
+    case "succeeded":
+      return `${taskActionLabel(task.action)} complete`;
+    case "failed":
+      return `${taskActionLabel(task.action)} failed`;
+  }
+}
+function packagePrimaryAction(pkg) {
+  switch (pkg.state) {
+    case "available":
+      return "install";
+    case "update-available":
+      return "upgrade";
+    case "installed":
+    case "planned":
+    case "unknown":
+      return null;
+  }
+}
+function PackageStatusCard({
+  pkg,
+  activeTask,
+  onStartTask
+}) {
+  const primaryAction = packagePrimaryAction(pkg);
+  const packageTaskRunning = activeTask !== null && activeTask.packageId === pkg.id && activeTask.status === "running";
   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 items-start justify-between gap-3", 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-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(PackageCheck, { className: "size-4 shrink-0 text-white/55" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-sm font-semibold", children: pkg.name })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold leading-snug", children: pkg.name })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 truncate font-mono text-[11px] text-white/35", children: pkg.npmName })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 break-all font-mono text-[11px] leading-snug text-white/35", children: pkg.npmName })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: cn("shrink-0", stateClassName(pkg.state)), variant: "outline", children: stateLabel(pkg.state) })
     ] }),
@@ -11249,16 +11324,88 @@ function PackageStatusCard({ pkg }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.035] px-2 py-1 font-mono text-white/50", children: versionLabel(pkg) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.035] px-2 py-1 text-white/45", children: pkg.capability }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.035] px-2 py-1 font-mono text-white/35", children: pkg.installCommand })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
+      primaryAction !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "secondary",
+          disabled: packageTaskRunning,
+          onClick: () => onStartTask(pkg.id, primaryAction),
+          children: [
+            packageTaskRunning ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-3.5" }),
+            taskActionLabel(primaryAction)
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          disabled: packageTaskRunning || pkg.state === "planned",
+          onClick: () => onStartTask(pkg.id, "help"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5" }),
+            "Help"
+          ]
+        }
+      ),
+      pkg.id === "eval-harness" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          disabled: packageTaskRunning || pkg.state === "planned",
+          onClick: () => onStartTask(pkg.id, "runner-presets"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Beaker, { className: "size-3.5" }),
+            "Presets"
+          ]
+        }
+      )
     ] })
   ] });
 }
+function TaskConsole({ task }) {
+  if (task === null) return null;
+  const isRunning = task.status === "queued" || task.status === "running";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mt-3 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-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        isRunning ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin text-cyan-200/75" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-4 text-white/55" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold", children: taskStatusLabel(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("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 })
+  ] });
+}
 function WorkflowTile({ workflow }) {
   const Icon2 = workflow.icon;
   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 items-start justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-4 shrink-0 text-cyan-200/75" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-sm font-semibold", children: workflow.title })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold", children: workflow.title })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.04] px-2 py-0.5 font-mono text-[10px] text-white/45", children: workflow.label })
     ] }),
@@ -11274,13 +11421,13 @@ function buildSessionCommand(sessionId) {
 }
 function RunnerPresetCard({ preset }) {
   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 items-start justify-between gap-3", 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-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Rocket, { className: "size-4 shrink-0 text-cyan-200/75" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-sm font-semibold", children: preset.name })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold leading-snug", children: preset.name })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 font-mono text-[11px] text-white/35", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 break-all font-mono text-[11px] leading-snug text-white/35", children: [
           preset.binary,
           " ",
           preset.modelFlag,
@@ -11307,10 +11454,23 @@ function AgentLabDialog({ currentSessionId, logCount }) {
   const [open, setOpen] = reactExports.useState(false);
   const [copied, setCopied] = reactExports.useState(false);
   const [copiedPresets, setCopiedPresets] = reactExports.useState(false);
+  const [activeTaskId, setActiveTaskId] = reactExports.useState(null);
+  const [taskError, setTaskError] = reactExports.useState(null);
   const response = useSWR("/api/ecosystem/packages", fetchEcosystemPackages, {
     revalidateOnFocus: false,
     revalidateIfStale: false
   });
+  const activeTaskResponse = useSWR(
+    activeTaskId === null ? null : `/api/ecosystem/tasks/${activeTaskId}`,
+    fetchEcosystemTask,
+    {
+      refreshInterval: (taskResponse) => {
+        const task = taskResponse?.task;
+        return task !== void 0 && (task.status === "queued" || task.status === "running") ? 900 : 0;
+      },
+      revalidateOnFocus: false
+    }
+  );
   const packages = response.data?.packages ?? [];
   const runnerPresets = response.data?.runnerPresets ?? [];
   const installedCount = reactExports.useMemo(
@@ -11331,6 +11491,21 @@ function AgentLabDialog({ currentSessionId, logCount }) {
       window.setTimeout(() => setCopiedPresets(false), 1200);
     });
   };
+  const activeTask = activeTaskResponse.data?.task ?? null;
+  reactExports.useEffect(() => {
+    if (activeTask === null) return;
+    if (activeTask.status !== "succeeded") return;
+    void response.mutate();
+  }, [activeTask, response]);
+  const handleStartTask = (packageId, action) => {
+    setTaskError(null);
+    void startEcosystemTask(packageId, action).then((task) => {
+      setActiveTaskId(task.id);
+      void activeTaskResponse.mutate({ task }, { revalidate: true });
+    }).catch((error) => {
+      setTaskError(error instanceof Error ? error.message : "Failed to start ecosystem task");
+    });
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
@@ -11418,7 +11593,15 @@ function AgentLabDialog({ currentSessionId, logCount }) {
           ] }),
           response.error !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "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: "Package status is temporarily unavailable." }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-3 md:grid-cols-3", children: [
-            packages.map((pkg) => /* @__PURE__ */ jsxRuntimeExports.jsx(PackageStatusCard, { pkg }, pkg.id)),
+            packages.map((pkg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              PackageStatusCard,
+              {
+                pkg,
+                activeTask,
+                onStartTask: handleStartTask
+              },
+              pkg.id
+            )),
             response.isLoading && packages.length === 0 && [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
@@ -11427,7 +11610,9 @@ function AgentLabDialog({ currentSessionId, logCount }) {
               index
             ))
           ] })
-        ] })
+        ] }),
+        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 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TaskConsole, { task: activeTask })
       ] })
     ] })
   ] });
@@ -13830,12 +14015,12 @@ function BrandHeader({
 }) {
   if (compact) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_16px_44px_rgba(0,0,0,0.18)] rounded-[8px] p-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-fit items-start gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(CrabFamily, { compact: true, entrancePhase: crabEntrancePhase }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-base font-bold", children: "Inspector" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-fit", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-fit flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap text-base font-bold", children: "Agent Inspector" }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "hidden shrink-0 font-mono text-[11px] font-semibold text-muted-foreground sm:inline", children: [
                 "v",
                 packageJson.version
@@ -13854,13 +14039,13 @@ function BrandHeader({
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 hidden sm:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx(McpReadyBadge, {}) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr] items-start gap-3 pb-6", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "flex min-w-0 flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex max-w-[calc(100vw-7rem)] items-end gap-2 whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-x-4 gap-y-3 pb-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-10 flex-1", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "flex min-w-fit flex-col items-center gap-2 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex max-w-full flex-wrap items-end justify-center gap-x-2 gap-y-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(CrabFamily, { compact: false, entrancePhase: crabEntrancePhase }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-baseline gap-2 pl-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-lg font-bold", children: "Agent Inspector" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-fit flex-wrap items-baseline justify-center gap-x-2 gap-y-0.5 pl-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap text-lg font-bold", children: "Agent Inspector" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 font-mono text-xs font-semibold text-muted-foreground", children: [
             "v",
             packageJson.version
@@ -13869,10 +14054,10 @@ function BrandHeader({
         /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4 shrink-0 text-muted-foreground/70", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(McpLogo, { className: "size-10 shrink-0" })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-[calc(100vw-7rem)] text-sm font-semibold text-muted-foreground", children: "Local First. Evidence First." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-full text-sm font-semibold text-muted-foreground", children: "Local First. Evidence First." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(McpReadyBadge, {})
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "justify-self-end flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 justify-end gap-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(AlertsDialog, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(AgentLabDialog, { currentSessionId, logCount }),
@@ -14206,7 +14391,24 @@ function ProxyViewer({
   const logListRef = reactExports.useRef(null);
   const logListWrapperRef = reactExports.useRef(null);
   const importInputRef = reactExports.useRef(null);
+  const exportAbortRef = reactExports.useRef(null);
+  const exportRequestIdRef = reactExports.useRef(0);
   useKeyboardNavigation(logListRef, logListWrapperRef, { pageWide: true });
+  const cancelTransientTasks = reactExports.useCallback(() => {
+    exportRequestIdRef.current += 1;
+    exportAbortRef.current?.abort();
+    exportAbortRef.current = null;
+    setExporting(null);
+    setExportError(null);
+  }, []);
+  reactExports.useEffect(
+    () => () => {
+      exportRequestIdRef.current += 1;
+      exportAbortRef.current?.abort();
+      exportAbortRef.current = null;
+    },
+    []
+  );
   reactExports.useEffect(() => {
     const perCrabDuration = 400;
     const startDelay = 50;
@@ -14228,11 +14430,18 @@ function ProxyViewer({
   }, [logs.length, pinnedSessionId]);
   const handleExport = reactExports.useCallback(
     async (mode) => {
+      exportAbortRef.current?.abort();
+      const controller = new AbortController();
+      exportAbortRef.current = controller;
+      const requestId = exportRequestIdRef.current + 1;
+      exportRequestIdRef.current = requestId;
       setExporting(mode);
       setExportError(null);
       try {
-        const result = await exportLogsAsZip(logs, mode);
+        const result = await exportLogsAsZip(logs, mode, { signal: controller.signal });
+        if (exportRequestIdRef.current !== requestId) return;
         if (!result.ok) {
+          if (result.canceled === true) return;
           if (onNotify !== void 0) {
             onNotify({ message: result.message, tone: "error" });
           } else {
@@ -14240,7 +14449,10 @@ function ProxyViewer({
           }
         }
       } finally {
-        setExporting(null);
+        if (exportRequestIdRef.current === requestId) {
+          exportAbortRef.current = null;
+          setExporting(null);
+        }
       }
     },
     [logs, onNotify]
@@ -14278,8 +14490,24 @@ function ProxyViewer({
     [onImportLogs, onNotify]
   );
   reactExports.useEffect(() => {
+    cancelTransientTasks();
     setComparePair(null);
-  }, [selectedSession, selectedModel]);
+  }, [cancelTransientTasks, selectedSession, selectedModel]);
+  const handleClearCurrentView = reactExports.useCallback(() => {
+    cancelTransientTasks();
+    setImportStatus(null);
+    setImportError(null);
+    setComparePair(null);
+    onClearAll();
+  }, [cancelTransientTasks, onClearAll]);
+  const handleReloadCurrentSession = reactExports.useCallback(() => {
+    if (onReloadSession === void 0) return;
+    cancelTransientTasks();
+    setImportStatus(null);
+    setImportError(null);
+    setComparePair(null);
+    onReloadSession();
+  }, [cancelTransientTasks, onReloadSession]);
   const closeCompare = reactExports.useCallback(() => {
     setComparePair(null);
   }, []);
@@ -14376,7 +14604,7 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onReloadSession,
+                onClick: handleReloadCurrentSession,
                 disabled: isLoading,
                 className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
                 title: "Load stored logs for this session",
@@ -14390,7 +14618,7 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onClearAll,
+                onClick: handleClearCurrentView,
                 disabled: !canClearCurrentView,
                 className: cn(
                   "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
@@ -14547,7 +14775,7 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onReloadSession,
+                onClick: handleReloadCurrentSession,
                 disabled: isLoading,
                 className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
                 title: "Reload this session from stored logs",
@@ -14561,7 +14789,7 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onClearAll,
+                onClick: handleClearCurrentView,
                 disabled: !canClearCurrentView,
                 className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
                 title: "Clear the current view. Stored logs remain reloadable.",
@@ -14590,7 +14818,7 @@ function ProxyViewer({
                   "button",
                   {
                     type: "button",
-                    onClick: onReloadSession,
+                    onClick: handleReloadCurrentSession,
                     className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground",
                     children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
@@ -14732,6 +14960,8 @@ const HASH_HIGHLIGHT_MS = 1800;
 const SESSION_PAGE_LIMIT = 100;
 const SESSION_RELOAD_PAGE_LIMIT = 500;
 const MAX_SESSION_RELOAD_PAGES = 200;
+const SESSION_LOGS_FETCH_TIMEOUT_MS = 2e4;
+const SESSION_MEMBERSHIP_FETCH_TIMEOUT_MS = 1e4;
 function buildLogsStreamUrl(sessionId) {
   const params = new URLSearchParams();
   if (sessionId !== void 0) {
@@ -14769,6 +14999,13 @@ function buildLogIndex(logs) {
   }
   return idx;
 }
+function fetchSessionLogsPage(sessionId, request, limit = SESSION_PAGE_LIMIT) {
+  return fetchJsonWithTimeout(
+    buildSessionLogsPageUrl(sessionId, request, limit),
+    LogCursorPageSchema,
+    SESSION_LOGS_FETCH_TIMEOUT_MS
+  );
+}
 function mergeLogsById(previousLogs, incomingLogs) {
   if (incomingLogs.length === 0) return [...previousLogs];
   const byId = /* @__PURE__ */ new Map();
@@ -14912,7 +15149,7 @@ function ProxyViewerContainer({
       sessionPageRequestIdRef.current = requestId;
       setSessionPageLoading(true);
       dismissToast();
-      void fetchJson(buildSessionLogsPageUrl(initialSessionId, request), LogCursorPageSchema).then((page) => {
+      void fetchSessionLogsPage(initialSessionId, request).then((page) => {
         if (sessionPageRequestIdRef.current !== requestId) return;
         const nextLogs = page.logs;
         logIndexRef.current = buildLogIndex(nextLogs);
@@ -14939,20 +15176,18 @@ function ProxyViewerContainer({
       dismissToast();
       void (async () => {
         const collected = [];
-        let page = await fetchJson(
-          buildSessionLogsPageUrl(sessionId, { kind: "oldest" }, SESSION_RELOAD_PAGE_LIMIT),
-          LogCursorPageSchema
+        let page = await fetchSessionLogsPage(
+          sessionId,
+          { kind: "oldest" },
+          SESSION_RELOAD_PAGE_LIMIT
         );
         collected.push(...page.logs);
         let loadedPages = 1;
         while (page.hasNewer && page.newestLogId !== null && loadedPages < MAX_SESSION_RELOAD_PAGES) {
-          page = await fetchJson(
-            buildSessionLogsPageUrl(
-              sessionId,
-              { kind: "newer", afterLogId: page.newestLogId },
-              SESSION_RELOAD_PAGE_LIMIT
-            ),
-            LogCursorPageSchema
+          page = await fetchSessionLogsPage(
+            sessionId,
+            { kind: "newer", afterLogId: page.newestLogId },
+            SESSION_RELOAD_PAGE_LIMIT
           );
           collected.push(...page.logs);
           loadedPages += 1;
@@ -14987,12 +15222,11 @@ function ProxyViewerContainer({
       return;
     }
     let cancelled = false;
-    void fetch("/api/groups").then(async (response) => {
-      if (!response.ok) return null;
-      const raw = await response.json();
-      const parsed = InspectorGroupsListResponseSchema.safeParse(raw);
-      return parsed.success ? parsed.data.groups : null;
-    }).then((groups) => {
+    void fetchJsonWithTimeout(
+      "/api/groups",
+      InspectorGroupsListResponseSchema,
+      SESSION_MEMBERSHIP_FETCH_TIMEOUT_MS
+    ).then((response) => response.groups).then((groups) => {
       if (cancelled || groups === null) return;
       setSessionMemberships(buildSessionMembershipEvidence(groups, initialSessionId));
     }).catch(() => {
@@ -15219,13 +15453,15 @@ function ProxyViewerContainer({
   ] });
 }
 export {
-  ANATOMY_ROLE_LABELS as A,
+  ApiTimeoutError as A,
   Badge as B,
   CONTEXT_USAGE_THRESHOLDS as C,
   Dialog as D,
-  LazyJsonViewer as E,
-  safeJsonValue as F,
-  parseJsonText as G,
+  CollapsibleContent as E,
+  ScrollArea as F,
+  LazyJsonViewer as G,
+  safeJsonValue as H,
+  parseJsonText as I,
   LazyJsonViewerFromString as L,
   ProxyViewerContainer as P,
   ROLE_COLOR_CLASSES as R,
@@ -15234,27 +15470,27 @@ export {
   getConversationId as a,
   copyTextToClipboard as b,
   cn as c,
-  DialogContent as d,
-  DialogHeader as e,
+  fetchJsonWithTimeout as d,
+  DialogContent as e,
   formatTokens as f,
   getLogFormatAdapter as g,
-  DialogTitle as h,
-  TabsList as i,
-  TabsTrigger as j,
-  TabsContent as k,
-  Button as l,
-  TooltipProvider as m,
-  Tooltip as n,
-  TooltipTrigger as o,
-  TooltipContent as p,
-  dispatchLogFocusRequest as q,
+  DialogHeader as h,
+  DialogTitle as i,
+  TabsList as j,
+  TabsTrigger as k,
+  TabsContent as l,
+  Button as m,
+  TooltipProvider as n,
+  Tooltip as o,
+  TooltipTrigger as p,
+  TooltipContent as q,
   resolveLogFormat as r,
-  analyzeContextIntelligence as s,
-  formatContextWindowTokens as t,
+  dispatchLogFocusRequest as s,
+  analyzeContextIntelligence as t,
   useProviders as u,
-  getStatusCategory as v,
-  Collapsible as w,
-  CollapsibleTrigger as x,
-  CollapsibleContent as y,
-  ScrollArea as z
+  ANATOMY_ROLE_LABELS as v,
+  formatContextWindowTokens as w,
+  getStatusCategory as x,
+  Collapsible as y,
+  CollapsibleTrigger as z
 };