@copilotkit/react-textarea 0.19.1 → 0.21.0-alpha.0

package/dist/index.mjs

@@ -1,16 +1,16 @@
 import './chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from './chunk-RDHPSSHJ.mjs';
-import './chunk-K2AVA67P.mjs';
-import './chunk-OXPXFYUG.mjs';
+export { CopilotTextarea } from './chunk-24SYR4JB.mjs';
+import './chunk-DYGPLRY3.mjs';
+import './chunk-WPIA53HF.mjs';
 import './chunk-DE5K76I2.mjs';
 import './chunk-5FO6ISW4.mjs';
-export { ChatlikeApiEndpoint } from './chunk-KIRROE2K.mjs';
-export { defaultAutosuggestionsConfig } from './chunk-BBKDE7YT.mjs';
-import './chunk-HRTFMM7P.mjs';
-import './chunk-66BDXIX4.mjs';
+export { ChatlikeApiEndpoint } from './chunk-QJDMIGLU.mjs';
+export { defaultAutosuggestionsConfig } from './chunk-F2TIBXML.mjs';
+import './chunk-AXN37AHC.mjs';
+import './chunk-RR6OQGTI.mjs';
 import './chunk-JHTAOLEW.mjs';
 import './chunk-WADHCMPK.mjs';
-export { BaseCopilotTextarea } from './chunk-3TK2VELX.mjs';
+export { BaseCopilotTextarea } from './chunk-YXA3UPMI.mjs';
 import './chunk-CSGFJU3L.mjs';
 import './chunk-KCHYD3EB.mjs';
 import './chunk-YQU7WG7T.mjs';
@@ -21,19 +21,20 @@ import './chunk-UHD44NC5.mjs';
 import './chunk-JAFCXEPU.mjs';
 import './chunk-OD7ZMOVE.mjs';
 import './chunk-MPME5BW2.mjs';
-import './chunk-7QWJ3OV7.mjs';
+import './chunk-KLROO6ID.mjs';
 import './chunk-L7VVZH4Q.mjs';
-import './chunk-QNJ6MXJ2.mjs';
-import './chunk-47JRPWI3.mjs';
+import './chunk-5DU2QDHZ.mjs';
+import './chunk-O7G7E3E3.mjs';
+import './chunk-63FSISXT.mjs';
 import './chunk-ND5PXTAW.mjs';
 import './chunk-2NURR2DX.mjs';
 import './chunk-5EJ5XOGP.mjs';
 import './chunk-YW3REYX6.mjs';
 import './chunk-XHUMROEY.mjs';
-import './chunk-L6DZHWEL.mjs';
-import './chunk-XA7M72ZO.mjs';
+import './chunk-463BFNUP.mjs';
+import './chunk-WLPYYGES.mjs';
 import './chunk-O5OWT5GE.mjs';
-import './chunk-FN7GDKKG.mjs';
+import './chunk-GCMQHIRF.mjs';
 import './chunk-KGKLUWKW.mjs';
 import './chunk-WJHSY5T6.mjs';
 export { defaultBaseAutosuggestionsConfig } from './chunk-S6JUGJK2.mjs';

package/dist/lib/stream-promise-flatten.mjs

@@ -1,4 +1,4 @@
-export { streamPromiseFlatten } from '../chunk-FN7GDKKG.mjs';
+export { streamPromiseFlatten } from '../chunk-GCMQHIRF.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=stream-promise-flatten.mjs.map

package/dist/types/autosuggestions-config/autosuggestions-config.mjs

@@ -1,6 +1,6 @@
-export { defaultAutosuggestionsConfig } from '../../chunk-BBKDE7YT.mjs';
-import '../../chunk-HRTFMM7P.mjs';
-import '../../chunk-66BDXIX4.mjs';
+export { defaultAutosuggestionsConfig } from '../../chunk-F2TIBXML.mjs';
+import '../../chunk-AXN37AHC.mjs';
+import '../../chunk-RR6OQGTI.mjs';
 import '../../chunk-JHTAOLEW.mjs';
 import '../../chunk-WJHSY5T6.mjs';
 import '../../chunk-S6JUGJK2.mjs';

package/dist/types/autosuggestions-config/editing-api-config.mjs

@@ -1,4 +1,4 @@
-export { defaultEditingApiConfig, defaultEditingFewShotMessages, defaultEditingMakeSystemPrompt } from '../../chunk-HRTFMM7P.mjs';
+export { defaultEditingApiConfig, defaultEditingFewShotMessages, defaultEditingMakeSystemPrompt } from '../../chunk-AXN37AHC.mjs';
 import '../../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=editing-api-config.mjs.map

package/dist/types/autosuggestions-config/index.mjs

@@ -1,8 +1,8 @@
 import '../../chunk-5FO6ISW4.mjs';
-export { ChatlikeApiEndpoint } from '../../chunk-KIRROE2K.mjs';
-export { defaultAutosuggestionsConfig } from '../../chunk-BBKDE7YT.mjs';
-import '../../chunk-HRTFMM7P.mjs';
-import '../../chunk-66BDXIX4.mjs';
+export { ChatlikeApiEndpoint } from '../../chunk-QJDMIGLU.mjs';
+export { defaultAutosuggestionsConfig } from '../../chunk-F2TIBXML.mjs';
+import '../../chunk-AXN37AHC.mjs';
+import '../../chunk-RR6OQGTI.mjs';
 import '../../chunk-JHTAOLEW.mjs';
 import '../../chunk-WJHSY5T6.mjs';
 import '../../chunk-S6JUGJK2.mjs';

package/dist/types/autosuggestions-config/insertions-api-config.mjs

@@ -1,4 +1,4 @@
-export { defaultInsertionsApiConfig, defaultInsertionsFewShotMessages, defaultInsertionsMakeSystemPrompt } from '../../chunk-66BDXIX4.mjs';
+export { defaultInsertionsApiConfig, defaultInsertionsFewShotMessages, defaultInsertionsMakeSystemPrompt } from '../../chunk-RR6OQGTI.mjs';
 import '../../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=insertions-api-config.mjs.map

package/dist/types/autosuggestions-config/subtypes/chatlike-api-endpoint.mjs

@@ -1,4 +1,4 @@
-export { ChatlikeApiEndpoint } from '../../../chunk-KIRROE2K.mjs';
+export { ChatlikeApiEndpoint } from '../../../chunk-QJDMIGLU.mjs';
 import '../../../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=chatlike-api-endpoint.mjs.map

package/dist/types/index.mjs

@@ -1,9 +1,9 @@
 import '../chunk-DE5K76I2.mjs';
 import '../chunk-5FO6ISW4.mjs';
-export { ChatlikeApiEndpoint } from '../chunk-KIRROE2K.mjs';
-export { defaultAutosuggestionsConfig } from '../chunk-BBKDE7YT.mjs';
-import '../chunk-HRTFMM7P.mjs';
-import '../chunk-66BDXIX4.mjs';
+export { ChatlikeApiEndpoint } from '../chunk-QJDMIGLU.mjs';
+export { defaultAutosuggestionsConfig } from '../chunk-F2TIBXML.mjs';
+import '../chunk-AXN37AHC.mjs';
+import '../chunk-RR6OQGTI.mjs';
 import '../chunk-JHTAOLEW.mjs';
 import '../chunk-WADHCMPK.mjs';
 import '../chunk-WJHSY5T6.mjs';

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.19.1",
+  "version": "0.21.0-alpha.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -33,8 +33,8 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.1.3",
     "typescript": "^4.9.4",
-    "eslint-config-custom": "0.2.0",
     "tailwind-config": "0.1.0",
+    "eslint-config-custom": "0.2.0",
     "tsconfig": "0.4.0"
   },
   "dependencies": {
@@ -54,14 +54,12 @@
     "lucide-react": "^0.274.0",
     "material-icons": "^1.13.10",
     "nanoid": "^4.0.2",
-    "next": "^13.4.1",
-    "next-themes": "^0.2.1",
     "react-dom": "^18.2.0",
     "slate": "^0.94.1",
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.1",
     "tailwind-merge": "^1.13.2",
-    "@copilotkit/react-core": "0.9.0"
+    "@copilotkit/react-core": "0.11.0-alpha.0"
   },
   "scripts": {
     "build": "tsup --treeshake",

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

@@ -24,9 +24,15 @@ export const CopilotTextarea = React.forwardRef(
     props: CopilotTextareaProps,
     ref: React.Ref<HTMLCopilotTextAreaElement>
   ): JSX.Element => {
+    // separate the AutosuggestionsConfigUserSpecified from the rest of the props
+    const {
+      autosuggestionsConfig: autosuggestionsConfigUserSpecified,
+      ...forwardedProps
+    } = props;
+
     const autosuggestionsConfig: AutosuggestionsConfig = merge(
       defaultAutosuggestionsConfig,
-      props.autosuggestionsConfig
+      autosuggestionsConfigUserSpecified
     );
 
     const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
@@ -47,7 +53,7 @@ export const CopilotTextarea = React.forwardRef(
       <>
         <BaseCopilotTextarea
           ref={ref}
-          {...props}
+          {...forwardedProps}
           baseAutosuggestionsConfig={{
             ...autosuggestionsConfig,
             apiConfig: {

package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx

@@ -8,12 +8,17 @@ import { SourceSearchBox } from "../../source-search-box/source-search-box";
 import { DocumentPointer } from "@copilotkit/react-core";
 import { Button } from "../../ui/button";
 import { Label } from "../../ui/label";
-import React, { useContext, useEffect, useRef, useState } from "react";
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
 
-import Chip from "@mui/material/Chip";
-import Avatar from "@mui/material/Avatar";
 import { streamPromiseFlatten } from "../../../lib/stream-promise-flatten";
 import { CopilotContext } from "@copilotkit/react-core";
+import { IncludedFilesPreview } from "./included-files-preview";
 
 export type SuggestionState = {
   editorState: EditingEditorState;
@@ -80,7 +85,6 @@ export const HoveringInsertionPromptBoxCore: React.FC<
 
     // read the generating suggestion stream and continuously update the edit suggestion
     const reader = generatingSuggestion.getReader();
-
     const read = async () => {
       setSuggestionIsLoading(true);
       while (true) {
@@ -105,6 +109,7 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     read();
 
     return () => {
+      // release the lock if the reader is not closed on unmount
       const releaseLockIfNotClosed = async () => {
         try {
           await reader.closed;
@@ -117,22 +122,25 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     };
   }, [generatingSuggestion]);
 
-  // when the adjustment prompt changes, reset the edit suggestion
-  const begingGeneratingAdjustment = async () => {
+  // generate an adjustment to the completed text, based on the adjustment prompt
+  const beginGeneratingAdjustment = useCallback(async () => {
     // don't generate text if the prompt is empty
     if (!adjustmentPrompt.trim()) {
       return;
     }
 
-    // if the current edit suggestion is not empty, then use it as the selected text instead of the editor state's selected text
-    let editorState = state.editorState;
+    // editor state includes the text being edited, and the text before/after the selection
+    // if the current edit suggestion is not empty, then use *it* as the "selected text" - instead of the editor state's selected text
+    let modificationState = state.editorState;
     if (editSuggestion !== "") {
-      editorState.selectedText = editSuggestion;
+      modificationState.selectedText = editSuggestion;
     }
 
+    // generate the adjustment suggestion
     const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(
-      editorState,
+      modificationState,
       adjustmentPrompt,
+      filePointers,
       new AbortController().signal
     );
     const adjustmentSuggestionTextStream = streamPromiseFlatten(
@@ -140,7 +148,13 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     );
 
     setGeneratingSuggestion(adjustmentSuggestionTextStream);
-  };
+  }, [
+    adjustmentPrompt,
+    editSuggestion,
+    state.editorState,
+    insertionOrEditingFunction,
+    filePointers,
+  ]);
 
   const isLoading = suggestionIsLoading;
 
@@ -169,7 +183,7 @@ export const HoveringInsertionPromptBoxCore: React.FC<
               setAdjustmentPrompt(adjustmentPrompt + "\n");
             } else if (e.key === "Enter") {
               e.preventDefault();
-              begingGeneratingAdjustment();
+              beginGeneratingAdjustment();
             }
           }}
           placeholder={placeholder}
@@ -178,7 +192,7 @@ export const HoveringInsertionPromptBoxCore: React.FC<
           rows={1}
         />
         <button
-          onClick={begingGeneratingAdjustment}
+          onClick={beginGeneratingAdjustment}
           className="absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center"
         >
           <i className="material-icons">arrow_forward</i>
@@ -266,52 +280,3 @@ export const HoveringInsertionPromptBoxCore: React.FC<
     </div>
   );
 };
-
-interface IncludedFilesPreviewProps {
-  includedFiles: DocumentPointer[];
-  setIncludedFiles: React.Dispatch<React.SetStateAction<DocumentPointer[]>>;
-}
-
-export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
-  includedFiles,
-  setIncludedFiles,
-}) => {
-  return (
-    <div className="flex flex-col gap-2 mt-2">
-      <Label className="">Included context:</Label>
-      <div className="flex flex-wrap gap-2">
-        {includedFiles.map((filePointer, index) => {
-          return (
-            <FileChipPreview
-              key={`file-${filePointer.sourceApplication}.${filePointer.name}`}
-              filePointer={filePointer}
-              onDelete={() => {
-                setIncludedFiles((prev) =>
-                  prev.filter((fp) => fp !== filePointer)
-                );
-              }}
-            />
-          );
-        })}
-      </div>
-    </div>
-  );
-};
-
-export interface FileChipPreviewProp {
-  filePointer: DocumentPointer;
-  onDelete: () => void;
-}
-
-export const FileChipPreview: React.FC<FileChipPreviewProp> = ({
-  filePointer,
-  onDelete,
-}) => {
-  return (
-    <Chip
-      label={filePointer.name}
-      onDelete={onDelete}
-      avatar={<Avatar sx={{ backgroundColor: "transparent" }}></Avatar>}
-    />
-  );
-};

package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx

@@ -23,8 +23,8 @@ export const HoveringInsertionPromptBox: React.FC<Props> = (props) => {
         state={{
           editorState: props.editorState,
         }}
-        performInsertion={props.performInsertion}
         insertionOrEditingFunction={props.apiConfig.insertionOrEditingFunction}
+        performInsertion={props.performInsertion}
         contextCategories={props.contextCategories}
       />
     </div>

package/src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx

@@ -0,0 +1,54 @@
+import { DocumentPointer } from "@copilotkit/react-core";
+import { Label } from "../../ui/label";
+import React from "react";
+import Chip from "@mui/material/Chip";
+import Avatar from "@mui/material/Avatar";
+
+export interface IncludedFilesPreviewProps {
+  includedFiles: DocumentPointer[];
+  setIncludedFiles: React.Dispatch<React.SetStateAction<DocumentPointer[]>>;
+}
+
+export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
+  includedFiles,
+  setIncludedFiles,
+}) => {
+  return (
+    <div className="flex flex-col gap-2 mt-2">
+      <Label className="">Included context:</Label>
+      <div className="flex flex-wrap gap-2">
+        {includedFiles.map((filePointer, index) => {
+          return (
+            <FileChipPreview
+              key={`file-${filePointer.sourceApplication}.${filePointer.name}`}
+              filePointer={filePointer}
+              onDelete={() => {
+                setIncludedFiles((prev) =>
+                  prev.filter((fp) => fp !== filePointer)
+                );
+              }}
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export interface FileChipPreviewProp {
+  filePointer: DocumentPointer;
+  onDelete: () => void;
+}
+
+export const FileChipPreview: React.FC<FileChipPreviewProp> = ({
+  filePointer,
+  onDelete,
+}) => {
+  return (
+    <Chip
+      label={filePointer.name}
+      onDelete={onDelete}
+      avatar={<Avatar sx={{ backgroundColor: "transparent" }}></Avatar>}
+    />
+  );
+};

package/src/components/source-search-box/source-search-box.tsx

@@ -67,13 +67,12 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
                   props.onSelectedFile(filePointer);
                 }}
               >
-                <div className="flex flex-row gap-3 items-center">
-                  <Logo size="30px">
+                <div className=" px-3  flex flex-row gap-1 items-center">
+                  <Logo width="20px" height="20px">
                     <img
                       src={filePointer.iconImageUri}
                       alt={filePointer.sourceApplication}
-                      width={30}
-                      height={30}
+                      className="w-full h-full"
                     />
                   </Logo>
                   {filePointer.name}
@@ -110,15 +109,17 @@ export function SourceSearchBox(props: SourceSearchBoxProps) {
 
 export function Logo({
   children,
-  size = "30px",
+  width,
+  height,
 }: {
   children: React.ReactNode;
-  size?: string;
+  width: string;
+  height: string;
 }) {
   return (
     <div
-      className="flex items-center justify-center bg-black"
-      style={{ width: size, height: size }}
+      className="flex items-center justify-center"
+      style={{ width: width, height: height }}
     >
       {children}
     </div>

package/src/components/ui/command.tsx

@@ -62,7 +62,10 @@ const CommandList = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.List
     ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    className={cn(
+      "max-h-[300px] overflow-y-auto overflow-x-hidden pb-2",
+      className
+    )}
     {...props}
   />
 ));

package/src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx

@@ -36,7 +36,7 @@ export function useMakeStandardAutosuggestionFunction(
             role: "system",
             content: apiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(contextCategories)
+              getContextString([], contextCategories)
             ),
           },
           ...apiConfig.fewShotMessages,

package/src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx

@@ -10,6 +10,7 @@ import {
 } from "../../types/base/autosuggestions-bare-function";
 import { InsertionsApiConfig } from "../../types/autosuggestions-config/insertions-api-config";
 import { EditingApiConfig } from "../../types/autosuggestions-config/editing-api-config";
+import { DocumentPointer } from "@copilotkit/react-core";
 
 /**
  * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.
@@ -36,6 +37,7 @@ export function useMakeStandardInsertionOrEditingFunction(
     async (
       editorState: EditingEditorState,
       insertionPrompt: string,
+      documents: DocumentPointer[],
       abortSignal: AbortSignal
     ) => {
       const res = await retry(async () => {
@@ -44,7 +46,7 @@ export function useMakeStandardInsertionOrEditingFunction(
             role: "system",
             content: insertionApiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(contextCategories)
+              getContextString(documents, contextCategories)
             ),
           },
           ...insertionApiConfig.fewShotMessages,
@@ -83,6 +85,7 @@ export function useMakeStandardInsertionOrEditingFunction(
     async (
       editorState: EditingEditorState,
       editingPrompt: string,
+      documents: DocumentPointer[],
       abortSignal: AbortSignal
     ) => {
       const res = await retry(async () => {
@@ -91,7 +94,7 @@ export function useMakeStandardInsertionOrEditingFunction(
             role: "system",
             content: editingApiConfig.makeSystemPrompt(
               textareaPurpose,
-              getContextString(contextCategories)
+              getContextString(documents, contextCategories)
             ),
           },
           ...editingApiConfig.fewShotMessages,
@@ -135,16 +138,23 @@ export function useMakeStandardInsertionOrEditingFunction(
     async (
       editorState: EditingEditorState,
       insertionPrompt: string,
+      documents: DocumentPointer[],
       abortSignal: AbortSignal
     ) => {
       if (editorState.selectedText === "") {
         return await insertionFunction(
           editorState,
           insertionPrompt,
+          documents,
           abortSignal
         );
       } else {
-        return await editingFunction(editorState, insertionPrompt, abortSignal);
+        return await editingFunction(
+          editorState,
+          insertionPrompt,
+          documents,
+          abortSignal
+        );
       }
     },
     [insertionFunction, editingFunction]

package/src/lib/stream-promise-flatten.ts

@@ -1,3 +1,13 @@
+/**
+ * Flatten a promise of a stream, into a stream.
+ *
+ * Useful because a stream already includes the notion of async value delivery,
+ * so it often makes sense to simply await the values rather than the generator of the values.
+ *
+ * @param {Promise<ReadableStream<A>>} promise - The promise to flatten.
+ * @returns {ReadableStream<A>} - The flattened stream.
+ */
+
 export function streamPromiseFlatten<A>(
   promise: Promise<ReadableStream<A>>
 ): ReadableStream<A> {

package/src/types/autosuggestions-config/editing-api-config.tsx

@@ -16,6 +16,11 @@ export const defaultEditingMakeSystemPrompt: MakeSystemPrompt = (
 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.
 
@@ -28,13 +33,6 @@ The user will provide the following information; use this to infer the best rele
 <EditingPrompt>
 
 <YourEditSuggestion>
-
-If we need to add a whitespace character to the suggested edit text, make sure to explicitly add it in.
-
-The following external context is also provided. Use it to help you make better suggestions!!!
-\`\`\`
-${contextString}
-\`\`\`
 `;
 };
 

package/src/types/autosuggestions-config/insertions-api-config.tsx

@@ -16,9 +16,14 @@ export const defaultInsertionsMakeSystemPrompt: MakeSystemPrompt = (
 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 guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.
+Only insert a SHORT segment. Usually 1 sentence, or at most 1 paragraph.
 
 Adjust yourself to the user's style and implied intent.
 
@@ -27,13 +32,6 @@ The user will provide the text before and after the cursor, as well as the inser
 <TextBeforeCursor>
 <InsertionPrompt>
 <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}
-\`\`\`
 `;
 };
 

package/src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx

@@ -41,8 +41,12 @@ export class ChatlikeApiEndpoint {
           copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint,
           {
             method: "POST",
+            headers: {
+              ...copilotApiConfig.headers,
+            },
             body: JSON.stringify({
               ...forwardedProps,
+              ...copilotApiConfig.body,
               messages: messages,
             }),
             signal: abortSignal,

package/src/types/base/autosuggestions-bare-function.ts

@@ -1,3 +1,5 @@
+import { DocumentPointer } from "@copilotkit/react-core";
+
 export interface InsertionEditorState {
   textBeforeCursor: string;
   textAfterCursor: string;
@@ -15,6 +17,7 @@ export type AutosuggestionsBareFunction = (
 export type Generator_InsertionOrEditingSuggestion = (
   editorState: EditingEditorState,
   prompt: string,
+  documents: DocumentPointer[],
   abortSignal: AbortSignal
 ) => Promise<ReadableStream<string>>;