@tambo-ai/react 0.63.0 → 0.64.0

package/dist/hooks/use-tambo-voice.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tambo-voice.js","sourceRoot":"","sources":["../../src/hooks/use-tambo-voice.tsx"],"names":[],"mappings":";;AAgBA,sCAyEC;AAzFD,iCAAyD;AACzD,+DAA6D;AAC7D,8EAAoE;AACpE,2DAAuD;AAEvD;;;;;;;;;;GAUG;AACH,SAAgB,aAAa;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,IAAA,sCAAc,GAAE,CAAC;IAChC,MAAM,EACJ,MAAM,EACN,cAAc,EAAE,mBAAmB,EACnC,aAAa,EAAE,kBAAkB,EACjC,YAAY,EACZ,KAAK,EAAE,gBAAgB,GACxB,GAAG,IAAA,4CAAqB,EAAC;QACxB,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,KAAK;QACZ,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACxC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,MAAM,KAAK,WAAW,CAAC;IAE3C,MAAM,qBAAqB,GAAG,IAAA,oCAAgB,EAI5C;QACA,UAAU,EAAE,KAAK,EAAE,OAAe,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;YACtC,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,gBAAgB,EAAE;gBACnD,IAAI,EAAE,YAAY;aACnB,CAAC,CAAC;YAEH,OAAO,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,SAAS,EAAE,CAAC,aAAa,EAAE,EAAE;YAC3B,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;KACF,CAAC,CAAC;IAEH,oEAAoE;IACpE,MAAM,gBAAgB,GACpB,MAAM,KAAK,SAAS;QACpB,YAAY;QACZ,CAAC,qBAAqB,CAAC,SAAS;QAChC,CAAC,qBAAqB,CAAC,SAAS,CAAC;IAEnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,IAAI,WAAW;YAAE,OAAO;QAExB,0CAA0C;QAC1C,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,oCAAoC;QACnE,mBAAmB,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,WAAW,EAAE,CAAC;YAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEtC,OAAO;QACL,cAAc;QACd,aAAa;QACb,WAAW;QACX,gBAAgB,EAAE,gBAAgB,IAAI,IAAI;QAC1C,cAAc,EAAE,qBAAqB,CAAC,SAAS;QAC/C,UAAU;QACV,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,EAAE,OAAO,IAAI,IAAI;KACjE,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useReactMediaRecorder } from \"react-media-recorder\";\nimport { useTamboClient } from \"../providers/tambo-client-provider\";\nimport { useTamboMutation } from \"./react-query-hooks\";\n\n/**\n * Exposes functionality to record speech and transcribe it using the Tambo API.\n * @returns An object with:\n * - startRecording: A function to start recording audio and reset the current transcript.\n * - stopRecording: A function to stop recording audio and automatically kick off transcription.\n * - isRecording: A boolean indicating if the user is recording audio.\n * - isTranscribing: A boolean indicating if the audio is being transcribed.\n * - transcript: The transcript of the recorded audio.\n * - transcriptionError: An error message if the transcription fails.\n * - mediaAccessError: An error message if microphone access fails.\n */\nexport function useTamboVoice() {\n  const [transcript, setTranscript] = useState<string | null>(null);\n  const client = useTamboClient();\n  const {\n    status,\n    startRecording: startMediaRecording,\n    stopRecording: stopMediaRecording,\n    mediaBlobUrl,\n    error: mediaAccessError,\n  } = useReactMediaRecorder({\n    audio: true,\n    video: false,\n    blobPropertyBag: { type: \"audio/webm\" },\n  });\n\n  const isRecording = status === \"recording\";\n\n  const transcriptionMutation = useTamboMutation<\n    string,\n    Error,\n    string // blobUrl parameter\n  >({\n    mutationFn: async (blobUrl: string) => {\n      const response = await fetch(blobUrl);\n      const audioBlob = await response.blob();\n      const file = new File([audioBlob], \"recording.webm\", {\n        type: \"audio/webm\",\n      });\n\n      return await client.beta.audio.transcribe({ file });\n    },\n    onSuccess: (transcription) => {\n      setTranscript(transcription);\n    },\n  });\n\n  // Trigger transcription when recording stops and we have a blob URL\n  const shouldTranscribe =\n    status === \"stopped\" &&\n    mediaBlobUrl &&\n    !transcriptionMutation.isPending &&\n    !transcriptionMutation.isSuccess;\n\n  useEffect(() => {\n    if (shouldTranscribe) {\n      transcriptionMutation.mutate(mediaBlobUrl);\n    }\n  }, [shouldTranscribe, mediaBlobUrl, transcriptionMutation]);\n\n  const startRecording = useCallback(() => {\n    if (isRecording) return;\n\n    // Reset state when starting new recording\n    setTranscript(null);\n    transcriptionMutation.reset(); // Clear any previous mutation state\n    startMediaRecording();\n  }, [isRecording, startMediaRecording, transcriptionMutation]);\n\n  const stopRecording = useCallback(() => {\n    if (isRecording) {\n      stopMediaRecording();\n    }\n  }, [isRecording, stopMediaRecording]);\n\n  return {\n    startRecording,\n    stopRecording,\n    isRecording,\n    mediaAccessError: mediaAccessError ?? null,\n    isTranscribing: transcriptionMutation.isPending,\n    transcript,\n    transcriptionError: transcriptionMutation.error?.message ?? null,\n  };\n}\n"]}
+{"version":3,"file":"use-tambo-voice.js","sourceRoot":"","sources":["../../src/hooks/use-tambo-voice.tsx"],"names":[],"mappings":";;AAgBA,sCAyEC;AAzFD,iCAAyD;AACzD,+DAA6D;AAC7D,8EAAoE;AACpE,2DAAuD;AAEvD;;;;;;;;;;GAUG;AACH,SAAgB,aAAa;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,IAAA,sCAAc,GAAE,CAAC;IAChC,MAAM,EACJ,MAAM,EACN,cAAc,EAAE,mBAAmB,EACnC,aAAa,EAAE,kBAAkB,EACjC,YAAY,EACZ,KAAK,EAAE,gBAAgB,GACxB,GAAG,IAAA,4CAAqB,EAAC;QACxB,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,KAAK;QACZ,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACxC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,MAAM,KAAK,WAAW,CAAC;IAE3C,MAAM,qBAAqB,GAAG,IAAA,oCAAgB,EAI5C;QACA,UAAU,EAAE,KAAK,EAAE,OAAe,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;YACtC,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,gBAAgB,EAAE;gBACnD,IAAI,EAAE,YAAY;aACnB,CAAC,CAAC;YAEH,OAAO,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,SAAS,EAAE,CAAC,aAAqB,EAAE,EAAE;YACnC,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;KACF,CAAC,CAAC;IAEH,oEAAoE;IACpE,MAAM,gBAAgB,GACpB,MAAM,KAAK,SAAS;QACpB,YAAY;QACZ,CAAC,qBAAqB,CAAC,SAAS;QAChC,CAAC,qBAAqB,CAAC,SAAS,CAAC;IAEnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,IAAI,WAAW;YAAE,OAAO;QAExB,0CAA0C;QAC1C,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,oCAAoC;QACnE,mBAAmB,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,WAAW,EAAE,CAAC;YAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEtC,OAAO;QACL,cAAc;QACd,aAAa;QACb,WAAW;QACX,gBAAgB,EAAE,gBAAgB,IAAI,IAAI;QAC1C,cAAc,EAAE,qBAAqB,CAAC,SAAS;QAC/C,UAAU;QACV,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,EAAE,OAAO,IAAI,IAAI;KACjE,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useReactMediaRecorder } from \"react-media-recorder\";\nimport { useTamboClient } from \"../providers/tambo-client-provider\";\nimport { useTamboMutation } from \"./react-query-hooks\";\n\n/**\n * Exposes functionality to record speech and transcribe it using the Tambo API.\n * @returns An object with:\n * - startRecording: A function to start recording audio and reset the current transcript.\n * - stopRecording: A function to stop recording audio and automatically kick off transcription.\n * - isRecording: A boolean indicating if the user is recording audio.\n * - isTranscribing: A boolean indicating if the audio is being transcribed.\n * - transcript: The transcript of the recorded audio.\n * - transcriptionError: An error message if the transcription fails.\n * - mediaAccessError: An error message if microphone access fails.\n */\nexport function useTamboVoice() {\n  const [transcript, setTranscript] = useState<string | null>(null);\n  const client = useTamboClient();\n  const {\n    status,\n    startRecording: startMediaRecording,\n    stopRecording: stopMediaRecording,\n    mediaBlobUrl,\n    error: mediaAccessError,\n  } = useReactMediaRecorder({\n    audio: true,\n    video: false,\n    blobPropertyBag: { type: \"audio/webm\" },\n  });\n\n  const isRecording = status === \"recording\";\n\n  const transcriptionMutation = useTamboMutation<\n    string,\n    Error,\n    string // blobUrl parameter\n  >({\n    mutationFn: async (blobUrl: string) => {\n      const response = await fetch(blobUrl);\n      const audioBlob = await response.blob();\n      const file = new File([audioBlob], \"recording.webm\", {\n        type: \"audio/webm\",\n      });\n\n      return await client.beta.audio.transcribe({ file });\n    },\n    onSuccess: (transcription: string) => {\n      setTranscript(transcription);\n    },\n  });\n\n  // Trigger transcription when recording stops and we have a blob URL\n  const shouldTranscribe =\n    status === \"stopped\" &&\n    mediaBlobUrl &&\n    !transcriptionMutation.isPending &&\n    !transcriptionMutation.isSuccess;\n\n  useEffect(() => {\n    if (shouldTranscribe) {\n      transcriptionMutation.mutate(mediaBlobUrl);\n    }\n  }, [shouldTranscribe, mediaBlobUrl, transcriptionMutation]);\n\n  const startRecording = useCallback(() => {\n    if (isRecording) return;\n\n    // Reset state when starting new recording\n    setTranscript(null);\n    transcriptionMutation.reset(); // Clear any previous mutation state\n    startMediaRecording();\n  }, [isRecording, startMediaRecording, transcriptionMutation]);\n\n  const stopRecording = useCallback(() => {\n    if (isRecording) {\n      stopMediaRecording();\n    }\n  }, [isRecording, stopMediaRecording]);\n\n  return {\n    startRecording,\n    stopRecording,\n    isRecording,\n    mediaAccessError: mediaAccessError ?? null,\n    isTranscribing: transcriptionMutation.isPending,\n    transcript,\n    transcriptionError: transcriptionMutation.error?.message ?? null,\n  };\n}\n"]}

package/dist/mcp/__tests__/mcp-hooks.test.js

@@ -137,16 +137,16 @@ describe("useTamboMcpPromptList - individual server caching", () => {
         await (0, react_1.waitFor)(() => {
             expect(capturedPrompts.length).toBe(4);
         });
-        // Verify all prompts are present
+        // Verify all prompts are present (with prefixes since we have 2 servers)
         const promptNames = capturedPrompts.map((p) => p.prompt.name);
-        expect(promptNames).toContain("prompt-a1");
-        expect(promptNames).toContain("prompt-a2");
-        expect(promptNames).toContain("prompt-b1");
-        expect(promptNames).toContain("prompt-b2");
+        expect(promptNames).toContain("server-a:prompt-a1");
+        expect(promptNames).toContain("server-a:prompt-a2");
+        expect(promptNames).toContain("server-b:prompt-b1");
+        expect(promptNames).toContain("server-b:prompt-b2");
         // Verify each prompt has the correct server info
-        const promptA1 = capturedPrompts.find((p) => p.prompt.name === "prompt-a1");
+        const promptA1 = capturedPrompts.find((p) => p.prompt.name === "server-a:prompt-a1");
         expect(promptA1?.server.url).toBe("https://server-a.example");
-        const promptB1 = capturedPrompts.find((p) => p.prompt.name === "prompt-b1");
+        const promptB1 = capturedPrompts.find((p) => p.prompt.name === "server-b:prompt-b1");
         expect(promptB1?.server.url).toBe("https://server-b.example");
     });
     it("should remove prompts when a server is removed", async () => {
@@ -223,10 +223,10 @@ describe("useTamboMcpPromptList - individual server caching", () => {
             expect(capturedPrompts.length).toBe(4);
         });
         const initialPromptNames = capturedPrompts.map((p) => p.prompt.name);
-        expect(initialPromptNames).toContain("prompt-a1");
-        expect(initialPromptNames).toContain("prompt-a2");
-        expect(initialPromptNames).toContain("prompt-b1");
-        expect(initialPromptNames).toContain("prompt-b2");
+        expect(initialPromptNames).toContain("server-a:prompt-a1");
+        expect(initialPromptNames).toContain("server-a:prompt-a2");
+        expect(initialPromptNames).toContain("server-b:prompt-b1");
+        expect(initialPromptNames).toContain("server-b:prompt-b2");
         // Remove server B
         rerender(react_2.default.createElement(tambo_client_provider_1.TamboClientContext.Provider, { value: {
                 client: { baseURL: "https://api.tambo.co" },
@@ -243,6 +243,7 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                         ] },
                         react_2.default.createElement(Capture, null))))));
         // Wait for prompts to be updated (server B prompts should disappear)
+        // When only 1 server remains, prompts should NOT be prefixed
         await (0, react_1.waitFor)(() => {
             expect(capturedPrompts.length).toBe(2);
         });
@@ -251,6 +252,7 @@ describe("useTamboMcpPromptList - individual server caching", () => {
         expect(updatedPromptNames).toContain("prompt-a2");
         expect(updatedPromptNames).not.toContain("prompt-b1");
         expect(updatedPromptNames).not.toContain("prompt-b2");
+        expect(updatedPromptNames).not.toContain("server-a:prompt-a1"); // No prefix when only 1 server
         // Verify server B's client was closed
         expect(clientB.close).toHaveBeenCalled();
     });
@@ -405,10 +407,10 @@ describe("useTamboMcpPromptList - individual server caching", () => {
             expect(capturedPrompts.length).toBe(1);
             expect(mcpServersCount).toBe(2); // Both servers should be in the list
         });
-        // Verify only server A's prompts are present
+        // Verify only server A's prompts are present (with prefix since 2 servers configured)
         const promptNames = capturedPrompts.map((p) => p.prompt.name);
-        expect(promptNames).toContain("prompt-a");
-        expect(promptNames).not.toContain("prompt-b");
+        expect(promptNames).toContain("server-a:prompt-a");
+        expect(promptNames).not.toContain("server-b:prompt-b");
     });
     it("should add prompts when a new server is added", async () => {
         const serverAPrompts = {
@@ -493,12 +495,473 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                         ] },
                         react_2.default.createElement(Capture, null))))));
         // Wait for server B prompts to be added
+        // Now with 2 servers, prompts should be prefixed
         await (0, react_1.waitFor)(() => {
             expect(capturedPrompts.length).toBe(2);
         });
         const promptNames = capturedPrompts.map((p) => p.prompt.name);
-        expect(promptNames).toContain("prompt-a");
-        expect(promptNames).toContain("prompt-b");
+        expect(promptNames).toContain("server-a:prompt-a");
+        expect(promptNames).toContain("server-b:prompt-b");
+    });
+});
+describe("useTamboMcpResourceList - resource management", () => {
+    let queryClient;
+    beforeEach(() => {
+        createImpl = jest.fn();
+        queryClient = new react_query_1.QueryClient({
+            defaultOptions: {
+                queries: {
+                    retry: false,
+                },
+            },
+        });
+    });
+    afterEach(() => {
+        queryClient.clear();
+    });
+    it("should fetch and combine resources from multiple servers", async () => {
+        // Mock two servers with different resources
+        const serverAResources = {
+            resources: [
+                {
+                    uri: "file:///home/user/doc1.txt",
+                    name: "Document 1",
+                    mimeType: "text/plain",
+                },
+                {
+                    uri: "file:///home/user/doc2.txt",
+                    name: "Document 2",
+                    mimeType: "text/plain",
+                },
+            ],
+        };
+        const serverBResources = {
+            resources: [
+                {
+                    uri: "file:///workspace/code.js",
+                    name: "Code File",
+                    mimeType: "text/javascript",
+                },
+                {
+                    uri: "file:///workspace/README.md",
+                    name: "Readme",
+                    mimeType: "text/markdown",
+                },
+            ],
+        };
+        const mockClientA = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverAResources),
+            close: jest.fn(),
+        };
+        const mockClientB = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverBResources),
+            close: jest.fn(),
+        };
+        const clientA = {
+            client: mockClientA,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        const clientB = {
+            client: mockClientB,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        createImpl.mockImplementation(async (url) => {
+            if (url === "https://server-a.example")
+                return clientA;
+            if (url === "https://server-b.example")
+                return clientB;
+            throw new Error(`Unexpected URL: ${url}`);
+        });
+        let capturedResources = [];
+        const Capture = () => {
+            const { data: resources } = (0, mcp_hooks_1.useTamboMcpResourceList)();
+            (0, react_2.useEffect)(() => {
+                if (resources) {
+                    capturedResources = resources;
+                }
+            }, [resources]);
+            return null;
+        };
+        (0, react_1.render)(react_2.default.createElement(tambo_client_provider_1.TamboClientContext.Provider, { value: {
+                client: { baseURL: "https://api.tambo.co" },
+                queryClient,
+                isUpdatingToken: false,
+            } },
+            react_2.default.createElement(tambo_registry_provider_1.TamboRegistryProvider, null,
+                react_2.default.createElement(tambo_mcp_token_provider_1.TamboMcpTokenProvider, null,
+                    react_2.default.createElement(tambo_mcp_provider_1.TamboMcpProvider, { mcpServers: [
+                            {
+                                url: "https://server-a.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                            {
+                                url: "https://server-b.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                        ] },
+                        react_2.default.createElement(Capture, null))))));
+        // Wait for all resources to be loaded
+        await (0, react_1.waitFor)(() => {
+            expect(capturedResources.length).toBe(4);
+        });
+        // Verify all resources are present (with prefixes since we have 2 servers)
+        const resourceUris = capturedResources.map((r) => r.resource.uri);
+        expect(resourceUris).toContain("server-a:file:///home/user/doc1.txt");
+        expect(resourceUris).toContain("server-a:file:///home/user/doc2.txt");
+        expect(resourceUris).toContain("server-b:file:///workspace/code.js");
+        expect(resourceUris).toContain("server-b:file:///workspace/README.md");
+        // Verify each resource has the correct server info
+        const resource1 = capturedResources.find((r) => r.resource.uri === "server-a:file:///home/user/doc1.txt");
+        expect(resource1?.server.url).toBe("https://server-a.example");
+        const resource2 = capturedResources.find((r) => r.resource.uri === "server-b:file:///workspace/code.js");
+        expect(resource2?.server.url).toBe("https://server-b.example");
+    });
+    it("should not prefix resources when only one server exists", async () => {
+        const serverAResources = {
+            resources: [
+                {
+                    uri: "file:///home/user/doc.txt",
+                    name: "Document",
+                    mimeType: "text/plain",
+                },
+            ],
+        };
+        const mockClientA = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverAResources),
+            close: jest.fn(),
+        };
+        const clientA = {
+            client: mockClientA,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        createImpl.mockImplementation(async () => clientA);
+        let capturedResources = [];
+        const Capture = () => {
+            const { data: resources } = (0, mcp_hooks_1.useTamboMcpResourceList)();
+            (0, react_2.useEffect)(() => {
+                if (resources) {
+                    capturedResources = resources;
+                }
+            }, [resources]);
+            return null;
+        };
+        (0, react_1.render)(react_2.default.createElement(tambo_client_provider_1.TamboClientContext.Provider, { value: {
+                client: { baseURL: "https://api.tambo.co" },
+                queryClient,
+                isUpdatingToken: false,
+            } },
+            react_2.default.createElement(tambo_registry_provider_1.TamboRegistryProvider, null,
+                react_2.default.createElement(tambo_mcp_token_provider_1.TamboMcpTokenProvider, null,
+                    react_2.default.createElement(tambo_mcp_provider_1.TamboMcpProvider, { mcpServers: [
+                            {
+                                url: "https://server-a.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                        ] },
+                        react_2.default.createElement(Capture, null))))));
+        await (0, react_1.waitFor)(() => {
+            expect(capturedResources.length).toBe(1);
+        });
+        // No prefix when only 1 server
+        expect(capturedResources[0].resource.uri).toBe("file:///home/user/doc.txt");
+    });
+    it("should remove resource prefixes when a server is removed", async () => {
+        const serverAResources = {
+            resources: [
+                {
+                    uri: "file:///home/user/doc1.txt",
+                    name: "Document 1",
+                    mimeType: "text/plain",
+                },
+                {
+                    uri: "file:///home/user/doc2.txt",
+                    name: "Document 2",
+                    mimeType: "text/plain",
+                },
+            ],
+        };
+        const serverBResources = {
+            resources: [
+                {
+                    uri: "file:///workspace/code.js",
+                    name: "Code File",
+                    mimeType: "text/javascript",
+                },
+            ],
+        };
+        const mockClientA = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverAResources),
+            close: jest.fn(),
+        };
+        const mockClientB = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverBResources),
+            close: jest.fn(),
+        };
+        const clientA = {
+            client: mockClientA,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        const clientB = {
+            client: mockClientB,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        createImpl.mockImplementation(async (url) => {
+            if (url === "https://server-a.example")
+                return clientA;
+            if (url === "https://server-b.example")
+                return clientB;
+            throw new Error(`Unexpected URL: ${url}`);
+        });
+        let capturedResources = [];
+        const Capture = () => {
+            const { data: resources } = (0, mcp_hooks_1.useTamboMcpResourceList)();
+            (0, react_2.useEffect)(() => {
+                if (resources) {
+                    capturedResources = resources;
+                }
+            }, [resources]);
+            return null;
+        };
+        const { rerender } = (0, react_1.render)(react_2.default.createElement(tambo_client_provider_1.TamboClientContext.Provider, { value: {
+                client: { baseURL: "https://api.tambo.co" },
+                queryClient,
+                isUpdatingToken: false,
+            } },
+            react_2.default.createElement(tambo_registry_provider_1.TamboRegistryProvider, null,
+                react_2.default.createElement(tambo_mcp_token_provider_1.TamboMcpTokenProvider, null,
+                    react_2.default.createElement(tambo_mcp_provider_1.TamboMcpProvider, { mcpServers: [
+                            {
+                                url: "https://server-a.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                            {
+                                url: "https://server-b.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                        ] },
+                        react_2.default.createElement(Capture, null))))));
+        // Wait for all resources to be loaded (prefixed)
+        await (0, react_1.waitFor)(() => {
+            expect(capturedResources.length).toBe(3);
+        });
+        const initialUris = capturedResources.map((r) => r.resource.uri);
+        expect(initialUris).toContain("server-a:file:///home/user/doc1.txt");
+        expect(initialUris).toContain("server-b:file:///workspace/code.js");
+        // Now remove server B
+        rerender(react_2.default.createElement(tambo_client_provider_1.TamboClientContext.Provider, { value: {
+                client: { baseURL: "https://api.tambo.co" },
+                queryClient,
+                isUpdatingToken: false,
+            } },
+            react_2.default.createElement(tambo_registry_provider_1.TamboRegistryProvider, null,
+                react_2.default.createElement(tambo_mcp_token_provider_1.TamboMcpTokenProvider, null,
+                    react_2.default.createElement(tambo_mcp_provider_1.TamboMcpProvider, { mcpServers: [
+                            {
+                                url: "https://server-a.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                        ] },
+                        react_2.default.createElement(Capture, null))))));
+        // Wait for server B resources to be removed and prefixes stripped
+        await (0, react_1.waitFor)(() => {
+            expect(capturedResources.length).toBe(2);
+        });
+        const updatedUris = capturedResources.map((r) => r.resource.uri);
+        expect(updatedUris).toContain("file:///home/user/doc1.txt"); // No prefix
+        expect(updatedUris).toContain("file:///home/user/doc2.txt");
+        expect(updatedUris).not.toContain("server-a:file:///home/user/doc1.txt"); // No prefix when only 1 server
+        expect(updatedUris).not.toContain("server-b:file:///workspace/code.js"); // Server B removed
+    });
+});
+describe("useTamboMcpResource - read individual resource", () => {
+    let queryClient;
+    beforeEach(() => {
+        createImpl = jest.fn();
+        queryClient = new react_query_1.QueryClient({
+            defaultOptions: {
+                queries: {
+                    retry: false,
+                },
+            },
+        });
+    });
+    afterEach(() => {
+        queryClient.clear();
+    });
+    it("should read a resource from a single server (unprefixed)", async () => {
+        const serverAResources = {
+            resources: [
+                {
+                    uri: "file:///home/user/doc.txt",
+                    name: "Document",
+                    mimeType: "text/plain",
+                },
+            ],
+        };
+        const resourceContents = {
+            contents: [
+                {
+                    uri: "file:///home/user/doc.txt",
+                    mimeType: "text/plain",
+                    text: "Hello, world!",
+                },
+            ],
+        };
+        const mockClientA = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverAResources),
+            readResource: jest.fn().mockResolvedValue(resourceContents),
+            close: jest.fn(),
+        };
+        const clientA = {
+            client: mockClientA,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        createImpl.mockImplementation(async () => clientA);
+        let capturedResourceData = null;
+        const Capture = () => {
+            const { data: resourceData } = (0, mcp_hooks_1.useTamboMcpResource)("file:///home/user/doc.txt");
+            (0, react_2.useEffect)(() => {
+                if (resourceData) {
+                    capturedResourceData = resourceData;
+                }
+            }, [resourceData]);
+            return null;
+        };
+        (0, react_1.render)(react_2.default.createElement(tambo_client_provider_1.TamboClientContext.Provider, { value: {
+                client: { baseURL: "https://api.tambo.co" },
+                queryClient,
+                isUpdatingToken: false,
+            } },
+            react_2.default.createElement(tambo_registry_provider_1.TamboRegistryProvider, null,
+                react_2.default.createElement(tambo_mcp_token_provider_1.TamboMcpTokenProvider, null,
+                    react_2.default.createElement(tambo_mcp_provider_1.TamboMcpProvider, { mcpServers: [
+                            {
+                                url: "https://server-a.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                        ] },
+                        react_2.default.createElement(Capture, null))))));
+        await (0, react_1.waitFor)(() => {
+            expect(capturedResourceData).not.toBeNull();
+        });
+        expect(capturedResourceData.contents[0].text).toBe("Hello, world!");
+        expect(mockClientA.readResource).toHaveBeenCalledWith({
+            uri: "file:///home/user/doc.txt",
+        });
+    });
+    it("should read a resource from multiple servers (prefixed)", async () => {
+        const serverAResources = {
+            resources: [
+                {
+                    uri: "file:///home/user/doc.txt",
+                    name: "Document",
+                    mimeType: "text/plain",
+                },
+            ],
+        };
+        const serverBResources = {
+            resources: [
+                {
+                    uri: "file:///workspace/code.js",
+                    name: "Code",
+                    mimeType: "text/javascript",
+                },
+            ],
+        };
+        const resourceContentsA = {
+            contents: [
+                {
+                    uri: "file:///home/user/doc.txt",
+                    mimeType: "text/plain",
+                    text: "From server A",
+                },
+            ],
+        };
+        const mockClientA = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverAResources),
+            readResource: jest.fn().mockResolvedValue(resourceContentsA),
+            close: jest.fn(),
+        };
+        const mockClientB = {
+            listTools: jest.fn().mockResolvedValue([]),
+            listPrompts: jest.fn().mockResolvedValue({ prompts: [] }),
+            listResources: jest.fn().mockResolvedValue(serverBResources),
+            close: jest.fn(),
+        };
+        const clientA = {
+            client: mockClientA,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        const clientB = {
+            client: mockClientB,
+            listTools: jest.fn().mockResolvedValue([]),
+            close: jest.fn(),
+        };
+        createImpl.mockImplementation(async (url) => {
+            if (url === "https://server-a.example")
+                return clientA;
+            if (url === "https://server-b.example")
+                return clientB;
+            throw new Error(`Unexpected URL: ${url}`);
+        });
+        let capturedResourceData = null;
+        const Capture = () => {
+            // Request with prefix
+            const { data: resourceData } = (0, mcp_hooks_1.useTamboMcpResource)("server-a:file:///home/user/doc.txt");
+            (0, react_2.useEffect)(() => {
+                if (resourceData) {
+                    capturedResourceData = resourceData;
+                }
+            }, [resourceData]);
+            return null;
+        };
+        (0, react_1.render)(react_2.default.createElement(tambo_client_provider_1.TamboClientContext.Provider, { value: {
+                client: { baseURL: "https://api.tambo.co" },
+                queryClient,
+                isUpdatingToken: false,
+            } },
+            react_2.default.createElement(tambo_registry_provider_1.TamboRegistryProvider, null,
+                react_2.default.createElement(tambo_mcp_token_provider_1.TamboMcpTokenProvider, null,
+                    react_2.default.createElement(tambo_mcp_provider_1.TamboMcpProvider, { mcpServers: [
+                            {
+                                url: "https://server-a.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                            {
+                                url: "https://server-b.example",
+                                transport: mcp_client_1.MCPTransport.SSE,
+                            },
+                        ] },
+                        react_2.default.createElement(Capture, null))))));
+        await (0, react_1.waitFor)(() => {
+            expect(capturedResourceData).not.toBeNull();
+        });
+        expect(capturedResourceData.contents[0].text).toBe("From server A");
+        // Verify the prefix was stripped before calling the server
+        expect(mockClientA.readResource).toHaveBeenCalledWith({
+            uri: "file:///home/user/doc.txt",
+        });
     });
 });
 //# sourceMappingURL=mcp-hooks.test.js.map