@copilotkit/react-textarea 0.24.0 → 0.26.0-alpha.0

package/dist/types/index.mjs

@@ -1,13 +1,329 @@
-import '../chunk-DE5K76I2.mjs';
-import '../chunk-5FO6ISW4.mjs';
-export { ChatlikeApiEndpoint } from '../chunk-QJDMIGLU.mjs';
-export { defaultAutosuggestionsConfig } from '../chunk-GUH3Y2H4.mjs';
-import '../chunk-AXN37AHC.mjs';
-import '../chunk-RR6OQGTI.mjs';
-import '../chunk-JHTAOLEW.mjs';
-import '../chunk-WADHCMPK.mjs';
-import '../chunk-WJHSY5T6.mjs';
-export { defaultBaseAutosuggestionsConfig } from '../chunk-6Z2ATUNY.mjs';
-import '../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/types/base/base-autosuggestions-config.tsx
+import { defaultCopilotContextCategories } from "@copilotkit/react-core";
+var defaultShouldToggleHoveringEditorOnKeyPress = (event) => {
+  if (event.key === "k" && event.metaKey) {
+    return true;
+  }
+  return false;
+};
+var defaultShouldAcceptAutosuggestionOnKeyPress = (event) => {
+  if (event.key === "Tab") {
+    return true;
+  }
+  return false;
+};
+var defaultBaseAutosuggestionsConfig = {
+  debounceTime: 250,
+  contextCategories: defaultCopilotContextCategories,
+  disableWhenEmpty: true,
+  disabled: false,
+  temporarilyDisableWhenMovingCursorWithoutChangingText: true,
+  shouldToggleHoveringEditorOnKeyPress: defaultShouldToggleHoveringEditorOnKeyPress,
+  shouldAcceptAutosuggestionOnKeyPress: defaultShouldAcceptAutosuggestionOnKeyPress
+};
+
+// src/types/autosuggestions-config/suggestions-api-config.tsx
+var defaultSuggestionsMakeSystemPrompt = (textareaPurpose, contextString) => {
+  return `You are a versatile writing assistant.
+  
+The user is writing some text.
+The purpose is: "${textareaPurpose}"
+
+Your job is to guess what the user will write next AS BEST YOU CAN.
+Only guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.
+
+Adjust yourself to the user's style and implied intent.
+
+The user will provide both the text before and after the cursor. You should use this to infer what the user is likely to write next.
+<TextAfterCursor>
+<TextBeforeCursor>
+<YourSuggestion>
+
+If we need to add a whitespace character to the suggested text, make sure to explicitly add it in.
+
+The following external context is also provided. Use it to help you make better suggestions!!!
+\`\`\`
+${contextString}
+\`\`\`
+`;
+};
+var defaultSuggestionsFewShotMessages = [
+  {
+    role: "user",
+    name: "TextAfterCursor",
+    content: "While I was there I also picked up some apples, oranges, and bananas."
+  },
+  {
+    role: "user",
+    content: "This morning I woke up and went straight to the grocery store."
+  },
+  {
+    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",
+    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,
+  fewShotMessages: defaultSuggestionsFewShotMessages,
+  forwardedParams: void 0
+};
+
+// src/types/autosuggestions-config/insertions-api-config.tsx
+var defaultInsertionsMakeSystemPrompt = (textareaPurpose, contextString) => {
+  return `You are a versatile writing assistant.
+  
+The user is writing some text.
+The purpose is: "${textareaPurpose}"
+
+The following external context is also provided. Use it to help you make better suggestions!!!
+\`\`\`
+${contextString}
+\`\`\`
+
+The user also provides you with a prompt for INSERTIONS into the text they are writing. 
+Your job is to come up with an INSERTION into the text that the user would like AS BEST YOU CAN.
+Only insert a SHORT segment. Usually 1 sentence, or at most 1 paragraph.
+
+Adjust yourself to the user's style and implied intent.
+
+The user will provide the text before and after the cursor, as well as the insertion prompt. You should use this to infer the best relevant insertion.
+<TextAfterCursor>
+<TextBeforeCursor>
+<InsertionPrompt>
+<YourSuggestion>
+`;
+};
+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",
+    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,
+  fewShotMessages: defaultInsertionsFewShotMessages,
+  forwardedParams: void 0
+};
+
+// src/types/autosuggestions-config/editing-api-config.tsx
+var defaultEditingMakeSystemPrompt = (textareaPurpose, contextString) => {
+  return `You are a versatile writing assistant.
+  
+The user is writing some text.
+The purpose is: "${textareaPurpose}"
+
+The following external context is also provided. Use it to help you make better suggestions!!!
+\`\`\`
+${contextString}
+\`\`\`
+
+The user also provides you with a prompt for EDITING some text they are writing. 
+Your job is to come up with an EDIT of the text that the user would like to use - AS BEST YOU CAN.
+
+Adjust yourself to the user's style and implied intent.
+
+The user will provide the following information; use this to infer the best relevant EDIT:
+<TextBeforeCursor>
+<TextToEdit>
+<TextAfterCursor>
+<EditingPrompt>
+
+<YourEditSuggestion>
+`;
+};
+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 also 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 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",
+    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 defaultEditingApiConfig = {
+  makeSystemPrompt: defaultEditingMakeSystemPrompt,
+  fewShotMessages: defaultEditingFewShotMessages,
+  forwardedParams: void 0
+};
+
+// src/types/autosuggestions-config/autosuggestions-config.tsx
+import { defaultCopilotContextCategories as defaultCopilotContextCategories2 } from "@copilotkit/react-core";
+var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseAutosuggestionsConfig), {
+  contextCategories: defaultCopilotContextCategories2,
+  chatApiConfigs: {
+    suggestionsApiConfig: defaultSuggestionsApiConfig,
+    insertionApiConfig: defaultInsertionsApiConfig,
+    editingApiConfig: defaultEditingApiConfig
+  }
+});
+
+// src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx
+import { copilotApiConfigExtrapolator } from "@copilotkit/react-core";
+var ChatlikeApiEndpoint = class {
+  constructor(run) {
+    this.run = run;
+  }
+  /**
+   * Creates a new instance of ChatlikeApiEndpoint with the provided API endpoint.
+   * @param apiEndpoint The URL of the OpenAI-compatible API endpoint.
+   * @returns A new instance of ChatlikeApiEndpoint.
+   */
+  static fromCopilotApiConfig(copilotApiConfig) {
+    return new ChatlikeApiEndpoint(
+      (abortSignal, messages, forwardedProps) => __async(this, null, function* () {
+        const res = yield fetch(copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint, {
+          method: "POST",
+          headers: __spreadValues({}, copilotApiConfig.headers),
+          body: JSON.stringify(__spreadProps(__spreadValues(__spreadValues({}, forwardedProps), copilotApiConfig.body), {
+            messages
+          })),
+          signal: abortSignal
+        });
+        const bodySteram = res.body;
+        if (!bodySteram) {
+          throw new Error("The response body is empty.");
+        }
+        const stringStream = bodySteram.pipeThrough(new TextDecoderStream());
+        return stringStream;
+      })
+    );
+  }
+  /**
+   * Creates a fully customized instance of ChatlikeApiEndpoint.
+   * @param run - The implementation of the ChatlikeApiEndpointImpl interface.
+   * @returns A new instance of ChatlikeApiEndpoint .
+   */
+  static custom(run) {
+    return new ChatlikeApiEndpoint(run);
+  }
+};
+export {
+  ChatlikeApiEndpoint,
+  defaultAutosuggestionsConfig,
+  defaultBaseAutosuggestionsConfig
+};
 //# sourceMappingURL=index.mjs.map

package/dist/types/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/types/base/base-autosuggestions-config.tsx","../../src/types/autosuggestions-config/suggestions-api-config.tsx","../../src/types/autosuggestions-config/insertions-api-config.tsx","../../src/types/autosuggestions-config/editing-api-config.tsx","../../src/types/autosuggestions-config/autosuggestions-config.tsx","../../src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx"],"sourcesContent":["import { BaseCopilotTextareaApiConfig } from \"./autosuggestions-bare-function\";\nimport { defaultCopilotContextCategories } from \"@copilotkit/react-core\";\n\n/**\n * @interface BaseAutosuggestionsConfig\n *\n * @property {string} textareaPurpose - The purpose of the textarea. This is used to guide the autosuggestions.\n *\n * @property {string[]} contextCategories - The categories of context to consider when providing autosuggestions.\n *\n * @property {number} debounceTime - The amount of time (in milliseconds) to wait before triggering autosuggestions after the user has stopped typing.\n *\n * @property {BaseCopilotTextareaApiConfig} apiConfig - The configuration for the API that provides the autosuggestions.\n *\n * @property {boolean} disableWhenEmpty - Whether to disable autosuggestions when the textarea is empty.\n *\n * @property {boolean} disabled - Whether to disable autosuggestions entirely.\n *\n * @property {boolean} temporarilyDisableWhenMovingCursorWithoutChangingText - Whether to temporarily disable autosuggestions when the user moves the cursor without changing the text.\n *\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldAcceptAutosuggestionOnKeyPress - A function that determines whether to accept the current autosuggestion based on a key press event. By default, the Tab key is used to accept the autosuggestion. Example code:\n *\n * ```typescript\n * const defaultShouldAcceptAutosuggestionOnKeyPress =  (event: React.KeyboardEvent<HTMLDivElement>) => {\n *   // if tab, accept the autosuggestion\n *   if (event.key === \"Tab\") {\n *     return true;\n *   }\n *   return false;\n * }\n * ```\n *\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldToggleHoveringEditorOnKeyPress - A function that determines whether to toggle the hovering editor based on a key press event. By default, the Command + K key combination is used to toggle the hovering editor. Example code:\n *\n * ```typescript\n * const defaultShouldToggleHoveringEditorOnKeyPress =  (event: React.KeyboardEvent<HTMLDivElement>) => {\n *   // if command-k, toggle the hovering editor\n *   if (event.key === \"k\" && event.metaKey) {\n *     return true;\n *   }\n *   return false;\n * }\n * ```\n */\nexport interface BaseAutosuggestionsConfig {\n  textareaPurpose: string;\n  contextCategories: string[];\n  debounceTime: number;\n  apiConfig: BaseCopilotTextareaApiConfig;\n\n  disableWhenEmpty: boolean;\n  disabled: boolean;\n  temporarilyDisableWhenMovingCursorWithoutChangingText: boolean;\n  shouldAcceptAutosuggestionOnKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => boolean;\n  shouldToggleHoveringEditorOnKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => boolean;\n}\n\n// by default, command-k toggles the hovering editor\nconst defaultShouldToggleHoveringEditorOnKeyPress = (\n  event: React.KeyboardEvent<HTMLDivElement>,\n) => {\n  // if command-k, toggle the hovering editor\n  if (event.key === \"k\" && event.metaKey) {\n    return true;\n  }\n  return false;\n};\n\nconst defaultShouldAcceptAutosuggestionOnKeyPress = (\n  event: React.KeyboardEvent<HTMLDivElement>,\n) => {\n  // if tab, accept the autosuggestion\n  if (event.key === \"Tab\") {\n    return true;\n  }\n  return false;\n};\n\n/**\n * Default configuration for the BaseAutosuggestions.\n *\n * @property {number} debounceTime - The amount of time to wait before triggering the autosuggestions API call.\n * @property {string[]} contextCategories - The categories to use for context when making the autosuggestions API call.\n * @property {boolean} disableWhenEmpty - Whether to disable the autosuggestions when the textarea is empty.\n * @property {boolean} disabled - Whether to disable the autosuggestions feature entirely.\n * @property {boolean} temporarilyDisableWhenMovingCursorWithoutChangingText - Whether to temporarily disable the autosuggestions when the cursor is moved without changing the text.\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldToggleHoveringEditorOnKeyPress - A function that determines whether to toggle the hovering editor based on a key press event.\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldAcceptAutosuggestionOnKeyPress - A function that determines whether to accept the autosuggestion based on a key press event.\n */\n\nexport const defaultBaseAutosuggestionsConfig: Omit<\n  BaseAutosuggestionsConfig,\n  \"textareaPurpose\" | \"apiConfig\"\n> = {\n  debounceTime: 250,\n  contextCategories: defaultCopilotContextCategories,\n  disableWhenEmpty: true,\n  disabled: false,\n  temporarilyDisableWhenMovingCursorWithoutChangingText: true,\n  shouldToggleHoveringEditorOnKeyPress: defaultShouldToggleHoveringEditorOnKeyPress,\n  shouldAcceptAutosuggestionOnKeyPress: defaultShouldAcceptAutosuggestionOnKeyPress,\n};\n","import { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\nimport { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\n\nexport interface SuggestionsApiConfig {\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultSuggestionsMakeSystemPrompt: MakeSystemPrompt = (\n  textareaPurpose,\n  contextString,\n) => {\n  return `You are a versatile writing assistant.\n  \nThe user is writing some text.\nThe purpose is: \\\"${textareaPurpose}\\\"\n\nYour job is to guess what the user will write next AS BEST YOU CAN.\nOnly guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide both the text before and after the cursor. You should use this to infer what the user is likely to write next.\n<TextAfterCursor>\n<TextBeforeCursor>\n<YourSuggestion>\n\nIf we need to add a whitespace character to the suggested text, make sure to explicitly add it in.\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n`;\n};\n\nexport const defaultSuggestionsFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content: \"While I was there I also picked up some apples, oranges, and bananas.\",\n  },\n  {\n    role: \"user\",\n    content: \"This morning I woke up and went straight to the grocery store.\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content:\n      '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;',\n  },\n  {\n    role: \"assistant\",\n    content:\n      ' (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\"; ',\n  },\n];\n\nexport const defaultSuggestionsApiConfig: SuggestionsApiConfig = {\n  makeSystemPrompt: defaultSuggestionsMakeSystemPrompt,\n  fewShotMessages: defaultSuggestionsFewShotMessages,\n  forwardedParams: undefined,\n};\n","import { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\n\nexport interface InsertionsApiConfig {\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultInsertionsMakeSystemPrompt: MakeSystemPrompt = (\n  textareaPurpose,\n  contextString,\n) => {\n  return `You are a versatile writing assistant.\n  \nThe user is writing some text.\nThe purpose is: \\\"${textareaPurpose}\\\"\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n\nThe user also provides you with a prompt for INSERTIONS into the text they are writing. \nYour job is to come up with an INSERTION into the text that the user would like AS BEST YOU CAN.\nOnly insert a SHORT segment. Usually 1 sentence, or at most 1 paragraph.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide the text before and after the cursor, as well as the insertion prompt. You should use this to infer the best relevant insertion.\n<TextAfterCursor>\n<TextBeforeCursor>\n<InsertionPrompt>\n<YourSuggestion>\n`;\n};\n\nexport const defaultInsertionsFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content: \"While I was there I also picked up some apples, oranges, and bananas.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content: \"This morning I woke up and went straight to the grocery store.\",\n  },\n  {\n    role: \"user\",\n    name: \"InsertionPrompt\",\n    content: \"I bought a big watermelon\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content:\n      '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;',\n  },\n  {\n    role: \"user\",\n    name: \"InsertionPrompt\",\n    content: \"add section about the optionholder's pro rata share\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      ' (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\"; ',\n  },\n];\n\nexport const defaultInsertionsApiConfig: InsertionsApiConfig = {\n  makeSystemPrompt: defaultInsertionsMakeSystemPrompt,\n  fewShotMessages: defaultInsertionsFewShotMessages,\n  forwardedParams: undefined,\n};\n","import { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\n\nexport interface EditingApiConfig {\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultEditingMakeSystemPrompt: MakeSystemPrompt = (\n  textareaPurpose,\n  contextString,\n) => {\n  return `You are a versatile writing assistant.\n  \nThe user is writing some text.\nThe purpose is: \\\"${textareaPurpose}\\\"\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n\nThe user also provides you with a prompt for EDITING some text they are writing. \nYour job is to come up with an EDIT of the text that the user would like to use - AS BEST YOU CAN.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide the following information; use this to infer the best relevant EDIT:\n<TextBeforeCursor>\n<TextToEdit>\n<TextAfterCursor>\n<EditingPrompt>\n\n<YourEditSuggestion>\n`;\n};\n\nexport const defaultEditingFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content: \"This morning I woke up and went straight to the grocery store. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextToEdit\",\n    content: \"While I was there I also picked up some apples, oranges, and bananas. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content: \"The grocery store was having a sale on fruit, so I decided to stock up.\",\n  },\n  {\n    role: \"user\",\n    name: \"EditingPrompt\",\n    content: \"I bought a big watermelon\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content:\n      '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;',\n  },\n  {\n    role: \"user\",\n    name: \"InsertionPrompt\",\n    content: \"add section about the optionholder's pro rata share\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      ' (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\"; ',\n  },\n];\n\nexport const defaultEditingApiConfig: EditingApiConfig = {\n  makeSystemPrompt: defaultEditingMakeSystemPrompt,\n  fewShotMessages: defaultEditingFewShotMessages,\n  forwardedParams: undefined,\n};\n","import { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from \"../base\";\nimport { SuggestionsApiConfig, defaultSuggestionsApiConfig } from \"./suggestions-api-config\";\nimport { InsertionsApiConfig, defaultInsertionsApiConfig } from \"./insertions-api-config\";\nimport { ChatlikeApiEndpoint } from \".\";\nimport { EditingApiConfig, defaultEditingApiConfig } from \"./editing-api-config\";\nimport { defaultCopilotContextCategories } from \"@copilotkit/react-core\";\n\n// Like the base autosuggestions config, with 2 additional fields:\n// 1. contextCategories: string[] | undefined;\n// 2. instead of apiConfigs, we have chatApiConfigs: a higher-level abstraction that uses a ChatGPT-like API endpoint.\nexport interface AutosuggestionsConfig extends Omit<BaseAutosuggestionsConfig, \"apiConfig\"> {\n  contextCategories: string[];\n  chatApiConfigs: {\n    suggestionsApiConfig: SuggestionsApiConfig;\n    insertionApiConfig: InsertionsApiConfig;\n    editingApiConfig: EditingApiConfig;\n  };\n}\n\nexport const defaultAutosuggestionsConfig: Omit<\n  AutosuggestionsConfig,\n  \"textareaPurpose\" | \"apiEndpoint\"\n> = {\n  ...defaultBaseAutosuggestionsConfig,\n  contextCategories: defaultCopilotContextCategories,\n  chatApiConfigs: {\n    suggestionsApiConfig: defaultSuggestionsApiConfig,\n    insertionApiConfig: defaultInsertionsApiConfig,\n    editingApiConfig: defaultEditingApiConfig,\n  },\n};\n","import { CopilotApiConfig, copilotApiConfigExtrapolator } from \"@copilotkit/react-core\";\nimport { MinimalChatGPTMessage } from \"./minimal-chat-gpt-message\";\n\nexport type ChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any },\n) => Promise<string>;\n\nexport type StreamingChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any },\n) => Promise<ReadableStream<string>>;\n\nexport class ChatlikeApiEndpoint {\n  public run: StreamingChatlikeApiEndpointImpl;\n\n  constructor(run: StreamingChatlikeApiEndpointImpl) {\n    this.run = run;\n  }\n\n  /**\n   * Creates a new instance of ChatlikeApiEndpoint with the provided API endpoint.\n   * @param apiEndpoint The URL of the OpenAI-compatible API endpoint.\n   * @returns A new instance of ChatlikeApiEndpoint.\n   */\n  static fromCopilotApiConfig(copilotApiConfig: CopilotApiConfig): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(\n      async (\n        abortSignal: AbortSignal,\n        messages: MinimalChatGPTMessage[],\n        forwardedProps?: { [key: string]: any },\n      ) => {\n        const res = await fetch(copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint, {\n          method: \"POST\",\n          headers: {\n            ...copilotApiConfig.headers,\n          },\n          body: JSON.stringify({\n            ...forwardedProps,\n            ...copilotApiConfig.body,\n            messages: messages,\n          }),\n          signal: abortSignal,\n        });\n\n        const bodySteram: ReadableStream<Uint8Array> | null = res.body;\n        if (!bodySteram) {\n          throw new Error(\"The response body is empty.\");\n        }\n\n        // map the stream to a stream of strings\n        const stringStream = bodySteram.pipeThrough(new TextDecoderStream());\n\n        return stringStream;\n      },\n    );\n  }\n\n  /**\n   * Creates a fully customized instance of ChatlikeApiEndpoint.\n   * @param run - The implementation of the ChatlikeApiEndpointImpl interface.\n   * @returns A new instance of ChatlikeApiEndpoint .\n   */\n  static custom(run: StreamingChatlikeApiEndpointImpl): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(run);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,uCAAuC;AAyDhD,IAAM,8CAA8C,CAClD,UACG;AAEH,MAAI,MAAM,QAAQ,OAAO,MAAM,SAAS;AACtC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,IAAM,8CAA8C,CAClD,UACG;AAEH,MAAI,MAAM,QAAQ,OAAO;AACvB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAcO,IAAM,mCAGT;AAAA,EACF,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,uDAAuD;AAAA,EACvD,sCAAsC;AAAA,EACtC,sCAAsC;AACxC;;;AC5FO,IAAM,qCAAuD,CAClE,iBACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlB;AAAA;AAAA;AAGF;AAEO,IAAM,oCAA6D;AAAA,EACxE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AAEO,IAAM,8BAAoD;AAAA,EAC/D,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;;;AClEO,IAAM,oCAAsD,CACjE,iBACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA,EAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeF;AAEO,IAAM,mCAA4D;AAAA,EACvE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AAEO,IAAM,6BAAkD;AAAA,EAC7D,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;;;AC7EO,IAAM,iCAAmD,CAC9D,iBACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA,EAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBF;AAEO,IAAM,gCAAyD;AAAA,EACpE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AAEO,IAAM,0BAA4C;AAAA,EACvD,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;;;ACvFA,SAAS,mCAAAA,wCAAuC;AAczC,IAAM,+BAGT,iCACC,mCADD;AAAA,EAEF,mBAAmBC;AAAA,EACnB,gBAAgB;AAAA,IACd,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EACpB;AACF;;;AC9BA,SAA2B,oCAAoC;AAexD,IAAM,sBAAN,MAA0B;AAAA,EAG/B,YAAY,KAAuC;AACjD,SAAK,MAAM;AAAA,EACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,qBAAqB,kBAAyD;AACnF,WAAO,IAAI;AAAA,MACT,CACE,aACA,UACA,mBACG;AACH,cAAM,MAAM,MAAM,MAAM,6BAA6B,gBAAgB,EAAE,iBAAiB;AAAA,UACtF,QAAQ;AAAA,UACR,SAAS,mBACJ,iBAAiB;AAAA,UAEtB,MAAM,KAAK,UAAU,gDAChB,iBACA,iBAAiB,OAFD;AAAA,YAGnB;AAAA,UACF,EAAC;AAAA,UACD,QAAQ;AAAA,QACV,CAAC;AAED,cAAM,aAAgD,IAAI;AAC1D,YAAI,CAAC,YAAY;AACf,gBAAM,IAAI,MAAM,6BAA6B;AAAA,QAC/C;AAGA,cAAM,eAAe,WAAW,YAAY,IAAI,kBAAkB,CAAC;AAEnE,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,OAAO,KAA4D;AACxE,WAAO,IAAI,oBAAoB,GAAG;AAAA,EACpC;AACF;","names":["defaultCopilotContextCategories","defaultCopilotContextCategories"]}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.24.0",
+  "version": "0.26.0-alpha.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -31,11 +31,11 @@
     "react": "^18.2.0",
     "tailwindcss": "^3.3.0",
     "ts-jest": "^29.1.1",
-    "tsup": "^6.1.3",
-    "typescript": "^4.9.4",
+    "tsup": "^6.7.0",
+    "typescript": "^5.1.3",
     "eslint-config-custom": "0.2.0",
-    "tailwind-config": "0.1.0",
-    "tsconfig": "0.5.0"
+    "tsconfig": "0.6.0-alpha.0",
+    "tailwind-config": "0.1.0"
   },
   "dependencies": {
     "@emotion/css": "^11.11.2",
@@ -46,7 +46,7 @@
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
-    "ai": "^2.2.12",
+    "ai": "^2.2.23",
     "class-variance-authority": "^0.6.1",
     "clsx": "^1.2.1",
     "cmdk": "^0.2.0",
@@ -59,7 +59,7 @@
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.1",
     "tailwind-merge": "^1.13.2",
-    "@copilotkit/react-core": "0.13.0"
+    "@copilotkit/react-core": "0.15.0-alpha.0"
   },
   "scripts": {
     "build": "tsup --treeshake",

package/src/components/base-copilot-textarea/base-copilot-textarea.tsx

@@ -12,10 +12,7 @@ import {
 import { addAutocompletionsToEditor } from "../../lib/slatejs-edits/add-autocompletions";
 import { clearAutocompletionsFromEditor } from "../../lib/slatejs-edits/clear-autocompletions";
 import { replaceEditorText } from "../../lib/slatejs-edits/replace-text";
-import {
-  BaseAutosuggestionsConfig,
-  defaultBaseAutosuggestionsConfig,
-} from "../../types/base";
+import { BaseAutosuggestionsConfig, defaultBaseAutosuggestionsConfig } from "../../types/base";
 import { AutosuggestionState } from "../../types/base/autosuggestion-state";
 import { BaseCopilotTextareaProps } from "../../types/base/base-copilot-textarea-props";
 import "./base-copilot-textarea.css";
@@ -30,27 +27,72 @@ import {
 import { EditorAutocompleteState } from "../../types/base/editor-autocomplete-state";
 import { TrackerTextEditedSinceLastCursorMovement } from "./track-cursor-moved-since-last-text-change";
 
+/**
+ * Purpose: to be used as the `ref` type for `CopilotTextarea` and `BaseCopilotTextarea`.
+ *
+ * This interface extends `HTMLElement`, and is the subset of `HTMLTextAreaElement` that "actually matters".
+ * It provides the core functionality that consumers of `HTMLTextAreaElement` need 99.9% of the time:
+ * - `value`: the current value of the textarea
+ * - `focus`: make the textarea focused
+ * - `blur`: make the textarea unfocused
+ */
 export interface HTMLCopilotTextAreaElement extends HTMLElement {
+  /**
+   * The current value of the textarea.
+   */
   value: string;
+
+  /**
+   * focus on the textarea
+   */
   focus: () => void;
+
+  /**
+   * unfocus the textarea.
+   *
+   * Called `blur` for syntactic compatibility with `HTMLTextAreaElement`.
+   */
   blur: () => void;
 }
 
+/**
+ * Not intended for direct use. Use CopilotTextarea instead.
+ *
+ * The `BaseCopilotTextarea` includes the basic UX component,
+ * without the business logic / AI logic that makes the content useful and coherent.
+ *
+ * It is useful if you want to build your own backend, with fully custom business logic
+ * for figuring out which contnet to fill in.
+ */
+export const BaseCopilotTextarea = React.forwardRef(
+  (props: BaseCopilotTextareaProps, ref: React.Ref<HTMLCopilotTextAreaElement>): JSX.Element => {
+    return (
+      <HoveringEditorProvider>
+        <BaseCopilotTextareaWithHoveringContext {...props} ref={ref} />
+      </HoveringEditorProvider>
+    );
+  },
+);
+
+/**
+ * Not intended for direct use. Use `CopilotTextarea` instead.
+ *
+ * This is the private core of the `BaseCopilotTextarea` component.
+ * For practical purposes the implementation is cleaner assuming containment in a `HoveringEditorProviderContext`.
+ *
+ * Therefore we separate the core logic into this component,
+ * and wrap it in a `HoveringEditorProviderContext` in `BaseCopilotTextarea`.
+ */
 const BaseCopilotTextareaWithHoveringContext = React.forwardRef(
-  (
-    props: BaseCopilotTextareaProps,
-    ref: React.Ref<HTMLCopilotTextAreaElement>
-  ): JSX.Element => {
+  (props: BaseCopilotTextareaProps, ref: React.Ref<HTMLCopilotTextAreaElement>): JSX.Element => {
     const autosuggestionsConfig: BaseAutosuggestionsConfig = {
       ...defaultBaseAutosuggestionsConfig,
       ...props.baseAutosuggestionsConfig,
     };
 
     const valueOnInitialRender = useMemo(() => props.value ?? "", []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] =
-      useState(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] =
-      useState(false);
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = useState(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = useState(false);
 
     // // When the editor text changes, we want to reset the `textEditedSinceLastCursorMovement` state.
     // useEffect(() => {
@@ -68,10 +110,8 @@ const BaseCopilotTextareaWithHoveringContext = React.forwardRef(
 
     const editor = useCopilotTextareaEditor();
 
-    const {
-      isDisplayed: hoveringEditorIsDisplayed,
-      setIsDisplayed: setHoveringEditorIsDisplayed,
-    } = useHoveringEditorContext();
+    const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } =
+      useHoveringEditorContext();
 
     const insertText = useCallback(
       (autosuggestion: AutosuggestionState) => {
@@ -79,33 +119,43 @@ const BaseCopilotTextareaWithHoveringContext = React.forwardRef(
           at: autosuggestion.point,
         });
       },
-      [editor]
+      [editor],
     );
 
+    const shouldDisableAutosuggestions =
+      // textarea is manually disabled:
+      autosuggestionsConfig.disabled ||
+      // hovering editor is displayed:
+      hoveringEditorIsDisplayed ||
+      // the cursor has moved since the last text change AND we are configured to disable autosuggestions in this case:
+      (cursorMovedSinceLastTextChange &&
+        autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText);
+
     const {
       currentAutocompleteSuggestion,
       onChangeHandler: onChangeHandlerForAutocomplete,
       onKeyDownHandler: onKeyDownHandlerForAutocomplete,
     } = useAutosuggestions(
       autosuggestionsConfig.debounceTime,
-      autosuggestionsConfig.acceptAutosuggestionKey,
+      autosuggestionsConfig.shouldAcceptAutosuggestionOnKeyPress,
       autosuggestionsConfig.apiConfig.autosuggestionsFunction,
       insertText,
       autosuggestionsConfig.disableWhenEmpty,
-      autosuggestionsConfig.disabled ||
-        hoveringEditorIsDisplayed || // disable autosuggestions when the hovering editor is displayed
-        (cursorMovedSinceLastTextChange &&
-          autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText) // disable autosuggestions when the cursor has moved since the last text change
+      shouldDisableAutosuggestions,
     );
+
     const onKeyDownHandlerForHoveringEditor = useCallback(
       (event: React.KeyboardEvent<HTMLDivElement>) => {
-        // if command-k, toggle the hovering editor
-        if (event.key === "k" && event.metaKey) {
+        if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event)) {
           event.preventDefault();
           setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);
         }
       },
-      [hoveringEditorIsDisplayed, setHoveringEditorIsDisplayed]
+      [
+        hoveringEditorIsDisplayed,
+        setHoveringEditorIsDisplayed,
+        autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress,
+      ],
     );
 
     // sync autosuggestions state with the editor
@@ -115,7 +165,7 @@ const BaseCopilotTextareaWithHoveringContext = React.forwardRef(
         addAutocompletionsToEditor(
           editor,
           currentAutocompleteSuggestion.text,
-          currentAutocompleteSuggestion.point
+          currentAutocompleteSuggestion.point,
         );
       }
     }, [currentAutocompleteSuggestion]);
@@ -177,10 +227,7 @@ const BaseCopilotTextareaWithHoveringContext = React.forwardRef(
       const baseClassName = "copilot-textarea";
       const brandingClass = disableBranding ? "no-branding" : "with-branding";
       const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
-      const mergedClassName = twMerge(
-        defaultTailwindClassName,
-        className ?? ""
-      );
+      const mergedClassName = twMerge(defaultTailwindClassName, className ?? "");
       return `${baseClassName} ${brandingClass} ${mergedClassName}`;
     })();
 
@@ -228,7 +275,7 @@ const BaseCopilotTextareaWithHoveringContext = React.forwardRef(
         />
       </Slate>
     );
-  }
+  },
 );
 
 // Consumers of <textarea> expect a `onChange: (React.ChangeEvent<HTMLTextAreaElement>) => void` event handler to be passed in.
@@ -243,7 +290,7 @@ const BaseCopilotTextareaWithHoveringContext = React.forwardRef(
 //
 // If this proves problematic, we can always revisit this decision.
 function makeSemiFakeReactTextAreaEvent(
-  currentText: string
+  currentText: string,
 ): React.ChangeEvent<HTMLTextAreaElement> {
   return {
     target: {
@@ -256,16 +303,3 @@ function makeSemiFakeReactTextAreaEvent(
     },
   } as React.ChangeEvent<HTMLTextAreaElement>;
 }
-
-export const BaseCopilotTextarea = React.forwardRef(
-  (
-    props: BaseCopilotTextareaProps,
-    ref: React.Ref<HTMLCopilotTextAreaElement>
-  ): JSX.Element => {
-    return (
-      <HoveringEditorProvider>
-        <BaseCopilotTextareaWithHoveringContext {...props} ref={ref} />
-      </HoveringEditorProvider>
-    );
-  }
-);

package/src/components/base-copilot-textarea/render-element.tsx

@@ -3,16 +3,14 @@ import { RenderElementProps } from "slate-react";
 export type RenderElementFunction = (props: RenderElementProps) => JSX.Element;
 
 export function makeRenderElementFunction(
-  suggestionsStyle: React.CSSProperties
+  suggestionsStyle: React.CSSProperties,
 ): RenderElementFunction {
   return (props: RenderElementProps) => {
     switch (props.element.type) {
       case "paragraph":
         return <DefaultElement {...props} />;
       case "suggestion":
-        return (
-          <SuggestionElement {...props} suggestionsStyle={suggestionsStyle} />
-        );
+        return <SuggestionElement {...props} suggestionsStyle={suggestionsStyle} />;
     }
   };
 }
@@ -23,7 +21,7 @@ const DefaultElement = (props: RenderElementProps) => {
 const SuggestionElement = (
   props: RenderElementProps & {
     suggestionsStyle: React.CSSProperties;
-  }
+  },
 ) => {
   return (
     <span