@yourgpt/copilot-sdk 2.5.1-beta.1 → 2.5.2-alpha.0

package/dist/ui/index.d.cts

@@ -1730,6 +1730,12 @@ type ChatProps = {
     onSwitchThread?: (threadId: string) => void;
     /** Whether a thread operation is in progress (disables controls) */
     isThreadBusy?: boolean;
+    /**
+     * Set of thread IDs with an in-flight request. Populated only when
+     * `concurrentThreads` is enabled on the CopilotProvider. Use in a custom
+     * thread picker to show a per-thread streaming indicator.
+     */
+    busyThreadIds?: ReadonlySet<string>;
     /**
      * Returns branch navigation info for a message ID.
      * Provide this to enable the ← N/M → navigator below edited user messages.
@@ -1834,6 +1840,11 @@ interface CopilotChatInternalContext {
     onSwitchThread?: (id: string) => void;
     onDeleteThread?: (id: string) => void;
     isThreadBusy?: boolean;
+    /**
+     * Set of thread IDs that currently have an in-flight request. Populated
+     * only when `concurrentThreads` is enabled on the CopilotProvider.
+     */
+    busyThreadIds?: ReadonlySet<string>;
 }
 /**
  * Hook to access CopilotChat internal context.
@@ -1929,7 +1940,7 @@ declare function BackButton({ className, children, disabled, "aria-label": ariaL
  */
 type ThreadPickerCompoundProps = Omit<ThreadPickerProps, "value" | "threads" | "onSelect" | "onNewThread" | "onDeleteThread" | "disabled">;
 declare function ThreadPickerCompound(props: ThreadPickerCompoundProps): react_jsx_runtime.JSX.Element | null;
-declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, allowToCopyMessage, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, allowToCopyMessage, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, busyThreadIds, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
 /**
  * Chat component with compound component pattern.
  *

package/dist/ui/index.d.ts

@@ -1730,6 +1730,12 @@ type ChatProps = {
     onSwitchThread?: (threadId: string) => void;
     /** Whether a thread operation is in progress (disables controls) */
     isThreadBusy?: boolean;
+    /**
+     * Set of thread IDs with an in-flight request. Populated only when
+     * `concurrentThreads` is enabled on the CopilotProvider. Use in a custom
+     * thread picker to show a per-thread streaming indicator.
+     */
+    busyThreadIds?: ReadonlySet<string>;
     /**
      * Returns branch navigation info for a message ID.
      * Provide this to enable the ← N/M → navigator below edited user messages.
@@ -1834,6 +1840,11 @@ interface CopilotChatInternalContext {
     onSwitchThread?: (id: string) => void;
     onDeleteThread?: (id: string) => void;
     isThreadBusy?: boolean;
+    /**
+     * Set of thread IDs that currently have an in-flight request. Populated
+     * only when `concurrentThreads` is enabled on the CopilotProvider.
+     */
+    busyThreadIds?: ReadonlySet<string>;
 }
 /**
  * Hook to access CopilotChat internal context.
@@ -1929,7 +1940,7 @@ declare function BackButton({ className, children, disabled, "aria-label": ariaL
  */
 type ThreadPickerCompoundProps = Omit<ThreadPickerProps, "value" | "threads" | "onSelect" | "onNewThread" | "onDeleteThread" | "disabled">;
 declare function ThreadPickerCompound(props: ThreadPickerCompoundProps): react_jsx_runtime.JSX.Element | null;
-declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, allowToCopyMessage, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, allowToCopyMessage, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, busyThreadIds, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
 /**
  * Chat component with compound component pattern.
  *

package/dist/ui/index.js

@@ -1,8 +1,8 @@
-import { useThreadManager } from '../chunk-YYLTWY5R.js';
+import { useThreadManager } from '../chunk-VHJ46HKC.js';
 import { DEFAULT_MCP_UI_SANDBOX, parseMCPUIMessage } from '../chunk-G4SF2PNQ.js';
 import { cn, Loader, TextShimmerLoader } from '../chunk-TXQ37MAO.js';
 export { Loader, cn } from '../chunk-TXQ37MAO.js';
-import { useCopilot } from '../chunk-JPUKXFR4.js';
+import { useCopilot } from '../chunk-37HN4F6S.js';
 import { createLocalStorageAdapter, createServerAdapter } from '../chunk-J5D3AZF6.js';
 import '../chunk-EWVQWTNV.js';
 import '../chunk-VNLLW3ZI.js';
@@ -5964,6 +5964,7 @@ function ChatComponent({
   currentThreadId,
   onSwitchThread,
   isThreadBusy,
+  busyThreadIds,
   // Branching
   getBranchInfo,
   onSwitchBranch,
@@ -6205,7 +6206,8 @@ function ChatComponent({
       currentThreadId,
       onSwitchThread,
       onDeleteThread,
-      isThreadBusy
+      isThreadBusy,
+      busyThreadIds
     }),
     [
       view,
@@ -6221,7 +6223,8 @@ function ChatComponent({
       currentThreadId,
       onSwitchThread,
       onDeleteThread,
-      isThreadBusy
+      isThreadBusy,
+      busyThreadIds
     ]
   );
   return /* @__PURE__ */ jsx(MessageActionsProvider, { children: /* @__PURE__ */ jsx(CopilotChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
@@ -6901,7 +6904,11 @@ function useInternalThreadManager(config = {}) {
     getAllMessages,
     switchBranch,
     threadId: sdkThreadId,
-    setActiveThread
+    setActiveThread,
+    concurrentThreads,
+    busyThreadIds,
+    assignLocalThreadId,
+    sessionStatus
   } = useCopilot();
   useEffect(() => {
     if (!enabled || state.initialized || !currentThread) return;
@@ -6910,8 +6917,16 @@ function useInternalThreadManager(config = {}) {
     if (currentThread.messages && currentThread.messages.length > 0) {
       const uiMessages = currentThread.messages.map(coreToUI);
       const snapshot = getMessageSnapshot(uiMessages);
-      setMessages(uiMessages);
-      if (currentThread.activeLeafId) switchBranch(currentThread.activeLeafId);
+      if (concurrentThreads) {
+        setActiveThread(currentThread.id, {
+          hydrateMessages: uiMessages,
+          hydrateActiveLeafId: currentThread.activeLeafId
+        });
+      } else {
+        setMessages(uiMessages);
+        if (currentThread.activeLeafId)
+          switchBranch(currentThread.activeLeafId);
+      }
       onThreadChange?.(currentThread.id);
       dispatch({
         type: "RESTORE_COMPLETE",
@@ -6919,6 +6934,9 @@ function useInternalThreadManager(config = {}) {
         snapshot
       });
     } else {
+      if (concurrentThreads) {
+        setActiveThread(currentThread.id);
+      }
       onThreadChange?.(currentThread.id);
       dispatch({
         type: "RESTORE_COMPLETE",
@@ -6935,7 +6953,9 @@ function useInternalThreadManager(config = {}) {
     state.initialized,
     setMessages,
     switchBranch,
-    onThreadChange
+    onThreadChange,
+    concurrentThreads,
+    setActiveThread
   ]);
   useEffect(() => {
     if (!enabled) {
@@ -6950,11 +6970,24 @@ function useInternalThreadManager(config = {}) {
     if (!enabled) return;
     if (state.phase !== "idle") return;
     if (isLoadingRef.current) return;
-    if (status === "streaming" || status === "submitted") return;
     if (messages.length === 0) return;
     if (currentThreadId) return;
+    const streaming = status === "streaming" || status === "submitted";
+    if (streaming && !concurrentThreads) return;
+    if (concurrentThreads && sessionStatus === "creating" && !sdkThreadId) {
+      return;
+    }
     dispatch({ type: "FIRST_RESPONSE_COMPLETE" });
-  }, [enabled, state.phase, status, messages.length, currentThreadId]);
+  }, [
+    enabled,
+    state.phase,
+    status,
+    messages.length,
+    currentThreadId,
+    concurrentThreads,
+    sdkThreadId,
+    sessionStatus
+  ]);
   useEffect(() => {
     if (state.phase !== "awaiting_server_id") return;
     if (sdkThreadId) {
@@ -6971,11 +7004,15 @@ function useInternalThreadManager(config = {}) {
     );
     const activeLeafId = messages[messages.length - 1]?.id;
     const snapshot = getMessageSnapshot(messages);
+    const usingLocalId = !sdkThreadId;
     createThread({
       id: sdkThreadId ?? void 0,
       messages: coreMessages,
       activeLeafId
     }).then((thread) => {
+      if (concurrentThreads && usingLocalId) {
+        assignLocalThreadId(thread.id);
+      }
       dispatch({ type: "THREAD_CREATED", threadId: thread.id, snapshot });
       onThreadChange?.(thread.id);
     });
@@ -7012,41 +7049,62 @@ function useInternalThreadManager(config = {}) {
       dispatch({ type: "START_SWITCH" });
       isLoadingRef.current = true;
       const thread = await switchThread(threadId);
-      if (thread?.messages) {
-        const uiMessages = thread.messages.map(coreToUI);
-        const snapshot = getMessageSnapshot(uiMessages);
-        setMessages(uiMessages);
-        if (thread.activeLeafId) switchBranch(thread.activeLeafId);
-        onThreadChange?.(threadId);
-        dispatch({ type: "SWITCH_COMPLETE", threadId, snapshot });
+      const uiMessages = thread?.messages ? thread.messages.map(coreToUI) : [];
+      const snapshot = thread?.messages ? getMessageSnapshot(uiMessages) : "";
+      if (concurrentThreads) {
+        setActiveThread(threadId, {
+          hydrateMessages: uiMessages,
+          hydrateActiveLeafId: thread?.activeLeafId
+        });
       } else {
-        setMessages([]);
-        onThreadChange?.(threadId);
-        dispatch({ type: "SWITCH_COMPLETE", threadId, snapshot: "" });
+        if (thread?.messages) {
+          setMessages(uiMessages);
+          if (thread.activeLeafId) switchBranch(thread.activeLeafId);
+        } else {
+          setMessages([]);
+        }
       }
+      onThreadChange?.(threadId);
+      dispatch({ type: "SWITCH_COMPLETE", threadId, snapshot });
       requestAnimationFrame(() => {
         isLoadingRef.current = false;
       });
     },
-    [switchThread, setMessages, switchBranch, onThreadChange]
+    [
+      switchThread,
+      setMessages,
+      switchBranch,
+      onThreadChange,
+      concurrentThreads,
+      setActiveThread
+    ]
   );
   const handleNewThread = useCallback(async () => {
     isLoadingRef.current = true;
     clearCurrentThread();
-    setMessages([]);
+    if (!concurrentThreads) {
+      setMessages([]);
+    }
     setActiveThread(null);
     onThreadChange?.(null);
     dispatch({ type: "NEW_THREAD" });
     requestAnimationFrame(() => {
       isLoadingRef.current = false;
     });
-  }, [clearCurrentThread, setMessages, setActiveThread, onThreadChange]);
-  const isBusy = isLoading || status === "streaming" || status === "submitted";
+  }, [
+    clearCurrentThread,
+    setMessages,
+    setActiveThread,
+    onThreadChange,
+    concurrentThreads
+  ]);
+  const isBusy = !concurrentThreads && (isLoading || status === "streaming" || status === "submitted");
   return {
     threadManager,
     handleSwitchThread,
     handleNewThread,
-    isBusy
+    isBusy,
+    busyThreadIds
   };
 }
 function parsePersistenceConfig(persistence, onThreadChange) {
@@ -7131,7 +7189,8 @@ function CopilotChatBase(props) {
     switchBranch,
     getBranchInfo,
     editMessage,
-    error: chatError
+    error: chatError,
+    disposeThreadInstance
   } = useCopilot();
   const toolExecutions = rawToolExecutions.map(
     (exec) => ({
@@ -7284,16 +7343,23 @@ function CopilotChatBase(props) {
     suggestions: classNames.suggestions,
     footer: classNames.footer
   } : void 0;
-  const { threadManager, handleSwitchThread, handleNewThread, isBusy } = threadManagerResult;
+  const {
+    threadManager,
+    handleSwitchThread,
+    handleNewThread,
+    isBusy,
+    busyThreadIds
+  } = threadManagerResult;
   const handleDeleteThread = React19__default.useCallback(
     (threadId) => {
       const isCurrentThread = threadManager.currentThreadId === threadId;
+      disposeThreadInstance(threadId);
       threadManager.deleteThread(threadId);
       if (isCurrentThread) {
         handleNewThread();
       }
     },
-    [threadManager, handleNewThread]
+    [threadManager, handleNewThread, disposeThreadInstance]
   );
   const threadPickerElement = isPersistenceEnabled && showThreadPicker ? /* @__PURE__ */ jsx(
     ThreadPicker,
@@ -7343,6 +7409,7 @@ function CopilotChatBase(props) {
       currentThreadId: threadManager.currentThreadId,
       onSwitchThread: isPersistenceEnabled ? handleSwitchThread : void 0,
       isThreadBusy: isBusy,
+      busyThreadIds,
       getBranchInfo,
       onSwitchBranch: switchBranch,
       onEditMessage: allowEdit ? editMessage : void 0,