@tonyclaw/llm-inspector 1.14.7 → 1.14.9

package/src/components/proxy-viewer/LogEntryHeader.tsx

@@ -1,7 +1,6 @@
 import {
   ArrowDown,
   ArrowUp,
-  Check,
   ChevronDown,
   ChevronRight,
   Clock,
@@ -10,16 +9,16 @@ import {
   Loader2,
   MessageSquare,
   Radio,
-  User,
   Wrench,
   Zap,
 } from "lucide-react";
 import type { JSX } from "react";
 import { memo } from "react";
 import { cn, formatTokens, getStatusCategory, type StatusCategory } from "../../lib/utils";
-import type { CapturedLog, InspectorRequest } from "../../proxy/schemas";
+import type { CapturedLog } from "../../proxy/schemas";
 import { Badge } from "../ui/badge";
 import { ProviderLogo, detectProvider } from "../providers/ProviderLogo";
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
 import type { CacheTrend } from "./cacheTrend";
 
 function formatElapsed(ms: number): string {
@@ -56,44 +55,34 @@ function CacheTrendIndicator({ trend }: { trend: CacheTrend | null }): JSX.Eleme
 
 export type LogEntryHeaderProps = {
   log: CapturedLog;
-  parsedRequest: InspectorRequest | null;
+  /** Number of messages in the request (supports both Anthropic and OpenAI formats). */
+  messageCount?: number | null;
+  /** Number of tools defined in the request (supports both Anthropic and OpenAI formats). */
+  toolCount?: number | null;
   expanded: boolean;
   onToggle: () => void;
-  /** Suppress the API format badge when log is displayed within a group */
-  suppressApiFormatBadge?: boolean;
-  /**
-   * Per-log cache token trend (creation + read) relative to the previous log
+  /** Tool call names extracted from the model response (e.g., ["read_file", "grep"]). */
+  responseToolNames?: string[] | null;
+  /** Per-log cache token trend (creation + read) relative to the previous log
    * in the same conversation group. When `undefined` or a field is `null`,
    * the corresponding cache span renders as it did before — no arrow.
    */
   cacheTrend?: { creation: CacheTrend | null; read: CacheTrend | null } | null;
-  /** Whether this log is currently marked for comparison. */
-  isSelected?: boolean;
-  /** Toggle this log in/out of the comparison selection. */
-  onToggleSelect?: (logId: number) => void;
 };
 
 export const LogEntryHeader = memo(function ({
   log,
-  parsedRequest,
+  messageCount = null,
+  toolCount = null,
   expanded,
   onToggle,
-  suppressApiFormatBadge = false,
+  responseToolNames = null,
   cacheTrend = null,
-  isSelected = false,
-  onToggleSelect,
 }: LogEntryHeaderProps): JSX.Element {
   const statusCategory = getStatusCategory(log.responseStatus);
 
   const hasTokens = log.inputTokens !== null || log.outputTokens !== null;
 
-  const messageCount = parsedRequest !== null ? parsedRequest.messages.length : null;
-
-  const toolCount =
-    parsedRequest !== null && parsedRequest.tools !== undefined && parsedRequest.tools.length > 0
-      ? parsedRequest.tools.length
-      : null;
-
   return (
     <div
       role="button"
@@ -111,86 +100,57 @@ export const LogEntryHeader = memo(function ({
         }
       }}
     >
-      {/* Selection checkbox (for log-request comparison) */}
-      {onToggleSelect !== undefined && (
-        <button
-          type="button"
-          onClick={(e) => {
-            e.stopPropagation();
-            onToggleSelect(log.id);
-          }}
-          aria-label={isSelected ? "Deselect for comparison" : "Select for comparison"}
-          aria-pressed={isSelected}
-          className={cn(
-            "shrink-0 size-4 rounded-sm border flex items-center justify-center transition-colors cursor-pointer",
-            isSelected
-              ? "bg-amber-400 border-amber-400 text-amber-950"
-              : "border-muted-foreground/40 hover:border-amber-400 hover:bg-amber-400/10",
-          )}
-        >
-          {isSelected && <Check className="size-3" strokeWidth={3} />}
-        </button>
-      )}
-
       {/* Request ID */}
       <span className="text-blue-400/80 font-mono text-xs font-semibold tabular-nums shrink-0">
         #{log.id}
       </span>
 
-      {/* Model */}
+      {/* Model — logo icon only, model name in tooltip */}
       {log.model !== null && (
-        <>
-          <ProviderLogo provider={detectProvider(log.model)} className="size-4 shrink-0" />
-          <Badge variant="secondary" className="text-[10px] px-1.5 py-0 h-5 font-mono">
-            {log.model}
-          </Badge>
-        </>
-      )}
-
-      {/* API Format Badge */}
-      {!suppressApiFormatBadge && (
-        <Badge
-          variant="outline"
-          className={cn(
-            "text-[10px] px-1.5 py-0 h-5 font-mono shrink-0",
-            log.apiFormat === "openai" && "border-blue-500/40 text-blue-400",
-            log.apiFormat === "anthropic" && "border-orange-500/40 text-orange-400",
-            log.apiFormat === "unknown" && "border-muted text-muted-foreground",
-          )}
-        >
-          {log.apiFormat === "anthropic"
-            ? "Anthropic"
-            : log.apiFormat === "openai"
-              ? "OpenAI"
-              : "Unknown"}
-        </Badge>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="shrink-0">
+                <ProviderLogo provider={detectProvider(log.model)} className="size-4" />
+              </span>
+            </TooltipTrigger>
+            <TooltipContent>{log.model}</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       )}
 
-      {/* Response Status */}
-      {statusCategory === "server_error" ? (
-        <Badge variant="destructive" className="text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums">
-          {log.responseStatus}
-        </Badge>
-      ) : statusCategory === "pending" ? (
-        <Badge
-          variant="outline"
-          className={cn(
-            "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
-            STATUS_BADGE_CLASSES[statusCategory],
-          )}
-        >
-          <Loader2 className="size-3 animate-spin" />
-        </Badge>
-      ) : (
-        <Badge
-          variant="outline"
-          className={cn(
-            "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
-            STATUS_BADGE_CLASSES[statusCategory],
+      {/* Response Status — only shown for non-200 or pending */}
+      {statusCategory !== "success" && (
+        <>
+          {statusCategory === "server_error" ? (
+            <Badge
+              variant="destructive"
+              className="text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums"
+            >
+              {log.responseStatus}
+            </Badge>
+          ) : statusCategory === "pending" ? (
+            <Badge
+              variant="outline"
+              className={cn(
+                "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
+                STATUS_BADGE_CLASSES[statusCategory],
+              )}
+            >
+              <Loader2 className="size-3 animate-spin" />
+            </Badge>
+          ) : (
+            <Badge
+              variant="outline"
+              className={cn(
+                "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
+                STATUS_BADGE_CLASSES[statusCategory],
+              )}
+            >
+              {log.responseStatus}
+            </Badge>
           )}
-        >
-          {log.responseStatus}
-        </Badge>
+        </>
       )}
 
       {/* Elapsed time */}
@@ -220,36 +180,81 @@ export const LogEntryHeader = memo(function ({
       )}
       {/* Cache tokens */}
       {log.cacheCreationInputTokens !== null && log.cacheCreationInputTokens > 0 && (
-        <span className="flex items-center gap-1 text-xs shrink-0">
-          <CacheTrendIndicator trend={cacheTrend?.creation ?? null} />
-          <span className="font-mono tabular-nums text-emerald-400">
-            Cache +{formatTokens(log.cacheCreationInputTokens)}
-          </span>
-        </span>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="flex items-center gap-1 text-xs shrink-0">
+                <CacheTrendIndicator trend={cacheTrend?.creation ?? null} />
+                <span className="font-mono tabular-nums text-emerald-400">
+                  Cache +{formatTokens(log.cacheCreationInputTokens)}
+                </span>
+              </span>
+            </TooltipTrigger>
+            <TooltipContent>Tokens cached for reuse, reducing future API cost</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       )}
       {log.cacheReadInputTokens !== null && log.cacheReadInputTokens > 0 && (
-        <span className="flex items-center gap-1 text-xs shrink-0">
-          <CacheTrendIndicator trend={cacheTrend?.read ?? null} />
-          <span className="font-mono tabular-nums text-purple-400">
-            Cache ~{formatTokens(log.cacheReadInputTokens)}
-          </span>
-        </span>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="flex items-center gap-1 text-xs shrink-0">
+                <CacheTrendIndicator trend={cacheTrend?.read ?? null} />
+                <span className="font-mono tabular-nums text-purple-400">
+                  Cache ~{formatTokens(log.cacheReadInputTokens)}
+                </span>
+              </span>
+            </TooltipTrigger>
+            <TooltipContent>Tokens served from cache, reducing API cost</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       )}
 
       {/* Message count */}
       {messageCount !== null && (
-        <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
-          <MessageSquare className="size-3" />
-          <span className="font-mono tabular-nums">{messageCount}</span>
-        </span>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
+                <MessageSquare className="size-3" />
+                <span className="font-mono tabular-nums">{messageCount}</span>
+              </span>
+            </TooltipTrigger>
+            <TooltipContent>Number of messages in the conversation</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       )}
 
       {/* Tool count */}
       {toolCount !== null && (
-        <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
-          <Wrench className="size-3" />
-          <span className="font-mono tabular-nums">{toolCount}</span>
-        </span>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
+                <Wrench className="size-3" />
+                <span className="font-mono tabular-nums">{toolCount}</span>
+              </span>
+            </TooltipTrigger>
+            <TooltipContent>Number of tools defined in the request</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )}
+
+      {/* Response tool calls — tool names the model requested to invoke */}
+      {responseToolNames !== null && responseToolNames.length > 0 && (
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="flex items-center gap-1 text-amber-400/80 text-xs shrink-0">
+                <Wrench className="size-3" />
+                <span className="font-mono tabular-nums truncate max-w-[160px]">
+                  {responseToolNames.join(", ")}
+                </span>
+              </span>
+            </TooltipTrigger>
+            <TooltipContent>Tools called by model: {responseToolNames.join(", ")}</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       )}
 
       {/* Origin */}
@@ -265,40 +270,40 @@ export const LogEntryHeader = memo(function ({
         </span>
       )}
 
-      {/* User-Agent */}
-      {log.userAgent !== null && (
-        <span
-          className="flex items-center gap-1 text-muted-foreground text-xs shrink-0"
-          title={`User-Agent: ${log.userAgent}`}
-        >
-          <User className="size-3" />
-          <span className="font-mono tabular-nums truncate max-w-[150px]" title={log.userAgent}>
-            {log.userAgent}
-          </span>
-        </span>
-      )}
-
       {/* Client info (PID + project folder) */}
       {(log.clientPid !== null || log.clientProjectFolder !== null) && (
-        <span
-          className="flex items-center gap-1 text-purple-400/80 text-xs shrink-0"
-          title={
-            log.clientCwd !== null
-              ? `PID: ${log.clientPid ?? "?"} | CWD: ${log.clientCwd}`
-              : `PID: ${log.clientPid ?? "?"}`
-          }
-        >
-          <FileTerminal className="size-3" />
-          {log.clientProjectFolder !== null ? (
-            <span className="font-mono tabular-nums">{log.clientProjectFolder}</span>
-          ) : (
-            <span className="font-mono tabular-nums">PID {log.clientPid}</span>
-          )}
-        </span>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="flex items-center gap-1 text-purple-400/80 text-xs shrink-0">
+                <FileTerminal className="size-3" />
+                {log.clientProjectFolder !== null ? (
+                  <span className="font-mono tabular-nums">{log.clientProjectFolder}</span>
+                ) : (
+                  <span className="font-mono tabular-nums">PID {log.clientPid}</span>
+                )}
+              </span>
+            </TooltipTrigger>
+            <TooltipContent>
+              {log.clientCwd !== null
+                ? `PID: ${log.clientPid ?? "?"}  CWD: ${log.clientCwd}`
+                : `Process ID: ${log.clientPid ?? "?"}`}
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       )}
 
       {/* Streaming indicator */}
-      {log.streaming && <Radio className="size-3 text-muted-foreground/60 shrink-0" />}
+      {log.streaming && (
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Radio className="size-3 text-muted-foreground/60 shrink-0" />
+            </TooltipTrigger>
+            <TooltipContent>Request used SSE streaming</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )}
 
       {/* Spacer */}
       <span className="flex-1 min-w-0" />

package/src/components/proxy-viewer/ReplayDialog.tsx

@@ -3,6 +3,7 @@ import type { JSX } from "react";
 import { useState } from "react";
 import { z } from "zod";
 import { Button } from "../ui/button";
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
 import { ResponseView } from "./ResponseView";
@@ -92,12 +93,21 @@ export function ReplayDialog({ log, open, onOpenChange }: ReplayDialogProps): JS
           <TabsContent value="modified" className="space-y-4">
             <div>
               <label className="text-sm font-medium mb-2 block">Request Body (JSON)</label>
-              <textarea
-                className="w-full h-64 p-3 font-mono text-xs bg-muted rounded-md border border-input resize-none focus:outline-none focus:ring-2 focus:ring-ring"
-                value={modifiedBody}
-                onChange={(e) => setModifiedBody(e.target.value)}
-                spellCheck={false}
-              />
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <textarea
+                      className="w-full h-64 p-3 font-mono text-xs bg-muted rounded-md border border-input resize-none focus:outline-none focus:ring-2 focus:ring-ring"
+                      value={modifiedBody}
+                      onChange={(e) => setModifiedBody(e.target.value)}
+                      spellCheck={false}
+                    />
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    Edit the request body before re-sending to the provider
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
             </div>
 
             {error !== null && error !== "" && (

package/src/components/proxy-viewer/StreamingChunkSequence.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useMemo, type JSX } from "react";
 import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import { Badge } from "../ui/badge";
 import { JsonViewer } from "../ui/json-viewer";
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
 import type { StreamingChunk } from "../../proxy/schemas";
 
 export type StreamingChunkSequenceProps = {
@@ -153,22 +154,29 @@ export function StreamingChunkSequence({
 
   return (
     <div className="space-y-1">
-      <button
-        type="button"
-        className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer"
-        onClick={() => setContainerExpanded((v) => !v)}
-      >
-        {containerExpanded ? (
-          <ChevronDown className="size-3" />
-        ) : (
-          <ChevronRight className="size-3" />
-        )}
-        <span>Raw SSE Events</span>
-        <Badge variant="outline" className="text-[9px] px-1 py-0 h-4 font-mono ml-1">
-          {logId}
-          {truncated === true ? "+" : ""}
-        </Badge>
-      </button>
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <button
+              type="button"
+              className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer"
+              onClick={() => setContainerExpanded((v) => !v)}
+            >
+              {containerExpanded ? (
+                <ChevronDown className="size-3" />
+              ) : (
+                <ChevronRight className="size-3" />
+              )}
+              <span>Raw SSE Events</span>
+              <Badge variant="outline" className="text-[9px] px-1 py-0 h-4 font-mono ml-1">
+                {logId}
+                {truncated === true ? "+" : ""}
+              </Badge>
+            </button>
+          </TooltipTrigger>
+          <TooltipContent>Server-Sent Events streaming chunks from the provider</TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
 
       {containerExpanded === true ? (
         <div className="rounded-md border border-border bg-muted/20 overflow-auto max-h-64">

package/src/components/proxy-viewer/ThreadConnector.tsx

@@ -0,0 +1,93 @@
+import type { JSX } from "react";
+import { cn } from "../../lib/utils";
+import type { StopReason } from "../../lib/stopReason";
+
+export type ThreadConnectorProps = {
+  stopReason: StopReason;
+  isPending: boolean;
+  isFirst: boolean;
+  isLast: boolean;
+  /** True when this entry starts a new turn (first overall, or after end_turn/stop). */
+  isTurnStart: boolean;
+};
+
+/**
+ * Vertical timeline connector for thread view. Uses flexbox layout (no
+ * absolute positioning) so the connector naturally tracks its sibling
+ * LogEntry height — no scroll jitter.
+ */
+export function ThreadConnector({
+  stopReason,
+  isPending,
+  isFirst,
+  isLast: _isLast,
+  isTurnStart,
+}: ThreadConnectorProps): JSX.Element {
+  const isBoundary = stopReason === "end_turn" || stopReason === "stop";
+  const isToolUse = stopReason === "tool_use";
+
+  return (
+    <div className="flex flex-col items-center w-6 shrink-0">
+      {/* Top: incoming line from previous entry, or empty spacer for first.
+           Fixed height so the marker stays near the LogEntry header row. */}
+      <div className="flex justify-center h-4">
+        {!isFirst && <div className="w-0.5 bg-muted-foreground/30" />}
+      </div>
+
+      {/* Center marker — aligned with the LogEntry header row */}
+      <div className="flex items-center justify-center py-0.5">
+        {isBoundary ? (
+          <div
+            className={cn(
+              "size-2.5 rounded-full border-2",
+              "bg-background border-amber-400",
+              "shadow-[0_0_6px_rgba(251,191,36,0.4)]",
+            )}
+            title={stopReason === "end_turn" ? "End of Turn (Anthropic)" : "End of Turn (OpenAI)"}
+          />
+        ) : isToolUse ? (
+          <div
+            className={cn(
+              "size-2 rounded-full",
+              isTurnStart
+                ? "bg-emerald-400 shadow-[0_0_6px_rgba(52,211,153,0.5)]"
+                : "bg-muted-foreground/25",
+            )}
+            title={isTurnStart ? "Tool Use — start of turn" : "Tool Use — turn continues"}
+          />
+        ) : isPending ? (
+          <div
+            className="size-2.5 rounded-full border-2 border-dashed border-muted-foreground/30 animate-pulse"
+            title="Response pending"
+          />
+        ) : (
+          <div
+            className={cn(
+              "size-1.5 rounded-full",
+              isTurnStart
+                ? "bg-emerald-400 shadow-[0_0_6px_rgba(52,211,153,0.5)]"
+                : "bg-muted-foreground/30",
+            )}
+          />
+        )}
+      </div>
+
+      {/* Bottom: outgoing line to next entry, or short terminator at boundaries.
+           flex-1 fills the remaining height of the LogEntry card. */}
+      <div className="flex-1 flex justify-center min-h-1">
+        {isBoundary ? (
+          <div className="w-0.5 bg-muted-foreground/10 h-4" />
+        ) : (
+          <div
+            className={cn(
+              "w-0.5 h-full",
+              isPending
+                ? "border-dashed bg-transparent border-l-2 border-muted-foreground/20"
+                : "bg-muted-foreground/30",
+            )}
+          />
+        )}
+      </div>
+    </div>
+  );
+}

package/src/components/proxy-viewer/index.ts

@@ -4,5 +4,6 @@ export {
   getConversationId,
   groupLogsByConversation,
 } from "./ConversationHeader";
-export type { ConversationGroupData } from "./ConversationHeader";
+export type { ConversationGroupData, ViewMode } from "./ConversationHeader";
 export { LogEntry } from "./LogEntry";
+export { ThreadConnector } from "./ThreadConnector";

package/src/lib/stopReason.ts

@@ -0,0 +1,57 @@
+import type { CapturedLog } from "../proxy/schemas";
+
+export type StopReason = "end_turn" | "tool_use" | "stop" | null;
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
+/**
+ * Extracts the stop/finish reason from a captured log's response text.
+ * Returns the raw stop_reason value for Anthropic, the finish_reason for
+ * OpenAI, or null if the response is pending, malformed, or unrecognized.
+ */
+export function extractStopReason(log: CapturedLog): StopReason {
+  if (log.responseText === null) return null;
+
+  try {
+    let json: unknown = JSON.parse(log.responseText);
+    // Handle double-encoded JSON
+    if (typeof json === "string") {
+      json = JSON.parse(json);
+    }
+    if (!isRecord(json)) return null;
+
+    // Anthropic: { stop_reason: "end_turn" | "tool_use" | ... }
+    if (log.apiFormat === "anthropic" && typeof json.stop_reason === "string") {
+      if (json.stop_reason === "end_turn" || json.stop_reason === "tool_use") {
+        return json.stop_reason;
+      }
+      return null;
+    }
+
+    // OpenAI: { choices: [{ finish_reason: "stop" | ... }] }
+    if (
+      log.apiFormat === "openai" &&
+      Array.isArray(json.choices) &&
+      json.choices.length > 0 &&
+      isRecord(json.choices[0]) &&
+      typeof json.choices[0].finish_reason === "string" &&
+      json.choices[0].finish_reason === "stop"
+    ) {
+      return "stop";
+    }
+
+    return null;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Returns true when the stop reason indicates the assistant completed its
+ * turn naturally (Anthropic end_turn or OpenAI stop).
+ */
+export function isTurnBoundary(stopReason: StopReason): boolean {
+  return stopReason === "end_turn" || stopReason === "stop";
+}

package/src/proxy/formats/anthropic/handler.ts

@@ -60,11 +60,8 @@ export const AnthropicFormatHandler: FormatHandler = {
       const json: unknown = JSON.parse(rawBody);
       if (typeof json === "object" && json !== null && !Array.isArray(json)) {
         const keys = Object.keys(json);
-        if (keys.includes("model") && keys.includes("messages")) {
-          if (keys.includes("system") || keys.includes("tools")) {
-            return true;
-          }
-        }
+        // Anthropic puts `system` as a top-level key alongside `model` and `messages`
+        return keys.includes("model") && keys.includes("messages") && keys.includes("system");
       }
       return false;
     } catch {