@yourgpt/copilot-sdk 2.0.2-beta.2 → 2.1.0

package/dist/{chunk-H5XMKBBA.cjs → chunk-MUZ2RYS2.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkUOWLKFXK_cjs = require('./chunk-UOWLKFXK.cjs');
-var chunk7K7HZMP4_cjs = require('./chunk-7K7HZMP4.cjs');
+var chunk33JSFVGH_cjs = require('./chunk-33JSFVGH.cjs');
+var chunkJGPDQDY4_cjs = require('./chunk-JGPDQDY4.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var z = require('zod');
@@ -1970,6 +1970,238 @@ function printTree(tree) {
   });
   return output.trim();
 }
+function useMCPClient(config) {
+  const {
+    autoConnect = true,
+    onConnectionStateChange,
+    onToolsChange,
+    onElicitationRequest,
+    onError,
+    onNotification,
+    ...clientConfig
+  } = config;
+  const clientRef = react.useRef(null);
+  const mountedRef = react.useRef(true);
+  const [state, setState] = react.useState({
+    connectionState: "disconnected",
+    tools: []
+  });
+  const getClient = react.useCallback(() => {
+    if (!clientRef.current) {
+      clientRef.current = chunkJGPDQDY4_cjs.createMCPClient(clientConfig, {
+        onConnectionStateChange: (newState) => {
+          if (mountedRef.current) {
+            setState((prev) => ({ ...prev, connectionState: newState }));
+            onConnectionStateChange?.(newState);
+          }
+        },
+        onToolsChange: (tools) => {
+          if (mountedRef.current) {
+            setState((prev) => ({ ...prev, tools }));
+            onToolsChange?.(tools);
+          }
+        },
+        onElicitationRequest,
+        onError: (error) => {
+          if (mountedRef.current) {
+            setState((prev) => ({ ...prev, error: error.message }));
+            onError?.(error);
+          }
+        },
+        onNotification
+      });
+    }
+    return clientRef.current;
+  }, [
+    clientConfig,
+    onConnectionStateChange,
+    onToolsChange,
+    onElicitationRequest,
+    onError,
+    onNotification
+  ]);
+  const connect = react.useCallback(async () => {
+    const client = getClient();
+    try {
+      setState((prev) => ({
+        ...prev,
+        connectionState: "connecting",
+        error: void 0
+      }));
+      await client.connect();
+      if (mountedRef.current) {
+        const clientState = client.getState();
+        setState({
+          connectionState: "connected",
+          tools: clientState.tools,
+          serverInfo: clientState.serverInfo,
+          serverCapabilities: clientState.serverCapabilities,
+          lastActivity: Date.now()
+        });
+      }
+    } catch (error) {
+      if (mountedRef.current) {
+        const errorMessage = error instanceof Error ? error.message : "Connection failed";
+        setState((prev) => ({
+          ...prev,
+          connectionState: "error",
+          error: errorMessage
+        }));
+      }
+      throw error;
+    }
+  }, [getClient]);
+  const disconnect = react.useCallback(async () => {
+    const client = clientRef.current;
+    if (client) {
+      await client.disconnect();
+      if (mountedRef.current) {
+        setState({
+          connectionState: "disconnected",
+          tools: []
+        });
+      }
+    }
+  }, []);
+  const callTool = react.useCallback(
+    async (name, args) => {
+      const client = clientRef.current;
+      if (!client || !client.isConnected()) {
+        throw new Error("MCP client not connected");
+      }
+      const result = await client.callTool(name, args);
+      if (mountedRef.current) {
+        setState((prev) => ({ ...prev, lastActivity: Date.now() }));
+      }
+      return result;
+    },
+    []
+  );
+  const refreshTools = react.useCallback(async () => {
+    const client = clientRef.current;
+    if (!client || !client.isConnected()) {
+      throw new Error("MCP client not connected");
+    }
+    const tools = await client.refreshTools();
+    if (mountedRef.current) {
+      setState((prev) => ({ ...prev, tools, lastActivity: Date.now() }));
+    }
+    return tools;
+  }, []);
+  react.useEffect(() => {
+    mountedRef.current = true;
+    if (autoConnect) {
+      connect().catch(() => {
+      });
+    }
+    return () => {
+      mountedRef.current = false;
+      const client = clientRef.current;
+      if (client) {
+        client.disconnect().catch(() => {
+        });
+        clientRef.current = null;
+      }
+    };
+  }, []);
+  const isConnected = state.connectionState === "connected";
+  const isLoading = state.connectionState === "connecting";
+  return {
+    state,
+    connect,
+    disconnect,
+    callTool,
+    refreshTools,
+    isConnected,
+    isLoading
+  };
+}
+
+// src/react/hooks/useMCPTools.ts
+function useMCPTools(config) {
+  const {
+    prefixToolNames = true,
+    autoRegister = true,
+    hidden = false,
+    source = "mcp",
+    ...clientConfig
+  } = config;
+  const { registerTool, unregisterTool } = useCopilot();
+  const registeredToolsRef = react.useRef([]);
+  const mcpClient = useMCPClient(clientConfig);
+  const toolAdapter = react.useMemo(
+    () => new chunkJGPDQDY4_cjs.MCPToolAdapter(clientConfig.name),
+    [clientConfig.name]
+  );
+  const toolDefinitions = react.useMemo(() => {
+    if (!mcpClient.isConnected || mcpClient.state.tools.length === 0) {
+      return [];
+    }
+    return mcpClient.state.tools.map(
+      (tool) => toolAdapter.toToolDefinition(tool, {
+        prefix: prefixToolNames,
+        asServerTool: true,
+        // MCP tools execute remotely
+        callTool: mcpClient.callTool,
+        hidden,
+        // Hide from chat UI
+        source
+        // Tool source for UI differentiation
+      })
+    );
+  }, [
+    mcpClient.isConnected,
+    mcpClient.state.tools,
+    mcpClient.callTool,
+    toolAdapter,
+    prefixToolNames,
+    hidden,
+    source
+  ]);
+  react.useEffect(() => {
+    if (!autoRegister) {
+      return;
+    }
+    for (const toolName of registeredToolsRef.current) {
+      unregisterTool(toolName);
+    }
+    registeredToolsRef.current = [];
+    if (mcpClient.isConnected && toolDefinitions.length > 0) {
+      for (const tool of toolDefinitions) {
+        registerTool(tool);
+        registeredToolsRef.current.push(tool.name);
+      }
+    }
+    return () => {
+      for (const toolName of registeredToolsRef.current) {
+        unregisterTool(toolName);
+      }
+      registeredToolsRef.current = [];
+    };
+  }, [
+    autoRegister,
+    mcpClient.isConnected,
+    toolDefinitions,
+    registerTool,
+    unregisterTool
+  ]);
+  return {
+    ...mcpClient,
+    toolDefinitions
+  };
+}
+function MCPConnection({ config }) {
+  useMCPTools({
+    name: config.name,
+    transport: config.transport,
+    url: config.url,
+    headers: config.headers,
+    autoConnect: true,
+    prefixToolNames: config.prefixToolNames ?? true,
+    timeout: config.timeout
+  });
+  return null;
+}
 var CopilotContext = react.createContext(null);
 function useCopilot() {
   const context = react.useContext(CopilotContext);
@@ -1991,7 +2223,8 @@ function CopilotProvider({
   headers,
   debug = false,
   maxIterations,
-  maxIterationsMessage
+  maxIterationsMessage,
+  mcpServers
 }) {
   const debugLog = react.useCallback(
     (...args) => {
@@ -2251,7 +2484,10 @@ function CopilotProvider({
       toolsConfig
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(CopilotContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(CopilotContext.Provider, { value: contextValue, children: [
+    mcpServers?.map((config) => /* @__PURE__ */ jsxRuntime.jsx(MCPConnection, { config }, config.name)),
+    children
+  ] });
 }
 function useAIActions(actions) {
   const { registerAction, unregisterAction } = useCopilot();
@@ -2346,17 +2582,17 @@ function useAITools(options = {}) {
   const rememberedConsentRef = react.useRef(/* @__PURE__ */ new Set());
   react.useEffect(() => {
     if (!autoStart || !isEnabled) return;
-    if (consoleCapture && !chunkUOWLKFXK_cjs.isConsoleCaptureActive()) {
-      chunkUOWLKFXK_cjs.startConsoleCapture(consoleOptions);
+    if (consoleCapture && !chunk33JSFVGH_cjs.isConsoleCaptureActive()) {
+      chunk33JSFVGH_cjs.startConsoleCapture(consoleOptions);
       setActiveCaptures((prev) => ({ ...prev, console: true }));
     }
-    if (network && !chunkUOWLKFXK_cjs.isNetworkCaptureActive()) {
-      chunkUOWLKFXK_cjs.startNetworkCapture(networkOptions);
+    if (network && !chunk33JSFVGH_cjs.isNetworkCaptureActive()) {
+      chunk33JSFVGH_cjs.startNetworkCapture(networkOptions);
       setActiveCaptures((prev) => ({ ...prev, network: true }));
     }
     return () => {
-      chunkUOWLKFXK_cjs.stopConsoleCapture();
-      chunkUOWLKFXK_cjs.stopNetworkCapture();
+      chunk33JSFVGH_cjs.stopConsoleCapture();
+      chunk33JSFVGH_cjs.stopNetworkCapture();
     };
   }, [
     autoStart,
@@ -2371,12 +2607,12 @@ function useAITools(options = {}) {
       if (!screenshot) {
         throw new Error("Screenshot capture is not enabled");
       }
-      if (!chunkUOWLKFXK_cjs.isScreenshotSupported()) {
+      if (!chunk33JSFVGH_cjs.isScreenshotSupported()) {
         throw new Error(
           "Screenshot capture is not supported in this environment"
         );
       }
-      return chunkUOWLKFXK_cjs.captureScreenshot({ ...screenshotOptions, ...opts });
+      return chunk33JSFVGH_cjs.captureScreenshot({ ...screenshotOptions, ...opts });
     },
     [screenshot, screenshotOptions]
   );
@@ -2385,7 +2621,7 @@ function useAITools(options = {}) {
       if (!consoleCapture) {
         return { logs: [], totalCaptured: 0 };
       }
-      return chunkUOWLKFXK_cjs.getConsoleLogs({ ...consoleOptions, ...opts });
+      return chunk33JSFVGH_cjs.getConsoleLogs({ ...consoleOptions, ...opts });
     },
     [consoleCapture, consoleOptions]
   );
@@ -2394,7 +2630,7 @@ function useAITools(options = {}) {
       if (!network) {
         return { requests: [], totalCaptured: 0 };
       }
-      return chunkUOWLKFXK_cjs.getNetworkRequests({ ...networkOptions, ...opts });
+      return chunk33JSFVGH_cjs.getNetworkRequests({ ...networkOptions, ...opts });
     },
     [network, networkOptions]
   );
@@ -2487,23 +2723,23 @@ function useAITools(options = {}) {
     ]
   );
   const startCapturing = react.useCallback(() => {
-    if (consoleCapture && !chunkUOWLKFXK_cjs.isConsoleCaptureActive()) {
-      chunkUOWLKFXK_cjs.startConsoleCapture(consoleOptions);
+    if (consoleCapture && !chunk33JSFVGH_cjs.isConsoleCaptureActive()) {
+      chunk33JSFVGH_cjs.startConsoleCapture(consoleOptions);
       setActiveCaptures((prev) => ({ ...prev, console: true }));
     }
-    if (network && !chunkUOWLKFXK_cjs.isNetworkCaptureActive()) {
-      chunkUOWLKFXK_cjs.startNetworkCapture(networkOptions);
+    if (network && !chunk33JSFVGH_cjs.isNetworkCaptureActive()) {
+      chunk33JSFVGH_cjs.startNetworkCapture(networkOptions);
       setActiveCaptures((prev) => ({ ...prev, network: true }));
     }
   }, [consoleCapture, network, consoleOptions, networkOptions]);
   const stopCapturing = react.useCallback(() => {
-    chunkUOWLKFXK_cjs.stopConsoleCapture();
-    chunkUOWLKFXK_cjs.stopNetworkCapture();
+    chunk33JSFVGH_cjs.stopConsoleCapture();
+    chunk33JSFVGH_cjs.stopNetworkCapture();
     setActiveCaptures({ console: false, network: false });
   }, []);
   const clearCaptured = react.useCallback(() => {
-    chunkUOWLKFXK_cjs.clearConsoleLogs();
-    chunkUOWLKFXK_cjs.clearNetworkRequests();
+    chunk33JSFVGH_cjs.clearConsoleLogs();
+    chunk33JSFVGH_cjs.clearNetworkRequests();
   }, []);
   const formatForAI = react.useCallback((context) => {
     const parts = [];
@@ -2513,16 +2749,16 @@ function useAITools(options = {}) {
       );
     }
     if (context.consoleLogs && context.consoleLogs.logs.length > 0) {
-      parts.push(chunkUOWLKFXK_cjs.formatLogsForAI(context.consoleLogs.logs));
+      parts.push(chunk33JSFVGH_cjs.formatLogsForAI(context.consoleLogs.logs));
     }
     if (context.networkRequests && context.networkRequests.requests.length > 0) {
-      parts.push(chunkUOWLKFXK_cjs.formatRequestsForAI(context.networkRequests.requests));
+      parts.push(chunk33JSFVGH_cjs.formatRequestsForAI(context.networkRequests.requests));
     }
     return parts.length > 0 ? parts.join("\n\n---\n\n") : "No context captured.";
   }, []);
   const detectIntentFn = react.useCallback(
     (message) => {
-      const result = chunkUOWLKFXK_cjs.detectIntent(message);
+      const result = chunk33JSFVGH_cjs.detectIntent(message);
       result.suggestedTools = result.suggestedTools.filter((tool) => {
         if (tool === "screenshot") return screenshot;
         if (tool === "console") return consoleCapture;
@@ -2584,7 +2820,8 @@ function useTool(config, dependencies = []) {
       render: config.render,
       available: config.available ?? true,
       needsApproval: config.needsApproval,
-      approvalMessage: config.approvalMessage
+      approvalMessage: config.approvalMessage,
+      hidden: config.hidden
     };
     registerTool(tool);
     return () => {
@@ -2636,7 +2873,7 @@ function convertZodSchema(schema, _toolName) {
     }
   } catch {
   }
-  return chunkUOWLKFXK_cjs.zodObjectToInputSchema(schema);
+  return chunk33JSFVGH_cjs.zodObjectToInputSchema(schema);
 }
 function useToolWithSchema(config, dependencies = []) {
   const { registerTool, unregisterTool } = useCopilot();
@@ -2944,7 +3181,7 @@ function useAgent(options) {
         if (!response.ok) {
           throw new Error(`Agent error: ${response.status}`);
         }
-        for await (const event of chunkUOWLKFXK_cjs.streamSSE(response)) {
+        for await (const event of chunk33JSFVGH_cjs.streamSSE(response)) {
           handleAgentEvent(event);
         }
       } catch (err) {
@@ -3438,7 +3675,7 @@ function createReactThreadManagerState(initialThreads) {
 }
 
 // src/react/internal/ReactThreadManager.ts
-var _ReactThreadManager = class _ReactThreadManager extends chunkUOWLKFXK_cjs.ThreadManager {
+var _ReactThreadManager = class _ReactThreadManager extends chunk33JSFVGH_cjs.ThreadManager {
   constructor(config = {}, callbacks = {}) {
     const reactState = new ReactThreadManagerState();
     super({ ...config, state: reactState }, callbacks);
@@ -3712,216 +3949,6 @@ function useThreadManager(config) {
     hasPendingChanges
   };
 }
-function useMCPClient(config) {
-  const {
-    autoConnect = true,
-    onConnectionStateChange,
-    onToolsChange,
-    onElicitationRequest,
-    onError,
-    onNotification,
-    ...clientConfig
-  } = config;
-  const clientRef = react.useRef(null);
-  const mountedRef = react.useRef(true);
-  const [state, setState] = react.useState({
-    connectionState: "disconnected",
-    tools: []
-  });
-  const getClient = react.useCallback(() => {
-    if (!clientRef.current) {
-      clientRef.current = chunk7K7HZMP4_cjs.createMCPClient(clientConfig, {
-        onConnectionStateChange: (newState) => {
-          if (mountedRef.current) {
-            setState((prev) => ({ ...prev, connectionState: newState }));
-            onConnectionStateChange?.(newState);
-          }
-        },
-        onToolsChange: (tools) => {
-          if (mountedRef.current) {
-            setState((prev) => ({ ...prev, tools }));
-            onToolsChange?.(tools);
-          }
-        },
-        onElicitationRequest,
-        onError: (error) => {
-          if (mountedRef.current) {
-            setState((prev) => ({ ...prev, error: error.message }));
-            onError?.(error);
-          }
-        },
-        onNotification
-      });
-    }
-    return clientRef.current;
-  }, [
-    clientConfig,
-    onConnectionStateChange,
-    onToolsChange,
-    onElicitationRequest,
-    onError,
-    onNotification
-  ]);
-  const connect = react.useCallback(async () => {
-    const client = getClient();
-    try {
-      setState((prev) => ({
-        ...prev,
-        connectionState: "connecting",
-        error: void 0
-      }));
-      await client.connect();
-      if (mountedRef.current) {
-        const clientState = client.getState();
-        setState({
-          connectionState: "connected",
-          tools: clientState.tools,
-          serverInfo: clientState.serverInfo,
-          serverCapabilities: clientState.serverCapabilities,
-          lastActivity: Date.now()
-        });
-      }
-    } catch (error) {
-      if (mountedRef.current) {
-        const errorMessage = error instanceof Error ? error.message : "Connection failed";
-        setState((prev) => ({
-          ...prev,
-          connectionState: "error",
-          error: errorMessage
-        }));
-      }
-      throw error;
-    }
-  }, [getClient]);
-  const disconnect = react.useCallback(async () => {
-    const client = clientRef.current;
-    if (client) {
-      await client.disconnect();
-      if (mountedRef.current) {
-        setState({
-          connectionState: "disconnected",
-          tools: []
-        });
-      }
-    }
-  }, []);
-  const callTool = react.useCallback(
-    async (name, args) => {
-      const client = clientRef.current;
-      if (!client || !client.isConnected()) {
-        throw new Error("MCP client not connected");
-      }
-      const result = await client.callTool(name, args);
-      if (mountedRef.current) {
-        setState((prev) => ({ ...prev, lastActivity: Date.now() }));
-      }
-      return result;
-    },
-    []
-  );
-  const refreshTools = react.useCallback(async () => {
-    const client = clientRef.current;
-    if (!client || !client.isConnected()) {
-      throw new Error("MCP client not connected");
-    }
-    const tools = await client.refreshTools();
-    if (mountedRef.current) {
-      setState((prev) => ({ ...prev, tools, lastActivity: Date.now() }));
-    }
-    return tools;
-  }, []);
-  react.useEffect(() => {
-    mountedRef.current = true;
-    if (autoConnect) {
-      connect().catch(() => {
-      });
-    }
-    return () => {
-      mountedRef.current = false;
-      const client = clientRef.current;
-      if (client) {
-        client.disconnect().catch(() => {
-        });
-        clientRef.current = null;
-      }
-    };
-  }, []);
-  const isConnected = state.connectionState === "connected";
-  const isLoading = state.connectionState === "connecting";
-  return {
-    state,
-    connect,
-    disconnect,
-    callTool,
-    refreshTools,
-    isConnected,
-    isLoading
-  };
-}
-function useMCPTools(config) {
-  const {
-    prefixToolNames = true,
-    autoRegister = true,
-    ...clientConfig
-  } = config;
-  const { registerTool, unregisterTool } = useCopilot();
-  const registeredToolsRef = react.useRef([]);
-  const mcpClient = useMCPClient(clientConfig);
-  const toolAdapter = react.useMemo(
-    () => new chunk7K7HZMP4_cjs.MCPToolAdapter(clientConfig.name),
-    [clientConfig.name]
-  );
-  const toolDefinitions = react.useMemo(() => {
-    if (!mcpClient.isConnected || mcpClient.state.tools.length === 0) {
-      return [];
-    }
-    return mcpClient.state.tools.map(
-      (tool) => toolAdapter.toToolDefinition(tool, {
-        prefix: prefixToolNames,
-        asServerTool: true,
-        // MCP tools execute remotely
-        callTool: mcpClient.callTool
-      })
-    );
-  }, [
-    mcpClient.isConnected,
-    mcpClient.state.tools,
-    mcpClient.callTool,
-    toolAdapter,
-    prefixToolNames
-  ]);
-  react.useEffect(() => {
-    if (!autoRegister) {
-      return;
-    }
-    for (const toolName of registeredToolsRef.current) {
-      unregisterTool(toolName);
-    }
-    registeredToolsRef.current = [];
-    if (mcpClient.isConnected && toolDefinitions.length > 0) {
-      for (const tool of toolDefinitions) {
-        registerTool(tool);
-        registeredToolsRef.current.push(tool.name);
-      }
-    }
-    return () => {
-      for (const toolName of registeredToolsRef.current) {
-        unregisterTool(toolName);
-      }
-      registeredToolsRef.current = [];
-    };
-  }, [
-    autoRegister,
-    mcpClient.isConnected,
-    toolDefinitions,
-    registerTool,
-    unregisterTool
-  ]);
-  return {
-    ...mcpClient,
-    toolDefinitions
-  };
-}
 function useMCPUIIntents(config = {}) {
   const {
     onToolCall,
@@ -4315,5 +4342,5 @@ exports.useToolExecutor = useToolExecutor;
 exports.useToolWithSchema = useToolWithSchema;
 exports.useTools = useTools;
 exports.useToolsWithSchema = useToolsWithSchema;
-//# sourceMappingURL=chunk-H5XMKBBA.cjs.map
-//# sourceMappingURL=chunk-H5XMKBBA.cjs.map
+//# sourceMappingURL=chunk-MUZ2RYS2.cjs.map
+//# sourceMappingURL=chunk-MUZ2RYS2.cjs.map