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

package/dist/ui/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk6R63NBNP_cjs = require('../chunk-6R63NBNP.cjs');
+var chunk4PL7TK42_cjs = require('../chunk-4PL7TK42.cjs');
 var chunkJO4BHPAD_cjs = require('../chunk-JO4BHPAD.cjs');
 var chunk5EGBIQYS_cjs = require('../chunk-5EGBIQYS.cjs');
-var chunkZYLHGNIG_cjs = require('../chunk-ZYLHGNIG.cjs');
+var chunkGW5ZZHJ7_cjs = require('../chunk-GW5ZZHJ7.cjs');
 var chunk7GWEW2DU_cjs = require('../chunk-7GWEW2DU.cjs');
 require('../chunk-JGPDQDY4.cjs');
 require('../chunk-BJYA5NDL.cjs');
@@ -4333,7 +4333,8 @@ function FloatingActions({
   role,
   align = "left",
   onEdit,
-  className
+  className,
+  copyContent
 }) {
   const ctx = useMessageActionsContext();
   const [copiedId, setCopiedId] = React19__namespace.useState(null);
@@ -4351,6 +4352,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__ */ jsxRuntime.jsx(
@@ -4373,7 +4377,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;
@@ -4753,18 +4758,30 @@ function DefaultMessage({
       isLastMessage && isProcessing && !completedTools?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.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__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.Loader, { variant: loaderVariant, size: "sm" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          cleanContent?.trim() && /* @__PURE__ */ jsxRuntime.jsx(
-            MessageContent,
-            {
-              className: chunk5EGBIQYS_cjs.cn(
-                "csdk-message-assistant rounded-lg px-4 py-2 bg-muted",
-                assistantMessageClassName
-              ),
-              markdown: true,
-              size,
-              children: cleanContent
-            }
-          ),
+          cleanContent?.trim() && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              MessageContent,
+              {
+                className: chunk5EGBIQYS_cjs.cn(
+                  "csdk-message-assistant rounded-lg px-4 py-2 bg-muted",
+                  assistantMessageClassName
+                ),
+                markdown: true,
+                size,
+                children: cleanContent
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FloatingActions,
+              {
+                message,
+                role: "assistant",
+                align: "right",
+                className: "absolute bottom-1 right-1",
+                copyContent: cleanContent
+              }
+            )
+          ] }),
           toolsWithCustomRender && toolsWithCustomRender.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("space-y-2", cleanContent?.trim() && "mt-2"), children: toolsWithCustomRender.map((exec) => {
             const toolDef = registeredTools?.find(
               (t) => t.name === exec.name
@@ -4952,15 +4969,6 @@ function DefaultMessage({
               className: followUpClassName,
               buttonClassName: followUpButtonClassName
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FloatingActions,
-            {
-              message,
-              role: "assistant",
-              align: "right",
-              className: "absolute bottom-1 right-1"
-            }
           )
         ] })
       )
@@ -5979,6 +5987,7 @@ function ChatComponent({
   currentThreadId,
   onSwitchThread,
   isThreadBusy,
+  busyThreadIds,
   // Branching
   getBranchInfo,
   onSwitchBranch,
@@ -6220,7 +6229,8 @@ function ChatComponent({
       currentThreadId,
       onSwitchThread,
       onDeleteThread,
-      isThreadBusy
+      isThreadBusy,
+      busyThreadIds
     }),
     [
       view,
@@ -6236,7 +6246,8 @@ function ChatComponent({
       currentThreadId,
       onSwitchThread,
       onDeleteThread,
-      isThreadBusy
+      isThreadBusy,
+      busyThreadIds
     ]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(MessageActionsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CopilotChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6895,7 +6906,7 @@ function useInternalThreadManager(config = {}) {
   } = config;
   const [state, dispatch] = React19.useReducer(threadReducer, INITIAL_STATE);
   const isLoadingRef = React19.useRef(false);
-  const threadManager = chunk6R63NBNP_cjs.useThreadManager({
+  const threadManager = chunk4PL7TK42_cjs.useThreadManager({
     adapter,
     saveDebounce,
     autoRestoreLastThread
@@ -6916,8 +6927,12 @@ function useInternalThreadManager(config = {}) {
     getAllMessages,
     switchBranch,
     threadId: sdkThreadId,
-    setActiveThread
-  } = chunkZYLHGNIG_cjs.useCopilot();
+    setActiveThread,
+    concurrentThreads,
+    busyThreadIds,
+    assignLocalThreadId,
+    sessionStatus
+  } = chunkGW5ZZHJ7_cjs.useCopilot();
   React19.useEffect(() => {
     if (!enabled || state.initialized || !currentThread) return;
     dispatch({ type: "RESTORE_START" });
@@ -6925,8 +6940,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",
@@ -6934,6 +6957,9 @@ function useInternalThreadManager(config = {}) {
         snapshot
       });
     } else {
+      if (concurrentThreads) {
+        setActiveThread(currentThread.id);
+      }
       onThreadChange?.(currentThread.id);
       dispatch({
         type: "RESTORE_COMPLETE",
@@ -6950,7 +6976,9 @@ function useInternalThreadManager(config = {}) {
     state.initialized,
     setMessages,
     switchBranch,
-    onThreadChange
+    onThreadChange,
+    concurrentThreads,
+    setActiveThread
   ]);
   React19.useEffect(() => {
     if (!enabled) {
@@ -6965,11 +6993,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
+  ]);
   React19.useEffect(() => {
     if (state.phase !== "awaiting_server_id") return;
     if (sdkThreadId) {
@@ -6986,11 +7027,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);
     });
@@ -7027,41 +7072,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 = React19.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) {
@@ -7146,8 +7212,9 @@ function CopilotChatBase(props) {
     switchBranch,
     getBranchInfo,
     editMessage,
-    error: chatError
-  } = chunkZYLHGNIG_cjs.useCopilot();
+    error: chatError,
+    disposeThreadInstance
+  } = chunkGW5ZZHJ7_cjs.useCopilot();
   const toolExecutions = rawToolExecutions.map(
     (exec) => ({
       id: exec.id,
@@ -7299,16 +7366,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__namespace.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__ */ jsxRuntime.jsx(
     ThreadPicker,
@@ -7358,6 +7432,7 @@ function CopilotChatBase(props) {
       currentThreadId: threadManager.currentThreadId,
       onSwitchThread: isPersistenceEnabled ? handleSwitchThread : void 0,
       isThreadBusy: isBusy,
+      busyThreadIds,
       getBranchInfo,
       onSwitchBranch: switchBranch,
       onEditMessage: allowEdit ? editMessage : void 0,