@copilotkit/react-textarea 0.19.0-alpha.3 → 0.19.0-alpha.4

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

@@ -1,44 +1,2340 @@
-export { CopilotTextarea } from '../../chunk-U5GM2PRT.mjs';
-import '../../chunk-VBIJPE3H.mjs';
-import '../../chunk-HAFHLU4N.mjs';
-import '../../chunk-5FO6ISW4.mjs';
-import '../../chunk-QL2GYGG5.mjs';
-import '../../chunk-55EGOC5T.mjs';
-import '../../chunk-XDT7BF3V.mjs';
-import '../../chunk-A2RRLD23.mjs';
-import '../../chunk-5ARCOTW3.mjs';
-import '../../chunk-OS2YW2UX.mjs';
-import '../../chunk-UHD44NC5.mjs';
-import '../../chunk-JAFCXEPU.mjs';
-import '../../chunk-CSGFJU3L.mjs';
-import '../../chunk-KCHYD3EB.mjs';
-import '../../chunk-YQU7WG7T.mjs';
-import '../../chunk-WJYQWL4I.mjs';
-import '../../chunk-F3MHL6ZY.mjs';
-import '../../chunk-RQHOUUXQ.mjs';
-import '../../chunk-OELUUJZY.mjs';
-import '../../chunk-OD7ZMOVE.mjs';
-import '../../chunk-MPME5BW2.mjs';
-import '../../chunk-4MDDCR32.mjs';
-import '../../chunk-L7VVZH4Q.mjs';
-import '../../chunk-CZMPLTHF.mjs';
-import '../../chunk-YW3REYX6.mjs';
-import '../../chunk-XHUMROEY.mjs';
-import '../../chunk-23UHDUUY.mjs';
-import '../../chunk-ND5PXTAW.mjs';
-import '../../chunk-2NURR2DX.mjs';
-import '../../chunk-3YJ63D5D.mjs';
-import '../../chunk-O5OWT5GE.mjs';
-import '../../chunk-5EJ5XOGP.mjs';
-import '../../chunk-FN7GDKKG.mjs';
-import '../../chunk-KGKLUWKW.mjs';
-import '../../chunk-WJHSY5T6.mjs';
-import '../../chunk-D7SEV5PR.mjs';
-import '../../chunk-LNAIMEB2.mjs';
-import '../../chunk-NKW5OU2S.mjs';
-import '../../chunk-YTOPHPSG.mjs';
-import '../../chunk-IXJ2HCOA.mjs';
-import '../../chunk-4S5ZJH3I.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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/components/copilot-textarea/copilot-textarea.tsx
+import React10 from "react";
+
+// src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
+import { CopilotContext } from "@copilotkit/react-core";
+import { useCallback, useContext } from "react";
+
+// src/lib/retry.tsx
+function retry(fn, retriesLeft = 2, interval = 200, backoff = 1.5) {
+  return new Promise((resolve, reject) => {
+    fn().then(resolve).catch((error) => {
+      if (retriesLeft === 1) {
+        reject(error);
+        return;
+      }
+      setTimeout(() => {
+        retry(fn, retriesLeft - 1, interval * backoff, backoff).then(resolve).catch(reject);
+      }, interval);
+    });
+  });
+}
+
+// src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
+function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategories, apiConfig) {
+  const { getContextString } = useContext(CopilotContext);
+  return useCallback(
+    (editorState2, abortSignal) => __async(this, null, function* () {
+      const res = yield retry(() => __async(this, null, function* () {
+        const messages = [
+          {
+            role: "system",
+            content: apiConfig.makeSystemPrompt(
+              textareaPurpose,
+              getContextString(contextCategories)
+            )
+          },
+          ...apiConfig.fewShotMessages,
+          {
+            role: "user",
+            name: "TextAfterCursor",
+            content: editorState2.textAfterCursor
+          },
+          {
+            role: "user",
+            name: "TextBeforeCursor",
+            content: editorState2.textBeforeCursor
+          }
+        ];
+        const stream = yield apiConfig.apiEndpoint.run(
+          abortSignal,
+          messages,
+          apiConfig.forwardedParams
+        );
+        const reader = stream.getReader();
+        let result = "";
+        while (true) {
+          const { done, value } = yield reader.read();
+          if (done) {
+            break;
+          }
+          result += value;
+        }
+        return result;
+      }));
+      return res;
+    }),
+    [apiConfig, getContextString, contextCategories, textareaPurpose]
+  );
+}
+
+// src/types/base/base-autosuggestions-config.tsx
+var defaultBaseAutosuggestionsConfig = {
+  debounceTime: 250,
+  acceptAutosuggestionKey: "Tab",
+  disableWhenEmpty: true,
+  disabled: false,
+  temporarilyDisableWhenMovingCursorWithoutChangingText: true
+};
+
+// src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx
+var ChatlikeApiEndpoint = class {
+  constructor(run) {
+    this.run = run;
+  }
+  static standardOpenAIEndpoint(apiEndpoint) {
+    return new ChatlikeApiEndpoint(
+      (abortSignal, messages, forwardedProps) => __async(this, null, function* () {
+        const res = yield fetch(apiEndpoint, {
+          method: "POST",
+          body: JSON.stringify(__spreadProps(__spreadValues({}, forwardedProps), {
+            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;
+      })
+    );
+  }
+  static custom(run) {
+    return new ChatlikeApiEndpoint(run);
+  }
+};
+
+// 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",
+    name: "TextBeforeCursor",
+    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 = {
+  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
+    "/api/copilotkit_chatlike"
+  ),
+  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 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.
+
+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>
+
+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 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 = {
+  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
+    "/api/copilotkit_chatlike"
+  ),
+  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 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>
+
+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}
+\`\`\`
+`;
+};
+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 = {
+  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
+    "/api/copilotkit_chatlike"
+  ),
+  makeSystemPrompt: defaultEditingMakeSystemPrompt,
+  fewShotMessages: defaultEditingFewShotMessages,
+  forwardedParams: void 0
+};
+
+// src/types/autosuggestions-config/autosuggestions-config.tsx
+var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseAutosuggestionsConfig), {
+  externalContextCategories: void 0,
+  chatApiConfigs: {
+    suggestionsApiConfig: defaultSuggestionsApiConfig,
+    insertionApiConfig: defaultInsertionsApiConfig,
+    editingApiConfig: defaultEditingApiConfig
+  }
+});
+
+// src/components/base-copilot-textarea/base-copilot-textarea.tsx
+import React9, { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo4, useState as useState6 } from "react";
+import { Editor as Editor5 } from "slate";
+import { Editable, Slate } from "slate-react";
+import { twMerge as twMerge2 } from "tailwind-merge";
+
+// src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts
+import { useCallback as useCallback2, useEffect, useMemo, useState } from "react";
+
+// src/lib/debouncer.ts
+var Debouncer = class {
+  constructor(wait) {
+    this.wait = wait;
+    this.debounce = (func, ...args) => __async(this, null, function* () {
+      this.cancel();
+      this.timeoutId = setTimeout(() => __async(this, null, function* () {
+        try {
+          this.activeAbortController = new AbortController();
+          yield func(...args, this.activeAbortController.signal);
+          this.activeAbortController = void 0;
+        } catch (error) {
+        }
+      }), this.wait);
+    });
+    this.cancel = () => {
+      if (this.activeAbortController) {
+        this.activeAbortController.abort();
+        this.activeAbortController = void 0;
+      }
+      if (this.timeoutId !== void 0) {
+        clearTimeout(this.timeoutId);
+        this.timeoutId = void 0;
+      }
+    };
+  }
+};
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { customAlphabet } from "nanoid";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var nanoid = customAlphabet(
+  "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
+  7
+);
+var arraysAreEqual = (arr1, arr2) => arr1.length === arr2.length && arr1.every((value, index) => value === arr2[index]);
+function nullableCompatibleEqualityCheck(naiveEqualityCheck, a, b) {
+  if (a === null || a === void 0 || b === null || b === void 0) {
+    return a === b;
+  }
+  return naiveEqualityCheck(a, b);
+}
+
+// src/types/base/editor-autocomplete-state.ts
+function areEqual_autocompleteState(prev, next) {
+  return prev.cursorPoint.offset === next.cursorPoint.offset && arraysAreEqual(prev.cursorPoint.path, next.cursorPoint.path) && prev.textBeforeCursor === next.textBeforeCursor && prev.textAfterCursor === next.textAfterCursor;
+}
+
+// src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts
+function useAutosuggestions(debounceTime, acceptAutosuggestionKey, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
+  const [previousAutocompleteState, setPreviousAutocompleteState] = useState(null);
+  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = useState(null);
+  const awaitForAndAppendSuggestion = useCallback2(
+    (editorAutocompleteState, abortSignal) => __async(this, null, function* () {
+      if (disabled) {
+        return;
+      }
+      if (disableWhenEmpty && editorAutocompleteState.textBeforeCursor === "" && editorAutocompleteState.textAfterCursor === "") {
+        return;
+      }
+      const suggestion = yield autosuggestionFunction(
+        editorAutocompleteState,
+        abortSignal
+      );
+      if (!suggestion || abortSignal.aborted) {
+        throw new DOMException("Aborted", "AbortError");
+      }
+      setCurrentAutocompleteSuggestion({
+        text: suggestion,
+        point: editorAutocompleteState.cursorPoint
+      });
+    }),
+    [
+      autosuggestionFunction,
+      setCurrentAutocompleteSuggestion,
+      disableWhenEmpty,
+      disabled
+    ]
+  );
+  const debouncedFunction = useMemo(
+    () => new Debouncer(
+      debounceTime
+    ),
+    [debounceTime]
+  );
+  useEffect(() => {
+    return () => {
+      debouncedFunction.cancel();
+      setCurrentAutocompleteSuggestion(null);
+    };
+  }, [debouncedFunction, disabled]);
+  const onChange = useCallback2(
+    (newEditorState) => {
+      const editorStateHasChanged = !nullableCompatibleEqualityCheck(
+        areEqual_autocompleteState,
+        previousAutocompleteState,
+        newEditorState
+      );
+      setPreviousAutocompleteState(newEditorState);
+      if (!editorStateHasChanged) {
+        return;
+      }
+      setCurrentAutocompleteSuggestion(null);
+      if (newEditorState) {
+        debouncedFunction.debounce(awaitForAndAppendSuggestion, newEditorState);
+      } else {
+        debouncedFunction.cancel();
+      }
+    },
+    [
+      previousAutocompleteState,
+      setPreviousAutocompleteState,
+      debouncedFunction,
+      awaitForAndAppendSuggestion,
+      setCurrentAutocompleteSuggestion
+    ]
+  );
+  const keyDownHandler = useCallback2(
+    (event) => {
+      if (currentAutocompleteSuggestion) {
+        if (event.key === acceptAutosuggestionKey) {
+          event.preventDefault();
+          insertAutocompleteSuggestion(currentAutocompleteSuggestion);
+          setCurrentAutocompleteSuggestion(null);
+        }
+      }
+    },
+    [
+      currentAutocompleteSuggestion,
+      setCurrentAutocompleteSuggestion,
+      insertAutocompleteSuggestion,
+      acceptAutosuggestionKey
+    ]
+  );
+  return {
+    currentAutocompleteSuggestion,
+    onChangeHandler: onChange,
+    onKeyDownHandler: keyDownHandler
+  };
+}
+
+// src/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.tsx
+import { useMemo as useMemo2 } from "react";
+import { createEditor, Element } from "slate";
+import { withReact } from "slate-react";
+
+// src/lib/slatejs-edits/with-partial-history.ts
+import { Editor, Operation, Path, Transforms } from "slate";
+import { HistoryEditor } from "slate-history";
+var withPartialHistory = (editor, shouldSave2) => {
+  const e = editor;
+  const { apply } = e;
+  e.history = { undos: [], redos: [] };
+  e.redo = () => {
+    const { history } = e;
+    const { redos } = history;
+    if (redos.length > 0) {
+      const batch = redos[redos.length - 1];
+      if (batch.selectionBefore) {
+        Transforms.setSelection(e, batch.selectionBefore);
+      }
+      HistoryEditor.withoutSaving(e, () => {
+        Editor.withoutNormalizing(e, () => {
+          for (const op of batch.operations) {
+            e.apply(op);
+          }
+        });
+      });
+      history.redos.pop();
+      e.writeHistory("undos", batch);
+    }
+  };
+  e.undo = () => {
+    const { history } = e;
+    const { undos } = history;
+    if (undos.length > 0) {
+      const batch = undos[undos.length - 1];
+      HistoryEditor.withoutSaving(e, () => {
+        Editor.withoutNormalizing(e, () => {
+          const inverseOps = batch.operations.map(Operation.inverse).reverse();
+          for (const op of inverseOps) {
+            e.apply(op);
+          }
+          if (batch.selectionBefore) {
+            Transforms.setSelection(e, batch.selectionBefore);
+          }
+        });
+      });
+      e.writeHistory("redos", batch);
+      history.undos.pop();
+    }
+  };
+  e.apply = (op) => {
+    const { operations, history } = e;
+    const { undos } = history;
+    const lastBatch = undos[undos.length - 1];
+    const lastOp = lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
+    let save = HistoryEditor.isSaving(e);
+    let merge2 = HistoryEditor.isMerging(e);
+    if (save == null) {
+      save = shouldSave2(op, lastOp);
+    }
+    if (save) {
+      if (merge2 == null) {
+        if (lastBatch == null) {
+          merge2 = false;
+        } else if (operations.length !== 0) {
+          merge2 = true;
+        } else {
+          merge2 = shouldMerge(op, lastOp);
+        }
+      }
+      if (lastBatch && merge2) {
+        lastBatch.operations.push(op);
+      } else {
+        const batch = {
+          operations: [op],
+          selectionBefore: e.selection
+        };
+        e.writeHistory("undos", batch);
+      }
+      while (undos.length > 100) {
+        undos.shift();
+      }
+      history.redos = [];
+    }
+    apply(op);
+  };
+  e.writeHistory = (stack, batch) => {
+    e.history[stack].push(batch);
+  };
+  return e;
+};
+var shouldMerge = (op, prev) => {
+  if (prev && op.type === "insert_text" && prev.type === "insert_text" && op.offset === prev.offset + prev.text.length && Path.equals(op.path, prev.path)) {
+    return true;
+  }
+  if (prev && op.type === "remove_text" && prev.type === "remove_text" && op.offset + op.text.length === prev.offset && Path.equals(op.path, prev.path)) {
+    return true;
+  }
+  return false;
+};
+var defaultShouldSave = (op, prev) => {
+  if (op.type === "set_selection") {
+    return false;
+  }
+  return true;
+};
+
+// src/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.tsx
+var shouldSave = (op, prev) => {
+  const excludedNodeType = "suggestion";
+  if (op.type === "insert_node" && Element.isElement(op.node) && op.node.type === excludedNodeType) {
+    return false;
+  }
+  if (op.type === "remove_node" && Element.isElement(op.node) && op.node.type === excludedNodeType) {
+    return false;
+  }
+  if (op.type === "set_node" && "type" in op.newProperties && op.newProperties.type === excludedNodeType) {
+    return false;
+  }
+  if (op.type == "set_node" && "type" in op.properties && op.properties.type === excludedNodeType) {
+    return false;
+  }
+  if (op.type === "merge_node" && "type" in op.properties && op.properties.type === excludedNodeType) {
+    return false;
+  }
+  if (op.type === "split_node" && "type" in op.properties && op.properties.type === excludedNodeType) {
+    return false;
+  }
+  return defaultShouldSave(op, prev);
+};
+function useCopilotTextareaEditor() {
+  const editor = useMemo2(() => {
+    const editor2 = withPartialHistory(withReact(createEditor()), shouldSave);
+    const { isVoid } = editor2;
+    editor2.isVoid = (element) => {
+      switch (element.type) {
+        case "suggestion":
+          return true;
+        default:
+          return isVoid(element);
+      }
+    };
+    const { markableVoid } = editor2;
+    editor2.markableVoid = (element) => {
+      switch (element.type) {
+        case "suggestion":
+          return true;
+        default:
+          return markableVoid(element);
+      }
+    };
+    const { isInline } = editor2;
+    editor2.isInline = (element) => {
+      switch (element.type) {
+        case "suggestion":
+          return element.inline;
+        default:
+          return isInline(element);
+      }
+    };
+    return editor2;
+  }, []);
+  return editor;
+}
+
+// src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts
+import React from "react";
+import { ReactEditor } from "slate-react";
+
+// src/lib/get-text-around-cursor.ts
+import {
+  Editor as Editor2,
+  Path as Path2,
+  Range as Range2,
+  Text,
+  Element as Element2,
+  Point
+} from "slate";
+function getTextAroundCollapsedCursor(editor) {
+  const { selection } = editor;
+  if (!selection || !Range2.isCollapsed(selection)) {
+    return null;
+  }
+  const cursorPoint = selection.anchor;
+  const beforeRange = {
+    anchor: Editor2.start(editor, []),
+    focus: cursorPoint
+  };
+  const afterRange = {
+    anchor: cursorPoint,
+    focus: Editor2.end(editor, [])
+  };
+  const before = extractTextWithNewlines(editor, beforeRange);
+  const after = extractTextWithNewlines(editor, afterRange);
+  return {
+    cursorPoint,
+    textBeforeCursor: before,
+    textAfterCursor: after
+  };
+}
+function getTextAroundSelection(editor) {
+  const { selection } = editor;
+  if (!selection) {
+    return null;
+  }
+  const wellOrderedSelection = wellOrderedRange(selection);
+  const beforeRange = {
+    anchor: Editor2.start(editor, []),
+    focus: wellOrderedSelection.anchor
+  };
+  const afterRange = {
+    anchor: wellOrderedSelection.focus,
+    focus: Editor2.end(editor, [])
+  };
+  const before = extractTextWithNewlines(editor, beforeRange);
+  const after = extractTextWithNewlines(editor, afterRange);
+  const selectedText = extractTextWithNewlines(editor, wellOrderedSelection);
+  return {
+    selection: wellOrderedSelection,
+    textBeforeCursor: before,
+    selectedText,
+    textAfterCursor: after
+  };
+}
+function getFullEditorTextWithNewlines(editor) {
+  const fullDocumentRange = {
+    anchor: Editor2.start(editor, []),
+    focus: Editor2.end(editor, [])
+  };
+  return extractTextWithNewlines(editor, fullDocumentRange);
+}
+function extractTextWithNewlines(editor, range) {
+  const voids = false;
+  const [start, end] = Range2.edges(range);
+  let text = "";
+  let lastBlock = null;
+  for (const [node, path] of Editor2.nodes(editor, {
+    at: range,
+    match: Text.isText,
+    voids
+  })) {
+    let t = node.text;
+    const [block] = Editor2.above(editor, {
+      at: path,
+      match: (n) => Element2.isElement(n) && n.type === "paragraph"
+    }) || [null];
+    if (lastBlock !== block && block) {
+      if (lastBlock) {
+        text += "\n";
+      }
+      lastBlock = block;
+    }
+    if (Path2.equals(path, end.path)) {
+      t = t.slice(0, end.offset);
+    }
+    if (Path2.equals(path, start.path)) {
+      t = t.slice(start.offset);
+    }
+    text += t;
+  }
+  return text;
+}
+function wellOrderedRange(range) {
+  const { anchor, focus } = range;
+  if (Point.isBefore(anchor, focus)) {
+    return range;
+  }
+  return {
+    anchor: focus,
+    focus: anchor
+  };
+}
+
+// src/lib/slatejs-edits/replace-text.ts
+import { Editor as Editor3, Transforms as Transforms2 } from "slate";
+function replaceEditorText(editor, newText) {
+  Transforms2.delete(editor, {
+    at: {
+      anchor: Editor3.start(editor, []),
+      focus: Editor3.end(editor, [])
+    }
+  });
+  if (newText && newText !== "") {
+    Transforms2.insertNodes(
+      editor,
+      [
+        {
+          type: "paragraph",
+          children: [{ text: newText }]
+        }
+      ],
+      {
+        at: [0]
+      }
+    );
+  }
+}
+
+// src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts
+function usePopulateCopilotTextareaRef(editor, ref) {
+  React.useImperativeHandle(
+    ref,
+    () => {
+      class Combined {
+        constructor(customMethods2, editorHtmlElement2) {
+          this.customMethods = customMethods2;
+          this.editorHtmlElement = editorHtmlElement2;
+        }
+        get(target, propKey) {
+          if (this.isKeyOfCustomMethods(propKey)) {
+            const value = this.customMethods[propKey];
+            if (typeof value === "function") {
+              return value.bind(this.customMethods);
+            }
+            return value;
+          } else if (this.isKeyOfHTMLElement(propKey)) {
+            const value = this.editorHtmlElement[propKey];
+            if (typeof value === "function") {
+              return value.bind(this.editorHtmlElement);
+            }
+            return value;
+          }
+        }
+        set(target, propKey, value) {
+          if (this.isKeyOfCustomMethods(propKey)) {
+            this.customMethods[propKey] = value;
+          } else if (this.isKeyOfHTMLElement(propKey)) {
+            this.editorHtmlElement[propKey] = value;
+          } else {
+            target[propKey] = value;
+          }
+          return true;
+        }
+        isKeyOfCustomMethods(key) {
+          return key in this.customMethods;
+        }
+        isKeyOfHTMLElement(key) {
+          return key in this.editorHtmlElement;
+        }
+      }
+      const handler = {
+        get(target, propKey) {
+          return target.get(target, propKey);
+        },
+        set(target, propKey, value) {
+          return target.set(target, propKey, value);
+        }
+      };
+      class CustomMethods {
+        constructor(editor2) {
+          this.editor = editor2;
+        }
+        focus() {
+          ReactEditor.focus(this.editor);
+        }
+        blur() {
+          ReactEditor.blur(this.editor);
+        }
+        get value() {
+          return getFullEditorTextWithNewlines(this.editor);
+        }
+        set value(value) {
+          replaceEditorText(this.editor, value);
+        }
+      }
+      const editorHtmlElement = ReactEditor.toDOMNode(editor, editor);
+      const customMethods = new CustomMethods(editor);
+      const combined = new Combined(customMethods, editorHtmlElement);
+      return new Proxy(combined, handler);
+    },
+    [editor]
+  );
+}
+
+// src/lib/slatejs-edits/add-autocompletions.ts
+import { Transforms as Transforms3 } from "slate";
+function addAutocompletionsToEditor(editor, newSuggestion, point) {
+  const editorPosition = editor.selection;
+  Transforms3.insertNodes(
+    editor,
+    [
+      {
+        type: "suggestion",
+        inline: true,
+        content: newSuggestion,
+        children: [{ text: "" }]
+      }
+    ],
+    {
+      at: point
+    }
+  );
+  if (editorPosition) {
+    editor.selection = editorPosition;
+  }
+}
+
+// src/lib/slatejs-edits/clear-autocompletions.ts
+import { Element as Element3, Node as Node2, Transforms as Transforms4 } from "slate";
+function clearAutocompletionsFromEditor(editor) {
+  const paths = [];
+  for (const [node, path] of Node2.nodes(editor)) {
+    if (Element3.isElement(node) && node.type === "suggestion") {
+      paths.push(path);
+    }
+  }
+  for (const path of paths) {
+    try {
+      Transforms4.removeNodes(editor, { at: path });
+    } catch (e) {
+      console.log(
+        "CopilotTextarea.clearAutocompletionsFromEditor: error removing node",
+        e
+      );
+    }
+  }
+}
+
+// src/components/hovering-toolbar/hovering-toolbar.tsx
+import { useEffect as useEffect4, useRef as useRef2, useState as useState5 } from "react";
+import { Transforms as Transforms5 } from "slate";
+import { useSlate, useSlateSelection } from "slate-react";
+
+// src/hooks/misc/use-autosize-textarea.tsx
+import { useEffect as useEffect2 } from "react";
+var useAutosizeTextArea = (textAreaRef, value) => {
+  useEffect2(() => {
+    if (textAreaRef.current !== null) {
+      textAreaRef.current.style.height = "0px";
+      const scrollHeight = textAreaRef.current.scrollHeight;
+      textAreaRef.current.style.height = scrollHeight + "px";
+    }
+  }, [textAreaRef, value]);
+};
+var use_autosize_textarea_default = useAutosizeTextArea;
+
+// src/components/source-search-box/source-search-box.tsx
+import { useState as useState2 } from "react";
+
+// src/components/ui/command.tsx
+import * as React2 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { jsx } from "react/jsx-runtime";
+"use client";
+var Command = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(CommandPrimitive, __spreadValues({
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    )
+  }, props));
+});
+Command.displayName = CommandPrimitive.displayName;
+var CommandInput = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", {
+    className: "flex items-center border-b px-3",
+    "cmdk-input-wrapper": "",
+    children: /* @__PURE__ */ jsx(CommandPrimitive.Input, __spreadValues({
+      ref,
+      className: cn(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )
+    }, props))
+  });
+});
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(CommandPrimitive.List, __spreadValues({
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)
+  }, props));
+});
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React2.forwardRef((props, ref) => /* @__PURE__ */ jsx(CommandPrimitive.Empty, __spreadValues({
+  ref,
+  className: "py-6 text-center text-sm"
+}, props)));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(CommandPrimitive.Group, __spreadValues({
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    )
+  }, props));
+});
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(CommandPrimitive.Separator, __spreadValues({
+    ref,
+    className: cn("-mx-1 h-px bg-border", className)
+  }, props));
+});
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(CommandPrimitive.Item, __spreadValues({
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )
+  }, props));
+});
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("span", __spreadValues({
+    className: cn(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      className
+    )
+  }, props));
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/source-search-box/source-search-box.tsx
+import {
+  Calculator,
+  Calendar,
+  Smile
+} from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function SourceSearchBox(props) {
+  const [selectedValue, setSelectedValue] = useState2("");
+  return /* @__PURE__ */ jsxs(Command, {
+    className: "rounded-lg border shadow-md",
+    value: selectedValue,
+    onValueChange: (value) => {
+      setSelectedValue(value);
+    },
+    filter: (value, search) => {
+      if (props.searchTerm === "")
+        return 1;
+      if (value.startsWith(props.searchTerm))
+        return 1;
+      return 0;
+    },
+    children: [
+      /* @__PURE__ */ jsx2(CommandInput, {
+        value: props.searchTerm,
+        className: "rounded-t-lg hidden",
+        placeholder: "Search for a command..."
+      }),
+      /* @__PURE__ */ jsxs(CommandList, {
+        children: [
+          /* @__PURE__ */ jsx2(CommandEmpty, {
+            children: "No results found."
+          }),
+          /* @__PURE__ */ jsx2(CommandGroup, {
+            heading: "Recents",
+            children: props.recentFiles.map((filePointer) => {
+              return /* @__PURE__ */ jsx2(CommandItem, {
+                value: filePointer.name,
+                onSelect: (value) => {
+                  console.log(filePointer.name);
+                  props.onSelectedFile(filePointer);
+                },
+                children: /* @__PURE__ */ jsxs("div", {
+                  className: "flex flex-row gap-3 items-center",
+                  children: [
+                    /* @__PURE__ */ jsx2(Logo, {
+                      size: "30px",
+                      children: /* @__PURE__ */ jsx2(IconForFilePointer, {
+                        filePointer,
+                        className: "mx-auto my-auto"
+                      })
+                    }),
+                    filePointer.name
+                  ]
+                })
+              }, `word-${filePointer.sourceApplication}.${filePointer.name}`);
+            })
+          }),
+          /* @__PURE__ */ jsxs(CommandGroup, {
+            heading: "Suggestions",
+            children: [
+              /* @__PURE__ */ jsxs(CommandItem, {
+                onSelect: (value) => {
+                  console.log(value);
+                  console.log(value);
+                },
+                children: [
+                  /* @__PURE__ */ jsx2(Calendar, {
+                    className: "mr-2 h-4 w-4"
+                  }),
+                  /* @__PURE__ */ jsx2("span", {
+                    children: "Calendar"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsxs(CommandItem, {
+                children: [
+                  /* @__PURE__ */ jsx2(Smile, {
+                    className: "mr-2 h-4 w-4"
+                  }),
+                  /* @__PURE__ */ jsx2("span", {
+                    children: "Search Emoji"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsxs(CommandItem, {
+                children: [
+                  /* @__PURE__ */ jsx2(Calculator, {
+                    className: "mr-2 h-4 w-4"
+                  }),
+                  /* @__PURE__ */ jsx2("span", {
+                    children: "Calculator"
+                  })
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx2(CommandSeparator, {})
+        ]
+      })
+    ]
+  });
+}
+function Logo({
+  children,
+  size = "30px"
+}) {
+  return /* @__PURE__ */ jsx2("div", {
+    className: "flex items-center justify-center",
+    style: { width: size, height: size },
+    children
+  });
+}
+
+// src/components/ui/button.tsx
+import * as React3 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React3.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx3(Comp, __spreadValues({
+      className: cn(buttonVariants({ variant, size, className })),
+      ref
+    }, props));
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ui/label.tsx
+import * as React4 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+"use client";
+var labelVariants = cva2(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React4.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx4(LabelPrimitive.Root, __spreadValues({
+    ref,
+    className: cn(labelVariants(), className)
+  }, props));
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+import { useEffect as useEffect3, useRef, useState as useState3 } from "react";
+import Chip from "@mui/material/Chip";
+import Avatar from "@mui/material/Avatar";
+
+// src/lib/stream-promise-flatten.ts
+function streamPromiseFlatten(promise) {
+  return new ReadableStream({
+    start(controller) {
+      return __async(this, null, function* () {
+        try {
+          const stream = yield promise;
+          const reader = stream.getReader();
+          while (true) {
+            const { done, value } = yield reader.read();
+            if (done) {
+              controller.close();
+              return;
+            }
+            controller.enqueue(value);
+          }
+        } catch (error) {
+          controller.error(error);
+        }
+      });
+    }
+  });
+}
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var HoveringInsertionPromptBoxCore = ({ performInsertion, state, insertionOrEditingFunction }) => {
+  const [editSuggestion, setEditSuggestion] = useState3("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = useState3(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = useState3("");
+  const [generatingSuggestion, setGeneratingSuggestion] = useState3(null);
+  const adjustmentTextAreaRef = useRef(null);
+  const suggestionTextAreaRef = useRef(null);
+  const [filePointers, setFilePointers] = useState3([]);
+  use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
+  use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
+  useEffect3(() => {
+    var _a;
+    (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
+  }, []);
+  useEffect3(() => {
+    if (!generatingSuggestion) {
+      return;
+    }
+    if (generatingSuggestion.locked) {
+      return;
+    }
+    setEditSuggestion("");
+    const reader = generatingSuggestion.getReader();
+    const read = () => __async(void 0, null, function* () {
+      setSuggestionIsLoading(true);
+      while (true) {
+        const { done, value } = yield reader.read();
+        if (done) {
+          break;
+        }
+        setEditSuggestion((prev) => {
+          const newSuggestion = prev + value;
+          if (suggestionTextAreaRef.current) {
+            suggestionTextAreaRef.current.scrollTop = suggestionTextAreaRef.current.scrollHeight;
+          }
+          return newSuggestion;
+        });
+      }
+      setSuggestionIsLoading(false);
+    });
+    read();
+    return () => {
+      const releaseLockIfNotClosed = () => __async(void 0, null, function* () {
+        try {
+          yield reader.closed;
+        } catch (e) {
+          reader.releaseLock();
+        }
+      });
+      releaseLockIfNotClosed();
+    };
+  }, [generatingSuggestion]);
+  const begingGeneratingAdjustment = () => __async(void 0, null, function* () {
+    if (!adjustmentPrompt.trim()) {
+      return;
+    }
+    let editorState2 = state.editorState;
+    if (editSuggestion !== "") {
+      editorState2.selectedText = editSuggestion;
+    }
+    const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(
+      editorState2,
+      adjustmentPrompt,
+      new AbortController().signal
+    );
+    const adjustmentSuggestionTextStream = streamPromiseFlatten(
+      adjustmentSuggestionTextStreamPromise
+    );
+    setGeneratingSuggestion(adjustmentSuggestionTextStream);
+  });
+  const isLoading = suggestionIsLoading;
+  const textToEdit = editSuggestion || state.editorState.selectedText;
+  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 AdjustmentPromptComponent = /* @__PURE__ */ jsxs2(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx5(Label, {
+        className: "",
+        children: adjustmentLabel
+      }),
+      /* @__PURE__ */ jsxs2("div", {
+        className: "relative w-full flex items-center",
+        children: [
+          /* @__PURE__ */ jsx5("textarea", {
+            disabled: suggestionIsLoading,
+            ref: adjustmentTextAreaRef,
+            value: adjustmentPrompt,
+            onChange: (e) => setAdjustmentPrompt(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && e.shiftKey) {
+                e.preventDefault();
+                setAdjustmentPrompt(adjustmentPrompt + "\n");
+              } else if (e.key === "Enter") {
+                e.preventDefault();
+                begingGeneratingAdjustment();
+              }
+            },
+            placeholder,
+            style: { minHeight: "3rem" },
+            className: "w-full bg-slate-100 h-auto h-min-14 text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-non pr-[3rem]",
+            rows: 1
+          }),
+          /* @__PURE__ */ jsx5("button", {
+            onClick: begingGeneratingAdjustment,
+            className: "absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center",
+            children: /* @__PURE__ */ jsx5("i", {
+              className: "material-icons",
+              children: "arrow_forward"
+            })
+          })
+        ]
+      })
+    ]
+  });
+  const SuggestionComponent = /* @__PURE__ */ jsxs2(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxs2("div", {
+        className: "flex justify-between items-end w-full",
+        children: [
+          /* @__PURE__ */ jsx5(Label, {
+            className: "mt-4",
+            children: "Suggested:"
+          }),
+          /* @__PURE__ */ jsx5("div", {
+            className: "ml-auto",
+            children: isLoading && /* @__PURE__ */ jsx5("div", {
+              className: "flex justify-center items-center",
+              children: /* @__PURE__ */ jsx5("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__ */ jsx5("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__ */ jsx5("textarea", {
+        ref: suggestionTextAreaRef,
+        value: editSuggestion,
+        disabled: suggestionIsLoading,
+        onChange: (e) => setEditSuggestion(e.target.value),
+        className: "w-full text-base p-2 border border-gray-300 rounded-md resize-none bg-green-50",
+        style: { overflow: "auto", maxHeight: "10em" }
+      })
+    ]
+  });
+  const SubmitComponent = /* @__PURE__ */ jsx5("div", {
+    className: "flex w-full gap-4 justify-start",
+    children: /* @__PURE__ */ jsxs2(Button, {
+      className: " bg-green-700 text-white",
+      onClick: () => {
+        performInsertion(editSuggestion);
+      },
+      children: [
+        "Insert ",
+        /* @__PURE__ */ jsx5("i", {
+          className: "material-icons",
+          children: "check"
+        })
+      ]
+    })
+  });
+  const sourceSearchCandidate = adjustmentPrompt.split(" ").pop();
+  const sourceSearchWord = (sourceSearchCandidate == null ? void 0 : sourceSearchCandidate.startsWith("@")) ? sourceSearchCandidate.slice(1) : void 0;
+  return /* @__PURE__ */ jsxs2("div", {
+    className: "w-full flex flex-col items-start relative gap-2",
+    children: [
+      AdjustmentPromptComponent,
+      filePointers.length > 0 && /* @__PURE__ */ jsx5(IncludedFilesPreview, {
+        includedFiles: filePointers,
+        setIncludedFiles: setFilePointers
+      }),
+      sourceSearchWord !== void 0 && /* @__PURE__ */ jsx5(SourceSearchBox, {
+        searchTerm: sourceSearchWord,
+        recentFiles: mockFiles,
+        onSelectedFile: (filePointer) => {
+          var _a;
+          setAdjustmentPrompt(
+            adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), "")
+          );
+          setFilePointers((prev) => [...prev, filePointer]);
+          (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
+        }
+      }),
+      generatingSuggestion ? SuggestionComponent : null,
+      generatingSuggestion ? SubmitComponent : null
+    ]
+  });
+};
+var IncludedFilesPreview = ({
+  includedFiles,
+  setIncludedFiles
+}) => {
+  return /* @__PURE__ */ jsxs2("div", {
+    className: "flex flex-col gap-2 mt-2",
+    children: [
+      /* @__PURE__ */ jsx5(Label, {
+        className: "",
+        children: "Included context:"
+      }),
+      /* @__PURE__ */ jsx5("div", {
+        className: "flex flex-wrap gap-2",
+        children: includedFiles.map((filePointer, index) => {
+          return /* @__PURE__ */ jsx5(FileChipPreview, {
+            filePointer,
+            onDelete: () => {
+              setIncludedFiles(
+                (prev) => prev.filter((fp) => fp !== filePointer)
+              );
+            }
+          }, `file-${filePointer.sourceApplication}.${filePointer.name}`);
+        })
+      })
+    ]
+  });
+};
+var FileChipPreview = ({
+  filePointer,
+  onDelete
+}) => {
+  return /* @__PURE__ */ jsx5(Chip, {
+    label: filePointer.name,
+    onDelete,
+    avatar: /* @__PURE__ */ jsx5(Avatar, {
+      sx: { backgroundColor: "transparent" },
+      children: /* @__PURE__ */ jsx5(IconForFilePointer, {
+        filePointer,
+        className: "w-4 h-4 object-contain"
+      })
+    })
+  });
+};
+function IconForFilePointer({
+  filePointer,
+  className
+}) {
+  if (filePointer.sourceApplication === "Salesforce") {
+    return /* @__PURE__ */ jsx5(IconSalesforce, {
+      className
+    });
+  } else {
+    return /* @__PURE__ */ jsx5(IconSalesforce, {
+      className
+    });
+  }
+}
+function IconSalesforce(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs2("svg", __spreadProps(__spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    preserveAspectRatio: "xMidYMid meet",
+    viewBox: "0 0 273 191"
+  }, props), {
+    children: [
+      /* @__PURE__ */ jsx5("title", {
+        children: "Salesforce.com logo"
+      }),
+      /* @__PURE__ */ jsx5("defs", {
+        children: /* @__PURE__ */ jsx5("path", {
+          id: "a",
+          d: "M.06.5h272v190H.06z"
+        })
+      }),
+      /* @__PURE__ */ jsxs2("g", {
+        fillRule: "evenodd",
+        children: [
+          /* @__PURE__ */ jsx5("mask", {
+            id: "b",
+            fill: "#fff",
+            children: /* @__PURE__ */ jsx5("use", {
+              xlinkHref: "#a"
+            })
+          }),
+          /* @__PURE__ */ jsx5("path", {
+            fill: "#00A1E0",
+            d: "M113 21.3c8.78-9.14 21-14.8 34.5-14.8 18 0 33.6 10 42 24.9a58 58 0 0 1 23.7-5.05c32.4 0 58.7 26.5 58.7 59.2s-26.3 59.2-58.7 59.2c-3.96 0-7.82-.398-11.6-1.15-7.35 13.1-21.4 22-37.4 22a42.7 42.7 0 0 1-18.8-4.32c-7.45 17.5-24.8 29.8-45 29.8-21.1 0-39-13.3-45.9-32a45.1 45.1 0 0 1-9.34.972c-25.1 0-45.4-20.6-45.4-45.9 0-17 9.14-31.8 22.7-39.8a52.6 52.6 0 0 1-4.35-21c0-29.2 23.7-52.8 52.9-52.8 17.1 0 32.4 8.15 42 20.8",
+            mask: "url(#b)"
+          }),
+          /* @__PURE__ */ jsx5("path", {
+            fill: "#FFFFFE",
+            d: "M39.4 99.3c-.171.446.061.539.116.618.511.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.92-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.26.799 7.09 1.81 0 0 .542.35.739-.173.107-.283 1.04-2.78 1.14-3.06.106-.293-.08-.514-.271-.628-2.1-1.28-5-2.15-8-2.15l-.557.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.592.184c2.68.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.941 0-3.94-.016-7.19-2.07-.393-.229-.617-.394-.92-.579-.16-.097-.56-.272-.734.252l-1.1 3.06m81.7 0c-.171.446.061.539.118.618.509.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.91-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.25.799 7.09 1.81 0 0 .542.35.74-.173.106-.283 1.04-2.78 1.13-3.06.107-.293-.08-.514-.27-.628-2.1-1.28-5-2.15-8-2.15l-.558.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.591.184c2.69.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.943 0-3.95-.016-7.19-2.07-.393-.229-.623-.387-.921-.579-.101-.064-.572-.248-.733.252l-1.1 3.06m55.8-9.36c0 2.7-.504 4.83-1.49 6.34-.984 1.49-2.47 2.22-4.54 2.22s-3.55-.724-4.52-2.21c-.977-1.5-1.47-3.64-1.47-6.34 0-2.7.496-4.82 1.47-6.31.968-1.48 2.44-2.19 4.52-2.19s3.56.717 4.54 2.19c.992 1.49 1.49 3.61 1.49 6.31m4.66-5.01c-.459-1.55-1.17-2.91-2.12-4.05a10.151 10.151 0 0 0-3.58-2.72c-1.42-.665-3.1-1-5-1s-3.57.337-5 1c-1.42.664-2.63 1.58-3.58 2.72-.948 1.14-1.66 2.5-2.12 4.05-.455 1.54-.686 3.22-.686 5.01 0 1.79.231 3.47.686 5.01.457 1.55 1.17 2.91 2.12 4.05.951 1.14 2.16 2.05 3.58 2.7 1.43.648 3.11.978 5 .978 1.89 0 3.57-.33 4.99-.978 1.42-.648 2.63-1.56 3.58-2.7.949-1.14 1.66-2.5 2.12-4.05.454-1.54.685-3.22.685-5.01 0-1.78-.231-3.47-.685-5.01m38.3 12.8c-.153-.453-.595-.282-.595-.282-.677.259-1.4.499-2.17.619-.776.122-1.64.183-2.55.183-2.25 0-4.05-.671-5.33-2-1.29-1.33-2.01-3.47-2-6.37.007-2.64.645-4.62 1.79-6.14 1.13-1.5 2.87-2.28 5.17-2.28 1.92 0 3.39.223 4.93.705 0 0 .365.159.54-.322.409-1.13.711-1.94 1.15-3.18.124-.355-.18-.505-.291-.548-.604-.236-2.03-.623-3.11-.786-1.01-.154-2.18-.234-3.5-.234-1.96 0-3.7.335-5.19.999-1.49.663-2.75 1.58-3.75 2.72-1 1.14-1.76 2.5-2.27 4.05-.505 1.54-.76 3.23-.76 5.02 0 3.86 1.04 6.99 3.1 9.28 2.06 2.3 5.16 3.46 9.2 3.46 2.39 0 4.84-.483 6.6-1.18 0 0 .336-.162.19-.554l-1.15-3.16m8.15-10.4c.223-1.5.634-2.75 1.28-3.72.967-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.65.975.934 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.397-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.959 1.16-1.68 2.53-2.14 4.1-.46 1.55-.692 3.25-.692 5.03 0 1.82.241 3.51.715 5.04.479 1.54 1.25 2.89 2.29 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.52.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.175-.098.34-.267.134-.754l-1.03-2.89c-.158-.431-.594-.275-.594-.275-1.13.422-2.73 1.18-6.48 1.17-2.45-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.471-6.79zm-142 3.3c.223-1.5.635-2.75 1.28-3.72.968-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.649.975.933 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.396-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.957 1.16-1.68 2.53-2.14 4.1-.459 1.55-.69 3.25-.69 5.03 0 1.82.239 3.51.716 5.04.478 1.54 1.25 2.89 2.28 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.51.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.174-.098.34-.267.133-.754l-1.03-2.89c-.159-.431-.595-.275-.595-.275-1.13.422-2.73 1.18-6.48 1.17-2.44-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.472-6.79zm-49.8 13.6c-.619-.494-.705-.615-.91-.936-.313-.483-.473-1.17-.473-2.05 0-1.38.46-2.38 1.41-3.05-.01.002 1.36-1.18 4.58-1.14a32 32 0 0 1 4.28.365v7.17h.002s-2 .431-4.26.567c-3.21.193-4.63-.924-4.62-.921zm6.28-11.1c-.64-.047-1.47-.07-2.46-.07-1.35 0-2.66.168-3.88.498-1.23.332-2.34.846-3.29 1.53a7.63 7.63 0 0 0-2.29 2.6c-.559 1.04-.844 2.26-.844 3.64 0 1.4.243 2.61.723 3.6a6.54 6.54 0 0 0 2.06 2.47c.877.638 1.96 1.11 3.21 1.39 1.24.283 2.64.426 4.18.426 1.62 0 3.23-.136 4.79-.399a95.1 95.1 0 0 0 3.97-.772c.526-.121 1.11-.28 1.11-.28.39-.099.36-.516.36-.516l-.009-14.4c0-3.16-.844-5.51-2.51-6.96-1.66-1.45-4.09-2.18-7.24-2.18-1.18 0-3.09.16-4.23.389 0 0-3.44.668-4.86 1.78 0 0-.312.192-.142.627l1.12 3c.139.389.518.256.518.256s.119-.047.259-.13c3.03-1.65 6.87-1.6 6.87-1.6 1.7 0 3.02.345 3.9 1.02.861.661 1.3 1.66 1.3 3.76v.667c-1.35-.196-2.6-.309-2.6-.309zm127-8.13a.428.428 0 0 0-.237-.568c-.269-.102-1.61-.385-2.64-.449-1.98-.124-3.08.21-4.07.654-.978.441-2.06 1.15-2.66 1.97l-.002-1.92c0-.264-.187-.477-.453-.477h-4.04c-.262 0-.452.213-.452.477v23.5a.48.48 0 0 0 .479.479h4.14a.479.479 0 0 0 .478-.479v-11.8c0-1.58.174-3.15.521-4.14.342-.979.807-1.76 1.38-2.32a4.79 4.79 0 0 1 1.95-1.17 7.68 7.68 0 0 1 2.12-.298c.825 0 1.73.212 1.73.212.304.034.473-.152.576-.426.271-.721 1.04-2.88 1.19-3.31"
+          }),
+          /* @__PURE__ */ jsx5("path", {
+            fill: "#FFFFFE",
+            d: "M162.201 67.548a13.258 13.258 0 0 0-1.559-.37 12.217 12.217 0 0 0-2.144-.166c-2.853 0-5.102.806-6.681 2.398-1.568 1.58-2.635 3.987-3.17 7.154l-.193 1.069h-3.581s-.437-.018-.529.459l-.588 3.28c-.041.314.094.51.514.508h3.486l-3.537 19.743c-.277 1.59-.594 2.898-.945 3.889-.346.978-.684 1.711-1.1 2.243-.403.515-.785.894-1.444 1.115-.544.183-1.17.267-1.856.267-.382 0-.89-.064-1.265-.139-.375-.074-.57-.158-.851-.276 0 0-.409-.156-.57.254-.131.335-1.06 2.89-1.17 3.206-.112.312.045.558.243.629.464.166.809.272 1.441.421.878.207 1.618.22 2.311.22 1.452 0 2.775-.204 3.872-.6 1.104-.399 2.065-1.094 2.915-2.035.919-1.015 1.497-2.078 2.05-3.528.547-1.437 1.013-3.221 1.386-5.3l3.554-20.109h5.196s.438.016.529-.459l.588-3.28c.041-.314-.093-.51-.515-.508h-5.043c.025-.114.254-1.888.833-3.558.247-.713.712-1.288 1.106-1.683a3.273 3.273 0 0 1 1.321-.822 5.48 5.48 0 0 1 1.693-.244c.475 0 .941.057 1.296.131.489.104.679.159.807.197.514.157.583.005.684-.244l1.206-3.312c.124-.356-.178-.506-.29-.55m-70.474 34.117c0 .264-.188.479-.452.479h-4.183c-.265 0-.453-.215-.453-.479V67.997c0-.263.188-.476.453-.476h4.183c.264 0 .452.213.452.476v33.668"
+          })
+        ]
+      })
+    ]
+  }));
+}
+var mockFiles = [
+  {
+    name: "prospecting call transcript",
+    sourceApplication: "Salesforce",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "customer feedback",
+    sourceApplication: "Zendesk",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "product specifications",
+    sourceApplication: "Google Docs",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "meeting minutes",
+    sourceApplication: "Microsoft Teams",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "project plan",
+    sourceApplication: "Trello",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  },
+  {
+    name: "code review comments",
+    sourceApplication: "Github",
+    getContents: () => __async(void 0, null, function* () {
+      return "some contents";
+    })
+  }
+];
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var HoveringInsertionPromptBox = (props) => {
+  return /* @__PURE__ */ jsx6("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__ */ jsx6(HoveringInsertionPromptBoxCore, {
+      state: {
+        editorState: props.editorState
+      },
+      performInsertion: props.performInsertion,
+      insertionOrEditingFunction: props.apiConfig.insertionOrEditingFunction
+    })
+  });
+};
+
+// src/components/hovering-toolbar/hovering-toolbar-components.tsx
+import { css, cx } from "@emotion/css";
+import React6 from "react";
+import ReactDOM from "react-dom";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Button2 = React6.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      active,
+      reversed
+    } = _b, props = __objRest(_b, [
+      "className",
+      "active",
+      "reversed"
+    ]);
+    return /* @__PURE__ */ jsx7("span", __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: cx(
+        className,
+        css`
+          cursor: pointer;
+          color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
+        `
+      )
+    }));
+  }
+);
+var Icon = React6.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx7("span", __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: cx(
+        "material-icons",
+        className,
+        css`
+          font-size: 18px;
+          vertical-align: text-bottom;
+        `
+      )
+    }));
+  }
+);
+var Menu = React6.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx7("div", __spreadProps(__spreadValues({}, props), {
+      "data-test-id": "menu",
+      ref,
+      className: cx(
+        className,
+        css`
+          & > * {
+            display: inline-block;
+          }
+
+          & > * + * {
+            margin-left: 15px;
+          }
+        `
+      )
+    }));
+  }
+);
+var Portal = ({ children }) => {
+  return typeof document === "object" ? ReactDOM.createPortal(children, document.body) : null;
+};
+var Toolbar = React6.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx7(Menu, __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: cx(
+        className,
+        css`
+          position: relative;
+          padding: 1px 18px 17px;
+          margin: 0 -20px;
+          border-bottom: 2px solid #eee;
+          margin-bottom: 20px;
+        `
+      )
+    }));
+  }
+);
+
+// src/components/hovering-toolbar/hovering-editor-provider.tsx
+import { createContext, useState as useState4, useContext as useContext2 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var HoveringEditorContext = createContext({
+  isDisplayed: false,
+  setIsDisplayed: () => {
+  }
+});
+var HoveringEditorProvider = ({
+  children
+}) => {
+  const [isDisplayed, setIsDisplayed] = useState4(false);
+  return /* @__PURE__ */ jsx8(HoveringEditorContext.Provider, {
+    value: { isDisplayed, setIsDisplayed },
+    children
+  });
+};
+var useHoveringEditorContext = () => useContext2(HoveringEditorContext);
+
+// src/components/hovering-toolbar/hovering-toolbar.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var HoveringToolbar = (props) => {
+  const ref = useRef2(null);
+  const editor = useSlate();
+  const selection = useSlateSelection();
+  const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
+  const [isClient, setIsClient] = useState5(false);
+  useEffect4(() => {
+    setIsClient(true);
+  }, []);
+  useEffect4(() => {
+    const el = ref.current;
+    const { selection: selection2 } = editor;
+    if (!el) {
+      return;
+    }
+    if (!selection2) {
+      el.removeAttribute("style");
+      return;
+    }
+    const domSelection = window.getSelection();
+    if (!domSelection) {
+      return;
+    }
+    const domRange = domSelection.getRangeAt(0);
+    const rect = domRange.getBoundingClientRect();
+    if (rect.top === 0 && rect.left === 0 && rect.width === 0 && rect.height === 0) {
+      return;
+    }
+    const minGapFromEdge = 60;
+    const verticalOffsetFromCorner = 35;
+    const horizontalOffsetFromCorner = 15;
+    let top = rect.top + window.scrollY - el.offsetHeight + verticalOffsetFromCorner;
+    if (top < minGapFromEdge) {
+      top = rect.bottom + window.scrollY + minGapFromEdge;
+    } else if (top + el.offsetHeight > window.innerHeight - minGapFromEdge) {
+      top = rect.top + window.scrollY - el.offsetHeight - minGapFromEdge;
+    }
+    let left = rect.left + window.scrollX - el.offsetWidth / 2 + rect.width / 2 + horizontalOffsetFromCorner;
+    if (left < minGapFromEdge) {
+      left = minGapFromEdge;
+    } else if (left + el.offsetWidth > window.innerWidth - minGapFromEdge) {
+      left = window.innerWidth - el.offsetWidth - minGapFromEdge;
+    }
+    el.style.opacity = "1";
+    el.style.top = `${top}px`;
+    el.style.left = `${left}px`;
+  });
+  useEffect4(() => {
+    const handleClickOutside = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        setIsDisplayed(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref, setIsDisplayed]);
+  if (!isClient) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx9(Portal, {
+    children: /* @__PURE__ */ jsx9(Menu, {
+      ref,
+      className: "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700",
+      children: isDisplayed && selection && /* @__PURE__ */ jsx9(HoveringInsertionPromptBox, {
+        editorState: editorState(editor, selection),
+        apiConfig: props.apiConfig,
+        closeWindow: () => {
+          setIsDisplayed(false);
+        },
+        performInsertion: (insertedText) => {
+          console.log("inserted text", insertedText);
+          Transforms5.delete(editor, { at: selection });
+          Transforms5.insertText(editor, insertedText, {
+            at: selection
+          });
+          setIsDisplayed(false);
+        }
+      })
+    })
+  });
+};
+function editorState(editor, selection) {
+  const textAroundCursor = getTextAroundSelection(editor);
+  if (textAroundCursor) {
+    return textAroundCursor;
+  }
+  return {
+    textBeforeCursor: getFullEditorTextWithNewlines(editor),
+    textAfterCursor: "",
+    selectedText: ""
+  };
+}
+
+// src/components/base-copilot-textarea/render-element.tsx
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+function makeRenderElementFunction(suggestionsStyle) {
+  return (props) => {
+    switch (props.element.type) {
+      case "paragraph":
+        return /* @__PURE__ */ jsx10(DefaultElement, __spreadValues({}, props));
+      case "suggestion":
+        return /* @__PURE__ */ jsx10(SuggestionElement, __spreadProps(__spreadValues({}, props), {
+          suggestionsStyle
+        }));
+    }
+  };
+}
+var DefaultElement = (props) => {
+  return /* @__PURE__ */ jsx10("div", __spreadProps(__spreadValues({}, props.attributes), {
+    children: props.children
+  }));
+};
+var SuggestionElement = (props) => {
+  return /* @__PURE__ */ jsxs3("span", __spreadProps(__spreadValues({}, props.attributes), {
+    style: __spreadValues({}, props.suggestionsStyle),
+    contentEditable: false,
+    children: [
+      props.children,
+      props.element.type === "suggestion" && props.element.content
+    ]
+  }));
+};
+
+// src/components/base-copilot-textarea/render-placeholder.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function makeRenderPlaceholderFunction(placeholderStyle) {
+  return (props) => {
+    const _a = props.attributes, { style } = _a, restAttributes = __objRest(_a, ["style"]);
+    return /* @__PURE__ */ jsx11("div", __spreadProps(__spreadValues({}, restAttributes), {
+      style: __spreadValues(__spreadValues({}, style), placeholderStyle),
+      children: props.children
+    }));
+  };
+}
+
+// src/components/base-copilot-textarea/use-add-branding-css.tsx
+import { useEffect as useEffect5 } from "react";
+function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
+  const cssSelector = ".copilot-textarea.with-branding";
+  useEffect5(() => {
+    if (disableBranding) {
+      return;
+    }
+    const styleEl = document.createElement("style");
+    styleEl.id = "dynamic-styles";
+    let dynamicStyles = Object.entries(suggestionStyleAugmented).map(([key, value]) => {
+      const kebabCaseKey = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+      return `${kebabCaseKey}: ${value};`;
+    }).join(" ");
+    dynamicStyles += `font-style: normal; font-size: x-small;`;
+    dynamicStyles += `content: "CopilotKit";`;
+    dynamicStyles += `bottom: 6px;`;
+    dynamicStyles += `right: 6px;`;
+    dynamicStyles += `pointer-events: none;`;
+    dynamicStyles += `font-weight: 200;`;
+    dynamicStyles += `padding: 0;`;
+    dynamicStyles += `margin: 0;`;
+    dynamicStyles += `border: 0;`;
+    dynamicStyles += `line-height: 1;`;
+    dynamicStyles += `position: absolute;`;
+    styleEl.innerHTML = `
+      ${cssSelector}::after {
+        ${dynamicStyles}
+      }
+    `;
+    document.head.appendChild(styleEl);
+    const textarea = document.querySelector(cssSelector);
+    const handleScroll = () => {
+      const styleEl2 = document.getElementById("dynamic-styles");
+      if (styleEl2 && textarea) {
+        const offsetFromBottom = -textarea.scrollTop + 6;
+        const offsetFromRight = -textarea.scrollLeft + 6;
+        styleEl2.innerHTML = `
+          ${cssSelector}::after {
+            ${dynamicStyles}
+            bottom: ${offsetFromBottom}px;
+            right: ${offsetFromRight}px;
+          }
+        `;
+      }
+    };
+    textarea == null ? void 0 : textarea.addEventListener("scroll", handleScroll);
+    return () => {
+      var _a;
+      (_a = document.getElementById("dynamic-styles")) == null ? void 0 : _a.remove();
+      textarea == null ? void 0 : textarea.removeEventListener("scroll", handleScroll);
+    };
+  }, [disableBranding, suggestionStyleAugmented]);
+}
+
+// src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
+import { useEffect as useEffect6, useRef as useRef3 } from "react";
+import { useSlateSelector } from "slate-react";
+import { Range as Range4 } from "slate";
+
+// src/lib/editor-to-text.ts
+import { Element as Element4 } from "slate";
+function nodeChildrenToTextComponents(editor, nodes) {
+  const indeciesOfInlineElements = new Set(
+    nodes.map((node, index) => {
+      if (Element4.isElement(node) && editor.isInline(node)) {
+        return index;
+      }
+      return -1;
+    }).filter((index) => index !== -1)
+  );
+  const nonIgnorableItems = nodes.filter((node, index) => {
+    const isInline = indeciesOfInlineElements.has(index);
+    if (isInline) {
+      return false;
+    }
+    const isNeighbourOfInline = indeciesOfInlineElements.has(index - 1) || indeciesOfInlineElements.has(index + 1);
+    if (isNeighbourOfInline) {
+      return node.text !== "";
+    }
+    return true;
+  });
+  return nonIgnorableItems.map((node) => {
+    if (Element4.isElement(node)) {
+      switch (node.type) {
+        case "paragraph":
+          return nodeChildrenToTextComponents(editor, node.children);
+        case "suggestion":
+          return [];
+      }
+    } else {
+      return [node];
+    }
+  }).reduce((acc, val) => acc.concat(val), []);
+}
+var editorToText = (editor) => {
+  const flattened = nodeChildrenToTextComponents(editor, editor.children);
+  const text = flattened.map((textComponent) => textComponent.text).join("\n");
+  return text;
+};
+
+// src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
+import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
+function TrackerTextEditedSinceLastCursorMovement(props) {
+  const cursorState = useSlateSelector((state) => ({
+    selection: state.selection,
+    text: editorToText(state)
+  }));
+  const previousState = usePrevious(cursorState);
+  useEffect6(() => {
+    if (!previousState) {
+      return;
+    }
+    if (cursorChangedWithoutTextChanged(previousState, cursorState)) {
+      props.setCursorMovedSinceLastTextChange(true);
+    }
+  }, [props.setCursorMovedSinceLastTextChange, cursorState]);
+  return /* @__PURE__ */ jsx12(Fragment2, {});
+}
+var cursorChangedWithoutTextChanged = (prev, next) => {
+  const isSelectionChanged = !isSelectionEqual(prev.selection, next.selection);
+  const isTextSame = prev.text === next.text;
+  return isSelectionChanged && isTextSame;
+};
+var isSelectionEqual = (a, b) => {
+  if (!a && !b)
+    return true;
+  if (!a || !b)
+    return false;
+  return Range4.equals(a, b);
+};
+function usePrevious(value) {
+  const ref = useRef3();
+  useEffect6(() => {
+    ref.current = value;
+  });
+  return ref.current;
+}
+
+// src/components/base-copilot-textarea/base-copilot-textarea.tsx
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+var BaseCopilotTextareaWithHoveringContext = React9.forwardRef(
+  (props, ref) => {
+    const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
+    const valueOnInitialRender = useMemo4(() => {
+      var _a2;
+      return (_a2 = props.value) != null ? _a2 : "";
+    }, []);
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = useState6(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = useState6(false);
+    const initialValue = useMemo4(() => {
+      return [
+        {
+          type: "paragraph",
+          children: [{ text: valueOnInitialRender }]
+        }
+      ];
+    }, [valueOnInitialRender]);
+    const editor = useCopilotTextareaEditor();
+    const {
+      isDisplayed: hoveringEditorIsDisplayed,
+      setIsDisplayed: setHoveringEditorIsDisplayed
+    } = useHoveringEditorContext();
+    const insertText = useCallback3(
+      (autosuggestion) => {
+        Editor5.insertText(editor, autosuggestion.text, {
+          at: autosuggestion.point
+        });
+      },
+      [editor]
+    );
+    const {
+      currentAutocompleteSuggestion,
+      onChangeHandler: onChangeHandlerForAutocomplete,
+      onKeyDownHandler: onKeyDownHandlerForAutocomplete
+    } = useAutosuggestions(
+      autosuggestionsConfig.debounceTime,
+      autosuggestionsConfig.acceptAutosuggestionKey,
+      autosuggestionsConfig.apiConfig.autosuggestionsFunction,
+      insertText,
+      autosuggestionsConfig.disableWhenEmpty,
+      autosuggestionsConfig.disabled || hoveringEditorIsDisplayed || cursorMovedSinceLastTextChange && autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText
+    );
+    const onKeyDownHandlerForHoveringEditor = useCallback3(
+      (event) => {
+        if (event.key === "k" && event.metaKey) {
+          event.preventDefault();
+          setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);
+        }
+      },
+      [hoveringEditorIsDisplayed, setHoveringEditorIsDisplayed]
+    );
+    useEffect7(() => {
+      clearAutocompletionsFromEditor(editor);
+      if (currentAutocompleteSuggestion) {
+        addAutocompletionsToEditor(
+          editor,
+          currentAutocompleteSuggestion.text,
+          currentAutocompleteSuggestion.point
+        );
+      }
+    }, [currentAutocompleteSuggestion]);
+    const suggestionStyleAugmented = useMemo4(() => {
+      return __spreadValues({
+        fontStyle: "italic",
+        color: "gray"
+      }, props.suggestionsStyle);
+    }, [props.suggestionsStyle]);
+    const renderElementMemoized = useMemo4(() => {
+      return makeRenderElementFunction(suggestionStyleAugmented);
+    }, [suggestionStyleAugmented]);
+    const renderPlaceholderMemoized = useMemo4(() => {
+      const placeholderStyleSlatejsOverrides = {
+        top: void 0
+      };
+      const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
+      return makeRenderPlaceholderFunction(placeholderStyleAugmented);
+    }, [props.placeholderStyle]);
+    useEffect7(() => {
+      var _a2, _b;
+      if (props.value === lastKnownFullEditorText) {
+        return;
+      }
+      setLastKnownFullEditorText((_a2 = props.value) != null ? _a2 : "");
+      replaceEditorText(editor, (_b = props.value) != null ? _b : "");
+    }, [props.value]);
+    const _a = props, {
+      placeholderStyle,
+      value,
+      onValueChange,
+      baseAutosuggestionsConfig: autosuggestionsConfigFromProps,
+      className,
+      onChange,
+      onKeyDown,
+      disableBranding
+    } = _a, propsToForward = __objRest(_a, [
+      "placeholderStyle",
+      "value",
+      "onValueChange",
+      "baseAutosuggestionsConfig",
+      "className",
+      "onChange",
+      "onKeyDown",
+      "disableBranding"
+    ]);
+    useAddBrandingCss(suggestionStyleAugmented, disableBranding);
+    usePopulateCopilotTextareaRef(editor, ref);
+    const moddedClassName = (() => {
+      const baseClassName = "copilot-textarea";
+      const brandingClass = disableBranding ? "no-branding" : "with-branding";
+      const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
+      const mergedClassName = twMerge2(
+        defaultTailwindClassName,
+        className != null ? className : ""
+      );
+      return `${baseClassName} ${brandingClass} ${mergedClassName}`;
+    })();
+    return /* @__PURE__ */ jsxs4(Slate, {
+      editor,
+      initialValue,
+      onChange: (value2) => {
+        var _a2, _b;
+        const newEditorState = getTextAroundCollapsedCursor(editor);
+        const fullEditorText = newEditorState ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor : getFullEditorTextWithNewlines(editor);
+        setLastKnownFullEditorText((prev) => {
+          if (prev !== fullEditorText) {
+            setCursorMovedSinceLastTextChange(false);
+          }
+          return fullEditorText;
+        });
+        onChangeHandlerForAutocomplete(newEditorState);
+        (_a2 = props.onValueChange) == null ? void 0 : _a2.call(props, fullEditorText);
+        (_b = props.onChange) == null ? void 0 : _b.call(props, makeSemiFakeReactTextAreaEvent(fullEditorText));
+      },
+      children: [
+        /* @__PURE__ */ jsx13(TrackerTextEditedSinceLastCursorMovement, {
+          setCursorMovedSinceLastTextChange
+        }),
+        /* @__PURE__ */ jsx13(HoveringToolbar, {
+          apiConfig: autosuggestionsConfig.apiConfig
+        }),
+        /* @__PURE__ */ jsx13(Editable, __spreadValues({
+          renderElement: renderElementMemoized,
+          renderPlaceholder: renderPlaceholderMemoized,
+          onKeyDown: (event) => {
+            var _a2;
+            onKeyDownHandlerForHoveringEditor(event);
+            onKeyDownHandlerForAutocomplete(event);
+            (_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
+          },
+          className: moddedClassName
+        }, propsToForward))
+      ]
+    });
+  }
+);
+function makeSemiFakeReactTextAreaEvent(currentText) {
+  return {
+    target: {
+      value: currentText,
+      type: "copilot-textarea"
+    },
+    currentTarget: {
+      value: currentText,
+      type: "copilot-textarea"
+    }
+  };
+}
+var BaseCopilotTextarea = React9.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx13(HoveringEditorProvider, {
+      children: /* @__PURE__ */ jsx13(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), {
+        ref
+      }))
+    });
+  }
+);
+
+// src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx
+import { CopilotContext as CopilotContext2 } from "@copilotkit/react-core";
+import { useCallback as useCallback4, useContext as useContext3 } from "react";
+function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
+  const { getContextString } = useContext3(CopilotContext2);
+  const insertionFunction = useCallback4(
+    (editorState2, insertionPrompt, abortSignal) => __async(this, null, function* () {
+      const res = yield retry(() => __async(this, null, function* () {
+        const messages = [
+          {
+            role: "system",
+            content: insertionApiConfig.makeSystemPrompt(
+              textareaPurpose,
+              getContextString(contextCategories)
+            )
+          },
+          ...insertionApiConfig.fewShotMessages,
+          {
+            role: "user",
+            name: "TextAfterCursor",
+            content: editorState2.textAfterCursor
+          },
+          {
+            role: "user",
+            name: "TextBeforeCursor",
+            content: editorState2.textBeforeCursor
+          },
+          {
+            role: "user",
+            name: "InsertionPrompt",
+            content: insertionPrompt
+          }
+        ];
+        return yield insertionApiConfig.apiEndpoint.run(
+          abortSignal,
+          messages,
+          insertionApiConfig.forwardedParams
+        );
+      }));
+      return res;
+    }),
+    [insertionApiConfig, getContextString, contextCategories, textareaPurpose]
+  );
+  const editingFunction = useCallback4(
+    (editorState2, editingPrompt, abortSignal) => __async(this, null, function* () {
+      const res = yield retry(() => __async(this, null, function* () {
+        const messages = [
+          {
+            role: "system",
+            content: editingApiConfig.makeSystemPrompt(
+              textareaPurpose,
+              getContextString(contextCategories)
+            )
+          },
+          ...editingApiConfig.fewShotMessages,
+          {
+            role: "user",
+            name: "TextBeforeCursor",
+            content: editorState2.textBeforeCursor
+          },
+          {
+            role: "user",
+            name: "TextToEdit",
+            content: editorState2.selectedText
+          },
+          {
+            role: "user",
+            name: "TextAfterCursor",
+            content: editorState2.textAfterCursor
+          },
+          {
+            role: "user",
+            name: "EditingPrompt",
+            content: editingPrompt
+          }
+        ];
+        return yield editingApiConfig.apiEndpoint.run(
+          abortSignal,
+          messages,
+          editingApiConfig.forwardedParams
+        );
+      }));
+      return res;
+    }),
+    [editingApiConfig, getContextString, contextCategories, textareaPurpose]
+  );
+  const insertionOrEditingFunction = useCallback4(
+    (editorState2, insertionPrompt, abortSignal) => __async(this, null, function* () {
+      if (editorState2.selectedText === "") {
+        return yield insertionFunction(
+          editorState2,
+          insertionPrompt,
+          abortSignal
+        );
+      } else {
+        return yield editingFunction(editorState2, insertionPrompt, abortSignal);
+      }
+    }),
+    [insertionFunction, editingFunction]
+  );
+  return insertionOrEditingFunction;
+}
+
+// src/components/copilot-textarea/copilot-textarea.tsx
+import merge from "lodash.merge";
+import { Fragment as Fragment3, jsx as jsx14 } from "react/jsx-runtime";
+var CopilotTextarea = React10.forwardRef(
+  (props, ref) => {
+    const autosuggestionsConfig = merge(
+      defaultAutosuggestionsConfig,
+      props.autosuggestionsConfig
+    );
+    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
+      autosuggestionsConfig.textareaPurpose,
+      autosuggestionsConfig.externalContextCategories,
+      autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig
+    );
+    const insertionOrEditingFunction = useMakeStandardInsertionOrEditingFunction(
+      autosuggestionsConfig.textareaPurpose,
+      autosuggestionsConfig.externalContextCategories,
+      autosuggestionsConfig.chatApiConfigs.insertionApiConfig,
+      autosuggestionsConfig.chatApiConfigs.editingApiConfig
+    );
+    return /* @__PURE__ */ jsx14(Fragment3, {
+      children: /* @__PURE__ */ jsx14(BaseCopilotTextarea, __spreadProps(__spreadValues({
+        ref
+      }, props), {
+        baseAutosuggestionsConfig: __spreadProps(__spreadValues({}, autosuggestionsConfig), {
+          apiConfig: {
+            insertionOrEditingFunction,
+            autosuggestionsFunction
+          }
+        })
+      }))
+    });
+  }
+);
+export {
+  CopilotTextarea
+};
 //# sourceMappingURL=copilot-textarea.mjs.map