@yourgpt/copilot-sdk 2.5.1-beta.0 → 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';
@@ -4310,7 +4310,8 @@ function FloatingActions({
   role,
   align = "left",
   onEdit,
-  className
+  className,
+  copyContent
 }) {
   const ctx = useMessageActionsContext();
   const [copiedId, setCopiedId] = React19.useState(null);
@@ -4328,6 +4329,9 @@ function FloatingActions({
       ),
       children: actions.map((action) => {
         const isHidden = typeof action.hidden === "function" ? action.hidden({ message }) : action.hidden;
+        if (action.id === "copy" && copyContent != null && !copyContent.trim())
+          return null;
+        if (action.id === "copy" && copyContent === null) return null;
         if (isHidden) return null;
         const isCopied = copiedId === action.id;
         return /* @__PURE__ */ jsx(
@@ -4350,7 +4354,8 @@ function FloatingActions({
                 return;
               }
               if (action.id === "copy") {
-                navigator.clipboard.writeText(message.content ?? "");
+                const text = copyContent !== void 0 ? copyContent ?? "" : message.content ?? "";
+                navigator.clipboard.writeText(text);
                 setCopiedId("copy");
                 setTimeout(() => setCopiedId(null), 1500);
                 return;
@@ -4730,18 +4735,30 @@ function DefaultMessage({
       isLastMessage && isProcessing && !completedTools?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: "dots", size: "sm" }) }) : (
         /* Show streaming loader when loading with no content and no tools */
         isLastMessage && isLoading && !cleanContent?.trim() && !toolsWithCustomRender?.length && !toolsWithoutCustomRender?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: loaderVariant, size: "sm" }) }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          cleanContent?.trim() && /* @__PURE__ */ jsx(
-            MessageContent,
-            {
-              className: cn(
-                "csdk-message-assistant rounded-lg px-4 py-2 bg-muted",
-                assistantMessageClassName
-              ),
-              markdown: true,
-              size,
-              children: cleanContent
-            }
-          ),
+          cleanContent?.trim() && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              MessageContent,
+              {
+                className: cn(
+                  "csdk-message-assistant rounded-lg px-4 py-2 bg-muted",
+                  assistantMessageClassName
+                ),
+                markdown: true,
+                size,
+                children: cleanContent
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FloatingActions,
+              {
+                message,
+                role: "assistant",
+                align: "right",
+                className: "absolute bottom-1 right-1",
+                copyContent: cleanContent
+              }
+            )
+          ] }),
           toolsWithCustomRender && toolsWithCustomRender.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("space-y-2", cleanContent?.trim() && "mt-2"), children: toolsWithCustomRender.map((exec) => {
             const toolDef = registeredTools?.find(
               (t) => t.name === exec.name
@@ -4929,15 +4946,6 @@ function DefaultMessage({
               className: followUpClassName,
               buttonClassName: followUpButtonClassName
             }
-          ),
-          /* @__PURE__ */ jsx(
-            FloatingActions,
-            {
-              message,
-              role: "assistant",
-              align: "right",
-              className: "absolute bottom-1 right-1"
-            }
           )
         ] })
       )
@@ -5956,6 +5964,7 @@ function ChatComponent({
   currentThreadId,
   onSwitchThread,
   isThreadBusy,
+  busyThreadIds,
   // Branching
   getBranchInfo,
   onSwitchBranch,
@@ -6197,7 +6206,8 @@ function ChatComponent({
       currentThreadId,
       onSwitchThread,
       onDeleteThread,
-      isThreadBusy
+      isThreadBusy,
+      busyThreadIds
     }),
     [
       view,
@@ -6213,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(
@@ -6893,7 +6904,11 @@ function useInternalThreadManager(config = {}) {
     getAllMessages,
     switchBranch,
     threadId: sdkThreadId,
-    setActiveThread
+    setActiveThread,
+    concurrentThreads,
+    busyThreadIds,
+    assignLocalThreadId,
+    sessionStatus
   } = useCopilot();
   useEffect(() => {
     if (!enabled || state.initialized || !currentThread) return;
@@ -6902,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",
@@ -6911,6 +6934,9 @@ function useInternalThreadManager(config = {}) {
         snapshot
       });
     } else {
+      if (concurrentThreads) {
+        setActiveThread(currentThread.id);
+      }
       onThreadChange?.(currentThread.id);
       dispatch({
         type: "RESTORE_COMPLETE",
@@ -6927,7 +6953,9 @@ function useInternalThreadManager(config = {}) {
     state.initialized,
     setMessages,
     switchBranch,
-    onThreadChange
+    onThreadChange,
+    concurrentThreads,
+    setActiveThread
   ]);
   useEffect(() => {
     if (!enabled) {
@@ -6942,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) {
@@ -6963,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);
     });
@@ -7004,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) {
@@ -7123,7 +7189,8 @@ function CopilotChatBase(props) {
     switchBranch,
     getBranchInfo,
     editMessage,
-    error: chatError
+    error: chatError,
+    disposeThreadInstance
   } = useCopilot();
   const toolExecutions = rawToolExecutions.map(
     (exec) => ({
@@ -7276,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,
@@ -7335,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,