@copilotkitnext/react 0.0.11 → 0.0.12

package/dist/index.mjs

@@ -51,11 +51,6 @@ var CopilotChatConfigurationProvider = ({
 };
 var useCopilotChatConfiguration = () => {
   const configuration = useContext(CopilotChatConfiguration);
-  if (!configuration) {
-    throw new Error(
-      "useCopilotChatConfiguration must be used within CopilotChatConfigurationProvider"
-    );
-  }
   return configuration;
 };
 
@@ -685,7 +680,8 @@ function CopilotChatInput({
     }
   ) });
   CopilotChatInput2.ToolbarButton = ({ icon, labelKey, defaultClassName, className, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     return /* @__PURE__ */ jsxs3(Tooltip, { children: [
       /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(
         Button,
@@ -738,7 +734,8 @@ function CopilotChatInput({
     }
   );
   CopilotChatInput2.ToolsButton = ({ className, toolsMenu, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     const renderMenuItems = (items) => {
       return items.map((item, index) => {
         if (item === "-") {
@@ -791,7 +788,8 @@ function CopilotChatInput({
     function TextArea2({ maxRows = 5, style, className, ...props }, ref) {
       const internalTextareaRef = useRef2(null);
       const [maxHeight, setMaxHeight] = useState(0);
-      const { labels } = useCopilotChatConfiguration();
+      const config = useCopilotChatConfiguration();
+      const labels = config?.labels ?? CopilotChatDefaultLabels;
       useImperativeHandle2(
         ref,
         () => internalTextareaRef.current
@@ -904,19 +902,9 @@ import { useCallback, useEffect as useEffect4, useState as useState3 } from "rea
 import { ToolCallStatus } from "@copilotkitnext/core";
 
 // src/providers/CopilotKitProvider.tsx
-import {
-  createContext as createContext2,
-  useContext as useContext2,
-  useMemo,
-  useEffect as useEffect3,
-  useState as useState2,
-  useReducer,
-  useRef as useRef3
-} from "react";
+import { createContext as createContext2, useContext as useContext2, useMemo, useEffect as useEffect3, useState as useState2, useReducer, useRef as useRef3 } from "react";
 import { z } from "zod";
-import {
-  CopilotKitCore
-} from "@copilotkitnext/core";
+import { CopilotKitCore } from "@copilotkitnext/core";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var CopilotKitContext = createContext2({
   copilotkit: null,
@@ -981,9 +969,7 @@ var CopilotKitProvider = ({
         ...tool.agentId && { agentId: tool.agentId },
         handler: async () => {
           return new Promise((resolve) => {
-            console.warn(
-              `Human-in-the-loop tool '${tool.name}' called but no interactive handler is set up.`
-            );
+            console.warn(`Human-in-the-loop tool '${tool.name}' called but no interactive handler is set up.`);
             resolve(void 0);
           });
         }
@@ -1029,7 +1015,7 @@ var CopilotKitProvider = ({
       runtimeUrl: void 0,
       headers,
       properties,
-      agents,
+      agents__unsafe_dev_only: agents,
       tools: allTools
     };
     const copilotkit2 = new CopilotKitCore(config);
@@ -1065,7 +1051,7 @@ var CopilotKitProvider = ({
     copilotkit.setRuntimeUrl(runtimeUrl);
     copilotkit.setHeaders(headers);
     copilotkit.setProperties(properties);
-    copilotkit.setAgents(agents);
+    copilotkit.setAgents__unsafe_dev_only(agents);
   }, [runtimeUrl, headers, properties, agents]);
   return /* @__PURE__ */ jsx7(
     CopilotKitContext.Provider,
@@ -1100,11 +1086,13 @@ var useCopilotKit = () => {
 };
 
 // src/hooks/use-render-tool-call.tsx
+import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID2 } from "@copilotkitnext/shared";
 import { partialJSONParse } from "@copilotkitnext/shared";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function useRenderToolCall() {
   const { currentRenderToolCalls, copilotkit } = useCopilotKit();
-  const { agentId } = useCopilotChatConfiguration();
+  const config = useCopilotChatConfiguration();
+  const agentId = config?.agentId ?? DEFAULT_AGENT_ID2;
   const [executingToolCallIds, setExecutingToolCallIds] = useState3(() => /* @__PURE__ */ new Set());
   useEffect4(() => {
     const unsubscribe = copilotkit.subscribe({
@@ -1293,14 +1281,14 @@ function useHumanInTheLoop(tool) {
 
 // src/hooks/use-agent.tsx
 import { useMemo as useMemo2, useEffect as useEffect7, useReducer as useReducer2 } from "react";
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID2 } from "@copilotkitnext/shared";
+import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID3 } from "@copilotkitnext/shared";
 var ALL_UPDATES = [
   "OnMessagesChanged" /* OnMessagesChanged */,
   "OnStateChanged" /* OnStateChanged */,
   "OnRunStatusChanged" /* OnRunStatusChanged */
 ];
 function useAgent({ agentId, updates } = {}) {
-  agentId ??= DEFAULT_AGENT_ID2;
+  agentId ??= DEFAULT_AGENT_ID3;
   const { copilotkit } = useCopilotKit();
   const [, forceUpdate] = useReducer2((x) => x + 1, 0);
   const updateFlags = useMemo2(
@@ -1540,7 +1528,8 @@ function CopilotChatAssistantMessage({
     );
   };
   const CodeBlock = ({ children, className, onClick, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     const [copied, setCopied] = useState5(false);
     const getCodeContent = (node) => {
       if (typeof node === "string") return node;
@@ -1653,7 +1642,8 @@ function CopilotChatAssistantMessage({
     ] });
   };
   CopilotChatAssistantMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     const [copied, setCopied] = useState5(false);
     const handleClick = (event) => {
       setCopied(true);
@@ -1674,7 +1664,8 @@ function CopilotChatAssistantMessage({
     );
   };
   CopilotChatAssistantMessage2.ThumbsUpButton = ({ title, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     return /* @__PURE__ */ jsx10(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
@@ -1685,7 +1676,8 @@ function CopilotChatAssistantMessage({
     );
   };
   CopilotChatAssistantMessage2.ThumbsDownButton = ({ title, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     return /* @__PURE__ */ jsx10(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
@@ -1696,7 +1688,8 @@ function CopilotChatAssistantMessage({
     );
   };
   CopilotChatAssistantMessage2.ReadAloudButton = ({ title, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     return /* @__PURE__ */ jsx10(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
@@ -1707,7 +1700,8 @@ function CopilotChatAssistantMessage({
     );
   };
   CopilotChatAssistantMessage2.RegenerateButton = ({ title, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     return /* @__PURE__ */ jsx10(
       CopilotChatAssistantMessage2.ToolbarButton,
       {
@@ -1871,7 +1865,8 @@ function CopilotChatUserMessage({
     ] });
   };
   CopilotChatUserMessage2.CopyButton = ({ className, title, onClick, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     const [copied, setCopied] = useState6(false);
     const handleClick = (event) => {
       setCopied(true);
@@ -1892,7 +1887,8 @@ function CopilotChatUserMessage({
     );
   };
   CopilotChatUserMessage2.EditButton = ({ className, title, ...props }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     return /* @__PURE__ */ jsx11(
       CopilotChatUserMessage2.ToolbarButton,
       {
@@ -2283,7 +2279,8 @@ function CopilotChatView({
     className,
     ...props
   }) => {
-    const { labels } = useCopilotChatConfiguration();
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
     return /* @__PURE__ */ jsx13(
       "div",
       {
@@ -2300,23 +2297,32 @@ function CopilotChatView({
 var CopilotChatView_default = CopilotChatView;
 
 // src/components/chat/CopilotChat.tsx
-import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID3, randomUUID } from "@copilotkitnext/shared";
+import { DEFAULT_AGENT_ID as DEFAULT_AGENT_ID4, randomUUID } from "@copilotkitnext/shared";
 import { useCallback as useCallback3, useEffect as useEffect10, useMemo as useMemo3 } from "react";
 import { merge } from "ts-deepmerge";
 import { AGUIConnectNotImplementedError } from "@ag-ui/client";
 import { jsx as jsx14 } from "react/jsx-runtime";
-function CopilotChat({
-  agentId = DEFAULT_AGENT_ID3,
-  threadId,
-  ...props
-}) {
-  const { agent } = useAgent({ agentId });
+function CopilotChat({ agentId, threadId, labels, ...props }) {
+  const existingConfig = useCopilotChatConfiguration();
+  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID4;
+  const resolvedThreadId = useMemo3(
+    () => threadId ?? existingConfig?.threadId ?? randomUUID(),
+    [threadId, existingConfig?.threadId]
+  );
+  const resolvedLabels = useMemo3(
+    () => ({
+      ...CopilotChatDefaultLabels,
+      ...existingConfig?.labels || {},
+      ...labels || {}
+    }),
+    [existingConfig?.labels, labels]
+  );
+  const { agent } = useAgent({ agentId: resolvedAgentId });
   const { copilotkit } = useCopilotKit();
-  const resolvedThreadId = useMemo3(() => threadId ?? randomUUID(), [threadId]);
   useEffect10(() => {
     const connect = async (agent2) => {
       try {
-        await copilotkit.connectAgent({ agent: agent2, agentId });
+        await copilotkit.connectAgent({ agent: agent2, agentId: resolvedAgentId });
       } catch (error) {
         if (error instanceof AGUIConnectNotImplementedError) {
         } else {
@@ -2330,7 +2336,7 @@ function CopilotChat({
     }
     return () => {
     };
-  }, [resolvedThreadId, agent, copilotkit, agentId]);
+  }, [resolvedThreadId, agent, copilotkit, resolvedAgentId]);
   const onSubmitInput = useCallback3(
     async (value) => {
       agent?.addMessage({
@@ -2340,19 +2346,15 @@ function CopilotChat({
       });
       if (agent) {
         try {
-          await copilotkit.runAgent({ agent, agentId });
+          await copilotkit.runAgent({ agent, agentId: resolvedAgentId });
         } catch (error) {
           console.error("CopilotChat: runAgent failed", error);
         }
       }
     },
-    [agent, copilotkit, agentId]
+    [agent, copilotkit, resolvedAgentId]
   );
-  const {
-    inputProps: providedInputProps,
-    messageView: providedMessageView,
-    ...restProps
-  } = props;
+  const { inputProps: providedInputProps, messageView: providedMessageView, ...restProps } = props;
   const mergedProps = merge(
     {
       isRunning: agent?.isRunning ?? false
@@ -2362,26 +2364,19 @@ function CopilotChat({
       ...typeof providedMessageView === "string" ? { messageView: { className: providedMessageView } } : providedMessageView !== void 0 ? { messageView: providedMessageView } : {}
     }
   );
-  return /* @__PURE__ */ jsx14(
-    CopilotChatConfigurationProvider,
+  return /* @__PURE__ */ jsx14(CopilotChatConfigurationProvider, { agentId: resolvedAgentId, threadId: resolvedThreadId, labels: resolvedLabels, children: /* @__PURE__ */ jsx14(
+    CopilotChatView,
     {
-      agentId,
-      threadId: resolvedThreadId,
-      children: /* @__PURE__ */ jsx14(
-        CopilotChatView,
-        {
-          ...{
-            messages: agent?.messages ?? [],
-            inputProps: {
-              onSubmitMessage: onSubmitInput,
-              ...providedInputProps
-            },
-            ...mergedProps
-          }
-        }
-      )
+      ...{
+        messages: agent?.messages ?? [],
+        inputProps: {
+          onSubmitMessage: onSubmitInput,
+          ...providedInputProps
+        },
+        ...mergedProps
+      }
     }
-  );
+  ) });
 }
 
 // src/types/defineToolCallRender.ts