@copilotkitnext/react 0.0.27 → 0.0.28

package/dist/index.mjs

@@ -2079,26 +2079,32 @@ function useAgent({ agentId, updates } = {}) {
 }
 
 // src/hooks/use-agent-context.tsx
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo6 } from "react";
 function useAgentContext(context) {
   const { description, value } = context;
   const { copilotkit } = useCopilotKit();
+  const stringValue = useMemo6(() => {
+    if (typeof value === "string") {
+      return value;
+    }
+    return JSON.stringify(value);
+  }, [value]);
   useEffect9(() => {
     if (!copilotkit) return;
-    const id = copilotkit.addContext(context);
+    const id = copilotkit.addContext({ description, value: stringValue });
     return () => {
       copilotkit.removeContext(id);
     };
-  }, [description, value, copilotkit]);
+  }, [description, stringValue, copilotkit]);
 }
 
 // src/hooks/use-suggestions.tsx
-import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo6, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo7, 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 = useMemo6(() => agentId ?? config?.agentId ?? DEFAULT_AGENT_ID5, [agentId, config?.agentId]);
+  const resolvedAgentId = useMemo7(() => agentId ?? config?.agentId ?? DEFAULT_AGENT_ID5, [agentId, config?.agentId]);
   const [suggestions, setSuggestions] = useState5(() => {
     const result = copilotkit.getSuggestions(resolvedAgentId);
     return result.suggestions;
@@ -2157,19 +2163,19 @@ function useSuggestions({ agentId } = {}) {
 }
 
 // src/hooks/use-configure-suggestions.tsx
-import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo7, useRef as useRef6 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo8, useRef as useRef6 } from "react";
 import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID6 } from "@copilotkitnext/shared";
 function useConfigureSuggestions(config, deps) {
   const { copilotkit } = useCopilotKit();
   const chatConfig = useCopilotChatConfiguration();
   const extraDeps = deps ?? [];
-  const resolvedConsumerAgentId = useMemo7(() => chatConfig?.agentId ?? DEFAULT_AGENT_ID6, [chatConfig?.agentId]);
-  const rawConsumerAgentId = useMemo7(() => config ? config.consumerAgentId : void 0, [config]);
+  const resolvedConsumerAgentId = useMemo8(() => chatConfig?.agentId ?? DEFAULT_AGENT_ID6, [chatConfig?.agentId]);
+  const rawConsumerAgentId = useMemo8(() => config ? config.consumerAgentId : void 0, [config]);
   const normalizationCacheRef = useRef6({
     serialized: null,
     config: null
   });
-  const { normalizedConfig, serializedConfig } = useMemo7(() => {
+  const { normalizedConfig, serializedConfig } = useMemo8(() => {
     if (!config) {
       normalizationCacheRef.current = { serialized: null, config: null };
       return { normalizedConfig: null, serializedConfig: null };
@@ -2202,7 +2208,7 @@ function useConfigureSuggestions(config, deps) {
   const latestConfigRef = useRef6(null);
   latestConfigRef.current = normalizedConfig;
   const previousSerializedConfigRef = useRef6(null);
-  const targetAgentId = useMemo7(() => {
+  const targetAgentId = useMemo8(() => {
     if (!normalizedConfig) {
       return resolvedConsumerAgentId;
     }
@@ -2546,7 +2552,7 @@ CopilotChatAssistantMessage.RegenerateButton.displayName = "CopilotChatAssistant
 var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
 
 // src/components/chat/CopilotChatUserMessage.tsx
-import { useMemo as useMemo8, useState as useState7 } from "react";
+import { useMemo as useMemo9, 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";
@@ -2580,7 +2586,7 @@ function CopilotChatUserMessage({
   className,
   ...props
 }) {
-  const flattenedContent = useMemo8(
+  const flattenedContent = useMemo9(
     () => flattenUserMessageContent(message.content),
     [message.content]
   );
@@ -3428,14 +3434,14 @@ 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 useEffect14, useMemo as useMemo9 } 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";
 function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }) {
   const existingConfig = useCopilotChatConfiguration();
   const resolvedAgentId = agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID7;
-  const resolvedThreadId = useMemo9(
+  const resolvedThreadId = useMemo10(
     () => threadId ?? existingConfig?.threadId ?? randomUUID2(),
     [threadId, existingConfig?.threadId]
   );
@@ -3850,7 +3856,7 @@ function CopilotSidebarView({ header, width, ...props }) {
 CopilotSidebarView.displayName = "CopilotSidebarView";
 
 // src/components/chat/CopilotPopupView.tsx
-import { useEffect as useEffect16, useMemo as useMemo10, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo11, 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;
@@ -3944,10 +3950,10 @@ function CopilotPopupView({
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [isPopupOpen, clickOutsideToClose, setModalOpen]);
-  const headerElement = useMemo10(() => renderSlot(header, CopilotModalHeader, {}), [header]);
+  const headerElement = useMemo11(() => renderSlot(header, CopilotModalHeader, {}), [header]);
   const resolvedWidth = dimensionToCss(width, DEFAULT_POPUP_WIDTH);
   const resolvedHeight = dimensionToCss(height, DEFAULT_POPUP_HEIGHT);
-  const popupStyle = useMemo10(
+  const popupStyle = useMemo11(
     () => ({
       "--copilot-popup-width": resolvedWidth,
       "--copilot-popup-height": resolvedHeight,
@@ -4009,10 +4015,10 @@ function CopilotPopupView({
 CopilotPopupView.displayName = "CopilotPopupView";
 
 // src/components/chat/CopilotSidebar.tsx
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
 function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
-  const SidebarViewOverride = useMemo11(() => {
+  const SidebarViewOverride = useMemo12(() => {
     const Component = (viewProps) => {
       const { header: viewHeader, width: viewWidth, ...restProps } = viewProps;
       return /* @__PURE__ */ jsx24(
@@ -4038,7 +4044,7 @@ function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
 CopilotSidebar.displayName = "CopilotSidebar";
 
 // src/components/chat/CopilotPopup.tsx
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo13 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 function CopilotPopup({
   header,
@@ -4048,7 +4054,7 @@ function CopilotPopup({
   clickOutsideToClose,
   ...chatProps
 }) {
-  const PopupViewOverride = useMemo12(() => {
+  const PopupViewOverride = useMemo13(() => {
     const Component = (viewProps) => {
       const {
         header: viewHeader,