@tonyclaw/agent-inspector 4.0.1 → 4.0.3

package/src/components/pi-agent/piAgentChatLogic.ts

@@ -1,273 +0,0 @@
-import { safeGetOwnProperty } from "../../lib/objectUtils";
-
-export type PiAgentChatRole = "user" | "assistant";
-
-export type PiAgentHistoryMessage = {
-  role: PiAgentChatRole;
-  content: string;
-};
-
-export type PiAgentEvidenceView = {
-  source: string;
-  id: string;
-  logId: number | null;
-  sessionId: string | null;
-  timestamp: string | null;
-  model: string | null;
-  providerName: string | null;
-  path: string | null;
-  status: string | number | null;
-  elapsedMs: number | null;
-  inputTokens: number | null;
-  outputTokens: number | null;
-  totalTokens: number | null;
-  score: number | null;
-  matchedFields: string[];
-  excerpt: string;
-};
-
-export type PiAgentMetricView = {
-  key: string;
-  label: string;
-  value: string;
-};
-
-export type PiAgentResponseView = {
-  answer: string;
-  providerId: string;
-  providerName: string;
-  model: string;
-  protocol: string;
-  logCount: number;
-  evidence: PiAgentEvidenceView[];
-  summaryMetrics: PiAgentMetricView[];
-  queryMetrics: PiAgentMetricView[];
-};
-
-export function getPiAgentResultLogIds(response: PiAgentResponseView): number[] {
-  return [
-    ...new Set(
-      response.evidence
-        .map((evidence) => evidence.logId)
-        .filter((logId): logId is number => logId !== null),
-    ),
-  ];
-}
-
-export type PiAgentConversationMessage = PiAgentHistoryMessage & {
-  id: string;
-  response: PiAgentResponseView | null;
-};
-
-export type PiAgentConversationState = {
-  messages: PiAgentConversationMessage[];
-  question: string;
-  error: string | null;
-};
-
-export type PiAgentStarter = {
-  id: "reliability" | "performance" | "tokens" | "providers" | "tools";
-  label: string;
-  question: string;
-};
-
-export const PI_AGENT_STARTERS: readonly PiAgentStarter[] = [
-  {
-    id: "reliability",
-    label: "Reliability",
-    question: "Which requests failed, stalled, or look most likely to hang, and why?",
-  },
-  {
-    id: "performance",
-    label: "Performance",
-    question: "Summarize latency and identify the slowest requests with supporting evidence.",
-  },
-  {
-    id: "tokens",
-    label: "Token usage",
-    question: "Where are tokens being spent, and which requests have unusually high usage?",
-  },
-  {
-    id: "providers",
-    label: "Providers",
-    question: "Compare Provider and model reliability, latency, and token usage in this scope.",
-  },
-  {
-    id: "tools",
-    label: "Tool activity",
-    question: "Which tools were used most, and where did tool calls fail or produce warnings?",
-  },
-];
-
-const MAX_HISTORY_MESSAGES = 10;
-const MAX_HISTORY_CONTENT_CHARS = 4_000;
-const MAX_METRICS = 12;
-
-export function createEmptyPiAgentConversation(): PiAgentConversationState {
-  return { messages: [], question: "", error: null };
-}
-
-export function buildPiAgentHistory(
-  messages: readonly PiAgentConversationMessage[],
-): PiAgentHistoryMessage[] {
-  return messages
-    .filter((message) => message.content.trim().length > 0)
-    .slice(-MAX_HISTORY_MESSAGES)
-    .map((message) => ({
-      role: message.role,
-      content: message.content.trim().slice(0, MAX_HISTORY_CONTENT_CHARS),
-    }));
-}
-
-function readString(value: unknown, ...keys: string[]): string | null {
-  for (const key of keys) {
-    const candidate = safeGetOwnProperty(value, key);
-    if (typeof candidate === "string" && candidate.trim().length > 0) return candidate;
-  }
-  return null;
-}
-
-function readNumber(value: unknown, ...keys: string[]): number | null {
-  for (const key of keys) {
-    const candidate = safeGetOwnProperty(value, key);
-    if (typeof candidate === "number" && Number.isFinite(candidate)) return candidate;
-  }
-  return null;
-}
-
-function readStringArray(value: unknown, key: string): string[] {
-  const candidate = safeGetOwnProperty(value, key);
-  if (!Array.isArray(candidate)) return [];
-  return candidate.filter((item): item is string => typeof item === "string").slice(0, 8);
-}
-
-function evidenceView(value: unknown): PiAgentEvidenceView | null {
-  const source = readString(value, "source") ?? "log";
-  const id = readString(value, "id") ?? "";
-  const logId = readNumber(value, "logId", "id");
-  if (id === "" && logId === null) return null;
-  if (logId !== null && (!Number.isInteger(logId) || logId < 0)) return null;
-  const inputTokens = readNumber(value, "inputTokens");
-  const outputTokens = readNumber(value, "outputTokens");
-  const explicitTotal = readNumber(value, "totalTokens", "tokenCount");
-  const statusNumber = readNumber(value, "responseStatus", "status");
-  const statusString = readString(value, "responseStatus", "status");
-
-  return {
-    source,
-    id: id !== "" ? id : String(logId),
-    logId,
-    sessionId: readString(value, "sessionId"),
-    timestamp: readString(value, "timestamp"),
-    model: readString(value, "model"),
-    providerName: readString(value, "providerName", "provider"),
-    path: readString(value, "path"),
-    status: statusNumber ?? statusString,
-    elapsedMs: readNumber(value, "elapsedMs", "latencyMs"),
-    inputTokens,
-    outputTokens,
-    totalTokens:
-      explicitTotal ??
-      (inputTokens === null && outputTokens === null
-        ? null
-        : (inputTokens ?? 0) + (outputTokens ?? 0)),
-    score: readNumber(value, "score", "relevanceScore"),
-    matchedFields: readStringArray(value, "matchedFields"),
-    excerpt: readString(value, "excerpt", "snippet") ?? "No excerpt available.",
-  };
-}
-
-function humanizeMetricKey(key: string): string {
-  const spaced = key
-    .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
-    .replace(/[_-]+/g, " ")
-    .trim();
-  return spaced.length === 0 ? "Metric" : `${spaced[0]?.toUpperCase() ?? ""}${spaced.slice(1)}`;
-}
-
-function metricValue(value: unknown): string | null {
-  if (typeof value === "number" && Number.isFinite(value)) return value.toLocaleString();
-  if (typeof value === "string" && value.trim().length > 0) return value;
-  if (typeof value === "boolean") return value ? "Yes" : "No";
-  if (Array.isArray(value)) {
-    const items = value
-      .filter(
-        (item): item is string | number =>
-          typeof item === "string" || (typeof item === "number" && Number.isFinite(item)),
-      )
-      .slice(0, 6);
-    return items.length > 0 ? items.join(", ") : null;
-  }
-  return null;
-}
-
-function objectMetricEntries(value: object): [string, unknown][] {
-  return Object.getOwnPropertyNames(value).map((key) => [key, safeGetOwnProperty(value, key)]);
-}
-
-export function metricViews(value: unknown): PiAgentMetricView[] {
-  if (value === null || typeof value !== "object" || Array.isArray(value)) return [];
-  const entries: PiAgentMetricView[] = [];
-
-  for (const [key, rawValue] of objectMetricEntries(value)) {
-    const directValue = metricValue(rawValue);
-    if (directValue !== null) {
-      entries.push({ key, label: humanizeMetricKey(key), value: directValue });
-      if (entries.length >= MAX_METRICS) break;
-      continue;
-    }
-    if (rawValue === null || typeof rawValue !== "object" || Array.isArray(rawValue)) continue;
-    for (const [nestedKey, nestedValue] of objectMetricEntries(rawValue)) {
-      const formatted = metricValue(nestedValue);
-      if (formatted === null) continue;
-      const metricKey = `${key}.${nestedKey}`;
-      entries.push({
-        key: metricKey,
-        label: `${humanizeMetricKey(key)} ${humanizeMetricKey(nestedKey).toLowerCase()}`,
-        value: formatted,
-      });
-      if (entries.length >= MAX_METRICS) break;
-    }
-    if (entries.length >= MAX_METRICS) break;
-  }
-  return entries;
-}
-
-export function normalizePiAgentResponse(value: unknown): PiAgentResponseView | null {
-  const answer = readString(value, "answer");
-  const providerId = readString(value, "providerId");
-  const providerName = readString(value, "providerName");
-  const model = readString(value, "model");
-  const protocol = readString(value, "protocol");
-  const logCount = readNumber(value, "logCount");
-  if (
-    answer === null ||
-    providerId === null ||
-    providerName === null ||
-    model === null ||
-    protocol === null ||
-    logCount === null
-  ) {
-    return null;
-  }
-
-  const rawEvidence = safeGetOwnProperty(value, "evidence");
-  const evidence = Array.isArray(rawEvidence)
-    ? rawEvidence
-        .map(evidenceView)
-        .filter((item): item is PiAgentEvidenceView => item !== null)
-        .slice(0, 12)
-    : [];
-
-  return {
-    answer,
-    providerId,
-    providerName,
-    model,
-    protocol,
-    logCount,
-    evidence,
-    summaryMetrics: metricViews(safeGetOwnProperty(value, "summary")),
-    queryMetrics: metricViews(safeGetOwnProperty(value, "queryStats")),
-  };
-}

package/src/components/providers/ImportWizardDialog.tsx

@@ -1,281 +0,0 @@
-import { type JSX, useState, useCallback, useEffect, useRef } from "react";
-import { z } from "zod";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
-import { Button } from "../ui/button";
-import { fetchJsonWithTimeout } from "../../lib/apiClient";
-import {
-  ProviderScanResponseSchema,
-  type ScannedProviderDto,
-} from "../../lib/providerImportContract";
-import { ClientLogo } from "../clients/ClientLogo";
-
-import { Loader2, Download, AlertCircle } from "lucide-react";
-
-const ImportResponseSchema = z.object({
-  success: z.boolean().optional(),
-  imported: z.number().optional(),
-  message: z.string().optional(),
-  errors: z.array(z.string()).optional(),
-});
-
-const PROVIDER_IMPORT_TIMEOUT_MS = 20_000;
-
-type ImportWizardDialogProps = {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onImportComplete: () => void;
-};
-
-export function ImportWizardDialog({
-  open,
-  onOpenChange,
-  onImportComplete,
-}: ImportWizardDialogProps): JSX.Element {
-  const [scanning, setScanning] = useState(false);
-  const [scanError, setScanError] = useState<string | null>(null);
-  const [scanId, setScanId] = useState<string | null>(null);
-  const [providers, setProviders] = useState<ScannedProviderDto[]>([]);
-  const [warnings, setWarnings] = useState<string[]>([]);
-  const [selected, setSelected] = useState<Set<number>>(new Set());
-  const [importing, setImporting] = useState(false);
-  const [importResult, setImportResult] = useState<string | null>(null);
-  const [importError, setImportError] = useState<string | null>(null);
-  const scanRequestIdRef = useRef(0);
-  const importRequestIdRef = useRef(0);
-
-  const scan = useCallback(() => {
-    const requestId = scanRequestIdRef.current + 1;
-    scanRequestIdRef.current = requestId;
-    setScanning(true);
-    setScanError(null);
-    setWarnings([]);
-    setScanId(null);
-    setProviders([]);
-    setSelected(new Set());
-    setImportResult(null);
-    setImportError(null);
-
-    void fetchJsonWithTimeout(
-      "/api/providers/scan",
-      ProviderScanResponseSchema,
-      PROVIDER_IMPORT_TIMEOUT_MS,
-      { method: "POST" },
-      (response) => `Scan failed (${String(response.status)})`,
-    )
-      .then((data) => {
-        if (scanRequestIdRef.current !== requestId) return;
-        setScanId(data.scanId);
-        setProviders(data.providers);
-        setWarnings(data.warnings ?? []);
-        const indices = new Set<number>();
-        data.providers.forEach((provider, index) => {
-          if (!provider.alreadyExists) indices.add(index);
-        });
-        setSelected(indices);
-      })
-      .catch((err: unknown) => {
-        if (scanRequestIdRef.current !== requestId) return;
-        setScanError(err instanceof Error ? err.message : String(err));
-      })
-      .finally(() => {
-        if (scanRequestIdRef.current !== requestId) return;
-        setScanning(false);
-      });
-  }, []);
-
-  // Auto-scan when dialog opens
-  useEffect(() => {
-    if (open) {
-      scan();
-    }
-  }, [open, scan]);
-
-  useEffect(() => {
-    if (open) return;
-    scanRequestIdRef.current += 1;
-    importRequestIdRef.current += 1;
-    setScanning(false);
-    setImporting(false);
-  }, [open]);
-
-  const toggleProvider = useCallback((index: number) => {
-    setSelected((prev) => {
-      const next = new Set(prev);
-      if (next.has(index)) {
-        next.delete(index);
-      } else {
-        next.add(index);
-      }
-      return next;
-    });
-  }, []);
-
-  const importSelected = useCallback(() => {
-    const toImport = providers.filter((_, i) => selected.has(i));
-    if (toImport.length === 0 || scanId === null) return;
-
-    const requestId = importRequestIdRef.current + 1;
-    importRequestIdRef.current = requestId;
-    setImporting(true);
-    setImportError(null);
-    setImportResult(null);
-
-    void fetchJsonWithTimeout(
-      "/api/providers/import",
-      ImportResponseSchema,
-      PROVIDER_IMPORT_TIMEOUT_MS,
-      {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          scanId,
-          selectionIds: toImport.map((provider) => provider.selectionId),
-        }),
-      },
-      (response) => `Import failed (${String(response.status)})`,
-    )
-      .then((result) => {
-        if (importRequestIdRef.current !== requestId) return;
-        // Mark imported providers as already existing so they can't be re-selected
-        setProviders((prev) =>
-          prev.map((p, i) => (selected.has(i) ? { ...p, alreadyExists: true } : p)),
-        );
-        setSelected(new Set());
-
-        if (
-          result.errors !== undefined &&
-          result.errors.length > 0 &&
-          result.message !== undefined
-        ) {
-          setImportResult(result.message);
-        } else {
-          setImportResult(`Imported ${result.imported ?? toImport.length} provider(s)`);
-        }
-        onImportComplete();
-      })
-      .catch((err: unknown) => {
-        if (importRequestIdRef.current !== requestId) return;
-        setImportError(err instanceof Error ? err.message : String(err));
-      })
-      .finally(() => {
-        if (importRequestIdRef.current !== requestId) return;
-        setImporting(false);
-      });
-  }, [providers, scanId, selected, onImportComplete]);
-
-  const hasSelectable = providers.some((p) => !p.alreadyExists);
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-xl max-h-[80vh] overflow-hidden flex flex-col">
-        <DialogHeader>
-          <DialogTitle>Import from External Tools</DialogTitle>
-          <p className="text-xs text-muted-foreground">
-            Detect provider configurations from Claude Code, OpenCode, and MiMo Code.
-          </p>
-        </DialogHeader>
-
-        <div className="flex-1 overflow-y-auto space-y-3">
-          {scanning && (
-            <div className="flex items-center justify-center py-8 gap-2 text-muted-foreground">
-              <Loader2 className="size-4 animate-spin" />
-              <span className="text-sm">Scanning for external providers...</span>
-            </div>
-          )}
-
-          {scanError !== null && (
-            <div className="flex items-center gap-2 text-destructive text-sm py-4">
-              <AlertCircle className="size-4" />
-              {scanError}
-            </div>
-          )}
-
-          {!scanning && scanError === null && providers.length === 0 && (
-            <p className="text-sm text-muted-foreground py-8 text-center">
-              No external provider configurations found.
-              <br />
-              <span className="text-xs">
-                Supported tools: Claude Code (~/.claude/settings.json), OpenCode
-                (~/.config/opencode/opencode.json), MiMo Code (~/.config/mimocode/mimocode.jsonc)
-              </span>
-            </p>
-          )}
-
-          {!scanning &&
-            providers.map((p, i) => (
-              <label
-                key={p.selectionId}
-                className={`flex items-start gap-3 p-3 border rounded-md ${p.alreadyExists ? "" : "cursor-pointer hover:bg-muted/50"}`}
-              >
-                {!p.alreadyExists && (
-                  <input
-                    type="checkbox"
-                    checked={selected.has(i)}
-                    disabled={importing}
-                    onChange={() => toggleProvider(i)}
-                    className="mt-0.5 size-4"
-                  />
-                )}
-                <div className="flex-1 min-w-0">
-                  <div className="flex items-center justify-between">
-                    <ClientLogo client={p.sourceTool} className="size-7 rounded-[8px]" />
-                    {p.alreadyExists && (
-                      <span className="text-[10px] text-muted-foreground">Already added</span>
-                    )}
-                  </div>
-                  <div className="mt-1 text-xs leading-snug text-muted-foreground">
-                    {p.models.slice(0, 4).join(", ")}
-                    {p.models.length > 4 ? ` +${p.models.length - 4} more` : ""}
-                  </div>
-                  <div className="text-xs text-muted-foreground mt-0.5 truncate">
-                    {p.format === "anthropic"
-                      ? p.anthropicBaseUrl
-                      : p.openaiResponsesBaseUrl !== ""
-                        ? p.openaiResponsesBaseUrl
-                        : p.openaiBaseUrl}
-                  </div>
-                  <div className="text-xs text-muted-foreground mt-0.5 font-mono">
-                    {p.apiKeyHint}
-                  </div>
-                </div>
-              </label>
-            ))}
-
-          {warnings.length > 0 && (
-            <div className="text-xs text-muted-foreground space-y-1 border-t pt-2">
-              {warnings.map((w, i) => (
-                <div key={i} className="flex items-center gap-1">
-                  <AlertCircle className="size-3" />
-                  {w}
-                </div>
-              ))}
-            </div>
-          )}
-
-          {importResult !== null && (
-            <div className="border-t pt-2 text-sm text-status-success">{importResult}</div>
-          )}
-
-          {importError !== null && (
-            <div className="text-sm text-destructive border-t pt-2">{importError}</div>
-          )}
-        </div>
-
-        <div className="flex items-center justify-between pt-3 border-t">
-          <Button variant="outline" size="sm" onClick={scan} disabled={scanning}>
-            <Loader2 className={`size-3 mr-1 ${scanning ? "animate-spin" : ""}`} />
-            Rescan
-          </Button>
-          <Button
-            size="sm"
-            onClick={importSelected}
-            disabled={!hasSelectable || selected.size === 0 || importing}
-          >
-            <Download className="size-3 mr-1" />
-            {importing ? "Importing..." : `Import Selected (${selected.size})`}
-          </Button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}