@tambo-ai/react 0.72.0 → 0.73.1

package/dist/v1/utils/component-renderer.test.js

@@ -3,370 +3,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// React import needed for JSX transform (jsxImportSource is not set to react-jsx)
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 const component_renderer_1 = require("./component-renderer");
-// Test component that displays its props
-function TestComponent({ title, count }) {
-    return (react_1.default.createElement("div", { "data-testid": "test-component" },
-        react_1.default.createElement("span", { "data-testid": "title" }, title),
-        react_1.default.createElement("span", { "data-testid": "count" }, count)));
-}
-// Test loading component
-function TestLoadingComponent() {
-    return react_1.default.createElement("div", { "data-testid": "loading" }, "Loading...");
-}
 // Test component that uses the content context
-function ContextAwareComponent() {
+const ContextAwareComponent = () => {
     const context = (0, component_renderer_1.useV1ComponentContent)();
     return (react_1.default.createElement("div", { "data-testid": "context-aware" },
         react_1.default.createElement("span", { "data-testid": "componentId" }, context.componentId),
         react_1.default.createElement("span", { "data-testid": "threadId" }, context.threadId),
-        react_1.default.createElement("span", { "data-testid": "messageId" }, context.messageId)));
-}
-const mockRegistry = {
-    TestComponent: {
-        component: TestComponent,
-        name: "TestComponent",
-        description: "A test component",
-        props: {},
-        contextTools: [],
-    },
-    TestWithLoading: {
-        component: TestComponent,
-        loadingComponent: TestLoadingComponent,
-        name: "TestWithLoading",
-        description: "A test component with loading state",
-        props: {},
-        contextTools: [],
-    },
-    ContextAware: {
-        component: ContextAwareComponent,
-        name: "ContextAware",
-        description: "A context-aware component",
-        props: {},
-        contextTools: [],
-    },
+        react_1.default.createElement("span", { "data-testid": "messageId" }, context.messageId),
+        react_1.default.createElement("span", { "data-testid": "componentName" }, context.componentName)));
 };
-describe("isComponentContent", () => {
-    it("returns true for component content", () => {
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "Test",
-            props: {},
-            streamingState: "done",
-        };
-        expect((0, component_renderer_1.isComponentContent)(content)).toBe(true);
-    });
-    it("returns false for text content", () => {
-        const content = { type: "text", text: "hello" };
-        expect((0, component_renderer_1.isComponentContent)(content)).toBe(false);
-    });
-});
-describe("renderComponentContent", () => {
-    it("renders a component from registry", () => {
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "TestComponent",
-            props: { title: "Hello", count: 42 },
-            streamingState: "done",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        expect(result.renderedComponent).not.toBeNull();
-        // Render and check output
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null, result.renderedComponent));
-        expect(react_2.screen.getByTestId("title")).toHaveTextContent("Hello");
-        expect(react_2.screen.getByTestId("count")).toHaveTextContent("42");
-    });
-    it("returns null renderedComponent for unknown component", () => {
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "UnknownComponent",
-            props: {},
-            streamingState: "done",
-        };
-        const consoleWarn = jest.spyOn(console, "warn").mockImplementation();
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        expect(result.renderedComponent).toBeNull();
-        expect(consoleWarn).toHaveBeenCalledWith('Component "UnknownComponent" not found in registry');
-        consoleWarn.mockRestore();
-    });
-    it("shows loading component when streaming", () => {
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "TestWithLoading",
-            props: { title: "Loading Test", count: 0 },
-            streamingState: "streaming",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null, result.renderedComponent));
-        expect(react_2.screen.getByTestId("loading")).toHaveTextContent("Loading...");
-    });
-    it("shows main component when done streaming", () => {
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "TestWithLoading",
-            props: { title: "Done Test", count: 99 },
-            streamingState: "done",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null, result.renderedComponent));
-        expect(react_2.screen.getByTestId("title")).toHaveTextContent("Done Test");
-        expect(react_2.screen.getByTestId("count")).toHaveTextContent("99");
-    });
-    it("provides component context to rendered components", () => {
-        const content = {
-            type: "component",
-            id: "comp_123",
-            name: "ContextAware",
-            props: {},
-            streamingState: "done",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_456",
-            messageId: "msg_789",
-            componentList: mockRegistry,
-        });
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null, result.renderedComponent));
+describe("V1ComponentContentProvider", () => {
+    it("provides context to child components", () => {
+        (0, react_2.render)(react_1.default.createElement(component_renderer_1.V1ComponentContentProvider, { componentId: "comp_123", threadId: "thread_456", messageId: "msg_789", componentName: "TestComponent" },
+            react_1.default.createElement(ContextAwareComponent, null)));
         expect(react_2.screen.getByTestId("componentId")).toHaveTextContent("comp_123");
         expect(react_2.screen.getByTestId("threadId")).toHaveTextContent("thread_456");
         expect(react_2.screen.getByTestId("messageId")).toHaveTextContent("msg_789");
+        expect(react_2.screen.getByTestId("componentName")).toHaveTextContent("TestComponent");
     });
 });
-describe("renderMessageContent", () => {
-    it("renders component content blocks and passes through others", () => {
-        const content = [
-            { type: "text", text: "Hello" },
-            {
-                type: "component",
-                id: "comp_1",
-                name: "TestComponent",
-                props: { title: "Test", count: 1 },
-                streamingState: "done",
-            },
-            { type: "text", text: "World" },
-        ];
-        const result = (0, component_renderer_1.renderMessageContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        expect(result).toHaveLength(3);
-        expect(result[0]).toEqual({ type: "text", text: "Hello" });
-        expect(result[1].renderedComponent).not.toBeNull();
-        expect(result[2]).toEqual({ type: "text", text: "World" });
-    });
-    it("handles multiple component blocks in a message", () => {
-        const content = [
-            {
-                type: "component",
-                id: "comp_1",
-                name: "TestComponent",
-                props: { title: "First", count: 1 },
-                streamingState: "done",
-            },
-            {
-                type: "component",
-                id: "comp_2",
-                name: "TestComponent",
-                props: { title: "Second", count: 2 },
-                streamingState: "done",
-            },
-        ];
-        const result = (0, component_renderer_1.renderMessageContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        expect(result).toHaveLength(2);
-        expect(result[0].renderedComponent).not.toBeNull();
-        expect(result[1].renderedComponent).not.toBeNull();
-    });
-    it("handles tool_use content blocks unchanged", () => {
-        const content = [
-            {
-                type: "tool_use",
-                id: "tool_1",
-                name: "search",
-                input: { query: "test" },
-            },
-        ];
-        const result = (0, component_renderer_1.renderMessageContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        expect(result).toHaveLength(1);
-        expect(result[0]).toEqual(content[0]);
-    });
-});
-describe("renderComponentContent edge cases", () => {
-    it("shows main component when streamingState is 'started' (no loading component)", () => {
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "TestComponent",
-            props: { title: "Started", count: 0 },
-            streamingState: "started",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        // TestComponent has no loading component, so it shows main even when streaming
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null, result.renderedComponent));
-        expect(react_2.screen.getByTestId("title")).toHaveTextContent("Started");
-    });
-    it("shows loading component when streamingState is 'started' and loading exists", () => {
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "TestWithLoading",
-            props: { title: "Started", count: 0 },
-            streamingState: "started",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null, result.renderedComponent));
-        expect(react_2.screen.getByTestId("loading")).toHaveTextContent("Loading...");
-    });
-    it("passes state as initialState prop", () => {
-        // Component that reads initialState
-        function StatefulComponent({ initialState, }) {
-            return (react_1.default.createElement("div", { "data-testid": "initial-count" }, initialState?.count ?? "none"));
-        }
-        const registryWithStateful = {
-            StatefulComponent: {
-                component: StatefulComponent,
-                name: "StatefulComponent",
-                description: "A stateful component",
-                props: {},
-                contextTools: [],
-            },
-        };
-        const content = {
-            type: "component",
-            id: "comp_1",
-            name: "StatefulComponent",
-            props: {},
-            state: { count: 42 },
-            streamingState: "done",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: registryWithStateful,
-        });
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null, result.renderedComponent));
-        expect(react_2.screen.getByTestId("initial-count")).toHaveTextContent("42");
-    });
-    it("preserves original content properties in returned object", () => {
-        const content = {
-            type: "component",
-            id: "comp_custom",
-            name: "TestComponent",
-            props: { title: "Test", count: 5 },
-            state: { value: "preserved" },
-            streamingState: "done",
-        };
-        const result = (0, component_renderer_1.renderComponentContent)(content, {
-            threadId: "thread_1",
-            messageId: "msg_1",
-            componentList: mockRegistry,
-        });
-        expect(result.id).toBe("comp_custom");
-        expect(result.name).toBe("TestComponent");
-        expect(result.props).toEqual({ title: "Test", count: 5 });
-        expect(result.state).toEqual({ value: "preserved" });
-        expect(result.streamingState).toBe("done");
-    });
-});
-describe("useV1ComponentContentOptional", () => {
-    it("returns null when used outside rendered component", () => {
-        function TestConsumer() {
-            const context = (0, component_renderer_1.useV1ComponentContentOptional)();
-            return (react_1.default.createElement("div", { "data-testid": "context" }, context ? "has context" : "no context"));
-        }
-        (0, react_2.render)(react_1.default.createElement(TestConsumer, null));
-        expect(react_2.screen.getByTestId("context")).toHaveTextContent("no context");
-    });
-});
-describe("renderMessageComponents", () => {
-    it("renders all components in a message", () => {
-        const message = {
-            id: "msg_1",
-            role: "assistant",
-            content: [
-                { type: "text", text: "Here is the weather:" },
-                {
-                    type: "component",
-                    id: "comp_1",
-                    name: "TestComponent",
-                    props: { title: "Weather", count: 72 },
-                    streamingState: "done",
-                },
-            ],
-            createdAt: "2024-01-01T00:00:00.000Z",
-        };
-        const result = (0, component_renderer_1.renderMessageComponents)(message, {
-            threadId: "thread_1",
-            componentList: mockRegistry,
-        });
-        expect(result.id).toBe("msg_1");
-        expect(result.content).toHaveLength(2);
-        expect(result.content[0]).toEqual({
-            type: "text",
-            text: "Here is the weather:",
-        });
-        expect(result.content[1].renderedComponent).not.toBeNull();
-    });
-    it("preserves message metadata", () => {
-        const message = {
-            id: "msg_123",
-            role: "assistant",
-            content: [],
-            createdAt: "2024-01-01T00:00:00.000Z",
-            metadata: { custom: "value" },
-        };
-        const result = (0, component_renderer_1.renderMessageComponents)(message, {
-            threadId: "thread_1",
-            componentList: mockRegistry,
-        });
-        expect(result.id).toBe("msg_123");
-        expect(result.role).toBe("assistant");
-        expect(result.createdAt).toBe("2024-01-01T00:00:00.000Z");
-        expect(result.metadata).toEqual({ custom: "value" });
-    });
-});
-describe("useV1ComponentContent error handling", () => {
-    it("throws when used outside rendered component", () => {
+describe("useV1ComponentContent", () => {
+    it("throws when used outside provider", () => {
         function TestConsumer() {
             (0, component_renderer_1.useV1ComponentContent)();
             return react_1.default.createElement("div", null, "Should not render");
@@ -376,5 +36,10 @@ describe("useV1ComponentContent error handling", () => {
         expect(() => (0, react_2.render)(react_1.default.createElement(TestConsumer, null))).toThrow("useV1ComponentContent must be used within a rendered component");
         consoleSpy.mockRestore();
     });
+    it("returns context when used within provider", () => {
+        (0, react_2.render)(react_1.default.createElement(component_renderer_1.V1ComponentContentProvider, { componentId: "comp_test", threadId: "thread_test", messageId: "msg_test", componentName: "TestComp" },
+            react_1.default.createElement(ContextAwareComponent, null)));
+        expect(react_2.screen.getByTestId("componentId")).toHaveTextContent("comp_test");
+    });
 });
 //# sourceMappingURL=component-renderer.test.js.map

package/dist/v1/utils/component-renderer.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-renderer.test.js","sourceRoot":"","sources":["../../../src/v1/utils/component-renderer.test.tsx"],"names":[],"mappings":"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","sourcesContent":["// React import needed for JSX transform (jsxImportSource is not set to react-jsx)\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport React from \"react\";\nimport { render, screen } from \"@testing-library/react\";\nimport type { ComponentRegistry } from \"../../model/component-metadata\";\nimport type { V1ComponentContent } from \"../types/message\";\nimport {\n  isComponentContent,\n  renderComponentContent,\n  renderMessageContent,\n  renderMessageComponents,\n  useV1ComponentContent,\n  useV1ComponentContentOptional,\n} from \"./component-renderer\";\n\n// Test component that displays its props\nfunction TestComponent({ title, count }: { title: string; count: number }) {\n  return (\n    <div data-testid=\"test-component\">\n      <span data-testid=\"title\">{title}</span>\n      <span data-testid=\"count\">{count}</span>\n    </div>\n  );\n}\n\n// Test loading component\nfunction TestLoadingComponent() {\n  return <div data-testid=\"loading\">Loading...</div>;\n}\n\n// Test component that uses the content context\nfunction ContextAwareComponent() {\n  const context = useV1ComponentContent();\n  return (\n    <div data-testid=\"context-aware\">\n      <span data-testid=\"componentId\">{context.componentId}</span>\n      <span data-testid=\"threadId\">{context.threadId}</span>\n      <span data-testid=\"messageId\">{context.messageId}</span>\n    </div>\n  );\n}\n\nconst mockRegistry: ComponentRegistry = {\n  TestComponent: {\n    component: TestComponent,\n    name: \"TestComponent\",\n    description: \"A test component\",\n    props: {},\n    contextTools: [],\n  },\n  TestWithLoading: {\n    component: TestComponent,\n    loadingComponent: TestLoadingComponent,\n    name: \"TestWithLoading\",\n    description: \"A test component with loading state\",\n    props: {},\n    contextTools: [],\n  },\n  ContextAware: {\n    component: ContextAwareComponent,\n    name: \"ContextAware\",\n    description: \"A context-aware component\",\n    props: {},\n    contextTools: [],\n  },\n};\n\ndescribe(\"isComponentContent\", () => {\n  it(\"returns true for component content\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"Test\",\n      props: {},\n      streamingState: \"done\",\n    };\n    expect(isComponentContent(content)).toBe(true);\n  });\n\n  it(\"returns false for text content\", () => {\n    const content = { type: \"text\", text: \"hello\" };\n    expect(isComponentContent(content as any)).toBe(false);\n  });\n});\n\ndescribe(\"renderComponentContent\", () => {\n  it(\"renders a component from registry\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"TestComponent\",\n      props: { title: \"Hello\", count: 42 },\n      streamingState: \"done\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result.renderedComponent).not.toBeNull();\n\n    // Render and check output\n    render(<>{result.renderedComponent}</>);\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Hello\");\n    expect(screen.getByTestId(\"count\")).toHaveTextContent(\"42\");\n  });\n\n  it(\"returns null renderedComponent for unknown component\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"UnknownComponent\",\n      props: {},\n      streamingState: \"done\",\n    };\n\n    const consoleWarn = jest.spyOn(console, \"warn\").mockImplementation();\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result.renderedComponent).toBeNull();\n    expect(consoleWarn).toHaveBeenCalledWith(\n      'Component \"UnknownComponent\" not found in registry',\n    );\n\n    consoleWarn.mockRestore();\n  });\n\n  it(\"shows loading component when streaming\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"TestWithLoading\",\n      props: { title: \"Loading Test\", count: 0 },\n      streamingState: \"streaming\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    render(<>{result.renderedComponent}</>);\n    expect(screen.getByTestId(\"loading\")).toHaveTextContent(\"Loading...\");\n  });\n\n  it(\"shows main component when done streaming\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"TestWithLoading\",\n      props: { title: \"Done Test\", count: 99 },\n      streamingState: \"done\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    render(<>{result.renderedComponent}</>);\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Done Test\");\n    expect(screen.getByTestId(\"count\")).toHaveTextContent(\"99\");\n  });\n\n  it(\"provides component context to rendered components\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_123\",\n      name: \"ContextAware\",\n      props: {},\n      streamingState: \"done\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_456\",\n      messageId: \"msg_789\",\n      componentList: mockRegistry,\n    });\n\n    render(<>{result.renderedComponent}</>);\n    expect(screen.getByTestId(\"componentId\")).toHaveTextContent(\"comp_123\");\n    expect(screen.getByTestId(\"threadId\")).toHaveTextContent(\"thread_456\");\n    expect(screen.getByTestId(\"messageId\")).toHaveTextContent(\"msg_789\");\n  });\n});\n\ndescribe(\"renderMessageContent\", () => {\n  it(\"renders component content blocks and passes through others\", () => {\n    const content = [\n      { type: \"text\", text: \"Hello\" },\n      {\n        type: \"component\",\n        id: \"comp_1\",\n        name: \"TestComponent\",\n        props: { title: \"Test\", count: 1 },\n        streamingState: \"done\",\n      } as V1ComponentContent,\n      { type: \"text\", text: \"World\" },\n    ];\n\n    const result = renderMessageContent(content as any, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result).toHaveLength(3);\n    expect(result[0]).toEqual({ type: \"text\", text: \"Hello\" });\n    expect((result[1] as any).renderedComponent).not.toBeNull();\n    expect(result[2]).toEqual({ type: \"text\", text: \"World\" });\n  });\n\n  it(\"handles multiple component blocks in a message\", () => {\n    const content = [\n      {\n        type: \"component\",\n        id: \"comp_1\",\n        name: \"TestComponent\",\n        props: { title: \"First\", count: 1 },\n        streamingState: \"done\",\n      } as V1ComponentContent,\n      {\n        type: \"component\",\n        id: \"comp_2\",\n        name: \"TestComponent\",\n        props: { title: \"Second\", count: 2 },\n        streamingState: \"done\",\n      } as V1ComponentContent,\n    ];\n\n    const result = renderMessageContent(content as any, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result).toHaveLength(2);\n    expect((result[0] as V1ComponentContent).renderedComponent).not.toBeNull();\n    expect((result[1] as V1ComponentContent).renderedComponent).not.toBeNull();\n  });\n\n  it(\"handles tool_use content blocks unchanged\", () => {\n    const content = [\n      {\n        type: \"tool_use\",\n        id: \"tool_1\",\n        name: \"search\",\n        input: { query: \"test\" },\n      },\n    ];\n\n    const result = renderMessageContent(content as any, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result).toHaveLength(1);\n    expect(result[0]).toEqual(content[0]);\n  });\n});\n\ndescribe(\"renderComponentContent edge cases\", () => {\n  it(\"shows main component when streamingState is 'started' (no loading component)\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"TestComponent\",\n      props: { title: \"Started\", count: 0 },\n      streamingState: \"started\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    // TestComponent has no loading component, so it shows main even when streaming\n    render(<>{result.renderedComponent}</>);\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Started\");\n  });\n\n  it(\"shows loading component when streamingState is 'started' and loading exists\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"TestWithLoading\",\n      props: { title: \"Started\", count: 0 },\n      streamingState: \"started\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    render(<>{result.renderedComponent}</>);\n    expect(screen.getByTestId(\"loading\")).toHaveTextContent(\"Loading...\");\n  });\n\n  it(\"passes state as initialState prop\", () => {\n    // Component that reads initialState\n    function StatefulComponent({\n      initialState,\n    }: {\n      initialState?: { count: number };\n    }) {\n      return (\n        <div data-testid=\"initial-count\">{initialState?.count ?? \"none\"}</div>\n      );\n    }\n\n    const registryWithStateful: ComponentRegistry = {\n      StatefulComponent: {\n        component: StatefulComponent,\n        name: \"StatefulComponent\",\n        description: \"A stateful component\",\n        props: {},\n        contextTools: [],\n      },\n    };\n\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_1\",\n      name: \"StatefulComponent\",\n      props: {},\n      state: { count: 42 },\n      streamingState: \"done\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: registryWithStateful,\n    });\n\n    render(<>{result.renderedComponent}</>);\n    expect(screen.getByTestId(\"initial-count\")).toHaveTextContent(\"42\");\n  });\n\n  it(\"preserves original content properties in returned object\", () => {\n    const content: V1ComponentContent = {\n      type: \"component\",\n      id: \"comp_custom\",\n      name: \"TestComponent\",\n      props: { title: \"Test\", count: 5 },\n      state: { value: \"preserved\" },\n      streamingState: \"done\",\n    };\n\n    const result = renderComponentContent(content, {\n      threadId: \"thread_1\",\n      messageId: \"msg_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result.id).toBe(\"comp_custom\");\n    expect(result.name).toBe(\"TestComponent\");\n    expect(result.props).toEqual({ title: \"Test\", count: 5 });\n    expect(result.state).toEqual({ value: \"preserved\" });\n    expect(result.streamingState).toBe(\"done\");\n  });\n});\n\ndescribe(\"useV1ComponentContentOptional\", () => {\n  it(\"returns null when used outside rendered component\", () => {\n    function TestConsumer() {\n      const context = useV1ComponentContentOptional();\n      return (\n        <div data-testid=\"context\">\n          {context ? \"has context\" : \"no context\"}\n        </div>\n      );\n    }\n\n    render(<TestConsumer />);\n    expect(screen.getByTestId(\"context\")).toHaveTextContent(\"no context\");\n  });\n});\n\ndescribe(\"renderMessageComponents\", () => {\n  it(\"renders all components in a message\", () => {\n    const message = {\n      id: \"msg_1\",\n      role: \"assistant\" as const,\n      content: [\n        { type: \"text\" as const, text: \"Here is the weather:\" },\n        {\n          type: \"component\",\n          id: \"comp_1\",\n          name: \"TestComponent\",\n          props: { title: \"Weather\", count: 72 },\n          streamingState: \"done\",\n        } as V1ComponentContent,\n      ],\n      createdAt: \"2024-01-01T00:00:00.000Z\",\n    };\n\n    const result = renderMessageComponents(message, {\n      threadId: \"thread_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result.id).toBe(\"msg_1\");\n    expect(result.content).toHaveLength(2);\n    expect(result.content[0]).toEqual({\n      type: \"text\",\n      text: \"Here is the weather:\",\n    });\n    expect(\n      (result.content[1] as V1ComponentContent).renderedComponent,\n    ).not.toBeNull();\n  });\n\n  it(\"preserves message metadata\", () => {\n    const message = {\n      id: \"msg_123\",\n      role: \"assistant\" as const,\n      content: [],\n      createdAt: \"2024-01-01T00:00:00.000Z\",\n      metadata: { custom: \"value\" },\n    };\n\n    const result = renderMessageComponents(message, {\n      threadId: \"thread_1\",\n      componentList: mockRegistry,\n    });\n\n    expect(result.id).toBe(\"msg_123\");\n    expect(result.role).toBe(\"assistant\");\n    expect(result.createdAt).toBe(\"2024-01-01T00:00:00.000Z\");\n    expect(result.metadata).toEqual({ custom: \"value\" });\n  });\n});\n\ndescribe(\"useV1ComponentContent error handling\", () => {\n  it(\"throws when used outside rendered component\", () => {\n    function TestConsumer() {\n      useV1ComponentContent();\n      return <div>Should not render</div>;\n    }\n\n    // Suppress React error boundary logs\n    const consoleSpy = jest.spyOn(console, \"error\").mockImplementation();\n\n    expect(() => render(<TestConsumer />)).toThrow(\n      \"useV1ComponentContent must be used within a rendered component\",\n    );\n\n    consoleSpy.mockRestore();\n  });\n});\n"]}
+{"version":3,"file":"component-renderer.test.js","sourceRoot":"","sources":["../../../src/v1/utils/component-renderer.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAwD;AACxD,6DAG8B;AAE9B,+CAA+C;AAC/C,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACxC,OAAO,CACL,sDAAiB,eAAe;QAC9B,uDAAkB,aAAa,IAAE,OAAO,CAAC,WAAW,CAAQ;QAC5D,uDAAkB,UAAU,IAAE,OAAO,CAAC,QAAQ,CAAQ;QACtD,uDAAkB,WAAW,IAAE,OAAO,CAAC,SAAS,CAAQ;QACxD,uDAAkB,eAAe,IAAE,OAAO,CAAC,aAAa,CAAQ,CAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,IAAA,cAAM,EACJ,8BAAC,+CAA0B,IACzB,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAC,SAAS,EACnB,aAAa,EAAC,eAAe;YAE7B,8BAAC,qBAAqB,OAAG,CACE,CAC9B,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACxE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;QACvE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACrE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAC3D,eAAe,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,SAAS,YAAY;YACnB,IAAA,0CAAqB,GAAE,CAAC;YACxB,OAAO,+DAA4B,CAAC;QACtC,CAAC;QAED,qCAAqC;QACrC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAErE,MAAM,CAAC,GAAG,EAAE,CAAC,IAAA,cAAM,EAAC,8BAAC,YAAY,OAAG,CAAC,CAAC,CAAC,OAAO,CAC5C,gEAAgE,CACjE,CAAC;QAEF,UAAU,CAAC,WAAW,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,IAAA,cAAM,EACJ,8BAAC,+CAA0B,IACzB,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAC,aAAa,EACtB,SAAS,EAAC,UAAU,EACpB,aAAa,EAAC,UAAU;YAExB,8BAAC,qBAAqB,OAAG,CACE,CAC9B,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { render, screen } from \"@testing-library/react\";\nimport {\n  useV1ComponentContent,\n  V1ComponentContentProvider,\n} from \"./component-renderer\";\n\n// Test component that uses the content context\nconst ContextAwareComponent: React.FC = () => {\n  const context = useV1ComponentContent();\n  return (\n    <div data-testid=\"context-aware\">\n      <span data-testid=\"componentId\">{context.componentId}</span>\n      <span data-testid=\"threadId\">{context.threadId}</span>\n      <span data-testid=\"messageId\">{context.messageId}</span>\n      <span data-testid=\"componentName\">{context.componentName}</span>\n    </div>\n  );\n};\n\ndescribe(\"V1ComponentContentProvider\", () => {\n  it(\"provides context to child components\", () => {\n    render(\n      <V1ComponentContentProvider\n        componentId=\"comp_123\"\n        threadId=\"thread_456\"\n        messageId=\"msg_789\"\n        componentName=\"TestComponent\"\n      >\n        <ContextAwareComponent />\n      </V1ComponentContentProvider>,\n    );\n\n    expect(screen.getByTestId(\"componentId\")).toHaveTextContent(\"comp_123\");\n    expect(screen.getByTestId(\"threadId\")).toHaveTextContent(\"thread_456\");\n    expect(screen.getByTestId(\"messageId\")).toHaveTextContent(\"msg_789\");\n    expect(screen.getByTestId(\"componentName\")).toHaveTextContent(\n      \"TestComponent\",\n    );\n  });\n});\n\ndescribe(\"useV1ComponentContent\", () => {\n  it(\"throws when used outside provider\", () => {\n    function TestConsumer() {\n      useV1ComponentContent();\n      return <div>Should not render</div>;\n    }\n\n    // Suppress React error boundary logs\n    const consoleSpy = jest.spyOn(console, \"error\").mockImplementation();\n\n    expect(() => render(<TestConsumer />)).toThrow(\n      \"useV1ComponentContent must be used within a rendered component\",\n    );\n\n    consoleSpy.mockRestore();\n  });\n\n  it(\"returns context when used within provider\", () => {\n    render(\n      <V1ComponentContentProvider\n        componentId=\"comp_test\"\n        threadId=\"thread_test\"\n        messageId=\"msg_test\"\n        componentName=\"TestComp\"\n      >\n        <ContextAwareComponent />\n      </V1ComponentContentProvider>,\n    );\n\n    expect(screen.getByTestId(\"componentId\")).toHaveTextContent(\"comp_test\");\n  });\n});\n"]}

package/esm/mcp/mcp-hooks.d.ts

@@ -29,6 +29,8 @@ export interface McpResourceEntry {
 export type ListResourceEntry = RegistryResourceEntry | McpResourceEntry;
 /**
  * Type guard for narrowing a `ListResourceEntry` to an MCP-backed resource.
+ * @param entry - The resource entry to check
+ * @returns True if the entry is from an MCP server, false if it's from the registry
  */
 export declare function isMcpResourceEntry(entry: ListResourceEntry): entry is McpResourceEntry;
 /**
@@ -73,6 +75,8 @@ export declare function useTamboMcpPromptList(search?: string): {
 /**
  * Type guard for narrowing McpServer to ConnectedMcpServer.
  * A connected server has a non-null client.
+ * @param server - The MCP server to check
+ * @returns True if the server is connected, false otherwise
  */
 export declare function isConnectedMcpServer(server: McpServer): server is ConnectedMcpServer;
 /**

package/esm/mcp/mcp-hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-hooks.d.ts","sourceRoot":"","sources":["../../src/mcp/mcp-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EAEzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAKvD,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EAEf,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,MAAM,WAAW,eAAe;IAE9B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,gBAAgB,CAAC;AAoBzE;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,GACvB,KAAK,IAAI,gBAAgB,CAE3B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;gBA7D3C,kBAAkB;;WAyHnB,KAAK,GAAG,IAAI;YACX,KAAK,EAAE;eACJ,OAAO;eACP,OAAO;aACT,OAAO;cACN,OAAO;kBACH,OAAO;gBACT,OAAO;eACR,OAAO;aACT,MAAM,OAAO,CAAC,IAAI,CAAC;EAb7B;AAmDD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,SAAS,GAChB,MAAM,IAAI,kBAAkB,CAE9B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0ClC;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,CAAC,EAAE,MAAM;;WAnH9C,KAAK,GAAG,IAAI;YACX,KAAK,EAAE;eACJ,OAAO;eACP,OAAO;aACT,OAAO;cACN,OAAO;kBACH,OAAO;gBACT,OAAO;eACR,OAAO;aACT,MAAM,OAAO,CAAC,IAAI,CAAC;EAsO7B;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;iBAoElE"}
+{"version":3,"file":"mcp-hooks.d.ts","sourceRoot":"","sources":["../../src/mcp/mcp-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EAEzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAKvD,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EAEf,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,MAAM,WAAW,eAAe;IAE9B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,gBAAgB,CAAC;AAoBzE;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,GACvB,KAAK,IAAI,gBAAgB,CAE3B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;gBA/D3C,kBAAkB;;WA2HnB,KAAK,GAAG,IAAI;YACX,KAAK,EAAE;eACJ,OAAO;eACP,OAAO;aACT,OAAO;cACN,OAAO;kBACH,OAAO;gBACT,OAAO;eACR,OAAO;aACT,MAAM,OAAO,CAAC,IAAI,CAAC;EAb7B;AAmDD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,SAAS,GAChB,MAAM,IAAI,kBAAkB,CAE9B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0ClC;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,CAAC,EAAE,MAAM;;WArH9C,KAAK,GAAG,IAAI;YACX,KAAK,EAAE;eACJ,OAAO;eACP,OAAO;aACT,OAAO;cACN,OAAO;kBACH,OAAO;gBACT,OAAO;eACR,OAAO;aACT,MAAM,OAAO,CAAC,IAAI,CAAC;EAwO7B;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;iBAoElE"}

package/esm/mcp/mcp-hooks.js

@@ -12,6 +12,8 @@ function toPublicResourceEntry(entry) {
 }
 /**
  * Type guard for narrowing a `ListResourceEntry` to an MCP-backed resource.
+ * @param entry - The resource entry to check
+ * @returns True if the entry is from an MCP server, false if it's from the registry
  */
 export function isMcpResourceEntry(entry) {
     return entry.server !== null && isConnectedMcpServer(entry.server);
@@ -105,6 +107,8 @@ function combineArrayResults(results) {
 /**
  * Type guard for narrowing McpServer to ConnectedMcpServer.
  * A connected server has a non-null client.
+ * @param server - The MCP server to check
+ * @returns True if the server is connected, false otherwise
  */
 export function isConnectedMcpServer(server) {
     return "client" in server && server.client != null;