@copilotkit/react-textarea 1.50.0-beta.1 → 1.50.0-beta.11

package/dist/components/index.mjs

@@ -1,41 +1,53 @@
-import "../chunk-JD7BAH7U.mjs";
+import "../chunk-MMVDU6DF.mjs";
+import {
+  CopilotTextarea
+} from "../chunk-KAU7LAEQ.mjs";
+import "../chunk-ZQSEYPNN.mjs";
+import "../chunk-DL3JWL2E.mjs";
+import "../chunk-KNQIEOFP.mjs";
 import {
   BaseCopilotTextarea
-} from "../chunk-5NZNJCP2.mjs";
+} from "../chunk-AT3INWD6.mjs";
+import "../chunk-2C7O2EVM.mjs";
 import "../chunk-GQN2HYFJ.mjs";
-import "../chunk-7VADGLV2.mjs";
+import "../chunk-23Q6A46J.mjs";
+import "../chunk-AJ5OMEXM.mjs";
+import "../chunk-DRV2FOHZ.mjs";
+import "../chunk-4NHVQZ67.mjs";
+import "../chunk-QJNFNPWH.mjs";
+import "../chunk-5UNJXFUO.mjs";
+import "../chunk-7LSRNPNI.mjs";
+import "../chunk-PIMJDHZM.mjs";
 import "../chunk-L7VVZH4Q.mjs";
-import "../chunk-66KFI242.mjs";
-import "../chunk-4VCJHANC.mjs";
+import "../chunk-L6JBC3MS.mjs";
+import "../chunk-JVCLCI7G.mjs";
 import "../chunk-KMVGEY7Q.mjs";
-import "../chunk-2IWVZ4PP.mjs";
 import "../chunk-WGWQRALG.mjs";
+import "../chunk-D47EKHIF.mjs";
+import "../chunk-NAFNY4FL.mjs";
+import "../chunk-LYB4B6MK.mjs";
+import "../chunk-2IWVZ4PP.mjs";
 import "../chunk-4PDYALMP.mjs";
 import "../chunk-VSVQZUPW.mjs";
 import "../chunk-I72DKFHD.mjs";
-import "../chunk-D47EKHIF.mjs";
-import "../chunk-2C7O2EVM.mjs";
-import "../chunk-NAFNY4FL.mjs";
+import "../chunk-ECR45NSD.mjs";
+import "../chunk-2QDCE7PD.mjs";
+import "../chunk-YLFAIYRY.mjs";
 import "../chunk-F2ULK22F.mjs";
 import "../chunk-3QJOFG3V.mjs";
 import "../chunk-JLOABKLH.mjs";
-import "../chunk-7LSRNPNI.mjs";
-import "../chunk-LYB4B6MK.mjs";
-import "../chunk-2QDCE7PD.mjs";
+import "../chunk-RUV6NBIF.mjs";
+import "../chunk-4ECCCOFV.mjs";
+import "../chunk-EJGGLWWR.mjs";
+import "../chunk-MCNXIA4Q.mjs";
+import "../chunk-QFXR6DOA.mjs";
 import "../chunk-WJHSY5T6.mjs";
 import "../chunk-F6RLSVG3.mjs";
-import "../chunk-23Q6A46J.mjs";
-import "../chunk-AJ5OMEXM.mjs";
-import "../chunk-YLFAIYRY.mjs";
-import "../chunk-DRV2FOHZ.mjs";
-import "../chunk-4NHVQZ67.mjs";
-import "../chunk-QJNFNPWH.mjs";
-import "../chunk-5UNJXFUO.mjs";
 import "../chunk-DFTV4TST.mjs";
 import "../chunk-T6MTDQZ7.mjs";
-import "../chunk-ECR45NSD.mjs";
 import "../chunk-MRXNTQOX.mjs";
 export {
-  BaseCopilotTextarea
+  BaseCopilotTextarea,
+  CopilotTextarea
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/ui/command.d.ts

@@ -17,7 +17,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
 interface CommandDialogProps extends DialogProps {
 }
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "value"> & {
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { BaseCopilotTextarea } from './components/base-copilot-textarea/base-copilot-textarea.js';
+export { CopilotTextarea, CopilotTextareaProps } from './components/copilot-textarea/copilot-textarea.js';
 export { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from './types/base/base-autosuggestions-config.js';
 export { AutosuggestionsBareFunction } from './types/base/autosuggestions-bare-function.js';
 export { BaseCopilotTextareaProps } from './types/base/index.js';

package/dist/index.js

@@ -81,6 +81,7 @@ var __async = (__this, __arguments, generator) => {
 var src_exports = {};
 __export(src_exports, {
   BaseCopilotTextarea: () => BaseCopilotTextarea,
+  CopilotTextarea: () => CopilotTextarea,
   defaultAutosuggestionsConfig: () => defaultAutosuggestionsConfig,
   defaultBaseAutosuggestionsConfig: () => defaultBaseAutosuggestionsConfig
 });
@@ -284,21 +285,21 @@ var withPartialHistory = (editor, shouldSave2) => {
     const lastBatch = undos[undos.length - 1];
     const lastOp = lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
     let save = import_slate_history.HistoryEditor.isSaving(e);
-    let merge = import_slate_history.HistoryEditor.isMerging(e);
+    let merge2 = import_slate_history.HistoryEditor.isMerging(e);
     if (save == null) {
       save = shouldSave2(op, lastOp);
     }
     if (save) {
-      if (merge == null) {
+      if (merge2 == null) {
         if (lastBatch == null) {
-          merge = false;
+          merge2 = false;
         } else if (operations.length !== 0) {
-          merge = true;
+          merge2 = true;
         } else {
-          merge = shouldMerge(op, lastOp);
+          merge2 = shouldMerge(op, lastOp);
         }
       }
-      if (lastBatch && merge) {
+      if (lastBatch && merge2) {
         lastBatch.operations.push(op);
       } else {
         const batch = {
@@ -1780,8 +1781,86 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
   };
 }
 
-// src/types/autosuggestions-config/suggestions-api-config.tsx
+// src/components/copilot-textarea/copilot-textarea.tsx
+var import_react15 = __toESM(require("react"));
+
+// src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
+var import_shared2 = require("@copilotkit/shared");
+var import_react_core3 = require("@copilotkit/react-core");
+var import_react13 = require("react");
+
+// src/lib/retry.tsx
+function retry(fn, retriesLeft = 2, interval = 200, backoff = 1.5) {
+  return new Promise((resolve, reject) => {
+    fn().then(resolve).catch((error) => {
+      if (retriesLeft === 1) {
+        reject(error);
+        return;
+      }
+      setTimeout(() => {
+        retry(fn, retriesLeft - 1, interval * backoff, backoff).then(resolve).catch(reject);
+      }, interval);
+    });
+  });
+}
+
+// src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
+function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategories, apiConfig) {
+  const runtimeClient = { generateCopilotResponse: (...args) => {
+  } };
+  const { getContextString, copilotApiConfig } = (0, import_react_core3.useCopilotContext)();
+  const { chatApiEndpoint: url, publicApiKey, credentials, properties } = copilotApiConfig;
+  const headers = __spreadValues(__spreadValues({}, copilotApiConfig.headers), publicApiKey ? { [import_shared2.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
+  const { maxTokens, stop, temperature = 0 } = apiConfig;
+  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 = [
+          new import_runtime_client_gql.TextMessage({
+            role: import_runtime_client_gql.Role.System,
+            content: apiConfig.makeSystemPrompt(
+              textareaPurpose,
+              getContextString([], contextCategories)
+            )
+          }),
+          ...apiConfig.fewShotMessages,
+          editorState2.textAfterCursor != "" ? new import_runtime_client_gql.TextMessage({
+            role: import_runtime_client_gql.Role.User,
+            content: editorState2.textAfterCursor
+          }) : null,
+          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>`
+          })
+        ].filter(Boolean);
+        const response = {};
+        let result = "";
+        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;
+          }
+          if (message.isTextMessage()) {
+            result += message.content;
+          }
+        }
+        return result;
+      }));
+      return res;
+    }),
+    [apiConfig, getContextString, contextCategories, textareaPurpose]
+  );
+}
+
+// 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.
   
@@ -1808,28 +1887,28 @@ ${contextString}
 `;
 };
 var defaultSuggestionsFewShotMessages = [
-  new import_runtime_client_gql.TextMessage({
-    role: import_runtime_client_gql.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_gql.TextMessage({
-    role: import_runtime_client_gql.Role.User,
+  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."
   }),
-  new import_runtime_client_gql.TextMessage({
-    role: import_runtime_client_gql.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. "
   }),
-  new import_runtime_client_gql.TextMessage({
-    role: import_runtime_client_gql.Role.User,
+  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_gql.TextMessage({
-    role: import_runtime_client_gql.Role.User,
+  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_gql.TextMessage({
-    role: import_runtime_client_gql.Role.Assistant,
+  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"; `
   })
 ];
@@ -1839,7 +1918,7 @@ var defaultSuggestionsApiConfig = {
 };
 
 // src/types/autosuggestions-config/insertions-api-config.tsx
-var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
+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.
   
@@ -1868,36 +1947,36 @@ The conversation will be structured as follows:
 `;
 };
 var defaultInsertionsFewShotMessages = [
-  new import_runtime_client_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.User,
+  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_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.User,
+  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_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.User,
+  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_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.Assistant,
+  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_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.User,
+  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_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.User,
+  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_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.User,
+  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_gql2.TextMessage({
-    role: import_runtime_client_gql2.Role.Assistant,
+  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"; `
   })
 ];
@@ -1908,7 +1987,7 @@ var defaultInsertionsApiConfig = {
 };
 
 // src/types/autosuggestions-config/editing-api-config.tsx
-var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
+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.
   
@@ -1936,44 +2015,44 @@ The conversation will be structured as follows:
 `;
 };
 var defaultEditingFewShotMessages = [
-  new import_runtime_client_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.Assistant,
+  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."
   }),
-  new import_runtime_client_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.User,
+  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_gql3.TextMessage({
-    role: import_runtime_client_gql3.Role.Assistant,
+  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."
   })
 ];
@@ -1984,18 +2063,207 @@ var defaultEditingApiConfig = {
 };
 
 // src/types/autosuggestions-config/autosuggestions-config.tsx
-var import_react_core3 = require("@copilotkit/react-core");
+var import_react_core4 = require("@copilotkit/react-core");
 var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseAutosuggestionsConfig), {
-  contextCategories: import_react_core3.defaultCopilotContextCategories,
+  contextCategories: import_react_core4.defaultCopilotContextCategories,
   chatApiConfigs: {
     suggestionsApiConfig: defaultSuggestionsApiConfig,
     insertionApiConfig: defaultInsertionsApiConfig,
     editingApiConfig: defaultEditingApiConfig
   }
 });
+
+// src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx
+var import_shared3 = require("@copilotkit/shared");
+var import_react_core5 = require("@copilotkit/react-core");
+var import_react14 = require("react");
+var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
+function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
+  const runtimeClient = { generateCopilotResponse: (...args) => {
+  } };
+  const { getContextString, copilotApiConfig } = (0, import_react_core5.useCopilotContext)();
+  const headers = __spreadValues({}, copilotApiConfig.publicApiKey ? { [import_shared3.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {});
+  function runtimeClientResponseToStringStream(responsePromise) {
+    return __async(this, null, function* () {
+      const messagesStream = runtimeClient.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.isTextMessage()) {
+                  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 = [
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.System,
+            content: insertionApiConfig.makeSystemPrompt(
+              textareaPurpose,
+              getContextString(documents, contextCategories)
+            )
+          }),
+          ...insertionApiConfig.fewShotMessages,
+          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>`
+          })
+        ];
+        return runtimeClientResponseToStringStream(
+          runtimeClient.generateCopilotResponse({
+            data: {
+              frontend: {
+                actions: [],
+                url: window.location.href
+              },
+              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)((0, import_runtime_client_gql5.filterAgentStateMessages)(messages)),
+              metadata: {
+                requestType: import_runtime_client_gql5.CopilotRequestType.TextareaCompletion
+              }
+            },
+            properties: copilotApiConfig.properties,
+            signal: abortSignal
+          })
+        );
+      }));
+      return res;
+    }),
+    [insertionApiConfig, getContextString, contextCategories, textareaPurpose]
+  );
+  const editingFunction = (0, import_react14.useCallback)(
+    (editorState2, editingPrompt, documents, abortSignal) => __async(this, null, function* () {
+      const res = yield retry(() => __async(this, null, function* () {
+        const messages = [
+          new import_runtime_client_gql5.TextMessage({
+            role: import_runtime_client_gql5.Role.System,
+            content: editingApiConfig.makeSystemPrompt(
+              textareaPurpose,
+              getContextString(documents, contextCategories)
+            )
+          }),
+          ...editingApiConfig.fewShotMessages,
+          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>`
+          })
+        ];
+        return runtimeClientResponseToStringStream(
+          runtimeClient.generateCopilotResponse({
+            data: {
+              frontend: {
+                actions: [],
+                url: window.location.href
+              },
+              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)((0, import_runtime_client_gql5.filterAgentStateMessages)(messages)),
+              metadata: {
+                requestType: import_runtime_client_gql5.CopilotRequestType.TextareaCompletion
+              }
+            },
+            properties: copilotApiConfig.properties,
+            signal: abortSignal
+          })
+        );
+      }));
+      return res;
+    }),
+    [editingApiConfig, getContextString, contextCategories, textareaPurpose]
+  );
+  const insertionOrEditingFunction = (0, import_react14.useCallback)(
+    (editorState2, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
+      if (editorState2.selectedText === "") {
+        return yield insertionFunction(editorState2, insertionPrompt, documents, abortSignal);
+      } else {
+        return yield editingFunction(editorState2, insertionPrompt, documents, abortSignal);
+      }
+    }),
+    [insertionFunction, editingFunction]
+  );
+  return insertionOrEditingFunction;
+}
+
+// src/components/copilot-textarea/copilot-textarea.tsx
+var import_lodash = __toESM(require("lodash.merge"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var CopilotTextarea = import_react15.default.forwardRef(
+  (props, ref) => {
+    const _a = props, { autosuggestionsConfig: autosuggestionsConfigUserSpecified } = _a, forwardedProps = __objRest(_a, ["autosuggestionsConfig"]);
+    const autosuggestionsConfig = (0, import_lodash.default)(
+      defaultAutosuggestionsConfig,
+      autosuggestionsConfigUserSpecified
+    );
+    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
+      autosuggestionsConfig.textareaPurpose,
+      autosuggestionsConfig.contextCategories,
+      autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig
+    );
+    const insertionOrEditingFunction = useMakeStandardInsertionOrEditingFunction(
+      autosuggestionsConfig.textareaPurpose,
+      autosuggestionsConfig.contextCategories,
+      autosuggestionsConfig.chatApiConfigs.insertionApiConfig,
+      autosuggestionsConfig.chatApiConfigs.editingApiConfig
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      BaseCopilotTextarea,
+      __spreadProps(__spreadValues({
+        ref
+      }, forwardedProps), {
+        baseAutosuggestionsConfig: __spreadProps(__spreadValues({}, autosuggestionsConfig), {
+          apiConfig: {
+            insertionOrEditingFunction,
+            autosuggestionsFunction
+          }
+        })
+      })
+    ) });
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BaseCopilotTextarea,
+  CopilotTextarea,
   defaultAutosuggestionsConfig,
   defaultBaseAutosuggestionsConfig
 });