@tonyclaw/llm-inspector 1.18.0 → 1.18.2

package/.output/server/_ssr/{index-C7I_Qgt0.mjs → ProxyViewerContainer--3K3o3Sm.mjs}

@@ -1,115 +1,19 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, R as RuntimeConfigSchema, r as requestFormatForPath, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, d as ProviderConfigSchema, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, a as AnthropicRequestSchema } from "./router-711KpGkz.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as RuntimeConfigSchema, r as requestFormatForPath, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, d as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, g as getSessionPath, e as ProviderConfigSchema, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, b as AnthropicRequestSchema } from "./router-DVixpJO-.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";
 import { t as twMerge } from "../_libs/tailwind-merge.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
-import { R as Root, T as Trigger$1, C as Content, a as Close, b as Title, P as Portal$1, O as Overlay } from "../_libs/radix-ui__react-dialog.mjs";
+import { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as Portal$2, O as Overlay } from "../_libs/radix-ui__react-dialog.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.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 { C as Check, X, D as Download, S as Settings, a as ChevronDown, U as Upload, b as Scan, P as Plus, c as Copy, d as CircleAlert, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, T as Trash2, i as TriangleAlert, E as EyeOff, j as Eye, k as ExternalLink, R as RotateCw, l as Pencil, G as GitCompareArrows, m as Minus, n as CircleCheckBig, O as OctagonAlert, W as Wrench, o as Globe, F as FileTerminal, p as Radio, q as ChevronsUp, r as ChevronsDown, s as RotateCcw, t as CircleQuestionMark, u as Server, v as Gauge, w as Lock, x as Wifi, y as WifiOff, A as ArrowUp, z as ArrowDown, B as Rows3, H as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, T as Trash2, i as TriangleAlert, j as EyeOff, k as Eye, R as RotateCw, l as Pencil, G as GitCompareArrows, m as Minus, n as CircleCheckBig, O as OctagonAlert, W as Wrench, o as Globe, F as FileTerminal, p as Radio, q as ChevronsUp, r as ChevronsDown, s as RotateCcw, t as CircleQuestionMark, u as Server, v as Gauge, w as Lock, x as Wifi, y as WifiOff, z as ArrowUp, B as ArrowDown, H as Rows3, I 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 { R as Root2$1, L as List, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
-import { P as Provider, R as Root3, T as Trigger$3, a as Portal$2, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
+import { P as Provider, R as Root3, T as Trigger$1, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
+import { R as Root2$1, L as List, T as Trigger$3, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
-import "../_libs/tanstack__react-router.mjs";
-import "../_libs/tiny-warning.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/tanstack__history.mjs";
-import "../_libs/tiny-invariant.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream/web";
-import "node:stream";
-import "../_libs/react-dom.mjs";
-import "util";
-import "async_hooks";
-import "stream";
-import "crypto";
-import "../_libs/isbot.mjs";
-import "node:fs";
-import "node:fs/promises";
-import "node:buffer";
-import "node:path";
-import "../_libs/conf.mjs";
-import "node:util";
-import "node:process";
-import "node:crypto";
-import "node:assert";
-import "../_libs/dot-prop.mjs";
-import "../_libs/env-paths.mjs";
-import "node:os";
-import "../_libs/atomically.mjs";
-import "../_libs/stubborn-fs.mjs";
-import "../_libs/stubborn-utils.mjs";
-import "../_libs/when-exit.mjs";
-import "../_libs/ajv.mjs";
-import "../_libs/fast-deep-equal.mjs";
-import "../_libs/json-schema-traverse.mjs";
-import "../_libs/fast-uri.mjs";
-import "../_libs/ajv-formats.mjs";
-import "../_libs/debounce-fn.mjs";
-import "../_libs/mimic-function.mjs";
-import "../_libs/semver.mjs";
-import "../_libs/uint8array-extras.mjs";
-import "node:child_process";
-import "node:worker_threads";
-import "../_libs/modelcontextprotocol__server.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/dequal.mjs";
-import "../_libs/readable-stream.mjs";
-import "events";
-import "node:string_decoder";
-import "../_libs/process-nextick-args.mjs";
-import "../_libs/isarray.mjs";
-import "../_libs/safe-buffer.mjs";
-import "buffer";
-import "../_libs/core-util-is.mjs";
-import "../_libs/inherits.mjs";
-import "../_libs/util-deprecate.mjs";
-import "../_libs/lie.mjs";
-import "../_libs/immediate.mjs";
-import "../_libs/setimmediate.mjs";
-import "../_libs/pako.mjs";
-import "../_libs/radix-ui__primitive.mjs";
-import "../_libs/radix-ui__react-compose-refs.mjs";
-import "../_libs/radix-ui__react-context.mjs";
-import "../_libs/radix-ui__react-id.mjs";
-import "../_libs/@radix-ui/react-use-layout-effect+[...].mjs";
-import "../_libs/@radix-ui/react-use-controllable-state+[...].mjs";
-import "../_libs/@radix-ui/react-dismissable-layer+[...].mjs";
-import "../_libs/radix-ui__react-primitive.mjs";
-import "../_libs/@radix-ui/react-use-callback-ref+[...].mjs";
-import "../_libs/@radix-ui/react-use-escape-keydown+[...].mjs";
-import "../_libs/radix-ui__react-focus-scope.mjs";
-import "../_libs/radix-ui__react-portal.mjs";
-import "../_libs/radix-ui__react-presence.mjs";
-import "../_libs/radix-ui__react-focus-guards.mjs";
-import "../_libs/react-remove-scroll.mjs";
-import "tslib";
-import "../_libs/react-remove-scroll-bar.mjs";
-import "../_libs/react-style-singleton.mjs";
-import "../_libs/get-nonce.mjs";
-import "../_libs/use-sidecar.mjs";
-import "../_libs/use-callback-ref.mjs";
-import "../_libs/aria-hidden.mjs";
-import "../_libs/tanstack__virtual-core.mjs";
-import "../_libs/radix-ui__number.mjs";
-import "../_libs/radix-ui__react-collection.mjs";
-import "../_libs/radix-ui__react-direction.mjs";
-import "../_libs/radix-ui__react-popper.mjs";
-import "../_libs/floating-ui__react-dom.mjs";
-import "../_libs/floating-ui__dom.mjs";
-import "../_libs/floating-ui__core.mjs";
-import "../_libs/floating-ui__utils.mjs";
-import "../_libs/radix-ui__react-arrow.mjs";
-import "../_libs/radix-ui__react-use-size.mjs";
-import "../_libs/radix-ui__react-use-previous.mjs";
-import "../_libs/@radix-ui/react-visually-hidden+[...].mjs";
-import "../_libs/radix-ui__react-roving-focus.mjs";
 const ApiErrorSchema = object({
   error: string()
 });
@@ -371,7 +275,7 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "1.18.0";
+const version = "1.18.2";
 const packageJson = {
   version
 };
@@ -418,12 +322,12 @@ function Dialog({
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger$1, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger$2, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$1, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$2, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
@@ -590,6 +494,13 @@ function ConversationHeader({
     if (onClear === void 0) return;
     setConfirmOpen(true);
   };
+  const handleOpenInNewTab = reactExports.useCallback(
+    (e) => {
+      e.stopPropagation();
+      window.open(getSessionPath(conversationId), "_blank", "noopener,noreferrer");
+    },
+    [conversationId]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -619,7 +530,7 @@ function ConversationHeader({
           {
             className: "text-purple-400/90 font-mono text-xs font-semibold shrink-0",
             title: conversationId,
-            children: conversationId.length > 24 ? conversationId.slice(0, 12) + "…" + conversationId.slice(-12) : conversationId
+            children: conversationId.startsWith("PID:") || conversationId.includes("|") ? conversationId : conversationId.length > 24 ? conversationId.slice(0, 12) + "..." + conversationId.slice(-12) : conversationId
           }
         ),
         userAgent !== null && userAgent !== void 0 && userAgent !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -671,6 +582,22 @@ function ConversationHeader({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleOpenInNewTab,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                handleOpenInNewTab(e);
+              }
+            },
+            "aria-label": `Open session ${conversationId} in a new tab`,
+            title: "Open this session in a new tab",
+            className: "text-muted-foreground hover:text-foreground transition-colors shrink-0 inline-flex items-center justify-center size-8 rounded hover:bg-muted cursor-pointer",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3.5" })
+          }
+        ),
         onClear !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -1120,8 +1047,8 @@ const crabVariants = [
   Crab11,
   Crab12
 ];
-function getCrabVariant(index2) {
-  return crabVariants[Math.abs(index2) % crabVariants.length] ?? Crab1;
+function getCrabVariant(index) {
+  return crabVariants[Math.abs(index) % crabVariants.length] ?? Crab1;
 }
 function getInteriorCrabVariantIndex(seed) {
   const interiorCount = crabVariants.length - 2;
@@ -1229,7 +1156,7 @@ function Tooltip({ ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Root3, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger$3, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger$1, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1237,7 +1164,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Content2$1,
     {
       "data-slot": "tooltip-content",
@@ -1396,7 +1323,7 @@ function TabsTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Trigger$2,
+    Trigger$3,
     {
       "data-slot": "tabs-trigger",
       className: cn(
@@ -1424,27 +1351,27 @@ function TabsContent({
   );
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-BJr-913n.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-BGUgukJ8.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-BwmToGuR.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-Bo86xZI4.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-BmMiPRPB.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-jRU5qgwB.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-ZB9-8Raw.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-DdO_-79a.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-DWm4CQWC.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-BigLwhh4.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-D9XETzwp.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-B4c_WjXD.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-D9XETzwp.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-B4c_WjXD.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -2244,12 +2171,12 @@ const anthropicLogFormatAdapter = {
       }
     }
     if (Array.isArray(body.messages)) {
-      body.messages.forEach((message, index2) => {
+      body.messages.forEach((message, index) => {
         if (message === null || typeof message !== "object") return;
         const m = message;
         const role = m.role === "user" || m.role === "assistant" ? m.role : "user";
         const text = contentToText$1(m.content);
-        segments.push(segment$1(role, `[${index2}] ${role}`, text, `/messages/${index2}`));
+        segments.push(segment$1(role, `[${index}] ${role}`, text, `/messages/${index}`));
       });
     }
     if (Array.isArray(body.tools) && body.tools.length > 0) {
@@ -2350,12 +2277,12 @@ const openAILogFormatAdapter = {
     const body = parsed;
     const segments = [];
     if (Array.isArray(body.messages)) {
-      body.messages.forEach((message, index2) => {
+      body.messages.forEach((message, index) => {
         if (message === null || typeof message !== "object") return;
         const m = message;
         const role = m.role === "user" || m.role === "assistant" || m.role === "system" || m.role === "tool" ? m.role : "user";
         const text = messageToText(m);
-        segments.push(segment(role, `[${index2}] ${role}`, text, `/messages/${index2}`));
+        segments.push(segment(role, `[${index}] ${role}`, text, `/messages/${index}`));
       });
     }
     if (Array.isArray(body.tools) && body.tools.length > 0) {
@@ -2859,9 +2786,9 @@ function buildTurnGroups(logs) {
 function buildValidPredecessors(groups) {
   const predecessors = /* @__PURE__ */ new Map();
   for (const group of groups) {
-    for (let index2 = 1; index2 < group.logs.length; index2 += 1) {
-      const current = group.logs[index2];
-      const previous = group.logs[index2 - 1];
+    for (let index = 1; index < group.logs.length; index += 1) {
+      const current = group.logs[index];
+      const previous = group.logs[index - 1];
       if (current === void 0 || previous === void 0) continue;
       const currentFormat = resolveLogFormat(current);
       const previousFormat = resolveLogFormat(previous);
@@ -3166,12 +3093,11 @@ const ConversationGroup = reactExports.memo(function({
   const mixed = hasMixedApiFormat(group.logs);
   const isLoading = group.logs.some((log) => log.responseStatus === null);
   const turnGroups = reactExports.useMemo(() => buildTurnGroups(group.logs), [group.logs]);
-  const displayId = group.conversationId.startsWith("PID:") || group.conversationId.includes("|") ? group.conversationId : group.conversationId.length > 24 ? group.conversationId.slice(0, 12) + "…" + group.conversationId.slice(-12) : group.conversationId;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
     !standalone && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConversationHeader,
       {
-        conversationId: displayId,
+        conversationId: group.conversationId,
         startTime,
         endTime,
         totalCalls: group.logs.length,
@@ -3230,6 +3156,18 @@ function CrabLogo({ className }) {
     }
   );
 }
+const McpLogoPng = "data:image/png;base64,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";
+function McpLogo({ className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "img",
+    {
+      src: McpLogoPng,
+      alt: "Model Context Protocol",
+      "aria-hidden": "true",
+      className: cn("inline-block size-8 object-contain invert", className)
+    }
+  );
+}
 function Select({
   ...props
 }) {
@@ -3489,13 +3427,13 @@ function ImportWizardDialog({
       scan();
     }
   }, [open, scan]);
-  const toggleProvider = reactExports.useCallback((index2) => {
+  const toggleProvider = reactExports.useCallback((index) => {
     setSelected((prev) => {
       const next = new Set(prev);
-      if (next.has(index2)) {
-        next.delete(index2);
+      if (next.has(index)) {
+        next.delete(index);
       } else {
-        next.add(index2);
+        next.add(index);
       }
       return next;
     });
@@ -4020,10 +3958,10 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
   const modelRowRefs = reactExports.useRef([]);
   reactExports.useEffect(() => {
     if (openModelDropdown === null) return;
-    const index2 = openModelDropdown;
+    const index = openModelDropdown;
     function handleClick(e) {
       if (!(e.target instanceof Node)) return;
-      const ref = modelRowRefs.current[index2];
+      const ref = modelRowRefs.current[index];
       if (ref !== null && ref !== void 0 && !ref.contains(e.target)) {
         setOpenModelDropdown(null);
       }
@@ -5132,8 +5070,8 @@ function focusAndScroll(el) {
   el.focus({ preventScroll: true });
   el.scrollIntoView({ block: "nearest", behavior: "smooth" });
 }
-function safeItemAt(items, index2) {
-  const el = items[index2];
+function safeItemAt(items, index) {
+  const el = items[index];
   return el ?? null;
 }
 function isEditableTarget(target) {
@@ -5263,6 +5201,25 @@ function computeTokenSummary(logs) {
   }
   return { totalIn, totalOut };
 }
+function formatTimeRange(logs) {
+  const first = logs[0];
+  const last = logs[logs.length - 1];
+  if (first === void 0 || last === void 0) return null;
+  const format = (iso) => new Date(iso).toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  });
+  return `${format(first.timestamp)} - ${format(last.timestamp)}`;
+}
+function getFirstUserAgent(logs) {
+  for (const log of logs) {
+    if (log.userAgent !== null && log.userAgent !== void 0 && log.userAgent !== "") {
+      return log.userAgent;
+    }
+  }
+  return null;
+}
 function CopyableCommand({ command }) {
   const [copied, setCopied] = reactExports.useState(false);
   const handleCopy = reactExports.useCallback(() => {
@@ -5314,6 +5271,82 @@ function CopyableCommand({ command }) {
     )
   ] });
 }
+function McpReadyBadge() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex h-7 items-center gap-2 rounded-md border border-cyan-400/30 bg-cyan-500/10 px-2.5 font-mono text-[11px] font-medium text-cyan-300 shadow-[0_0_16px_rgba(34,211,238,0.08)]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-1.5 rounded-full bg-emerald-300 shadow-[0_0_8px_rgba(110,231,183,0.8)]" }),
+      "MCP Ready",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden text-cyan-200/70 sm:inline", children: "/api/mcp" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { sideOffset: 8, className: "max-w-[320px] text-left leading-relaxed", children: "Coding agents can inspect logs, replay requests, test providers, and debug sessions through MCP at /api/mcp." })
+  ] }) });
+}
+function SessionContextBar({
+  sessionId,
+  logs,
+  totalIn,
+  totalOut
+}) {
+  const [copied, setCopied] = reactExports.useState(false);
+  const timeRange = reactExports.useMemo(() => formatTimeRange(logs), [logs]);
+  const userAgent = reactExports.useMemo(() => getFirstUserAgent(logs), [logs]);
+  const handleCopyLink = reactExports.useCallback(() => {
+    void window.navigator.clipboard.writeText(window.location.href).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4 flex items-center gap-3 border border-border rounded-md bg-muted/20 px-3 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "a",
+      {
+        href: "/",
+        className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        "aria-label": "Back to all sessions",
+        title: "Back to all sessions",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold text-purple-400/90 truncate", title: sessionId, children: truncateSessionId(sessionId) }),
+        userAgent !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: "font-mono text-muted-foreground truncate max-w-[220px]",
+            title: userAgent,
+            children: userAgent
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          logs.length,
+          " request",
+          logs.length !== 1 ? "s" : ""
+        ] }),
+        timeRange !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: timeRange }),
+        (totalIn > 0 || totalOut > 0) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
+          formatTokens(totalIn),
+          " in / ",
+          formatTokens(totalOut),
+          " out"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopyLink,
+        className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        "aria-label": copied ? "Copied session link" : "Copy session link",
+        title: copied ? "Copied session link" : "Copy session link",
+        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+      }
+    )
+  ] });
+}
 function ProxyViewer({
   logs,
   sessions,
@@ -5327,7 +5360,9 @@ function ProxyViewer({
   viewMode,
   onViewModeChange,
   strip,
-  slowResponseThresholdSeconds
+  slowResponseThresholdSeconds,
+  hideSessionFilter = false,
+  pinnedSessionId
 }) {
   const { totalIn, totalOut } = reactExports.useMemo(() => computeTokenSummary(logs), [logs]);
   const [exporting, setExporting] = reactExports.useState(false);
@@ -5349,6 +5384,14 @@ function ProxyViewer({
       clearTimeout(t2);
     };
   }, []);
+  reactExports.useEffect(() => {
+    if (pinnedSessionId === void 0) {
+      document.title = "LLM Inspector";
+      return;
+    }
+    const requestLabel = logs.length === 1 ? "1 req" : `${logs.length} req`;
+    document.title = `${truncateSessionId(pinnedSessionId)} - ${requestLabel} - LLM Inspector`;
+  }, [logs.length, pinnedSessionId]);
   const handleExport = reactExports.useCallback(async () => {
     setExporting(true);
     try {
@@ -5374,51 +5417,66 @@ function ProxyViewer({
     [comparisonPredecessors]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-[1400px] xl:max-w-[1600px] 2xl:max-w-[1800px] mx-auto px-6 pb-6", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-end pt-6 pb-8 relative", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "text-lg font-bold flex items-end gap-2 absolute left-1/2 -translate-x-1/2 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-end gap-1 group cursor-default", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-10 text-amber-500 transition-all duration-300 group-hover:scale-125 group-hover:-translate-y-1.5" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-end gap-0.5", children: crabVariants.map((Crab, i) => {
-            const color = [
-              "text-amber-500",
-              "text-rose-500",
-              "text-sky-500",
-              "text-emerald-500",
-              "text-violet-500",
-              "text-orange-500",
-              "text-cyan-500",
-              "text-pink-500",
-              "text-lime-500",
-              "text-blue-500",
-              "text-yellow-500",
-              "text-fuchsia-500"
-            ][i];
-            const entranceClass = crabEntrancePhase === "hidden" ? "opacity-0 scale-0" : crabEntrancePhase === "playing" ? "animate-crab-piano-pop" : "";
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Crab,
-              {
-                className: `size-5 ${color} transition-all duration-300 ease-out group-hover:scale-125 group-hover:-translate-y-1 ${entranceClass}`,
-                style: {
-                  transitionDelay: `${i * 50}ms`,
-                  ...crabEntrancePhase === "playing" ? { animationDelay: `${i * 400}ms` } : {}
-                }
-              },
-              i
-            );
-          }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr] items-start gap-3 pt-6 pb-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "flex min-w-0 flex-col items-center gap-2 text-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex max-w-[calc(100vw-7rem)] items-end gap-2 whitespace-nowrap", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex shrink-0 items-end gap-1 group cursor-default", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-10 text-amber-500 transition-all duration-300 group-hover:scale-125 group-hover:-translate-y-1.5" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden items-end gap-0.5 sm:flex", children: crabVariants.map((Crab, i) => {
+              const color = [
+                "text-amber-500",
+                "text-rose-500",
+                "text-sky-500",
+                "text-emerald-500",
+                "text-violet-500",
+                "text-orange-500",
+                "text-cyan-500",
+                "text-pink-500",
+                "text-lime-500",
+                "text-blue-500",
+                "text-yellow-500",
+                "text-fuchsia-500"
+              ][i];
+              const entranceClass = crabEntrancePhase === "hidden" ? "opacity-0 scale-0" : crabEntrancePhase === "playing" ? "animate-crab-piano-pop" : "";
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Crab,
+                {
+                  className: `size-5 ${color} transition-all duration-300 ease-out group-hover:scale-125 group-hover:-translate-y-1 ${entranceClass}`,
+                  style: {
+                    transitionDelay: `${i * 50}ms`,
+                    ...crabEntrancePhase === "playing" ? { animationDelay: `${i * 400}ms` } : {}
+                  }
+                },
+                i
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-baseline gap-2 pl-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-lg font-bold", children: "LLM Inspector" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 font-mono text-xs font-semibold text-muted-foreground", children: [
+              "v",
+              packageJson.version
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4 shrink-0 text-muted-foreground/70", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(McpLogo, { className: "size-10 shrink-0" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-baseline gap-2", children: [
-          "LLM Inspector",
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground font-mono", children: [
-            "v",
-            packageJson.version
-          ] })
-        ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(McpReadyBadge, {})
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {}) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "justify-self-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {}) })
     ] }),
+    pinnedSessionId !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SessionContextBar,
+      {
+        sessionId: pinnedSessionId,
+        logs,
+        totalIn,
+        totalOut
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedSession, onValueChange: onSessionChange, children: [
+      !hideSessionFilter && /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedSession, onValueChange: onSessionChange, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "flex-1 max-w-[350px] text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All sessions" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "__all__", children: "All sessions" }),
@@ -5486,7 +5544,23 @@ function ProxyViewer({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: logs.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-muted-foreground py-16 space-y-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: logs.length === 0 ? selectedSession !== "__all__" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-muted-foreground py-16 space-y-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: "Session not found" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs font-mono bg-muted px-3 py-1 rounded inline-block max-w-[500px] break-all", children: truncateSessionId(selectedSession) }),
+      /* @__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 hover:text-foreground transition-colors", children: "Back to all sessions" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSessionChange("__all__"),
+            className: "underline hover:text-foreground transition-colors",
+            children: "Show all sessions"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-muted-foreground py-16 space-y-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: "No requests captured yet." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: "Route AI coding tools through the proxy:" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "LLM_BASE_URL=http://localhost:25947/proxy <your-tool>" })
@@ -5549,9 +5623,16 @@ function filterLogs(logs, selectedSession, selectedModel) {
   });
 }
 const DEBOUNCE_MS = 50;
-function ProxyViewerContainer() {
+function buildLogsStreamUrl(sessionId) {
+  if (sessionId === void 0) return "/api/logs/stream";
+  const params = new URLSearchParams({ sessionId });
+  return `/api/logs/stream?${params.toString()}`;
+}
+function ProxyViewerContainer({
+  initialSessionId
+} = {}) {
   const [allLogs, setAllLogs] = reactExports.useState([]);
-  const [selectedSession, setSelectedSession] = reactExports.useState("__all__");
+  const [selectedSession, setSelectedSession] = reactExports.useState(initialSessionId ?? "__all__");
   const [selectedModel, setSelectedModel] = reactExports.useState("__all__");
   const [viewMode, setViewMode] = reactExports.useState("simple");
   const [error, setError] = reactExports.useState(null);
@@ -5598,7 +5679,7 @@ function ProxyViewerContainer() {
     if (eventSourceRef.current) {
       eventSourceRef.current.close();
     }
-    const es = new EventSource("/api/logs/stream");
+    const es = new EventSource(buildLogsStreamUrl(initialSessionId));
     eventSourceRef.current = es;
     es.onmessage = (event) => {
       try {
@@ -5639,7 +5720,7 @@ function ProxyViewerContainer() {
       }
       reconnectTimeoutRef.current = setTimeout(connectSSE, 3e3);
     };
-  }, [scheduleUpdate]);
+  }, [initialSessionId, scheduleUpdate]);
   reactExports.useEffect(() => {
     connectSSE();
     return () => {
@@ -5658,9 +5739,17 @@ function ProxyViewerContainer() {
     };
   }, [connectSSE]);
   const handleClearAll = reactExports.useCallback(() => {
+    if (initialSessionId !== void 0 && allLogs.length === 0) return;
     void (async () => {
       try {
-        const res = await fetch("/api/logs", { method: "DELETE" });
+        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) {
           setError("Failed to clear logs");
           return;
@@ -5672,7 +5761,7 @@ function ProxyViewerContainer() {
         setError(err instanceof Error ? err.message : "Unknown error clearing logs");
       }
     })();
-  }, []);
+  }, [allLogs, initialSessionId]);
   const handleClearGroup = reactExports.useCallback((ids) => {
     if (ids.length === 0) return;
     void (async () => {
@@ -5722,19 +5811,17 @@ function ProxyViewerContainer() {
         viewMode,
         onViewModeChange: setViewMode,
         strip,
-        slowResponseThresholdSeconds
+        slowResponseThresholdSeconds,
+        hideSessionFilter: initialSessionId !== void 0,
+        pinnedSessionId: initialSessionId
       }
     )
   ] });
 }
-const SplitComponent = ProxyViewerContainer;
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  component: SplitComponent
-}, Symbol.toStringTag, { value: "Module" }));
 export {
   Badge as B,
   Dialog as D,
+  ProxyViewerContainer as P,
   Tabs as T,
   getConversationId as a,
   DialogContent as b,
@@ -5754,6 +5841,5 @@ export {
   getStatusCategory as p,
   parseJsonText as q,
   resolveLogFormat as r,
-  safeJsonValue as s,
-  index as t
+  safeJsonValue as s
 };