@mcp-use/inspector 0.22.1 → 0.22.2

package/dist/client/index.js

@@ -6280,7 +6280,7 @@ var init_module = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-WPWBXE56.js
+// ../mcp-use/dist/chunk-BEM6RYUG.js
 import { RESOURCE_MIME_TYPE } from "@modelcontextprotocol/ext-apps";
 function getPackageVersion2() {
   return VERSION;
@@ -6443,12 +6443,12 @@ function setTelemetrySource(source) {
   Tel.getInstance().setSource(source);
 }
 var VERSION, _a6, BaseTelemetryEvent, _a7, MCPAgentExecutionEvent, _a8, ServerRunEvent, _a9, ServerInitializeEvent, _a10, ServerToolCallEvent, _a11, ServerResourceCallEvent, _a12, ServerPromptCallEvent, _a13, ServerContextEvent, _a14, MCPClientInitEvent, _a15, ConnectorInitEvent, _a16, ClientAddServerEvent, _a17, ClientRemoveServerEvent, USER_ID_STORAGE_KEY, cachedEnvironment, _a18, Telemetry2, Tel;
-var init_chunk_WPWBXE56 = __esm({
-  "../mcp-use/dist/chunk-WPWBXE56.js"() {
+var init_chunk_BEM6RYUG = __esm({
+  "../mcp-use/dist/chunk-BEM6RYUG.js"() {
     "use strict";
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
-    VERSION = "1.20.1";
+    VERSION = "1.20.2";
     __name(getPackageVersion2, "getPackageVersion");
     BaseTelemetryEvent = (_a6 = class {
     }, __name(_a6, "BaseTelemetryEvent"), _a6);
@@ -12528,17 +12528,17 @@ var init_langfuse_U2OEF7K7 = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-PFGLTHGD.js
+// ../mcp-use/dist/chunk-APFZRK4H.js
 import {
   CreateMessageRequestSchema,
   ElicitRequestSchema,
   ListRootsRequestSchema
 } from "@modelcontextprotocol/sdk/types.js";
 var _a19, BaseConnector;
-var init_chunk_PFGLTHGD = __esm({
-  "../mcp-use/dist/chunk-PFGLTHGD.js"() {
+var init_chunk_APFZRK4H = __esm({
+  "../mcp-use/dist/chunk-APFZRK4H.js"() {
     "use strict";
-    init_chunk_WPWBXE56();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     BaseConnector = (_a19 = class {
@@ -13048,12 +13048,12 @@ var init_chunk_PFGLTHGD = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-JEVNTJLN.js
+// ../mcp-use/dist/chunk-2D3EC6DS.js
 var _a20, CodeModeConnector;
-var init_chunk_JEVNTJLN = __esm({
-  "../mcp-use/dist/chunk-JEVNTJLN.js"() {
+var init_chunk_2D3EC6DS = __esm({
+  "../mcp-use/dist/chunk-2D3EC6DS.js"() {
     "use strict";
-    init_chunk_PFGLTHGD();
+    init_chunk_APFZRK4H();
     init_chunk_3GQAWCBQ();
     CodeModeConnector = (_a20 = class extends BaseConnector {
       constructor(client) {
@@ -13281,7 +13281,7 @@ var init_chunk_GKPKUKD6 = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-DGKH46XW.js
+// ../mcp-use/dist/chunk-LOZGE6LT.js
 import {
   Client
 } from "@modelcontextprotocol/sdk/client/index.js";
@@ -13351,12 +13351,12 @@ function createConnectorFromConfig(serverConfig, connectorOptions) {
   throw new Error("Cannot determine connector type from config");
 }
 var _a22, MCPSession, _a23, BaseMCPClient, _a24, SseConnectionManager, _a25, HttpConnector;
-var init_chunk_DGKH46XW = __esm({
-  "../mcp-use/dist/chunk-DGKH46XW.js"() {
+var init_chunk_LOZGE6LT = __esm({
+  "../mcp-use/dist/chunk-LOZGE6LT.js"() {
     "use strict";
     init_chunk_GKPKUKD6();
-    init_chunk_PFGLTHGD();
-    init_chunk_WPWBXE56();
+    init_chunk_APFZRK4H();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     MCPSession = (_a22 = class {
@@ -34149,16 +34149,16 @@ var init_dist3 = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-7FCA6TQV.js
+// ../mcp-use/dist/chunk-CVX4S233.js
 import { Client as Client2 } from "@modelcontextprotocol/sdk/client/index.js";
 import process22 from "process";
 import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";
 var _a28, StdioConnectionManager, _a29, StdioConnector;
-var init_chunk_7FCA6TQV = __esm({
-  "../mcp-use/dist/chunk-7FCA6TQV.js"() {
+var init_chunk_CVX4S233 = __esm({
+  "../mcp-use/dist/chunk-CVX4S233.js"() {
     "use strict";
     init_chunk_GKPKUKD6();
-    init_chunk_PFGLTHGD();
+    init_chunk_APFZRK4H();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     StdioConnectionManager = (_a28 = class extends ConnectionManager {
@@ -34301,24 +34301,24 @@ var init_chunk_7FCA6TQV = __esm({
   }
 });
 
-// ../mcp-use/dist/stdio-ZJFIZK2F.js
-var stdio_ZJFIZK2F_exports = {};
-__export(stdio_ZJFIZK2F_exports, {
+// ../mcp-use/dist/stdio-PVTCK7WZ.js
+var stdio_PVTCK7WZ_exports = {};
+__export(stdio_PVTCK7WZ_exports, {
   StdioConnector: () => StdioConnector
 });
-var init_stdio_ZJFIZK2F = __esm({
-  "../mcp-use/dist/stdio-ZJFIZK2F.js"() {
+var init_stdio_PVTCK7WZ = __esm({
+  "../mcp-use/dist/stdio-PVTCK7WZ.js"() {
     "use strict";
-    init_chunk_7FCA6TQV();
+    init_chunk_CVX4S233();
     init_chunk_GKPKUKD6();
-    init_chunk_PFGLTHGD();
-    init_chunk_WPWBXE56();
+    init_chunk_APFZRK4H();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
   }
 });
 
-// ../mcp-use/dist/chunk-X7GVPLW2.js
+// ../mcp-use/dist/chunk-SUDRAJBH.js
 function getVMModuleName() {
   return ["node", "vm"].join(":");
 }
@@ -34424,13 +34424,13 @@ function validate(params, content) {
   }
 }
 var _a30, BaseCodeExecutor, _a31, E2BCodeExecutor, vm, vmCheckAttempted, _a32, VMCodeExecutor, _a33, MCPClient;
-var init_chunk_X7GVPLW2 = __esm({
-  "../mcp-use/dist/chunk-X7GVPLW2.js"() {
+var init_chunk_SUDRAJBH = __esm({
+  "../mcp-use/dist/chunk-SUDRAJBH.js"() {
     "use strict";
-    init_chunk_JEVNTJLN();
+    init_chunk_2D3EC6DS();
     init_chunk_RPN2XO5I();
-    init_chunk_DGKH46XW();
-    init_chunk_WPWBXE56();
+    init_chunk_LOZGE6LT();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     init_fs();
@@ -35281,7 +35281,7 @@ ${shim}
           clientInfo: serverConfig.clientInfo ?? this.config.clientInfo
         };
         if ("command" in merged && "args" in merged) {
-          const { StdioConnector: StdioConnector2 } = await Promise.resolve().then(() => (init_stdio_ZJFIZK2F(), stdio_ZJFIZK2F_exports));
+          const { StdioConnector: StdioConnector2 } = await Promise.resolve().then(() => (init_stdio_PVTCK7WZ(), stdio_PVTCK7WZ_exports));
           const stdioConfig = merged;
           return new StdioConnector2({
             command: stdioConfig.command,
@@ -35533,13 +35533,13 @@ __export(client_exports, {
 var init_client = __esm({
   "../mcp-use/dist/src/client.js"() {
     "use strict";
-    init_chunk_X7GVPLW2();
-    init_chunk_JEVNTJLN();
+    init_chunk_SUDRAJBH();
+    init_chunk_2D3EC6DS();
     init_chunk_RPN2XO5I();
-    init_chunk_DGKH46XW();
+    init_chunk_LOZGE6LT();
     init_chunk_GKPKUKD6();
-    init_chunk_PFGLTHGD();
-    init_chunk_WPWBXE56();
+    init_chunk_APFZRK4H();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
   }
@@ -80133,7 +80133,7 @@ var init_display_A5IEINAP = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-WNXYB26L.js
+// ../mcp-use/dist/chunk-KL25RKDY.js
 import { z as z4 } from "zod";
 import { StructuredTool } from "@langchain/core/tools";
 import { StructuredTool as StructuredTool2 } from "@langchain/core/tools";
@@ -80365,11 +80365,11 @@ function normalizeRunOptions(queryOrOptions, maxSteps, manageConnector, external
   };
 }
 var _a34, MCPServerTool, PresentActiveServerSchema, _a35, AcquireActiveMCPServerTool, _a36, AddMCPServerFromConfigTool, ConnectMCPServerSchema, _a37, ConnectMCPServerTool, EnumerateServersSchema, _a38, ListMCPServersTool, ReleaseConnectionSchema, _a39, ReleaseMCPServerConnectionTool, _a40, ServerManager, _a41, ObservabilityManager, API_CHATS_ENDPOINT, API_CHAT_EXECUTE_ENDPOINT, _a42, RemoteAgent, PROVIDER_CONFIG, DEFAULT_SYSTEM_PROMPT_TEMPLATE, SERVER_MANAGER_SYSTEM_PROMPT_TEMPLATE, _a43, MCPAgent;
-var init_chunk_WNXYB26L = __esm({
-  "../mcp-use/dist/chunk-WNXYB26L.js"() {
+var init_chunk_KL25RKDY = __esm({
+  "../mcp-use/dist/chunk-KL25RKDY.js"() {
     "use strict";
     init_chunk_3RU35UU4();
-    init_chunk_WPWBXE56();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     MCPServerTool = (_a34 = class extends StructuredTool {
@@ -81178,6 +81178,8 @@ Here are the tools *currently* available to you (this list includes server manag
         __publicField(this, "disallowedTools");
         __publicField(this, "additionalTools");
         __publicField(this, "toolsUsedNames", []);
+        __publicField(this, "exposeResourcesAsTools", true);
+        __publicField(this, "exposePromptsAsTools", true);
         __publicField(this, "useServerManager");
         __publicField(this, "verbose");
         __publicField(this, "observe");
@@ -81280,6 +81282,8 @@ Here are the tools *currently* available to you (this list includes server manag
         this.disallowedTools = options.disallowedTools ?? [];
         this.additionalTools = options.additionalTools ?? [];
         this.toolsUsedNames = options.toolsUsedNames ?? [];
+        this.exposeResourcesAsTools = options.exposeResourcesAsTools ?? true;
+        this.exposePromptsAsTools = options.exposePromptsAsTools ?? true;
         this.useServerManager = options.useServerManager ?? false;
         this.verbose = options.verbose ?? false;
         this.observe = options.observe ?? true;
@@ -81422,15 +81426,12 @@ Here are the tools *currently* available to you (this list includes server manag
                 );
               }
             } else {
-              const tools = await this.adapter.createToolsFromConnectors(
-                Object.values(this.sessions).map((session) => session.connector)
-              );
-              const resources = await this.adapter.createResourcesFromConnectors(
-                Object.values(this.sessions).map((session) => session.connector)
-              );
-              const prompts = await this.adapter.createPromptsFromConnectors(
-                Object.values(this.sessions).map((session) => session.connector)
+              const connectors = Object.values(this.sessions).map(
+                (session) => session.connector
               );
+              const tools = await this.adapter.createToolsFromConnectors(connectors);
+              const resources = this.exposeResourcesAsTools ? await this.adapter.createResourcesFromConnectors(connectors) : [];
+              const prompts = this.exposePromptsAsTools ? await this.adapter.createPromptsFromConnectors(connectors) : [];
               this._tools = [...tools, ...resources, ...prompts];
               logger.info(
                 `\u{1F6E0}\uFE0F Created ${this._tools.length} LangChain items from client: ${tools.length} tools, ${resources.length} resources, ${prompts.length} prompts`
@@ -82718,13 +82719,13 @@ ${formatPrompt}`
   }
 });
 
-// ../mcp-use/dist/chunk-QIRMWWEB.js
+// ../mcp-use/dist/chunk-6IKW4ZMN.js
 var _a44, BrowserMCPClient;
-var init_chunk_QIRMWWEB = __esm({
-  "../mcp-use/dist/chunk-QIRMWWEB.js"() {
+var init_chunk_6IKW4ZMN = __esm({
+  "../mcp-use/dist/chunk-6IKW4ZMN.js"() {
     "use strict";
-    init_chunk_DGKH46XW();
-    init_chunk_WPWBXE56();
+    init_chunk_LOZGE6LT();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     BrowserMCPClient = (_a44 = class extends BaseMCPClient {
@@ -83629,15 +83630,15 @@ var init_browser = __esm({
   "../mcp-use/dist/src/browser.js"() {
     "use strict";
     init_chunk_LGDFGYRL();
-    init_chunk_WNXYB26L();
+    init_chunk_KL25RKDY();
     init_chunk_UJPHRNQP();
     init_chunk_3RU35UU4();
     init_chunk_RPN2XO5I();
-    init_chunk_QIRMWWEB();
-    init_chunk_DGKH46XW();
+    init_chunk_6IKW4ZMN();
+    init_chunk_LOZGE6LT();
     init_chunk_GKPKUKD6();
-    init_chunk_PFGLTHGD();
-    init_chunk_WPWBXE56();
+    init_chunk_APFZRK4H();
+    init_chunk_BEM6RYUG();
     init_chunk_QWQYAQCK();
     init_chunk_6KHHFWTB();
     init_chunk_3GQAWCBQ();
@@ -89103,7 +89104,7 @@ function MCPAppsRendererBase({
   serverRef.current = server;
   const [widgetCsp, setWidgetCsp] = useState10(void 0);
   const [widgetPermissions, setWidgetPermissions] = useState10(void 0);
-  const [prefersBorder, setPrefersBorder] = useState10(true);
+  const [prefersBorder, setPrefersBorder] = useState10(false);
   const [internalDisplayMode, setInternalDisplayMode] = useState10("inline");
   const displayMode = displayModeProp ?? internalDisplayMode;
   const displayModeRef = useRef6(displayMode);
@@ -89165,7 +89166,7 @@ function MCPAppsRendererBase({
           if (Object.keys(fallback).length > 0) mcpAppsCsp = fallback;
         }
         const mcpAppsPermissions = mergedUiMeta?.permissions;
-        const mcpAppsPrefersBorder = mergedUiMeta?.prefersBorder ?? true;
+        const mcpAppsPrefersBorder = mergedUiMeta?.prefersBorder ?? false;
         const storeResponse = await fetch(
           MCP_APPS_CONFIG.API_ENDPOINTS.WIDGET_STORE,
           {
@@ -89275,7 +89276,7 @@ function MCPAppsRendererBase({
         if (cancelled2) return;
         const contentUiMeta = resourceResult?.contents?.[0]?._meta?.ui;
         if (contentUiMeta && "prefersBorder" in contentUiMeta) {
-          setPrefersBorder(contentUiMeta.prefersBorder ?? true);
+          setPrefersBorder(contentUiMeta.prefersBorder ?? false);
         }
       } catch {
       }
@@ -89786,7 +89787,8 @@ function MCPAppsRendererBase({
           {
             className: cn(
               "flex-1 w-full h-full flex justify-center items-center relative",
-              isFullscreen && "pt-14"
+              isFullscreen && "pt-14",
+              !isPip && !isFullscreen && (invoking || invoked) && "pt-8"
             ),
             children: [
               showSpinner && /* @__PURE__ */ jsx30("div", { className: "flex absolute left-0 top-0 items-center justify-center w-full h-full z-10", children: /* @__PURE__ */ jsx30(Spinner, { className: "size-5" }) }),
@@ -90846,10 +90848,6 @@ function OpenAIComponentRendererBase({
     return /* @__PURE__ */ jsx32(Wrapper, { className, noWrapper, children: /* @__PURE__ */ jsx32("div", { className: "flex absolute left-0 top-0 items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx32(Spinner, { className: "size-5" }) }) });
   }
   return /* @__PURE__ */ jsxs16(Wrapper, { className, noWrapper, children: [
-    displayMode === "inline" && (invoking || invoked) && /* @__PURE__ */ jsxs16("div", { className: "mb-1 px-1", children: [
-      invoking && !toolResult && /* @__PURE__ */ jsx32(TextShimmer, { className: "text-xs", children: invoking }),
-      invoked && toolResult && /* @__PURE__ */ jsx32("span", { className: "text-xs text-muted-foreground", children: invoked })
-    ] }),
     showSkeleton && /* @__PURE__ */ jsx32("div", { className: "flex absolute left-0 top-0 items-center justify-center w-full h-full z-0", children: /* @__PURE__ */ jsx32(Spinner, { className: "size-5" }) }),
     showConsole && isSameOrigin && displayMode !== "fullscreen" && displayMode !== "pip" && /* @__PURE__ */ jsx32("div", { className: "absolute top-2 right-2 z-30 flex items-center gap-2", children: /* @__PURE__ */ jsx32(
       MCPAppsDebugControls,
@@ -90914,26 +90912,33 @@ function OpenAIComponentRendererBase({
               className: cn(
                 "flex-1 w-full flex justify-center items-center relative z-10",
                 displayMode === "fullscreen" && "pt-14",
-                centerVertically && "items-center"
+                centerVertically && "items-center",
+                displayMode === "inline" && (invoking || invoked) && "pt-8"
               ),
-              children: /* @__PURE__ */ jsx32(
-                "iframe",
-                {
-                  ref: iframeRef,
-                  src: widgetUrl,
-                  className: cn(
-                    displayMode === "inline" && " w-full max-w-[768px]",
-                    displayMode === "fullscreen" && "w-full h-full rounded-none",
-                    displayMode === "pip" && "w-full h-full rounded-lg"
-                  ),
-                  style: {
-                    height: displayMode === "fullscreen" || displayMode === "pip" ? "100%" : `${iframeHeight}px`
-                  },
-                  sandbox: IFRAME_SANDBOX_PERMISSIONS,
-                  title: `OpenAI Component: ${toolName}`,
-                  allow: "web-share"
-                }
-              )
+              children: /* @__PURE__ */ jsxs16("div", { className: "relative w-full max-w-[768px]", children: [
+                displayMode === "inline" && (invoking || invoked) && /* @__PURE__ */ jsxs16("div", { className: "absolute -top-8 left-2 z-10 whitespace-nowrap", children: [
+                  invoking && !toolResult && /* @__PURE__ */ jsx32(TextShimmer, { className: "text-xs", children: invoking }),
+                  invoked && toolResult && /* @__PURE__ */ jsx32("span", { className: "text-xs text-muted-foreground", children: invoked })
+                ] }),
+                /* @__PURE__ */ jsx32(
+                  "iframe",
+                  {
+                    ref: iframeRef,
+                    src: widgetUrl,
+                    className: cn(
+                      displayMode === "inline" && "w-full",
+                      displayMode === "fullscreen" && "w-full h-full rounded-none",
+                      displayMode === "pip" && "w-full h-full rounded-lg"
+                    ),
+                    style: {
+                      height: displayMode === "fullscreen" || displayMode === "pip" ? "100%" : `${iframeHeight}px`
+                    },
+                    sandbox: IFRAME_SANDBOX_PERMISSIONS,
+                    title: `OpenAI Component: ${toolName}`,
+                    allow: "web-share"
+                  }
+                )
+              ] })
             }
           )
         ]
@@ -91435,7 +91440,7 @@ function ToolResultDisplay({
       /* @__PURE__ */ jsxs18(
         "div",
         {
-          className: `sticky top-0 z-20 flex items-center gap-2 px-4 pt-2 backdrop-blur-xs bg-white/50 dark:bg-black/50 ${hasMcpAppsResource || hasMcpUIResources || hasAppsSdkResource || isNonUIResult ? "border-b border-gray-200 dark:border-zinc-600 pb-2" : ""}`,
+          className: `sticky top-0 z-40 flex items-center gap-2 px-4 pt-2 backdrop-blur-xs bg-white/50 dark:bg-black/50 ${hasMcpAppsResource || hasMcpUIResources || hasAppsSdkResource || isNonUIResult ? "border-b border-gray-200 dark:border-zinc-600 pb-2" : ""}`,
           children: [
             /* @__PURE__ */ jsx34("h3", { className: "text-sm font-medium hidden sm:block", children: "Response" }),
             result.duration !== void 0 && /* @__PURE__ */ jsxs18("div", { className: "hidden sm:flex items-center gap-1", children: [
@@ -92013,7 +92018,13 @@ function ToolResultRenderer({
 }
 
 // src/client/components/ChatTab.tsx
-import { useCallback as useCallback16, useEffect as useEffect18, useRef as useRef15, useState as useState22 } from "react";
+import {
+  useCallback as useCallback17,
+  useEffect as useEffect18,
+  useMemo as useMemo13,
+  useRef as useRef15,
+  useState as useState23
+} from "react";
 import { toast as toast5 } from "sonner";
 
 // src/client/hooks/useKeyboardShortcuts.ts
@@ -93002,6 +93013,157 @@ import { Send, Square } from "lucide-react";
 import { Image as ImageIcon, Paperclip, X as X5 } from "lucide-react";
 import { useRef as useRef10 } from "react";
 
+// src/client/components/ui/checkbox.tsx
+import * as React9 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check as Check4 } from "lucide-react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx40(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsx40(Check4, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/client/components/chat/ToolSelector.tsx
+import { Wrench } from "lucide-react";
+import { useCallback as useCallback13, useMemo as useMemo12, useState as useState16 } from "react";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+function ToolSelector({
+  tools,
+  disabledTools,
+  onDisabledToolsChange,
+  disabled
+}) {
+  const [open, setOpen] = useState16(false);
+  const enabledCount = tools.length - disabledTools.size;
+  const allEnabled = disabledTools.size === 0;
+  const someDisabled = disabledTools.size > 0 && disabledTools.size < tools.length;
+  const toggleTool = useCallback13(
+    (toolName) => {
+      const next = new Set(disabledTools);
+      if (next.has(toolName)) {
+        next.delete(toolName);
+      } else {
+        next.add(toolName);
+      }
+      onDisabledToolsChange(next);
+    },
+    [disabledTools, onDisabledToolsChange]
+  );
+  const toggleAll = useCallback13(() => {
+    if (allEnabled) {
+      onDisabledToolsChange(new Set(tools.map((t2) => t2.name)));
+    } else {
+      onDisabledToolsChange(/* @__PURE__ */ new Set());
+    }
+  }, [allEnabled, tools, onDisabledToolsChange]);
+  const sortedTools = useMemo12(
+    () => [...tools].sort((a2, b2) => a2.name.localeCompare(b2.name)),
+    [tools]
+  );
+  if (tools.length === 0) return null;
+  return /* @__PURE__ */ jsxs22(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs22(Tooltip, { children: [
+      /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          disabled,
+          className: cn(
+            "h-auto w-auto aspect-square rounded-full p-2 relative",
+            someDisabled && "text-amber-500 dark:text-amber-400"
+          ),
+          type: "button",
+          "data-testid": "chat-tool-selector",
+          children: [
+            /* @__PURE__ */ jsx41(Wrench, { className: "h-4 w-4" }),
+            someDisabled && /* @__PURE__ */ jsx41("span", { className: "absolute -top-0.5 -right-0.5 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-amber-500 text-[9px] font-bold text-white leading-none", children: enabledCount })
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx41(TooltipContent, { side: "top", children: /* @__PURE__ */ jsxs22("p", { children: [
+        "Tools (",
+        enabledCount,
+        "/",
+        tools.length,
+        ")"
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs22(
+      PopoverContent,
+      {
+        className: "w-72 p-0",
+        align: "start",
+        side: "top",
+        sideOffset: 8,
+        children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-3 py-2 border-b", children: [
+            /* @__PURE__ */ jsxs22("span", { className: "text-xs font-medium text-muted-foreground", children: [
+              "Allowed Tools (",
+              enabledCount,
+              "/",
+              tools.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx41(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-6 px-2 text-xs",
+                onClick: toggleAll,
+                type: "button",
+                children: allEnabled ? "Disable All" : "Enable All"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx41("div", { className: "max-h-64 overflow-y-auto py-1", children: sortedTools.map((tool) => {
+            const isEnabled = !disabledTools.has(tool.name);
+            return /* @__PURE__ */ jsxs22(
+              "button",
+              {
+                type: "button",
+                className: "flex items-center gap-2.5 w-full px-3 py-1.5 text-left hover:bg-accent/50 transition-colors cursor-pointer",
+                onClick: () => toggleTool(tool.name),
+                children: [
+                  /* @__PURE__ */ jsx41(
+                    Checkbox,
+                    {
+                      checked: isEnabled,
+                      className: "pointer-events-none",
+                      tabIndex: -1
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx41("div", { className: "text-sm font-mono truncate", children: tool.name }),
+                    tool.description && /* @__PURE__ */ jsx41("div", { className: "text-[11px] text-muted-foreground truncate", children: tool.description })
+                  ] })
+                ]
+              },
+              tool.name
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+
 // src/client/components/chat/utils.ts
 function hashString(str) {
   let hash = 0;
@@ -93073,7 +93235,7 @@ function formatFileSize(bytes) {
 }
 
 // src/client/components/chat/ChatInput.tsx
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
 function ChatInput({
   inputValue,
   isConnected,
@@ -93083,6 +93245,9 @@ function ChatInput({
   placeholder = "Ask a question",
   className,
   showAttachButton = true,
+  tools,
+  disabledTools,
+  onDisabledToolsChange,
   onInputChange,
   onKeyDown,
   onKeyUp,
@@ -93103,19 +93268,19 @@ function ChatInput({
     }
   };
   const hasAttachments = attachments.length > 0;
-  return /* @__PURE__ */ jsxs22("div", { className: "relative w-full", children: [
-    hasAttachments && /* @__PURE__ */ jsx40("div", { className: "absolute top-0 left-0 right-0 z-20 p-3 flex gap-2 flex-wrap", children: attachments.map((attachment, index) => /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23("div", { className: "relative w-full", children: [
+    hasAttachments && /* @__PURE__ */ jsx42("div", { className: "absolute top-0 left-0 right-0 z-20 p-3 flex gap-2 flex-wrap", children: attachments.map((attachment, index) => /* @__PURE__ */ jsxs23(
       "div",
       {
         className: "relative group bg-zinc-100/90 dark:bg-zinc-900/90 backdrop-blur-sm rounded-lg p-2 flex items-center gap-2 border border-zinc-200 dark:border-zinc-700",
         "data-testid": `chat-attachment-${index}`,
         children: [
-          /* @__PURE__ */ jsx40(ImageIcon, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ jsx40("span", { className: "text-xs font-medium truncate max-w-[150px]", children: attachment.name || "Image" }),
-            attachment.size && /* @__PURE__ */ jsx40("span", { className: "text-xs text-muted-foreground", children: formatFileSize(attachment.size) })
+          /* @__PURE__ */ jsx42(ImageIcon, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx42("span", { className: "text-xs font-medium truncate max-w-[150px]", children: attachment.name || "Image" }),
+            attachment.size && /* @__PURE__ */ jsx42("span", { className: "text-xs text-muted-foreground", children: formatFileSize(attachment.size) })
           ] }),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx42(
             "button",
             {
               onClick: () => onAttachmentRemove(index),
@@ -93123,14 +93288,14 @@ function ChatInput({
               title: "Remove attachment",
               type: "button",
               "data-testid": `chat-attachment-remove-${index}`,
-              children: /* @__PURE__ */ jsx40(X5, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx42(X5, { className: "h-3 w-3" })
             }
           )
         ]
       },
       index
     )) }),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx42(
       Textarea,
       {
         ref: textareaRef,
@@ -93149,7 +93314,7 @@ function ChatInput({
         "data-testid": "chat-input"
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx42(
       "input",
       {
         ref: fileInputRef,
@@ -93161,31 +93326,42 @@ function ChatInput({
         "aria-label": "Upload images"
       }
     ),
-    showAttachButton && /* @__PURE__ */ jsx40("div", { className: "absolute left-0 p-3 bottom-0", children: /* @__PURE__ */ jsx40(
-      Button,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: () => fileInputRef.current?.click(),
-        disabled: !isConnected || isLoading,
-        className: "h-auto w-auto aspect-square rounded-full p-2",
-        title: "Attach images",
-        type: "button",
-        "data-testid": "chat-attach-button",
-        children: /* @__PURE__ */ jsx40(Paperclip, { className: "h-4 w-4" })
-      }
-    ) })
+    /* @__PURE__ */ jsxs23("div", { className: "absolute left-0 p-3 bottom-0 flex items-center gap-0.5", children: [
+      showAttachButton && /* @__PURE__ */ jsx42(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => fileInputRef.current?.click(),
+          disabled: !isConnected || isLoading,
+          className: "h-auto w-auto aspect-square rounded-full p-2",
+          title: "Attach images",
+          type: "button",
+          "data-testid": "chat-attach-button",
+          children: /* @__PURE__ */ jsx42(Paperclip, { className: "h-4 w-4" })
+        }
+      ),
+      tools && tools.length > 0 && disabledTools && onDisabledToolsChange && /* @__PURE__ */ jsx42(
+        ToolSelector,
+        {
+          tools,
+          disabledTools,
+          onDisabledToolsChange,
+          disabled: !isConnected || isLoading
+        }
+      )
+    ] })
   ] });
 }
 
 // src/client/components/chat/PromptResultsList.tsx
 import { MessageSquare, X as X6 } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 function PromptResultsList({
   promptResults,
   onDeletePromptResult
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: "absolute top-4 left-4 right-4 flex gap-2 overflow-x-auto z-20 flex-nowrap",
@@ -93193,15 +93369,15 @@ function PromptResultsList({
         scrollbarWidth: "none",
         msOverflowStyle: "none"
       },
-      children: promptResults.map(({ promptName }, index) => /* @__PURE__ */ jsxs23(
+      children: promptResults.map(({ promptName }, index) => /* @__PURE__ */ jsxs24(
         Button,
         {
           type: "button",
           className: "flex items-center gap-2 bg-zinc-200 text-zinc-700 dark:text-zinc-300 text-[10px] px-1.5 py-0.5 dark:bg-zinc-700 rounded-lg border border-zinc-200 dark:border-zinc-300 font-medium hover:bg-zinc-300 dark:hover:bg-zinc-600",
           children: [
-            /* @__PURE__ */ jsx41(MessageSquare, { className: "h-3.5 w-3.5 shrink-0" }),
-            /* @__PURE__ */ jsx41("span", { className: "truncate", title: promptName, children: promptName }),
-            /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx43(MessageSquare, { className: "h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx43("span", { className: "truncate", title: promptName, children: promptName }),
+            /* @__PURE__ */ jsx43(
               "span",
               {
                 className: "ml-1 h-4 w-4 rounded-full bg-zinc-400 dark:bg-zinc-600 hover:bg-zinc-500 dark:hover:bg-zinc-500 flex items-center justify-center cursor-pointer shrink-0 transition-colors",
@@ -93212,7 +93388,7 @@ function PromptResultsList({
                 title: "Remove prompt",
                 role: "button",
                 tabIndex: 0,
-                children: /* @__PURE__ */ jsx41(X6, { className: "h-2.5 w-2.5 text-white" })
+                children: /* @__PURE__ */ jsx43(X6, { className: "h-2.5 w-2.5 text-white" })
               }
             )
           ]
@@ -93226,7 +93402,7 @@ function PromptResultsList({
 // src/client/components/chat/PromptsDropdown.tsx
 import { MessageSquare as MessageSquare2 } from "lucide-react";
 import { useEffect as useEffect15 } from "react";
-import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
 function PromptsDropdown({
   isOpen,
   focusedIndex,
@@ -93243,15 +93419,15 @@ function PromptsDropdown({
       }
     }
   }, [focusedIndex]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: "absolute bottom-full left-0 right-0 max-w-3xl w-full max-h-[300px] overflow-y-auto rounded-lg border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 shadow-lg z-30 flex flex-col gap-2 mb-1",
       "data-testid": "chat-prompts-dropdown",
-      children: /* @__PURE__ */ jsxs24("div", { className: "p-2", children: [
-        /* @__PURE__ */ jsx42("div", { className: "text-xs font-medium text-zinc-900 dark:text-zinc-100 mb-2", children: "Prompts" }),
-        prompts.map((prompt, index) => /* @__PURE__ */ jsxs24(Tooltip, { children: [
-          /* @__PURE__ */ jsx42(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs24(
+      children: /* @__PURE__ */ jsxs25("div", { className: "p-2", children: [
+        /* @__PURE__ */ jsx44("div", { className: "text-xs font-medium text-zinc-900 dark:text-zinc-100 mb-2", children: "Prompts" }),
+        prompts.map((prompt, index) => /* @__PURE__ */ jsxs25(Tooltip, { children: [
+          /* @__PURE__ */ jsx44(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs25(
             Button,
             {
               id: `prompt-${index}`,
@@ -93264,15 +93440,15 @@ function PromptsDropdown({
               onClick: () => onPromptSelect(prompt),
               "data-testid": `chat-prompt-option-${index}`,
               children: [
-                /* @__PURE__ */ jsx42("div", { className: "flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx42(MessageSquare2, { className: "h-4 w-4 text-zinc-600 dark:text-zinc-400" }) }),
-                /* @__PURE__ */ jsx42("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs24("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100 flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx44("div", { className: "flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx44(MessageSquare2, { className: "h-4 w-4 text-zinc-600 dark:text-zinc-400" }) }),
+                /* @__PURE__ */ jsx44("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs25("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100 flex items-center gap-2", children: [
                   prompt.name,
-                  selectedPrompt?.name === prompt.name && /* @__PURE__ */ jsx42(Spinner, { className: "size-3 text-zinc-600 dark:text-zinc-400" })
+                  selectedPrompt?.name === prompt.name && /* @__PURE__ */ jsx44(Spinner, { className: "size-3 text-zinc-600 dark:text-zinc-400" })
                 ] }) })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx42(TooltipContent, { children: prompt.description })
+          /* @__PURE__ */ jsx44(TooltipContent, { children: prompt.description })
         ] }, index))
       ] })
     }
@@ -93280,7 +93456,7 @@ function PromptsDropdown({
 }
 
 // src/client/components/chat/ChatInputArea.tsx
-import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
 function ChatInputArea({
   inputValue,
   isConnected,
@@ -93292,6 +93468,9 @@ function ChatInputArea({
   selectedPrompt,
   promptResults,
   attachments,
+  tools,
+  disabledTools,
+  onDisabledToolsChange,
   onInputChange,
   onKeyDown,
   onKeyUp,
@@ -93306,8 +93485,8 @@ function ChatInputArea({
   onFollowupSelect
 }) {
   const canSend = inputValue.trim() || promptResults.length > 0 || attachments.length > 0;
-  return /* @__PURE__ */ jsx43("div", { className: "w-full flex flex-col justify-center items-center p-2 sm:p-4 sm:pt-0 text-foreground", children: /* @__PURE__ */ jsxs25("div", { className: "relative w-full max-w-3xl backdrop-blur-xl", children: [
-    followups.length > 0 && /* @__PURE__ */ jsx43("div", { className: "mb-2 flex flex-wrap gap-2", children: followups.map((followup) => /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45("div", { className: "w-full flex flex-col justify-center items-center p-2 sm:p-4 sm:pt-0 text-foreground", children: /* @__PURE__ */ jsxs26("div", { className: "relative w-full max-w-3xl backdrop-blur-xl", children: [
+    followups.length > 0 && /* @__PURE__ */ jsx45("div", { className: "mb-2 flex flex-wrap gap-2", children: followups.map((followup) => /* @__PURE__ */ jsx45(
       Button,
       {
         type: "button",
@@ -93320,7 +93499,7 @@ function ChatInputArea({
       },
       followup
     )) }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx45(
       PromptsDropdown,
       {
         isOpen: promptsDropdownOpen,
@@ -93330,14 +93509,14 @@ function ChatInputArea({
         onPromptSelect
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx45(
       PromptResultsList,
       {
         promptResults,
         onDeletePromptResult
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx45(
       ChatInput,
       {
         inputValue,
@@ -93350,6 +93529,9 @@ function ChatInputArea({
           "bg-zinc-50 z-10 focus:bg-zinc-100 dark:text-white dark:bg-black border-gray-200 dark:border-zinc-800",
           promptResults.length > 0 && "pt-16"
         ),
+        tools,
+        disabledTools,
+        onDisabledToolsChange,
         onInputChange,
         onKeyDown,
         onKeyUp,
@@ -93358,16 +93540,16 @@ function ChatInputArea({
         onAttachmentRemove
       }
     ),
-    /* @__PURE__ */ jsx43("div", { className: "absolute right-0 p-3 bottom-0 flex items-center gap-2", children: isLoading ? /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx45("div", { className: "absolute right-0 p-3 bottom-0 flex items-center gap-2", children: isLoading ? /* @__PURE__ */ jsx45(
       Button,
       {
         className: "min-w-none h-auto w-auto aspect-square rounded-full items-center justify-center flex",
         title: "Stop streaming",
         type: "button",
         onClick: onStopStreaming,
-        children: /* @__PURE__ */ jsx43(Square, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx45(Square, { className: "h-4 w-4" })
       }
-    ) : /* @__PURE__ */ jsx43(
+    ) : /* @__PURE__ */ jsx45(
       Button,
       {
         disabled: !canSend || !isConnected || isLoading,
@@ -93376,21 +93558,21 @@ function ChatInputArea({
         type: "button",
         onClick: onSendMessage,
         "data-testid": "chat-send-button",
-        children: /* @__PURE__ */ jsx43(Send, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx45(Send, { className: "h-4 w-4" })
       }
     ) })
   ] }) });
 }
 
 // src/client/components/ui/aurora-background.tsx
-import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
 function AuroraBackground({
   className,
   children,
   showRadialGradient = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn(
@@ -93399,7 +93581,7 @@ function AuroraBackground({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx46(
           "div",
           {
             className: "absolute inset-0 overflow-hidden dark:opacity-50 dark:contrast-200",
@@ -93416,7 +93598,7 @@ function AuroraBackground({
               "--white": "#fff",
               "--transparent": "transparent"
             },
-            children: /* @__PURE__ */ jsx44(
+            children: /* @__PURE__ */ jsx46(
               "div",
               {
                 className: cn(
@@ -93436,7 +93618,7 @@ function AuroraBackground({
 // src/client/components/ui/blur-fade.tsx
 import { AnimatePresence, motion as motion2, useInView } from "motion/react";
 import { useRef as useRef11 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function BlurFade({
   children,
   className,
@@ -93466,7 +93648,7 @@ function BlurFade({
     }
   };
   const combinedVariants = variant || defaultVariants;
-  return /* @__PURE__ */ jsx45(AnimatePresence, { children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(AnimatePresence, { children: /* @__PURE__ */ jsx47(
     motion2.div,
     {
       ref,
@@ -93488,7 +93670,7 @@ function BlurFade({
 
 // src/client/components/chat/ChatLandingForm.tsx
 import { ArrowUp, Loader2 as Loader23 } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
 function ChatLandingForm({
   mcpServerUrl,
   inputValue,
@@ -93502,6 +93684,9 @@ function ChatLandingForm({
   selectedPrompt,
   promptResults,
   attachments,
+  tools,
+  disabledTools,
+  onDisabledToolsChange,
   onInputChange,
   onKeyDown,
   onKeyUp,
@@ -93518,9 +93703,9 @@ function ChatLandingForm({
   onQuickQuestionSelect
 }) {
   const canSend = inputValue.trim() || promptResults.length > 0 || attachments.length > 0;
-  return /* @__PURE__ */ jsx46(AuroraBackground, { children: /* @__PURE__ */ jsxs27(BlurFade, { className: "w-full max-w-4xl mx-auto px-2 sm:px-4", children: [
-    /* @__PURE__ */ jsxs27("div", { className: "text-center mb-6 sm:mb-8", children: [
-      /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(AuroraBackground, { children: /* @__PURE__ */ jsxs28(BlurFade, { className: "w-full max-w-4xl mx-auto px-2 sm:px-4", children: [
+    /* @__PURE__ */ jsxs28("div", { className: "text-center mb-6 sm:mb-8", children: [
+      /* @__PURE__ */ jsx48(
         "h1",
         {
           className: "text-2xl sm:text-4xl font-light mb-2 dark:text-white",
@@ -93528,11 +93713,11 @@ function ChatLandingForm({
           children: "Chat with MCP Server"
         }
       ),
-      !hideServerUrl && /* @__PURE__ */ jsx46("p", { className: "text-xs sm:text-sm text-zinc-600 dark:text-zinc-400 font-light break-all px-2", children: mcpServerUrl })
+      !hideServerUrl && /* @__PURE__ */ jsx48("p", { className: "text-xs sm:text-sm text-zinc-600 dark:text-zinc-400 font-light break-all px-2", children: mcpServerUrl })
     ] }),
-    /* @__PURE__ */ jsxs27("form", { onSubmit, className: "space-y-6", children: [
-      /* @__PURE__ */ jsx46("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs27("div", { className: "relative w-full max-w-2xl", children: [
-        /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsxs28("form", { onSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsx48("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs28("div", { className: "relative w-full max-w-2xl", children: [
+        /* @__PURE__ */ jsx48(
           PromptsDropdown,
           {
             prompts,
@@ -93542,14 +93727,14 @@ function ChatLandingForm({
             onPromptSelect
           }
         ),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx48(
           PromptResultsList,
           {
             promptResults,
             onDeletePromptResult
           }
         ),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx48(
           ChatInput,
           {
             inputValue,
@@ -93562,6 +93747,9 @@ function ChatLandingForm({
               "bg-white/80 dark:text-white dark:bg-black backdrop-blur-sm border-gray-200 dark:border-zinc-800",
               promptResults.length > 0 && "pt-16"
             ),
+            tools,
+            disabledTools,
+            onDisabledToolsChange,
             onInputChange,
             onKeyDown,
             onKeyUp,
@@ -93570,7 +93758,7 @@ function ChatLandingForm({
             onAttachmentRemove
           }
         ),
-        /* @__PURE__ */ jsx46("div", { className: "absolute right-0 p-3 bottom-0", children: /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx48("div", { className: "absolute right-0 p-3 bottom-0", children: /* @__PURE__ */ jsx48(
           Button,
           {
             type: "submit",
@@ -93582,11 +93770,11 @@ function ChatLandingForm({
             ),
             disabled: isLoading || !canSend || !isConnected,
             "data-testid": "chat-send-button",
-            children: isLoading ? /* @__PURE__ */ jsx46(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx46(ArrowUp, { className: "h-4 w-4" })
+            children: isLoading ? /* @__PURE__ */ jsx48(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx48(ArrowUp, { className: "h-4 w-4" })
           }
         ) })
       ] }) }),
-      quickQuestions.length > 0 && /* @__PURE__ */ jsx46("div", { className: "flex flex-wrap items-center justify-center gap-2 px-2", children: quickQuestions.map((question) => /* @__PURE__ */ jsx46(
+      quickQuestions.length > 0 && /* @__PURE__ */ jsx48("div", { className: "flex flex-wrap items-center justify-center gap-2 px-2", children: quickQuestions.map((question) => /* @__PURE__ */ jsx48(
         Button,
         {
           type: "button",
@@ -93599,15 +93787,15 @@ function ChatLandingForm({
         },
         question
       )) }),
-      llmConfig && !hideModelBadge && /* @__PURE__ */ jsx46("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ jsxs27(Tooltip, { children: [
-        /* @__PURE__ */ jsx46(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
+      llmConfig && !hideModelBadge && /* @__PURE__ */ jsx48("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ jsxs28(Tooltip, { children: [
+        /* @__PURE__ */ jsx48(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(
           Badge,
           {
             variant: "secondary",
             className: "pl-1 font-mono text-[11px] cursor-pointer hover:bg-secondary/80 transition-colors",
             onClick: () => onConfigDialogOpenChange(true),
             children: [
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx48(
                 "img",
                 {
                   src: `https://inspector-cdn.mcp-use.com/providers/${llmConfig.provider}.png`,
@@ -93621,7 +93809,7 @@ function ChatLandingForm({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx46(TooltipContent, { children: /* @__PURE__ */ jsx46("p", { children: "Change API Key" }) })
+        /* @__PURE__ */ jsx48(TooltipContent, { children: /* @__PURE__ */ jsx48("p", { children: "Change API Key" }) })
       ] }) })
     ] })
   ] }) });
@@ -93629,21 +93817,21 @@ function ChatLandingForm({
 
 // src/client/components/chat/ConfigureEmptyState.tsx
 import { Key as Key2, Settings as Settings2 } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
 function ConfigureEmptyState({
   onConfigureClick
 }) {
-  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
-    /* @__PURE__ */ jsx47(Key2, { className: "h-12 w-12 text-muted-foreground mb-4" }),
-    /* @__PURE__ */ jsx47("h3", { className: "text-lg font-semibold mb-2", children: "Configure Your LLM Provider" }),
-    /* @__PURE__ */ jsx47("p", { className: "text-sm text-muted-foreground mb-4 max-w-md", children: "To start chatting with the MCP server, you need to configure your LLM provider and API key. Your credentials are stored locally and used only for this chat." }),
-    /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+    /* @__PURE__ */ jsx49(Key2, { className: "h-12 w-12 text-muted-foreground mb-4" }),
+    /* @__PURE__ */ jsx49("h3", { className: "text-lg font-semibold mb-2", children: "Configure Your LLM Provider" }),
+    /* @__PURE__ */ jsx49("p", { className: "text-sm text-muted-foreground mb-4 max-w-md", children: "To start chatting with the MCP server, you need to configure your LLM provider and API key. Your credentials are stored locally and used only for this chat." }),
+    /* @__PURE__ */ jsxs29(
       Button,
       {
         onClick: onConfigureClick,
         "data-testid": "chat-configure-api-key-button",
         children: [
-          /* @__PURE__ */ jsx47(Settings2, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsx49(Settings2, { className: "h-4 w-4 mr-2" }),
           "Configure API Key"
         ]
       }
@@ -93656,43 +93844,18 @@ import { memo as memo4, useEffect as useEffect16, useRef as useRef12 } from "rea
 
 // src/client/components/chat/AssistantMessage.tsx
 import { Check as Check6, Copy as Copy6 } from "lucide-react";
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 
 // src/client/components/shared/MarkdownRenderer.tsx
 import { Check as Check5, Copy as Copy5 } from "lucide-react";
 import Markdown from "markdown-to-jsx";
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { Prism as SyntaxHighlighter2 } from "react-syntax-highlighter";
 
-// src/client/components/ui/checkbox.tsx
-import * as React10 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check as Check4 } from "lucide-react";
-import { jsx as jsx48 } from "react/jsx-runtime";
-var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx48(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx48(Check4, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
 // src/client/components/ui/table.tsx
 import * as React11 from "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var Table = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx49(
+import { jsx as jsx50 } from "react/jsx-runtime";
+var Table = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx50(
   "table",
   {
     ref,
@@ -93701,9 +93864,9 @@ var Table = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableBody = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   "tbody",
   {
     ref,
@@ -93712,7 +93875,7 @@ var TableBody = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableFooter = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   "tfoot",
   {
     ref,
@@ -93724,7 +93887,7 @@ var TableFooter = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableRow = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   "tr",
   {
     ref,
@@ -93736,7 +93899,7 @@ var TableRow = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableHead = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   "th",
   {
     ref,
@@ -93748,7 +93911,7 @@ var TableHead = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableCell = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   "td",
   {
     ref,
@@ -93757,7 +93920,7 @@ var TableCell = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableCaption = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   "caption",
   {
     ref,
@@ -93768,7 +93931,7 @@ var TableCaption = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/client/components/shared/MarkdownRenderer.tsx
-import { Fragment as Fragment9, jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
 function CodeBlock({
   children,
   className
@@ -93783,27 +93946,27 @@ function CodeBlock({
       language = className.replace(/^(lang-|language-)\s*/, "").trim();
     }
   }
-  const [isCopied, setIsCopied] = useState16(false);
+  const [isCopied, setIsCopied] = useState17(false);
   const codeContent = String(children).trim();
   const handleCopy = async () => {
     await navigator.clipboard.writeText(codeContent);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
-  return /* @__PURE__ */ jsxs29("div", { className: "my-4 relative group/code bg-muted rounded-md p-0", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between mb-2 absolute top-0 left-0 w-full", children: [
-      /* @__PURE__ */ jsx50("div", { className: "text-[10px] font-mono text-muted-foreground/50 bg-transparent px-2 py-0 rounded", children: language }),
-      /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs30("div", { className: "my-4 relative group/code bg-muted rounded-md p-0", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between mb-2 absolute top-0 left-0 w-full", children: [
+      /* @__PURE__ */ jsx51("div", { className: "text-[10px] font-mono text-muted-foreground/50 bg-transparent px-2 py-0 rounded", children: language }),
+      /* @__PURE__ */ jsx51(
         "button",
         {
           className: "opacity-0 group-hover/code:opacity-100 transition-opacity text-muted-foreground hover:text-foreground text-xs flex items-center gap-1 px-2 py-1 rounded hover:bg-muted",
           onClick: handleCopy,
           title: "Copy code",
-          children: isCopied ? /* @__PURE__ */ jsx50(Check5, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx50(Copy5, { className: "h-3.5 w-3.5" })
+          children: isCopied ? /* @__PURE__ */ jsx51(Check5, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx51(Copy5, { className: "h-3.5 w-3.5" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx51(
       SyntaxHighlighter2,
       {
         language,
@@ -93823,16 +93986,16 @@ function CodeBlock({
   ] });
 }
 function InlineCode({ children }) {
-  return /* @__PURE__ */ jsx50("code", { className: "bg-muted px-1.5 py-0.5 rounded text-sm font-mono", children });
+  return /* @__PURE__ */ jsx51("code", { className: "bg-muted px-1.5 py-0.5 rounded text-sm font-mono", children });
 }
 function Code({
   children,
   className
 }) {
   if (className) {
-    return /* @__PURE__ */ jsx50(CodeBlock, { className, children });
+    return /* @__PURE__ */ jsx51(CodeBlock, { className, children });
   }
-  return /* @__PURE__ */ jsx50(InlineCode, { children });
+  return /* @__PURE__ */ jsx51(InlineCode, { children });
 }
 function ListItem({ children }) {
   if (typeof children === "string") {
@@ -93840,9 +94003,9 @@ function ListItem({ children }) {
     if (checkboxMatch) {
       const isChecked = checkboxMatch[1].toLowerCase() === "x";
       const text = checkboxMatch[2];
-      return /* @__PURE__ */ jsxs29("li", { className: "text-foreground flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx50(Checkbox, { checked: isChecked, disabled: true }),
-        /* @__PURE__ */ jsx50("span", { children: text })
+      return /* @__PURE__ */ jsxs30("li", { className: "text-foreground flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx51(Checkbox, { checked: isChecked, disabled: true }),
+        /* @__PURE__ */ jsx51("span", { children: text })
       ] });
     }
   }
@@ -93853,9 +94016,9 @@ function ListItem({ children }) {
       if (checkboxMatch) {
         const isChecked = checkboxMatch[1].toLowerCase() === "x";
         const text = checkboxMatch[2];
-        return /* @__PURE__ */ jsxs29("li", { className: "text-foreground flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(Checkbox, { checked: isChecked, disabled: true }),
-          /* @__PURE__ */ jsxs29("span", { children: [
+        return /* @__PURE__ */ jsxs30("li", { className: "text-foreground flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx51(Checkbox, { checked: isChecked, disabled: true }),
+          /* @__PURE__ */ jsxs30("span", { children: [
             text,
             children.slice(1)
           ] })
@@ -93863,37 +94026,37 @@ function ListItem({ children }) {
       }
     }
   }
-  return /* @__PURE__ */ jsx50("li", { className: "text-foreground", children });
+  return /* @__PURE__ */ jsx51("li", { className: "text-foreground", children });
 }
 function MarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Markdown,
     {
       options: {
         overrides: {
           code: Code,
-          pre: ({ children }) => /* @__PURE__ */ jsx50(Fragment9, { children }),
-          h1: ({ children }) => /* @__PURE__ */ jsx50("h1", { className: "text-xl font-bold text-foreground mb-2 mt-4", children }),
-          h2: ({ children }) => /* @__PURE__ */ jsx50("h2", { className: "text-lg font-bold text-foreground mb-2 mt-4", children }),
-          h3: ({ children }) => /* @__PURE__ */ jsx50("h3", { className: "text-base font-bold text-foreground mb-2 mt-4", children }),
-          h4: ({ children }) => /* @__PURE__ */ jsx50("h4", { className: "text-sm font-bold text-foreground mb-2 mt-4", children }),
-          h5: ({ children }) => /* @__PURE__ */ jsx50("h5", { className: "text-sm font-bold text-foreground mb-2 mt-4", children }),
-          h6: ({ children }) => /* @__PURE__ */ jsx50("h6", { className: "text-sm font-bold text-foreground mb-2 mt-4", children }),
-          p: ({ children }) => /* @__PURE__ */ jsx50("p", { className: "text-foreground mb-2 leading-relaxed", children }),
-          ul: ({ children }) => /* @__PURE__ */ jsx50("ul", { className: "list-disc list-inside mb-3 space-y-1", children }),
-          ol: ({ children }) => /* @__PURE__ */ jsx50("ol", { className: "list-decimal list-inside mb-3 space-y-1", children }),
+          pre: ({ children }) => /* @__PURE__ */ jsx51(Fragment9, { children }),
+          h1: ({ children }) => /* @__PURE__ */ jsx51("h1", { className: "text-xl font-bold text-foreground mb-2 mt-4", children }),
+          h2: ({ children }) => /* @__PURE__ */ jsx51("h2", { className: "text-lg font-bold text-foreground mb-2 mt-4", children }),
+          h3: ({ children }) => /* @__PURE__ */ jsx51("h3", { className: "text-base font-bold text-foreground mb-2 mt-4", children }),
+          h4: ({ children }) => /* @__PURE__ */ jsx51("h4", { className: "text-sm font-bold text-foreground mb-2 mt-4", children }),
+          h5: ({ children }) => /* @__PURE__ */ jsx51("h5", { className: "text-sm font-bold text-foreground mb-2 mt-4", children }),
+          h6: ({ children }) => /* @__PURE__ */ jsx51("h6", { className: "text-sm font-bold text-foreground mb-2 mt-4", children }),
+          p: ({ children }) => /* @__PURE__ */ jsx51("p", { className: "text-foreground mb-2 leading-relaxed", children }),
+          ul: ({ children }) => /* @__PURE__ */ jsx51("ul", { className: "list-disc list-inside mb-3 space-y-1", children }),
+          ol: ({ children }) => /* @__PURE__ */ jsx51("ol", { className: "list-decimal list-inside mb-3 space-y-1", children }),
           li: ListItem,
-          table: ({ children }) => /* @__PURE__ */ jsx50("div", { className: "my-4", children: /* @__PURE__ */ jsx50(Table, { children }) }),
-          thead: ({ children }) => /* @__PURE__ */ jsx50(TableHeader, { children }),
-          tbody: ({ children }) => /* @__PURE__ */ jsx50(TableBody, { children }),
-          tr: ({ children }) => /* @__PURE__ */ jsx50(TableRow, { children }),
-          th: ({ children }) => /* @__PURE__ */ jsx50(TableHead, { children }),
-          td: ({ children }) => /* @__PURE__ */ jsx50(TableCell, { children }),
-          blockquote: ({ children }) => /* @__PURE__ */ jsx50("blockquote", { className: "border-l-4 border-muted-foreground pl-4 italic text-muted-foreground mb-3", children }),
+          table: ({ children }) => /* @__PURE__ */ jsx51("div", { className: "my-4", children: /* @__PURE__ */ jsx51(Table, { children }) }),
+          thead: ({ children }) => /* @__PURE__ */ jsx51(TableHeader, { children }),
+          tbody: ({ children }) => /* @__PURE__ */ jsx51(TableBody, { children }),
+          tr: ({ children }) => /* @__PURE__ */ jsx51(TableRow, { children }),
+          th: ({ children }) => /* @__PURE__ */ jsx51(TableHead, { children }),
+          td: ({ children }) => /* @__PURE__ */ jsx51(TableCell, { children }),
+          blockquote: ({ children }) => /* @__PURE__ */ jsx51("blockquote", { className: "border-l-4 border-muted-foreground pl-4 italic text-muted-foreground mb-3", children }),
           a: ({
             children,
             href
-          }) => /* @__PURE__ */ jsx50(
+          }) => /* @__PURE__ */ jsx51(
             "a",
             {
               href,
@@ -93903,9 +94066,9 @@ function MarkdownRenderer({ content }) {
               children
             }
           ),
-          strong: ({ children }) => /* @__PURE__ */ jsx50("strong", { className: "font-semibold text-foreground", children }),
-          em: ({ children }) => /* @__PURE__ */ jsx50("em", { className: "italic text-foreground", children }),
-          img: ({ src, alt }) => /* @__PURE__ */ jsx50(
+          strong: ({ children }) => /* @__PURE__ */ jsx51("strong", { className: "font-semibold text-foreground", children }),
+          em: ({ children }) => /* @__PURE__ */ jsx51("em", { className: "italic text-foreground", children }),
+          img: ({ src, alt }) => /* @__PURE__ */ jsx51(
             "img",
             {
               src,
@@ -93914,7 +94077,7 @@ function MarkdownRenderer({ content }) {
               loading: "lazy"
             }
           ),
-          hr: () => /* @__PURE__ */ jsx50("hr", { className: "my-4 border-t border-border" })
+          hr: () => /* @__PURE__ */ jsx51("hr", { className: "my-4 border-t border-border" })
         }
       },
       children: content
@@ -93923,21 +94086,21 @@ function MarkdownRenderer({ content }) {
 }
 
 // src/client/components/chat/AssistantMessage.tsx
-import { jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
 function CopyButton({ text }) {
-  const [isCopied, setIsCopied] = useState17(false);
+  const [isCopied, setIsCopied] = useState18(false);
   const handleCopy = async () => {
     await navigator.clipboard.writeText(text);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "button",
     {
       className: "opacity-0 group-hover/message:opacity-100 transition-opacity text-muted-foreground hover:text-foreground text-xs flex items-center gap-1",
       onClick: handleCopy,
       title: "Copy message content",
-      children: isCopied ? /* @__PURE__ */ jsx51(Check6, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx51(Copy6, { className: "h-3.5 w-3.5" })
+      children: isCopied ? /* @__PURE__ */ jsx52(Check6, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx52(Copy6, { className: "h-3.5 w-3.5" })
     }
   );
 }
@@ -93949,23 +94112,23 @@ function AssistantMessage({
   if (!content || content.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       className: "flex items-start gap-6 group/message relative",
       "data-testid": "chat-message-assistant",
-      children: /* @__PURE__ */ jsxs30("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx51("div", { className: "wrap-break-word", children: /* @__PURE__ */ jsx51(
+      children: /* @__PURE__ */ jsxs31("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx52("div", { className: "wrap-break-word", children: /* @__PURE__ */ jsx52(
           "div",
           {
             className: "text-base leading-7 font-sans text-start wrap-break-word transition-all duration-300 ease-in-out",
             "data-testid": "chat-message-content",
-            children: /* @__PURE__ */ jsx51(MarkdownRenderer, { content })
+            children: /* @__PURE__ */ jsx52(MarkdownRenderer, { content })
           }
         ) }),
-        timestamp && /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between mt-2", children: [
-          /* @__PURE__ */ jsx51("span", { className: "text-xs text-muted-foreground", children: new Date(timestamp).toLocaleTimeString() }),
-          /* @__PURE__ */ jsx51(CopyButton, { text: content })
+        timestamp && /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between mt-2", children: [
+          /* @__PURE__ */ jsx52("span", { className: "text-xs text-muted-foreground", children: new Date(timestamp).toLocaleTimeString() }),
+          /* @__PURE__ */ jsx52(CopyButton, { text: content })
         ] })
       ] })
     }
@@ -93973,9 +94136,9 @@ function AssistantMessage({
 }
 
 // src/client/components/chat/ToolCallDisplay.tsx
-import { Check as Check7, Copy as Copy7, Loader2 as Loader24, Wrench, X as X7 } from "lucide-react";
-import { useState as useState18 } from "react";
-import { jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Check as Check7, Copy as Copy7, Loader2 as Loader24, Wrench as Wrench2, X as X7 } from "lucide-react";
+import { useState as useState19 } from "react";
+import { jsx as jsx53, jsxs as jsxs32 } from "react/jsx-runtime";
 function ToolCallDisplay({
   toolName,
   args,
@@ -93983,18 +94146,18 @@ function ToolCallDisplay({
   state = "result",
   partialArgs
 }) {
-  const [_copied, setCopied] = useState18(false);
+  const [_copied, setCopied] = useState19(false);
   const displayArgs = state === "call" && partialArgs ? partialArgs : args;
   const getStatusIcon = () => {
     switch (state) {
       case "call":
-        return /* @__PURE__ */ jsx52(Loader24, { className: "h-4 w-4 animate-spin text-blue-500 dark:text-blue-400" });
+        return /* @__PURE__ */ jsx53(Loader24, { className: "h-4 w-4 animate-spin text-blue-500 dark:text-blue-400" });
       case "result":
-        return /* @__PURE__ */ jsx52(Check7, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
+        return /* @__PURE__ */ jsx53(Check7, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
       case "error":
-        return /* @__PURE__ */ jsx52(X7, { className: "h-4 w-4 text-red-500 dark:text-red-400" });
+        return /* @__PURE__ */ jsx53(X7, { className: "h-4 w-4 text-red-500 dark:text-red-400" });
       default:
-        return /* @__PURE__ */ jsx52(Check7, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
+        return /* @__PURE__ */ jsx53(Check7, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
     }
   };
   const getStatusBg = () => {
@@ -94021,24 +94184,24 @@ function ToolCallDisplay({
     }
     return String(content);
   };
-  return /* @__PURE__ */ jsxs31(Sheet, { children: [
-    /* @__PURE__ */ jsx52(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(Sheet, { children: [
+    /* @__PURE__ */ jsx53(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs32(
       "div",
       {
         className: "flex max-w-min items-center gap-3 p-1 rounded-full border bg-card hover:bg-accent/50 transition-colors cursor-pointer my-4",
         "data-testid": `chat-tool-call-${toolName}`,
         children: [
-          /* @__PURE__ */ jsx52("div", { className: "w-8 h-8 rounded-full bg-zinc-100 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx52(Wrench, { className: "size-4 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx52("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx52("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs31("span", { className: "text-sm font-medium truncate", children: [
+          /* @__PURE__ */ jsx53("div", { className: "w-8 h-8 rounded-full bg-zinc-100 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx53(Wrench2, { className: "size-4 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsx53("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx53("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs32("span", { className: "text-sm font-medium truncate", children: [
             toolName,
             "(",
-            Object.keys(displayArgs).length > 0 ? /* @__PURE__ */ jsxs31("span", { className: "bg-muted-foreground/20 rounded-full px-1.5 mx-1 py-0.5 text-xs", children: [
+            Object.keys(displayArgs).length > 0 ? /* @__PURE__ */ jsxs32("span", { className: "bg-muted-foreground/20 rounded-full px-1.5 mx-1 py-0.5 text-xs", children: [
               Object.keys(displayArgs).length,
               " args"
             ] }) : "",
             ")"
           ] }) }) }),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             "div",
             {
               className: cn(
@@ -94052,34 +94215,34 @@ function ToolCallDisplay({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsxs32(
       SheetContent,
       {
         side: "right",
         className: "w-[400px] sm:w-[540px] p-4 overflow-y-auto",
         "data-testid": "chat-tool-drawer",
         children: [
-          /* @__PURE__ */ jsxs31(SheetHeader, { children: [
-            /* @__PURE__ */ jsxs31(SheetTitle, { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx52(Wrench, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsxs32(SheetHeader, { children: [
+            /* @__PURE__ */ jsxs32(SheetTitle, { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx53(Wrench2, { className: "h-5 w-5" }),
               "Tool Call Details"
             ] }),
-            /* @__PURE__ */ jsxs31(SheetDescription, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs32(SheetDescription, { className: "flex items-center gap-2", children: [
               toolName,
               " \u2014 ",
               state,
-              state === "call" && /* @__PURE__ */ jsxs31("span", { className: "flex items-center gap-1 text-blue-500 dark:text-blue-400", children: [
-                /* @__PURE__ */ jsx52(Loader24, { className: "h-3 w-3 animate-spin" }),
+              state === "call" && /* @__PURE__ */ jsxs32("span", { className: "flex items-center gap-1 text-blue-500 dark:text-blue-400", children: [
+                /* @__PURE__ */ jsx53(Loader24, { className: "h-3 w-3 animate-spin" }),
                 "streaming\u2026"
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-6 py-4", children: [
-            /* @__PURE__ */ jsxs31("div", { children: [
-              /* @__PURE__ */ jsx52("h3", { className: "text-sm font-medium mb-2", children: "Arguments" }),
-              /* @__PURE__ */ jsxs31("div", { className: "relative", "data-testid": "chat-tool-drawer-args", children: [
-                /* @__PURE__ */ jsx52("pre", { className: "text-xs bg-muted/50 rounded-lg p-3 overflow-x-auto border font-mono leading-relaxed max-h-48 whitespace-pre-wrap break-words", children: formatContent(displayArgs) }),
-                /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-6 py-4", children: [
+            /* @__PURE__ */ jsxs32("div", { children: [
+              /* @__PURE__ */ jsx53("h3", { className: "text-sm font-medium mb-2", children: "Arguments" }),
+              /* @__PURE__ */ jsxs32("div", { className: "relative", "data-testid": "chat-tool-drawer-args", children: [
+                /* @__PURE__ */ jsx53("pre", { className: "text-xs bg-muted/50 rounded-lg p-3 overflow-x-auto border font-mono leading-relaxed max-h-48 whitespace-pre-wrap break-words", children: formatContent(displayArgs) }),
+                /* @__PURE__ */ jsx53(
                   Button,
                   {
                     variant: "ghost",
@@ -94087,14 +94250,14 @@ function ToolCallDisplay({
                     onClick: () => copyToClipboard(formatContent(displayArgs)),
                     className: "absolute top-2 right-2 h-6 w-6 p-0 opacity-70 hover:opacity-100",
                     title: "Copy arguments",
-                    children: /* @__PURE__ */ jsx52(Copy7, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx53(Copy7, { className: "h-3 w-3" })
                   }
                 )
               ] })
             ] }),
-            result && /* @__PURE__ */ jsxs31("div", { children: [
-              /* @__PURE__ */ jsx52("h3", { className: "text-sm font-medium mb-2", children: "Result" }),
-              /* @__PURE__ */ jsx52("div", { className: "relative", "data-testid": "chat-tool-drawer-result", children: typeof result === "string" ? /* @__PURE__ */ jsxs31(
+            result && /* @__PURE__ */ jsxs32("div", { children: [
+              /* @__PURE__ */ jsx53("h3", { className: "text-sm font-medium mb-2", children: "Result" }),
+              /* @__PURE__ */ jsx53("div", { className: "relative", "data-testid": "chat-tool-drawer-result", children: typeof result === "string" ? /* @__PURE__ */ jsxs32(
                 "div",
                 {
                   className: cn(
@@ -94102,11 +94265,11 @@ function ToolCallDisplay({
                     state === "error" ? "bg-destructive/10 border-destructive/20 text-destructive-foreground" : "bg-muted/30 border-border"
                   ),
                   children: [
-                    result.startsWith("Error") ? /* @__PURE__ */ jsxs31("div", { className: "font-mono", children: [
-                      /* @__PURE__ */ jsx52("div", { className: "font-semibold text-destructive mb-1", children: "Error:" }),
-                      /* @__PURE__ */ jsx52("div", { className: "whitespace-pre-wrap break-words", children: result.replace(/^Error:\s*/, "") })
-                    ] }) : /* @__PURE__ */ jsx52("div", { className: "whitespace-pre-wrap font-mono break-words", children: result }),
-                    /* @__PURE__ */ jsx52(
+                    result.startsWith("Error") ? /* @__PURE__ */ jsxs32("div", { className: "font-mono", children: [
+                      /* @__PURE__ */ jsx53("div", { className: "font-semibold text-destructive mb-1", children: "Error:" }),
+                      /* @__PURE__ */ jsx53("div", { className: "whitespace-pre-wrap break-words", children: result.replace(/^Error:\s*/, "") })
+                    ] }) : /* @__PURE__ */ jsx53("div", { className: "whitespace-pre-wrap font-mono break-words", children: result }),
+                    /* @__PURE__ */ jsx53(
                       Button,
                       {
                         variant: "ghost",
@@ -94114,12 +94277,12 @@ function ToolCallDisplay({
                         onClick: () => copyToClipboard(result),
                         className: "absolute top-2 right-2 h-6 w-6 p-0 opacity-70 hover:opacity-100",
                         title: "Copy result",
-                        children: /* @__PURE__ */ jsx52(Copy7, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ jsx53(Copy7, { className: "h-3 w-3" })
                       }
                     )
                   ]
                 }
-              ) : /* @__PURE__ */ jsxs31(
+              ) : /* @__PURE__ */ jsxs32(
                 "div",
                 {
                   className: cn(
@@ -94127,14 +94290,14 @@ function ToolCallDisplay({
                     state === "error" ? "bg-destructive/10 border-destructive/20 text-destructive-foreground" : "bg-muted/30 border-border"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx53(
                       JSONDisplay,
                       {
                         data: result,
                         filename: `tool-call-${toolName}-result-${Date.now()}.json`
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
+                    /* @__PURE__ */ jsx53(
                       Button,
                       {
                         variant: "ghost",
@@ -94142,7 +94305,7 @@ function ToolCallDisplay({
                         onClick: () => copyToClipboard(JSON.stringify(result, null, 2)),
                         className: "absolute top-2 right-2 h-6 w-6 p-0 opacity-70 hover:opacity-100",
                         title: "Copy result",
-                        children: /* @__PURE__ */ jsx52(Copy7, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ jsx53(Copy7, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -94157,7 +94320,7 @@ function ToolCallDisplay({
 }
 
 // src/client/components/chat/UserMessage.tsx
-import { jsx as jsx53, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
 function UserMessage({
   content,
   timestamp,
@@ -94166,23 +94329,23 @@ function UserMessage({
   if ((!content || content.length === 0) && (!attachments || attachments.length === 0)) {
     return null;
   }
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       className: "flex items-start gap-3 justify-end group/user-message",
       "data-testid": "chat-message-user",
-      children: /* @__PURE__ */ jsxs32("div", { className: "flex-1 min-w-0 flex flex-col items-end", children: [
-        /* @__PURE__ */ jsxs32(
+      children: /* @__PURE__ */ jsxs33("div", { className: "flex-1 min-w-0 flex flex-col items-end", children: [
+        /* @__PURE__ */ jsxs33(
           "div",
           {
             className: "bg-zinc-200 dark:bg-zinc-800 text-primary rounded-3xl px-4 py-2 max-w-[80%] break-words",
             "data-testid": "chat-message-content",
             children: [
-              attachments && attachments.length > 0 && /* @__PURE__ */ jsx53("div", { className: "flex flex-wrap gap-2 mb-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx53(
+              attachments && attachments.length > 0 && /* @__PURE__ */ jsx54("div", { className: "flex flex-wrap gap-2 mb-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx54(
                 "div",
                 {
                   className: "rounded-lg overflow-hidden border border-zinc-300 dark:border-zinc-700",
-                  children: /* @__PURE__ */ jsx53(
+                  children: /* @__PURE__ */ jsx54(
                     "img",
                     {
                       src: `data:${attachment.mimeType};base64,${attachment.data}`,
@@ -94193,18 +94356,18 @@ function UserMessage({
                 },
                 index
               )) }),
-              content && content.length > 0 && /* @__PURE__ */ jsx53("p", { className: "text-base leading-7 font-sans text-start break-words", children: content })
+              content && content.length > 0 && /* @__PURE__ */ jsx54("p", { className: "text-base leading-7 font-sans text-start break-words", children: content })
             ]
           }
         ),
-        timestamp && /* @__PURE__ */ jsx53("span", { className: "text-xs text-muted-foreground mt-1", children: new Date(timestamp).toLocaleTimeString() })
+        timestamp && /* @__PURE__ */ jsx54("span", { className: "text-xs text-muted-foreground mt-1", children: new Date(timestamp).toLocaleTimeString() })
       ] })
     }
   );
 }
 
 // src/client/components/chat/MessageList.tsx
-import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx55, jsxs as jsxs34 } from "react/jsx-runtime";
 var MessageList = memo4(
   ({
     messages,
@@ -94253,13 +94416,13 @@ var MessageList = memo4(
       const lastMessage = messages[messages.length - 1];
       return message.id === lastMessage.id && lastMessage.role === "assistant";
     };
-    return /* @__PURE__ */ jsxs33("div", { className: "space-y-6 max-w-3xl mx-auto px-2", children: [
+    return /* @__PURE__ */ jsxs34("div", { className: "space-y-6 max-w-3xl mx-auto px-2", children: [
       messages.map((message) => {
         const contentStr = typeof message.content === "string" ? message.content : Array.isArray(message.content) ? message.content.map(
           (item) => typeof item === "string" ? item : item.text || JSON.stringify(item)
         ).join("") : JSON.stringify(message.content);
         if (message.role === "user") {
-          return /* @__PURE__ */ jsx54(
+          return /* @__PURE__ */ jsx55(
             UserMessage,
             {
               content: contentStr,
@@ -94270,10 +94433,10 @@ var MessageList = memo4(
           );
         }
         if (message.role === "assistant") {
-          return /* @__PURE__ */ jsx54("div", { className: "space-y-4", children: message.parts && message.parts.length > 0 ? message.parts.map((part, partIndex) => {
+          return /* @__PURE__ */ jsx55("div", { className: "space-y-4", children: message.parts && message.parts.length > 0 ? message.parts.map((part, partIndex) => {
             const partKey = part.type === "text" ? `${message.id}-text-${partIndex}-${part.text?.slice(0, 20)}` : `${message.id}-tool-${part.toolInvocation?.toolName}-${partIndex}`;
             if (part.type === "text") {
-              return /* @__PURE__ */ jsx54(
+              return /* @__PURE__ */ jsx55(
                 AssistantMessage,
                 {
                   content: part.text || "",
@@ -94283,8 +94446,8 @@ var MessageList = memo4(
                 partKey
               );
             } else if (part.type === "tool-invocation" && part.toolInvocation) {
-              return /* @__PURE__ */ jsxs33("div", { children: [
-                /* @__PURE__ */ jsx54(
+              return /* @__PURE__ */ jsxs34("div", { children: [
+                /* @__PURE__ */ jsx55(
                   ToolCallDisplay,
                   {
                     toolName: part.toolInvocation.toolName,
@@ -94294,7 +94457,7 @@ var MessageList = memo4(
                     partialArgs: part.toolInvocation.partialArgs
                   }
                 ),
-                (part.toolInvocation.result || part.toolInvocation.state === "streaming" || isWidgetTool(part.toolInvocation.toolName)) && /* @__PURE__ */ jsx54(
+                (part.toolInvocation.result || part.toolInvocation.state === "streaming" || isWidgetTool(part.toolInvocation.toolName)) && /* @__PURE__ */ jsx55(
                   ToolResultRenderer,
                   {
                     toolName: part.toolInvocation.toolName,
@@ -94314,8 +94477,8 @@ var MessageList = memo4(
               ] }, partKey);
             }
             return null;
-          }) : /* @__PURE__ */ jsxs33(Fragment10, { children: [
-            /* @__PURE__ */ jsx54(
+          }) : /* @__PURE__ */ jsxs34(Fragment10, { children: [
+            /* @__PURE__ */ jsx55(
               AssistantMessage,
               {
                 content: contentStr,
@@ -94323,10 +94486,10 @@ var MessageList = memo4(
                 _isStreaming: isMessageStreaming(message)
               }
             ),
-            message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx54("div", { className: "space-y-2", children: message.toolCalls.map((toolCall) => {
+            message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx55("div", { className: "space-y-2", children: message.toolCalls.map((toolCall) => {
               const toolCallKey = `${message.id}-${toolCall.toolName}-${JSON.stringify(toolCall.args).slice(0, 50)}`;
-              return /* @__PURE__ */ jsxs33("div", { children: [
-                /* @__PURE__ */ jsx54(
+              return /* @__PURE__ */ jsxs34("div", { children: [
+                /* @__PURE__ */ jsx55(
                   ToolCallDisplay,
                   {
                     toolName: toolCall.toolName,
@@ -94335,7 +94498,7 @@ var MessageList = memo4(
                     state: toolCall.result ? "result" : "call"
                   }
                 ),
-                (toolCall.result || isWidgetTool(toolCall.toolName)) && /* @__PURE__ */ jsx54(
+                (toolCall.result || isWidgetTool(toolCall.toolName)) && /* @__PURE__ */ jsx55(
                   ToolResultRenderer,
                   {
                     toolName: toolCall.toolName,
@@ -94354,14 +94517,14 @@ var MessageList = memo4(
         }
         return null;
       }),
-      isThinking && /* @__PURE__ */ jsx54("div", { className: "flex items-start gap-3", children: /* @__PURE__ */ jsx54("div", { className: "flex-1", children: /* @__PURE__ */ jsx54("div", { className: "rounded-lg p-4 max-w-fit", children: /* @__PURE__ */ jsx54("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx54("span", { className: "text-sm", children: /* @__PURE__ */ jsx54(TextShimmer, { duration: 2, spread: 1, children: "Thinking..." }) }) }) }) }) }),
-      /* @__PURE__ */ jsx54("div", { ref: messagesEndRef })
+      isThinking && /* @__PURE__ */ jsx55("div", { className: "flex items-start gap-3", children: /* @__PURE__ */ jsx55("div", { className: "flex-1", children: /* @__PURE__ */ jsx55("div", { className: "rounded-lg p-4 max-w-fit", children: /* @__PURE__ */ jsx55("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx55("span", { className: "text-sm", children: /* @__PURE__ */ jsx55(TextShimmer, { duration: 2, spread: 1, children: "Thinking..." }) }) }) }) }) }),
+      /* @__PURE__ */ jsx55("div", { ref: messagesEndRef })
     ] });
   }
 );
 
 // src/client/components/chat/useChatMessages.ts
-import { useCallback as useCallback13, useRef as useRef13, useState as useState19 } from "react";
+import { useCallback as useCallback14, useRef as useRef13, useState as useState20 } from "react";
 
 // src/client/components/chat/conversion.ts
 import { AIMessage, HumanMessage } from "@langchain/core/messages";
@@ -94471,11 +94634,11 @@ function useChatMessages({
   chatApiUrl,
   widgetModelContexts
 }) {
-  const [messages, setMessages] = useState19([]);
-  const [isLoading, setIsLoading] = useState19(false);
-  const [attachments, setAttachments] = useState19([]);
+  const [messages, setMessages] = useState20([]);
+  const [isLoading, setIsLoading] = useState20(false);
+  const [attachments, setAttachments] = useState20([]);
   const abortControllerRef = useRef13(null);
-  const sendMessage = useCallback13(
+  const sendMessage = useCallback14(
     async (userInput, promptResults) => {
       const hasContent = userInput.trim() || promptResults.length > 0 || attachments.length > 0;
       if (!hasContent || !llmConfig || !isConnected) {
@@ -94754,15 +94917,15 @@ ${parts2.join("\n")}`
       chatApiUrl
     ]
   );
-  const clearMessages = useCallback13(() => {
+  const clearMessages = useCallback14(() => {
     setMessages([]);
   }, []);
-  const stop = useCallback13(() => {
+  const stop = useCallback14(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
     }
   }, []);
-  const addAttachment = useCallback13(async (file) => {
+  const addAttachment = useCallback14(async (file) => {
     try {
       const attachment = await fileToAttachment(file);
       setAttachments((prev) => {
@@ -94781,10 +94944,10 @@ ${parts2.join("\n")}`
       }
     }
   }, []);
-  const removeAttachment = useCallback13((index) => {
+  const removeAttachment = useCallback14((index) => {
     setAttachments((prev) => prev.filter((_2, i2) => i2 !== index));
   }, []);
-  const clearAttachments = useCallback13(() => {
+  const clearAttachments = useCallback14(() => {
     setAttachments([]);
   }, []);
   return {
@@ -94801,21 +94964,23 @@ ${parts2.join("\n")}`
 }
 
 // src/client/components/chat/useChatMessagesClientSide.ts
-import { useCallback as useCallback14, useRef as useRef14, useState as useState20 } from "react";
+import { useCallback as useCallback15, useRef as useRef14, useState as useState21 } from "react";
 function useChatMessagesClientSide({
   connection,
   llmConfig,
   isConnected,
   readResource,
-  widgetModelContexts
+  widgetModelContexts,
+  disabledTools
 }) {
-  const [messages, setMessages] = useState20([]);
-  const [isLoading, setIsLoading] = useState20(false);
-  const [attachments, setAttachments] = useState20([]);
+  const [messages, setMessages] = useState21([]);
+  const [isLoading, setIsLoading] = useState21(false);
+  const [attachments, setAttachments] = useState21([]);
   const abortControllerRef = useRef14(null);
   const agentRef = useRef14(null);
   const llmRef = useRef14(null);
-  const sendMessage = useCallback14(
+  const lastDisabledToolsRef = useRef14("");
+  const sendMessage = useCallback15(
     async (userInput, promptResults) => {
       const hasContent = userInput.trim() || promptResults.length > 0 || attachments.length > 0;
       if (!hasContent || !llmConfig || !isConnected) {
@@ -94893,21 +95058,22 @@ function useChatMessagesClientSide({
             apiKey: llmConfig.apiKey
           };
         }
-        if (!agentRef.current || agentRef.current.llm !== llmRef.current.instance) {
+        const disallowedToolsArr = disabledTools ? [...disabledTools].sort() : [];
+        const disallowedToolsKey = disallowedToolsArr.join(",");
+        const needsNewAgent = !agentRef.current || agentRef.current.llm !== llmRef.current.instance || lastDisabledToolsRef.current !== disallowedToolsKey;
+        if (needsNewAgent) {
           const { MCPAgent: MCPAgent2 } = await Promise.resolve().then(() => (init_browser(), browser_exports));
           agentRef.current = new MCPAgent2({
             llm: llmRef.current.instance,
             client: connection.client ?? void 0,
             memoryEnabled: false,
-            // external history always used
-            systemPrompt: "You are a helpful assistant with access to MCP tools, prompts, and resources. Help users interact with the MCP server."
+            exposeResourcesAsTools: false,
+            exposePromptsAsTools: false,
+            disallowedTools: disallowedToolsArr.length > 0 ? disallowedToolsArr : void 0,
+            systemPrompt: "You are a helpful assistant with access to MCP tools. Help users interact with the MCP server."
           });
           await agentRef.current.initialize();
-        } else {
-          console.log(
-            "[useChatMessagesClientSide] Reusing existing agent. History length:",
-            agentRef.current.conversationHistory?.length
-          );
+          lastDisabledToolsRef.current = disallowedToolsKey;
         }
         const widgetContextMessages = [];
         if (widgetModelContexts && widgetModelContexts.size > 0) {
@@ -95281,20 +95447,28 @@ ${parts2.join("\n")}`,
         abortControllerRef.current = null;
       }
     },
-    [connection, llmConfig, isConnected, messages, readResource, attachments]
+    [
+      connection,
+      llmConfig,
+      isConnected,
+      messages,
+      readResource,
+      attachments,
+      disabledTools
+    ]
   );
-  const clearMessages = useCallback14(() => {
+  const clearMessages = useCallback15(() => {
     setMessages([]);
     if (agentRef.current) {
       agentRef.current.clearConversationHistory();
     }
   }, []);
-  const stop = useCallback14(() => {
+  const stop = useCallback15(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
     }
   }, []);
-  const addAttachment = useCallback14(async (file) => {
+  const addAttachment = useCallback15(async (file) => {
     try {
       const attachment = await fileToAttachment(file);
       setAttachments((prev) => {
@@ -95313,10 +95487,10 @@ ${parts2.join("\n")}`,
       }
     }
   }, []);
-  const removeAttachment = useCallback14((index) => {
+  const removeAttachment = useCallback15((index) => {
     setAttachments((prev) => prev.filter((_2, i2) => i2 !== index));
   }, []);
-  const clearAttachments = useCallback14(() => {
+  const clearAttachments = useCallback15(() => {
     setAttachments([]);
   }, []);
   return {
@@ -95333,7 +95507,7 @@ ${parts2.join("\n")}`,
 }
 
 // src/client/components/chat/useConfig.ts
-import { useCallback as useCallback15, useEffect as useEffect17, useState as useState21 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect17, useState as useState22 } from "react";
 
 // src/client/components/chat/types.ts
 var DEFAULT_MODELS = {
@@ -95344,13 +95518,13 @@ var DEFAULT_MODELS = {
 
 // src/client/components/chat/useConfig.ts
 function useConfig({ mcpServerUrl }) {
-  const [llmConfig, setLLMConfig] = useState21(null);
-  const [authConfig, setAuthConfig] = useState21(null);
-  const [configDialogOpen, setConfigDialogOpen] = useState21(false);
-  const [tempProvider, setTempProvider] = useState21("openai");
-  const [tempApiKey, setTempApiKey] = useState21("");
-  const [tempModel, setTempModel] = useState21(DEFAULT_MODELS.openai);
-  const getApiKeys = useCallback15(() => {
+  const [llmConfig, setLLMConfig] = useState22(null);
+  const [authConfig, setAuthConfig] = useState22(null);
+  const [configDialogOpen, setConfigDialogOpen] = useState22(false);
+  const [tempProvider, setTempProvider] = useState22("openai");
+  const [tempApiKey, setTempApiKey] = useState22("");
+  const [tempModel, setTempModel] = useState22(DEFAULT_MODELS.openai);
+  const getApiKeys = useCallback16(() => {
     const saved = localStorage.getItem("mcp-inspector-api-keys");
     if (saved) {
       try {
@@ -95362,13 +95536,13 @@ function useConfig({ mcpServerUrl }) {
     }
     return {};
   }, []);
-  const saveApiKeys = useCallback15((apiKeys) => {
+  const saveApiKeys = useCallback16((apiKeys) => {
     localStorage.setItem("mcp-inspector-api-keys", JSON.stringify(apiKeys));
   }, []);
-  const [tempAuthType, setTempAuthType] = useState21("none");
-  const [tempUsername, setTempUsername] = useState21("");
-  const [tempPassword, setTempPassword] = useState21("");
-  const [tempToken, setTempToken] = useState21("");
+  const [tempAuthType, setTempAuthType] = useState22("none");
+  const [tempUsername, setTempUsername] = useState22("");
+  const [tempPassword, setTempPassword] = useState22("");
+  const [tempToken, setTempToken] = useState22("");
   useEffect17(() => {
     const loadConfig = () => {
       const saved = localStorage.getItem("mcp-inspector-llm-config");
@@ -95435,7 +95609,7 @@ function useConfig({ mcpServerUrl }) {
     const apiKeys = getApiKeys();
     setTempApiKey(apiKeys[tempProvider] || "");
   }, [tempProvider, getApiKeys]);
-  const saveLLMConfig = useCallback15(() => {
+  const saveLLMConfig = useCallback16(() => {
     if (!tempApiKey.trim()) {
       return;
     }
@@ -95480,7 +95654,7 @@ function useConfig({ mcpServerUrl }) {
     getApiKeys,
     saveApiKeys
   ]);
-  const clearConfig = useCallback15(() => {
+  const clearConfig = useCallback16(() => {
     setLLMConfig(null);
     setAuthConfig(null);
     const apiKeys = getApiKeys();
@@ -95512,7 +95686,7 @@ function useConfig({ mcpServerUrl }) {
 }
 
 // src/client/components/ChatTab.tsx
-import { jsx as jsx55, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs35 } from "react/jsx-runtime";
 var PROMPT_TRIGGER_REGEX = /(?:^\/$|\s+\/$)/;
 var PROMPT_ARROW_KEYS = ["ArrowDown", "ArrowUp", "Escape", "Enter"];
 function ChatTab({
@@ -95536,13 +95710,21 @@ function ChatTab({
   chatQuickQuestions = [],
   chatFollowups = []
 }) {
-  const [inputValue, setInputValue] = useState22("");
-  const [promptsDropdownOpen, setPromptsDropdownOpen] = useState22(false);
-  const [promptFocusedIndex, setPromptFocusedIndex] = useState22(-1);
-  const [quickQuestions, setQuickQuestions] = useState22(chatQuickQuestions);
-  const [followups, setFollowups] = useState22(chatFollowups);
+  const [inputValue, setInputValue] = useState23("");
+  const [promptsDropdownOpen, setPromptsDropdownOpen] = useState23(false);
+  const [promptFocusedIndex, setPromptFocusedIndex] = useState23(-1);
+  const [quickQuestions, setQuickQuestions] = useState23(chatQuickQuestions);
+  const [followups, setFollowups] = useState23(chatFollowups);
+  const [disabledTools, setDisabledTools] = useState23(/* @__PURE__ */ new Set());
   const textareaRef = useRef15(null);
   const triggerSpanRef = useRef15(null);
+  const toolInfos = useMemo13(
+    () => (connection.tools ?? []).map((t2) => ({
+      name: t2.name,
+      description: t2.description
+    })),
+    [connection.tools]
+  );
   const {
     llmConfig: localLlmConfig,
     authConfig: userAuthConfig,
@@ -95566,7 +95748,8 @@ function ChatTab({
     llmConfig,
     isConnected,
     readResource,
-    widgetModelContexts
+    widgetModelContexts,
+    disabledTools
   };
   const serverSideChat = useChatMessages({
     mcpServerUrl: connection.url,
@@ -95601,18 +95784,18 @@ function ChatTab({
     callPrompt,
     serverId
   });
-  const sanitizeStringList = useCallback16((input) => {
+  const sanitizeStringList = useCallback17((input) => {
     if (!Array.isArray(input)) return [];
     return input.filter((item) => typeof item === "string").map((item) => item.trim()).filter(Boolean).slice(0, 8);
   }, []);
-  const serializeMessageContent = useCallback16((message) => {
+  const serializeMessageContent = useCallback17((message) => {
     if (typeof message.content === "string") return message.content;
     if (Array.isArray(message.content)) {
       return message.content.map((item) => typeof item === "string" ? item : item.text ?? "").join("");
     }
     return "";
   }, []);
-  const getSerializedMessages = useCallback16(() => {
+  const getSerializedMessages = useCallback17(() => {
     return messages.map((message) => ({
       id: message.id,
       role: message.role,
@@ -95620,7 +95803,7 @@ function ChatTab({
       timestamp: message.timestamp
     }));
   }, [messages, serializeMessageContent]);
-  const postBridgeEvent = useCallback16(
+  const postBridgeEvent = useCallback17(
     (type, payload = {}) => {
       if (typeof window === "undefined" || window.parent === window) return;
       window.parent.postMessage(
@@ -95748,12 +95931,12 @@ function ChatTab({
   useKeyboardShortcuts(
     enableKeyboardShortcuts ? { onNewChat: clearMessages } : {}
   );
-  const clearPromptsUIState = useCallback16(() => {
+  const clearPromptsUIState = useCallback17(() => {
     setPromptFocusedIndex(-1);
     setPromptsDropdownOpen(false);
     triggerSpanRef.current = null;
   }, []);
-  const updatePromptsDropdownState = useCallback16(() => {
+  const updatePromptsDropdownState = useCallback17(() => {
     if (!textareaRef.current) {
       return;
     }
@@ -95784,12 +95967,12 @@ function ChatTab({
     }
     updatePromptsDropdownState();
   }, [inputValue, updatePromptsDropdownState]);
-  const clearPromptsState = useCallback16(() => {
+  const clearPromptsState = useCallback17(() => {
     setSelectedPrompt(null);
     setPromptArgs({});
     clearPromptsUIState();
   }, [clearPromptsUIState]);
-  const handlePromptSelect = useCallback16(
+  const handlePromptSelect = useCallback17(
     async (prompt) => {
       setSelectedPrompt(prompt);
       if (prompt.arguments && prompt.arguments.length > 0) {
@@ -95819,7 +96002,7 @@ function ChatTab({
     },
     [executePrompt, clearPromptsState, inputValue]
   );
-  const handleSendMessage = useCallback16(() => {
+  const handleSendMessage = useCallback17(() => {
     const hasContent = inputValue.trim() || results.length > 0 || attachments.length > 0;
     if (!hasContent) {
       return;
@@ -95828,7 +96011,7 @@ function ChatTab({
     setInputValue("");
     clearPromptResults();
   }, [inputValue, results, sendMessage, clearPromptResults, attachments]);
-  const handlePromptKeyDown = useCallback16(
+  const handlePromptKeyDown = useCallback17(
     (e2) => {
       if (e2.key === "ArrowDown") {
         setPromptFocusedIndex((prev) => {
@@ -95857,7 +96040,7 @@ function ChatTab({
       clearPromptsUIState
     ]
   );
-  const handleKeyDown = useCallback16(
+  const handleKeyDown = useCallback17(
     (e2) => {
       if (PROMPT_ARROW_KEYS.includes(e2.key) && promptsDropdownOpen) {
         e2.preventDefault();
@@ -95869,7 +96052,7 @@ function ChatTab({
     },
     [handleSendMessage, handlePromptKeyDown, promptsDropdownOpen]
   );
-  const handleKeyUp = useCallback16(
+  const handleKeyUp = useCallback17(
     (e2) => {
       if (e2.key === "ArrowLeft" || e2.key === "ArrowRight") {
         updatePromptsDropdownState();
@@ -95877,11 +96060,11 @@ function ChatTab({
     },
     [updatePromptsDropdownState]
   );
-  const handleClearConfig = useCallback16(() => {
+  const handleClearConfig = useCallback17(() => {
     clearConfig();
     clearMessages();
   }, [clearConfig, clearMessages]);
-  const handleQuickQuestionSelect = useCallback16(
+  const handleQuickQuestionSelect = useCallback17(
     (question) => {
       if (!question.trim()) return;
       if (!llmConfig || !isConnected) return;
@@ -95894,7 +96077,7 @@ function ChatTab({
     },
     [postBridgeEvent, sendMessage, llmConfig, isConnected]
   );
-  const handleFollowupSelect = useCallback16(
+  const handleFollowupSelect = useCallback17(
     (followup) => {
       if (!followup.trim()) return;
       if (!llmConfig || !isConnected) return;
@@ -95908,8 +96091,8 @@ function ChatTab({
     [postBridgeEvent, sendMessage, llmConfig, isConnected]
   );
   if (llmConfig && messages.length === 0) {
-    return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col h-full", children: [
-      !isManaged && /* @__PURE__ */ jsx55("div", { className: "absolute top-4 right-4 z-10", children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col h-full", children: [
+      !isManaged && /* @__PURE__ */ jsx56("div", { className: "absolute top-4 right-4 z-10", children: /* @__PURE__ */ jsx56(
         ConfigurationDialog,
         {
           open: configDialogOpen,
@@ -95926,7 +96109,7 @@ function ChatTab({
           buttonLabel: "Change API Key"
         }
       ) }),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         ChatLandingForm,
         {
           mcpServerUrl: connection.url,
@@ -95941,6 +96124,9 @@ function ChatTab({
           selectedPrompt,
           promptResults: results,
           attachments,
+          tools: toolInfos,
+          disabledTools,
+          onDisabledToolsChange: setDisabledTools,
           onDeletePromptResult: handleDeleteResult,
           onPromptSelect: handlePromptSelect,
           onInputChange: setInputValue,
@@ -95962,8 +96148,8 @@ function ChatTab({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col h-full relative", children: [
-    /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col h-full relative", children: [
+    /* @__PURE__ */ jsx56(
       ChatHeader,
       {
         llmConfig,
@@ -95988,12 +96174,12 @@ function ChatTab({
         clearButtonVariant
       }
     ),
-    /* @__PURE__ */ jsx55("div", { className: "flex-1 overflow-y-auto p-2 sm:p-4 pt-[80px] sm:pt-[100px]", children: !llmConfig ? /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56("div", { className: "flex-1 overflow-y-auto p-2 sm:p-4 pt-[80px] sm:pt-[100px]", children: !llmConfig ? /* @__PURE__ */ jsx56(
       ConfigureEmptyState,
       {
         onConfigureClick: () => setConfigDialogOpen(true)
       }
-    ) : /* @__PURE__ */ jsx55(
+    ) : /* @__PURE__ */ jsx56(
       MessageList,
       {
         messages,
@@ -96005,7 +96191,7 @@ function ChatTab({
         serverBaseUrl: connection.url
       }
     ) }),
-    llmConfig && /* @__PURE__ */ jsx55(
+    llmConfig && /* @__PURE__ */ jsx56(
       ChatInputArea,
       {
         inputValue,
@@ -96018,6 +96204,9 @@ function ChatTab({
         promptResults: results,
         selectedPrompt,
         attachments,
+        tools: toolInfos,
+        disabledTools,
+        onDisabledToolsChange: setDisabledTools,
         onDeletePromptResult: handleDeleteResult,
         onPromptSelect: handlePromptSelect,
         onInputChange: setInputValue,