@tonyclaw/agent-inspector 2.1.3 → 2.1.4

package/.output/server/_tanstack-start-manifest_v-BCgy_9er.mjs

@@ -0,0 +1,4 @@
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/alerts", "/api/config", "/api/groups", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/runs", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-xlSdu7_I.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-KMuh-31x.js", "/assets/ProxyViewerContainer-DYqXb6WW.js"] }, "/api/alerts": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.ts", "children": ["/api/alerts/summary"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/groups": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.ts", "children": ["/api/groups/$groupId"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/import", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/runs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.ts", "children": ["/api/runs/$runId"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/proxy/$.ts" }, "/session/$sessionId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-Csx4T_y6.js", "/assets/ProxyViewerContainer-DYqXb6WW.js"] }, "/api/alerts/summary": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.summary.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/groups/$groupId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.ts", "children": ["/api/groups/$groupId/evidence", "/api/groups/$groupId/sessions"] }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId"] }, "/api/knowledge/project-context": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.project-context.ts" }, "/api/knowledge/search": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.search.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/body", "/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.import.ts" }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/model-metadata", "/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.scan.ts" }, "/api/runs/$runId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.ts", "children": ["/api/runs/$runId/evidence"] }, "/api/groups/$groupId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.evidence.ts" }, "/api/groups/$groupId/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.sessions.ts" }, "/api/knowledge/candidates/$candidateId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/logs/$id/body": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.body.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/model-metadata": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.model-metadata.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/runs/$runId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.evidence.ts" }, "/api/knowledge/candidates/$candidateId/promote": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.promote.ts" }, "/api/knowledge/sessions/$sessionId/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.sessions.$sessionId.candidates.ts" }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-xlSdu7_I.js" });
+export {
+  tsrStartManifest
+};

package/.output/server/index.mjs

@@ -38,100 +38,100 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-07-03T04:43:28.761Z",
+    "mtime": "2026-07-03T07:52:18.057Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-BLYcm6Dg.js": {
+  "/assets/index-KMuh-31x.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"49e8-YJasEMItJ0oe0sPMZRR+CTEPYTM"',
-    "mtime": "2026-07-03T04:43:28.761Z",
-    "size": 18920,
-    "path": "../public/assets/CompareDrawer-BLYcm6Dg.js"
-  },
-  "/assets/index-B-MZ9lQM.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"1db72-92tzHaZ/ZR+6wYtaJ3rTnS8Fbd0"',
-    "mtime": "2026-07-03T04:43:28.761Z",
-    "size": 121714,
-    "path": "../public/assets/index-B-MZ9lQM.css"
+    "etag": '"74-DDu8Y0k+118MPEojCQ31x0l0t6M"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 116,
+    "path": "../public/assets/index-KMuh-31x.js"
   },
-  "/assets/index-ZZHwgkWJ.js": {
+  "/assets/CompareDrawer-BihEPd3v.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-alZ2i8CKL5aaXunzp5UEpqXtYrM"',
-    "mtime": "2026-07-03T04:43:28.761Z",
-    "size": 116,
-    "path": "../public/assets/index-ZZHwgkWJ.js"
+    "etag": '"49e8-cBpqLRmj+nSdwIVvl8By/sv8Gls"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 18920,
+    "path": "../public/assets/CompareDrawer-BihEPd3v.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-03T04:43:28.761Z",
+    "mtime": "2026-07-03T07:52:18.057Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/RequestAnatomy-DWp5pWsv.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"43f2-ECu8Mt5/OIjcemldq4FlZr6X7KY"',
-    "mtime": "2026-07-03T04:43:28.761Z",
-    "size": 17394,
-    "path": "../public/assets/RequestAnatomy-DWp5pWsv.js"
+  "/assets/index-Bcq8bZoK.css": {
+    "type": "text/css; charset=utf-8",
+    "etag": '"1e82d-Bo+nRYLQB3/4r6wWrfFE4tW/SHg"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 124973,
+    "path": "../public/assets/index-Bcq8bZoK.css"
   },
-  "/assets/main-RgLvmIQk.js": {
+  "/assets/RequestAnatomy-CIkHAxZO.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"512fd-gbH+oAndVVcTbz5lDEE/EBbodUo"',
-    "mtime": "2026-07-03T04:43:28.761Z",
-    "size": 332541,
-    "path": "../public/assets/main-RgLvmIQk.js"
+    "etag": '"43f2-ndCyHyHaIH5k3uyS5zLGEGd8ZQs"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 17394,
+    "path": "../public/assets/RequestAnatomy-CIkHAxZO.js"
   },
-  "/assets/ReplayDialog-_kCy9L9E.js": {
+  "/assets/ResponseView-BFc8jjZM.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"318c-g76K5MbkSkugfp4+u5fmbZJCFHY"',
-    "mtime": "2026-07-03T04:43:28.761Z",
-    "size": 12684,
-    "path": "../public/assets/ReplayDialog-_kCy9L9E.js"
+    "etag": '"30d2-FN8BV3cpzR3ubQDpdfQY+p1+z/Q"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 12498,
+    "path": "../public/assets/ResponseView-BFc8jjZM.js"
   },
-  "/assets/StreamingChunkSequence-C-1ZQl_b.js": {
+  "/assets/StreamingChunkSequence-p8qkpF6K.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d5c-cyFr0ifJ9z+KF1K7n7648RJIABA"',
-    "mtime": "2026-07-03T04:43:28.762Z",
+    "etag": '"d5c-8wlfYtpc07D3FnsFacfabFwHWYI"',
+    "mtime": "2026-07-03T07:52:18.059Z",
     "size": 3420,
-    "path": "../public/assets/StreamingChunkSequence-C-1ZQl_b.js"
-  },
-  "/assets/ResponseView-Ci92o6mt.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"30d2-wyukABqJ8I/xrCza8lOh+wNqc6M"',
-    "mtime": "2026-07-03T04:43:28.762Z",
-    "size": 12498,
-    "path": "../public/assets/ResponseView-Ci92o6mt.js"
+    "path": "../public/assets/StreamingChunkSequence-p8qkpF6K.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-03T04:43:28.761Z",
+    "mtime": "2026-07-03T07:52:18.057Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
+  "/assets/_sessionId-Csx4T_y6.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"d2-Qqkqbm9nR1nIMdgSM7sxuLljO6Q"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 210,
+    "path": "../public/assets/_sessionId-Csx4T_y6.js"
+  },
+  "/assets/ReplayDialog-DnX-6kY8.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"318c-4vrj6maBmg3vnKS0IStIsOYe0SE"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 12684,
+    "path": "../public/assets/ReplayDialog-DnX-6kY8.js"
+  },
+  "/assets/main-xlSdu7_I.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"512fd-w+PhHGmgqkHUWhgkIrieWmaEqYU"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 332541,
+    "path": "../public/assets/main-xlSdu7_I.js"
+  },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-07-03T04:43:28.761Z",
+    "mtime": "2026-07-03T07:52:18.057Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/_sessionId-DKzAmSNP.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-74t6JyDl0Vcr0iG6z1teoh0WgLI"',
-    "mtime": "2026-07-03T04:43:28.761Z",
-    "size": 210,
-    "path": "../public/assets/_sessionId-DKzAmSNP.js"
-  },
-  "/assets/ProxyViewerContainer-Ba5wFn00.js": {
+  "/assets/ProxyViewerContainer-DYqXb6WW.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"bafe3-/PysAn75RYohWO6qx+GnIiWUc0s"',
-    "mtime": "2026-07-03T04:43:28.762Z",
-    "size": 765923,
-    "path": "../public/assets/ProxyViewerContainer-Ba5wFn00.js"
+    "etag": '"bfe50-rgRP7lJq+wsVfs/xn5xkbtVZs7U"',
+    "mtime": "2026-07-03T07:52:18.057Z",
+    "size": 786e3,
+    "path": "../public/assets/ProxyViewerContainer-DYqXb6WW.js"
   }
 };
 function readAsset(id) {
@@ -159,7 +159,7 @@ const EncodingMap = {
   br: ".br",
   zstd: ".zst"
 };
-const _bTSMt_ = defineHandler((event) => {
+const _9o1BXV = defineHandler((event) => {
   if (event.req.method && !METHODS.has(event.req.method)) {
     return;
   }
@@ -231,15 +231,15 @@ const findRouteRules = /* @__PURE__ */ (() => {
     return r;
   };
 })();
-const _lazy_OSYDIZ = defineLazyEventHandler(() => import("./_chunks/ssr-renderer.mjs"));
+const _lazy_c5_ocM = defineLazyEventHandler(() => import("./_chunks/ssr-renderer.mjs"));
 const findRoute = /* @__PURE__ */ (() => {
-  const data = { route: "/**", handler: _lazy_OSYDIZ };
+  const data = { route: "/**", handler: _lazy_c5_ocM };
   return ((_m, p) => {
     return { data, params: { "_": p.slice(1) } };
   });
 })();
 const globalMiddleware = [
-  toEventHandler(_bTSMt_)
+  toEventHandler(_9o1BXV)
 ].filter(Boolean);
 const errorHandler$1 = (error, event) => {
   const res = defaultHandler(error, event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/agent-inspector",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "type": "module",
   "description": "Agent observability and knowledge capture layer for AI coding tools.",
   "license": "MIT",
@@ -92,6 +92,7 @@
     "zod": "^4.3.6"
   },
   "optionalDependencies": {
+    "better-sqlite3": "^12.11.1",
     "rcedit": "4.0.1"
   },
   "devDependencies": {

package/src/components/ProxyViewer.tsx

@@ -1,4 +1,13 @@
-import { type JSX, useCallback, useEffect, useMemo, useRef, useState, Suspense } from "react";
+import {
+  type ChangeEvent,
+  type JSX,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  Suspense,
+} from "react";
 import {
   ArrowDownRight,
   ArrowLeft,
@@ -18,10 +27,12 @@ import {
   Plus,
   Siren,
   Trash2,
+  Upload,
 } from "lucide-react";
 
 import type { CapturedLog } from "../contracts";
 import { exportLogsAsZip, type ExportMode } from "../lib/export-logs";
+import type { ImportLogsResponse } from "../lib/logImportContract";
 import { copyTextToClipboard } from "../lib/clipboard";
 import type { InspectorGroupEvidence, InspectorGroupMember } from "../lib/groupContract";
 import type { CaptureMode, TimeDisplayFormat } from "../lib/runtimeConfig";
@@ -36,6 +47,7 @@ import { crabVariants } from "./ui/crab-variants";
 import { McpLogo } from "./ui/mcp-logo";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
+import { AlertsDialog } from "./alerts/AlertsDialog";
 import { GroupsDialog } from "./groups/GroupsDialog";
 import { SettingsDialog } from "./providers/SettingsDialog";
 import { computeCacheTrends } from "./proxy-viewer/cacheTrend";
@@ -895,6 +907,7 @@ function BrandHeader({
             </div>
           </div>
           <div className="flex shrink-0 items-center gap-1">
+            <AlertsDialog />
             <GroupsDialog />
             <SettingsDialog />
           </div>
@@ -927,6 +940,7 @@ function BrandHeader({
         <McpReadyBadge />
       </h1>
       <div className="justify-self-end flex items-center gap-1">
+        <AlertsDialog />
         <GroupsDialog />
         <SettingsDialog />
       </div>
@@ -1253,6 +1267,7 @@ export type ProxyViewerProps = {
   /** Clear only the logs whose ids are passed. Called by the per-group
    *  Clear button on each conversation header. */
   onClearGroup: (ids: number[]) => void;
+  onImportLogs?: (file: File) => Promise<ImportLogsResponse>;
   viewMode: "simple" | "full";
   captureMode: CaptureMode;
   /** Live strip-Claude-Code-billing-header flag, sourced once at the container. */
@@ -1285,6 +1300,7 @@ export function ProxyViewer({
   onModelChange,
   onClearAll,
   onClearGroup,
+  onImportLogs,
   viewMode,
   captureMode,
   strip,
@@ -1300,12 +1316,16 @@ export function ProxyViewer({
   const { providers } = useProviders();
   const [exporting, setExporting] = useState<ExportMode | null>(null);
   const [exportError, setExportError] = useState<string | null>(null);
+  const [importing, setImporting] = useState(false);
+  const [importStatus, setImportStatus] = useState<string | null>(null);
+  const [importError, setImportError] = useState<string | null>(null);
   const [comparePair, setComparePair] = useState<[CapturedLog, CapturedLog] | null>(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = useState<"hidden" | "playing" | "done">(
     "hidden",
   );
   const logListRef = useRef<HTMLDivElement>(null);
   const logListWrapperRef = useRef<HTMLDivElement>(null);
+  const importInputRef = useRef<HTMLInputElement>(null);
   useKeyboardNavigation(logListRef, logListWrapperRef, { pageWide: true });
 
   useEffect(() => {
@@ -1344,6 +1364,35 @@ export function ProxyViewer({
     },
     [logs],
   );
+  const handleImportClick = useCallback(() => {
+    importInputRef.current?.click();
+  }, []);
+
+  const handleImportFileChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      const file = event.currentTarget.files?.[0];
+      event.currentTarget.value = "";
+      if (file === undefined || onImportLogs === undefined) return;
+
+      setImporting(true);
+      setImportError(null);
+      setImportStatus(null);
+      void onImportLogs(file)
+        .then((result) => {
+          const skipped = result.skipped > 0 ? `, skipped ${String(result.skipped)}` : "";
+          setImportStatus(
+            `Imported ${String(result.imported)} logs as ${result.sessionId}${skipped}.`,
+          );
+        })
+        .catch((err: unknown) => {
+          setImportError(err instanceof Error ? err.message : "Failed to import logs");
+        })
+        .finally(() => {
+          setImporting(false);
+        });
+    },
+    [onImportLogs],
+  );
   // Close the compare drawer when the user changes the session or model
   // filter, since the predecessor relationship may no longer be meaningful.
   useEffect(() => {
@@ -1503,6 +1552,33 @@ export function ProxyViewer({
                   {activeScopeLabel}
                 </div>
               </div>
+              {onImportLogs !== undefined && (
+                <>
+                  <input
+                    ref={importInputRef}
+                    type="file"
+                    accept=".zip,.json,.jsonl,application/zip,application/json"
+                    className="hidden"
+                    onChange={handleImportFileChange}
+                  />
+                  <button
+                    type="button"
+                    onClick={handleImportClick}
+                    disabled={importing}
+                    className="inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50"
+                    title="Import Agent Inspector export"
+                  >
+                    {importing ? (
+                      <span>Importing...</span>
+                    ) : (
+                      <>
+                        <Upload className="size-3.5" />
+                        <span>Import</span>
+                      </>
+                    )}
+                  </button>
+                </>
+              )}
               {exportActionVisibility.redacted && (
                 <button
                   type="button"
@@ -1559,6 +1635,16 @@ export function ProxyViewer({
                 {exportError}
               </div>
             )}
+            {importError !== null && (
+              <div className="mt-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive">
+                {importError}
+              </div>
+            )}
+            {importStatus !== null && importError === null && (
+              <div className="mt-2 rounded-md border border-emerald-500/25 bg-emerald-500/10 px-3 py-2 text-xs text-emerald-200">
+                {importStatus}
+              </div>
+            )}
           </div>
 
           <div className="px-4 py-4 lg:px-5">

package/src/components/ProxyViewerContainer.tsx

@@ -3,6 +3,7 @@ import { z } from "zod";
 import { CapturedLogSchema, type CapturedLog } from "../contracts";
 import { fetchJson } from "../lib/apiClient";
 import { InspectorGroupsListResponseSchema, type InspectorGroup } from "../lib/groupContract";
+import { ImportLogsResponseSchema, type ImportLogsResponse } from "../lib/logImportContract";
 import { useStripConfig } from "../lib/useStripConfig";
 import { OnboardingBanner } from "./OnboardingBanner";
 import {
@@ -487,6 +488,30 @@ export function ProxyViewerContainer({
     })();
   }, []);
 
+  const handleImportLogs = useCallback(async (file: File): Promise<ImportLogsResponse> => {
+    const formData = new FormData();
+    formData.set("file", file);
+    const result = await fetchJson("/api/logs/import", ImportLogsResponseSchema, {
+      method: "POST",
+      body: formData,
+    });
+
+    setAllLogs((prev) => {
+      const importedIds = new Set(result.logs.map((log) => log.id));
+      const next = [...prev.filter((log) => !importedIds.has(log.id)), ...result.logs].sort(
+        (left, right) => left.id - right.id,
+      );
+      const trimmed = trimClientLogs(next);
+      logIndexRef.current = buildLogIndex(trimmed);
+      return trimmed;
+    });
+    setSelectedSession(result.sessionId);
+    setSelectedModel("__all__");
+    setLogPage(null);
+    setError(null);
+    return result;
+  }, []);
+
   // Read the strip config once at the container so the virtualized list does
   // not need N independent SWR subscriptions per row.
   const { strip, captureMode, slowResponseThresholdSeconds, timeDisplayFormat } = useStripConfig();
@@ -552,6 +577,7 @@ export function ProxyViewerContainer({
         onModelChange={setSelectedModel}
         onClearAll={handleClearAll}
         onClearGroup={handleClearGroup}
+        onImportLogs={initialSessionId === undefined ? handleImportLogs : undefined}
         isLoading={initialSessionId === undefined ? !streamInitialized : sessionPageLoading}
         pagination={pagination}
         sessionMemberships={sessionMemberships}