@tambo-ai/react 0.75.0 → 1.0.0-rc.4

package/dist/hooks/use-tambo-stream-status.js

@@ -1,213 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTamboStreamStatus = useTamboStreamStatus;
-const react_1 = require("react");
-const generate_component_response_1 = require("../model/generate-component-response");
-const tambo_thread_provider_1 = require("../providers/tambo-thread-provider");
-const use_current_message_1 = require("./use-current-message");
-/**
- * SSR Guard - throws during server-side rendering.
- * Ensures the hook is only used in browser contexts.
- * @throws {Error} When called during server-side rendering
- */
-function assertClientSide() {
-    if (typeof window === "undefined") {
-        throw new Error("useTamboStreamStatus can only be used in browser contexts. " +
-            "This hook is not compatible with SSR/SSG. " +
-            "Consider wrapping it in useEffect or using dynamic imports.");
-    }
-}
-/**
- * Track streaming status for individual props by monitoring their values.
- * Monitors when props receive their first token and when they complete streaming.
- * Maintains stable state per message - once props complete for a message, they stay complete.
- * @template Props - The type of the component props being tracked
- * @param props - The current component props object
- * @param generationStage - The current generation stage from the LLM
- * @param messageId - The ID of the current message to track component-specific state
- * @returns A record mapping each prop key to its PropStatus
- */
-function usePropsStreamingStatus(props, generationStage, messageId) {
-    const [propTracking, setPropTracking] = (0, react_1.useState)({});
-    /** Reset tracking only when the message changes */
-    (0, react_1.useEffect)(() => {
-        setPropTracking((prev) => {
-            // If we have tracking data for a different message, reset
-            const hasOldMessageData = Object.values(prev).some((track) => track.messageId && track.messageId !== messageId);
-            return hasOldMessageData ? {} : prev;
-        });
-    }, [messageId]);
-    /** Track when props start streaming (receive first token) and when they complete */
-    (0, react_1.useEffect)(() => {
-        if (!props)
-            return;
-        setPropTracking((prev) => {
-            const updated = { ...prev };
-            let hasChanges = false;
-            // First pass: identify which props are starting now
-            const propsStartingNow = [];
-            Object.entries(props).forEach(([key, value]) => {
-                const current = prev[key] || {
-                    hasStarted: false,
-                    isComplete: false,
-                };
-                /** A prop starts streaming when it has a non-empty value for the first time */
-                const hasContent = value !== undefined && value !== null && value !== "";
-                const justStarted = hasContent && !current.hasStarted;
-                if (justStarted) {
-                    propsStartingNow.push(key);
-                }
-            });
-            // Second pass: update tracking and mark previous props as complete
-            Object.entries(props).forEach(([key, value]) => {
-                const current = prev[key] || {
-                    hasStarted: false,
-                    isComplete: false,
-                };
-                /** A prop starts streaming when it has a non-empty value for the first time */
-                const hasContent = value !== undefined && value !== null && value !== "";
-                const justStarted = hasContent && !current.hasStarted;
-                /**
-                 * A prop is complete when it has started and either:
-                 * 1. A following prop has started, OR
-                 * 2. Generation is complete (for the final prop)
-                 */
-                const hasFollowingPropStarted = propsStartingNow.some((startingKey) => startingKey !== key);
-                const isGenerationComplete = generationStage === generate_component_response_1.GenerationStage.COMPLETE;
-                const isComplete = current.hasStarted &&
-                    (hasFollowingPropStarted || isGenerationComplete) &&
-                    !current.isComplete;
-                // Once a prop is complete for this message, it stays complete
-                if (current.isComplete && current.messageId === messageId) {
-                    // Skip - already complete for this message
-                    return;
-                }
-                if (justStarted || isComplete) {
-                    updated[key] = {
-                        ...current,
-                        hasStarted: justStarted ? true : current.hasStarted,
-                        isComplete: isComplete ? true : current.isComplete,
-                        messageId,
-                    };
-                    hasChanges = true;
-                }
-            });
-            return hasChanges ? updated : prev;
-        });
-    }, [props, generationStage, messageId]);
-    /** Convert tracking state to PropStatus objects */
-    return (0, react_1.useMemo)(() => {
-        if (!props)
-            return {};
-        const result = {};
-        Object.keys(props).forEach((key) => {
-            const tracking = propTracking[key] || {
-                hasStarted: false,
-                isComplete: false,
-                messageId: "",
-            };
-            // If this prop is complete for this message, it stays complete
-            const isCompleteForThisMessage = tracking.isComplete && tracking.messageId === messageId;
-            // Only consider generation stage if this prop isn't already complete for this message
-            const isGenerationStreaming = !isCompleteForThisMessage &&
-                generationStage === generate_component_response_1.GenerationStage.STREAMING_RESPONSE;
-            result[key] = {
-                isPending: !tracking.hasStarted && !isCompleteForThisMessage,
-                isStreaming: tracking.hasStarted &&
-                    !isCompleteForThisMessage &&
-                    isGenerationStreaming,
-                isSuccess: isCompleteForThisMessage,
-                error: tracking.error,
-            };
-        });
-        return result;
-    }, [props, propTracking, generationStage, messageId]);
-}
-/**
- * Derives global StreamStatus from generation stage and individual prop statuses.
- * Aggregates individual prop states into a unified stream status.
- * @template Props - The type of the component props
- * @param generationStage - The current generation stage from the LLM
- * @param propStatus - Status record for each individual prop
- * @param hasComponent - Whether a component exists in the current message
- * @param generationError - Any error from the generation process itself
- * @returns The aggregated StreamStatus for the entire component
- */
-function deriveGlobalStreamStatus(generationStage, propStatus, hasComponent, generationError) {
-    const propStatuses = Object.values(propStatus);
-    // If all props are already successful, the component is complete regardless of generation stage
-    const allPropsSuccessful = propStatuses.length > 0 && propStatuses.every((p) => p.isSuccess);
-    // Only consider generation stage if not all props are complete
-    const isGenerationStreaming = !allPropsSuccessful &&
-        generationStage === generate_component_response_1.GenerationStage.STREAMING_RESPONSE;
-    const isGenerationError = generationStage === generate_component_response_1.GenerationStage.ERROR;
-    /** Find first error from generation or any prop */
-    const firstError = generationError ?? propStatuses.find((p) => p.error)?.error;
-    return {
-        /** isPending: no component yet OR (has component but no props have started) */
-        isPending: !hasComponent ||
-            (!isGenerationStreaming &&
-                !allPropsSuccessful &&
-                propStatuses.every((p) => p.isPending)),
-        /** isStreaming: any prop is streaming (generation stage doesn't matter if props are complete) */
-        isStreaming: propStatuses.some((p) => p.isStreaming),
-        /** isSuccess: all props successful (component is stable once all props complete) */
-        isSuccess: allPropsSuccessful,
-        /** isError: generation error OR any prop error */
-        isError: isGenerationError ||
-            propStatuses.some((p) => p.error) ||
-            !!generationError,
-        streamError: firstError,
-    };
-}
-/**
- * Track streaming status for Tambo component props.
- *
- * **Important**: Props update repeatedly during streaming and may be partial.
- * Use `propStatus.<field>?.isSuccess` before treating a prop as complete.
- *
- * Pair with `useTamboComponentState` to disable inputs while streaming.
- * @see {@link https://docs.tambo.co/concepts/generative-interfaces/component-state}
- * @template Props - Component props type
- * @returns `streamStatus` (overall) and `propStatus` (per-prop) flags
- * @throws {Error} When used during SSR/SSG
- * @example
- * ```tsx
- * // Wait for entire stream
- * const { streamStatus } = useTamboStreamStatus();
- * if (!streamStatus.isSuccess) return <Spinner />;
- * return <Card {...props} />;
- * ```
- * @example
- * ```tsx
- * // Highlight in-flight props
- * const { propStatus } = useTamboStreamStatus<Props>();
- * <h2 className={propStatus.title.isStreaming ? "animate-pulse" : ""}>
- *   {title}
- * </h2>
- * ```
- */
-function useTamboStreamStatus() {
-    /** SSR Guard - ensure client-side only execution */
-    assertClientSide();
-    const { generationStage } = (0, tambo_thread_provider_1.useTamboGenerationStage)();
-    const message = (0, use_current_message_1.useTamboCurrentMessage)();
-    /** Get the current component props from the message */
-    const componentProps = message?.component?.props || {};
-    /** Track per-prop streaming status */
-    const propStatus = usePropsStreamingStatus(componentProps, generationStage, message?.id ?? "");
-    /** Derive global stream status from prop statuses and generation stage */
-    const streamStatus = (0, react_1.useMemo)(() => {
-        const generationError = message?.error
-            ? new Error(message.error)
-            : undefined;
-        const hasComponent = !!message?.component;
-        return deriveGlobalStreamStatus(generationStage, propStatus, hasComponent, generationError);
-    }, [generationStage, propStatus, message]);
-    return {
-        streamStatus,
-        propStatus,
-    };
-}
-//# sourceMappingURL=use-tambo-stream-status.js.map

package/dist/hooks/use-tambo-stream-status.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tambo-stream-status.js","sourceRoot":"","sources":["../../src/hooks/use-tambo-stream-status.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { GenerationStage } from \"../model/generate-component-response\";\nimport { useTamboGenerationStage } from \"../providers/tambo-thread-provider\";\nimport { useTamboCurrentMessage } from \"./use-current-message\";\n\n/**\n * Global stream status flags for a specific component in a message.\n * Represents the aggregate state across all props for this component only.\n * Once a component completes, its status remains stable regardless of other generations.\n */\nexport interface StreamStatus {\n  /**\n   * Indicates no tokens have been received for any prop and generation is not active.\n   * Useful for showing initial loading states before any data arrives.\n   */\n  isPending: boolean;\n\n  /**\n   * Indicates active streaming - either generation is streaming OR at least one prop is still streaming.\n   * Use this to show loading animations or skeleton states during data transmission.\n   */\n  isStreaming: boolean;\n\n  /**\n   * Indicates successful completion - generation is complete AND every prop finished without error.\n   * Safe to render the final component when this is true.\n   */\n  isSuccess: boolean;\n\n  /**\n   * Indicates a fatal error occurred in any prop or the stream itself.\n   * Check streamError for details about what went wrong.\n   */\n  isError: boolean;\n\n  /**\n   * The first fatal error encountered during streaming (if any).\n   * Will be undefined if no errors occurred.\n   */\n  streamError?: Error;\n}\n\n/**\n * Streaming status flags for individual component props.\n * Tracks the state of each prop as it streams from the LLM.\n */\nexport interface PropStatus {\n  /**\n   * Indicates no tokens have been received for this specific prop yet.\n   * The prop value is still undefined, null, or empty string.\n   */\n  isPending: boolean;\n\n  /**\n   * Indicates at least one token has been received but streaming is not complete.\n   * The prop has partial content that may still be updating.\n   */\n  isStreaming: boolean;\n\n  /**\n   * Indicates this prop has finished streaming successfully.\n   * The prop value is complete and stable.\n   */\n  isSuccess: boolean;\n\n  /**\n   * The error that occurred during streaming (if any).\n   * Will be undefined if no error occurred for this prop.\n   */\n  error?: Error;\n}\n\n/**\n * SSR Guard - throws during server-side rendering.\n * Ensures the hook is only used in browser contexts.\n * @throws {Error} When called during server-side rendering\n */\nfunction assertClientSide() {\n  if (typeof window === \"undefined\") {\n    throw new Error(\n      \"useTamboStreamStatus can only be used in browser contexts. \" +\n        \"This hook is not compatible with SSR/SSG. \" +\n        \"Consider wrapping it in useEffect or using dynamic imports.\",\n    );\n  }\n}\n\n/**\n * Track streaming status for individual props by monitoring their values.\n * Monitors when props receive their first token and when they complete streaming.\n * Maintains stable state per message - once props complete for a message, they stay complete.\n * @template Props - The type of the component props being tracked\n * @param props - The current component props object\n * @param generationStage - The current generation stage from the LLM\n * @param messageId - The ID of the current message to track component-specific state\n * @returns A record mapping each prop key to its PropStatus\n */\nfunction usePropsStreamingStatus<Props extends Record<string, any>>(\n  props: Props | undefined,\n  generationStage: GenerationStage,\n  messageId: string,\n): Record<keyof Props, PropStatus> {\n  const [propTracking, setPropTracking] = useState<\n    Record<\n      string,\n      {\n        hasStarted: boolean;\n        isComplete: boolean;\n        error?: Error;\n        messageId: string;\n      }\n    >\n  >({});\n\n  /** Reset tracking only when the message changes */\n  useEffect(() => {\n    setPropTracking((prev) => {\n      // If we have tracking data for a different message, reset\n      const hasOldMessageData = Object.values(prev).some(\n        (track) => track.messageId && track.messageId !== messageId,\n      );\n      return hasOldMessageData ? {} : prev;\n    });\n  }, [messageId]);\n\n  /** Track when props start streaming (receive first token) and when they complete */\n  useEffect(() => {\n    if (!props) return;\n\n    setPropTracking((prev) => {\n      const updated = { ...prev };\n      let hasChanges = false;\n\n      // First pass: identify which props are starting now\n      const propsStartingNow: string[] = [];\n      Object.entries(props).forEach(([key, value]) => {\n        const current = prev[key] || {\n          hasStarted: false,\n          isComplete: false,\n        };\n\n        /** A prop starts streaming when it has a non-empty value for the first time */\n        const hasContent =\n          value !== undefined && value !== null && value !== \"\";\n        const justStarted = hasContent && !current.hasStarted;\n\n        if (justStarted) {\n          propsStartingNow.push(key);\n        }\n      });\n\n      // Second pass: update tracking and mark previous props as complete\n      Object.entries(props).forEach(([key, value]) => {\n        const current = prev[key] || {\n          hasStarted: false,\n          isComplete: false,\n        };\n\n        /** A prop starts streaming when it has a non-empty value for the first time */\n        const hasContent =\n          value !== undefined && value !== null && value !== \"\";\n        const justStarted = hasContent && !current.hasStarted;\n\n        /**\n         * A prop is complete when it has started and either:\n         * 1. A following prop has started, OR\n         * 2. Generation is complete (for the final prop)\n         */\n        const hasFollowingPropStarted = propsStartingNow.some(\n          (startingKey) => startingKey !== key,\n        );\n        const isGenerationComplete =\n          generationStage === GenerationStage.COMPLETE;\n        const isComplete =\n          current.hasStarted &&\n          (hasFollowingPropStarted || isGenerationComplete) &&\n          !current.isComplete;\n\n        // Once a prop is complete for this message, it stays complete\n        if (current.isComplete && current.messageId === messageId) {\n          // Skip - already complete for this message\n          return;\n        }\n\n        if (justStarted || isComplete) {\n          updated[key] = {\n            ...current,\n            hasStarted: justStarted ? true : current.hasStarted,\n            isComplete: isComplete ? true : current.isComplete,\n            messageId,\n          };\n          hasChanges = true;\n        }\n      });\n\n      return hasChanges ? updated : prev;\n    });\n  }, [props, generationStage, messageId]);\n\n  /** Convert tracking state to PropStatus objects */\n  return useMemo(() => {\n    if (!props) return {} as Record<keyof Props, PropStatus>;\n\n    const result = {} as Record<keyof Props, PropStatus>;\n\n    Object.keys(props).forEach((key) => {\n      const tracking = propTracking[key] || {\n        hasStarted: false,\n        isComplete: false,\n        messageId: \"\",\n      };\n\n      // If this prop is complete for this message, it stays complete\n      const isCompleteForThisMessage =\n        tracking.isComplete && tracking.messageId === messageId;\n\n      // Only consider generation stage if this prop isn't already complete for this message\n      const isGenerationStreaming =\n        !isCompleteForThisMessage &&\n        generationStage === GenerationStage.STREAMING_RESPONSE;\n\n      result[key as keyof Props] = {\n        isPending: !tracking.hasStarted && !isCompleteForThisMessage,\n        isStreaming:\n          tracking.hasStarted &&\n          !isCompleteForThisMessage &&\n          isGenerationStreaming,\n        isSuccess: isCompleteForThisMessage,\n        error: tracking.error,\n      };\n    });\n\n    return result;\n  }, [props, propTracking, generationStage, messageId]);\n}\n\n/**\n * Derives global StreamStatus from generation stage and individual prop statuses.\n * Aggregates individual prop states into a unified stream status.\n * @template Props - The type of the component props\n * @param generationStage - The current generation stage from the LLM\n * @param propStatus - Status record for each individual prop\n * @param hasComponent - Whether a component exists in the current message\n * @param generationError - Any error from the generation process itself\n * @returns The aggregated StreamStatus for the entire component\n */\nfunction deriveGlobalStreamStatus<Props extends Record<string, any>>(\n  generationStage: GenerationStage,\n  propStatus: Record<keyof Props, PropStatus>,\n  hasComponent: boolean,\n  generationError?: Error,\n): StreamStatus {\n  const propStatuses = Object.values(propStatus);\n\n  // If all props are already successful, the component is complete regardless of generation stage\n  const allPropsSuccessful =\n    propStatuses.length > 0 && propStatuses.every((p) => p.isSuccess);\n\n  // Only consider generation stage if not all props are complete\n  const isGenerationStreaming =\n    !allPropsSuccessful &&\n    generationStage === GenerationStage.STREAMING_RESPONSE;\n  const isGenerationError = generationStage === GenerationStage.ERROR;\n\n  /** Find first error from generation or any prop */\n  const firstError =\n    generationError ?? propStatuses.find((p) => p.error)?.error;\n\n  return {\n    /** isPending: no component yet OR (has component but no props have started) */\n    isPending:\n      !hasComponent ||\n      (!isGenerationStreaming &&\n        !allPropsSuccessful &&\n        propStatuses.every((p) => p.isPending)),\n\n    /** isStreaming: any prop is streaming (generation stage doesn't matter if props are complete) */\n    isStreaming: propStatuses.some((p) => p.isStreaming),\n\n    /** isSuccess: all props successful (component is stable once all props complete) */\n    isSuccess: allPropsSuccessful,\n\n    /** isError: generation error OR any prop error */\n    isError:\n      isGenerationError ||\n      propStatuses.some((p) => p.error) ||\n      !!generationError,\n\n    streamError: firstError,\n  };\n}\n\n/**\n * Track streaming status for Tambo component props.\n *\n * **Important**: Props update repeatedly during streaming and may be partial.\n * Use `propStatus.<field>?.isSuccess` before treating a prop as complete.\n *\n * Pair with `useTamboComponentState` to disable inputs while streaming.\n * @see {@link https://docs.tambo.co/concepts/generative-interfaces/component-state}\n * @template Props - Component props type\n * @returns `streamStatus` (overall) and `propStatus` (per-prop) flags\n * @throws {Error} When used during SSR/SSG\n * @example\n * ```tsx\n * // Wait for entire stream\n * const { streamStatus } = useTamboStreamStatus();\n * if (!streamStatus.isSuccess) return <Spinner />;\n * return <Card {...props} />;\n * ```\n * @example\n * ```tsx\n * // Highlight in-flight props\n * const { propStatus } = useTamboStreamStatus<Props>();\n * <h2 className={propStatus.title.isStreaming ? \"animate-pulse\" : \"\"}>\n *   {title}\n * </h2>\n * ```\n */\nexport function useTamboStreamStatus<\n  Props extends Record<string, any> = Record<string, any>,\n>(): {\n  streamStatus: StreamStatus;\n  propStatus: Record<keyof Props, PropStatus>;\n} {\n  /** SSR Guard - ensure client-side only execution */\n  assertClientSide();\n\n  const { generationStage } = useTamboGenerationStage();\n  const message = useTamboCurrentMessage();\n\n  /** Get the current component props from the message */\n  const componentProps = (message?.component?.props as Props) || ({} as Props);\n\n  /** Track per-prop streaming status */\n  const propStatus = usePropsStreamingStatus(\n    componentProps,\n    generationStage,\n    message?.id ?? \"\",\n  );\n\n  /** Derive global stream status from prop statuses and generation stage */\n  const streamStatus = useMemo(() => {\n    const generationError = message?.error\n      ? new Error(message.error)\n      : undefined;\n    const hasComponent = !!message?.component;\n    return deriveGlobalStreamStatus(\n      generationStage,\n      propStatus,\n      hasComponent,\n      generationError,\n    );\n  }, [generationStage, propStatus, message]);\n\n  return {\n    streamStatus,\n    propStatus,\n  };\n}\n"]}

package/dist/hooks/use-tambo-stream-status.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=use-tambo-stream-status.test.d.ts.map

package/dist/hooks/use-tambo-stream-status.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tambo-stream-status.test.d.ts","sourceRoot":"","sources":["../../src/hooks/use-tambo-stream-status.test.tsx"],"names":[],"mappings":""}

package/dist/hooks/use-tambo-stream-status.test.js

@@ -1,378 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const generate_component_response_1 = require("../model/generate-component-response");
-const use_tambo_stream_status_1 = require("./use-tambo-stream-status");
-// Mock the required providers
-jest.mock("../providers/tambo-thread-provider", () => ({
-    useTamboGenerationStage: jest.fn(),
-}));
-jest.mock("./use-current-message", () => ({
-    useTamboCurrentMessage: jest.fn(),
-}));
-// Import the mocked functions
-const tambo_thread_provider_1 = require("../providers/tambo-thread-provider");
-const use_current_message_1 = require("./use-current-message");
-// Mock window for SSR tests
-const originalWindow = global.window;
-// Helper function to create mock ComponentDecisionV2
-const createMockComponent = (props = {}) => ({
-    componentName: "TestComponent",
-    componentState: {},
-    message: "Component generated",
-    props,
-    reasoning: "Test reasoning",
-});
-// Helper function to create mock TamboThreadMessage
-const createMockMessage = (overrides = {}) => ({
-    id: "test-message",
-    componentState: {},
-    content: [{ type: "text", text: "test content" }],
-    createdAt: new Date().toISOString(),
-    role: "assistant",
-    threadId: "test-thread",
-    ...overrides,
-});
-// Get the mocked functions
-const mockUseTamboGenerationStage = jest.mocked(tambo_thread_provider_1.useTamboGenerationStage);
-const mockUseTamboCurrentMessage = jest.mocked(use_current_message_1.useTamboCurrentMessage);
-describe("useTamboStreamStatus", () => {
-    beforeEach(() => {
-        // Restore window for client-side tests
-        global.window = originalWindow;
-        // Default mock implementations
-        mockUseTamboGenerationStage.mockReturnValue({
-            generationStage: generate_component_response_1.GenerationStage.IDLE,
-            generationStatusMessage: "",
-            isIdle: true,
-        });
-        mockUseTamboCurrentMessage.mockReturnValue({
-            id: "test-message",
-            component: {
-                props: {},
-            },
-        });
-    });
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    describe("Initial State", () => {
-        it("should start with all flags as pending when idle and no props", () => {
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.IDLE,
-                generationStatusMessage: "",
-                isIdle: true,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "", body: "" }),
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            expect(result.current.streamStatus).toEqual({
-                isPending: true,
-                isStreaming: false,
-                isSuccess: false,
-                isError: false,
-                streamError: undefined,
-            });
-            expect(result.current.propStatus.title).toEqual({
-                isPending: true,
-                isStreaming: false,
-                isSuccess: false,
-                error: undefined,
-            });
-            expect(result.current.propStatus.body).toEqual({
-                isPending: true,
-                isStreaming: false,
-                isSuccess: false,
-                error: undefined,
-            });
-        });
-    });
-    describe("Generation vs Props Streaming", () => {
-        it("should show generation streaming but props still pending when STREAMING_RESPONSE with no prop content", () => {
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.STREAMING_RESPONSE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "", body: "" }),
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // Global streaming should be false because no props are actually streaming yet
-            expect(result.current.streamStatus.isStreaming).toBe(false);
-            expect(result.current.streamStatus.isPending).toBe(false);
-            // Individual props should be pending because they haven't started streaming yet
-            expect(result.current.propStatus.title.isPending).toBe(true);
-            expect(result.current.propStatus.title.isStreaming).toBe(false);
-            expect(result.current.propStatus.body.isPending).toBe(true);
-            expect(result.current.propStatus.body.isStreaming).toBe(false);
-        });
-        it("should show prop streaming when props receive content during STREAMING_RESPONSE", () => {
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.STREAMING_RESPONSE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "Hello", body: "" }),
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // Title prop should be streaming since it has content
-            expect(result.current.propStatus.title.isStreaming).toBe(true);
-            expect(result.current.propStatus.title.isPending).toBe(false);
-            // Body prop should still be pending since it has no content
-            expect(result.current.propStatus.body.isStreaming).toBe(false);
-            expect(result.current.propStatus.body.isPending).toBe(true);
-            // Global should be streaming because at least one prop is streaming
-            expect(result.current.streamStatus.isStreaming).toBe(true);
-        });
-    });
-    describe("Boolean Lifecycle", () => {
-        it("should transition through Init -> Streaming -> Success lifecycle", () => {
-            // Start with IDLE (Init phase)
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.IDLE,
-                generationStatusMessage: "",
-                isIdle: true,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "", body: "" }),
-            }));
-            const { result, rerender } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // Phase 1: Init - isPending = true
-            expect(result.current.streamStatus.isPending).toBe(true);
-            expect(result.current.streamStatus.isStreaming).toBe(false);
-            expect(result.current.streamStatus.isSuccess).toBe(false);
-            // Phase 2: Streaming - move to STREAMING_RESPONSE with content
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.STREAMING_RESPONSE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({
-                    title: "Hello World",
-                    body: "Some content",
-                }),
-            }));
-            rerender();
-            expect(result.current.streamStatus.isPending).toBe(false);
-            expect(result.current.streamStatus.isStreaming).toBe(true);
-            expect(result.current.streamStatus.isSuccess).toBe(false);
-            // Phase 3: Complete - move to COMPLETE
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.COMPLETE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            rerender();
-            expect(result.current.streamStatus.isPending).toBe(false);
-            expect(result.current.streamStatus.isStreaming).toBe(false);
-            expect(result.current.streamStatus.isSuccess).toBe(true);
-        });
-        it("should handle error state correctly", () => {
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.ERROR,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            const errorMessage = "Generation failed";
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "", body: "" }),
-                error: errorMessage,
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            expect(result.current.streamStatus.isPending).toBe(true);
-            expect(result.current.streamStatus.isStreaming).toBe(false);
-            expect(result.current.streamStatus.isSuccess).toBe(false);
-            expect(result.current.streamStatus.isError).toBe(true);
-            expect(result.current.streamStatus.streamError?.message).toBe(errorMessage);
-        });
-    });
-    describe("Derivation Rules", () => {
-        it("should derive isPending correctly (no generation activity AND all props pending)", () => {
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.IDLE,
-                generationStatusMessage: "",
-                isIdle: true,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "", body: "", footer: "" }),
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // All props are pending and no generation activity
-            expect(result.current.streamStatus.isPending).toBe(true);
-            expect(result.current.propStatus.title.isPending).toBe(true);
-            expect(result.current.propStatus.body.isPending).toBe(true);
-            expect(result.current.propStatus.footer.isPending).toBe(true);
-        });
-        it("should derive isStreaming correctly (generation streaming OR any prop streaming)", () => {
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.COMPLETE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            // One prop still streaming
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({
-                    title: "Complete Title",
-                    body: "Still streaming...",
-                }),
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // Should be streaming because at least one prop is streaming
-            expect(result.current.streamStatus.isStreaming).toBe(false); // Note: this will be false in our implementation because props are considered complete when generation is COMPLETE
-        });
-        it("should derive isSuccess correctly (generation complete AND all props successful)", () => {
-            // Step 1: Start with streaming, props empty
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.STREAMING_RESPONSE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({
-                    title: "",
-                    body: "",
-                }),
-            }));
-            const { result, rerender } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // Step 2: Simulate streaming in title
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({
-                    title: "Complete Title",
-                    body: "",
-                }),
-            }));
-            rerender();
-            // Step 3: Simulate streaming in body
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({
-                    title: "Complete Title",
-                    body: "Complete Body",
-                }),
-            }));
-            rerender();
-            // Step 4: Generation complete
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.COMPLETE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            rerender();
-            // Now both props should be successful
-            expect(result.current.propStatus.title.isSuccess).toBe(true);
-            expect(result.current.propStatus.body.isSuccess).toBe(true);
-            expect(result.current.streamStatus.isSuccess).toBe(true);
-        });
-        it("should derive isError correctly (generation error OR any prop error)", () => {
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.COMPLETE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({
-                    title: "Good Title",
-                    body: "Good Body",
-                }),
-                error: "Something went wrong",
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            expect(result.current.streamStatus.isError).toBe(true);
-            expect(result.current.streamStatus.streamError?.message).toBe("Something went wrong");
-        });
-    });
-    describe("Type Safety", () => {
-        it("should provide strongly typed prop status based on generic", () => {
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({
-                    title: "Test",
-                    description: "Test desc",
-                    count: 42,
-                }),
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // TypeScript should infer these keys correctly
-            expect(result.current.propStatus.title).toBeDefined();
-            expect(result.current.propStatus.description).toBeDefined();
-            expect(result.current.propStatus.count).toBeDefined();
-            // This would cause a TypeScript error if uncommented:
-            // expect(result.current.propStatus.nonExistentProp).toBeDefined();
-        });
-        it("should work without generic type parameter", () => {
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ dynamicProp: "value" }),
-            }));
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            expect(result.current.streamStatus).toBeDefined();
-            expect(result.current.propStatus).toBeDefined();
-        });
-    });
-    describe("Edge Cases", () => {
-        it("should handle missing message gracefully", () => {
-            mockUseTamboCurrentMessage.mockReturnValue({
-                id: "test-message",
-                role: "user",
-                content: [],
-                componentState: {},
-                createdAt: "",
-                threadId: "",
-            });
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            expect(result.current.streamStatus.isPending).toBe(true);
-            expect(result.current.propStatus).toEqual({});
-        });
-        it("should handle missing component props gracefully", () => {
-            mockUseTamboCurrentMessage.mockReturnValue({
-                id: "test-message",
-                // Missing component property
-            });
-            const { result } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            expect(result.current.streamStatus.isPending).toBe(true);
-            expect(result.current.propStatus).toEqual({});
-        });
-        it("should reset prop tracking when generation restarts", () => {
-            // Step 1: Complete a message
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.STREAMING_RESPONSE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "" }),
-            }));
-            const { result, rerender } = (0, react_1.renderHook)(() => (0, use_tambo_stream_status_1.useTamboStreamStatus)());
-            // Simulate streaming in title
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                component: createMockComponent({ title: "First Title" }),
-            }));
-            rerender();
-            // Complete generation
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.COMPLETE,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            rerender();
-            // Should be successful initially
-            expect(result.current.propStatus.title.isSuccess).toBe(true);
-            // Step 2: Start new generation with a new message ID to trigger reset
-            mockUseTamboGenerationStage.mockReturnValue({
-                generationStage: generate_component_response_1.GenerationStage.CHOOSING_COMPONENT,
-                generationStatusMessage: "",
-                isIdle: false,
-            });
-            mockUseTamboCurrentMessage.mockReturnValue(createMockMessage({
-                id: "new-message-id", // Different message ID to trigger reset
-                component: createMockComponent({ title: "" }),
-            }));
-            rerender();
-            // Should reset to pending
-            expect(result.current.propStatus.title.isPending).toBe(true);
-            expect(result.current.propStatus.title.isSuccess).toBe(false);
-        });
-    });
-});
-//# sourceMappingURL=use-tambo-stream-status.test.js.map