@tonyclaw/llm-inspector 1.14.2 → 1.14.4

package/src/proxy/providerImporters.ts

@@ -0,0 +1,235 @@
+import { existsSync, readFileSync } from "node:fs";
+import { homedir } from "node:os";
+import { join } from "node:path";
+import { getProviders } from "./providers";
+import { normalizeApiKey } from "./providers";
+import type { ProviderConfig } from "../lib/providerContract";
+
+export type ExternalProvider = {
+  name: string;
+  apiKey: string;
+  format: "anthropic" | "openai";
+  anthropicBaseUrl: string;
+  openaiBaseUrl: string;
+  models: string[];
+  sourceTool: "claude-code" | "opencode";
+  alreadyExists: boolean;
+};
+
+function isRecord(val: unknown): val is Record<string, unknown> {
+  return val !== null && typeof val === "object" && !Array.isArray(val);
+}
+
+function readJsonSafe(filePath: string): Record<string, unknown> | null {
+  try {
+    if (!existsSync(filePath)) return null;
+    const raw = readFileSync(filePath, "utf-8");
+    const parsed: unknown = JSON.parse(raw);
+    return isRecord(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+
+function getEnvValue(envObj: unknown, key: string): string | undefined {
+  if (!isRecord(envObj)) return undefined;
+  const val = envObj[key];
+  return typeof val === "string" ? val.trim() : undefined;
+}
+
+function deriveNameFromUrl(url: string): string {
+  try {
+    const hostname = new URL(url).hostname;
+    const parts = hostname.split(".");
+    const domain = parts.length >= 2 ? (parts[parts.length - 2] ?? hostname) : hostname;
+    return domain.charAt(0).toUpperCase() + domain.slice(1);
+  } catch {
+    return "Imported Provider";
+  }
+}
+
+// ── Claude Code ──────────────────────────────────────────
+
+function detectClaudeCodeProviders(): ExternalProvider[] {
+  const home = homedir();
+  const results: ExternalProvider[] = [];
+
+  // Read global + local settings, local takes precedence
+  const globalConfig = readJsonSafe(join(home, ".claude", "settings.json"));
+  const localConfig = readJsonSafe(join(home, ".claude", "settings.local.json"));
+
+  const mergedEnv: Record<string, unknown> = {};
+  if (isRecord(globalConfig)) {
+    const env = globalConfig["env"];
+    if (isRecord(env)) {
+      Object.assign(mergedEnv, env);
+    }
+  }
+  if (isRecord(localConfig)) {
+    const env = localConfig["env"];
+    if (isRecord(env)) {
+      Object.assign(mergedEnv, env);
+    }
+  }
+
+  const baseUrl = getEnvValue(mergedEnv, "ANTHROPIC_BASE_URL");
+  const authToken =
+    getEnvValue(mergedEnv, "ANTHROPIC_AUTH_TOKEN") ?? getEnvValue(mergedEnv, "ANTHROPIC_API_KEY");
+
+  if (baseUrl === undefined || baseUrl === "" || authToken === undefined || authToken === "") {
+    return results;
+  }
+
+  // Collect unique models
+  const modelSet = new Set<string>();
+  const modelKeys = [
+    "ANTHROPIC_MODEL",
+    "ANTHROPIC_DEFAULT_OPUS_MODEL",
+    "ANTHROPIC_DEFAULT_SONNET_MODEL",
+    "ANTHROPIC_DEFAULT_HAIKU_MODEL",
+  ];
+  for (const key of modelKeys) {
+    const val = getEnvValue(mergedEnv, key);
+    if (val !== undefined && val !== "") modelSet.add(val);
+  }
+  const models = modelSet.size > 0 ? [...modelSet] : ["default"];
+
+  results.push({
+    name: deriveNameFromUrl(baseUrl),
+    apiKey: normalizeApiKey(authToken),
+    format: "anthropic",
+    anthropicBaseUrl: baseUrl,
+    openaiBaseUrl: "",
+    models,
+    sourceTool: "claude-code",
+    alreadyExists: false, // filled in later
+  });
+
+  return results;
+}
+
+// ── OpenCode ─────────────────────────────────────────────
+
+function detectOpenCodeProviders(): ExternalProvider[] {
+  const home = homedir();
+  const results: ExternalProvider[] = [];
+
+  const config = readJsonSafe(join(home, ".config", "opencode", "opencode.json"));
+  if (config === null) return results;
+
+  // Read auth.json (separate credentials file)
+  const auth = readJsonSafe(join(home, ".local", "share", "opencode", "auth.json"));
+
+  const providersVal = config["provider"];
+  if (!isRecord(providersVal)) {
+    return results;
+  }
+  const providers: Record<string, unknown> = providersVal;
+
+  for (const [providerId, providerObj] of Object.entries(providers)) {
+    if (!isRecord(providerObj)) continue;
+
+    const options = providerObj["options"];
+    const npm: unknown = providerObj["npm"];
+    const npmStr = typeof npm === "string" ? npm : "";
+    const format: "anthropic" | "openai" = npmStr === "@ai-sdk/anthropic" ? "anthropic" : "openai";
+
+    let baseURL = "";
+    let apiKey = "";
+    if (isRecord(options)) {
+      baseURL = typeof options["baseURL"] === "string" ? options["baseURL"].trim() : "";
+      apiKey = typeof options["apiKey"] === "string" ? options["apiKey"].trim() : "";
+    }
+
+    // Resolve apiKey: prefer inline, fallback to auth.json
+    if (apiKey === "" && isRecord(auth)) {
+      const cred = auth[providerId];
+      if (isRecord(cred)) {
+        const key: unknown = cred["key"];
+        if (typeof key === "string" && key !== "") apiKey = key;
+      }
+    }
+
+    if (baseURL === "" || apiKey === "") continue;
+
+    // Collect models
+    const modelSet = new Set<string>();
+    const modelsObj = providerObj["models"];
+
+    if (isRecord(modelsObj)) {
+      for (const [modelId, modelDef] of Object.entries(modelsObj)) {
+        if (typeof modelDef === "string") {
+          modelSet.add(modelDef);
+        } else if (isRecord(modelDef)) {
+          const name: unknown = modelDef["name"];
+          modelSet.add(typeof name === "string" && name !== "" ? name : modelId);
+        } else {
+          modelSet.add(modelId);
+        }
+      }
+    }
+    const models = modelSet.size > 0 ? [...modelSet] : ["default"];
+
+    results.push({
+      name: providerId,
+      apiKey: normalizeApiKey(apiKey),
+      format,
+      anthropicBaseUrl: format === "anthropic" ? baseURL : "",
+      openaiBaseUrl: format === "openai" ? baseURL : "",
+      models,
+      sourceTool: "opencode",
+      alreadyExists: false,
+    });
+  }
+
+  return results;
+}
+
+// ── Combined scanner ─────────────────────────────────────
+
+export function scanExternalProviders(): { providers: ExternalProvider[]; warnings: string[] } {
+  const warnings: string[] = [];
+
+  let claudeProviders: ExternalProvider[] = [];
+  try {
+    claudeProviders = detectClaudeCodeProviders();
+  } catch (err) {
+    warnings.push(`Claude Code: ${err instanceof Error ? err.message : String(err)}`);
+  }
+
+  let opencodeProviders: ExternalProvider[] = [];
+  try {
+    opencodeProviders = detectOpenCodeProviders();
+  } catch (err) {
+    warnings.push(`OpenCode: ${err instanceof Error ? err.message : String(err)}`);
+  }
+
+  const allProviders = [...claudeProviders, ...opencodeProviders];
+
+  // Filter out providers already using the localhost proxy (already switched)
+  const filteredProviders = allProviders.filter((p) => {
+    const url = p.anthropicBaseUrl || p.openaiBaseUrl;
+    return !/(?:localhost|127\.0\.0\.1)/.test(url);
+  });
+
+  // Mark already-existing providers (same apiKey + format-specific baseUrl)
+  let existing: ProviderConfig[] = [];
+  try {
+    existing = getProviders();
+  } catch {
+    // If we can't load existing providers, just skip the duplicate check
+  }
+
+  for (const ext of filteredProviders) {
+    ext.alreadyExists = existing.some((p) => {
+      if (p.apiKey !== ext.apiKey) return false;
+      // Match on the format-specific base URL (external providers only set one)
+      if (ext.format === "anthropic") {
+        return (p.anthropicBaseUrl ?? "") === ext.anthropicBaseUrl;
+      }
+      return (p.openaiBaseUrl ?? "") === ext.openaiBaseUrl;
+    });
+  }
+
+  return { providers: filteredProviders, warnings };
+}

package/src/routes/api/providers.scan.ts

@@ -0,0 +1,23 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { scanExternalProviders } from "../../proxy/providerImporters";
+
+export const Route = createFileRoute("/api/providers/scan")({
+  server: {
+    handlers: {
+      GET: () => {
+        try {
+          const result = scanExternalProviders();
+          return Response.json({
+            providers: result.providers,
+            warnings: result.warnings,
+          });
+        } catch (err) {
+          return Response.json(
+            { error: `Scan failed: ${err instanceof Error ? err.message : String(err)}` },
+            { status: 500 },
+          );
+        }
+      },
+    },
+  },
+});

package/styles/globals.css

@@ -1,121 +1,121 @@
-@import "tailwindcss";
-@import "tw-animate-css";
-@plugin "@tailwindcss/typography";
-
-@custom-variant dark (&:is(.dark *));
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-}
-
-:root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
+@import "tailwindcss";
+@import "tw-animate-css";
+@plugin "@tailwindcss/typography";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}