@tonyclaw/llm-inspector 1.7.6 → 1.7.7

package/.output/public/assets/{main-B3Cmykkm.js → main-DYXtPYU8.js}

@@ -14,4 +14,4 @@ Error generating stack: `+l.message+`
 `)}else{const p=o.indexOf(`
 `);if(p>=0){const S=o.slice(0,p).trim();o=o.slice(p+1),S.length>0&&(m=JSON.parse(S),f=!0)}}}return(async()=>{try{for(;;){const{value:y,done:h}=await r.read();y&&(o+=y);const p=o.lastIndexOf(`
 `);if(p>=0){const S=o.slice(0,p);o=o.slice(p+1);const b=S.split(`
-`).filter(Boolean);for(const _ of b)try{u(JSON.parse(_))}catch(R){i?.(`Invalid JSON line: ${_}`,R)}}if(h)break}}catch(y){i?.("Stream processing error:",y)}})(),u(m)}async function _E({jsonStream:a,onMessage:u,onError:i}){const r=a.getReader(),{value:o,done:f}=await r.read();if(f||!o)throw new Error("Stream ended before first object");const m=JSON.parse(o);return(async()=>{try{for(;;){const{value:y,done:h}=await r.read();if(h)break;if(y)try{u(JSON.parse(y))}catch(p){i?.(`Invalid JSON: ${y}`,p)}}}catch(y){i?.("Stream processing error:",y)}})(),u(m)}function EE(a){const u="/_serverFn/"+a;return Object.assign((...o)=>{const f=Lp()?.serverFns?.fetch;return gE(u,o,f??fetch)},{url:u,serverFnMeta:{id:a},[Ao]:!0})}const RE={key:"$TSS/serverfn",test:a=>typeof a!="function"||!(Ao in a)?!1:!!a[Ao],toSerializable:({serverFnMeta:a})=>({functionId:a.id}),fromSerializable:({functionId:a})=>EE(a)},TE="/assets/index-B3RwBPLW.css",Hp=G_({head:()=>({meta:[{charSet:"utf-8"},{name:"viewport",content:"width=device-width, initial-scale=1"},{title:"llm-inspector"}],links:[{rel:"stylesheet",href:TE}]}),component:AE});function AE(){return k.jsx(OE,{children:k.jsx(Cp,{})})}function OE({children:a}){return k.jsxs("html",{lang:"en",className:"dark",children:[k.jsx("head",{children:k.jsx(aE,{})}),k.jsxs("body",{children:[a,k.jsx(lE,{})]})]})}const ME="modulepreload",zE=function(a){return"/"+a},zy={},xE=function(u,i,r){let o=Promise.resolve();if(i&&i.length>0){let h=function(p){return Promise.all(p.map(S=>Promise.resolve(S).then(b=>({status:"fulfilled",value:b}),b=>({status:"rejected",reason:b}))))};document.getElementsByTagName("link");const m=document.querySelector("meta[property=csp-nonce]"),y=m?.nonce||m?.getAttribute("nonce");o=h(i.map(p=>{if(p=zE(p),p in zy)return;zy[p]=!0;const S=p.endsWith(".css"),b=S?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${p}"]${b}`))return;const _=document.createElement("link");if(_.rel=S?"stylesheet":ME,S||(_.as="script"),_.crossOrigin="",_.href=p,y&&_.setAttribute("nonce",y),document.head.appendChild(_),S)return new Promise((R,D)=>{_.addEventListener("load",R),_.addEventListener("error",()=>D(new Error(`Unable to preload CSS for ${p}`)))})}))}function f(m){const y=new Event("vite:preloadError",{cancelable:!0});if(y.payload=m,window.dispatchEvent(y),!y.defaultPrevented)throw m}return o.then(m=>{for(const y of m||[])y.status==="rejected"&&f(y.reason);return u().catch(f)})},wE=()=>xE(()=>import("./index-BKkFFKAM.js"),[]),CE=To("/")({component:V_(wE,"component")}),DE=CE.update({id:"/",path:"/",getParentRoute:()=>Hp}),UE={IndexRoute:DE},LE=Hp._addFileChildren(UE);function NE(){return P_({routeTree:LE,scrollRestoration:!1})}async function BE(){const a=await NE();let u;return u=[],window.__TSS_START_OPTIONS__={serializationAdapters:u},u.push(RE),a.options.serializationAdapters&&u.push(...a.options.serializationAdapters),a.update({basepath:"",serializationAdapters:u}),a.state.matches.length||await uE(a),a}async function jE(){const a=await BE();return window.$_TSR?.h(),a}let So;function HE(){return So||(So=jE()),k.jsx(p_,{promise:So,children:a=>k.jsx(I_,{router:a})})}nt.startTransition(()=>{h0.hydrateRoot(document,k.jsx(nt.StrictMode,{children:k.jsx(HE,{})}))});export{Ul as R,Mp as a,s0 as b,qE as c,XE as d,xy as g,k as j,nt as r};
+`).filter(Boolean);for(const _ of b)try{u(JSON.parse(_))}catch(R){i?.(`Invalid JSON line: ${_}`,R)}}if(h)break}}catch(y){i?.("Stream processing error:",y)}})(),u(m)}async function _E({jsonStream:a,onMessage:u,onError:i}){const r=a.getReader(),{value:o,done:f}=await r.read();if(f||!o)throw new Error("Stream ended before first object");const m=JSON.parse(o);return(async()=>{try{for(;;){const{value:y,done:h}=await r.read();if(h)break;if(y)try{u(JSON.parse(y))}catch(p){i?.(`Invalid JSON: ${y}`,p)}}}catch(y){i?.("Stream processing error:",y)}})(),u(m)}function EE(a){const u="/_serverFn/"+a;return Object.assign((...o)=>{const f=Lp()?.serverFns?.fetch;return gE(u,o,f??fetch)},{url:u,serverFnMeta:{id:a},[Ao]:!0})}const RE={key:"$TSS/serverfn",test:a=>typeof a!="function"||!(Ao in a)?!1:!!a[Ao],toSerializable:({serverFnMeta:a})=>({functionId:a.id}),fromSerializable:({functionId:a})=>EE(a)},TE="/assets/index-B3RwBPLW.css",Hp=G_({head:()=>({meta:[{charSet:"utf-8"},{name:"viewport",content:"width=device-width, initial-scale=1"},{title:"llm-inspector"}],links:[{rel:"stylesheet",href:TE}]}),component:AE});function AE(){return k.jsx(OE,{children:k.jsx(Cp,{})})}function OE({children:a}){return k.jsxs("html",{lang:"en",className:"dark",children:[k.jsx("head",{children:k.jsx(aE,{})}),k.jsxs("body",{children:[a,k.jsx(lE,{})]})]})}const ME="modulepreload",zE=function(a){return"/"+a},zy={},xE=function(u,i,r){let o=Promise.resolve();if(i&&i.length>0){let h=function(p){return Promise.all(p.map(S=>Promise.resolve(S).then(b=>({status:"fulfilled",value:b}),b=>({status:"rejected",reason:b}))))};document.getElementsByTagName("link");const m=document.querySelector("meta[property=csp-nonce]"),y=m?.nonce||m?.getAttribute("nonce");o=h(i.map(p=>{if(p=zE(p),p in zy)return;zy[p]=!0;const S=p.endsWith(".css"),b=S?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${p}"]${b}`))return;const _=document.createElement("link");if(_.rel=S?"stylesheet":ME,S||(_.as="script"),_.crossOrigin="",_.href=p,y&&_.setAttribute("nonce",y),document.head.appendChild(_),S)return new Promise((R,D)=>{_.addEventListener("load",R),_.addEventListener("error",()=>D(new Error(`Unable to preload CSS for ${p}`)))})}))}function f(m){const y=new Event("vite:preloadError",{cancelable:!0});if(y.payload=m,window.dispatchEvent(y),!y.defaultPrevented)throw m}return o.then(m=>{for(const y of m||[])y.status==="rejected"&&f(y.reason);return u().catch(f)})},wE=()=>xE(()=>import("./index-Drusqil7.js"),[]),CE=To("/")({component:V_(wE,"component")}),DE=CE.update({id:"/",path:"/",getParentRoute:()=>Hp}),UE={IndexRoute:DE},LE=Hp._addFileChildren(UE);function NE(){return P_({routeTree:LE,scrollRestoration:!1})}async function BE(){const a=await NE();let u;return u=[],window.__TSS_START_OPTIONS__={serializationAdapters:u},u.push(RE),a.options.serializationAdapters&&u.push(...a.options.serializationAdapters),a.update({basepath:"",serializationAdapters:u}),a.state.matches.length||await uE(a),a}async function jE(){const a=await BE();return window.$_TSR?.h(),a}let So;function HE(){return So||(So=jE()),k.jsx(p_,{promise:So,children:a=>k.jsx(I_,{router:a})})}nt.startTransition(()=>{h0.hydrateRoot(document,k.jsx(nt.StrictMode,{children:k.jsx(HE,{})}))});export{Ul as R,Mp as a,s0 as b,qE as c,XE as d,xy as g,k as j,nt as r};

package/.output/server/_ssr/{index-DAvMem8_.mjs → index-DbpsE3Y4.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, a as parseRequest, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-tRLZo2WT.mjs";
+import { C as CapturedLogSchema, a as parseRequest, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-CZSteFqT.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -2179,6 +2179,7 @@ function ProviderCard({
   provider,
   testResults,
   isTesting,
+  testingTimeLeft,
   onEdit,
   onDelete,
   onTest
@@ -2245,7 +2246,7 @@ function ProviderCard({
           disabled: isTesting ?? false,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: `size-3 ${isTesting ?? false ? "animate-spin" : ""}` }),
-            isTesting ?? false ? "Testing..." : "Test"
+            isTesting ?? false ? testingTimeLeft !== void 0 ? `Testing (${testingTimeLeft}s)` : "Testing..." : "Test"
           ]
         }
       ),
@@ -2496,16 +2497,44 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
     ] })
   ] });
 }
-function ProvidersPanel() {
-  const [providers, setProviders] = reactExports.useState([]);
+function ProvidersPanel({
+  externalProviders,
+  externalTestResults,
+  externalTestingProviders,
+  externalTestingTimeLeft,
+  onProvidersChange,
+  onTestResultsChange,
+  onTestingProvidersChange,
+  onTestingTimeLeftChange
+}) {
+  const [internalProviders, setInternalProviders] = reactExports.useState([]);
   const [isLoading, setIsLoading] = reactExports.useState(true);
   const [showForm, setShowForm] = reactExports.useState(false);
   const [editingProvider, setEditingProvider] = reactExports.useState();
   const [error, setError] = reactExports.useState(null);
-  const [testResults, setTestResults] = reactExports.useState({});
-  const [testingProviders, setTestingProviders] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [internalTestResults, setInternalTestResults] = reactExports.useState({});
+  const [internalTestingProviders, setInternalTestingProviders] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [internalTestingTimeLeft, setInternalTestingTimeLeft] = reactExports.useState(
+    {}
+  );
   const [configPath, setConfigPath] = reactExports.useState(null);
   const [configPathCopied, setConfigPathCopied] = reactExports.useState(false);
+  const providers = externalProviders ?? internalProviders;
+  const setProviders = onProvidersChange ?? setInternalProviders;
+  const testResults = externalTestResults ?? internalTestResults;
+  const testingProviders = externalTestingProviders ?? internalTestingProviders;
+  const testingTimeLeft = externalTestingTimeLeft ?? internalTestingTimeLeft;
+  const setTestingTimeLeft = onTestingTimeLeftChange ? (id, seconds) => onTestingTimeLeftChange(id, seconds) : (id, seconds) => {
+    if (seconds === void 0) {
+      setInternalTestingTimeLeft((prev) => {
+        const next = { ...prev };
+        delete next[id];
+        return next;
+      });
+    } else {
+      setInternalTestingTimeLeft((prev) => ({ ...prev, [id]: seconds }));
+    }
+  };
   const fetchProviders = reactExports.useCallback(async () => {
     try {
       const providersRes = await fetch("/api/providers");
@@ -2530,22 +2559,49 @@ function ProvidersPanel() {
       }
     })();
   }, [fetchProviders]);
-  const runTest = reactExports.useCallback(async (providerId) => {
-    setTestingProviders((prev) => new Set(prev).add(providerId));
-    try {
-      const res = await fetch(`/api/providers/${providerId}/test`, { method: "POST" });
-      if (res.ok) {
-        const results = await res.json();
-        setTestResults((prev) => ({ ...prev, [providerId]: results }));
+  const TEST_TIMEOUT_SECONDS = 30;
+  const runTest = reactExports.useCallback(
+    async (providerId) => {
+      if (onTestingProvidersChange) {
+        onTestingProvidersChange(providerId, true);
+      } else {
+        setInternalTestingProviders((prev) => new Set(prev).add(providerId));
       }
-    } finally {
-      setTestingProviders((prev) => {
-        const next = new Set(prev);
-        next.delete(providerId);
-        return next;
-      });
-    }
-  }, []);
+      let remaining = TEST_TIMEOUT_SECONDS;
+      setTestingTimeLeft(providerId, remaining);
+      const intervalId = setInterval(() => {
+        remaining--;
+        setTestingTimeLeft(providerId, remaining);
+        if (remaining <= 0) {
+          clearInterval(intervalId);
+        }
+      }, 1e3);
+      try {
+        const res = await fetch(`/api/providers/${providerId}/test`, { method: "POST" });
+        if (res.ok) {
+          const results = await res.json();
+          if (onTestResultsChange) {
+            onTestResultsChange(providerId, results);
+          } else {
+            setInternalTestResults((prev) => ({ ...prev, [providerId]: results }));
+          }
+        }
+      } finally {
+        clearInterval(intervalId);
+        setTestingTimeLeft(providerId, void 0);
+        if (onTestingProvidersChange) {
+          onTestingProvidersChange(providerId, false);
+        } else {
+          setInternalTestingProviders((prev) => {
+            const next = new Set(prev);
+            next.delete(providerId);
+            return next;
+          });
+        }
+      }
+    },
+    [onTestingProvidersChange, onTestResultsChange, setTestingTimeLeft]
+  );
   function handleAddProvider(data) {
     void (async () => {
       const payload = {
@@ -2675,6 +2731,7 @@ function ProvidersPanel() {
         provider,
         testResults: testResults[provider.id],
         isTesting: testingProviders.has(provider.id),
+        testingTimeLeft: testingTimeLeft[provider.id],
         onEdit: (p) => setEditingProvider(p),
         onDelete: handleDeleteProvider,
         onTest: (id) => {
@@ -2688,6 +2745,40 @@ function ProvidersPanel() {
 function SettingsDialog() {
   const [open, setOpen] = reactExports.useState(false);
   const [activeTab, setActiveTab] = reactExports.useState("providers");
+  const [providers, setProviders] = reactExports.useState([]);
+  const [testResults, setTestResults] = reactExports.useState({});
+  const [testingProviders, setTestingProviders] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [testingTimeLeft, setTestingTimeLeft] = reactExports.useState({});
+  const handleTestResultsChange = reactExports.useCallback(
+    (providerId, results) => {
+      setTestResults((prev) => ({ ...prev, [providerId]: results }));
+    },
+    []
+  );
+  const handleTestingProvidersChange = reactExports.useCallback((providerId, isTesting) => {
+    setTestingProviders((prev) => {
+      const next = new Set(prev);
+      if (isTesting) {
+        next.add(providerId);
+      } else {
+        next.delete(providerId);
+      }
+      return next;
+    });
+  }, []);
+  const handleTestingTimeLeftChange = reactExports.useCallback(
+    (providerId, seconds) => {
+      setTestingTimeLeft((prev) => {
+        if (seconds === void 0) {
+          const next = { ...prev };
+          delete next[providerId];
+          return next;
+        }
+        return { ...prev, [providerId]: seconds };
+      });
+    },
+    []
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "size-8", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { className: "size-4" }),
@@ -2697,7 +2788,19 @@ function SettingsDialog() {
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Settings" }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex-1 overflow-hidden", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TabsList, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "providers", children: "Providers" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 overflow-y-auto flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "providers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProvidersPanel, {}) }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 overflow-y-auto flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "providers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ProvidersPanel,
+          {
+            externalProviders: providers,
+            externalTestResults: testResults,
+            externalTestingProviders: testingProviders,
+            externalTestingTimeLeft: testingTimeLeft,
+            onProvidersChange: setProviders,
+            onTestResultsChange: handleTestResultsChange,
+            onTestingProvidersChange: handleTestingProvidersChange,
+            onTestingTimeLeftChange: handleTestingTimeLeftChange
+          }
+        ) }) })
       ] })
     ] })
   ] });

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

@@ -197,7 +197,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-_KPj4BcN.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DgsS3z4y.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -766,7 +766,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-tRLZo2WT.mjs").then((n) => n.r);
+  const routerEntry = await import("./router-CZSteFqT.mjs").then((n) => n.r);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{router-tRLZo2WT.mjs → router-CZSteFqT.mjs}

@@ -65,7 +65,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter = () => import("./index-DAvMem8_.mjs");
+const $$splitComponentImporter = () => import("./index-DbpsE3Y4.mjs");
 const Route$d = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });

package/.output/server/{_tanstack-start-manifest_v-_KPj4BcN.mjs → _tanstack-start-manifest_v-DgsS3z4y.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", "children": ["/", "/api/health", "/api/logs", "/api/models", "/api/providers", "/api/sessions", "/proxy/$", "/api/config/paths"], "preloads": ["/assets/main-B3Cmykkm.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-BKkFFKAM.js"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/models": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/proxy/$.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.paths.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.ts" } }, "clientEntry": "/assets/main-B3Cmykkm.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", "children": ["/", "/api/health", "/api/logs", "/api/models", "/api/providers", "/api/sessions", "/proxy/$", "/api/config/paths"], "preloads": ["/assets/main-DYXtPYU8.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-Drusqil7.js"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/models": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/proxy/$.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.paths.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.ts" } }, "clientEntry": "/assets/main-DYXtPYU8.js" });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -97,54 +97,54 @@ const headers = ((m) => function headersRouteRule(event) {
   }
 });
 const assets = {
+  "/assets/index-B3RwBPLW.css": {
+    "type": "text/css; charset=utf-8",
+    "etag": '"10c74-aXacU4DRFVsUwcC5jHnjoPRSlTA"',
+    "mtime": "2026-06-03T12:05:46.053Z",
+    "size": 68724,
+    "path": "../public/assets/index-B3RwBPLW.css"
+  },
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-06-03T11:15:10.948Z",
+    "mtime": "2026-06-03T12:05:46.051Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/index-B3RwBPLW.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"10c74-aXacU4DRFVsUwcC5jHnjoPRSlTA"',
-    "mtime": "2026-06-03T11:15:10.948Z",
-    "size": 68724,
-    "path": "../public/assets/index-B3RwBPLW.css"
+  "/assets/main-DYXtPYU8.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"4db57-3IoaJ0zzvDUU7WQZuVFYW7QEzGQ"',
+    "mtime": "2026-06-03T12:05:46.053Z",
+    "size": 318295,
+    "path": "../public/assets/main-DYXtPYU8.js"
+  },
+  "/assets/qwen-CONDcHqt.png": {
+    "type": "image/png",
+    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
+    "mtime": "2026-06-03T12:05:46.053Z",
+    "size": 357059,
+    "path": "../public/assets/qwen-CONDcHqt.png"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-03T11:15:10.948Z",
+    "mtime": "2026-06-03T12:05:46.053Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/main-B3Cmykkm.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"4db57-BoW6SyNc1bhvI2SIfQuoPlQ7pjU"',
-    "mtime": "2026-06-03T11:15:10.950Z",
-    "size": 318295,
-    "path": "../public/assets/main-B3Cmykkm.js"
-  },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-03T11:15:10.948Z",
+    "mtime": "2026-06-03T12:05:46.053Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/qwen-CONDcHqt.png": {
-    "type": "image/png",
-    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-03T11:15:10.950Z",
-    "size": 357059,
-    "path": "../public/assets/qwen-CONDcHqt.png"
-  },
-  "/assets/index-BKkFFKAM.js": {
+  "/assets/index-Drusqil7.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"83213-FJqU+YwY4BQ0ObBCm+z27w3dIRc"',
-    "mtime": "2026-06-03T11:15:10.950Z",
-    "size": 537107,
-    "path": "../public/assets/index-BKkFFKAM.js"
+    "etag": '"8368b-K/ZW3jyne5SeFVJGXXNOEllhQyM"',
+    "mtime": "2026-06-03T12:05:46.054Z",
+    "size": 538251,
+    "path": "../public/assets/index-Drusqil7.js"
   }
 };
 function readAsset(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/llm-inspector",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "type": "module",
   "description": "LLM API proxy inspector — captures and displays requests/responses from AI coding tools in a web UI",
   "license": "MIT",

package/src/components/providers/ProviderCard.tsx

@@ -63,6 +63,7 @@ type ProviderCardProps = {
   provider: ProviderConfig;
   testResults?: TestResults;
   isTesting?: boolean;
+  testingTimeLeft?: number;
   onEdit: (provider: ProviderConfig) => void;
   onDelete: (providerId: string) => void;
   onTest?: (providerId: string) => void;
@@ -152,6 +153,7 @@ export function ProviderCard({
   provider,
   testResults,
   isTesting,
+  testingTimeLeft,
   onEdit,
   onDelete,
   onTest,
@@ -233,7 +235,11 @@ export function ProviderCard({
             disabled={isTesting ?? false}
           >
             <RotateCw className={`size-3 ${(isTesting ?? false) ? "animate-spin" : ""}`} />
-            {(isTesting ?? false) ? "Testing..." : "Test"}
+            {(isTesting ?? false)
+              ? testingTimeLeft !== undefined
+                ? `Testing (${testingTimeLeft}s)`
+                : "Testing..."
+              : "Test"}
           </Button>
         )}
         <Button

package/src/components/providers/ProvidersPanel.tsx

@@ -1,4 +1,4 @@
-import { type JSX, useState, useEffect, useCallback } from "react";
+import { type JSX, useState, useEffect, useCallback, useRef } from "react";
 import { Button } from "../ui/button";
 import { Plus, AlertCircle, Copy, Check } from "lucide-react";
 import { ProviderCard } from "./ProviderCard";
@@ -36,22 +36,71 @@ type StreamingTestResults = {
   streaming: TestResult | NotConfigured;
 };
 
-type TestResults = {
+export type TestResults = {
   anthropic: StreamingTestResults;
   openai: StreamingTestResults;
 };
 
-export function ProvidersPanel(): JSX.Element {
-  const [providers, setProviders] = useState<ProviderConfig[]>([]);
+type ProvidersPanelProps = {
+  externalProviders?: ProviderConfig[];
+  externalTestResults?: Record<string, TestResults>;
+  externalTestingProviders?: Set<string>;
+  externalTestingTimeLeft?: Record<string, number>;
+  onProvidersChange?: (providers: ProviderConfig[]) => void;
+  onTestResultsChange?: (providerId: string, results: TestResults) => void;
+  onTestingProvidersChange?: (providerId: string, isTesting: boolean) => void;
+  onTestingTimeLeftChange?: (providerId: string, seconds: number | undefined) => void;
+};
+
+export function ProvidersPanel({
+  externalProviders,
+  externalTestResults,
+  externalTestingProviders,
+  externalTestingTimeLeft,
+  onProvidersChange,
+  onTestResultsChange,
+  onTestingProvidersChange,
+  onTestingTimeLeftChange,
+}: ProvidersPanelProps): JSX.Element {
+  const [internalProviders, setInternalProviders] = useState<ProviderConfig[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [showForm, setShowForm] = useState(false);
   const [editingProvider, setEditingProvider] = useState<ProviderConfig | undefined>();
   const [error, setError] = useState<string | null>(null);
-  const [testResults, setTestResults] = useState<Record<string, TestResults>>({});
-  const [testingProviders, setTestingProviders] = useState<Set<string>>(new Set());
+  const [internalTestResults, setInternalTestResults] = useState<Record<string, TestResults>>({});
+  const [internalTestingProviders, setInternalTestingProviders] = useState<Set<string>>(new Set());
+  const [internalTestingTimeLeft, setInternalTestingTimeLeft] = useState<Record<string, number>>(
+    {},
+  );
   const [configPath, setConfigPath] = useState<string | null>(null);
   const [configPathCopied, setConfigPathCopied] = useState(false);
 
+  // Use external state if provided, otherwise use internal state
+  const providers = externalProviders ?? internalProviders;
+  const setProviders = onProvidersChange ?? setInternalProviders;
+  const testResults = externalTestResults ?? internalTestResults;
+  const setTestResults = onTestResultsChange
+    ? (id: string, results: TestResults) => onTestResultsChange(id, results)
+    : setInternalTestResults;
+  const testingProviders = externalTestingProviders ?? internalTestingProviders;
+  const setTestingProviders = onTestingProvidersChange
+    ? (id: string, isTesting: boolean) => onTestingProvidersChange(id, isTesting)
+    : setInternalTestingProviders;
+  const testingTimeLeft = externalTestingTimeLeft ?? internalTestingTimeLeft;
+  const setTestingTimeLeft = onTestingTimeLeftChange
+    ? (id: string, seconds: number | undefined) => onTestingTimeLeftChange(id, seconds)
+    : (id: string, seconds: number | undefined) => {
+        if (seconds === undefined) {
+          setInternalTestingTimeLeft((prev) => {
+            const next = { ...prev };
+            delete next[id];
+            return next;
+          });
+        } else {
+          setInternalTestingTimeLeft((prev) => ({ ...prev, [id]: seconds }));
+        }
+      };
+
   const fetchProviders = useCallback(async (): Promise<void> => {
     try {
       const providersRes = await fetch("/api/providers");
@@ -81,23 +130,55 @@ export function ProvidersPanel(): JSX.Element {
     })();
   }, [fetchProviders]);
 
-  const runTest = useCallback(async (providerId: string): Promise<void> => {
-    setTestingProviders((prev) => new Set(prev).add(providerId));
-    try {
-      const res = await fetch(`/api/providers/${providerId}/test`, { method: "POST" });
-      if (res.ok) {
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        const results = (await res.json()) as TestResults;
-        setTestResults((prev) => ({ ...prev, [providerId]: results }));
+  const TEST_TIMEOUT_SECONDS = 30;
+
+  const runTest = useCallback(
+    async (providerId: string): Promise<void> => {
+      // Use callback form if available, otherwise direct set
+      if (onTestingProvidersChange) {
+        onTestingProvidersChange(providerId, true);
+      } else {
+        setInternalTestingProviders((prev) => new Set(prev).add(providerId));
       }
-    } finally {
-      setTestingProviders((prev) => {
-        const next = new Set(prev);
-        next.delete(providerId);
-        return next;
-      });
-    }
-  }, []);
+
+      // Start countdown
+      let remaining = TEST_TIMEOUT_SECONDS;
+      setTestingTimeLeft(providerId, remaining);
+      const intervalId = setInterval(() => {
+        remaining--;
+        setTestingTimeLeft(providerId, remaining);
+        if (remaining <= 0) {
+          clearInterval(intervalId);
+        }
+      }, 1000);
+
+      try {
+        const res = await fetch(`/api/providers/${providerId}/test`, { method: "POST" });
+        if (res.ok) {
+          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+          const results = (await res.json()) as TestResults;
+          if (onTestResultsChange) {
+            onTestResultsChange(providerId, results);
+          } else {
+            setInternalTestResults((prev) => ({ ...prev, [providerId]: results }));
+          }
+        }
+      } finally {
+        clearInterval(intervalId);
+        setTestingTimeLeft(providerId, undefined);
+        if (onTestingProvidersChange) {
+          onTestingProvidersChange(providerId, false);
+        } else {
+          setInternalTestingProviders((prev) => {
+            const next = new Set(prev);
+            next.delete(providerId);
+            return next;
+          });
+        }
+      }
+    },
+    [onTestingProvidersChange, onTestResultsChange, setTestingTimeLeft],
+  );
 
   function handleAddProvider(data: {
     name: string;
@@ -279,6 +360,7 @@ export function ProvidersPanel(): JSX.Element {
               provider={provider}
               testResults={testResults[provider.id]}
               isTesting={testingProviders.has(provider.id)}
+              testingTimeLeft={testingTimeLeft[provider.id]}
               onEdit={(p) => setEditingProvider(p)}
               onDelete={handleDeleteProvider}
               onTest={(id: string) => {

package/src/components/providers/SettingsDialog.tsx

@@ -1,13 +1,53 @@
-import { type JSX, useState } from "react";
+import { type JSX, useState, useCallback } from "react";
 import { Settings } from "lucide-react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "../ui/dialog";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/tabs";
 import { Button } from "../ui/button";
 import { ProvidersPanel } from "./ProvidersPanel";
+import type { ProviderConfig } from "../../proxy/providers";
 
 export function SettingsDialog(): JSX.Element {
   const [open, setOpen] = useState(false);
   const [activeTab, setActiveTab] = useState("providers");
+  const [providers, setProviders] = useState<ProviderConfig[]>([]);
+  const [testResults, setTestResults] = useState<
+    Record<string, import("./ProvidersPanel").TestResults>
+  >({});
+  const [testingProviders, setTestingProviders] = useState<Set<string>>(new Set());
+  const [testingTimeLeft, setTestingTimeLeft] = useState<Record<string, number>>({});
+
+  const handleTestResultsChange = useCallback(
+    (providerId: string, results: import("./ProvidersPanel").TestResults) => {
+      setTestResults((prev) => ({ ...prev, [providerId]: results }));
+    },
+    [],
+  );
+
+  const handleTestingProvidersChange = useCallback((providerId: string, isTesting: boolean) => {
+    setTestingProviders((prev) => {
+      const next = new Set(prev);
+      if (isTesting) {
+        next.add(providerId);
+      } else {
+        next.delete(providerId);
+      }
+      return next;
+    });
+  }, []);
+
+  const handleTestingTimeLeftChange = useCallback(
+    (providerId: string, seconds: number | undefined) => {
+      setTestingTimeLeft((prev) => {
+        if (seconds === undefined) {
+          const next = { ...prev };
+          delete next[providerId];
+          return next;
+        }
+        return { ...prev, [providerId]: seconds };
+      });
+    },
+    [],
+  );
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
@@ -29,7 +69,16 @@ export function SettingsDialog(): JSX.Element {
 
           <div className="mt-4 overflow-y-auto flex-1">
             <TabsContent value="providers">
-              <ProvidersPanel />
+              <ProvidersPanel
+                externalProviders={providers}
+                externalTestResults={testResults}
+                externalTestingProviders={testingProviders}
+                externalTestingTimeLeft={testingTimeLeft}
+                onProvidersChange={setProviders}
+                onTestResultsChange={handleTestResultsChange}
+                onTestingProvidersChange={handleTestingProvidersChange}
+                onTestingTimeLeftChange={handleTestingTimeLeftChange}
+              />
             </TabsContent>
           </div>
         </Tabs>