@tonyclaw/agent-inspector 2.0.21 → 2.0.23

package/src/components/providers/SettingsDialog.tsx

@@ -8,6 +8,7 @@ import { ProvidersPanel } from "./ProvidersPanel";
 import { useProviders } from "../../lib/useProviders";
 import { useStripConfig } from "../../lib/useStripConfig";
 import {
+  MAX_PROVIDER_TEST_TIMEOUT_SECONDS,
   MAX_SLOW_RESPONSE_THRESHOLD_SECONDS,
   TimeDisplayFormatSchema,
   type TimeDisplayFormat,
@@ -140,6 +141,7 @@ function StorageSettingsTab(): JSX.Element {
   const [stats, setStats] = useState<LogStorageStats | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
+  const [copiedId, setCopiedId] = useState<string | null>(null);
 
   const refresh = useCallback(async () => {
     setLoading(true);
@@ -168,6 +170,13 @@ function StorageSettingsTab(): JSX.Element {
     void refresh();
   }, [refresh]);
 
+  const handleCopy = useCallback((id: string, value: string) => {
+    void window.navigator.clipboard.writeText(value).then(() => {
+      setCopiedId(id);
+      setTimeout(() => setCopiedId(null), 1600);
+    });
+  }, []);
+
   return (
     <div className="space-y-4">
       <div className="flex items-center justify-between gap-3">
@@ -184,6 +193,20 @@ function StorageSettingsTab(): JSX.Element {
 
       {stats !== null && (
         <div className="grid gap-2 text-xs">
+          <CopyableSetupValue
+            id="log-dir"
+            label="Log storage path"
+            value={stats.logDir}
+            copiedId={copiedId}
+            onCopy={handleCopy}
+          />
+          <CopyableSetupValue
+            id="chunk-dir"
+            label="Streaming chunks storage path"
+            value={stats.chunkDir}
+            copiedId={copiedId}
+            onCopy={handleCopy}
+          />
           <div className="rounded-md border border-border bg-muted/20 px-3 py-2">
             <div className="font-medium">In-memory logs</div>
             <div className="mt-1 font-mono text-muted-foreground">
@@ -192,14 +215,12 @@ function StorageSettingsTab(): JSX.Element {
           </div>
           <div className="rounded-md border border-border bg-muted/20 px-3 py-2">
             <div className="font-medium">Log files</div>
-            <div className="mt-1 break-all font-mono text-muted-foreground">{stats.logDir}</div>
             <div className="mt-1 font-mono text-muted-foreground">
               {stats.logFileCount.toLocaleString()} files / {formatBytes(stats.logBytes)}
             </div>
           </div>
           <div className="rounded-md border border-border bg-muted/20 px-3 py-2">
             <div className="font-medium">Streaming chunks</div>
-            <div className="mt-1 break-all font-mono text-muted-foreground">{stats.chunkDir}</div>
             <div className="mt-1 font-mono text-muted-foreground">
               {stats.chunkFileCount.toLocaleString()} files / {formatBytes(stats.chunkBytes)}
             </div>
@@ -314,6 +335,13 @@ function OnboardingSettingsTab(): JSX.Element {
           <Check className="size-3.5 text-emerald-500" />
           <span>Captured sessions can produce reviewable memory candidates.</span>
         </div>
+        <div className="flex items-start gap-2">
+          <Check className="mt-0.5 size-3.5 text-emerald-500" />
+          <span>
+            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.
+          </span>
+        </div>
       </div>
     </div>
   );
@@ -324,10 +352,12 @@ function ProxySettingsTab(): JSX.Element {
     strip,
     captureMode,
     slowResponseThresholdSeconds,
+    providerTestTimeoutSeconds,
     timeDisplayFormat,
     isLoading,
     setStrip,
     setSlowResponseThresholdSeconds,
+    setProviderTestTimeoutSeconds,
     setTimeDisplayFormat,
   } = useStripConfig();
   const [error, setError] = useState<string | null>(null);
@@ -364,6 +394,21 @@ function ProxySettingsTab(): JSX.Element {
     [setSlowResponseThresholdSeconds],
   );
 
+  const handleProviderTestTimeoutChange = useCallback(
+    async (next: number) => {
+      setError(null);
+      setPending(true);
+      try {
+        await setProviderTestTimeoutSeconds(next);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setPending(false);
+      }
+    },
+    [setProviderTestTimeoutSeconds],
+  );
+
   const handleTimeDisplayFormatChange = useCallback(
     async (next: TimeDisplayFormat) => {
       setError(null);
@@ -449,6 +494,35 @@ function ProxySettingsTab(): JSX.Element {
         </div>
       </div>
 
+      <div className="space-y-1">
+        <label htmlFor="provider-test-timeout" className="text-sm font-semibold">
+          Provider test timeout
+        </label>
+        <p className="text-xs text-muted-foreground">
+          Provider Test waits this many seconds per configured model before aborting slow probes.
+          The full test window scales with model count.
+        </p>
+        <div className="flex items-center gap-2">
+          <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"
+          />
+          <span className="text-xs text-muted-foreground">seconds / model</span>
+        </div>
+      </div>
+
       <div className="space-y-1">
         <label htmlFor="time-display-format" className="text-sm font-semibold">
           Time display

package/src/lib/providerTestContract.ts

@@ -25,6 +25,17 @@ const ProviderTestContentSchema = z.object({
   thinking: z.string().optional(),
 });
 
+const ProviderTestDebugSchema = z.object({
+  requestUrl: z.string().optional(),
+  requestMethod: z.string().optional(),
+  requestHeaders: z.record(z.string(), z.string()).optional(),
+  requestBody: z.string().optional(),
+  responseStatus: z.number().optional(),
+  responseStatusText: z.string().optional(),
+  responseHeaders: z.record(z.string(), z.string()).optional(),
+  responseBody: z.string().optional(),
+});
+
 export const ProviderTestResultSchema = z.object({
   success: z.boolean(),
   error: ProviderTestErrorSchema.optional(),
@@ -44,6 +55,7 @@ export const ProviderTestResultSchema = z.object({
     })
     .optional(),
   requestHeaders: z.record(z.string(), z.string()).optional(),
+  debug: ProviderTestDebugSchema.optional(),
 });
 
 export const ProviderTestStateSchema = z.union([
@@ -70,6 +82,7 @@ export const ProviderTestResultsSchema = z.object({
 });
 
 export type ProviderTestErrorType = z.infer<typeof ProviderTestErrorTypeSchema>;
+export type ProviderTestDebug = z.infer<typeof ProviderTestDebugSchema>;
 export type ProviderTestResult = z.infer<typeof ProviderTestResultSchema>;
 export type ProviderTestState = z.infer<typeof ProviderTestStateSchema>;
 export type ProviderTestResults = z.infer<typeof ProviderTestResultsSchema>;

package/src/lib/runtimeConfig.ts

@@ -2,6 +2,8 @@ import { z } from "zod";
 
 export const DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS = 10;
 export const MAX_SLOW_RESPONSE_THRESHOLD_SECONDS = 600;
+export const DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS = 60;
+export const MAX_PROVIDER_TEST_TIMEOUT_SECONDS = 600;
 export const DEFAULT_TIME_DISPLAY_FORMAT = "time";
 export const DEFAULT_CAPTURE_MODE = "simple";
 
@@ -28,6 +30,12 @@ export const RuntimeConfigSchema = z.object({
     .min(0)
     .max(MAX_SLOW_RESPONSE_THRESHOLD_SECONDS)
     .default(DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS),
+  providerTestTimeoutSeconds: z
+    .number()
+    .int()
+    .min(1)
+    .max(MAX_PROVIDER_TEST_TIMEOUT_SECONDS)
+    .default(DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS),
   timeDisplayFormat: TimeDisplayFormatSchema.default(DEFAULT_TIME_DISPLAY_FORMAT),
   captureMode: CaptureModeSchema.default(DEFAULT_CAPTURE_MODE),
 });

package/src/lib/useOnboarding.ts

@@ -2,6 +2,7 @@ import useSWR, { type SWRResponse, useSWRConfig } from "swr";
 import { fetchJson } from "./apiClient";
 import {
   DEFAULT_CAPTURE_MODE,
+  DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS,
   DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
   DEFAULT_TIME_DISPLAY_FORMAT,
   RuntimeConfigSchema,
@@ -73,6 +74,8 @@ export function useOnboarding(): UseOnboarding {
         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,
       },

package/src/lib/useStripConfig.ts

@@ -2,6 +2,7 @@ import useSWR, { type SWRResponse, useSWRConfig } from "swr";
 import { fetchJson } from "./apiClient";
 import {
   DEFAULT_CAPTURE_MODE,
+  DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS,
   DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
   DEFAULT_TIME_DISPLAY_FORMAT,
   type CaptureMode,
@@ -43,11 +44,13 @@ export type UseStripConfig = {
   strip: boolean;
   captureMode: CaptureMode;
   slowResponseThresholdSeconds: number;
+  providerTestTimeoutSeconds: number;
   timeDisplayFormat: TimeDisplayFormat;
   isLoading: boolean;
   isError: boolean;
   setStrip: (next: boolean) => Promise<void>;
   setSlowResponseThresholdSeconds: (next: number) => Promise<void>;
+  setProviderTestTimeoutSeconds: (next: number) => Promise<void>;
   setTimeDisplayFormat: (next: TimeDisplayFormat) => Promise<void>;
 };
 
@@ -56,6 +59,7 @@ export type UseStripConfig = {
  *
  * - `strip` is the live value from the server (or the optimistic value mid-PATCH).
  * - `slowResponseThresholdSeconds` controls the UI's slow-response indicator.
+ * - `providerTestTimeoutSeconds` controls each per-model Provider Test probe.
  * - `setStrip(next)` PATCHes the server with optimistic update; on failure
  *   it throws and SWR rolls back the optimistic value.
  */
@@ -74,6 +78,8 @@ export function useStripConfig(): UseStripConfig {
   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: RuntimeConfigPatch): RuntimeConfig => ({
@@ -81,6 +87,8 @@ export function useStripConfig(): UseStripConfig {
     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,
@@ -118,15 +126,29 @@ export function useStripConfig(): UseStripConfig {
     });
   };
 
+  const setProviderTestTimeoutSeconds = async (next: number): Promise<void> => {
+    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 !== undefined,
     setStrip,
     setSlowResponseThresholdSeconds,
+    setProviderTestTimeoutSeconds,
     setTimeDisplayFormat,
   };
 }

package/src/proxy/config.ts

@@ -13,6 +13,7 @@ import { getDataDir } from "./dataDir";
 import {
   CaptureModeSchema,
   DEFAULT_CAPTURE_MODE,
+  DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS,
   DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
   DEFAULT_TIME_DISPLAY_FORMAT,
   RuntimeConfigSchema,
@@ -98,6 +99,7 @@ function resolveInitialConfig(): RuntimeConfig {
       stripClaudeCodeBillingHeader: true,
       hasSeenOnboarding: false,
       slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+      providerTestTimeoutSeconds: DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS,
       timeDisplayFormat: DEFAULT_TIME_DISPLAY_FORMAT,
       captureMode,
     };
@@ -108,6 +110,7 @@ function resolveInitialConfig(): RuntimeConfig {
     stripClaudeCodeBillingHeader: false,
     hasSeenOnboarding: false,
     slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+    providerTestTimeoutSeconds: DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS,
     timeDisplayFormat: DEFAULT_TIME_DISPLAY_FORMAT,
     captureMode,
   };
@@ -200,6 +203,7 @@ function toPersistedConfig(value: RuntimeConfig): Record<string, unknown> {
     stripClaudeCodeBillingHeader: value.stripClaudeCodeBillingHeader,
     hasSeenOnboarding: value.hasSeenOnboarding,
     slowResponseThresholdSeconds: value.slowResponseThresholdSeconds,
+    providerTestTimeoutSeconds: value.providerTestTimeoutSeconds,
     timeDisplayFormat: value.timeDisplayFormat,
   };
 }