@copilotkitnext/react 0.0.19-threads-and-attachements.1 → 0.0.20

package/dist/index.js

@@ -54,7 +54,6 @@ __export(index_exports, {
   CopilotPopupView: () => CopilotPopupView,
   CopilotSidebar: () => CopilotSidebar,
   CopilotSidebarView: () => CopilotSidebarView,
-  CopilotThreadList: () => CopilotThreadList,
   WildcardToolCallRender: () => WildcardToolCallRender,
   defineToolCallRenderer: () => defineToolCallRenderer,
   useAgent: () => useAgent,
@@ -66,9 +65,7 @@ __export(index_exports, {
   useHumanInTheLoop: () => useHumanInTheLoop,
   useRenderCustomMessages: () => useRenderCustomMessages,
   useRenderToolCall: () => useRenderToolCall,
-  useSuggestions: () => useSuggestions,
-  useThreadSwitch: () => useThreadSwitch,
-  useThreads: () => useThreads
+  useSuggestions: () => useSuggestions
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -114,21 +111,15 @@ var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, i
     [labels, parentConfig?.labels]
   );
   const resolvedAgentId = agentId ?? parentConfig?.agentId ?? import_shared.DEFAULT_AGENT_ID;
-  const [internalThreadId, setInternalThreadId] = (0, import_react.useState)(() => {
-    if (threadId) return threadId;
-    if (parentConfig?.threadId) return parentConfig.threadId;
+  const resolvedThreadId = (0, import_react.useMemo)(() => {
+    if (threadId) {
+      return threadId;
+    }
+    if (parentConfig?.threadId) {
+      return parentConfig.threadId;
+    }
     return (0, import_shared.randomUUID)();
-  });
-  const resolvedThreadId = threadId ?? internalThreadId;
-  const handleSetThreadId = (0, import_react.useCallback)(
-    (newThreadId) => {
-      if (threadId === void 0) {
-        setInternalThreadId(newThreadId);
-      }
-    },
-    [threadId]
-  );
-  const resolvedSetThreadId = parentConfig?.setThreadId ?? handleSetThreadId;
+  }, [threadId, parentConfig?.threadId]);
   const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;
   const [internalModalOpen, setInternalModalOpen] = (0, import_react.useState)(
     parentConfig?.isModalOpen ?? resolvedDefaultOpen
@@ -140,7 +131,6 @@ var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, i
       labels: mergedLabels,
       agentId: resolvedAgentId,
       threadId: resolvedThreadId,
-      setThreadId: resolvedSetThreadId,
       isModalOpen: resolvedIsModalOpen,
       setModalOpen: resolvedSetModalOpen,
       isModalDefaultOpen: resolvedDefaultOpen
@@ -149,7 +139,6 @@ var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, i
       mergedLabels,
       resolvedAgentId,
       resolvedThreadId,
-      resolvedSetThreadId,
       resolvedIsModalOpen,
       resolvedSetModalOpen,
       resolvedDefaultOpen
@@ -858,7 +847,10 @@ function CopilotChatInput({
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     autoFocus,
-    className: (0, import_tailwind_merge3.twMerge)("w-full py-3", isExpanded ? "px-5" : "pr-5")
+    className: (0, import_tailwind_merge3.twMerge)(
+      "w-full py-3",
+      isExpanded ? "px-5" : "pr-5"
+    )
   });
   const isProcessing = mode !== "transcribe" && isRunning;
   const canSend = resolvedValue.trim().length > 0 && !!onSubmitMessage;
@@ -1099,10 +1091,10 @@ function CopilotChatInput({
     if (!slashMenuVisible || slashHighlightIndex < 0) {
       return;
     }
-    const active = slashMenuRef.current?.querySelector(`[data-slash-index="${slashHighlightIndex}"]`);
-    if (active && typeof active.scrollIntoView === "function") {
-      active.scrollIntoView({ block: "nearest" });
-    }
+    const active = slashMenuRef.current?.querySelector(
+      `[data-slash-index="${slashHighlightIndex}"]`
+    );
+    active?.scrollIntoView({ block: "nearest" });
   }, [slashMenuVisible, slashHighlightIndex]);
   const slashMenu = slashMenuVisible ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
@@ -1173,7 +1165,11 @@ function CopilotChatInput({
               "div",
               {
                 ref: addButtonContainerRef,
-                className: (0, import_tailwind_merge3.twMerge)("flex items-center", isExpanded ? "row-start-2" : "row-start-1", "col-start-1"),
+                className: (0, import_tailwind_merge3.twMerge)(
+                  "flex items-center",
+                  isExpanded ? "row-start-2" : "row-start-1",
+                  "col-start-1"
+                ),
                 children: BoundAddMenuButton
               }
             ),
@@ -1350,9 +1346,7 @@ function CopilotChatInput({
       if (!textarea) return;
       const handleFocus = () => {
         setTimeout(() => {
-          if (typeof textarea.scrollIntoView === "function") {
-            textarea.scrollIntoView({ behavior: "smooth", block: "nearest" });
-          }
+          textarea.scrollIntoView({ behavior: "smooth", block: "nearest" });
         }, 300);
       };
       textarea.addEventListener("focus", handleFocus);
@@ -1394,7 +1388,7 @@ CopilotChatInput.AddMenuButton.displayName = "CopilotChatInput.AddMenuButton";
 var CopilotChatInput_default = CopilotChatInput;
 
 // src/components/chat/CopilotChatAssistantMessage.tsx
-var import_react18 = require("react");
+var import_react16 = require("react");
 var import_lucide_react3 = require("lucide-react");
 var import_tailwind_merge4 = require("tailwind-merge");
 var import_katex_min = require("katex/dist/katex.min.css");
@@ -1451,15 +1445,12 @@ var CopilotKitCoreReact = class extends import_core.CopilotKitCore {
 // src/components/CopilotKitInspector.tsx
 var React4 = __toESM(require("react"));
 var import_react5 = require("@lit-labs/react");
-var WebInspectorModule = __toESM(require("@copilotkitnext/web-inspector"));
+var import_web_inspector = require("@copilotkitnext/web-inspector");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var WEB_INSPECTOR_TAG2 = WebInspectorModule.WEB_INSPECTOR_TAG;
-var defineWebInspector2 = WebInspectorModule.defineWebInspector;
-var WebInspectorElementClass = WebInspectorModule.WebInspectorElement;
-defineWebInspector2();
+(0, import_web_inspector.defineWebInspector)();
 var CopilotKitInspectorBase = (0, import_react5.createComponent)({
-  tagName: WEB_INSPECTOR_TAG2,
-  elementClass: WebInspectorElementClass,
+  tagName: import_web_inspector.WEB_INSPECTOR_TAG,
+  elementClass: import_web_inspector.WebInspectorElement,
   react: React4
 });
 var CopilotKitInspector = React4.forwardRef(
@@ -1485,10 +1476,7 @@ CopilotKitInspector.displayName = "CopilotKitInspector";
 // src/providers/CopilotKitProvider.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var CopilotKitContext = (0, import_react6.createContext)({
-  copilotkit: null,
-  setResourceId: () => {
-    throw new Error("useCopilotKit must be used within CopilotKitProvider");
-  }
+  copilotkit: null
 });
 function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
   const empty = (0, import_react6.useMemo)(() => [], []);
@@ -1506,7 +1494,6 @@ var CopilotKitProvider = ({
   runtimeUrl,
   headers = {},
   properties = {},
-  resourceId,
   agents__unsafe_dev_only: agents = {},
   renderToolCalls,
   renderCustomMessages,
@@ -1614,7 +1601,6 @@ var CopilotKitProvider = ({
       runtimeUrl,
       headers,
       properties,
-      resourceId,
       agents__unsafe_dev_only: agents,
       tools: allTools,
       renderToolCalls: allRenderToolCalls,
@@ -1637,36 +1623,13 @@ var CopilotKitProvider = ({
     copilotkit.setRuntimeUrl(runtimeUrl);
     copilotkit.setHeaders(headers);
     copilotkit.setProperties(properties);
-    copilotkit.setResourceId(resourceId);
     copilotkit.setAgents__unsafe_dev_only(agents);
-  }, [runtimeUrl, headers, properties, resourceId, agents]);
-  (0, import_react6.useEffect)(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const isProduction = process.env.NODE_ENV === "production";
-    if (isProduction && !resourceId) {
-      console.error(
-        "CopilotKit Security Warning: No resourceId set in production.\nAll threads will be globally accessible. Set the resourceId prop:\n<CopilotKitProvider resourceId={userId}>\nLearn more: https://docs.copilotkit.ai/security/resource-scoping"
-      );
-    } else if (!isProduction && !resourceId) {
-      console.warn(
-        "CopilotKit: No resourceId set. All threads are globally accessible.\nThis is fine for development, but add resourceId for production:\n<CopilotKitProvider resourceId={userId}>"
-      );
-    }
-  }, [resourceId]);
-  const setResourceId = (0, import_react6.useCallback)(
-    (newResourceId) => {
-      copilotkit.setResourceId(newResourceId);
-    },
-    [copilotkit]
-  );
+  }, [runtimeUrl, headers, properties, agents]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     CopilotKitContext.Provider,
     {
       value: {
-        copilotkit,
-        setResourceId
+        copilotkit
       },
       children: [
         children,
@@ -1685,9 +1648,6 @@ var useCopilotKit = () => {
     const unsubscribe = context.copilotkit.subscribe({
       onRuntimeConnectionStatusChanged: () => {
         forceUpdate();
-      },
-      onResourceIdChanged: () => {
-        forceUpdate();
       }
     });
     return () => {
@@ -1816,38 +1776,33 @@ function useRenderCustomMessages() {
     if (!agent) {
       throw new Error("Agent not found");
     }
-    const messagesIdsInRun = runId ? agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId).map((msg) => msg.id) : [];
+    const messagesIdsInRun = agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId).map((msg) => msg.id);
     const messageIndex = agent.messages.findIndex((msg) => msg.id === message.id) ?? 0;
-    const messageIndexInRun = Math.max(messagesIdsInRun.indexOf(message.id), 0);
+    const messageIndexInRun = Math.min(messagesIdsInRun.indexOf(message.id), 0);
     const numberOfMessagesInRun = messagesIdsInRun.length;
-    const stateSnapshot = runId ? copilotkit.getStateByRun(agentId, threadId, runId) : void 0;
+    const stateSnapshot = copilotkit.getStateByRun(agentId, threadId, runId);
     let result = null;
     for (const renderer of customMessageRenderers) {
       if (!renderer.render) {
         continue;
       }
-      try {
-        const Component = renderer.render;
-        result = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          Component,
-          {
-            message,
-            position,
-            runId: runId ?? "",
-            messageIndex,
-            messageIndexInRun,
-            numberOfMessagesInRun,
-            agentId,
-            stateSnapshot
-          },
-          `${runId ?? "no-run"}-${message.id}-${position}`
-        );
-        if (result) {
-          break;
-        }
-      } catch (error) {
-        console.error("Error rendering custom message:", error);
-        continue;
+      const Component = renderer.render;
+      result = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        Component,
+        {
+          message,
+          position,
+          runId,
+          messageIndex,
+          messageIndexInRun,
+          numberOfMessagesInRun,
+          agentId,
+          stateSnapshot
+        },
+        `${runId}-${message.id}-${position}`
+      );
+      if (result) {
+        break;
       }
     }
     return result;
@@ -1976,10 +1931,18 @@ function useAgent({ agentId, updates } = {}) {
   agentId ??= import_shared4.DEFAULT_AGENT_ID;
   const { copilotkit } = useCopilotKit();
   const [, forceUpdate] = (0, import_react11.useReducer)((x) => x + 1, 0);
-  const updateFlags = (0, import_react11.useMemo)(() => updates ?? ALL_UPDATES, [JSON.stringify(updates)]);
+  const updateFlags = (0, import_react11.useMemo)(
+    () => updates ?? ALL_UPDATES,
+    [JSON.stringify(updates)]
+  );
   const agent = (0, import_react11.useMemo)(() => {
     return copilotkit.getAgent(agentId);
-  }, [agentId, copilotkit.agents, copilotkit.runtimeConnectionStatus, copilotkit]);
+  }, [
+    agentId,
+    copilotkit.agents,
+    copilotkit.runtimeConnectionStatus,
+    copilotkit
+  ]);
   (0, import_react11.useEffect)(() => {
     if (!agent) {
       return;
@@ -2215,137 +2178,8 @@ function normalizeStaticSuggestions(suggestions) {
   }));
 }
 
-// src/hooks/use-threads.tsx
-var import_react15 = require("react");
-function useThreads(options = {}) {
-  const { limit = 50, autoFetch = true } = options;
-  const { copilotkit: core } = useCopilotKit();
-  const chatConfig = useCopilotChatConfiguration();
-  const [threads, setThreads] = (0, import_react15.useState)([]);
-  const [total, setTotal] = (0, import_react15.useState)(0);
-  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
-  const [error, setError] = (0, import_react15.useState)(null);
-  const fetchThreads = (0, import_react15.useCallback)(
-    async (offset = 0) => {
-      if (!core) {
-        return;
-      }
-      setIsLoading(true);
-      setError(null);
-      try {
-        const result = await core.listThreads({ limit, offset });
-        setThreads(result.threads);
-        setTotal(result.total);
-      } catch (err) {
-        const error2 = err instanceof Error ? err : new Error("Failed to fetch threads");
-        setError(error2);
-        console.error("Error fetching threads:", error2);
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [core, limit]
-  );
-  const getThreadMetadata = (0, import_react15.useCallback)(
-    async (threadId) => {
-      if (!core) {
-        throw new Error("CopilotKit core not initialized");
-      }
-      try {
-        return await core.getThreadMetadata(threadId);
-      } catch (err) {
-        const error2 = err instanceof Error ? err : new Error("Failed to get thread metadata");
-        console.error("Error getting thread metadata:", error2);
-        throw error2;
-      }
-    },
-    [core]
-  );
-  const refresh = (0, import_react15.useCallback)(() => fetchThreads(0), [fetchThreads]);
-  const addOptimisticThread = (0, import_react15.useCallback)((threadId) => {
-    const newThread = {
-      threadId,
-      createdAt: Date.now(),
-      lastActivityAt: Date.now(),
-      isRunning: false,
-      messageCount: 0,
-      firstMessage: void 0
-    };
-    setThreads((prev) => [newThread, ...prev]);
-    setTotal((prev) => prev + 1);
-  }, []);
-  const deleteThread = (0, import_react15.useCallback)(
-    async (threadId) => {
-      if (!core) {
-        throw new Error("CopilotKit core not initialized");
-      }
-      const originalThreads = threads;
-      const originalTotal = total;
-      const threadIndex = threads.findIndex((t) => t.threadId === threadId);
-      const deletedThread = threadIndex >= 0 ? threads[threadIndex] : null;
-      if (threadIndex >= 0) {
-        setThreads((prev) => prev.filter((t) => t.threadId !== threadId));
-        setTotal((prev) => prev - 1);
-      }
-      try {
-        await core.deleteThread(threadId);
-        await fetchThreads();
-      } catch (err) {
-        if (deletedThread && threadIndex >= 0) {
-          setThreads((prev) => {
-            const newThreads = [...prev];
-            newThreads.splice(threadIndex, 0, deletedThread);
-            return newThreads;
-          });
-          setTotal(originalTotal);
-        } else {
-          setThreads(originalThreads);
-          setTotal(originalTotal);
-        }
-        const error2 = err instanceof Error ? err : new Error("Failed to delete thread");
-        console.error("Error deleting thread:", error2);
-        throw error2;
-      }
-    },
-    [core, fetchThreads, threads, total]
-  );
-  (0, import_react15.useEffect)(() => {
-    if (autoFetch && core) {
-      void fetchThreads();
-    }
-  }, [autoFetch, core, fetchThreads]);
-  return {
-    threads,
-    total,
-    isLoading,
-    error,
-    fetchThreads,
-    getThreadMetadata,
-    refresh,
-    addOptimisticThread,
-    deleteThread,
-    currentThreadId: chatConfig?.threadId
-  };
-}
-
-// src/hooks/use-thread-switcher.tsx
-var import_react16 = require("react");
-function useThreadSwitch() {
-  const config = useCopilotChatConfiguration();
-  const switchThread = (0, import_react16.useCallback)(
-    (threadId) => {
-      config?.setThreadId?.(threadId);
-    },
-    [config]
-  );
-  return {
-    switchThread,
-    currentThreadId: config?.threadId
-  };
-}
-
 // src/components/chat/CopilotChatToolCallsView.tsx
-var import_react17 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function CopilotChatToolCallsView({
   message,
@@ -2355,14 +2189,14 @@ function CopilotChatToolCallsView({
   if (!message.toolCalls || message.toolCalls.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: message.toolCalls.map((toolCall, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: message.toolCalls.map((toolCall) => {
     const toolMessage = messages.find(
       (m) => m.role === "tool" && m.toolCallId === toolCall.id
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react17.default.Fragment, { children: renderToolCall({
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react15.default.Fragment, { children: renderToolCall({
       toolCall,
       toolMessage
-    }) }, `${message.id}-${toolCall.id ?? index}-${index}`);
+    }) }, toolCall.id);
   }) });
 }
 var CopilotChatToolCallsView_default = CopilotChatToolCallsView;
@@ -2537,7 +2371,7 @@ function CopilotChatAssistantMessage({
   CopilotChatAssistantMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = (0, import_react18.useState)(false);
+    const [copied, setCopied] = (0, import_react16.useState)(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -2615,10 +2449,9 @@ CopilotChatAssistantMessage.RegenerateButton.displayName = "CopilotChatAssistant
 var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
 
 // src/components/chat/CopilotChatUserMessage.tsx
-var import_react19 = require("react");
+var import_react17 = require("react");
 var import_lucide_react4 = require("lucide-react");
 var import_tailwind_merge5 = require("tailwind-merge");
-var import_shared7 = require("@copilotkitnext/shared");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function CopilotChatUserMessage({
   message,
@@ -2640,8 +2473,7 @@ function CopilotChatUserMessage({
     messageRenderer,
     CopilotChatUserMessage.MessageRenderer,
     {
-      content: (0, import_shared7.getUserMessageTextContent)(message.content),
-      contents: (0, import_shared7.normalizeUserMessageContents)(message.content)
+      content: message.content || ""
     }
   );
   const BoundCopyButton = renderSlot(
@@ -2649,10 +2481,9 @@ function CopilotChatUserMessage({
     CopilotChatUserMessage.CopyButton,
     {
       onClick: async () => {
-        const textContent = (0, import_shared7.getUserMessageTextContent)(message.content);
-        if (textContent.trim().length > 0) {
+        if (message.content) {
           try {
-            await navigator.clipboard.writeText(textContent);
+            await navigator.clipboard.writeText(message.content);
           } catch (err) {
             console.error("Failed to copy message:", err);
           }
@@ -2721,33 +2552,16 @@ function CopilotChatUserMessage({
       children
     }
   );
-  CopilotChatUserMessage2.MessageRenderer = ({
-    content,
-    contents = [],
-    className
-  }) => {
-    const attachments = (0, import_shared7.getUserMessageBinaryContents)(contents);
-    const hasText = content.trim().length > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      "div",
-      {
-        className: (0, import_tailwind_merge5.twMerge)(
-          "prose dark:prose-invert bg-muted relative max-w-[80%] rounded-[18px] px-4 py-1.5 data-[multiline]:py-3 inline-block whitespace-pre-wrap",
-          className
-        ),
-        children: [
-          hasText && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: content }),
-          attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: (0, import_tailwind_merge5.twMerge)(hasText ? "mt-3 flex flex-col gap-2" : "flex flex-col gap-2"), children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            AttachmentPreview,
-            {
-              attachment
-            },
-            attachment.id ?? attachment.url ?? attachment.filename ?? index
-          )) })
-        ]
-      }
-    );
-  };
+  CopilotChatUserMessage2.MessageRenderer = ({ content, className }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    {
+      className: (0, import_tailwind_merge5.twMerge)(
+        "prose dark:prose-invert bg-muted relative max-w-[80%] rounded-[18px] px-4 py-1.5 data-[multiline]:py-3 inline-block whitespace-pre-wrap",
+        className
+      ),
+      children: content
+    }
+  );
   CopilotChatUserMessage2.Toolbar = ({
     className,
     ...props
@@ -2780,7 +2594,7 @@ function CopilotChatUserMessage({
   CopilotChatUserMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = (0, import_react19.useState)(false);
+    const [copied, setCopied] = (0, import_react17.useState)(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -2864,47 +2678,6 @@ function CopilotChatUserMessage({
     ] });
   };
 })(CopilotChatUserMessage || (CopilotChatUserMessage = {}));
-var AttachmentPreview = ({ attachment }) => {
-  const source = resolveAttachmentSource(attachment);
-  const isImage = attachment.mimeType.startsWith("image/");
-  const label = attachment.filename ?? attachment.id ?? attachment.mimeType;
-  if (isImage && source) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("figure", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        "img",
-        {
-          src: source,
-          alt: label ?? "User provided image",
-          className: "max-h-64 rounded-lg border border-border object-contain"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("figcaption", { className: "text-xs text-muted-foreground", children: label ?? "Image attachment" })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "rounded-md border border-dashed border-border bg-muted/70 px-3 py-2 text-xs text-muted-foreground", children: [
-    label ?? "Attachment",
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "block text-[10px] uppercase tracking-wide text-muted-foreground/70", children: attachment.mimeType }),
-    source && !isImage ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "a",
-      {
-        href: source,
-        target: "_blank",
-        rel: "noreferrer",
-        className: "mt-1 block text-xs text-primary underline",
-        children: "Open"
-      }
-    ) : null
-  ] });
-};
-function resolveAttachmentSource(attachment) {
-  if (attachment.url) {
-    return attachment.url;
-  }
-  if (attachment.data) {
-    return `data:${attachment.mimeType};base64,${attachment.data}`;
-  }
-  return null;
-}
 CopilotChatUserMessage.Container.displayName = "CopilotChatUserMessage.Container";
 CopilotChatUserMessage.MessageRenderer.displayName = "CopilotChatUserMessage.MessageRenderer";
 CopilotChatUserMessage.Toolbar.displayName = "CopilotChatUserMessage.Toolbar";
@@ -2915,12 +2688,12 @@ CopilotChatUserMessage.BranchNavigation.displayName = "CopilotChatUserMessage.Br
 var CopilotChatUserMessage_default = CopilotChatUserMessage;
 
 // src/components/chat/CopilotChatSuggestionPill.tsx
-var import_react20 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var baseClasses = "group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto";
 var labelClasses = "whitespace-nowrap font-medium leading-none";
-var CopilotChatSuggestionPill = import_react20.default.forwardRef(function CopilotChatSuggestionPill2({ className, children, icon, isLoading, type, ...props }, ref) {
+var CopilotChatSuggestionPill = import_react18.default.forwardRef(function CopilotChatSuggestionPill2({ className, children, icon, isLoading, type, ...props }, ref) {
   const showIcon = !isLoading && icon;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "button",
@@ -2943,9 +2716,9 @@ CopilotChatSuggestionPill.displayName = "CopilotChatSuggestionPill";
 var CopilotChatSuggestionPill_default = CopilotChatSuggestionPill;
 
 // src/components/chat/CopilotChatSuggestionView.tsx
-var import_react21 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var DefaultContainer = import_react21.default.forwardRef(function DefaultContainer2({ className, ...props }, ref) {
+var DefaultContainer = import_react19.default.forwardRef(function DefaultContainer2({ className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
@@ -2958,7 +2731,7 @@ var DefaultContainer = import_react21.default.forwardRef(function DefaultContain
     }
   );
 });
-var CopilotChatSuggestionView = import_react21.default.forwardRef(function CopilotChatSuggestionView2({
+var CopilotChatSuggestionView = import_react19.default.forwardRef(function CopilotChatSuggestionView2({
   suggestions,
   onSelectSuggestion,
   loadingIndexes,
@@ -2968,7 +2741,7 @@ var CopilotChatSuggestionView = import_react21.default.forwardRef(function Copil
   children,
   ...restProps
 }, ref) {
-  const loadingSet = import_react21.default.useMemo(() => {
+  const loadingSet = import_react19.default.useMemo(() => {
     if (!loadingIndexes || loadingIndexes.length === 0) {
       return /* @__PURE__ */ new Set();
     }
@@ -2987,11 +2760,11 @@ var CopilotChatSuggestionView = import_react21.default.forwardRef(function Copil
       type: "button",
       onClick: () => onSelectSuggestion?.(suggestion, index)
     });
-    return import_react21.default.cloneElement(pill, {
+    return import_react19.default.cloneElement(pill, {
       key: `${suggestion.title}-${index}`
     });
   });
-  const boundContainer = import_react21.default.cloneElement(
+  const boundContainer = import_react19.default.cloneElement(
     ContainerElement,
     void 0,
     suggestionElements
@@ -3094,21 +2867,21 @@ CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
 var CopilotChatMessageView_default = CopilotChatMessageView;
 
 // src/components/chat/CopilotChatView.tsx
-var import_react23 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_tailwind_merge7 = require("tailwind-merge");
 var import_use_stick_to_bottom = require("use-stick-to-bottom");
 var import_lucide_react6 = require("lucide-react");
 
 // src/hooks/use-keyboard-height.tsx
-var import_react22 = require("react");
+var import_react20 = require("react");
 function useKeyboardHeight() {
-  const [keyboardState, setKeyboardState] = (0, import_react22.useState)({
+  const [keyboardState, setKeyboardState] = (0, import_react20.useState)({
     isKeyboardOpen: false,
     keyboardHeight: 0,
     availableHeight: typeof window !== "undefined" ? window.innerHeight : 0,
     viewportHeight: typeof window !== "undefined" ? window.innerHeight : 0
   });
-  (0, import_react22.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -3152,10 +2925,8 @@ function CopilotChatView({
   suggestionView,
   messages = [],
   autoScroll = true,
-  scrollBehavior = "auto",
   inputProps,
   isRunning = false,
-  isSwitchingThread = false,
   suggestions,
   suggestionLoadingIndexes,
   onSelectSuggestion,
@@ -3163,12 +2934,12 @@ function CopilotChatView({
   className,
   ...props
 }) {
-  const inputContainerRef = (0, import_react23.useRef)(null);
-  const [inputContainerHeight, setInputContainerHeight] = (0, import_react23.useState)(0);
-  const [isResizing, setIsResizing] = (0, import_react23.useState)(false);
-  const resizeTimeoutRef = (0, import_react23.useRef)(null);
+  const inputContainerRef = (0, import_react21.useRef)(null);
+  const [inputContainerHeight, setInputContainerHeight] = (0, import_react21.useState)(0);
+  const [isResizing, setIsResizing] = (0, import_react21.useState)(false);
+  const resizeTimeoutRef = (0, import_react21.useRef)(null);
   const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();
-  (0, import_react23.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const element = inputContainerRef.current;
     if (!element) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -3217,8 +2988,6 @@ function CopilotChatView({
   const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
   const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {
     autoScroll,
-    scrollBehavior,
-    isSwitchingThread,
     scrollToBottomButton,
     inputContainerHeight,
     isResizing,
@@ -3277,21 +3046,19 @@ function CopilotChatView({
   CopilotChatView2.ScrollView = ({
     children,
     autoScroll = true,
-    scrollBehavior = "auto",
-    isSwitchingThread = false,
     scrollToBottomButton,
     inputContainerHeight = 0,
     isResizing = false,
     className,
     ...props
   }) => {
-    const [hasMounted, setHasMounted] = (0, import_react23.useState)(false);
+    const [hasMounted, setHasMounted] = (0, import_react21.useState)(false);
     const { scrollRef, contentRef, scrollToBottom } = (0, import_use_stick_to_bottom.useStickToBottom)();
-    const [showScrollButton, setShowScrollButton] = (0, import_react23.useState)(false);
-    (0, import_react23.useEffect)(() => {
+    const [showScrollButton, setShowScrollButton] = (0, import_react21.useState)(false);
+    (0, import_react21.useEffect)(() => {
       setHasMounted(true);
     }, []);
-    (0, import_react23.useEffect)(() => {
+    (0, import_react21.useEffect)(() => {
       if (autoScroll) return;
       const scrollElement = scrollRef.current;
       if (!scrollElement) return;
@@ -3339,14 +3106,12 @@ function CopilotChatView({
         }
       );
     }
-    const initial = scrollBehavior === "auto" ? "instant" : scrollBehavior;
-    const resize = scrollBehavior === "instant" ? "instant" : scrollBehavior === "auto" && isSwitchingThread ? "instant" : "smooth";
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_use_stick_to_bottom.StickToBottom,
       {
         className: cn("h-full max-h-full flex flex-col min-h-0 relative", className),
-        resize,
-        initial,
+        resize: "smooth",
+        initial: "smooth",
         ...props,
         children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           ScrollContent,
@@ -3393,7 +3158,7 @@ function CopilotChatView({
       ...props
     }
   );
-  CopilotChatView2.InputContainer = import_react23.default.forwardRef(({ children, className, keyboardHeight = 0, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  CopilotChatView2.InputContainer = import_react21.default.forwardRef(({ children, className, keyboardHeight = 0, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       ref,
@@ -3424,95 +3189,20 @@ function CopilotChatView({
 var CopilotChatView_default = CopilotChatView;
 
 // src/components/chat/CopilotChat.tsx
-var import_shared8 = require("@copilotkitnext/shared");
-var import_react24 = require("react");
+var import_shared7 = require("@copilotkitnext/shared");
+var import_react22 = require("react");
 var import_ts_deepmerge = require("ts-deepmerge");
+var import_client = require("@ag-ui/client");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }) {
   const existingConfig = useCopilotChatConfiguration();
-  const hasOverrideProps = agentId !== void 0 || threadId !== void 0 || labels !== void 0 || isModalDefaultOpen !== void 0;
-  if (!existingConfig || hasOverrideProps) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      CopilotChatConfigurationProvider,
-      {
-        agentId,
-        threadId,
-        labels,
-        isModalDefaultOpen,
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CopilotChat, { chatView, ...props })
-      }
-    );
-  }
-  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? import_shared8.DEFAULT_AGENT_ID;
-  const resolvedThreadId = threadId ?? existingConfig?.threadId;
+  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? import_shared7.DEFAULT_AGENT_ID;
+  const resolvedThreadId = (0, import_react22.useMemo)(
+    () => threadId ?? existingConfig?.threadId ?? (0, import_shared7.randomUUID)(),
+    [threadId, existingConfig?.threadId]
+  );
   const { agent } = useAgent({ agentId: resolvedAgentId });
   const { copilotkit } = useCopilotKit();
-  const [isSwitchingThread, setIsSwitchingThread] = (0, import_react24.useState)(false);
-  const [threadSwitchError, setThreadSwitchError] = (0, import_react24.useState)(null);
-  const previousThreadIdRef = (0, import_react24.useRef)(void 0);
-  const abortControllerRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
-    if (!agent || !resolvedThreadId) return;
-    if (previousThreadIdRef.current === resolvedThreadId) return;
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-    }
-    const abortController = new AbortController();
-    abortControllerRef.current = abortController;
-    const switchThread = async () => {
-      setIsSwitchingThread(true);
-      setThreadSwitchError(null);
-      try {
-        if (abortController.signal.aborted) return;
-        if (previousThreadIdRef.current) {
-          try {
-            await copilotkit.disconnectAgent({ agent });
-          } catch (disconnectErr) {
-            console.warn("Error during disconnect, continuing with thread switch:", disconnectErr);
-          }
-        }
-        if (abortController.signal.aborted) {
-          previousThreadIdRef.current = void 0;
-          return;
-        }
-        agent.messages = [];
-        const subscribers = agent.subscribers || [];
-        subscribers.forEach((subscriber) => {
-          if (subscriber.onMessagesChanged) {
-            subscriber.onMessagesChanged({
-              messages: agent.messages,
-              state: agent.state,
-              agent
-            });
-          }
-        });
-        if (abortController.signal.aborted) {
-          previousThreadIdRef.current = void 0;
-          return;
-        }
-        await copilotkit.connectAgent({ agent, threadId: resolvedThreadId });
-        if (!abortController.signal.aborted) {
-          previousThreadIdRef.current = resolvedThreadId;
-        }
-      } catch (err) {
-        if (abortController.signal.aborted) {
-          previousThreadIdRef.current = void 0;
-          return;
-        }
-        const error = err instanceof Error ? err : new Error(String(err));
-        setThreadSwitchError(error);
-        console.error("Failed to switch thread:", error);
-      } finally {
-        if (!abortController.signal.aborted) {
-          setIsSwitchingThread(false);
-        }
-      }
-    };
-    void switchThread();
-    return () => {
-      abortController.abort();
-    };
-  }, [agent, resolvedThreadId, copilotkit]);
   const { suggestions: autoSuggestions } = useSuggestions({ agentId: resolvedAgentId });
   const {
     inputProps: providedInputProps,
@@ -3520,10 +3210,28 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     suggestionView: providedSuggestionView,
     ...restProps
   } = props;
-  const onSubmitInput = (0, import_react24.useCallback)(
+  (0, import_react22.useEffect)(() => {
+    const connect = async (agent2) => {
+      try {
+        await copilotkit.connectAgent({ agent: agent2 });
+      } catch (error) {
+        if (error instanceof import_client.AGUIConnectNotImplementedError) {
+        } else {
+          throw error;
+        }
+      }
+    };
+    if (agent) {
+      agent.threadId = resolvedThreadId;
+      connect(agent);
+    }
+    return () => {
+    };
+  }, [resolvedThreadId, agent, copilotkit, resolvedAgentId]);
+  const onSubmitInput = (0, import_react22.useCallback)(
     async (value) => {
       agent?.addMessage({
-        id: (0, import_shared8.randomUUID)(),
+        id: (0, import_shared7.randomUUID)(),
         role: "user",
         content: value
       });
@@ -3537,13 +3245,13 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     },
     [agent, copilotkit]
   );
-  const handleSelectSuggestion = (0, import_react24.useCallback)(
+  const handleSelectSuggestion = (0, import_react22.useCallback)(
     async (suggestion) => {
       if (!agent) {
         return;
       }
       agent.addMessage({
-        id: (0, import_shared8.randomUUID)(),
+        id: (0, import_shared7.randomUUID)(),
         role: "user",
         content: suggestion.message
       });
@@ -3555,7 +3263,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     },
     [agent, copilotkit]
   );
-  const stopCurrentRun = (0, import_react24.useCallback)(() => {
+  const stopCurrentRun = (0, import_react22.useCallback)(() => {
     if (!agent) {
       return;
     }
@@ -3597,27 +3305,24 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     messages: agent?.messages ?? [],
     inputProps: finalInputProps
   });
-  const inputPropsWithThreadState = {
-    ...finalProps.inputProps ?? {},
-    mode: isSwitchingThread ? "processing" : finalProps.inputProps?.mode
-  };
-  const finalPropsWithThreadState = {
-    ...finalProps,
-    isRunning: (finalProps.isRunning ?? false) || isSwitchingThread,
-    inputProps: inputPropsWithThreadState,
-    // Pass thread switching state to control scroll behavior
-    isSwitchingThread,
-    "data-thread-switching": isSwitchingThread ? "true" : void 0,
-    "data-thread-switch-error": threadSwitchError ? threadSwitchError.message : void 0
-  };
-  return renderSlot(chatView, CopilotChatView, finalPropsWithThreadState);
+  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    CopilotChatConfigurationProvider,
+    {
+      agentId: resolvedAgentId,
+      threadId: resolvedThreadId,
+      labels,
+      isModalDefaultOpen,
+      children: RenderedChatView
+    }
+  );
 }
 ((CopilotChat2) => {
   CopilotChat2.View = CopilotChatView;
 })(CopilotChat || (CopilotChat = {}));
 
 // src/components/chat/CopilotChatToggleButton.tsx
-var import_react25 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var DefaultOpenIcon = ({
@@ -3644,11 +3349,11 @@ var BUTTON_BASE_CLASSES = cn(
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
   "disabled:pointer-events-none disabled:opacity-60"
 );
-var CopilotChatToggleButton = import_react25.default.forwardRef(function CopilotChatToggleButton2({ openIcon, closeIcon, className, ...buttonProps }, ref) {
+var CopilotChatToggleButton = import_react23.default.forwardRef(function CopilotChatToggleButton2({ openIcon, closeIcon, className, ...buttonProps }, ref) {
   const { onClick, type, disabled, ...restProps } = buttonProps;
   const configuration = useCopilotChatConfiguration();
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const [fallbackOpen, setFallbackOpen] = (0, import_react25.useState)(false);
+  const [fallbackOpen, setFallbackOpen] = (0, import_react23.useState)(false);
   const isOpen = configuration?.isModalOpen ?? fallbackOpen;
   const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
   const handleClick = (event) => {
@@ -3734,21 +3439,16 @@ CopilotChatToggleButton.displayName = "CopilotChatToggleButton";
 var CopilotChatToggleButton_default = CopilotChatToggleButton;
 
 // src/components/chat/CopilotSidebarView.tsx
-var import_react28 = require("react");
+var import_react25 = require("react");
 
 // src/components/chat/CopilotModalHeader.tsx
-var import_react26 = require("react");
+var import_react24 = require("react");
 var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function CopilotModalHeader({
   title,
   titleContent,
   closeButton,
-  leftContent,
-  onThreadListClick,
-  showThreadListButton = false,
-  onNewThreadClick,
-  showNewThreadButton = false,
   children,
   className,
   ...rest
@@ -3756,7 +3456,7 @@ function CopilotModalHeader({
   const configuration = useCopilotChatConfiguration();
   const fallbackTitle = configuration?.labels.modalHeaderTitle ?? CopilotChatDefaultLabels.modalHeaderTitle;
   const resolvedTitle = title ?? fallbackTitle;
-  const handleClose = (0, import_react26.useCallback)(() => {
+  const handleClose = (0, import_react24.useCallback)(() => {
     configuration?.setModalOpen(false);
   }, [configuration]);
   const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, {
@@ -3765,17 +3465,10 @@ function CopilotModalHeader({
   const BoundCloseButton = renderSlot(closeButton, CopilotModalHeader.CloseButton, {
     onClick: handleClose
   });
-  const BoundLeftContent = renderSlot(leftContent, CopilotModalHeader.LeftContent, {
-    onThreadListClick,
-    showThreadListButton,
-    onNewThreadClick,
-    showNewThreadButton
-  });
   if (children) {
     return children({
       titleContent: BoundTitle,
       closeButton: BoundCloseButton,
-      leftContent: BoundLeftContent,
       title: resolvedTitle,
       ...rest
     });
@@ -3791,7 +3484,7 @@ function CopilotModalHeader({
       ),
       ...rest,
       children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-1 justify-start", children: BoundLeftContent }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1", "aria-hidden": "true" }),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-1 justify-center text-center", children: BoundTitle }),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-1 justify-end", children: BoundCloseButton })
       ] })
@@ -3828,281 +3521,19 @@ CopilotModalHeader.displayName = "CopilotModalHeader";
       children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.X, { className: "h-4 w-4", "aria-hidden": "true" })
     }
   );
-  CopilotModalHeader2.LeftContent = ({
-    onThreadListClick,
-    showThreadListButton,
-    onNewThreadClick,
-    showNewThreadButton,
-    className,
-    children
-  }) => {
-    if (children) {
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className, children });
-    }
-    const hasAnyButton = showNewThreadButton && onNewThreadClick || showThreadListButton && onThreadListClick;
-    if (!hasAnyButton) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex items-center gap-1", className), children: [
-      showNewThreadButton && onNewThreadClick && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: onNewThreadClick,
-          className: cn(
-            "inline-flex size-8 items-center justify-center rounded-full text-muted-foreground transition cursor-pointer",
-            "hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          ),
-          "aria-label": "New thread",
-          title: "New thread",
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.SquarePen, { className: "h-4 w-4", "aria-hidden": "true" })
-        }
-      ),
-      showThreadListButton && onThreadListClick && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: onThreadListClick,
-          className: cn(
-            "inline-flex size-8 items-center justify-center rounded-full text-muted-foreground transition cursor-pointer",
-            "hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          ),
-          "aria-label": "Show threads",
-          title: "Show threads",
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.List, { className: "h-4 w-4", "aria-hidden": "true" })
-        }
-      )
-    ] });
-  };
 })(CopilotModalHeader || (CopilotModalHeader = {}));
 CopilotModalHeader.Title.displayName = "CopilotModalHeader.Title";
 CopilotModalHeader.CloseButton.displayName = "CopilotModalHeader.CloseButton";
-CopilotModalHeader.LeftContent.displayName = "CopilotModalHeader.LeftContent";
-
-// src/components/threads/CopilotThreadList.tsx
-var import_react27 = require("react");
-var import_lucide_react9 = require("lucide-react");
-var import_shared9 = require("@copilotkitnext/shared");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function CopilotThreadListInner({
-  limit = 50,
-  onThreadSelect,
-  className,
-  threadItem,
-  newThreadButton,
-  container,
-  refreshInterval = 2e3,
-  disableAutoRefresh = false
-}) {
-  const config = useCopilotChatConfiguration();
-  const { threads, isLoading, error, fetchThreads, addOptimisticThread, refresh, currentThreadId, deleteThread } = useThreads({
-    limit
-  });
-  const attemptedFetchRef = (0, import_react27.useRef)(/* @__PURE__ */ new Set());
-  const handleNewThread = (0, import_react27.useCallback)(() => {
-    const newThreadId = (0, import_shared9.randomUUID)();
-    addOptimisticThread(newThreadId);
-    config?.setThreadId?.(newThreadId);
-    onThreadSelect?.(newThreadId);
-  }, [addOptimisticThread, config, onThreadSelect]);
-  const handleThreadSelect = (0, import_react27.useCallback)(
-    (threadId) => {
-      config?.setThreadId?.(threadId);
-      onThreadSelect?.(threadId);
-    },
-    [config, onThreadSelect]
-  );
-  const handleDeleteThread = (0, import_react27.useCallback)(
-    async (threadId) => {
-      try {
-        await deleteThread(threadId);
-        if (threadId === (currentThreadId ?? config?.threadId)) {
-          const newThreadId = (0, import_shared9.randomUUID)();
-          addOptimisticThread(newThreadId);
-          config?.setThreadId?.(newThreadId);
-        }
-      } catch (err) {
-        console.error("Failed to delete thread:", err);
-      }
-    },
-    [deleteThread, currentThreadId, config, addOptimisticThread]
-  );
-  (0, import_react27.useEffect)(() => {
-    const activeId = currentThreadId ?? config?.threadId;
-    if (!activeId) return;
-    const isCurrentThreadInList = threads.some((t) => t.threadId === activeId);
-    if (isCurrentThreadInList) {
-      attemptedFetchRef.current.delete(activeId);
-      return;
-    }
-    if (!isLoading && !attemptedFetchRef.current.has(activeId)) {
-      attemptedFetchRef.current.add(activeId);
-      refresh();
-    }
-  }, [currentThreadId, config?.threadId, threads, refresh, isLoading]);
-  (0, import_react27.useEffect)(() => {
-    if (disableAutoRefresh) return;
-    const hasRunningThread = threads.some((t) => t.isRunning);
-    const hasUnnamedThread = threads.some((t) => !t.firstMessage);
-    if (!hasRunningThread && !hasUnnamedThread) return;
-    const interval = setInterval(() => {
-      refresh();
-    }, refreshInterval);
-    return () => clearInterval(interval);
-  }, [threads, refresh, refreshInterval, disableAutoRefresh]);
-  const BoundNewThreadButton = renderSlot(newThreadButton, NewThreadButton, {
-    onClick: handleNewThread
-  });
-  const activeThreadId = currentThreadId ?? config?.threadId;
-  const threadItems = threads.map((thread) => {
-    const isActive = thread.threadId === activeThreadId;
-    return renderSlot(threadItem, ThreadListItem, {
-      key: thread.threadId,
-      thread,
-      isActive,
-      onClick: () => handleThreadSelect(thread.threadId),
-      onDelete: () => handleDeleteThread(thread.threadId)
-    });
-  });
-  const content = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    BoundNewThreadButton,
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "space-y-1", children: error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "copilotkit-thread-list-error mx-4 my-3 rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "mb-3 font-medium", children: [
-        "Failed to load threads: ",
-        error.message
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "rounded bg-destructive px-3 py-1.5 text-xs font-medium text-destructive-foreground transition hover:bg-destructive/90",
-          onClick: () => fetchThreads(),
-          children: "Retry"
-        }
-      )
-    ] }) : isLoading && threads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "Loading threads..." }) : threads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "No threads yet" }) : threadItems })
-  ] });
-  return renderSlot(container, Container, {
-    className,
-    children: content
-  });
-}
-var Container = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cn("flex flex-col h-full", className), ...props, children });
-var NewThreadButton = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-  "button",
-  {
-    className: cn(
-      "w-full flex items-center gap-3 px-4 py-3 text-sm font-medium",
-      "border-b border-border",
-      "hover:bg-accent/50 transition-colors",
-      "text-foreground",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Plus, { className: "w-4 h-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "New Conversation" })
-    ]
-  }
-);
-var ThreadListItem = ({ thread, isActive, onClick, onDelete }) => {
-  const displayText = thread.firstMessage?.substring(0, 60) || "New conversation";
-  const hasEllipsis = thread.firstMessage && thread.firstMessage.length > 60;
-  const messageCount = thread.messageCount || 0;
-  const [isDeleting, setIsDeleting] = (0, import_react27.useState)(false);
-  const handleDelete = (0, import_react27.useCallback)(
-    async (e) => {
-      e.stopPropagation();
-      if (!onDelete) return;
-      setIsDeleting(true);
-      try {
-        await onDelete();
-      } catch (err) {
-        console.error("Delete failed:", err);
-        setIsDeleting(false);
-      }
-    },
-    [onDelete]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    "div",
-    {
-      className: cn(
-        "w-full flex items-start gap-3 px-4 py-3 group relative",
-        "hover:bg-accent/50 transition-colors",
-        "border-b border-border",
-        isActive && "bg-accent border-l-2 border-l-primary",
-        isDeleting && "opacity-50 pointer-events-none"
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("button", { onClick, className: "flex items-start gap-3 flex-1 min-w-0 text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.MessageSquare, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "text-sm text-foreground truncate", children: [
-              displayText,
-              hasEllipsis && "..."
-            ] }),
-            messageCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "text-xs text-muted-foreground mt-1", children: [
-              messageCount,
-              " messages"
-            ] })
-          ] })
-        ] }),
-        onDelete && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: handleDelete,
-            disabled: isDeleting,
-            className: cn(
-              "p-1.5 rounded transition-all",
-              "text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-              "opacity-0 group-hover:opacity-100",
-              "focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-destructive/20",
-              isDeleting && "animate-pulse"
-            ),
-            "aria-label": "Delete thread",
-            title: "Delete thread",
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Trash2, { className: "w-4 h-4" })
-          }
-        )
-      ]
-    }
-  );
-};
-function CopilotThreadList(props) {
-  const existingConfig = useCopilotChatConfiguration();
-  if (!existingConfig) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopilotChatConfigurationProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopilotThreadListInner, { ...props }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopilotThreadListInner, { ...props });
-}
-CopilotThreadList.displayName = "CopilotThreadList";
-CopilotThreadList.ThreadItem = ThreadListItem;
-CopilotThreadList.NewThreadButton = NewThreadButton;
-CopilotThreadList.Container = Container;
 
 // src/components/chat/CopilotSidebarView.tsx
-var import_shared10 = require("@copilotkitnext/shared");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var DEFAULT_SIDEBAR_WIDTH = 480;
 var SIDEBAR_TRANSITION_MS = 260;
-function CopilotSidebarView({ header, width, showThreadListButton = false, showNewThreadButton = false, ...props }) {
+function CopilotSidebarView({ header, width, ...props }) {
   const configuration = useCopilotChatConfiguration();
   const isSidebarOpen = configuration?.isModalOpen ?? false;
-  const [isThreadListOpen, setIsThreadListOpen] = (0, import_react28.useState)(false);
-  const sidebarRef = (0, import_react28.useRef)(null);
-  const [sidebarWidth, setSidebarWidth] = (0, import_react28.useState)(width ?? DEFAULT_SIDEBAR_WIDTH);
-  const handleThreadListToggle = (0, import_react28.useCallback)(() => {
-    setIsThreadListOpen((prev) => !prev);
-  }, []);
-  const handleThreadSelect = (0, import_react28.useCallback)(() => {
-    setIsThreadListOpen(false);
-  }, []);
-  const handleNewThread = (0, import_react28.useCallback)(() => {
-    const newThreadId = (0, import_shared10.randomUUID)();
-    configuration?.setThreadId?.(newThreadId);
-  }, [configuration]);
+  const sidebarRef = (0, import_react25.useRef)(null);
+  const [sidebarWidth, setSidebarWidth] = (0, import_react25.useState)(width ?? DEFAULT_SIDEBAR_WIDTH);
   const widthToCss = (w) => {
     return typeof w === "number" ? `${w}px` : w;
   };
@@ -4112,7 +3543,7 @@ function CopilotSidebarView({ header, width, showThreadListButton = false, showN
     }
     return w;
   };
-  (0, import_react28.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (width !== void 0) {
       return;
     }
@@ -4138,14 +3569,9 @@ function CopilotSidebarView({ header, width, showThreadListButton = false, showN
     window.addEventListener("resize", updateWidth);
     return () => window.removeEventListener("resize", updateWidth);
   }, [width]);
-  const headerElement = renderSlot(header, CopilotModalHeader, {
-    onThreadListClick: handleThreadListToggle,
-    showThreadListButton,
-    onNewThreadClick: handleNewThread,
-    showNewThreadButton
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  const headerElement = renderSlot(header, CopilotModalHeader, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -4159,8 +3585,8 @@ function CopilotSidebarView({ header, width, showThreadListButton = false, showN
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopilotChatToggleButton_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopilotChatToggleButton_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "aside",
       {
         ref: sidebarRef,
@@ -4173,8 +3599,6 @@ function CopilotSidebarView({ header, width, showThreadListButton = false, showN
           "w-full",
           "border-l border-border bg-background text-foreground shadow-xl",
           "transition-transform duration-300 ease-out",
-          "overflow-hidden",
-          // Clip the sliding panel
           isSidebarOpen ? "translate-x-0" : "translate-x-full pointer-events-none"
         ),
         style: {
@@ -4187,31 +3611,10 @@ function CopilotSidebarView({ header, width, showThreadListButton = false, showN
         "aria-hidden": !isSidebarOpen,
         "aria-label": "Copilot chat sidebar",
         role: "complementary",
-        children: [
-          isThreadListOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            "div",
-            {
-              className: "absolute inset-0 z-50",
-              onClick: handleThreadListToggle,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            "div",
-            {
-              className: cn(
-                "absolute left-0 top-0 h-full w-80 bg-background border-r border-border z-[60]",
-                "transition-transform duration-300 ease-out",
-                isThreadListOpen ? "translate-x-0" : "-translate-x-full"
-              ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopilotThreadList, { onThreadSelect: handleThreadSelect })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
-            headerElement,
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1 overflow-hidden", "data-sidebar-chat": true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopilotChatView_default, { ...props }) })
-          ] })
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
+          headerElement,
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1 overflow-hidden", "data-sidebar-chat": true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopilotChatView_default, { ...props }) })
+        ] })
       }
     )
   ] });
@@ -4219,9 +3622,8 @@ function CopilotSidebarView({ header, width, showThreadListButton = false, showN
 CopilotSidebarView.displayName = "CopilotSidebarView";
 
 // src/components/chat/CopilotPopupView.tsx
-var import_react29 = require("react");
-var import_shared11 = require("@copilotkitnext/shared");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react26 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var DEFAULT_POPUP_WIDTH = 420;
 var DEFAULT_POPUP_HEIGHT = 560;
 var dimensionToCss = (value, fallback) => {
@@ -4238,8 +3640,6 @@ function CopilotPopupView({
   width,
   height,
   clickOutsideToClose,
-  showThreadListButton = false,
-  showNewThreadButton = false,
   className,
   ...restProps
 }) {
@@ -4247,21 +3647,10 @@ function CopilotPopupView({
   const isPopupOpen = configuration?.isModalOpen ?? false;
   const setModalOpen = configuration?.setModalOpen;
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const containerRef = (0, import_react29.useRef)(null);
-  const [isRendered, setIsRendered] = (0, import_react29.useState)(isPopupOpen);
-  const [isAnimatingOut, setIsAnimatingOut] = (0, import_react29.useState)(false);
-  const [isThreadListOpen, setIsThreadListOpen] = (0, import_react29.useState)(false);
-  const handleThreadListToggle = (0, import_react29.useCallback)(() => {
-    setIsThreadListOpen((prev) => !prev);
-  }, []);
-  const handleThreadSelect = (0, import_react29.useCallback)(() => {
-    setIsThreadListOpen(false);
-  }, []);
-  const handleNewThread = (0, import_react29.useCallback)(() => {
-    const newThreadId = (0, import_shared11.randomUUID)();
-    configuration?.setThreadId?.(newThreadId);
-  }, [configuration]);
-  (0, import_react29.useEffect)(() => {
+  const containerRef = (0, import_react26.useRef)(null);
+  const [isRendered, setIsRendered] = (0, import_react26.useState)(isPopupOpen);
+  const [isAnimatingOut, setIsAnimatingOut] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     if (isPopupOpen) {
       setIsRendered(true);
       setIsAnimatingOut(false);
@@ -4277,7 +3666,7 @@ function CopilotPopupView({
     }, 200);
     return () => clearTimeout(timeout);
   }, [isPopupOpen, isRendered]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isPopupOpen) {
       return;
     }
@@ -4293,7 +3682,7 @@ function CopilotPopupView({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isPopupOpen, setModalOpen]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isPopupOpen) {
       return;
     }
@@ -4302,7 +3691,7 @@ function CopilotPopupView({
     }, 200);
     return () => clearTimeout(focusTimer);
   }, [isPopupOpen]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isPopupOpen || !clickOutsideToClose) {
       return;
     }
@@ -4327,15 +3716,10 @@ function CopilotPopupView({
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [isPopupOpen, clickOutsideToClose, setModalOpen]);
-  const headerElement = (0, import_react29.useMemo)(() => renderSlot(header, CopilotModalHeader, {
-    onThreadListClick: handleThreadListToggle,
-    showThreadListButton,
-    onNewThreadClick: handleNewThread,
-    showNewThreadButton
-  }), [header, handleThreadListToggle, showThreadListButton, handleNewThread, showNewThreadButton]);
+  const headerElement = (0, import_react26.useMemo)(() => renderSlot(header, CopilotModalHeader, {}), [header]);
   const resolvedWidth = dimensionToCss(width, DEFAULT_POPUP_WIDTH);
   const resolvedHeight = dimensionToCss(height, DEFAULT_POPUP_HEIGHT);
-  const popupStyle = (0, import_react29.useMemo)(
+  const popupStyle = (0, import_react26.useMemo)(
     () => ({
       "--copilot-popup-width": resolvedWidth,
       "--copilot-popup-height": resolvedHeight,
@@ -4349,14 +3733,14 @@ function CopilotPopupView({
     [resolvedHeight, resolvedWidth]
   );
   const popupAnimationClass = isPopupOpen && !isAnimatingOut ? "pointer-events-auto translate-y-0 opacity-100 md:scale-100" : "pointer-events-none translate-y-4 opacity-0 md:translate-y-5 md:scale-[0.95]";
-  const popupContent = isRendered ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  const popupContent = isRendered ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       className: cn(
         "fixed inset-0 z-[1200] flex max-w-full flex-col items-stretch",
         "md:inset-auto md:bottom-24 md:right-6 md:items-end md:gap-4"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         "div",
         {
           ref: containerRef,
@@ -4365,40 +3749,19 @@ function CopilotPopupView({
           "aria-label": labels.modalHeaderTitle,
           "data-copilot-popup": true,
           className: cn(
-            "relative flex h-full w-full flex-col bg-background text-foreground",
+            "relative flex h-full w-full flex-col overflow-hidden bg-background text-foreground",
             "origin-bottom focus:outline-none transform-gpu transition-transform transition-opacity duration-200 ease-out",
             "md:transition-transform md:transition-opacity",
             "rounded-none border border-border/0 shadow-none ring-0",
             "md:h-[var(--copilot-popup-height)] md:w-[var(--copilot-popup-width)]",
             "md:max-h-[var(--copilot-popup-max-height)] md:max-w-[var(--copilot-popup-max-width)]",
             "md:origin-bottom-right md:rounded-2xl md:border-border md:shadow-xl md:ring-1 md:ring-border/40",
-            "overflow-hidden",
-            // Clip the sliding panel
             popupAnimationClass
           ),
           style: popupStyle,
           children: [
-            isThreadListOpen && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "div",
-              {
-                className: "absolute inset-0 z-50",
-                onClick: handleThreadListToggle,
-                "aria-hidden": "true"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "div",
-              {
-                className: cn(
-                  "absolute left-0 top-0 h-full w-80 bg-background border-r border-border z-[60]",
-                  "transition-transform duration-300 ease-out",
-                  isThreadListOpen ? "translate-x-0" : "-translate-x-full"
-                ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopilotThreadList, { onThreadSelect: handleThreadSelect })
-              }
-            ),
             headerElement,
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1 overflow-hidden", "data-popup-chat": true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1 overflow-hidden", "data-popup-chat": true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               CopilotChatView_default,
               {
                 ...restProps,
@@ -4410,34 +3773,32 @@ function CopilotPopupView({
       )
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopilotChatToggleButton_default, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopilotChatToggleButton_default, {}),
     popupContent
   ] });
 }
 CopilotPopupView.displayName = "CopilotPopupView";
 
 // src/components/chat/CopilotSidebar.tsx
-var import_react30 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-function CopilotSidebar({ header, defaultOpen, width, showThreadListButton, showNewThreadButton, ...chatProps }) {
-  const SidebarViewOverride = (0, import_react30.useMemo)(() => {
+var import_react27 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
+  const SidebarViewOverride = (0, import_react27.useMemo)(() => {
     const Component = (viewProps) => {
-      const { header: viewHeader, width: viewWidth, showThreadListButton: viewShowThreadList, showNewThreadButton: viewShowNewThread, ...restProps } = viewProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      const { header: viewHeader, width: viewWidth, ...restProps } = viewProps;
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         CopilotSidebarView,
         {
           ...restProps,
           header: header ?? viewHeader,
-          width: width ?? viewWidth,
-          showThreadListButton: showThreadListButton ?? viewShowThreadList,
-          showNewThreadButton: showNewThreadButton ?? viewShowNewThread
+          width: width ?? viewWidth
         }
       );
     };
     return Object.assign(Component, CopilotChatView_default);
-  }, [header, width, showThreadListButton, showNewThreadButton]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  }, [header, width]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     CopilotChat,
     {
       ...chatProps,
@@ -4449,45 +3810,39 @@ function CopilotSidebar({ header, defaultOpen, width, showThreadListButton, show
 CopilotSidebar.displayName = "CopilotSidebar";
 
 // src/components/chat/CopilotPopup.tsx
-var import_react31 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react28 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function CopilotPopup({
   header,
   defaultOpen,
   width,
   height,
   clickOutsideToClose,
-  showThreadListButton,
-  showNewThreadButton,
   ...chatProps
 }) {
-  const PopupViewOverride = (0, import_react31.useMemo)(() => {
+  const PopupViewOverride = (0, import_react28.useMemo)(() => {
     const Component = (viewProps) => {
       const {
         header: viewHeader,
         width: viewWidth,
         height: viewHeight,
         clickOutsideToClose: viewClickOutsideToClose,
-        showThreadListButton: viewShowThreadList,
-        showNewThreadButton: viewShowNewThread,
         ...restProps
       } = viewProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         CopilotPopupView,
         {
           ...restProps,
           header: header ?? viewHeader,
           width: width ?? viewWidth,
           height: height ?? viewHeight,
-          clickOutsideToClose: clickOutsideToClose ?? viewClickOutsideToClose,
-          showThreadListButton: showThreadListButton ?? viewShowThreadList,
-          showNewThreadButton: showNewThreadButton ?? viewShowNewThread
+          clickOutsideToClose: clickOutsideToClose ?? viewClickOutsideToClose
         }
       );
     };
     return Object.assign(Component, CopilotChatView_default);
-  }, [clickOutsideToClose, header, height, width, showThreadListButton, showNewThreadButton]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  }, [clickOutsideToClose, header, height, width]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     CopilotChat,
     {
       ...chatProps,
@@ -4511,25 +3866,25 @@ function defineToolCallRenderer(def) {
 }
 
 // src/components/WildcardToolCallRender.tsx
-var import_react32 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var WildcardToolCallRender = defineToolCallRenderer({
   name: "*",
   render: ({ args, result, name, status }) => {
-    const [isExpanded, setIsExpanded] = (0, import_react32.useState)(false);
+    const [isExpanded, setIsExpanded] = (0, import_react29.useState)(false);
     const statusString = String(status);
     const isActive = statusString === "inProgress" || statusString === "executing";
     const isComplete = statusString === "complete";
     const statusStyles = isActive ? "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-400" : isComplete ? "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-400" : "bg-zinc-100 text-zinc-800 dark:bg-zinc-700/40 dark:text-zinc-300";
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           className: "flex items-center justify-between gap-3 cursor-pointer",
           onClick: () => setIsExpanded(!isExpanded),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "svg",
                 {
                   className: `h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${isExpanded ? "rotate-90" : ""}`,
@@ -4537,7 +3892,7 @@ var WildcardToolCallRender = defineToolCallRenderer({
                   viewBox: "0 0 24 24",
                   strokeWidth: 2,
                   stroke: "currentColor",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -4547,10 +3902,10 @@ var WildcardToolCallRender = defineToolCallRenderer({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "span",
               {
                 className: `inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`,
@@ -4560,14 +3915,14 @@ var WildcardToolCallRender = defineToolCallRenderer({
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-3 grid gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: JSON.stringify(args ?? {}, null, 2) })
+      isExpanded && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-3 grid gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: JSON.stringify(args ?? {}, null, 2) })
         ] }),
-        result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
+        result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
         ] })
       ] })
     ] }) });
@@ -4598,7 +3953,6 @@ var WildcardToolCallRender = defineToolCallRenderer({
   CopilotPopupView,
   CopilotSidebar,
   CopilotSidebarView,
-  CopilotThreadList,
   WildcardToolCallRender,
   defineToolCallRenderer,
   useAgent,
@@ -4610,8 +3964,6 @@ var WildcardToolCallRender = defineToolCallRenderer({
   useHumanInTheLoop,
   useRenderCustomMessages,
   useRenderToolCall,
-  useSuggestions,
-  useThreadSwitch,
-  useThreads
+  useSuggestions
 });
 //# sourceMappingURL=index.js.map