@copilotkit/react-textarea 1.51.4-next.7 → 1.51.4

package/dist/components/copilot-textarea/copilot-textarea.js

@@ -110,7 +110,12 @@ function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategorie
   const runtimeClient = { generateCopilotResponse: (...args) => {
   } };
   const { getContextString, copilotApiConfig } = (0, import_react_core.useCopilotContext)();
-  const { chatApiEndpoint: url, publicApiKey, credentials, properties } = copilotApiConfig;
+  const {
+    chatApiEndpoint: url,
+    publicApiKey,
+    credentials,
+    properties
+  } = copilotApiConfig;
   const headers = __spreadValues(__spreadValues({}, copilotApiConfig.headers), publicApiKey ? { [import_shared.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
   const { maxTokens, stop, temperature = 0 } = apiConfig;
   return (0, import_react.useCallback)(
@@ -467,7 +472,10 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
       if (disableWhenEmpty && editorAutocompleteState.textBeforeCursor === "" && editorAutocompleteState.textAfterCursor === "") {
         return;
       }
-      const suggestion = yield autosuggestionFunction(editorAutocompleteState, abortSignal);
+      const suggestion = yield autosuggestionFunction(
+        editorAutocompleteState,
+        abortSignal
+      );
       if (!suggestion || abortSignal.aborted) {
         throw new DOMException("Aborted", "AbortError");
       }
@@ -476,10 +484,17 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
         point: editorAutocompleteState.cursorPoint
       });
     }),
-    [autosuggestionFunction, setCurrentAutocompleteSuggestion, disableWhenEmpty, disabled]
+    [
+      autosuggestionFunction,
+      setCurrentAutocompleteSuggestion,
+      disableWhenEmpty,
+      disabled
+    ]
   );
   const debouncedFunction = (0, import_react2.useMemo)(
-    () => new Debouncer(debounceTime),
+    () => new Debouncer(
+      debounceTime
+    ),
     [debounceTime]
   );
   (0, import_react2.useEffect)(() => {
@@ -517,7 +532,11 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
   const keyDownOrTouchHandler = (0, import_react2.useCallback)(
     (event) => {
       if (currentAutocompleteSuggestion) {
-        const shouldAcceptSuggestion = event.type === "touchstart" ? shouldAcceptAutosuggestionOnTouch(event) : shouldAcceptAutosuggestionOnKeyPress(event);
+        const shouldAcceptSuggestion = event.type === "touchstart" ? shouldAcceptAutosuggestionOnTouch(
+          event
+        ) : shouldAcceptAutosuggestionOnKeyPress(
+          event
+        );
         if (shouldAcceptSuggestion) {
           event.preventDefault();
           insertAutocompleteSuggestion(currentAutocompleteSuggestion);
@@ -940,7 +959,10 @@ function clearAutocompletionsFromEditor(editor) {
     try {
       import_slate6.Transforms.removeNodes(editor, { at: path });
     } catch (e) {
-      console.log("CopilotTextarea.clearAutocompletionsFromEditor: error removing node", e);
+      console.log(
+        "CopilotTextarea.clearAutocompletionsFromEditor: error removing node",
+        e
+      );
     }
   }
 }
@@ -958,7 +980,9 @@ var HoveringEditorContext = (0, import_react5.createContext)({
   setIsDisplayed: () => {
   }
 });
-var HoveringEditorProvider = ({ children }) => {
+var HoveringEditorProvider = ({
+  children
+}) => {
   const [isDisplayed, setIsDisplayed] = (0, import_react5.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
@@ -985,73 +1009,67 @@ var Button = import_react6.default.forwardRef((_a, ref) => {
     })
   );
 });
-var Icon = import_react6.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "span",
-      __spreadProps(__spreadValues({}, props), {
-        ref,
-        className: (0, import_css.cx)(
-          "material-icons",
-          className,
-          import_css.css`
-          font-size: 18px;
-          vertical-align: text-bottom;
-        `
-        )
-      })
-    );
-  }
-);
-var Menu = import_react6.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "div",
-      __spreadProps(__spreadValues({}, props), {
-        "data-testid": "menu",
-        ref,
-        className: (0, import_css.cx)(
-          className,
-          import_css.css`
-            & > * {
-              display: inline-block;
-            }
+var Icon = import_react6.default.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: (0, import_css.cx)(
+        "material-icons",
+        className,
+        import_css.css`
+        font-size: 18px;
+        vertical-align: text-bottom;
+      `
+      )
+    })
+  );
+});
+var Menu = import_react6.default.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    __spreadProps(__spreadValues({}, props), {
+      "data-testid": "menu",
+      ref,
+      className: (0, import_css.cx)(
+        className,
+        import_css.css`
+          & > * {
+            display: inline-block;
+          }
 
-            & > * + * {
-              margin-left: 15px;
-            }
-          `
-        )
-      })
-    );
-  }
-);
+          & > * + * {
+            margin-left: 15px;
+          }
+        `
+      )
+    })
+  );
+});
 var Portal = ({ children }) => {
   return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-var Toolbar = import_react6.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      Menu,
-      __spreadProps(__spreadValues({}, props), {
-        ref,
-        className: (0, import_css.cx)(
-          className,
-          import_css.css`
-          position: relative;
-          padding: 1px 18px 17px;
-          margin: 0 -20px;
-          border-bottom: 2px solid #eee;
-          margin-bottom: 20px;
-        `
-        )
-      })
-    );
-  }
-);
+var Toolbar = import_react6.default.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Menu,
+    __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: (0, import_css.cx)(
+        className,
+        import_css.css`
+        position: relative;
+        padding: 1px 18px 17px;
+        margin: 0 -20px;
+        border-bottom: 2px solid #eee;
+        margin-bottom: 20px;
+      `
+      )
+    })
+  );
+});
 
 // src/hooks/misc/use-autosize-textarea.tsx
 var import_react7 = require("react");
@@ -1107,12 +1125,21 @@ var CommandList = React3.forwardRef((_a, ref) => {
     import_cmdk.Command.List,
     __spreadValues({
       ref,
-      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden pb-2", className)
+      className: cn(
+        "max-h-[300px] overflow-y-auto overflow-x-hidden pb-2",
+        className
+      )
     }, props)
   );
 });
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React3.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_cmdk.Command.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
+var CommandEmpty = React3.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  import_cmdk.Command.Empty,
+  __spreadValues({
+    ref,
+    className: "py-6 text-center text-sm"
+  }, props)
+));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
 var CommandGroup = React3.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -1154,11 +1181,18 @@ var CommandItem = React3.forwardRef((_a, ref) => {
 });
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "span",
     __spreadValues({
-      className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className)
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )
     }, props)
   );
 };
@@ -1228,7 +1262,14 @@ function Logo({
   width,
   height
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center justify-center", style: { width, height }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      className: "flex items-center justify-center",
+      style: { width, height },
+      children
+    }
+  );
 }
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
@@ -1268,7 +1309,13 @@ var Button2 = React4.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Comp,
+      __spreadValues({
+        className: cn(buttonVariants({ variant, size, className })),
+        ref
+      }, props)
+    );
   }
 );
 Button2.displayName = "Button";
@@ -1283,7 +1330,13 @@ var labelVariants = (0, import_class_variance_authority2.cva)(
 );
 var Label = React5.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LabelPrimitive.Root, __spreadValues({ ref, className: cn(labelVariants(), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    LabelPrimitive.Root,
+    __spreadValues({
+      ref,
+      className: cn(labelVariants(), className)
+    }, props)
+  );
 });
 Label.displayName = LabelPrimitive.Root.displayName;
 
@@ -1330,7 +1383,9 @@ var IncludedFilesPreview = ({
         {
           filePointer,
           onDelete: () => {
-            setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
+            setIncludedFiles(
+              (prev) => prev.filter((fp) => fp !== filePointer)
+            );
           }
         },
         `file-${filePointer.sourceApplication}.${filePointer.name}`
@@ -1338,7 +1393,10 @@ var IncludedFilesPreview = ({
     }) })
   ] });
 };
-var FileChipPreview = ({ filePointer, onDelete }) => {
+var FileChipPreview = ({
+  filePointer,
+  onDelete
+}) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_Chip.default,
     {
@@ -1368,9 +1426,7 @@ var HoveringInsertionPromptBoxCore = ({
   const [editSuggestion, setEditSuggestion] = (0, import_react9.useState)("");
   const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react9.useState)(false);
   const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react9.useState)("");
-  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react9.useState)(
-    null
-  );
+  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react9.useState)(null);
   const adjustmentTextAreaRef = (0, import_react9.useRef)(null);
   const suggestionTextAreaRef = (0, import_react9.useRef)(null);
   const [filePointers, setFilePointers] = (0, import_react9.useState)([]);
@@ -1532,7 +1588,13 @@ var HoveringInsertionPromptBoxCore = ({
   const sourceSearchWord = (sourceSearchCandidate == null ? void 0 : sourceSearchCandidate.startsWith("@")) ? sourceSearchCandidate.slice(1) : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
     AdjustmentPromptComponent,
-    filePointers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
+    filePointers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      IncludedFilesPreview,
+      {
+        includedFiles: filePointers,
+        setIncludedFiles: setFilePointers
+      }
+    ),
     sourceSearchWord !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       SourceSearchBox,
       {
@@ -1540,7 +1602,9 @@ var HoveringInsertionPromptBoxCore = ({
         suggestedFiles,
         onSelectedFile: (filePointer) => {
           var _a;
-          setAdjustmentPrompt(adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), ""));
+          setAdjustmentPrompt(
+            adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), "")
+          );
           setFilePointers((prev) => [...prev, filePointer]);
           (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
         }
@@ -1882,7 +1946,10 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
       ];
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
-    const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
+    const {
+      isDisplayed: hoveringEditorIsDisplayed,
+      setIsDisplayed: setHoveringEditorIsDisplayed
+    } = useHoveringEditorContext();
     const insertText = (0, import_react13.useCallback)(
       (autosuggestion) => {
         import_slate10.Editor.insertText(editor, autosuggestion.text, {
@@ -1915,7 +1982,10 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
     const onKeyDownHandlerForHoveringEditor = (0, import_react13.useCallback)(
       (event) => {
         var _a2;
-        if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
+        if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(
+          event,
+          (_a2 = props.shortcut) != null ? _a2 : "k"
+        )) {
           event.preventDefault();
           setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);
         }
@@ -1987,7 +2057,10 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
       const baseClassName = "copilot-textarea";
       const brandingClass = disableBranding ? "no-branding" : "with-branding";
       const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
-      const mergedClassName = (0, import_tailwind_merge2.twMerge)(defaultTailwindClassName, className != null ? className : "");
+      const mergedClassName = (0, import_tailwind_merge2.twMerge)(
+        defaultTailwindClassName,
+        className != null ? className : ""
+      );
       return `${baseClassName} ${brandingClass} ${mergedClassName}`;
     })();
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
@@ -2073,8 +2146,10 @@ 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 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) {
@@ -2090,7 +2165,9 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
               if (done) {
                 break;
               }
-              const messages = (0, import_runtime_client_gql5.convertGqlOutputToMessages)(value.generateCopilotResponse.messages);
+              const messages = (0, import_runtime_client_gql5.convertGqlOutputToMessages)(
+                value.generateCopilotResponse.messages
+              );
               let newContent = "";
               for (const message of messages) {
                 if (message.isTextMessage()) {
@@ -2141,7 +2218,9 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
                 actions: [],
                 url: window.location.href
               },
-              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)((0, import_runtime_client_gql5.filterAgentStateMessages)(messages)),
+              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)(
+                (0, import_runtime_client_gql5.filterAgentStateMessages)(messages)
+              ),
               metadata: {
                 requestType: import_runtime_client_gql5.CopilotRequestType.TextareaCompletion
               }
@@ -2191,7 +2270,9 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
                 actions: [],
                 url: window.location.href
               },
-              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)((0, import_runtime_client_gql5.filterAgentStateMessages)(messages)),
+              messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)(
+                (0, import_runtime_client_gql5.filterAgentStateMessages)(messages)
+              ),
               metadata: {
                 requestType: import_runtime_client_gql5.CopilotRequestType.TextareaCompletion
               }
@@ -2208,9 +2289,19 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
   const insertionOrEditingFunction = (0, import_react14.useCallback)(
     (editorState2, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
       if (editorState2.selectedText === "") {
-        return yield insertionFunction(editorState2, insertionPrompt, documents, abortSignal);
+        return yield insertionFunction(
+          editorState2,
+          insertionPrompt,
+          documents,
+          abortSignal
+        );
       } else {
-        return yield editingFunction(editorState2, insertionPrompt, documents, abortSignal);
+        return yield editingFunction(
+          editorState2,
+          insertionPrompt,
+          documents,
+          abortSignal
+        );
       }
     }),
     [insertionFunction, editingFunction]
@@ -2223,7 +2314,11 @@ 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 _a = props, {
+      autosuggestionsConfig: autosuggestionsConfigUserSpecified
+    } = _a, forwardedProps = __objRest(_a, [
+      "autosuggestionsConfig"
+    ]);
     const autosuggestionsConfig = (0, import_lodash.default)(
       defaultAutosuggestionsConfig,
       autosuggestionsConfigUserSpecified