@tonyclaw/llm-inspector 1.14.0 → 1.14.2

package/.output/server/{_tanstack-start-manifest_v-B1WAHWIa.mjs → _tanstack-start-manifest_v-B6idtbmL.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], "preloads": ["/assets/main-C1k6vRnH.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-C6tbslcs.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/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/mcp": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/mcp.ts" }, "/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/providers/export", "/api/providers/import"] }, "/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/providers/export": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.import.ts" }, "/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-C1k6vRnH.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], "preloads": ["/assets/main-BElVT2p3.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-DDrUlr6L.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/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/mcp": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/mcp.ts" }, "/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/providers/export", "/api/providers/import"] }, "/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/providers/export": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.import.ts" }, "/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", "children": ["/api/providers/$providerId/test/log"] }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-BElVT2p3.js" });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -38,51 +38,51 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-06-10T06:24:38.532Z",
+    "mtime": "2026-06-10T13:27:43.020Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/index-B5q3Llgm.css": {
+  "/assets/minimax-BPMzvuL-.jpeg": {
+    "type": "image/jpeg",
+    "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
+    "mtime": "2026-06-10T13:27:43.023Z",
+    "size": 6918,
+    "path": "../public/assets/minimax-BPMzvuL-.jpeg"
+  },
+  "/assets/index-DOG5AdQ9.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"13e7d-80ipn+yqCPCa5t/vCr1MDg4cP4g"',
-    "mtime": "2026-06-10T06:24:38.532Z",
-    "size": 81533,
-    "path": "../public/assets/index-B5q3Llgm.css"
+    "etag": '"142da-qXGGlxiu6GXrwGw4lzJEDsR446o"',
+    "mtime": "2026-06-10T13:27:43.023Z",
+    "size": 82650,
+    "path": "../public/assets/index-DOG5AdQ9.css"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-10T06:24:38.529Z",
+    "mtime": "2026-06-10T13:27:43.023Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/main-C1k6vRnH.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"50599-AYrUeIFAuGF/4DPZ+5lAMslWd7Q"',
-    "mtime": "2026-06-10T06:24:38.532Z",
-    "size": 329113,
-    "path": "../public/assets/main-C1k6vRnH.js"
-  },
-  "/assets/minimax-BPMzvuL-.jpeg": {
-    "type": "image/jpeg",
-    "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-10T06:24:38.532Z",
-    "size": 6918,
-    "path": "../public/assets/minimax-BPMzvuL-.jpeg"
-  },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-10T06:24:38.532Z",
+    "mtime": "2026-06-10T13:27:43.023Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/index-C6tbslcs.js": {
+  "/assets/main-BElVT2p3.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"50599-c0Re5vg5+KI0J9dHMI2SM+wdp9A"',
+    "mtime": "2026-06-10T13:27:43.023Z",
+    "size": 329113,
+    "path": "../public/assets/main-BElVT2p3.js"
+  },
+  "/assets/index-DDrUlr6L.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"90252-JCPOfSZg2vTS69tqlOJ4qp75AeM"',
-    "mtime": "2026-06-10T06:24:38.532Z",
-    "size": 590418,
-    "path": "../public/assets/index-C6tbslcs.js"
+    "etag": '"91fb4-sGd/w9UW0TGYuvQ5WfgvmwcNukI"',
+    "mtime": "2026-06-10T13:27:43.024Z",
+    "size": 597940,
+    "path": "../public/assets/index-DDrUlr6L.js"
   }
 };
 function readAsset(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/llm-inspector",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "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

@@ -1,4 +1,4 @@
-import { type JSX, type ReactNode, useState } from "react";
+import { type JSX, type ReactNode, useCallback, useRef, useState } from "react";
 import { Button } from "../ui/button";
 import {
   Eye,
@@ -17,8 +17,11 @@ import {
   Server,
   HelpCircle,
   Clock,
+  Copy,
+  Check,
 } from "lucide-react";
 import type { ProviderConfig } from "../../proxy/providers";
+import { maskApiKey } from "../../lib/mask";
 import type {
   ProviderTestErrorType as ErrorType,
   ProviderTestResult as TestResult,
@@ -42,11 +45,6 @@ type ProviderCardProps = {
   onTest?: (providerId: string) => void;
 };
 
-function maskApiKey(apiKey: string): string {
-  if (apiKey.length <= 8) return "••••••••";
-  return apiKey.slice(0, 4) + "••••••••" + apiKey.slice(-4);
-}
-
 function hasSuccessField(result: ProviderTestState): result is TestResult {
   return Object.prototype.hasOwnProperty.call(result, "success");
 }
@@ -171,6 +169,20 @@ function TestStatus({ result }: { result: ProviderTestState }): JSX.Element {
   );
 }
 
+function formatTimeAgo(isoString: string): string {
+  const now = Date.now();
+  const then = new Date(isoString).getTime();
+  const diffMs = now - then;
+  const diffSec = Math.floor(diffMs / 1000);
+  if (diffSec < 60) return "just now";
+  const diffMin = Math.floor(diffSec / 60);
+  if (diffMin < 60) return `${diffMin}m ago`;
+  const diffHr = Math.floor(diffMin / 60);
+  if (diffHr < 24) return `${diffHr}h ago`;
+  const diffDay = Math.floor(diffHr / 24);
+  return `${diffDay}d ago`;
+}
+
 export function ProviderCard({
   provider,
   testResults,
@@ -182,6 +194,39 @@ export function ProviderCard({
   onTest,
 }: ProviderCardProps): JSX.Element {
   const [showApiKey, setShowApiKey] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const [showModelResults, setShowModelResults] = useState(false);
+  const hasLoggedRef = useRef<string | null>(null);
+  const lastTestedAtRef = useRef<string | undefined>(undefined);
+
+  // Reset log state when new test results arrive
+  if (testResults?.testedAt !== undefined && testResults.testedAt !== lastTestedAtRef.current) {
+    lastTestedAtRef.current = testResults.testedAt;
+    hasLoggedRef.current = null;
+  }
+
+  // Call log API when user expands model test results for the first time
+  const handleToggleModelResults = useCallback(() => {
+    setShowModelResults((v) => {
+      const next = !v;
+      if (next && hasLoggedRef.current === null && testResults?.models !== undefined) {
+        hasLoggedRef.current = testResults.testedAt ?? "";
+        // Fire-and-forget: commit test results to dashboard log
+        void fetch(`/api/providers/${provider.id}/test/log`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(testResults),
+        });
+      }
+      return next;
+    });
+  }, [provider.id, testResults]);
+
+  function handleCopy() {
+    navigator.clipboard.writeText(provider.apiKey).catch(() => {});
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  }
 
   // Get docs URL: use provider.apiDocsUrl if configured, otherwise check KNOWN_PROVIDER_DOCS
   const docsUrl =
@@ -196,11 +241,17 @@ export function ProviderCard({
     >
       <div className="flex items-start justify-between gap-2">
         <div className="flex items-center gap-2 min-w-0">
-          <span className="font-medium truncate">
-            {provider.model !== undefined && provider.model !== ""
-              ? `${provider.model} (${provider.name})`
-              : provider.name}
-          </span>
+          <span className="font-medium truncate">{provider.name}</span>
+          {provider.source === "company" && (
+            <span className="text-xs px-1.5 py-0.5 rounded bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400 shrink-0">
+              公司
+            </span>
+          )}
+          {provider.source === "personal" && (
+            <span className="text-xs px-1.5 py-0.5 rounded bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400 shrink-0">
+              个人
+            </span>
+          )}
         </div>
         {docsUrl !== undefined && (
           <a
@@ -216,6 +267,16 @@ export function ProviderCard({
         )}
       </div>
 
+      {provider.models !== undefined && provider.models.length > 0 && (
+        <div className="flex flex-wrap gap-1">
+          {provider.models.map((m) => (
+            <span key={m} className="text-xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground">
+              {m}
+            </span>
+          ))}
+        </div>
+      )}
+
       <div className="flex items-center gap-2">
         <code className="text-xs text-muted-foreground bg-muted px-2 py-1 rounded flex-1 truncate">
           {showApiKey ? provider.apiKey : maskApiKey(provider.apiKey)}
@@ -228,6 +289,14 @@ export function ProviderCard({
         >
           {showApiKey ? <EyeOff className="size-4" /> : <Eye className="size-4" />}
         </button>
+        <button
+          type="button"
+          onClick={handleCopy}
+          className="text-muted-foreground hover:text-foreground transition-colors p-1"
+          aria-label="Copy API key"
+        >
+          {copied ? <Check className="size-4 text-green-500" /> : <Copy className="size-4" />}
+        </button>
       </div>
 
       {provider.anthropicBaseUrl !== undefined && provider.anthropicBaseUrl !== "" && (
@@ -250,6 +319,65 @@ export function ProviderCard({
         </div>
       )}
 
+      {testResults?.testedAt !== undefined && (
+        <div className="text-xs text-muted-foreground flex items-center gap-1">
+          <Clock className="size-3" />
+          <span>Tested {formatTimeAgo(testResults.testedAt)}</span>
+        </div>
+      )}
+      {testResults?.models !== undefined && Object.keys(testResults.models).length > 0 && (
+        <div className="border-t pt-2">
+          <button
+            type="button"
+            onClick={handleToggleModelResults}
+            className="text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1"
+          >
+            <span className="font-mono">{showModelResults ? "▾" : "▸"}</span>
+            Model Test Results ({Object.keys(testResults.models).length})
+          </button>
+          {showModelResults && (
+            <div className="mt-2 overflow-x-auto">
+              <table className="w-full text-xs border-collapse">
+                <thead>
+                  <tr className="border-b border-border">
+                    <th className="text-left py-1 px-2 font-medium text-muted-foreground">Model</th>
+                    {provider.anthropicBaseUrl !== undefined &&
+                      provider.anthropicBaseUrl !== "" && (
+                        <th className="text-left py-1 px-2 font-medium text-muted-foreground">
+                          Anthropic
+                        </th>
+                      )}
+                    {provider.openaiBaseUrl !== undefined && provider.openaiBaseUrl !== "" && (
+                      <th className="text-left py-1 px-2 font-medium text-muted-foreground">
+                        OpenAI
+                      </th>
+                    )}
+                  </tr>
+                </thead>
+                <tbody>
+                  {Object.entries(testResults.models).map(([modelName, modelResult]) => (
+                    <tr key={modelName} className="border-b border-border/50 last:border-0">
+                      <td className="py-1 px-2 font-medium">{modelName}</td>
+                      {provider.anthropicBaseUrl !== undefined &&
+                        provider.anthropicBaseUrl !== "" && (
+                          <td className="py-1 px-2">
+                            <TestStatus result={modelResult.anthropic.nonStreaming} />
+                          </td>
+                        )}
+                      {provider.openaiBaseUrl !== undefined && provider.openaiBaseUrl !== "" && (
+                        <td className="py-1 px-2">
+                          <TestStatus result={modelResult.openai.nonStreaming} />
+                        </td>
+                      )}
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          )}
+        </div>
+      )}
+
       <div className="flex gap-2 pt-1 border-t">
         {onTest !== undefined && (
           <Button