@copilotkitnext/react 0.0.29 → 0.0.31

package/dist/index.mjs

@@ -1364,7 +1364,7 @@ CopilotChatInput.AddMenuButton.displayName = "CopilotChatInput.AddMenuButton";
 var CopilotChatInput_default = CopilotChatInput;
 
 // src/components/chat/CopilotChatAssistantMessage.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import {
   Copy,
   Check as Check2,
@@ -1378,19 +1378,11 @@ import "katex/dist/katex.min.css";
 import { Streamdown } from "streamdown";
 
 // src/hooks/use-render-tool-call.tsx
-import React6, { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo4, useState as useState4, useSyncExternalStore } from "react";
+import React6, { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo4, useState as useState5, useSyncExternalStore } from "react";
 import { ToolCallStatus } from "@copilotkitnext/core";
 
 // src/providers/CopilotKitProvider.tsx
-import {
-  createContext as createContext2,
-  useContext as useContext2,
-  useMemo as useMemo3,
-  useEffect as useEffect3,
-  useReducer,
-  useRef as useRef3,
-  useState as useState3
-} from "react";
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo3, useEffect as useEffect4, useReducer, useRef as useRef3, useState as useState4 } from "react";
 import { z } from "zod";
 
 // src/lib/react-core.ts
@@ -1439,26 +1431,34 @@ var CopilotKitCoreReact = class extends CopilotKitCore {
 import * as React4 from "react";
 import { createComponent } from "@lit-labs/react";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var CopilotKitInspectorBase = React4.lazy(() => {
-  if (typeof window === "undefined") {
-    const NullComponent = () => null;
-    return Promise.resolve({ default: NullComponent });
-  }
-  return import("@copilotkitnext/web-inspector").then((mod) => {
-    mod.defineWebInspector?.();
-    const Component = createComponent({
-      tagName: mod.WEB_INSPECTOR_TAG,
-      elementClass: mod.WebInspectorElement,
-      react: React4
+var CopilotKitInspector = ({ core, ...rest }) => {
+  const [InspectorComponent, setInspectorComponent] = React4.useState(null);
+  React4.useEffect(() => {
+    let mounted = true;
+    import("@copilotkitnext/web-inspector").then((mod) => {
+      mod.defineWebInspector?.();
+      const Component = createComponent({
+        tagName: mod.WEB_INSPECTOR_TAG,
+        elementClass: mod.WebInspectorElement,
+        react: React4
+      });
+      if (mounted) {
+        setInspectorComponent(() => Component);
+      }
     });
-    return { default: Component };
-  });
-});
-var CopilotKitInspector = ({ core, ...rest }) => /* @__PURE__ */ jsx7(React4.Suspense, { fallback: null, children: /* @__PURE__ */ jsx7(CopilotKitInspectorBase, { ...rest, core: core ?? null }) });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  if (!InspectorComponent) return null;
+  return /* @__PURE__ */ jsx7(InspectorComponent, { ...rest, core: core ?? null });
+};
 CopilotKitInspector.displayName = "CopilotKitInspector";
 
 // src/providers/CopilotKitProvider.tsx
 import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var HEADER_NAME = "X-CopilotCloud-Public-Api-Key";
+var COPILOT_CLOUD_CHAT_URL = "https://api.cloud.copilotkit.ai/copilotkit/v1";
 var CopilotKitContext = createContext2({
   copilotkit: null
 });
@@ -1466,7 +1466,7 @@ function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
   const empty = useMemo3(() => [], []);
   const value = prop ?? empty;
   const initial = useRef3(value);
-  useEffect3(() => {
+  useEffect4(() => {
     if (warningMessage && value !== initial.current && (isMeaningfulChange ? isMeaningfulChange(initial.current, value) : true)) {
       console.error(warningMessage);
     }
@@ -1477,6 +1477,8 @@ var CopilotKitProvider = ({
   children,
   runtimeUrl,
   headers = {},
+  publicApiKey,
+  publicLicenseKey,
   properties = {},
   agents__unsafe_dev_only: agents = {},
   renderToolCalls,
@@ -1487,8 +1489,8 @@ var CopilotKitProvider = ({
   showDevConsole = false,
   useSingleEndpoint = false
 }) => {
-  const [shouldRenderInspector, setShouldRenderInspector] = useState3(false);
-  useEffect3(() => {
+  const [shouldRenderInspector, setShouldRenderInspector] = useState4(false);
+  useEffect4(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1526,6 +1528,25 @@ var CopilotKitProvider = ({
     renderActivityMessages,
     "renderActivityMessages must be a stable array."
   );
+  const resolvedPublicKey = publicApiKey ?? publicLicenseKey;
+  const hasLocalAgents = agents && Object.keys(agents).length > 0;
+  const mergedHeaders = useMemo3(() => {
+    if (!resolvedPublicKey) return headers;
+    if (headers[HEADER_NAME]) return headers;
+    return {
+      ...headers,
+      [HEADER_NAME]: resolvedPublicKey
+    };
+  }, [headers, resolvedPublicKey]);
+  if (!runtimeUrl && !resolvedPublicKey && !hasLocalAgents) {
+    const message = "Missing required prop: 'runtimeUrl' or 'publicApiKey' or 'publicLicenseKey'";
+    if (process.env.NODE_ENV === "production") {
+      throw new Error(message);
+    } else {
+      console.warn(message);
+    }
+  }
+  const chatApiEndpoint = runtimeUrl ?? (resolvedPublicKey ? COPILOT_CLOUD_CHAT_URL : void 0);
   const frontendToolsList = useStableArrayProp(
     frontendTools,
     "frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead."
@@ -1588,9 +1609,9 @@ var CopilotKitProvider = ({
   }, [renderToolCallsList, frontendToolsList, processedHumanInTheLoopTools]);
   const copilotkit = useMemo3(() => {
     const copilotkit2 = new CopilotKitCoreReact({
-      runtimeUrl,
+      runtimeUrl: chatApiEndpoint,
       runtimeTransport: useSingleEndpoint ? "single" : "rest",
-      headers,
+      headers: mergedHeaders,
       properties,
       agents__unsafe_dev_only: agents,
       tools: allTools,
@@ -1601,7 +1622,7 @@ var CopilotKitProvider = ({
     return copilotkit2;
   }, [allTools, allRenderToolCalls, renderActivityMessagesList, renderCustomMessagesList, useSingleEndpoint]);
   const [, forceUpdate] = useReducer((x) => x + 1, 0);
-  useEffect3(() => {
+  useEffect4(() => {
     const subscription = copilotkit.subscribe({
       onRenderToolCallsChanged: () => {
         forceUpdate();
@@ -1611,13 +1632,13 @@ var CopilotKitProvider = ({
       subscription.unsubscribe();
     };
   }, [copilotkit]);
-  useEffect3(() => {
-    copilotkit.setRuntimeUrl(runtimeUrl);
+  useEffect4(() => {
+    copilotkit.setRuntimeUrl(chatApiEndpoint);
     copilotkit.setRuntimeTransport(useSingleEndpoint ? "single" : "rest");
-    copilotkit.setHeaders(headers);
+    copilotkit.setHeaders(mergedHeaders);
     copilotkit.setProperties(properties);
     copilotkit.setAgents__unsafe_dev_only(agents);
-  }, [runtimeUrl, headers, properties, agents, useSingleEndpoint]);
+  }, [chatApiEndpoint, mergedHeaders, properties, agents, useSingleEndpoint]);
   return /* @__PURE__ */ jsxs4(
     CopilotKitContext.Provider,
     {
@@ -1637,7 +1658,7 @@ var useCopilotKit = () => {
   if (!context) {
     throw new Error("useCopilotKit must be used within CopilotKitProvider");
   }
-  useEffect3(() => {
+  useEffect4(() => {
     const subscription = context.copilotkit.subscribe({
       onRuntimeConnectionStatusChanged: () => {
         forceUpdate();
@@ -1715,7 +1736,7 @@ function useRenderToolCall() {
   const { copilotkit } = useCopilotKit();
   const config = useCopilotChatConfiguration();
   const agentId = config?.agentId ?? DEFAULT_AGENT_ID2;
-  const [executingToolCallIds, setExecutingToolCallIds] = useState4(() => /* @__PURE__ */ new Set());
+  const [executingToolCallIds, setExecutingToolCallIds] = useState5(() => /* @__PURE__ */ new Set());
   const renderToolCalls = useSyncExternalStore(
     (callback) => {
       return copilotkit.subscribe({
@@ -1725,7 +1746,7 @@ function useRenderToolCall() {
     () => copilotkit.renderToolCalls,
     () => copilotkit.renderToolCalls
   );
-  useEffect4(() => {
+  useEffect5(() => {
     const subscription = copilotkit.subscribe({
       onToolExecutionStart: ({ toolCallId }) => {
         setExecutingToolCallIds((prev) => {
@@ -1881,12 +1902,12 @@ function useRenderActivityMessage() {
 }
 
 // src/hooks/use-frontend-tool.tsx
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 var EMPTY_DEPS = [];
 function useFrontendTool(tool, deps) {
   const { copilotkit } = useCopilotKit();
   const extraDeps = deps ?? EMPTY_DEPS;
-  useEffect5(() => {
+  useEffect6(() => {
     const name = tool.name;
     if (copilotkit.getTool({ toolName: name, agentId: tool.agentId })) {
       console.warn(
@@ -1918,7 +1939,7 @@ function useFrontendTool(tool, deps) {
 }
 
 // src/hooks/use-human-in-the-loop.tsx
-import { useCallback as useCallback4, useRef as useRef4, useEffect as useEffect6 } from "react";
+import { useCallback as useCallback4, useRef as useRef4, useEffect as useEffect7 } from "react";
 import React7 from "react";
 function useHumanInTheLoop(tool, deps) {
   const { copilotkit } = useCopilotKit();
@@ -1972,7 +1993,7 @@ function useHumanInTheLoop(tool, deps) {
     render: RenderComponent
   };
   useFrontendTool(frontendTool, deps);
-  useEffect6(() => {
+  useEffect7(() => {
     return () => {
       const keyOf = (rc) => `${rc.agentId ?? ""}:${rc.name}`;
       const currentRenderToolCalls = copilotkit.renderToolCalls;
@@ -1985,7 +2006,7 @@ function useHumanInTheLoop(tool, deps) {
 }
 
 // src/hooks/use-agent.tsx
-import { useMemo as useMemo5, useEffect as useEffect7, useReducer as useReducer2 } from "react";
+import { useMemo as useMemo5, useEffect as useEffect8, useReducer as useReducer2 } from "react";
 import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID4 } from "@copilotkitnext/shared";
 import { ProxiedCopilotRuntimeAgent, CopilotKitCoreRuntimeConnectionStatus } from "@copilotkitnext/core";
 var ALL_UPDATES = [
@@ -2031,7 +2052,7 @@ function useAgent({ agentId, updates } = {}) {
     JSON.stringify(copilotkit.headers),
     copilotkit
   ]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (updateFlags.length === 0) {
       return;
     }
@@ -2066,7 +2087,7 @@ function useAgent({ agentId, updates } = {}) {
 }
 
 // src/hooks/use-agent-context.tsx
-import { useEffect as useEffect8, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo6 } from "react";
 function useAgentContext(context) {
   const { description, value } = context;
   const { copilotkit } = useCopilotKit();
@@ -2076,7 +2097,7 @@ function useAgentContext(context) {
     }
     return JSON.stringify(value);
   }, [value]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!copilotkit) return;
     const id = copilotkit.addContext({ description, value: stringValue });
     return () => {
@@ -2086,26 +2107,26 @@ function useAgentContext(context) {
 }
 
 // src/hooks/use-suggestions.tsx
-import { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo7, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo7, useState as useState6 } from "react";
 import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID5 } from "@copilotkitnext/shared";
 function useSuggestions({ agentId } = {}) {
   const { copilotkit } = useCopilotKit();
   const config = useCopilotChatConfiguration();
   const resolvedAgentId = useMemo7(() => agentId ?? config?.agentId ?? DEFAULT_AGENT_ID5, [agentId, config?.agentId]);
-  const [suggestions, setSuggestions] = useState5(() => {
+  const [suggestions, setSuggestions] = useState6(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     return result.suggestions;
   });
-  const [isLoading, setIsLoading] = useState5(() => {
+  const [isLoading, setIsLoading] = useState6(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     return result.isLoading;
   });
-  useEffect9(() => {
+  useEffect10(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     setSuggestions(result.suggestions);
     setIsLoading(result.isLoading);
   }, [copilotkit, resolvedAgentId]);
-  useEffect9(() => {
+  useEffect10(() => {
     const subscription = copilotkit.subscribe({
       onSuggestionsChanged: ({ agentId: changedAgentId, suggestions: suggestions2 }) => {
         if (changedAgentId !== resolvedAgentId) {
@@ -2150,7 +2171,7 @@ function useSuggestions({ agentId } = {}) {
 }
 
 // src/hooks/use-configure-suggestions.tsx
-import { useCallback as useCallback6, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef5 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo8, useRef as useRef5 } from "react";
 import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID6 } from "@copilotkitnext/shared";
 function useConfigureSuggestions(config, deps) {
   const { copilotkit } = useCopilotKit();
@@ -2228,7 +2249,7 @@ function useConfigureSuggestions(config, deps) {
     }
     copilotkit.reloadSuggestions(targetAgentId);
   }, [copilotkit, isGlobalConfig, normalizedConfig, targetAgentId]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!serializedConfig || !latestConfigRef.current) {
       return;
     }
@@ -2238,7 +2259,7 @@ function useConfigureSuggestions(config, deps) {
       copilotkit.removeSuggestionsConfig(id);
     };
   }, [copilotkit, serializedConfig, requestReload]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!normalizedConfig) {
       previousSerializedConfigRef.current = null;
       return;
@@ -2251,7 +2272,7 @@ function useConfigureSuggestions(config, deps) {
     }
     requestReload();
   }, [normalizedConfig, requestReload, serializedConfig]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!normalizedConfig || extraDeps.length === 0) {
       return;
     }
@@ -2461,7 +2482,7 @@ function CopilotChatAssistantMessage({
   CopilotChatAssistantMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = useState6(false);
+    const [copied, setCopied] = useState7(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -2539,7 +2560,7 @@ CopilotChatAssistantMessage.RegenerateButton.displayName = "CopilotChatAssistant
 var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
 
 // src/components/chat/CopilotChatUserMessage.tsx
-import { useMemo as useMemo9, useState as useState7 } from "react";
+import { useMemo as useMemo9, useState as useState8 } from "react";
 import { Copy as Copy2, Check as Check3, Edit, ChevronLeft, ChevronRight } from "lucide-react";
 import { twMerge as twMerge5 } from "tailwind-merge";
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -2702,7 +2723,7 @@ function CopilotChatUserMessage({
   CopilotChatUserMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = useState7(false);
+    const [copied, setCopied] = useState8(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -3102,21 +3123,21 @@ CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
 var CopilotChatMessageView_default = CopilotChatMessageView;
 
 // src/components/chat/CopilotChatView.tsx
-import React12, { useRef as useRef6, useState as useState9, useEffect as useEffect12 } from "react";
+import React12, { useRef as useRef6, useState as useState10, useEffect as useEffect13 } from "react";
 import { twMerge as twMerge7 } from "tailwind-merge";
 import { StickToBottom, useStickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { ChevronDown } from "lucide-react";
 
 // src/hooks/use-keyboard-height.tsx
-import { useState as useState8, useEffect as useEffect11 } from "react";
+import { useState as useState9, useEffect as useEffect12 } from "react";
 function useKeyboardHeight() {
-  const [keyboardState, setKeyboardState] = useState8({
+  const [keyboardState, setKeyboardState] = useState9({
     isKeyboardOpen: false,
     keyboardHeight: 0,
     availableHeight: typeof window !== "undefined" ? window.innerHeight : 0,
     viewportHeight: typeof window !== "undefined" ? window.innerHeight : 0
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -3170,11 +3191,11 @@ function CopilotChatView({
   ...props
 }) {
   const inputContainerRef = useRef6(null);
-  const [inputContainerHeight, setInputContainerHeight] = useState9(0);
-  const [isResizing, setIsResizing] = useState9(false);
+  const [inputContainerHeight, setInputContainerHeight] = useState10(0);
+  const [isResizing, setIsResizing] = useState10(false);
   const resizeTimeoutRef = useRef6(null);
   const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();
-  useEffect12(() => {
+  useEffect13(() => {
     const element = inputContainerRef.current;
     if (!element) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -3283,13 +3304,13 @@ function CopilotChatView({
     className,
     ...props
   }) => {
-    const [hasMounted, setHasMounted] = useState9(false);
+    const [hasMounted, setHasMounted] = useState10(false);
     const { scrollRef, contentRef, scrollToBottom } = useStickToBottom();
-    const [showScrollButton, setShowScrollButton] = useState9(false);
-    useEffect12(() => {
+    const [showScrollButton, setShowScrollButton] = useState10(false);
+    useEffect13(() => {
       setHasMounted(true);
     }, []);
-    useEffect12(() => {
+    useEffect13(() => {
       if (autoScroll) return;
       const scrollElement = scrollRef.current;
       if (!scrollElement) return;
@@ -3421,7 +3442,7 @@ var CopilotChatView_default = CopilotChatView;
 
 // src/components/chat/CopilotChat.tsx
 import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID7, randomUUID as randomUUID2 } from "@copilotkitnext/shared";
-import { useCallback as useCallback7, useEffect as useEffect13, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect14, useMemo as useMemo10 } from "react";
 import { merge } from "ts-deepmerge";
 import { AGUIConnectNotImplementedError } from "@ag-ui/client";
 import { jsx as jsx19 } from "react/jsx-runtime";
@@ -3441,7 +3462,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
     suggestionView: providedSuggestionView,
     ...restProps
   } = props;
-  useEffect13(() => {
+  useEffect14(() => {
     const connect = async (agent2) => {
       try {
         await copilotkit.connectAgent({ agent: agent2 });
@@ -3543,7 +3564,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
 })(CopilotChat || (CopilotChat = {}));
 
 // src/components/chat/CopilotChatToggleButton.tsx
-import React13, { useState as useState10 } from "react";
+import React13, { useState as useState11 } from "react";
 import { MessageCircle, X as X2 } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 var DefaultOpenIcon = ({
@@ -3574,7 +3595,7 @@ var CopilotChatToggleButton = React13.forwardRef(function CopilotChatToggleButto
   const { onClick, type, disabled, ...restProps } = buttonProps;
   const configuration = useCopilotChatConfiguration();
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const [fallbackOpen, setFallbackOpen] = useState10(false);
+  const [fallbackOpen, setFallbackOpen] = useState11(false);
   const isOpen = configuration?.isModalOpen ?? fallbackOpen;
   const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
   const handleClick = (event) => {
@@ -3660,7 +3681,7 @@ CopilotChatToggleButton.displayName = "CopilotChatToggleButton";
 var CopilotChatToggleButton_default = CopilotChatToggleButton;
 
 // src/components/chat/CopilotSidebarView.tsx
-import { useEffect as useEffect14, useRef as useRef7, useState as useState11 } from "react";
+import { useEffect as useEffect15, useRef as useRef7, useState as useState12 } from "react";
 
 // src/components/chat/CopilotModalHeader.tsx
 import { useCallback as useCallback8 } from "react";
@@ -3754,7 +3775,7 @@ function CopilotSidebarView({ header, width, ...props }) {
   const configuration = useCopilotChatConfiguration();
   const isSidebarOpen = configuration?.isModalOpen ?? false;
   const sidebarRef = useRef7(null);
-  const [sidebarWidth, setSidebarWidth] = useState11(width ?? DEFAULT_SIDEBAR_WIDTH);
+  const [sidebarWidth, setSidebarWidth] = useState12(width ?? DEFAULT_SIDEBAR_WIDTH);
   const widthToCss = (w) => {
     return typeof w === "number" ? `${w}px` : w;
   };
@@ -3764,7 +3785,7 @@ function CopilotSidebarView({ header, width, ...props }) {
     }
     return w;
   };
-  useEffect14(() => {
+  useEffect15(() => {
     if (width !== void 0) {
       return;
     }
@@ -3843,7 +3864,7 @@ function CopilotSidebarView({ header, width, ...props }) {
 CopilotSidebarView.displayName = "CopilotSidebarView";
 
 // src/components/chat/CopilotPopupView.tsx
-import { useEffect as useEffect15, useMemo as useMemo11, useRef as useRef8, useState as useState12 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo11, useRef as useRef8, useState as useState13 } from "react";
 import { Fragment as Fragment8, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_POPUP_WIDTH = 420;
 var DEFAULT_POPUP_HEIGHT = 560;
@@ -3869,9 +3890,9 @@ function CopilotPopupView({
   const setModalOpen = configuration?.setModalOpen;
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
   const containerRef = useRef8(null);
-  const [isRendered, setIsRendered] = useState12(isPopupOpen);
-  const [isAnimatingOut, setIsAnimatingOut] = useState12(false);
-  useEffect15(() => {
+  const [isRendered, setIsRendered] = useState13(isPopupOpen);
+  const [isAnimatingOut, setIsAnimatingOut] = useState13(false);
+  useEffect16(() => {
     if (isPopupOpen) {
       setIsRendered(true);
       setIsAnimatingOut(false);
@@ -3887,7 +3908,7 @@ function CopilotPopupView({
     }, 200);
     return () => clearTimeout(timeout);
   }, [isPopupOpen, isRendered]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isPopupOpen) {
       return;
     }
@@ -3903,7 +3924,7 @@ function CopilotPopupView({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isPopupOpen, setModalOpen]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isPopupOpen) {
       return;
     }
@@ -3912,7 +3933,7 @@ function CopilotPopupView({
     }, 200);
     return () => clearTimeout(focusTimer);
   }, [isPopupOpen]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isPopupOpen || !clickOutsideToClose) {
       return;
     }
@@ -4087,12 +4108,12 @@ function defineToolCallRenderer(def) {
 }
 
 // src/components/WildcardToolCallRender.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var WildcardToolCallRender = defineToolCallRenderer({
   name: "*",
   render: ({ args, result, name, status }) => {
-    const [isExpanded, setIsExpanded] = useState13(false);
+    const [isExpanded, setIsExpanded] = useState14(false);
     const statusString = String(status);
     const isActive = statusString === "inProgress" || statusString === "executing";
     const isComplete = statusString === "complete";