@tonyclaw/agent-inspector 2.0.20 → 2.0.22

package/.output/server/_ssr/{ProxyViewerContainer-BEUWt2eX.mjs → ProxyViewerContainer-B1zAefzz.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_TIME_DISPLAY_FORMAT, c as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, i as createPendingProviderTestResults, j as ProviderTestResultsSchema, k as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, f as providerHasContextMetadata, h as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, d as AnthropicRequestSchema, s as safeGetOwnProperty, l as resolveProviderContextWindow, K as KnowledgeCandidateSchema, e as stripClaudeCodeBillingHeader, n as isPlainRecord } from "./router-DpaDa5q5.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 ProviderConfigSchema, r as requestFormatForPath, j as createPendingProviderTestResults, k as ProviderTestResultsSchema, l as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, n as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, h as providerHasContextMetadata, i as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, o as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, q as isPlainRecord } from "./router-Dy1VEjxy.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 { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as P
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.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 { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, E as EyeOff, f as Eye, g as ExternalLink, R as RotateCw, h as Clock, i as Pencil, j as Trash2, L as LoaderCircle, k as ArrowUpRight, l as ArrowDownRight, m as ChevronRight, n as User, M as MessageSquare, Z as Zap, W as Wrench, o as TriangleAlert, B as Brain, p as Minus, q as CircleCheckBig, r as CircleQuestionMark, s as Server, G as Gauge, t as Lock, u as Wifi, v as WifiOff, w as CircleX, x as ShieldCheck, y as RefreshCw, z as Save, F as FileSearch, H as CircleCheck, I as CloudUpload, O as OctagonAlert, J as Globe, K as FileTerminal, N as Radio, Q as ChevronsUp, V as ChevronsDown, Y as FileDiff, _ as History, $ as RotateCcw, a0 as Search, a1 as GitCompareArrows, a2 as ArrowUp, a3 as ArrowDown, a4 as Ellipsis, a5 as CodeXml, a6 as Blocks, a7 as MousePointerClick, a8 as FileText, a9 as Rows3, aa as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, E as EyeOff, f as Eye, g as ExternalLink, R as RotateCw, h as Clock, i as ChevronRight, j as Pencil, k as Trash2, L as LoaderCircle, l as ArrowUpRight, m as ArrowDownRight, n as User, M as MessageSquare, Z as Zap, W as Wrench, o as TriangleAlert, B as Brain, p as Minus, q as CircleCheckBig, r as CircleX, s as ShieldCheck, t as RefreshCw, u as Save, F as FileSearch, v as CircleCheck, w as CloudUpload, O as OctagonAlert, G as Globe, x as FileTerminal, y as Radio, z as ChevronsUp, H as ChevronsDown, I as FileDiff, J as History, K as RotateCcw, N as Search, Q as GitCompareArrows, V as CircleQuestionMark, Y as Server, _ as Gauge, $ as Lock, a0 as Wifi, a1 as WifiOff, a2 as ArrowUp, a3 as ArrowDown, a4 as Ellipsis, a5 as CodeXml, a6 as Blocks, a7 as MousePointerClick, a8 as FileText, a9 as Rows3, aa as Columns2 } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { u as union, d as object, a as array, l as literal, b as string, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { P as Provider, R as Root3, T as Trigger$1, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
@@ -75,11 +75,13 @@ function useStripConfig() {
   const strip = response.data?.stripClaudeCodeBillingHeader ?? false;
   const captureMode = response.data?.captureMode ?? DEFAULT_CAPTURE_MODE;
   const slowResponseThresholdSeconds = response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS;
+  const providerTestTimeoutSeconds = response.data?.providerTestTimeoutSeconds ?? DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS;
   const timeDisplayFormat = response.data?.timeDisplayFormat ?? DEFAULT_TIME_DISPLAY_FORMAT;
   const optimisticConfig = (patch) => ({
     stripClaudeCodeBillingHeader: response.data?.stripClaudeCodeBillingHeader ?? false,
     hasSeenOnboarding: response.data?.hasSeenOnboarding ?? false,
     slowResponseThresholdSeconds: response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+    providerTestTimeoutSeconds: response.data?.providerTestTimeoutSeconds ?? DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS,
     timeDisplayFormat: response.data?.timeDisplayFormat ?? DEFAULT_TIME_DISPLAY_FORMAT,
     captureMode,
     ...patch
@@ -113,15 +115,28 @@ function useStripConfig() {
       revalidate: false
     });
   };
+  const setProviderTestTimeoutSeconds = async (next) => {
+    await globalMutate(
+      STRIP_CONFIG_SWR_KEY,
+      setRuntimeConfig({ providerTestTimeoutSeconds: next }),
+      {
+        optimisticData: optimisticConfig({ providerTestTimeoutSeconds: next }),
+        rollbackOnError: true,
+        revalidate: false
+      }
+    );
+  };
   return {
     strip,
     captureMode,
     slowResponseThresholdSeconds,
+    providerTestTimeoutSeconds,
     timeDisplayFormat,
     isLoading: response.isLoading,
     isError: response.error !== void 0,
     setStrip,
     setSlowResponseThresholdSeconds,
+    setProviderTestTimeoutSeconds,
     setTimeDisplayFormat
   };
 }
@@ -164,6 +179,7 @@ function useOnboarding() {
         stripClaudeCodeBillingHeader: response.data?.stripClaudeCodeBillingHeader ?? false,
         hasSeenOnboarding: true,
         slowResponseThresholdSeconds: response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+        providerTestTimeoutSeconds: response.data?.providerTestTimeoutSeconds ?? DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS,
         timeDisplayFormat: response.data?.timeDisplayFormat ?? DEFAULT_TIME_DISPLAY_FORMAT,
         captureMode
       },
@@ -234,6 +250,12 @@ function OnboardingBanner() {
               " ",
               /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "agent-inspector-onboard" }),
               "."
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Container networking" }),
+              ": if the AI tool runs outside this Inspector container or host, replace ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "localhost" }),
+              " with a reachable address."
             ] })
           ] })
         ] }),
@@ -420,7 +442,7 @@ function useProviders() {
     mutate: response.mutate
   };
 }
-const version = "2.0.20";
+const version = "2.0.22";
 const packageJson = {
   version
 };
@@ -1481,19 +1503,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-D0UewydM.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-DDxpmdPs.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-zaN-xMOw.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DleMFvMx.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-BMomYged.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-B-P9tC3D.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-DSoHCyAM.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-DWfGn0i3.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-pt3pZOOL.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-C8kFF6xJ.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -5599,6 +5621,75 @@ function hasSuccessField(result) {
 function isNotConfiguredState(result) {
   return Object.prototype.hasOwnProperty.call(result, "notConfigured");
 }
+function hasText(value) {
+  return value !== void 0 && value.trim() !== "";
+}
+function formatHeaders(headers) {
+  if (headers === void 0) {
+    return void 0;
+  }
+  const lines = Object.entries(headers).map(([name, value]) => `${name}: ${value}`);
+  if (lines.length === 0) {
+    return void 0;
+  }
+  return lines.join("\n");
+}
+function hasHeaderDetails(headers) {
+  return formatHeaders(headers) !== void 0;
+}
+function hasDiagnosticDetails(result) {
+  const debug = result.debug;
+  return hasText(result.error?.hint) || hasText(result.error?.details) || hasText(result.rawResponse) || hasText(debug?.requestUrl) || hasText(debug?.requestBody) || hasText(debug?.responseBody) || hasHeaderDetails(debug?.requestHeaders) || hasHeaderDetails(debug?.responseHeaders) || debug?.responseStatus !== void 0;
+}
+function DiagnosticSection({
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium text-foreground/80", children: title }),
+    children
+  ] });
+}
+function DiagnosticPre({ value }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "max-h-40 overflow-auto whitespace-pre-wrap break-all rounded-md bg-background/80 p-2 font-mono text-[11px] leading-relaxed text-foreground/80", children: value });
+}
+function ProviderTestDetails({ result }) {
+  const debug = result.debug;
+  const requestUrl = debug?.requestUrl;
+  const requestMethod = debug?.requestMethod ?? "POST";
+  const requestHeaders = formatHeaders(debug?.requestHeaders);
+  const responseHeaders = formatHeaders(debug?.responseHeaders);
+  const responseStatus = debug?.responseStatus !== void 0 ? `${debug.responseStatus}${hasText(debug.responseStatusText) ? ` ${debug.responseStatusText}` : ""}` : void 0;
+  const responseBody = debug?.responseBody ?? result.rawResponse;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-h-80 max-w-full space-y-2 overflow-auto rounded-md border bg-muted/50 p-2 text-xs text-muted-foreground shadow-sm sm:w-[520px]", children: [
+    hasText(result.error?.hint) && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Hint", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: result.error.hint }) }),
+    hasText(result.error?.details) && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Error", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticPre, { value: result.error.details }) }),
+    hasText(requestUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Request", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md bg-background/80 p-2 font-mono text-[11px] break-all text-foreground/80", children: [
+      requestMethod,
+      " ",
+      requestUrl
+    ] }) }),
+    requestHeaders !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Request Headers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticPre, { value: requestHeaders }) }),
+    hasText(debug?.requestBody) && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Request Body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticPre, { value: debug.requestBody }) }),
+    hasText(responseStatus) && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Response Status", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-background/80 p-2 font-mono text-[11px] text-foreground/80", children: responseStatus }) }),
+    responseHeaders !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Response Headers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticPre, { value: responseHeaders }) }),
+    hasText(responseBody) && /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticSection, { title: "Response Body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DiagnosticPre, { value: responseBody }) })
+  ] });
+}
+function ProviderFormatTestStatus({
+  results
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: "Non-stream" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: results.nonStreaming })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: "Stream" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: results.streaming })
+    ] })
+  ] });
+}
 function getErrorIcon(type) {
   const iconProps = { className: "size-3", strokeWidth: 2 };
   switch (type) {
@@ -5686,9 +5777,8 @@ function TestStatus({ result }) {
   }
   const error = result.error;
   const errorMessage = error?.message ?? "Connection failed";
-  const errorHint = error?.hint;
-  const errorDetails = error?.details;
   const errorType = error?.type ?? "unknown";
+  const hasDetails = hasDiagnosticDetails(result);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 shrink-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-xs text-red-600 max-w-[200px]", children: [
       getErrorIcon(errorType),
@@ -5696,23 +5786,22 @@ function TestStatus({ result }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: errorMessage }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Connection test failed" })
       ] }) }),
-      errorDetails !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setShowDetails(!showDetails),
-            className: "shrink-0 text-muted-foreground hover:text-foreground transition-colors",
-            children: showDetails ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-3" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: showDetails ? "Hide error details" : "Show detailed error information" })
-      ] }) })
+      hasDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowDetails((value) => !value),
+          "aria-expanded": showDetails,
+          "aria-label": showDetails ? "Hide provider test diagnostics" : "Show provider test diagnostics",
+          className: "inline-flex h-5 shrink-0 items-center gap-1 rounded border border-border/70 bg-background/70 px-1.5 text-[10px] text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            showDetails ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: showDetails ? "Hide" : "Details" })
+          ]
+        }
+      )
     ] }),
-    showDetails && errorDetails !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground bg-muted/50 rounded p-2 max-w-[300px]", children: [
-      errorHint !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1", children: errorHint }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono whitespace-pre-wrap break-all text-red-400/80", children: errorDetails })
-    ] })
+    showDetails && hasDetails && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderTestDetails, { result })
   ] });
 }
 function formatTimeAgo(isoString) {
@@ -5886,21 +5975,21 @@ function ProviderCard({
             }
           )
         ] }),
-        provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground min-w-0 flex-1", children: [
+        provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 text-xs text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Anthropic:" }),
             " ",
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: provider.anthropicBaseUrl })
           ] }),
-          testResults && /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: testResults.anthropic.nonStreaming })
+          testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.anthropic })
         ] }),
-        provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground min-w-0 flex-1", children: [
+        provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 text-xs text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "OpenAI:" }),
             " ",
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: provider.openaiBaseUrl })
           ] }),
-          testResults && /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: testResults.openai.nonStreaming })
+          testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.openai })
         ] }),
         testResults?.testedAt !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
@@ -5917,7 +6006,7 @@ function ProviderCard({
               onClick: () => setShowModelResults((value) => !value),
               className: "text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1",
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: showModelResults ? "▾" : "▸" }),
+                showModelResults ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3" }),
                 "Model Test Results (",
                 Object.keys(testResults.models).length,
                 ")"
@@ -5932,8 +6021,8 @@ function ProviderCard({
             ] }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(testResults.models).map(([modelName, modelResult]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border/50 last:border-0", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 font-medium", children: modelName }),
-              provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: modelResult.anthropic.nonStreaming }) }),
-              provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: modelResult.openai.nonStreaming }) })
+              provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.anthropic }) }),
+              provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.openai }) })
             ] }, modelName)) })
           ] }) })
         ] }),
@@ -5985,19 +6074,73 @@ function ProviderCard({
     }
   );
 }
+const ZHIPU_PROVIDER_KEYWORDS = ["zhipu", "zhipuai", "bigmodel", "z.ai", "zai", "glm"];
+const ZHIPU_CODING_PROVIDER_KEYWORDS = [
+  "zhipu coding",
+  "glm coding",
+  "bigmodel coding",
+  "z.ai coding",
+  "zai coding"
+];
 const KNOWN_PROVIDER_PRESETS = {
   deepseek: {
-    format: "openai",
-    baseUrl: "https://api.deepseek.com"
+    openaiBaseUrl: "https://api.deepseek.com"
   },
   minimax: {
-    format: "anthropic",
-    baseUrl: "https://api.minimaxi.com/anthropic",
+    anthropicBaseUrl: "https://api.minimaxi.com/anthropic",
     apiDocsUrl: "https://platform.minimaxi.com/docs/api-reference/api-overview"
   },
+  "zhipu coding": {
+    anthropicBaseUrl: "https://open.bigmodel.cn/api/anthropic",
+    openaiBaseUrl: "https://open.bigmodel.cn/api/coding/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/coding-plan/quick-start"
+  },
+  "glm coding": {
+    anthropicBaseUrl: "https://open.bigmodel.cn/api/anthropic",
+    openaiBaseUrl: "https://open.bigmodel.cn/api/coding/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/coding-plan/quick-start"
+  },
+  "bigmodel coding": {
+    anthropicBaseUrl: "https://open.bigmodel.cn/api/anthropic",
+    openaiBaseUrl: "https://open.bigmodel.cn/api/coding/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/coding-plan/quick-start"
+  },
+  "z.ai coding": {
+    anthropicBaseUrl: "https://open.bigmodel.cn/api/anthropic",
+    openaiBaseUrl: "https://open.bigmodel.cn/api/coding/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/coding-plan/quick-start"
+  },
+  "zai coding": {
+    anthropicBaseUrl: "https://open.bigmodel.cn/api/anthropic",
+    openaiBaseUrl: "https://open.bigmodel.cn/api/coding/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/coding-plan/quick-start"
+  },
+  zhipu: {
+    openaiBaseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/guide/develop/openai/introduction"
+  },
+  zhipuai: {
+    openaiBaseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/guide/develop/openai/introduction"
+  },
+  bigmodel: {
+    openaiBaseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/guide/develop/openai/introduction"
+  },
+  "z.ai": {
+    openaiBaseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/guide/develop/openai/introduction"
+  },
+  zai: {
+    openaiBaseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/guide/develop/openai/introduction"
+  },
+  glm: {
+    openaiBaseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    apiDocsUrl: "https://docs.bigmodel.cn/cn/guide/develop/openai/introduction"
+  },
   alibaba: {
-    format: "openai",
-    baseUrl: "https://dashscope.aliyuncs.com/compatible-mode"
+    openaiBaseUrl: "https://dashscope.aliyuncs.com/compatible-mode"
   }
 };
 const MINIMAX_MODELS = [
@@ -6011,6 +6154,20 @@ const MINIMAX_MODELS = [
   "MiniMax M2"
 ];
 const ALIBABA_MODELS = ["glm-5", "glm-5.1", "glm-5.2", "qwen3.6-plus", "qwen3.7-max"];
+const ZHIPU_MODELS = [
+  "glm-5.2",
+  "glm-5.1",
+  "glm-5",
+  "glm-5-turbo",
+  "glm-4.7",
+  "glm-4.7-flashx",
+  "glm-4.6",
+  "glm-4.5",
+  "glm-4.5-air",
+  "glm-4.5-x",
+  "glm-4.5-airx",
+  "glm-4.5-flash"
+];
 function emptyMetadataDraft() {
   return { contextWindow: "", outputLimit: "" };
 }
@@ -6081,6 +6238,10 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
   const [manualOpenaiUrlOverride, setManualOpenaiUrlOverride] = reactExports.useState(false);
   const isMiniMax = name.toLowerCase().includes("minimax");
   const isAlibaba = name.toLowerCase().includes("alibaba");
+  const isZhipu = [...ZHIPU_PROVIDER_KEYWORDS, ...ZHIPU_CODING_PROVIDER_KEYWORDS].some(
+    (keyword) => name.toLowerCase().includes(keyword)
+  );
+  const suggestedModels = isMiniMax ? MINIMAX_MODELS : isZhipu ? ZHIPU_MODELS : isAlibaba ? ALIBABA_MODELS : [];
   const hasContextMetadata = provider?.modelMetadata?.some((metadata) => metadata.contextWindow !== void 0) ?? false;
   function handleCopy() {
     navigator.clipboard.writeText(apiKey).catch(() => {
@@ -6108,10 +6269,11 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
     const lowerName = name.toLowerCase();
     for (const [keyword, preset] of Object.entries(KNOWN_PROVIDER_PRESETS)) {
       if (lowerName.includes(keyword)) {
-        if (preset.format === "anthropic" && !manualAnthropicUrlOverride) {
-          setAnthropicBaseUrl(preset.baseUrl);
-        } else if (preset.format === "openai" && !manualOpenaiUrlOverride) {
-          setOpenaiBaseUrl(preset.baseUrl);
+        if (preset.anthropicBaseUrl !== void 0 && !manualAnthropicUrlOverride) {
+          setAnthropicBaseUrl(preset.anthropicBaseUrl);
+        }
+        if (preset.openaiBaseUrl !== void 0 && !manualOpenaiUrlOverride) {
+          setOpenaiBaseUrl(preset.openaiBaseUrl);
         }
         if (preset.apiDocsUrl !== void 0 && !apiDocsUrl) {
           setApiDocsUrl(preset.apiDocsUrl);
@@ -6122,6 +6284,9 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         if (keyword === "alibaba" && models.length === 1 && models[0] === "") {
           setModels([ALIBABA_MODELS[0] ?? ""]);
         }
+        if ((ZHIPU_PROVIDER_KEYWORDS.includes(keyword) || ZHIPU_CODING_PROVIDER_KEYWORDS.includes(keyword)) && models.length === 1 && models[0] === "") {
+          setModels([ZHIPU_MODELS[0] ?? ""]);
+        }
         break;
       }
     }
@@ -6295,7 +6460,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         }
       ),
       errors.modelMetadataUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.modelMetadataUrl }),
-      modelMetadataUrl.trim() === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: "Built-in limits cover DeepSeek v4 pro/flash and MiniMax M3/M2.7/M2.5/M2.1. Use a registry URL for private or custom model limits." }),
+      modelMetadataUrl.trim() === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: "Built-in limits cover DeepSeek v4 pro/flash, MiniMax M3/M2.7/M2.5/M2.1, and GLM coding models. Use a registry URL for private or custom model limits." }),
       provider !== void 0 && !hasContextMetadata && modelMetadataUrl.trim() === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-amber-400", children: "This provider has no matching context metadata yet." }),
       modelMetadataUrl.trim() !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Agent Inspector will refresh model limits from this JSON registry after save." })
     ] }),
@@ -6368,11 +6533,11 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
                       type: "text",
                       value: m,
                       onChange: (e) => updateModel(i, e.target.value),
-                      placeholder: isMiniMax || isAlibaba ? "Type or select a model..." : "Model name",
+                      placeholder: suggestedModels.length > 0 ? "Type or select a model..." : "Model name",
                       className: "w-full rounded-md border border-input bg-background px-4 py-3 pr-8 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
                     }
                   ),
-                  (isMiniMax || isAlibaba) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  suggestedModels.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "button",
                       {
@@ -6383,7 +6548,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
                         children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
                       }
                     ),
-                    openModelDropdown === i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 right-0 top-full mt-1 z-50 bg-popover border border-border rounded-md shadow-md max-h-48 overflow-y-auto", children: (isMiniMax ? MINIMAX_MODELS : ALIBABA_MODELS).map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    openModelDropdown === i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 right-0 top-full mt-1 z-50 bg-popover border border-border rounded-md shadow-md max-h-48 overflow-y-auto", children: suggestedModels.map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "button",
                       {
                         type: "button",
@@ -6581,7 +6746,6 @@ const ModelMetadataRefreshResponseSchema = object({
   missingModels: array(string()),
   sourceUrl: string()
 });
-const TEST_TIMEOUT_SECONDS = 30;
 const NETWORK_ERROR_MESSAGE = "Network error: could not reach the server. Is the proxy running?";
 function createProviderPayload(data) {
   return {
@@ -6596,6 +6760,10 @@ function createProviderPayload(data) {
     source: data.source
   };
 }
+function getProviderTestTimeoutSeconds(provider, timeoutSecondsPerModel) {
+  const modelCount = provider?.models?.map((model) => model.trim()).filter((model) => model !== "").length ?? 0;
+  return Math.max(1, modelCount) * timeoutSecondsPerModel;
+}
 async function persistProviderTestLog(providerId, results) {
   if (results.models === void 0) {
     return;
@@ -6638,6 +6806,7 @@ function ProvidersPanel({
   const [refreshingMetadataProviders, setRefreshingMetadataProviders] = reactExports.useState(
     /* @__PURE__ */ new Set()
   );
+  const { providerTestTimeoutSeconds } = useStripConfig();
   const listScrollRef = reactExports.useRef(null);
   const highlightTimeoutRef = reactExports.useRef(null);
   const providers = externalProviders ?? [];
@@ -6733,7 +6902,9 @@ function ProvidersPanel({
       updateTestResults(providerId, createPendingProviderTestResults());
       updateTestingState(providerId, true);
       const controller = new AbortController();
-      let remaining = TEST_TIMEOUT_SECONDS;
+      const provider = providers.find((candidate) => candidate.id === providerId);
+      const timeoutSeconds = getProviderTestTimeoutSeconds(provider, providerTestTimeoutSeconds);
+      let remaining = timeoutSeconds;
       setTestingTimeLeft(providerId, remaining);
       const intervalId = setInterval(() => {
         remaining--;
@@ -6775,7 +6946,13 @@ function ProvidersPanel({
         updateTestingState(providerId, false);
       }
     },
-    [setTestingTimeLeft, updateTestResults, updateTestingState]
+    [
+      providerTestTimeoutSeconds,
+      providers,
+      setTestingTimeLeft,
+      updateTestResults,
+      updateTestingState
+    ]
   );
   const refreshProviderMetadata = reactExports.useCallback(
     async (providerId, url, showError = true) => {
@@ -7225,6 +7402,7 @@ function StorageSettingsTab() {
   const [stats, setStats] = reactExports.useState(null);
   const [error, setError] = reactExports.useState(null);
   const [loading, setLoading] = reactExports.useState(false);
+  const [copiedId, setCopiedId] = reactExports.useState(null);
   const refresh = reactExports.useCallback(async () => {
     setLoading(true);
     setError(null);
@@ -7250,6 +7428,12 @@ function StorageSettingsTab() {
   reactExports.useEffect(() => {
     void refresh();
   }, [refresh]);
+  const handleCopy = reactExports.useCallback((id, value) => {
+    void window.navigator.clipboard.writeText(value).then(() => {
+      setCopiedId(id);
+      setTimeout(() => setCopiedId(null), 1600);
+    });
+  }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -7259,6 +7443,26 @@ function StorageSettingsTab() {
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void refresh(), children: loading ? "Refreshing..." : "Refresh" })
     ] }),
     stats !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CopyableSetupValue,
+        {
+          id: "log-dir",
+          label: "Log storage path",
+          value: stats.logDir,
+          copiedId,
+          onCopy: handleCopy
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CopyableSetupValue,
+        {
+          id: "chunk-dir",
+          label: "Streaming chunks storage path",
+          value: stats.chunkDir,
+          copiedId,
+          onCopy: handleCopy
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "In-memory logs" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 font-mono text-muted-foreground", children: [
@@ -7268,7 +7472,6 @@ function StorageSettingsTab() {
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Log files" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 break-all font-mono text-muted-foreground", children: stats.logDir }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 font-mono text-muted-foreground", children: [
           stats.logFileCount.toLocaleString(),
           " files / ",
@@ -7277,7 +7480,6 @@ function StorageSettingsTab() {
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Streaming chunks" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 break-all font-mono text-muted-foreground", children: stats.chunkDir }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 font-mono text-muted-foreground", children: [
           stats.chunkFileCount.toLocaleString(),
           " files / ",
@@ -7378,6 +7580,10 @@ function OnboardingSettingsTab() {
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Captured sessions can produce reviewable memory candidates." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "If your AI tool runs in another container or host, replace localhost with an address reachable from that tool and verify the network/firewall path." })
       ] })
     ] })
   ] });
@@ -7387,10 +7593,12 @@ function ProxySettingsTab() {
     strip,
     captureMode,
     slowResponseThresholdSeconds,
+    providerTestTimeoutSeconds,
     timeDisplayFormat,
     isLoading,
     setStrip,
     setSlowResponseThresholdSeconds,
+    setProviderTestTimeoutSeconds,
     setTimeDisplayFormat
   } = useStripConfig();
   const [error, setError] = reactExports.useState(null);
@@ -7424,6 +7632,20 @@ function ProxySettingsTab() {
     },
     [setSlowResponseThresholdSeconds]
   );
+  const handleProviderTestTimeoutChange = reactExports.useCallback(
+    async (next) => {
+      setError(null);
+      setPending(true);
+      try {
+        await setProviderTestTimeoutSeconds(next);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setPending(false);
+      }
+    },
+    [setProviderTestTimeoutSeconds]
+  );
   const handleTimeDisplayFormatChange = reactExports.useCallback(
     async (next) => {
       setError(null);
@@ -7513,6 +7735,32 @@ function ProxySettingsTab() {
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "seconds" })
       ] })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "provider-test-timeout", className: "text-sm font-semibold", children: "Provider test timeout" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Provider Test waits this many seconds per configured model before aborting slow probes. The full test window scales with model count." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            id: "provider-test-timeout",
+            type: "number",
+            min: 1,
+            max: MAX_PROVIDER_TEST_TIMEOUT_SECONDS,
+            step: 1,
+            value: providerTestTimeoutSeconds,
+            disabled: isLoading || pending,
+            onChange: (e) => {
+              const next = Number(e.currentTarget.value);
+              if (!Number.isInteger(next)) return;
+              if (next < 1 || next > MAX_PROVIDER_TEST_TIMEOUT_SECONDS) return;
+              void handleProviderTestTimeoutChange(next);
+            },
+            className: "h-8 w-24 rounded-md border border-input bg-transparent px-2 text-sm font-mono disabled:cursor-not-allowed disabled:opacity-50"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "seconds / model" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "time-display-format", className: "text-sm font-semibold", children: "Time display" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Controls timestamps in session summaries, conversation headers, and log rows." }),
@@ -9434,7 +9682,8 @@ function ProxyViewer({
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "ANTHROPIC_BASE_URL=http://localhost:25947/proxy <your-tool>" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "OPENAI_BASE_URL=http://localhost:25947/proxy <your-tool>" })
-      ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mx-auto max-w-xl text-xs leading-relaxed text-muted-foreground", children: "Container note: if your AI tool runs in a different container or host than Agent Inspector, replace localhost with an address reachable from that tool and verify the network/firewall path." })
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {