@copilotkit/react-textarea 0.37.0 → 0.38.0-beta.0

package/dist/components/index.js

@@ -146,7 +146,7 @@ function areEqual_autocompleteState(prev, next) {
 }
 
 // src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts
-function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
+function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress, shouldAcceptAutosuggestionOnTouch, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
   const [previousAutocompleteState, setPreviousAutocompleteState] = (0, import_react.useState)(null);
   const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = (0, import_react.useState)(null);
   const awaitForAndAppendSuggestion = (0, import_react.useCallback)(
@@ -204,10 +204,11 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
       setCurrentAutocompleteSuggestion
     ]
   );
-  const keyDownHandler = (0, import_react.useCallback)(
+  const keyDownOrTouchHandler = (0, import_react.useCallback)(
     (event) => {
       if (currentAutocompleteSuggestion) {
-        if (shouldAcceptAutosuggestionOnKeyPress(event)) {
+        const shouldAcceptSuggestion = event instanceof KeyboardEvent ? shouldAcceptAutosuggestionOnKeyPress(event) : shouldAcceptAutosuggestionOnTouch(event);
+        if (shouldAcceptSuggestion) {
           event.preventDefault();
           insertAutocompleteSuggestion(currentAutocompleteSuggestion);
           setCurrentAutocompleteSuggestion(null);
@@ -224,7 +225,8 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
   return {
     currentAutocompleteSuggestion,
     onChangeHandler: onChange,
-    onKeyDownHandler: keyDownHandler
+    onKeyDownHandler: keyDownOrTouchHandler,
+    onTouchStartHandler: keyDownOrTouchHandler
   };
 }
 
@@ -651,6 +653,7 @@ var defaultShouldAcceptAutosuggestionOnKeyPress = (event) => {
   }
   return false;
 };
+var defaultShouldAcceptAutosuggestionOnTouch = () => true;
 var defaultBaseAutosuggestionsConfig = {
   debounceTime: 250,
   contextCategories: import_react_core.defaultCopilotContextCategories,
@@ -658,7 +661,8 @@ var defaultBaseAutosuggestionsConfig = {
   disabled: false,
   temporarilyDisableWhenMovingCursorWithoutChangingText: true,
   shouldToggleHoveringEditorOnKeyPress: defaultShouldToggleHoveringEditorOnKeyPress,
-  shouldAcceptAutosuggestionOnKeyPress: defaultShouldAcceptAutosuggestionOnKeyPress
+  shouldAcceptAutosuggestionOnKeyPress: defaultShouldAcceptAutosuggestionOnKeyPress,
+  shouldAcceptAutosuggestionOnTouch: defaultShouldAcceptAutosuggestionOnTouch
 };
 
 // src/components/hovering-toolbar/hovering-toolbar.tsx
@@ -1376,7 +1380,6 @@ var HoveringToolbar = (props) => {
             setIsDisplayed(false);
           },
           performInsertion: (insertedText) => {
-            console.log("inserted text", insertedText);
             import_slate7.Transforms.delete(editor, { at: selection });
             import_slate7.Transforms.insertText(editor, insertedText, {
               at: selection
@@ -1627,10 +1630,12 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
     const {
       currentAutocompleteSuggestion,
       onChangeHandler: onChangeHandlerForAutocomplete,
-      onKeyDownHandler: onKeyDownHandlerForAutocomplete
+      onKeyDownHandler: onKeyDownHandlerForAutocomplete,
+      onTouchStartHandler: onTouchStartHandlerForAutocomplete
     } = useAutosuggestions(
       autosuggestionsConfig.debounceTime,
       autosuggestionsConfig.shouldAcceptAutosuggestionOnKeyPress,
+      autosuggestionsConfig.shouldAcceptAutosuggestionOnTouch,
       autosuggestionsConfig.apiConfig.autosuggestionsFunction,
       insertText,
       autosuggestionsConfig.disableWhenEmpty,
@@ -1759,6 +1764,9 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
                 onKeyDownHandlerForAutocomplete(event);
                 (_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
               },
+              onTouchStart: (event) => {
+                onTouchStartHandlerForAutocomplete(event);
+              },
               className: moddedClassName,
               onBlur: (ev) => {
                 var _a2;
@@ -1809,7 +1817,7 @@ function retry(fn, retriesLeft = 2, interval = 200, backoff = 1.5) {
 }
 
 // src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
-var import_react_core4 = require("@copilotkit/react-core");
+var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
 function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategories, apiConfig) {
   const { getContextString, copilotApiConfig } = (0, import_react13.useContext)(import_react_core3.CopilotContext);
   const publicApiKey = copilotApiConfig.publicApiKey;
@@ -1817,44 +1825,55 @@ function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategorie
   return (0, import_react13.useCallback)(
     (editorState2, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
+        var _a, _b, _c;
         const messages = [
-          {
-            role: "system",
+          new import_runtime_client_gql.TextMessage({
+            role: import_runtime_client_gql.Role.System,
             content: apiConfig.makeSystemPrompt(
               textareaPurpose,
               getContextString([], contextCategories)
             )
-          },
+          }),
           ...apiConfig.fewShotMessages,
-          {
-            role: "user",
-            name: "TextAfterCursor",
+          new import_runtime_client_gql.TextMessage({
+            role: import_runtime_client_gql.Role.User,
             content: editorState2.textAfterCursor
-          },
-          {
-            role: "user",
-            name: "TextBeforeCursor",
-            content: editorState2.textBeforeCursor
-          }
+          }),
+          new import_runtime_client_gql.TextMessage({
+            role: import_runtime_client_gql.Role.User,
+            content: `<TextAfterCursor>${editorState2.textAfterCursor}</TextAfterCursor>`
+          }),
+          new import_runtime_client_gql.TextMessage({
+            role: import_runtime_client_gql.Role.User,
+            content: `<TextBeforeCursor>${editorState2.textBeforeCursor}</TextBeforeCursor>`
+          })
         ];
-        const response = yield (0, import_react_core4.fetchAndDecodeChatCompletionAsText)(__spreadProps(__spreadValues({
-          messages
-        }, apiConfig.forwardedParams), {
-          copilotConfig: copilotApiConfig,
-          signal: abortSignal,
-          headers
-        }));
-        if (!response.events) {
-          throw new Error("Failed to fetch chat completion");
-        }
-        const reader = response.events.getReader();
+        const runtimeClient = new import_runtime_client_gql.CopilotRuntimeClient({
+          url: copilotApiConfig.chatApiEndpoint,
+          publicApiKey: copilotApiConfig.publicApiKey,
+          headers: copilotApiConfig.headers
+        });
+        const response = yield runtimeClient.generateCopilotResponse(
+          {
+            frontend: {
+              actions: []
+            },
+            messages: (0, import_runtime_client_gql.convertMessagesToGqlInput)(messages)
+          },
+          copilotApiConfig.properties,
+          abortSignal
+        ).toPromise();
         let result = "";
-        while (!abortSignal.aborted) {
-          const { done, value } = yield reader.read();
-          if (done) {
+        for (const message of (0, import_runtime_client_gql.convertGqlOutputToMessages)(
+          (_c = (_b = (_a = response.data) == null ? void 0 : _a.generateCopilotResponse) == null ? void 0 : _b.messages) != null ? _c : []
+        )) {
+          if (abortSignal.aborted) {
             break;
           }
-          result += value;
+          if (message instanceof import_runtime_client_gql.TextMessage) {
+            result += message.content;
+            console.log(message.content);
+          }
         }
         return result;
       }));
@@ -1865,6 +1884,7 @@ function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategorie
 }
 
 // src/types/autosuggestions-config/suggestions-api-config.tsx
+var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 var defaultSuggestionsMakeSystemPrompt = (textareaPurpose, contextString) => {
   return `You are a versatile writing assistant.
   
@@ -1890,33 +1910,30 @@ ${contextString}
 `;
 };
 var defaultSuggestionsFewShotMessages = [
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "While I was there I also picked up some apples, oranges, and bananas."
-  },
-  {
-    role: "user",
+  new import_runtime_client_gql2.TextMessage({
+    role: import_runtime_client_gql2.Role.User,
+    content: "<TextAfterCursor>While I was there I also picked up some apples, oranges, and bananas.</TextAfterCursor>"
+  }),
+  new import_runtime_client_gql2.TextMessage({
+    role: import_runtime_client_gql2.Role.User,
     content: "This morning I woke up and went straight to the grocery store."
-  },
-  {
-    role: "assistant",
+  }),
+  new import_runtime_client_gql2.TextMessage({
+    role: import_runtime_client_gql2.Role.Assistant,
     content: " When I arrived I went straight to the produce section and picked out a big watermelon. "
-  },
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof."
-  },
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: `The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;`
-  },
-  {
-    role: "assistant",
+  }),
+  new import_runtime_client_gql2.TextMessage({
+    role: import_runtime_client_gql2.Role.User,
+    content: "<TextAfterCursor>and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.</TextAfterCursor>"
+  }),
+  new import_runtime_client_gql2.TextMessage({
+    role: import_runtime_client_gql2.Role.User,
+    content: `<TextBeforeCursor>The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;</TextBeforeCursor>`
+  }),
+  new import_runtime_client_gql2.TextMessage({
+    role: import_runtime_client_gql2.Role.Assistant,
     content: ` (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder's "Pro Rata Share"; `
-  }
+  })
 ];
 var defaultSuggestionsApiConfig = {
   makeSystemPrompt: defaultSuggestionsMakeSystemPrompt,
@@ -1925,6 +1942,7 @@ var defaultSuggestionsApiConfig = {
 };
 
 // src/types/autosuggestions-config/insertions-api-config.tsx
+var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var defaultInsertionsMakeSystemPrompt = (textareaPurpose, contextString) => {
   return `You are a versatile writing assistant helping the user insert new text into their existing work.
   
@@ -1953,44 +1971,38 @@ The conversation will be structured as follows:
 `;
 };
 var defaultInsertionsFewShotMessages = [
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "While I was there I also picked up some apples, oranges, and bananas."
-  },
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: "This morning I woke up and went straight to the grocery store."
-  },
-  {
-    role: "user",
-    name: "InsertionPrompt",
-    content: "I bought a big watermelon"
-  },
-  {
-    role: "assistant",
-    content: " When I arrived I went straight to the produce section and picked out a big watermelon. "
-  },
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof."
-  },
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: `The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;`
-  },
-  {
-    role: "user",
-    name: "InsertionPrompt",
-    content: "add section about the optionholder's pro rata share"
-  },
-  {
-    role: "assistant",
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.User,
+    content: "<TextAfterCursor>While I was there I also picked up some apples, oranges, and bananas.</TextAfterCursor>"
+  }),
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.User,
+    content: "<TextBeforeCursor>This morning I woke up and went straight to the grocery store.</TextBeforeCursor>"
+  }),
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.User,
+    content: "<InsertionPrompt>I bought a big watermelon</InsertionPrompt>"
+  }),
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.Assistant,
+    content: "When I arrived I went straight to the produce section and picked out a big watermelon."
+  }),
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.User,
+    content: "<TextAfterCursor>and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.</TextAfterCursor>"
+  }),
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.User,
+    content: `<TextBeforeCursor>The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;</TextBeforeCursor>`
+  }),
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.User,
+    content: "<InsertionPrompt>add section about the optionholder's pro rata share</InsertionPrompt>"
+  }),
+  new import_runtime_client_gql3.TextMessage({
+    role: import_runtime_client_gql3.Role.Assistant,
     content: ` (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder's "Pro Rata Share"; `
-  }
+  })
 ];
 var defaultInsertionsApiConfig = {
   makeSystemPrompt: defaultInsertionsMakeSystemPrompt,
@@ -1999,6 +2011,7 @@ var defaultInsertionsApiConfig = {
 };
 
 // src/types/autosuggestions-config/editing-api-config.tsx
+var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var defaultEditingMakeSystemPrompt = (textareaPurpose, contextString) => {
   return `You are a versatile writing assistant helping the user edit a portion of their text.
   
@@ -2026,54 +2039,46 @@ The conversation will be structured as follows:
 `;
 };
 var defaultEditingFewShotMessages = [
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: "This morning I woke up and went straight to the grocery store. "
-  },
-  {
-    role: "user",
-    name: "TextToEdit",
-    content: "While I was there I picked up some apples, oranges, and bananas. "
-  },
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "The grocery store was having a sale on fruit, so I decided to stock up."
-  },
-  {
-    role: "user",
-    name: "EditingPrompt",
-    content: "I also bought a big watermelon"
-  },
-  {
-    role: "assistant",
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<TextBeforeCursor>This morning I woke up and went straight to the grocery store. </TextBeforeCursor>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<TextToEdit>While I was there I picked up some apples, oranges, and bananas. </TextToEdit>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<TextAfterCursor>The grocery store was having a sale on fruit, so I decided to stock up.</TextAfterCursor>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<EditingPrompt>I also bought a big watermelon</EditingPrompt>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.Assistant,
     content: "While I was there I picked up some apples, oranges, and bananas, and a big watermelon."
-  },
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: "Yesterday, I spent the afternoon working on my new project. "
-  },
-  {
-    role: "user",
-    name: "TextToEdit",
-    content: "It's quite challenging and requires a lot of focus. "
-  },
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "I'm really excited about the potential outcomes of this project."
-  },
-  {
-    role: "user",
-    name: "EditingPrompt",
-    content: "emphasize the complexity and my enthusiasm for the project"
-  },
-  {
-    role: "assistant",
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<TextBeforeCursor>Yesterday, I spent the afternoon working on my new project.</TextBeforeCursor>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<TextToEdit>It's quite challenging and requires a lot of focus.</TextToEdit>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<TextAfterCursor>I'm really excited about the potential outcomes of this project.</TextAfterCursor>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.User,
+    content: "<EditingPrompt>emphasize the complexity and my enthusiasm for the project</EditingPrompt>"
+  }),
+  new import_runtime_client_gql4.TextMessage({
+    role: import_runtime_client_gql4.Role.Assistant,
     content: "It's a highly complex task that demands intense concentration, but I'm incredibly enthusiastic about the promising prospects of this project."
-  }
+  })
 ];
 var defaultEditingApiConfig = {
   makeSystemPrompt: defaultEditingMakeSystemPrompt,
@@ -2082,9 +2087,9 @@ var defaultEditingApiConfig = {
 };
 
 // src/types/autosuggestions-config/autosuggestions-config.tsx
-var import_react_core5 = require("@copilotkit/react-core");
+var import_react_core4 = require("@copilotkit/react-core");
 var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseAutosuggestionsConfig), {
-  contextCategories: import_react_core5.defaultCopilotContextCategories,
+  contextCategories: import_react_core4.defaultCopilotContextCategories,
   chatApiConfigs: {
     suggestionsApiConfig: defaultSuggestionsApiConfig,
     insertionApiConfig: defaultInsertionsApiConfig,
@@ -2094,48 +2099,86 @@ var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseA
 
 // src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx
 var import_shared2 = require("@copilotkit/shared");
-var import_react_core6 = require("@copilotkit/react-core");
+var import_react_core5 = require("@copilotkit/react-core");
 var import_react14 = require("react");
-var import_react_core7 = require("@copilotkit/react-core");
+var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
-  const { getContextString, copilotApiConfig } = (0, import_react14.useContext)(import_react_core6.CopilotContext);
+  const { getContextString, copilotApiConfig } = (0, import_react14.useContext)(import_react_core5.CopilotContext);
   const headers = __spreadValues({}, copilotApiConfig.publicApiKey ? { [import_shared2.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {});
+  const runtimeClient = new import_runtime_client_gql5.CopilotRuntimeClient({
+    url: copilotApiConfig.chatApiEndpoint,
+    publicApiKey: copilotApiConfig.publicApiKey,
+    headers
+  });
+  function runtimeClientResponseToStringStream(responsePromise) {
+    return __async(this, null, function* () {
+      const messagesStream = yield import_runtime_client_gql5.CopilotRuntimeClient.asStream(responsePromise);
+      return new ReadableStream({
+        start(controller) {
+          return __async(this, null, function* () {
+            const reader = messagesStream.getReader();
+            let sentContent = "";
+            while (true) {
+              const { done, value } = yield reader.read();
+              if (done) {
+                break;
+              }
+              const messages = (0, import_runtime_client_gql5.convertGqlOutputToMessages)(value.generateCopilotResponse.messages);
+              let newContent = "";
+              for (const message of messages) {
+                if (message instanceof import_runtime_client_gql5.TextMessage) {
+                  newContent += message.content;
+                }
+              }
+              if (newContent) {
+                const contentToSend = newContent.slice(sentContent.length);
+                controller.enqueue(contentToSend);
+                sentContent += contentToSend;
+              }
+            }
+            controller.close();
+          });
+        }
+      });
+    });
+  }
   const insertionFunction = (0, import_react14.useCallback)(
     (editorState2, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
         const messages = [
-          {
-            role: "system",
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.System,
             content: insertionApiConfig.makeSystemPrompt(
               textareaPurpose,
               getContextString(documents, contextCategories)
             )
-          },
+          }),
           ...insertionApiConfig.fewShotMessages,
-          {
-            role: "user",
-            name: "TextAfterCursor",
-            content: editorState2.textAfterCursor
-          },
-          {
-            role: "user",
-            name: "TextBeforeCursor",
-            content: editorState2.textBeforeCursor
-          },
-          {
-            role: "user",
-            name: "InsertionPrompt",
-            content: insertionPrompt
-          }
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.User,
+            content: `<TextAfterCursor>${editorState2.textAfterCursor}</TextAfterCursor>`
+          }),
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.User,
+            content: `<TextBeforeCursor>${editorState2.textBeforeCursor}</TextBeforeCursor>`
+          }),
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.User,
+            content: `<InsertionPrompt>${insertionPrompt}</InsertionPrompt>`
+          })
         ];
-        const stream = yield (0, import_react_core7.fetchAndDecodeChatCompletionAsText)(__spreadProps(__spreadValues({
-          messages
-        }, insertionApiConfig.forwardedParams), {
-          copilotConfig: copilotApiConfig,
-          signal: abortSignal,
-          headers
-        }));
-        return stream.events;
+        return runtimeClientResponseToStringStream(
+          runtimeClient.generateCopilotResponse(
+            {
+              frontend: {
+                actions: []
+              },
+              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)(messages)
+            },
+            copilotApiConfig.properties,
+            abortSignal
+          )
+        );
       }));
       return res;
     }),
@@ -2145,43 +2188,48 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
     (editorState2, editingPrompt, documents, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
         const messages = [
-          {
-            role: "system",
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.System,
             content: editingApiConfig.makeSystemPrompt(
               textareaPurpose,
               getContextString(documents, contextCategories)
             )
-          },
+          }),
           ...editingApiConfig.fewShotMessages,
-          {
-            role: "user",
-            name: "TextBeforeCursor",
-            content: editorState2.textBeforeCursor
-          },
-          {
-            role: "user",
-            name: "TextToEdit",
-            content: editorState2.selectedText
-          },
-          {
-            role: "user",
-            name: "TextAfterCursor",
-            content: editorState2.textAfterCursor
-          },
-          {
-            role: "user",
-            name: "EditingPrompt",
-            content: editingPrompt
-          }
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.User,
+            content: `<TextBeforeCursor>${editorState2.textBeforeCursor}</TextBeforeCursor>`
+          }),
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.User,
+            content: `<TextToEdit>${editorState2.selectedText}</TextToEdit>`
+          }),
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.User,
+            content: `<TextAfterCursor>${editorState2.textAfterCursor}</TextAfterCursor>`
+          }),
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.User,
+            content: `<EditingPrompt>${editingPrompt}</EditingPrompt>`
+          })
         ];
-        const stream = yield (0, import_react_core7.fetchAndDecodeChatCompletionAsText)(__spreadProps(__spreadValues({
-          messages
-        }, editingApiConfig.forwardedParams), {
-          copilotConfig: copilotApiConfig,
-          signal: abortSignal,
+        const runtimeClient2 = new import_runtime_client_gql5.CopilotRuntimeClient({
+          url: copilotApiConfig.chatApiEndpoint,
+          publicApiKey: copilotApiConfig.publicApiKey,
           headers
-        }));
-        return stream.events;
+        });
+        return runtimeClientResponseToStringStream(
+          runtimeClient2.generateCopilotResponse(
+            {
+              frontend: {
+                actions: []
+              },
+              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)(messages)
+            },
+            copilotApiConfig.properties,
+            abortSignal
+          )
+        );
       }));
       return res;
     }),