@tonyclaw/agent-inspector 3.0.10 → 3.0.12

package/src/components/providers/ProvidersPanel.tsx

@@ -1,7 +1,6 @@
 import { type JSX, useState, useEffect, useCallback, useMemo, useRef } from "react";
 import { z } from "zod";
 import { Button } from "../ui/button";
-import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
 import { Plus, AlertCircle, Copy, Check, Download, Upload, Scan } from "lucide-react";
 import { ImportWizardDialog } from "./ImportWizardDialog";
 import { ConfirmDialog } from "../ui/confirm-dialog";
@@ -557,38 +556,24 @@ export function ProvidersPanel({
       <div className="sticky top-0 z-10 flex items-center justify-between gap-3 rounded-[8px] bg-background/95 px-1 py-1 backdrop-blur">
         <h3 className="text-lg font-medium">Providers</h3>
         <div className="flex items-center gap-2">
-          <TooltipProvider>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => handleExport(false)}
-                  className="gap-1 hover:bg-muted"
-                >
-                  <Download className="size-3" />
-                  Export
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent>Download providers as JSON for backup or sharing</TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
-          <TooltipProvider>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={handleImportClick}
-                  className="gap-1 hover:bg-muted"
-                >
-                  <Upload className="size-3" />
-                  Import
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent>Import providers from an exported JSON file</TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => handleExport(false)}
+            className="gap-1 hover:bg-muted"
+          >
+            <Download className="size-3" />
+            Export
+          </Button>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={handleImportClick}
+            className="gap-1 hover:bg-muted"
+          >
+            <Upload className="size-3" />
+            Import
+          </Button>
           <input
             type="file"
             ref={fileInputRef}
@@ -596,24 +581,15 @@ export function ProvidersPanel({
             onChange={handleFileChange}
             style={{ display: "none" }}
           />
-          <TooltipProvider>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => setShowImportWizard(true)}
-                  className="gap-1"
-                >
-                  <Scan className="size-3" />
-                  Scan
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent>
-                Detect and import provider configs from Claude Code and OpenCode
-              </TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => setShowImportWizard(true)}
+            className="gap-1"
+          >
+            <Scan className="size-3" />
+            Scan
+          </Button>
           <Button onClick={() => setShowForm(true)} size="sm" className="gap-1">
             <Plus className="size-4" />
             Add Provider
@@ -627,33 +603,24 @@ export function ProvidersPanel({
           <span className="font-mono truncate" title={configPath}>
             {configPath}
           </span>
-          <TooltipProvider>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <button
-                  type="button"
-                  onClick={() => {
-                    void copyTextToClipboard(configPath).then((success) => {
-                      if (!success) return;
-                      setConfigPathCopied(true);
-                      setTimeout(() => setConfigPathCopied(false), 2000);
-                    });
-                  }}
-                  className="shrink-0 ml-auto text-muted-foreground hover:text-foreground transition-colors"
-                  aria-label={
-                    configPathCopied ? "Copied config file path" : "Copy config file path"
-                  }
-                >
-                  {configPathCopied ? (
-                    <Check className="size-3 text-cyan-300" />
-                  ) : (
-                    <Copy className="size-3" />
-                  )}
-                </button>
-              </TooltipTrigger>
-              <TooltipContent>Copy config file path to clipboard</TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
+          <button
+            type="button"
+            onClick={() => {
+              void copyTextToClipboard(configPath).then((success) => {
+                if (!success) return;
+                setConfigPathCopied(true);
+                setTimeout(() => setConfigPathCopied(false), 2000);
+              });
+            }}
+            className="ml-auto shrink-0 text-muted-foreground transition-colors hover:text-foreground"
+            aria-label={configPathCopied ? "Copied config file path" : "Copy config file path"}
+          >
+            {configPathCopied ? (
+              <Check className="size-3 text-cyan-300" />
+            ) : (
+              <Copy className="size-3" />
+            )}
+          </button>
         </div>
       )}
 
@@ -676,30 +643,18 @@ export function ProvidersPanel({
         <div className="space-y-3">
           <div className="inline-flex w-fit gap-1 rounded-[8px] bg-muted/20 p-1">
             {(["all", "personal", "company"] as const).map((tab) => (
-              <TooltipProvider key={tab}>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <button
-                      type="button"
-                      onClick={() => setSourceFilter(tab)}
-                      className={`rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${
-                        sourceFilter === tab
-                          ? "bg-background text-foreground shadow-sm"
-                          : "text-muted-foreground hover:text-foreground"
-                      }`}
-                    >
-                      {tab === "all" ? "All" : tab === "personal" ? "Personal" : "Company"}
-                    </button>
-                  </TooltipTrigger>
-                  <TooltipContent>
-                    {tab === "all"
-                      ? "Show all providers"
-                      : tab === "personal"
-                        ? "Providers you configured yourself"
-                        : "Providers set by your organization"}
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
+              <button
+                key={tab}
+                type="button"
+                onClick={() => setSourceFilter(tab)}
+                className={`rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${
+                  sourceFilter === tab
+                    ? "bg-background text-foreground shadow-sm"
+                    : "text-muted-foreground hover:text-foreground"
+                }`}
+              >
+                {tab === "all" ? "All" : tab === "personal" ? "Personal" : "Company"}
+              </button>
             ))}
           </div>
           <div ref={listScrollRef} className="space-y-3">

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

@@ -335,26 +335,16 @@ export const LogEntryHeader = memo(function ({
 
           {/* Streaming timing */}
           {log.streaming && firstChunkLabel !== null && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <span className={cn(TELEMETRY_CHIP_CLASS, "shrink-0 text-cyan-300")}>
-                  <Radio className="size-3" />
-                  <span className="font-mono tabular-nums">first {firstChunkLabel}</span>
-                </span>
-              </TooltipTrigger>
-              <TooltipContent>Time to first streaming chunk</TooltipContent>
-            </Tooltip>
+            <span className={cn(TELEMETRY_CHIP_CLASS, "shrink-0 text-cyan-300")}>
+              <Radio className="size-3" />
+              <span className="font-mono tabular-nums">first {firstChunkLabel}</span>
+            </span>
           )}
           {log.streaming && tokenRateLabel !== null && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <span className={cn(TELEMETRY_CHIP_CLASS, "shrink-0 text-cyan-300")}>
-                  <Gauge className="size-3" />
-                  <span className="font-mono tabular-nums">{tokenRateLabel}</span>
-                </span>
-              </TooltipTrigger>
-              <TooltipContent>Output token throughput after first chunk</TooltipContent>
-            </Tooltip>
+            <span className={cn(TELEMETRY_CHIP_CLASS, "shrink-0 text-cyan-300")}>
+              <Gauge className="size-3" />
+              <span className="font-mono tabular-nums">{tokenRateLabel}</span>
+            </span>
           )}
 
           {/* Token counts */}
@@ -431,35 +421,19 @@ export const LogEntryHeader = memo(function ({
 
           {/* Client info (PID + project folder) */}
           {showClientMetadata && (hasClientPid || hasClientProjectFolder) && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <span
-                  className={cn(TELEMETRY_CHIP_CLASS, "hidden shrink-0 text-purple-300 xl:flex")}
-                >
-                  <FileTerminal className="size-3" />
-                  {hasClientProjectFolder ? (
-                    <span className="font-mono tabular-nums">{log.clientProjectFolder}</span>
-                  ) : (
-                    <span className="font-mono tabular-nums">PID {log.clientPid}</span>
-                  )}
-                </span>
-              </TooltipTrigger>
-              <TooltipContent>
-                {hasClientCwd
-                  ? `PID: ${log.clientPid ?? "?"}  CWD: ${log.clientCwd}`
-                  : `Process ID: ${log.clientPid ?? "?"}`}
-              </TooltipContent>
-            </Tooltip>
+            <span className={cn(TELEMETRY_CHIP_CLASS, "hidden shrink-0 text-purple-300 xl:flex")}>
+              <FileTerminal className="size-3" />
+              {hasClientProjectFolder ? (
+                <span className="font-mono tabular-nums">{log.clientProjectFolder}</span>
+              ) : (
+                <span className="font-mono tabular-nums">PID {log.clientPid}</span>
+              )}
+            </span>
           )}
 
           {/* Streaming indicator */}
           {showStandaloneStreamingIndicator && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Radio className="size-3 text-muted-foreground/60 shrink-0" />
-              </TooltipTrigger>
-              <TooltipContent>Request used SSE streaming</TooltipContent>
-            </Tooltip>
+            <Radio className="size-3 shrink-0 text-muted-foreground/60" />
           )}
         </span>
 

package/src/components/ui/tooltip.tsx

@@ -4,7 +4,7 @@ import * as React from "react";
 import { cn } from "../../lib/utils";
 
 function TooltipProvider({
-  delayDuration = 0,
+  delayDuration = 600,
   ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
   return (

package/.output/public/assets/index-DgVWrzsQ.js

@@ -1 +0,0 @@
-import{P as o}from"./ProxyViewerContainer-D_2ez29e.js";import"./main-2feHoEI6.js";const r=o;export{r as component};