@copilotkit/react-textarea 1.1.3-feat-runtime-remote-actions.2 → 1.2.0

package/CHANGELOG.md

@@ -1,40 +1,23 @@
 # ui
 
-## 1.1.3-feat-runtime-remote-actions.2
+## 1.2.0
 
-### Patch Changes
-
-- Better message grouping
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.1.3-feat-runtime-remote-actions.2
-  - @copilotkit/react-core@1.1.3-feat-runtime-remote-actions.2
-  - @copilotkit/shared@1.1.3-feat-runtime-remote-actions.2
-
-## 1.1.3-feat-runtime-remote-actions.1
-
-### Patch Changes
-
-- Reduce request size by skipping intermediate state
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.1.3-feat-runtime-remote-actions.1
-  - @copilotkit/react-core@1.1.3-feat-runtime-remote-actions.1
-  - @copilotkit/shared@1.1.3-feat-runtime-remote-actions.1
+### Minor Changes
 
-## 1.1.3-feat-runtime-remote-actions.0
+- Fix errors related to crypto not being found, and other bug fixes
 
 ### Patch Changes
 
 - 638d51d: appendMessage fix 1
-- Rename hooks and bugfixes
 - faccbe1: state-abuse resistance for useCopilotChat
 - b0cf700: remove unnecessary logging
-- Updated dependencies [638d51d]
 - Updated dependencies
+- Updated dependencies [638d51d]
 - Updated dependencies [faccbe1]
 - Updated dependencies [b0cf700]
-  - @copilotkit/react-core@1.1.3-feat-runtime-remote-actions.0
-  - @copilotkit/runtime-client-gql@1.1.3-feat-runtime-remote-actions.0
-  - @copilotkit/shared@1.1.3-feat-runtime-remote-actions.0
+  - @copilotkit/react-core@1.2.0
+  - @copilotkit/runtime-client-gql@1.2.0
+  - @copilotkit/shared@1.2.0
 
 ## 1.1.2
 

package/dist/components/base-copilot-textarea/base-copilot-textarea.d.mts

@@ -0,0 +1,43 @@
+import React__default from 'react';
+import { BaseCopilotTextareaProps } from '../../types/base/index.mjs';
+import '../../types/base/base-autosuggestions-config.mjs';
+import '../../types/base/autosuggestions-bare-function.mjs';
+import '@copilotkit/react-core';
+
+/**
+ * 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
+ */
+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.
+ */
+declare const BaseCopilotTextarea: React__default.ForwardRefExoticComponent<BaseCopilotTextareaProps & React__default.RefAttributes<HTMLCopilotTextAreaElement>>;
+
+export { BaseCopilotTextarea, type HTMLCopilotTextAreaElement };

package/dist/components/base-copilot-textarea/base-copilot-textarea.d.ts

@@ -40,4 +40,4 @@ interface HTMLCopilotTextAreaElement extends HTMLElement {
  */
 declare const BaseCopilotTextarea: React__default.ForwardRefExoticComponent<BaseCopilotTextareaProps & React__default.RefAttributes<HTMLCopilotTextAreaElement>>;
 
-export { BaseCopilotTextarea, HTMLCopilotTextAreaElement };
+export { BaseCopilotTextarea, type HTMLCopilotTextAreaElement };

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

@@ -782,10 +782,8 @@ function SourceSearchBox(props) {
         setSelectedValue(value);
       },
       filter: (value, search) => {
-        if (props.searchTerm === "")
-          return 1;
-        if (value.startsWith(props.searchTerm))
-          return 1;
+        if (props.searchTerm === "") return 1;
+        if (value.startsWith(props.searchTerm)) return 1;
         return 0;
       },
       children: [
@@ -919,51 +917,9 @@ function streamPromiseFlatten(promise) {
   });
 }
 
-// src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
-var import_Chip = __toESM(require("@mui/material/Chip/Chip.js"));
-var import_Avatar = __toESM(require("@mui/material/Avatar/Avatar.js"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var IncludedFilesPreview = ({
-  includedFiles,
-  setIncludedFiles
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 mt-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Label, { className: "", children: "Included context:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        FileChipPreview,
-        {
-          filePointer,
-          onDelete: () => {
-            setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
-          }
-        },
-        `file-${filePointer.sourceApplication}.${filePointer.name}`
-      );
-    }) })
-  ] });
-};
-var FileChipPreview = ({ filePointer, onDelete }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_Chip.default,
-    {
-      label: filePointer.name,
-      onDelete,
-      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_Avatar.default,
-        {
-          src: filePointer.iconImageUri,
-          alt: filePointer.sourceApplication,
-          sx: { backgroundColor: "transparent" }
-        }
-      )
-    }
-  );
-};
-
 // src/components/hovering-toolbar/hovering-editor-provider.tsx
 var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var HoveringEditorContext = (0, import_react6.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
@@ -971,12 +927,13 @@ var HoveringEditorContext = (0, import_react6.createContext)({
 });
 var HoveringEditorProvider = ({ children }) => {
   const [isDisplayed, setIsDisplayed] = (0, import_react6.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
 var useHoveringEditorContext = () => (0, import_react6.useContext)(HoveringEditorContext);
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_md = require("react-icons/md");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var HoveringInsertionPromptBoxCore = ({
   performInsertion,
   state,
@@ -1071,10 +1028,10 @@ var HoveringInsertionPromptBoxCore = ({
   const adjustmentLabel = textToEdit === "" ? "Describe the text you want to insert" : "Describe adjustments to the suggested text";
   const placeholder = textToEdit === "" ? "e.g. 'summarize the client's top 3 pain-points from @CallTranscript'" : "e.g. 'make it more formal', 'be more specific', ...";
   const { setIsDisplayed } = useHoveringEditorContext();
-  const AdjustmentPromptComponent = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Label, { className: "", children: adjustmentLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative w-full flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const AdjustmentPromptComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { className: "", children: adjustmentLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative w-full flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "textarea",
         {
           disabled: suggestionIsLoading,
@@ -1099,29 +1056,29 @@ var HoveringInsertionPromptBoxCore = ({
           rows: 1
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           onClick: beginGeneratingAdjustment,
           className: "absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { className: "material-icons", children: "arrow_forward" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_md.MdArrowForward, { className: "text-2xl" })
         }
       )
     ] })
   ] });
-  const SuggestionComponent = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-between items-end w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Label, { className: "mt-4", children: "Suggested:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const SuggestionComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-end w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { className: "mt-4", children: "Suggested:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
           className: "inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
           role: "status",
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "Loading..." })
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "textarea",
       {
         ref: suggestionTextAreaRef,
@@ -1133,7 +1090,7 @@ var HoveringInsertionPromptBoxCore = ({
       }
     )
   ] });
-  const SubmitComponent = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  const SubmitComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     Button,
     {
       className: " bg-green-700 text-white",
@@ -1142,16 +1099,15 @@ var HoveringInsertionPromptBoxCore = ({
       },
       children: [
         "Insert ",
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { className: "material-icons", children: "check" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_md.MdCheck, { className: "text-2xl" })
       ]
     }
   ) });
   const sourceSearchCandidate = adjustmentPrompt.split(" ").pop();
   const sourceSearchWord = (sourceSearchCandidate == null ? void 0 : sourceSearchCandidate.startsWith("@")) ? sourceSearchCandidate.slice(1) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
     AdjustmentPromptComponent,
-    filePointers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
-    sourceSearchWord !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    sourceSearchWord !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       SourceSearchBox,
       {
         searchTerm: sourceSearchWord,
@@ -1170,14 +1126,14 @@ var HoveringInsertionPromptBoxCore = ({
 };
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var HoveringInsertionPromptBox = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       className: "flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white",
       style: { width: "35rem" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         HoveringInsertionPromptBoxCore,
         {
           state: {
@@ -1196,7 +1152,7 @@ var HoveringInsertionPromptBox = (props) => {
 var import_css = require("@emotion/css");
 var import_react8 = __toESM(require("react"));
 var import_react_dom = __toESM(require("react-dom"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Button2 = import_react8.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
@@ -1208,7 +1164,7 @@ var Button2 = import_react8.default.forwardRef(
       "active",
       "reversed"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "span",
       __spreadProps(__spreadValues({}, props), {
         ref,
@@ -1223,29 +1179,10 @@ var Button2 = import_react8.default.forwardRef(
     );
   }
 );
-var Icon = import_react8.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.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_react8.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       __spreadProps(__spreadValues({}, props), {
         "data-test-id": "menu",
@@ -1272,7 +1209,7 @@ var Portal = ({ children }) => {
 var Toolbar = import_react8.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Menu,
       __spreadProps(__spreadValues({}, props), {
         ref,
@@ -1292,7 +1229,7 @@ var Toolbar = import_react8.default.forwardRef(
 );
 
 // src/components/hovering-toolbar/hovering-toolbar.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
   const ref = (0, import_react9.useRef)(null);
   const editor = (0, import_slate_react3.useSlate)();
@@ -1355,12 +1292,12 @@ var HoveringToolbar = (props) => {
   if (!isClient) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Menu,
     {
       ref,
       className: "copilot-kit-textarea-css-scope " + (props.hoverMenuClassname || "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700"),
-      children: isDisplayed && selection && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      children: isDisplayed && selection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         HoveringInsertionPromptBox,
         {
           editorState: editorState(editor, selection),
@@ -1394,22 +1331,22 @@ function editorState(editor, selection) {
 }
 
 // src/components/base-copilot-textarea/render-element.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function makeRenderElementFunction(suggestionsStyle) {
   return (props) => {
     switch (props.element.type) {
       case "paragraph":
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DefaultElement, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DefaultElement, __spreadValues({}, props));
       case "suggestion":
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SuggestionElement, __spreadProps(__spreadValues({}, props), { suggestionsStyle }));
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SuggestionElement, __spreadProps(__spreadValues({}, props), { suggestionsStyle }));
     }
   };
 }
 var DefaultElement = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", __spreadProps(__spreadValues({}, props.attributes), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", __spreadProps(__spreadValues({}, props.attributes), { children: props.children }));
 };
 var SuggestionElement = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "span",
     __spreadProps(__spreadValues({}, props.attributes), {
       style: __spreadValues({}, props.suggestionsStyle),
@@ -1423,11 +1360,11 @@ var SuggestionElement = (props) => {
 };
 
 // src/components/base-copilot-textarea/render-placeholder.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function makeRenderPlaceholderFunction(placeholderStyle) {
   return (props) => {
     const _a = props.attributes, { style } = _a, restAttributes = __objRest(_a, ["style"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "div",
       __spreadProps(__spreadValues({}, restAttributes), {
         style: __spreadValues(__spreadValues({}, style), placeholderStyle),
@@ -1539,7 +1476,7 @@ var editorToText = (editor) => {
 };
 
 // src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function TrackerTextEditedSinceLastCursorMovement(props) {
   const cursorState = (0, import_slate_react4.useSlateSelector)((state) => ({
     selection: state.selection,
@@ -1554,7 +1491,7 @@ function TrackerTextEditedSinceLastCursorMovement(props) {
       props.setCursorMovedSinceLastTextChange(true);
     }
   }, [props.setCursorMovedSinceLastTextChange, cursorState]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, {});
 }
 var cursorChangedWithoutTextChanged = (prev, next) => {
   const isSelectionChanged = !isSelectionEqual(prev.selection, next.selection);
@@ -1562,10 +1499,8 @@ var cursorChangedWithoutTextChanged = (prev, next) => {
   return isSelectionChanged && isTextSame;
 };
 var isSelectionEqual = (a, b) => {
-  if (!a && !b)
-    return true;
-  if (!a || !b)
-    return false;
+  if (!a && !b) return true;
+  if (!a || !b) return false;
   return import_slate9.Range.equals(a, b);
 };
 function usePrevious(value) {
@@ -1577,10 +1512,10 @@ function usePrevious(value) {
 }
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var BaseCopilotTextarea = import_react12.default.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HoveringEditorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HoveringEditorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
   }
 );
 var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
@@ -1708,7 +1643,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
       const mergedClassName = (0, import_tailwind_merge2.twMerge)(defaultTailwindClassName, className != null ? className : "");
       return `${baseClassName} ${brandingClass} ${mergedClassName}`;
     })();
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       import_slate_react5.Slate,
       {
         editor,
@@ -1728,13 +1663,13 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
           (_b = props.onChange) == null ? void 0 : _b.call(props, makeSemiFakeReactTextAreaEvent(fullEditorText));
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             TrackerTextEditedSinceLastCursorMovement,
             {
               setCursorMovedSinceLastTextChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             HoveringToolbar,
             {
               apiConfig: autosuggestionsConfig.apiConfig,
@@ -1742,7 +1677,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
               hoverMenuClassname
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             import_slate_react5.Editable,
             __spreadValues({
               renderElement: renderElementMemoized,