@copilotkitnext/react 0.0.21-alpha.0 → 0.0.22-alpha.0

package/dist/index.mjs

@@ -1328,7 +1328,7 @@ CopilotChatInput.AddMenuButton.displayName = "CopilotChatInput.AddMenuButton";
 var CopilotChatInput_default = CopilotChatInput;
 
 // src/components/chat/CopilotChatAssistantMessage.tsx
-import { useState as useState7 } from "react";
+import { useState as useState6 } from "react";
 import {
   Copy,
   Check as Check2,
@@ -1864,34 +1864,26 @@ function useFrontendTool(tool) {
 }
 
 // src/hooks/use-human-in-the-loop.tsx
-import { useState as useState5, useCallback as useCallback4, useRef as useRef5, useEffect as useEffect7 } from "react";
+import { useCallback as useCallback4, useRef as useRef5, useEffect as useEffect7 } from "react";
 import React7 from "react";
 function useHumanInTheLoop(tool) {
   const { copilotkit } = useCopilotKit();
-  const [status, setStatus] = useState5(
-    "inProgress"
-  );
-  const statusRef = useRef5(status);
   const resolvePromiseRef = useRef5(null);
-  statusRef.current = status;
   const respond = useCallback4(async (result) => {
     if (resolvePromiseRef.current) {
       resolvePromiseRef.current(result);
-      setStatus("complete");
       resolvePromiseRef.current = null;
     }
   }, []);
   const handler = useCallback4(async () => {
     return new Promise((resolve) => {
-      setStatus("executing");
       resolvePromiseRef.current = resolve;
     });
   }, []);
   const RenderComponent = useCallback4(
     (props) => {
       const ToolComponent = tool.render;
-      const currentStatus = statusRef.current;
-      if (currentStatus === "inProgress" && props.status === "inProgress") {
+      if (props.status === "inProgress") {
         const enhancedProps = {
           ...props,
           name: tool.name,
@@ -1899,7 +1891,7 @@ function useHumanInTheLoop(tool) {
           respond: void 0
         };
         return React7.createElement(ToolComponent, enhancedProps);
-      } else if (currentStatus === "executing" && props.status === "executing") {
+      } else if (props.status === "executing") {
         const enhancedProps = {
           ...props,
           name: tool.name,
@@ -1907,7 +1899,7 @@ function useHumanInTheLoop(tool) {
           respond
         };
         return React7.createElement(ToolComponent, enhancedProps);
-      } else if (currentStatus === "complete" && props.status === "complete") {
+      } else if (props.status === "complete") {
         const enhancedProps = {
           ...props,
           name: tool.name,
@@ -2014,17 +2006,17 @@ function useAgentContext(context) {
 }
 
 // src/hooks/use-suggestions.tsx
-import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo5, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo5, useState as useState5 } from "react";
 import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID5 } from "@copilotkitnext/shared";
 function useSuggestions({ agentId } = {}) {
   const { copilotkit } = useCopilotKit();
   const config = useCopilotChatConfiguration();
   const resolvedAgentId = useMemo5(() => agentId ?? config?.agentId ?? DEFAULT_AGENT_ID5, [agentId, config?.agentId]);
-  const [suggestions, setSuggestions] = useState6(() => {
+  const [suggestions, setSuggestions] = useState5(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     return result.suggestions;
   });
-  const [isLoading, setIsLoading] = useState6(() => {
+  const [isLoading, setIsLoading] = useState5(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     return result.isLoading;
   });
@@ -2390,7 +2382,7 @@ function CopilotChatAssistantMessage({
   CopilotChatAssistantMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = useState7(false);
+    const [copied, setCopied] = useState6(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -2468,7 +2460,7 @@ CopilotChatAssistantMessage.RegenerateButton.displayName = "CopilotChatAssistant
 var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
 
 // src/components/chat/CopilotChatUserMessage.tsx
-import { useMemo as useMemo7, useState as useState8 } from "react";
+import { useMemo as useMemo7, useState as useState7 } 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";
@@ -2631,7 +2623,7 @@ function CopilotChatUserMessage({
   CopilotChatUserMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
     const config = useCopilotChatConfiguration();
     const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = useState8(false);
+    const [copied, setCopied] = useState7(false);
     const handleClick = (event) => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -2910,15 +2902,15 @@ CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
 var CopilotChatMessageView_default = CopilotChatMessageView;
 
 // src/components/chat/CopilotChatView.tsx
-import React11, { useRef as useRef7, useState as useState10, useEffect as useEffect13 } from "react";
+import React11, { useRef as useRef7, useState as useState9, 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 useState9, useEffect as useEffect12 } from "react";
+import { useState as useState8, useEffect as useEffect12 } from "react";
 function useKeyboardHeight() {
-  const [keyboardState, setKeyboardState] = useState9({
+  const [keyboardState, setKeyboardState] = useState8({
     isKeyboardOpen: false,
     keyboardHeight: 0,
     availableHeight: typeof window !== "undefined" ? window.innerHeight : 0,
@@ -2978,8 +2970,8 @@ function CopilotChatView({
   ...props
 }) {
   const inputContainerRef = useRef7(null);
-  const [inputContainerHeight, setInputContainerHeight] = useState10(0);
-  const [isResizing, setIsResizing] = useState10(false);
+  const [inputContainerHeight, setInputContainerHeight] = useState9(0);
+  const [isResizing, setIsResizing] = useState9(false);
   const resizeTimeoutRef = useRef7(null);
   const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();
   useEffect13(() => {
@@ -3095,9 +3087,9 @@ function CopilotChatView({
     className,
     ...props
   }) => {
-    const [hasMounted, setHasMounted] = useState10(false);
+    const [hasMounted, setHasMounted] = useState9(false);
     const { scrollRef, contentRef, scrollToBottom } = useStickToBottom();
-    const [showScrollButton, setShowScrollButton] = useState10(false);
+    const [showScrollButton, setShowScrollButton] = useState9(false);
     useEffect13(() => {
       setHasMounted(true);
     }, []);
@@ -3365,7 +3357,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
 })(CopilotChat || (CopilotChat = {}));
 
 // src/components/chat/CopilotChatToggleButton.tsx
-import React12, { useState as useState11 } from "react";
+import React12, { useState as useState10 } from "react";
 import { MessageCircle, X as X2 } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 var DefaultOpenIcon = ({
@@ -3396,7 +3388,7 @@ var CopilotChatToggleButton = React12.forwardRef(function CopilotChatToggleButto
   const { onClick, type, disabled, ...restProps } = buttonProps;
   const configuration = useCopilotChatConfiguration();
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const [fallbackOpen, setFallbackOpen] = useState11(false);
+  const [fallbackOpen, setFallbackOpen] = useState10(false);
   const isOpen = configuration?.isModalOpen ?? fallbackOpen;
   const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
   const handleClick = (event) => {
@@ -3482,7 +3474,7 @@ CopilotChatToggleButton.displayName = "CopilotChatToggleButton";
 var CopilotChatToggleButton_default = CopilotChatToggleButton;
 
 // src/components/chat/CopilotSidebarView.tsx
-import { useEffect as useEffect15, useRef as useRef8, useState as useState12 } from "react";
+import { useEffect as useEffect15, useRef as useRef8, useState as useState11 } from "react";
 
 // src/components/chat/CopilotModalHeader.tsx
 import { useCallback as useCallback8 } from "react";
@@ -3576,7 +3568,7 @@ function CopilotSidebarView({ header, width, ...props }) {
   const configuration = useCopilotChatConfiguration();
   const isSidebarOpen = configuration?.isModalOpen ?? false;
   const sidebarRef = useRef8(null);
-  const [sidebarWidth, setSidebarWidth] = useState12(width ?? DEFAULT_SIDEBAR_WIDTH);
+  const [sidebarWidth, setSidebarWidth] = useState11(width ?? DEFAULT_SIDEBAR_WIDTH);
   const widthToCss = (w) => {
     return typeof w === "number" ? `${w}px` : w;
   };
@@ -3665,7 +3657,7 @@ function CopilotSidebarView({ header, width, ...props }) {
 CopilotSidebarView.displayName = "CopilotSidebarView";
 
 // src/components/chat/CopilotPopupView.tsx
-import { useEffect as useEffect16, useMemo as useMemo9, useRef as useRef9, useState as useState13 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo9, useRef as useRef9, useState as useState12 } 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;
@@ -3691,8 +3683,8 @@ function CopilotPopupView({
   const setModalOpen = configuration?.setModalOpen;
   const labels = configuration?.labels ?? CopilotChatDefaultLabels;
   const containerRef = useRef9(null);
-  const [isRendered, setIsRendered] = useState13(isPopupOpen);
-  const [isAnimatingOut, setIsAnimatingOut] = useState13(false);
+  const [isRendered, setIsRendered] = useState12(isPopupOpen);
+  const [isAnimatingOut, setIsAnimatingOut] = useState12(false);
   useEffect16(() => {
     if (isPopupOpen) {
       setIsRendered(true);
@@ -3909,12 +3901,12 @@ function defineToolCallRenderer(def) {
 }
 
 // src/components/WildcardToolCallRender.tsx
-import { useState as useState14 } from "react";
+import { useState as useState13 } 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] = useState14(false);
+    const [isExpanded, setIsExpanded] = useState13(false);
     const statusString = String(status);
     const isActive = statusString === "inProgress" || statusString === "executing";
     const isComplete = statusString === "complete";