@tonyclaw/llm-inspector 1.14.6 → 1.14.7

package/.output/server/_ssr/{index-D2yS8VvO.mjs → index-BvHLASu8.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, a as parseRequest, s as stripClaudeCodeBillingHeader, R as RuntimeConfigSchema, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, d as ProviderConfigSchema, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-DCfjmmJu.mjs";
+import { C as CapturedLogSchema, a as parseRequest, s as stripClaudeCodeBillingHeader, R as RuntimeConfigSchema, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, d as ProviderConfigSchema, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-lUOA8pi6.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
@@ -14,8 +14,8 @@ import { D as Download, L as LayoutGrid, a as List, G as GitCompareArrows, X, S
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { a as array, b as string, u as union, d as object, l as literal, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { R as Root2$1, L as List$1, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
-import { S as Slot } from "../_libs/radix-ui__react-slot.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 { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
 import { R as Root$1 } from "../_libs/radix-ui__react-separator.mjs";
 import { R as Root$2, C as CollapsibleTrigger$1, a as CollapsibleContent$1 } from "../_libs/radix-ui__react-collapsible.mjs";
 import { R as Root$3, V as Viewport$1, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_libs/radix-ui__react-scroll-area.mjs";
@@ -276,7 +276,7 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
-const version = "1.14.6";
+const version = "1.14.7";
 const packageJson = {
   version
 };
@@ -3015,6 +3015,10 @@ function ImportWizardDialog({
         return;
       }
       const result = parsed.data;
+      setProviders(
+        (prev) => prev.map((p, i) => selected.has(i) ? { ...p, alreadyExists: true } : p)
+      );
+      setSelected(/* @__PURE__ */ new Set());
       if (result.errors !== void 0 && result.errors.length > 0 && result.message !== void 0) {
         setImportResult(result.message);
       } else {
@@ -3109,6 +3113,35 @@ function ImportWizardDialog({
     ] })
   ] }) });
 }
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  variant = "default",
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: title }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: description }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          variant,
+          size: "sm",
+          onClick: () => {
+            onConfirm();
+            onOpenChange(false);
+          },
+          children: confirmLabel
+        }
+      )
+    ] })
+  ] }) });
+}
 function maskApiKey(apiKey) {
   if (apiKey.length <= 8) return "••••••••";
   return apiKey.slice(0, 4) + "••••••••" + apiKey.slice(-4);
@@ -3900,6 +3933,8 @@ function ProvidersPanel({
   const [configPathCopied, setConfigPathCopied] = reactExports.useState(false);
   const [highlightedProviderId, setHighlightedProviderId] = reactExports.useState(null);
   const [showImportWizard, setShowImportWizard] = reactExports.useState(false);
+  const [confirmOpen, setConfirmOpen] = reactExports.useState(false);
+  const [deletingProviderId, setDeletingProviderId] = reactExports.useState(null);
   const [sourceFilter, setSourceFilter] = reactExports.useState("all");
   const listScrollRef = reactExports.useRef(null);
   const highlightTimeoutRef = reactExports.useRef(null);
@@ -4088,7 +4123,12 @@ function ProvidersPanel({
     })();
   }
   function handleDeleteProvider(providerId) {
-    if (!window.confirm("Are you sure you want to delete this provider?")) return;
+    setDeletingProviderId(providerId);
+    setConfirmOpen(true);
+  }
+  function executeDelete() {
+    const providerId = deletingProviderId;
+    if (providerId === null) return;
     void (async () => {
       let res;
       try {
@@ -4218,19 +4258,22 @@ function ProvidersPanel({
             style: { display: "none" }
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => setShowImportWizard(true),
-            className: "gap-1",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Scan, { className: "size-3" }),
-              "Scan"
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setShowImportWizard(true),
+              className: "gap-1",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Scan, { className: "size-3" }),
+                "Scan"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Detect and import provider configs from Claude Code and OpenCode" })
+        ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: () => setShowForm(true), size: "sm", className: "gap-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
           "Add Provider"
@@ -4305,6 +4348,18 @@ function ProvidersPanel({
           }
         }
       }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConfirmDialog,
+      {
+        open: confirmOpen,
+        onOpenChange: setConfirmOpen,
+        title: "Delete Provider",
+        description: "Are you sure you want to delete this provider? This action cannot be undone.",
+        confirmLabel: "Delete",
+        variant: "destructive",
+        onConfirm: executeDelete
+      }
     )
   ] });
 }

package/.output/server/_ssr/index.mjs

@@ -198,7 +198,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DupqJc5d.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-XNH7fVPN.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -767,7 +767,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-DCfjmmJu.mjs").then((n) => n.r);
+  const routerEntry = await import("./router-lUOA8pi6.mjs").then((n) => n.r);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{router-DCfjmmJu.mjs → router-lUOA8pi6.mjs}

@@ -45,7 +45,7 @@ import "../_libs/debounce-fn.mjs";
 import "../_libs/mimic-function.mjs";
 import "../_libs/semver.mjs";
 import "../_libs/uint8array-extras.mjs";
-const appCss = "/assets/index-BFNoWwFI.css";
+const appCss = "/assets/index-DXUNTCVh.css";
 const Route$k = createRootRoute({
   head: () => ({
     meta: [
@@ -69,7 +69,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter = () => import("./index-D2yS8VvO.mjs");
+const $$splitComponentImporter = () => import("./index-BvHLASu8.mjs");
 const Route$j = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });

package/.output/server/{_tanstack-start-manifest_v-DupqJc5d.mjs → _tanstack-start-manifest_v-XNH7fVPN.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], "preloads": ["/assets/main-Dp5657Eq.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-LH-YtFEM.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/proxy/$.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.paths.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.scan.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-Dp5657Eq.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], "preloads": ["/assets/main-BV7uNIIz.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-Cmi8TfeU.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/proxy/$.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.paths.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.scan.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-BV7uNIIz.js" });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -35,54 +35,54 @@ const headers = ((m) => function headersRouteRule(event) {
   }
 });
 const assets = {
-  "/assets/minimax-BPMzvuL-.jpeg": {
-    "type": "image/jpeg",
-    "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-11T06:43:41.004Z",
-    "size": 6918,
-    "path": "../public/assets/minimax-BPMzvuL-.jpeg"
-  },
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-06-11T06:43:41.001Z",
+    "mtime": "2026-06-11T07:46:13.437Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
+  "/assets/minimax-BPMzvuL-.jpeg": {
+    "type": "image/jpeg",
+    "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
+    "mtime": "2026-06-11T07:46:13.439Z",
+    "size": 6918,
+    "path": "../public/assets/minimax-BPMzvuL-.jpeg"
+  },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-11T06:43:41.004Z",
+    "mtime": "2026-06-11T07:46:13.439Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/main-Dp5657Eq.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"50599-OPDsrJIp7Frbq0SCr8D0WjaPodo"',
-    "mtime": "2026-06-11T06:43:41.005Z",
-    "size": 329113,
-    "path": "../public/assets/main-Dp5657Eq.js"
-  },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-11T06:43:41.004Z",
+    "mtime": "2026-06-11T07:46:13.439Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/index-BFNoWwFI.css": {
+  "/assets/main-BV7uNIIz.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"50599-Hw6XWHNqYOzGgMQUjQUlo6V5ZGQ"',
+    "mtime": "2026-06-11T07:46:13.439Z",
+    "size": 329113,
+    "path": "../public/assets/main-BV7uNIIz.js"
+  },
+  "/assets/index-DXUNTCVh.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"144e4-grvzhe/fAjYnQnpkCdqNtv4X0xU"',
-    "mtime": "2026-06-11T06:43:41.004Z",
-    "size": 83172,
-    "path": "../public/assets/index-BFNoWwFI.css"
+    "etag": '"145d7-BpJnON+Y0T31X0nkA2icHh97eLY"',
+    "mtime": "2026-06-11T07:46:13.439Z",
+    "size": 83415,
+    "path": "../public/assets/index-DXUNTCVh.css"
   },
-  "/assets/index-LH-YtFEM.js": {
+  "/assets/index-Cmi8TfeU.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"93c58-GIupunlXKDH8orHkFZHzh2kZq3s"',
-    "mtime": "2026-06-11T06:43:41.005Z",
-    "size": 605272,
-    "path": "../public/assets/index-LH-YtFEM.js"
+    "etag": '"94069-2UhstwPg+t7SdSjBWTNqX+kv980"',
+    "mtime": "2026-06-11T07:46:13.440Z",
+    "size": 606313,
+    "path": "../public/assets/index-Cmi8TfeU.js"
   }
 };
 function readAsset(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/llm-inspector",
-  "version": "1.14.6",
+  "version": "1.14.7",
   "type": "module",
   "description": "LLM API proxy inspector — captures and displays requests/responses from AI coding tools in a web UI",
   "license": "MIT",

package/src/components/providers/ImportWizardDialog.tsx

@@ -180,6 +180,12 @@ export function ImportWizardDialog({
           return;
         }
         const result = parsed.data;
+        // Mark imported providers as already existing so they can't be re-selected
+        setProviders((prev) =>
+          prev.map((p, i) => (selected.has(i) ? { ...p, alreadyExists: true } : p)),
+        );
+        setSelected(new Set());
+
         if (
           result.errors !== undefined &&
           result.errors.length > 0 &&

package/src/components/providers/ProvidersPanel.tsx

@@ -1,8 +1,10 @@
 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";
 import { ProviderCard } from "./ProviderCard";
 import { ProviderForm } from "./ProviderForm";
 import { parseJsonResponse, readApiError } from "../../lib/apiClient";
@@ -87,6 +89,8 @@ export function ProvidersPanel({
   const [configPathCopied, setConfigPathCopied] = useState(false);
   const [highlightedProviderId, setHighlightedProviderId] = useState<string | null>(null);
   const [showImportWizard, setShowImportWizard] = useState(false);
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const [deletingProviderId, setDeletingProviderId] = useState<string | null>(null);
   const [sourceFilter, setSourceFilter] = useState<"all" | "personal" | "company">("all");
   const listScrollRef = useRef<HTMLDivElement>(null);
   const highlightTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
@@ -309,8 +313,13 @@ export function ProvidersPanel({
   }
 
   function handleDeleteProvider(providerId: string): void {
-    // eslint-disable-next-line no-alert
-    if (!window.confirm("Are you sure you want to delete this provider?")) return;
+    setDeletingProviderId(providerId);
+    setConfirmOpen(true);
+  }
+
+  function executeDelete(): void {
+    const providerId = deletingProviderId;
+    if (providerId === null) return;
     void (async () => {
       let res: Response;
       try {
@@ -450,15 +459,24 @@ export function ProvidersPanel({
             onChange={handleFileChange}
             style={{ display: "none" }}
           />
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => setShowImportWizard(true)}
-            className="gap-1"
-          >
-            <Scan className="size-3" />
-            Scan
-          </Button>
+          <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 onClick={() => setShowForm(true)} size="sm" className="gap-1">
             <Plus className="size-4" />
             Add Provider
@@ -554,6 +572,16 @@ export function ProvidersPanel({
           }
         }}
       />
+
+      <ConfirmDialog
+        open={confirmOpen}
+        onOpenChange={setConfirmOpen}
+        title="Delete Provider"
+        description="Are you sure you want to delete this provider? This action cannot be undone."
+        confirmLabel="Delete"
+        variant="destructive"
+        onConfirm={executeDelete}
+      />
     </div>
   );
 }

package/src/components/ui/confirm-dialog.tsx

@@ -0,0 +1,51 @@
+import { type JSX } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
+import { Button } from "../ui/button";
+
+export type ConfirmDialogVariant = "default" | "destructive";
+
+export type ConfirmDialogProps = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  title: string;
+  description: string;
+  confirmLabel?: string;
+  variant?: ConfirmDialogVariant;
+  onConfirm: () => void;
+};
+
+export function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  variant = "default",
+  onConfirm,
+}: ConfirmDialogProps): JSX.Element {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{title}</DialogTitle>
+        </DialogHeader>
+        <p className="text-sm text-muted-foreground">{description}</p>
+        <div className="flex justify-end gap-2 pt-2">
+          <Button variant="outline" size="sm" onClick={() => onOpenChange(false)}>
+            Cancel
+          </Button>
+          <Button
+            variant={variant}
+            size="sm"
+            onClick={() => {
+              onConfirm();
+              onOpenChange(false);
+            }}
+          >
+            {confirmLabel}
+          </Button>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}