@copilotkit/react-core 0.37.0-mme-remove-css-reset.0 → 0.37.0-mme-fix-textarea-css.1

package/dist/index.js

@@ -112,16 +112,20 @@ var emptyCopilotContext = {
   },
   removeEntryPoint: () => {
   },
-  getChatCompletionFunctionDescriptions: () => returnAndThrowInDebug([]),
-  getFunctionCallHandler: () => returnAndThrowInDebug(() => __async(void 0, null, function* () {
-  })),
   chatComponentsCache: { current: {} },
   getContextString: (documents, categories) => returnAndThrowInDebug(""),
   addContext: () => "",
   removeContext: () => {
   },
+  getChatCompletionFunctionDescriptions: () => returnAndThrowInDebug([]),
+  getFunctionCallHandler: () => returnAndThrowInDebug(() => __async(void 0, null, function* () {
+  })),
   messages: [],
   setMessages: () => returnAndThrowInDebug([]),
+  isLoading: false,
+  setIsLoading: () => returnAndThrowInDebug(false),
+  chatInstructions: "",
+  setChatInstructions: () => returnAndThrowInDebug(""),
   getDocumentsContext: (categories) => returnAndThrowInDebug([]),
   addDocumentContext: () => returnAndThrowInDebug(""),
   removeDocumentContext: () => {
@@ -368,6 +372,8 @@ function CopilotKit(_a) {
   const chatComponentsCache = (0, import_react4.useRef)({});
   const { addElement, removeElement, printTree } = use_tree_default();
   const [messages, setMessages] = (0, import_react4.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react4.useState)(false);
+  const [chatInstructions, setChatInstructions] = (0, import_react4.useState)("");
   const {
     addElement: addDocument,
     removeElement: removeDocument,
@@ -502,9 +508,13 @@ ${nonDocumentStrings}`;
         copilotApiConfig,
         messages,
         setMessages,
+        isLoading,
+        setIsLoading,
         chatSuggestionConfiguration,
         addChatSuggestionConfiguration,
-        removeChatSuggestionConfiguration
+        removeChatSuggestionConfiguration,
+        chatInstructions,
+        setChatInstructions
       },
       children
     }
@@ -616,16 +626,14 @@ function fetchAndDecodeChatCompletionAsText(params) {
 // src/hooks/use-chat.ts
 var import_untruncate_json = __toESM(require("untruncate-json"));
 function useChat(options) {
-  const { messages, setMessages } = options;
-  const [input, setInput] = (0, import_react5.useState)("");
-  const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
+  const { messages, setMessages, makeSystemMessageCallback } = options;
   const abortControllerRef = (0, import_react5.useRef)();
   const threadIdRef = (0, import_react5.useRef)(null);
   const runIdRef = (0, import_react5.useRef)(null);
   const publicApiKey = options.copilotConfig.publicApiKey;
   const headers = __spreadValues(__spreadValues({}, options.headers || {}), publicApiKey ? { [import_shared3.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
   const runChatCompletion = (messages2) => __async(this, null, function* () {
-    setIsLoading(true);
+    options.setIsLoading(true);
     const newMessages = [
       {
         id: (0, import_nanoid3.nanoid)(),
@@ -644,7 +652,8 @@ function useChat(options) {
     if (runIdRef.current) {
       copilotConfigBody.runId = runIdRef.current;
     }
-    const messagesWithContext = [...options.initialMessages || [], ...messages2];
+    const systemMessage = makeSystemMessageCallback();
+    const messagesWithContext = [systemMessage, ...options.initialMessages || [], ...messages2];
     const response = yield fetchAndDecodeChatCompletion({
       copilotConfig: __spreadProps(__spreadValues({}, options.copilotConfig), { body: copilotConfigBody }),
       messages: messagesWithContext,
@@ -668,7 +677,7 @@ function useChat(options) {
           role: "assistant"
         }
       ]);
-      setIsLoading(false);
+      options.setIsLoading(false);
       throw new Error("Failed to fetch chat completion");
     }
     const reader = response.events.getReader();
@@ -756,19 +765,20 @@ function useChat(options) {
         }
       }
       if (feedback) {
+        yield new Promise((resolve) => setTimeout(resolve, 10));
         return yield runChatCompletion([...messages2, ...newMessages]);
       } else {
         return newMessages.slice();
       }
     } finally {
-      setIsLoading(false);
+      options.setIsLoading(false);
     }
   });
   const runChatCompletionAndHandleFunctionCall = (messages2) => __async(this, null, function* () {
     yield runChatCompletion(messages2);
   });
   const append = (message) => __async(this, null, function* () {
-    if (isLoading) {
+    if (options.isLoading) {
       return;
     }
     const newMessages = [...messages, message];
@@ -776,7 +786,7 @@ function useChat(options) {
     return runChatCompletionAndHandleFunctionCall(newMessages);
   });
   const reload = () => __async(this, null, function* () {
-    if (isLoading || messages.length === 0) {
+    if (options.isLoading || messages.length === 0) {
       return;
     }
     let newMessages = [...messages];
@@ -794,21 +804,16 @@ function useChat(options) {
   return {
     append,
     reload,
-    stop,
-    isLoading,
-    input,
-    setInput
+    stop
   };
 }
 
 // src/hooks/use-copilot-chat.ts
-function useCopilotChat(_a) {
+function useCopilotChat(_a = {}) {
   var _b = _a, {
-    makeSystemMessage: makeSystemMessage2,
-    additionalInstructions
+    makeSystemMessage: makeSystemMessage2
   } = _b, options = __objRest(_b, [
-    "makeSystemMessage",
-    "additionalInstructions"
+    "makeSystemMessage"
   ]);
   const {
     getContextString,
@@ -816,44 +821,64 @@ function useCopilotChat(_a) {
     getFunctionCallHandler,
     copilotApiConfig,
     messages,
-    setMessages
+    setMessages,
+    isLoading,
+    setIsLoading,
+    chatInstructions
   } = (0, import_react6.useContext)(CopilotContext);
-  const systemMessage = (0, import_react6.useMemo)(() => {
+  const latestGetContextString = useUpdatedRef(getContextString);
+  const deleteMessage = (0, import_react6.useCallback)(
+    (messageId) => {
+      setMessages((prev) => prev.filter((message) => message.id !== messageId));
+    },
+    [setMessages]
+  );
+  const makeSystemMessageCallback = (0, import_react6.useCallback)(() => {
     const systemMessageMaker = makeSystemMessage2 || defaultSystemMessage;
-    const contextString = getContextString([], defaultCopilotContextCategories);
+    const contextString = latestGetContextString.current([], defaultCopilotContextCategories);
     return {
       id: "system",
-      content: systemMessageMaker(contextString, additionalInstructions),
+      content: systemMessageMaker(contextString, chatInstructions),
       role: "system"
     };
-  }, [getContextString, makeSystemMessage2, additionalInstructions]);
+  }, [getContextString, makeSystemMessage2, chatInstructions]);
   const functionDescriptions = (0, import_react6.useMemo)(() => {
     return getChatCompletionFunctionDescriptions();
   }, [getChatCompletionFunctionDescriptions]);
-  const { append, reload, stop, isLoading, input, setInput } = useChat(__spreadProps(__spreadValues({}, options), {
+  const { append, reload, stop } = useChat(__spreadProps(__spreadValues({}, options), {
     copilotConfig: copilotApiConfig,
     id: options.id,
-    initialMessages: [systemMessage].concat(options.initialMessages || []),
+    initialMessages: options.initialMessages || [],
     tools: functionDescriptions,
     onFunctionCall: getFunctionCallHandler(),
     headers: __spreadValues({}, options.headers),
     body: __spreadValues({}, options.body),
     messages,
-    setMessages
+    setMessages,
+    makeSystemMessageCallback,
+    isLoading,
+    setIsLoading
   }));
   const visibleMessages = messages.filter(
     (message) => message.role === "user" || message.role === "assistant" || message.role === "function"
   );
   return {
     visibleMessages,
-    append,
-    reload,
-    stop,
-    isLoading,
-    input,
-    setInput
+    appendMessage: append,
+    setMessages,
+    reloadMessages: reload,
+    stopGeneration: stop,
+    deleteMessage,
+    isLoading
   };
 }
+function useUpdatedRef(value) {
+  const ref = (0, import_react6.useRef)(value);
+  (0, import_react6.useEffect)(() => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
 function defaultSystemMessage(contextString, additionalInstructions) {
   return `
 Please act as an efficient, competent, conscientious, and industrious professional assistant.