@tonyclaw/agent-inspector 3.0.3 → 3.0.5

package/.output/server/_ssr/{ProxyViewerContainer-CGX-1aUr.mjs → ProxyViewerContainer-S9izw3ND.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { I as InspectorGroupsListResponseSchema, C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, u as maskApiKey, v as PATH_V1_MESSAGES, w as PATH_V1_CHAT_COMPLETIONS, x as PATH_V1_RESPONSES, r as providerHasContextMetadata, t as findProviderModelMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-BKf70uDr.mjs";
+import { I as InspectorGroupsListResponseSchema, C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, t as maskApiKey, u as PATH_V1_MESSAGES, v as PATH_V1_CHAT_COMPLETIONS, w as PATH_V1_RESPONSES, r as providerHasContextMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, x as findProviderModelMetadata, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-BJMaHkr1.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -9,7 +9,7 @@ import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
-import { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, S as Search, U as Upload, D as Download, F as FileBraces, c as Trash2, P as Plus, A as ArrowLeft, d as ChevronUp, e as Copy, f as ChevronsLeft, g as ChevronLeft, h as ChevronRight, i as ChevronsRight, j as Clapperboard, k as Flag, l as Siren, m as Timer, G as Gauge, L as LoaderCircle, R as RefreshCw, n as Layers, o as Settings, M as Monitor, p as Scan, q as CircleAlert, r as Terminal, s as ArrowUpRight, t as ArrowDownRight, u as Cpu, v as FolderOpen, B as Bell, w as Clock3, x as ShieldAlert, E as EyeOff, y as Eye, z as ExternalLink, H as RotateCw, J as Clock, K as Pencil, N as MessageSquare, Z as Zap, W as Wrench, O as Brain, Q as Minus, V as CircleCheckBig, Y as CircleQuestionMark, _ as Server, $ as Lock, a0 as Wifi, a1 as WifiOff, a2 as CircleX, a3 as ShieldCheck, a4 as Save, a5 as FileSearch, a6 as CloudUpload, a7 as OctagonAlert, a8 as Radio, a9 as Globe, aa as FileTerminal, ab as ChevronsUp, ac as ChevronsDown, ad as FileDiff, ae as History, af as RotateCcw, ag as GitCompareArrows, ah as ArrowUp, ai as ArrowDown, aj as Ellipsis, ak as CodeXml, al as Blocks, am as MousePointerClick, an as FileText, ao as Rows3, ap as Columns2 } from "../_libs/lucide-react.mjs";
+import { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, R as RefreshCw, c as Trash2, S as Search, U as Upload, D as Download, F as FileBraces, P as Plus, A as ArrowLeft, d as ChevronUp, e as Copy, f as ChevronsLeft, g as ChevronLeft, h as ChevronRight, i as ChevronsRight, j as Clapperboard, k as Flag, l as Siren, m as Timer, G as Gauge, L as LoaderCircle, n as Layers, o as Settings, M as Monitor, p as Scan, q as CircleAlert, r as Terminal, s as ArrowUpRight, t as ArrowDownRight, u as Cpu, v as FolderOpen, B as Bell, w as Clock3, x as ShieldAlert, E as EyeOff, y as Eye, z as ExternalLink, H as Clock, J as RotateCw, K as Pencil, N as MessageSquare, Z as Zap, W as Wrench, O as Brain, Q as Minus, V as CircleCheckBig, Y as CircleQuestionMark, _ as Server, $ as Lock, a0 as Wifi, a1 as WifiOff, a2 as CircleX, a3 as ShieldCheck, a4 as Save, a5 as FileSearch, a6 as CloudUpload, a7 as OctagonAlert, a8 as Radio, a9 as Globe, aa as FileTerminal, ab as ChevronsUp, ac as ChevronsDown, ad as FileDiff, ae as History, af as RotateCcw, ag as GitCompareArrows, ah as ArrowUp, ai as ArrowDown, aj as Ellipsis, ak as CodeXml, al as Blocks, am as MousePointerClick, an as FileText, ao as Rows3, ap as Columns2 } from "../_libs/lucide-react.mjs";
 import { u as union, d as object, a as array, l as literal, b as string, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
 import { R as Root2$1, L as List, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
@@ -530,6 +530,8 @@ function normalizeAnthropicStopReason(value) {
     case "end_turn":
     case "tool_use":
       return value;
+    case "max_tokens":
+      return "length";
     default:
       return null;
   }
@@ -539,6 +541,8 @@ function normalizeOpenAIFinishReason(value) {
     case "stop":
     case "length":
       return value;
+    case "max_tokens":
+      return "length";
     default:
       return null;
   }
@@ -1650,7 +1654,7 @@ function ConversationHeader({
               type: "button",
               onClick: handleClearClick,
               "aria-label": `Clear group (${totalCalls} request${totalCalls !== 1 ? "s" : ""})`,
-              title: "Clear this group",
+              title: "Clear this group from the current view",
               className: HEADER_ACTION_BUTTON_CLASS$1,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
             }
@@ -1677,8 +1681,8 @@ function ConversationHeader({
           {
             open: confirmOpen,
             onOpenChange: setConfirmOpen,
-            title: "Clear this group?",
-            description: `This will remove ${totalCalls} request${totalCalls !== 1 ? "s" : ""} from this conversation. This action cannot be undone.`,
+            title: "Clear this group from the current view?",
+            description: `This will hide ${totalCalls} request${totalCalls !== 1 ? "s" : ""} from the current view. Stored logs remain reloadable.`,
             confirmLabel: "Clear",
             variant: "destructive",
             onConfirm: () => {
@@ -2302,27 +2306,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-ABv-8FMB.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-DOL6q0jD.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DD31ftzG.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-tqthwJh0.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-54kNHAjH.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-CgWDjFPR.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-CRnibtlX.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-Dk8Op622.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-Cb5WGfMm.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-AlS7PK8f.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-DB5188I7.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-CKHkh5U3.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-DB5188I7.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-CKHkh5U3.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -8327,6 +8331,153 @@ function ProviderEndpointSummary({
     children
   ] });
 }
+function providerHasEndpoint(value) {
+  return value !== void 0 && value !== "";
+}
+function providerTestTargets(provider) {
+  const targets = [];
+  if (providerHasEndpoint(provider.anthropicBaseUrl)) {
+    targets.push("Anthropic");
+  }
+  if (providerHasEndpoint(provider.openaiBaseUrl)) {
+    targets.push("Chat");
+  }
+  if (providerHasEndpoint(provider.openaiResponsesBaseUrl)) {
+    targets.push("Responses");
+  }
+  return targets;
+}
+function ProviderTestCoverage({ provider }) {
+  const targets = providerTestTargets(provider);
+  if (targets.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "Test requires at least one configured endpoint." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Test covers" }),
+    targets.map((target) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "span",
+      {
+        className: "rounded border border-border/70 bg-muted/25 px-1.5 py-0.5 text-foreground/80",
+        children: target
+      },
+      target
+    )),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "non-stream + stream" })
+  ] });
+}
+function configuredFormatResults(provider, testResults) {
+  if (testResults === void 0) return [];
+  const results = [];
+  if (providerHasEndpoint(provider.anthropicBaseUrl)) {
+    results.push(testResults.anthropic);
+  }
+  if (providerHasEndpoint(provider.openaiBaseUrl)) {
+    results.push(testResults.openaiChat);
+  }
+  if (providerHasEndpoint(provider.openaiResponsesBaseUrl)) {
+    results.push(testResults.openaiResponses);
+  }
+  return results;
+}
+function summarizeTestResults(provider, testResults) {
+  const summary = { total: 0, passed: 0, failed: 0, testing: 0 };
+  for (const results of configuredFormatResults(provider, testResults)) {
+    for (const state of [results.nonStreaming, results.streaming]) {
+      if (isNotConfiguredState(state)) continue;
+      summary.total += 1;
+      if (hasSuccessField(state)) {
+        if (state.success) {
+          summary.passed += 1;
+        } else {
+          summary.failed += 1;
+        }
+      } else {
+        summary.testing += 1;
+      }
+    }
+  }
+  return summary;
+}
+function ProviderTestPill({
+  provider,
+  testResults,
+  isTesting
+}) {
+  const targets = providerTestTargets(provider);
+  const summary = summarizeTestResults(provider, testResults);
+  if (isTesting) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-cyan-300/25 bg-cyan-300/[0.08] px-2 py-1 text-xs text-cyan-100", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: "size-3 animate-spin" }),
+      "Testing"
+    ] });
+  }
+  if (targets.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded border border-border/70 bg-muted/20 px-2 py-1 text-xs text-muted-foreground", children: "No endpoint" });
+  }
+  if (testResults === void 0 || summary.total === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded border border-border/70 bg-muted/20 px-2 py-1 text-xs text-muted-foreground", children: "Not tested" });
+  }
+  if (summary.failed > 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-red-400/25 bg-red-500/[0.08] px-2 py-1 text-xs text-red-200", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3" }),
+      summary.passed,
+      "/",
+      summary.total,
+      " passed"
+    ] });
+  }
+  if (summary.testing > 0 || summary.passed < summary.total) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "rounded border border-amber-300/25 bg-amber-400/[0.08] px-2 py-1 text-xs text-amber-100", children: [
+      "Partial ",
+      summary.passed,
+      "/",
+      summary.total
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-cyan-300/25 bg-cyan-300/[0.08] px-2 py-1 text-xs text-cyan-100", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-3" }),
+    "OK ",
+    summary.passed,
+    "/",
+    summary.total
+  ] });
+}
+function compactModelLabel(provider) {
+  const models = provider.models ?? [];
+  if (models.length === 0) return "No models configured";
+  const visible = models.slice(0, 2).join(", ");
+  const hiddenCount = models.length - 2;
+  return hiddenCount > 0 ? `${visible} +${hiddenCount} more` : visible;
+}
+function ModelChip({ provider, model }) {
+  const metadata = findProviderModelMetadata(provider, model);
+  const sourceLink = getModelSourceLink(metadata?.sourceUrl);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: model }),
+    metadata !== null && metadata.contextWindow !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-foreground/80", children: formatContextWindowTokens(metadata.contextWindow) }),
+    sourceLink !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "a",
+        {
+          href: sourceLink.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex items-center gap-0.5 rounded border border-border/70 bg-background/70 px-1 font-mono text-[10px] leading-4 text-muted-foreground transition-colors hover:text-foreground",
+          "aria-label": sourceLink.title,
+          children: sourceLink.label
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: sourceLink.title })
+    ] }) })
+  ] });
+}
+function modelResultsLabel(testResults) {
+  const models = testResults?.models;
+  if (models === void 0) return null;
+  const count = Object.keys(models).length;
+  if (count === 0) return null;
+  return `${count} model${count === 1 ? "" : "s"} tested`;
+}
 function getErrorIcon(type) {
   const iconProps = { className: "size-3", strokeWidth: 2 };
   switch (type) {
@@ -8513,6 +8664,7 @@ function ProviderCard({
 }) {
   const [showApiKey, setShowApiKey] = reactExports.useState(false);
   const [copied, setCopied] = reactExports.useState(false);
+  const [showDetails, setShowDetails] = reactExports.useState(false);
   const [showModelResults, setShowModelResults] = reactExports.useState(false);
   function handleCopy() {
     void copyTextToClipboard(provider.apiKey).then((success) => {
@@ -8527,6 +8679,8 @@ function ProviderCard({
   const hasContextMetadata = providerHasContextMetadata(provider);
   const canRefreshMetadata = provider.modelMetadataUrl !== void 0 && provider.modelMetadataUrl.trim() !== "";
   const metadataImportLabel = canRefreshMetadata ? "Refresh" : "Import defaults";
+  const isTestingValue = isTesting ?? false;
+  const testedModelsLabel = modelResultsLabel(testResults);
   const providerSourceBadge = provider.source === "company" ? /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 rounded border border-cyan-300/20 bg-cyan-300/[0.08] px-1.5 py-0.5 text-xs text-cyan-100", children: "Company" }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Company-provided API key" })
@@ -8537,65 +8691,53 @@ function ProviderCard({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `border border-border bg-card shadow-sm flex flex-col gap-3 rounded-[8px] p-4 transition-all duration-500 ${isHighlighted === true ? "ring-2 ring-primary shadow-md" : ""}`,
+      className: `flex flex-col gap-3 rounded-[8px] border border-border bg-card p-4 shadow-sm transition-all duration-500 ${isHighlighted === true ? "ring-2 ring-primary shadow-md" : ""}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium truncate", children: provider.name }),
-            providerSourceBadge,
-            providerSourceBadge === null && provider.source === "company" && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("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", children: "公司" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Company-provided API key" })
-            ] }) }),
-            providerSourceBadge === null && provider.source === "personal" && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("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", children: "个人" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Your personal API key" })
-            ] }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-medium", children: provider.name }),
+              providerSourceBadge
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-xs text-muted-foreground", children: compactModelLabel(provider) })
           ] }),
-          docsUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "a",
-            {
-              href: docsUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1 text-xs",
-              title: "View API documentation",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Docs" })
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ProviderTestPill,
+              {
+                provider,
+                testResults,
+                isTesting: isTestingValue
+              }
+            ),
+            docsUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "a",
+              {
+                href: docsUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+                title: "View API documentation",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Docs" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 text-xs text-muted-foreground sm:flex-row sm:items-center sm:justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderTestCoverage, { provider }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Key configured" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: provider.authHeader === "x-api-key" ? "x-api-key" : "Bearer" }),
+            testedModelsLabel !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: testedModelsLabel }),
+            testResults?.testedAt !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+              formatTimeAgo(testResults.testedAt)
+            ] })
+          ] })
         ] }),
-        provider.models !== void 0 && provider.models.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1", children: provider.models.map((m) => {
-          const metadata = findProviderModelMetadata(provider, m);
-          const sourceLink = getModelSourceLink(metadata?.sourceUrl);
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "span",
-            {
-              className: "inline-flex items-center gap-1 text-xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: m }),
-                metadata !== null && metadata.contextWindow !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-foreground/80", children: formatContextWindowTokens(metadata.contextWindow) }),
-                sourceLink !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "a",
-                    {
-                      href: sourceLink.url,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      className: "inline-flex items-center gap-0.5 rounded border border-border/70 bg-background/70 px-1 font-mono text-[10px] leading-4 text-muted-foreground transition-colors hover:text-foreground",
-                      "aria-label": sourceLink.title,
-                      children: sourceLink.label
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: sourceLink.title })
-                ] }) })
-              ]
-            },
-            m
-          );
-        }) }),
         !hasContextMetadata && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border border-amber-500/25 bg-amber-500/6 px-2 py-1.5 text-xs text-muted-foreground", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Context window metadata missing" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
@@ -8627,139 +8769,150 @@ function ProviderCard({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-xs text-muted-foreground bg-muted px-2 py-1 rounded flex-1 truncate", children: showApiKey ? provider.apiKey : maskApiKey(provider.apiKey) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
+        showDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3 border-t border-border/60 pt-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "flex-1 truncate rounded bg-muted px-2 py-1 text-xs text-muted-foreground", children: showApiKey ? provider.apiKey : maskApiKey(provider.apiKey) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowApiKey((s) => !s),
+                className: "p-1 text-muted-foreground transition-colors hover:text-foreground",
+                "aria-label": showApiKey ? "Hide API key" : "Show API key",
+                children: showApiKey ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleCopy,
+                className: "p-1 text-muted-foreground transition-colors hover:text-foreground",
+                "aria-label": "Copy API key",
+                children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-cyan-300" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4" })
+              }
+            )
+          ] }),
+          provider.models !== void 0 && provider.models.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1", children: provider.models.map((model) => /* @__PURE__ */ jsxRuntimeExports.jsx(ModelChip, { provider, model }, model)) }),
+          providerHasEndpoint(provider.anthropicBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ProviderEndpointSummary,
             {
-              type: "button",
-              onClick: () => setShowApiKey((s) => !s),
-              className: "text-muted-foreground hover:text-foreground transition-colors p-1",
-              "aria-label": showApiKey ? "Hide API key" : "Show API key",
-              children: showApiKey ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-4" })
+              label: "Anthropic",
+              baseUrl: provider.anthropicBaseUrl,
+              endpoint: PATH_V1_MESSAGES,
+              providerName: provider.name,
+              children: testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.anthropic })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
+          providerHasEndpoint(provider.openaiBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ProviderEndpointSummary,
             {
-              type: "button",
-              onClick: handleCopy,
-              className: "text-muted-foreground hover:text-foreground transition-colors p-1",
-              "aria-label": "Copy API key",
-              children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-cyan-300" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4" })
-            }
-          )
-        ] }),
-        provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ProviderEndpointSummary,
-          {
-            label: "Anthropic",
-            baseUrl: provider.anthropicBaseUrl,
-            endpoint: PATH_V1_MESSAGES,
-            providerName: provider.name,
-            children: testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.anthropic })
-          }
-        ),
-        provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ProviderEndpointSummary,
-          {
-            label: "OpenAI Chat",
-            baseUrl: provider.openaiBaseUrl,
-            endpoint: PATH_V1_CHAT_COMPLETIONS,
-            providerName: provider.name,
-            children: testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.openaiChat })
-          }
-        ),
-        provider.openaiResponsesBaseUrl !== void 0 && provider.openaiResponsesBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ProviderEndpointSummary,
-          {
-            label: "OpenAI Responses",
-            baseUrl: provider.openaiResponsesBaseUrl,
-            endpoint: PATH_V1_RESPONSES,
-            providerName: provider.name,
-            children: testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.openaiResponses })
-          }
-        ),
-        testResults?.testedAt !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-            "Tested ",
-            formatTimeAgo(testResults.testedAt)
-          ] })
-        ] }),
-        testResults?.models !== void 0 && Object.keys(testResults.models).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t pt-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setShowModelResults((value) => !value),
-              className: "text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1",
-              children: [
-                showModelResults ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3" }),
-                "Model Test Results (",
-                Object.keys(testResults.models).length,
-                ")"
-              ]
+              label: "Chat",
+              baseUrl: provider.openaiBaseUrl,
+              endpoint: PATH_V1_CHAT_COMPLETIONS,
+              providerName: provider.name,
+              children: testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.openaiChat })
             }
           ),
-          showModelResults && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full text-xs border-collapse", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left py-1 px-2 font-medium text-muted-foreground", children: "Model" }),
-              provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left py-1 px-2 font-medium text-muted-foreground", children: "Anthropic" }),
-              provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left py-1 px-2 font-medium text-muted-foreground", children: "Chat" }),
-              provider.openaiResponsesBaseUrl !== void 0 && provider.openaiResponsesBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left py-1 px-2 font-medium text-muted-foreground", children: "Responses" })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(testResults.models).map(([modelName, modelResult]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border/50 last:border-0", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 font-medium", children: modelName }),
-              provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.anthropic }) }),
-              provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.openaiChat }) }),
-              provider.openaiResponsesBaseUrl !== void 0 && provider.openaiResponsesBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.openaiResponses }) })
-            ] }, modelName)) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 pt-1 border-t", children: [
-          onTest !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Button,
+          providerHasEndpoint(provider.openaiResponsesBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ProviderEndpointSummary,
             {
-              variant: "outline",
-              size: "sm",
-              onClick: () => onTest(provider.id),
-              className: "text-xs h-7 gap-1",
-              disabled: isTesting ?? false,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: `size-3 ${isTesting ?? false ? "animate-spin" : ""}` }),
-                isTesting ?? false ? testingTimeLeft !== void 0 ? `Testing (${testingTimeLeft}s)` : "Testing..." : "Test"
-              ]
+              label: "Responses",
+              baseUrl: provider.openaiResponsesBaseUrl,
+              endpoint: PATH_V1_RESPONSES,
+              providerName: provider.name,
+              children: testResults !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: testResults.openaiResponses })
             }
           ),
+          testResults?.models !== void 0 && Object.keys(testResults.models).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowModelResults((value) => !value),
+                className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+                children: [
+                  showModelResults ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3" }),
+                  "Model Test Results (",
+                  Object.keys(testResults.models).length,
+                  ")"
+                ]
+              }
+            ),
+            showModelResults && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full border-collapse text-xs", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-1 text-left font-medium text-muted-foreground", children: "Model" }),
+                providerHasEndpoint(provider.anthropicBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-1 text-left font-medium text-muted-foreground", children: "Anthropic" }),
+                providerHasEndpoint(provider.openaiBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-1 text-left font-medium text-muted-foreground", children: "Chat" }),
+                providerHasEndpoint(provider.openaiResponsesBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-1 text-left font-medium text-muted-foreground", children: "Responses" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(testResults.models).map(([modelName, modelResult]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border/50 last:border-0", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1 font-medium", children: modelName }),
+                providerHasEndpoint(provider.anthropicBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.anthropic }) }),
+                providerHasEndpoint(provider.openaiBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.openaiChat }) }),
+                providerHasEndpoint(provider.openaiResponsesBaseUrl) && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1 align-top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatTestStatus, { results: modelResult.openaiResponses }) })
+              ] }, modelName)) })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 border-t pt-1 sm:flex-row sm:items-center sm:justify-between", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Button,
+            "button",
             {
-              variant: "outline",
-              size: "sm",
-              onClick: () => onEdit(provider),
-              className: "text-xs h-7 gap-1",
-              disabled: isTesting ?? false,
+              type: "button",
+              onClick: () => setShowDetails((value) => !value),
+              className: "inline-flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+              "aria-expanded": showDetails,
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3" }),
-                "Edit"
+                showDetails ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3" }),
+                "Details"
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              onClick: () => onDelete(provider.id),
-              className: "text-xs h-7 gap-1 text-destructive hover:text-destructive",
-              disabled: isTesting ?? false,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3" }),
-                "Delete"
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+            onTest !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => onTest(provider.id),
+                className: "text-xs h-7 gap-1",
+                disabled: isTestingValue,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: `size-3 ${isTestingValue ? "animate-spin" : ""}` }),
+                  isTestingValue ? testingTimeLeft !== void 0 ? `Testing (${testingTimeLeft}s)` : "Testing..." : "Test"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => onEdit(provider),
+                className: "text-xs h-7 gap-1",
+                disabled: isTestingValue,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3" }),
+                  "Edit"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => onDelete(provider.id),
+                className: "text-xs h-7 gap-1 text-destructive hover:text-destructive",
+                disabled: isTestingValue,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3" }),
+                  "Delete"
+                ]
+              }
+            )
+          ] })
         ] })
       ]
     }
@@ -13704,6 +13857,7 @@ function ProxyViewer({
   onSessionChange,
   onModelChange,
   onClearAll,
+  onReloadSession,
   onClearGroup,
   onNotify,
   onImportLogs,
@@ -13829,6 +13983,8 @@ function ProxyViewer({
   const comparisonPredecessors = reactExports.useMemo(() => buildValidPredecessors(groups), [groups]);
   const exportActionVisibility = getExportActionVisibility(captureMode, logs.length);
   const isPinnedSessionPage = pinnedSessionId !== void 0;
+  const canClearCurrentView = logs.length > 0;
+  const reloadSessionLabel = logs.length === 0 ? "Load" : "Reload";
   const sessionInputValue = selectedSession === "__all__" ? "" : selectedSession;
   const sessionSelectValue = selectedSession === "__all__" || sessions.includes(selectedSession) ? selectedSession : "__typed__";
   const activeScopeLabel = hasSessionContext && sessionContextScope !== null ? truncateSessionId(sessionContextScope.label) : selectedSession === "__all__" ? "All sessions" : truncateSessionId(selectedSession);
@@ -13864,26 +14020,62 @@ function ProxyViewer({
     [onSessionChange]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background min-h-screen w-full text-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-h-screen w-full grid-cols-1 lg:grid-cols-[340px_minmax(0,1fr)] xl:grid-cols-[360px_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "bg-background/95 border-b border-white/[0.045] lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:border-b-0 lg:border-r lg:border-white/[0.055]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 p-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-h-screen w-full grid-cols-1 lg:grid-cols-[minmax(0,1fr)_340px] xl:grid-cols-[minmax(0,1fr)_360px]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "bg-background/95 order-1 border-b border-white/[0.045] lg:sticky lg:top-0 lg:order-2 lg:h-screen lg:overflow-y-auto lg:border-b-0 lg:border-l lg:border-white/[0.055]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 p-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(BrandHeader, { compact: true, crabEntrancePhase }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "Session", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMetric, { label: "Requests", value: logs.length }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            SidebarMetric,
-            {
-              label: "Input",
-              value: formatTokens(hasSessionContext ? sessionContextTotalIn : totalIn)
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            SidebarMetric,
-            {
-              label: "Output",
-              value: formatTokens(hasSessionContext ? sessionContextTotalOut : totalOut)
-            }
-          )
-        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarPanel, { label: "Session", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMetric, { label: "Requests", value: logs.length }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMetric, { label: "Sessions", value: sessions.length }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SidebarMetric,
+              {
+                label: "Input",
+                value: formatTokens(hasSessionContext ? sessionContextTotalIn : totalIn)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SidebarMetric,
+              {
+                label: "Output",
+                value: formatTokens(hasSessionContext ? sessionContextTotalOut : totalOut)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 grid grid-cols-2 gap-2", children: [
+            onReloadSession !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onReloadSession,
+                disabled: isLoading,
+                className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                title: "Load stored logs for this session",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: cn("size-3.5", isLoading && "animate-spin") }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: reloadSessionLabel })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onClearAll,
+                disabled: !canClearCurrentView,
+                className: cn(
+                  "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                  onReloadSession === void 0 && "col-span-2"
+                ),
+                title: "Clear the current view. Stored logs remain reloadable.",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear view" })
+                ]
+              }
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "Workspace", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-black/20 rounded-md px-3 py-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.035)]", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
@@ -13957,7 +14149,7 @@ function ProxyViewer({
           ] })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "order-2 min-w-0 lg:order-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background/95 shadow-[0_12px_36px_rgba(0,0,0,0.18),inset_0_-1px_0_rgba(255,255,255,0.045)] sticky top-0 z-30 px-4 py-3 lg:px-5", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-[180px] flex-1", children: [
@@ -14022,16 +14214,31 @@ function ProxyViewer({
                 ] })
               }
             ),
+            onReloadSession !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onReloadSession,
+                disabled: isLoading,
+                className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                title: "Reload this session from stored logs",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: cn("size-3.5", isLoading && "animate-spin") }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: reloadSessionLabel })
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "button",
               {
                 type: "button",
                 onClick: onClearAll,
-                className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground",
-                title: "Clear all logs",
+                disabled: !canClearCurrentView,
+                className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                title: "Clear the current view. Stored logs remain reloadable.",
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear view" })
                 ]
               }
             )
@@ -14044,24 +14251,45 @@ function ProxyViewer({
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-4 lg:px-5", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SessionOpeningSlate, { stats: slateStats }),
           logs.length === 0 ? selectedSession !== "__all__" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-16 text-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_18px_52px_rgba(0,0,0,0.18)] mx-auto max-w-xl space-y-4 rounded-[8px] px-4 py-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: isLoading ? "Loading session data..." : "Session not found" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: isLoading ? "Loading session data..." : "No logs loaded for this session" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "inline-block max-w-full rounded bg-muted px-3 py-1 font-mono text-xs break-all", children: truncateSessionId(selectedSession) }),
             sessionMemberships.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SessionMembershipPanel, { memberships: sessionMemberships }) }),
-            !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs", children: [
-              "This session may have been cleared or never existed.",
-              " ",
-              hideSessionFilter ? /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "/", className: "underline transition-colors hover:text-foreground", children: "Back to all sessions" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onSessionChange("__all__"),
-                  className: "underline transition-colors hover:text-foreground",
-                  children: "Show all sessions"
-                }
-              )
+            !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 text-xs", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Stored logs may still be available." }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+                onReloadSession !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onReloadSession,
+                    className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Load session" })
+                    ]
+                  }
+                ),
+                hideSessionFilter ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "a",
+                  {
+                    href: "/",
+                    className: "inline-flex h-8 items-center rounded-md px-3 text-xs text-muted-foreground underline transition-colors hover:text-foreground",
+                    children: "Back to all sessions"
+                  }
+                ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onSessionChange("__all__"),
+                    className: "inline-flex h-8 items-center rounded-md px-3 text-xs text-muted-foreground underline transition-colors hover:text-foreground",
+                    children: "Show all sessions"
+                  }
+                )
+              ] })
             ] })
           ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-16 text-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_18px_52px_rgba(0,0,0,0.18)] mx-auto max-w-2xl space-y-4 rounded-[8px] px-4 py-8", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: "No requests captured yet." }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: "No logs loaded in the current view." }),
+            sessions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mx-auto max-w-xl text-xs leading-relaxed text-muted-foreground", children: "Pick a session from the filter panel to load stored logs on demand." }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "ANTHROPIC_BASE_URL=http://localhost:9527/proxy <your-tool>" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "OPENAI_BASE_URL=http://localhost:9527/proxy <your-tool>" })
@@ -14127,6 +14355,7 @@ const LogCursorPageSchema = object({
   oldestLogId: number().int().positive().nullable(),
   newestLogId: number().int().positive().nullable()
 });
+const SessionsResponseSchema = array(string());
 function buildSessionMembershipEvidence(groups, sessionId) {
   const memberships = [];
   for (const group of groups) {
@@ -14172,6 +14401,8 @@ const DEBOUNCE_MS = 100;
 const HASH_SCROLL_ATTEMPTS = 12;
 const HASH_HIGHLIGHT_MS = 1800;
 const SESSION_PAGE_LIMIT = 100;
+const SESSION_RELOAD_PAGE_LIMIT = 500;
+const MAX_SESSION_RELOAD_PAGES = 200;
 function buildLogsStreamUrl(sessionId) {
   const params = new URLSearchParams();
   if (sessionId !== void 0) {
@@ -14181,11 +14412,11 @@ function buildLogsStreamUrl(sessionId) {
   const query = params.toString();
   return query.length > 0 ? `/api/logs/stream?${query}` : "/api/logs/stream";
 }
-function buildSessionLogsPageUrl(sessionId, request) {
+function buildSessionLogsPageUrl(sessionId, request, limit = SESSION_PAGE_LIMIT) {
   const params = new URLSearchParams({
     cursor: "1",
     compact: "1",
-    limit: String(SESSION_PAGE_LIMIT),
+    limit: String(limit),
     sessionId
   });
   switch (request.kind) {
@@ -14220,12 +14451,23 @@ function mergeLogsById(previousLogs, incomingLogs) {
   }
   return [...byId.values()].sort((left, right) => left.id - right.id);
 }
+function mergeSessionIds(previousSessions, incomingSessions) {
+  const sessions = /* @__PURE__ */ new Set();
+  for (const session of previousSessions) {
+    if (session !== "") sessions.add(session);
+  }
+  for (const session of incomingSessions) {
+    if (session !== "") sessions.add(session);
+  }
+  return [...sessions].sort();
+}
 function ProxyViewerContainer({
   initialSessionId
 } = {}) {
   const [allLogs, setAllLogs] = reactExports.useState([]);
   const [selectedSession, setSelectedSession] = reactExports.useState(initialSessionId ?? "__all__");
   const [selectedModel, setSelectedModel] = reactExports.useState("__all__");
+  const [knownSessions, setKnownSessions] = reactExports.useState([]);
   const { notice, showToast, dismissToast } = useTransientToast();
   const [streamInitialized, setStreamInitialized] = reactExports.useState(initialSessionId === void 0);
   const [logPage, setLogPage] = reactExports.useState(null);
@@ -14249,8 +14491,17 @@ function ProxyViewerContainer({
     () => filterLogs(allLogs, selectedSession, selectedModel),
     [allLogs, selectedSession, selectedModel]
   );
-  const sessions = reactExports.useMemo(() => extractSessions(allLogs), [allLogs]);
+  const sessions = reactExports.useMemo(
+    () => mergeSessionIds(knownSessions, extractSessions(allLogs)),
+    [allLogs, knownSessions]
+  );
   const models = reactExports.useMemo(() => extractModels(allLogs), [allLogs]);
+  const refreshSessions = reactExports.useCallback(() => {
+    void fetchJson("/api/sessions", SessionsResponseSchema).then((sessionIds) => {
+      setKnownSessions((prev) => mergeSessionIds(prev, sessionIds));
+    }).catch(() => {
+    });
+  }, []);
   const flushUpdates = reactExports.useCallback(() => {
     flushTimerRef.current = null;
     const updates = pendingUpdatesRef.current;
@@ -14301,9 +14552,14 @@ function ProxyViewerContainer({
             logIndexRef.current = buildLogIndex(nextLogs);
             return nextLogs;
           });
+          setKnownSessions((prev) => mergeSessionIds(prev, extractSessions(update.logs)));
           setStreamInitialized(true);
           dismissToast();
         } else if (update.type === "update") {
+          setKnownSessions((prev) => {
+            if (update.log.sessionId === null || update.log.sessionId === "") return prev;
+            return mergeSessionIds(prev, [update.log.sessionId]);
+          });
           scheduleUpdate(update.log);
         }
       } catch {
@@ -14346,6 +14602,56 @@ function ProxyViewerContainer({
     },
     [dismissToast, initialSessionId, showErrorToast]
   );
+  const reloadSessionLogs = reactExports.useCallback(
+    (sessionId) => {
+      const requestId = sessionPageRequestIdRef.current + 1;
+      sessionPageRequestIdRef.current = requestId;
+      setSessionPageLoading(true);
+      dismissToast();
+      void (async () => {
+        const collected = [];
+        let page = await fetchJson(
+          buildSessionLogsPageUrl(sessionId, { kind: "oldest" }, SESSION_RELOAD_PAGE_LIMIT),
+          LogCursorPageSchema
+        );
+        collected.push(...page.logs);
+        let loadedPages = 1;
+        while (page.hasNewer && page.newestLogId !== null && loadedPages < MAX_SESSION_RELOAD_PAGES) {
+          page = await fetchJson(
+            buildSessionLogsPageUrl(
+              sessionId,
+              { kind: "newer", afterLogId: page.newestLogId },
+              SESSION_RELOAD_PAGE_LIMIT
+            ),
+            LogCursorPageSchema
+          );
+          collected.push(...page.logs);
+          loadedPages += 1;
+        }
+        if (sessionPageRequestIdRef.current !== requestId) return;
+        setAllLogs((prev) => {
+          const next = mergeLogsById(prev, collected);
+          logIndexRef.current = buildLogIndex(next);
+          return next;
+        });
+        setKnownSessions((prev) => mergeSessionIds(prev, [sessionId]));
+        setSessionPageLoading(false);
+        if (page.hasNewer) {
+          showToast({
+            message: `Loaded ${String(collected.length)} logs for this session. More history is available.`,
+            tone: "success"
+          });
+        } else {
+          dismissToast();
+        }
+      })().catch((err) => {
+        if (sessionPageRequestIdRef.current !== requestId) return;
+        setSessionPageLoading(false);
+        showErrorToast(err instanceof Error ? err.message : "Failed to reload session logs");
+      });
+    },
+    [dismissToast, showErrorToast, showToast]
+  );
   reactExports.useEffect(() => {
     if (initialSessionId === void 0) {
       setSessionMemberships([]);
@@ -14367,10 +14673,18 @@ function ProxyViewerContainer({
       cancelled = true;
     };
   }, [initialSessionId]);
+  reactExports.useEffect(() => {
+    refreshSessions();
+  }, [refreshSessions]);
   reactExports.useEffect(() => {
     if (initialSessionId === void 0) return;
     loadSessionPage({ kind: "newest" });
   }, [initialSessionId, loadSessionPage]);
+  reactExports.useEffect(() => {
+    if (initialSessionId !== void 0) return;
+    if (selectedSession === "__all__") return;
+    reloadSessionLogs(selectedSession);
+  }, [initialSessionId, reloadSessionLogs, selectedSession]);
   reactExports.useEffect(() => {
     if (initialSessionId !== void 0) return void 0;
     connectSSE();
@@ -14438,57 +14752,42 @@ function ProxyViewerContainer({
     };
   }, [logs.length]);
   const handleClearAll = reactExports.useCallback(() => {
-    if (initialSessionId !== void 0 && allLogs.length === 0) return;
-    void (async () => {
-      try {
-        const body = initialSessionId === void 0 ? void 0 : JSON.stringify({ ids: allLogs.map((log) => log.id) });
-        const res = await fetch("/api/logs", {
-          method: "DELETE",
-          ...body === void 0 ? {} : {
-            headers: { "Content-Type": "application/json" },
-            body
-          }
-        });
-        if (!res.ok) {
-          showErrorToast("Failed to clear logs");
-          return;
-        }
-        logIndexRef.current.clear();
-        setAllLogs([]);
-        dismissToast();
-      } catch (err) {
-        showErrorToast(err instanceof Error ? err.message : "Unknown error clearing logs");
-      }
-    })();
-  }, [allLogs, dismissToast, initialSessionId, showErrorToast]);
+    const clearedSessions = extractSessions(allLogs);
+    logIndexRef.current.clear();
+    setAllLogs([]);
+    setLogPage(null);
+    setKnownSessions((prev) => mergeSessionIds(prev, clearedSessions));
+    showToast({
+      message: "Cleared the current view. Stored logs are still reloadable.",
+      tone: "success"
+    });
+  }, [allLogs, showToast]);
   const handleClearGroup = reactExports.useCallback(
     (ids) => {
       if (ids.length === 0) return;
-      void (async () => {
-        try {
-          const res = await fetch("/api/logs", {
-            method: "DELETE",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ ids })
-          });
-          if (!res.ok) {
-            showErrorToast("Failed to clear group");
-            return;
-          }
-          const idSet = new Set(ids);
-          setAllLogs((prev) => {
-            const remaining = prev.filter((l) => !idSet.has(l.id));
-            logIndexRef.current = buildLogIndex(remaining);
-            return remaining;
-          });
-          dismissToast();
-        } catch (err) {
-          showErrorToast(err instanceof Error ? err.message : "Unknown error clearing group");
-        }
-      })();
+      const idSet = new Set(ids);
+      setAllLogs((prev) => {
+        const removed = prev.filter((log) => idSet.has(log.id));
+        const remaining = prev.filter((log) => !idSet.has(log.id));
+        setKnownSessions((known) => mergeSessionIds(known, extractSessions(removed)));
+        logIndexRef.current = buildLogIndex(remaining);
+        return remaining;
+      });
+      showToast({ message: "Cleared this group from the current view.", tone: "success" });
     },
-    [dismissToast, showErrorToast]
+    [showToast]
   );
+  const handleReloadSession = reactExports.useCallback(() => {
+    if (initialSessionId !== void 0) {
+      loadSessionPage({ kind: "newest" });
+      return;
+    }
+    if (selectedSession === "__all__") {
+      refreshSessions();
+      return;
+    }
+    reloadSessionLogs(selectedSession);
+  }, [initialSessionId, loadSessionPage, refreshSessions, reloadSessionLogs, selectedSession]);
   const handleImportLogs = reactExports.useCallback(
     async (file) => {
       const formData = new FormData();
@@ -14572,10 +14871,11 @@ function ProxyViewerContainer({
         onSessionChange: setSelectedSession,
         onModelChange: setSelectedModel,
         onClearAll: handleClearAll,
+        onReloadSession: initialSessionId !== void 0 || selectedSession !== "__all__" ? handleReloadSession : void 0,
         onClearGroup: handleClearGroup,
         onNotify: showToast,
         onImportLogs: initialSessionId === void 0 ? handleImportLogs : void 0,
-        isLoading: initialSessionId === void 0 ? !streamInitialized : sessionPageLoading,
+        isLoading: initialSessionId === void 0 ? !streamInitialized || sessionPageLoading : sessionPageLoading,
         pagination,
         sessionMemberships,
         viewMode,