@copilotkit/react-textarea 0.28.0-alpha.7 → 0.28.0-alpha.9

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

@@ -1,53 +1,12 @@
-'use strict';
-
-var React2 = require('react');
-var slate = require('slate');
-var slateReact = require('slate-react');
-var tailwindMerge = require('tailwind-merge');
-var clsx = require('clsx');
-var nanoid = require('nanoid');
-var slateHistory = require('slate-history');
-var reactCore = require('@copilotkit/react-core');
-var cmdk = require('cmdk');
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var LabelPrimitive = require('@radix-ui/react-label');
-var Chip = require('@mui/material/Chip/Chip.js');
-var Avatar = require('@mui/material/Avatar/Avatar.js');
-var css = require('@emotion/css');
-var ReactDOM = require('react-dom');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var Chip__default = /*#__PURE__*/_interopDefault(Chip);
-var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
+"use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 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;
@@ -75,6 +34,27 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -96,6 +76,20 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
+// src/components/base-copilot-textarea/base-copilot-textarea.tsx
+var base_copilot_textarea_exports = {};
+__export(base_copilot_textarea_exports, {
+  BaseCopilotTextarea: () => BaseCopilotTextarea
+});
+module.exports = __toCommonJS(base_copilot_textarea_exports);
+var import_react12 = __toESM(require("react"));
+var import_slate10 = require("slate");
+var import_slate_react5 = require("slate-react");
+var import_tailwind_merge2 = require("tailwind-merge");
+
+// src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts
+var import_react = require("react");
+
 // src/lib/debouncer.ts
 var Debouncer = class {
   constructor(wait) {
@@ -123,10 +117,15 @@ var Debouncer = class {
     };
   }
 };
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_nanoid = require("nanoid");
+var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-nanoid.customAlphabet(
+var nanoid = (0, import_nanoid.customAlphabet)(
   "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
   7
 );
@@ -145,9 +144,9 @@ function areEqual_autocompleteState(prev, next) {
 
 // src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts
 function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
-  const [previousAutocompleteState, setPreviousAutocompleteState] = React2.useState(null);
-  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = React2.useState(null);
-  const awaitForAndAppendSuggestion = React2.useCallback(
+  const [previousAutocompleteState, setPreviousAutocompleteState] = (0, import_react.useState)(null);
+  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = (0, import_react.useState)(null);
+  const awaitForAndAppendSuggestion = (0, import_react.useCallback)(
     (editorAutocompleteState, abortSignal) => __async(this, null, function* () {
       if (disabled) {
         return;
@@ -166,17 +165,17 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
     }),
     [autosuggestionFunction, setCurrentAutocompleteSuggestion, disableWhenEmpty, disabled]
   );
-  const debouncedFunction = React2.useMemo(
+  const debouncedFunction = (0, import_react.useMemo)(
     () => new Debouncer(debounceTime),
     [debounceTime]
   );
-  React2.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     return () => {
       debouncedFunction.cancel();
       setCurrentAutocompleteSuggestion(null);
     };
   }, [debouncedFunction, disabled]);
-  const onChange = React2.useCallback(
+  const onChange = (0, import_react.useCallback)(
     (newEditorState) => {
       const editorStateHasChanged = !nullableCompatibleEqualityCheck(
         areEqual_autocompleteState,
@@ -202,7 +201,7 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
       setCurrentAutocompleteSuggestion
     ]
   );
-  const keyDownHandler = React2.useCallback(
+  const keyDownHandler = (0, import_react.useCallback)(
     (event) => {
       if (currentAutocompleteSuggestion) {
         if (shouldAcceptAutosuggestionOnKeyPress(event)) {
@@ -225,6 +224,15 @@ function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress,
     onKeyDownHandler: keyDownHandler
   };
 }
+
+// src/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.tsx
+var import_react2 = require("react");
+var import_slate2 = require("slate");
+var import_slate_react = require("slate-react");
+
+// src/lib/slatejs-edits/with-partial-history.ts
+var import_slate = require("slate");
+var import_slate_history = require("slate-history");
 var withPartialHistory = (editor, shouldSave2) => {
   const e = editor;
   const { apply } = e;
@@ -235,10 +243,10 @@ var withPartialHistory = (editor, shouldSave2) => {
     if (redos.length > 0) {
       const batch = redos[redos.length - 1];
       if (batch.selectionBefore) {
-        slate.Transforms.setSelection(e, batch.selectionBefore);
+        import_slate.Transforms.setSelection(e, batch.selectionBefore);
       }
-      slateHistory.HistoryEditor.withoutSaving(e, () => {
-        slate.Editor.withoutNormalizing(e, () => {
+      import_slate_history.HistoryEditor.withoutSaving(e, () => {
+        import_slate.Editor.withoutNormalizing(e, () => {
           for (const op of batch.operations) {
             e.apply(op);
           }
@@ -253,14 +261,14 @@ var withPartialHistory = (editor, shouldSave2) => {
     const { undos } = history;
     if (undos.length > 0) {
       const batch = undos[undos.length - 1];
-      slateHistory.HistoryEditor.withoutSaving(e, () => {
-        slate.Editor.withoutNormalizing(e, () => {
-          const inverseOps = batch.operations.map(slate.Operation.inverse).reverse();
+      import_slate_history.HistoryEditor.withoutSaving(e, () => {
+        import_slate.Editor.withoutNormalizing(e, () => {
+          const inverseOps = batch.operations.map(import_slate.Operation.inverse).reverse();
           for (const op of inverseOps) {
             e.apply(op);
           }
           if (batch.selectionBefore) {
-            slate.Transforms.setSelection(e, batch.selectionBefore);
+            import_slate.Transforms.setSelection(e, batch.selectionBefore);
           }
         });
       });
@@ -273,8 +281,8 @@ var withPartialHistory = (editor, shouldSave2) => {
     const { undos } = history;
     const lastBatch = undos[undos.length - 1];
     const lastOp = lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
-    let save = slateHistory.HistoryEditor.isSaving(e);
-    let merge = slateHistory.HistoryEditor.isMerging(e);
+    let save = import_slate_history.HistoryEditor.isSaving(e);
+    let merge = import_slate_history.HistoryEditor.isMerging(e);
     if (save == null) {
       save = shouldSave2(op, lastOp);
     }
@@ -310,10 +318,10 @@ var withPartialHistory = (editor, shouldSave2) => {
   return e;
 };
 var shouldMerge = (op, prev) => {
-  if (prev && op.type === "insert_text" && prev.type === "insert_text" && op.offset === prev.offset + prev.text.length && slate.Path.equals(op.path, prev.path)) {
+  if (prev && op.type === "insert_text" && prev.type === "insert_text" && op.offset === prev.offset + prev.text.length && import_slate.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 && slate.Path.equals(op.path, prev.path)) {
+  if (prev && op.type === "remove_text" && prev.type === "remove_text" && op.offset + op.text.length === prev.offset && import_slate.Path.equals(op.path, prev.path)) {
     return true;
   }
   return false;
@@ -328,10 +336,10 @@ var defaultShouldSave = (op, prev) => {
 // src/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.tsx
 var shouldSave = (op, prev) => {
   const excludedNodeType = "suggestion";
-  if (op.type === "insert_node" && slate.Element.isElement(op.node) && op.node.type === excludedNodeType) {
+  if (op.type === "insert_node" && import_slate2.Element.isElement(op.node) && op.node.type === excludedNodeType) {
     return false;
   }
-  if (op.type === "remove_node" && slate.Element.isElement(op.node) && op.node.type === excludedNodeType) {
+  if (op.type === "remove_node" && import_slate2.Element.isElement(op.node) && op.node.type === excludedNodeType) {
     return false;
   }
   if (op.type === "set_node" && "type" in op.newProperties && op.newProperties.type === excludedNodeType) {
@@ -346,11 +354,11 @@ var shouldSave = (op, prev) => {
   if (op.type === "split_node" && "type" in op.properties && op.properties.type === excludedNodeType) {
     return false;
   }
-  return defaultShouldSave(op);
+  return defaultShouldSave(op, prev);
 };
 function useCopilotTextareaEditor() {
-  const editor = React2.useMemo(() => {
-    const editor2 = withPartialHistory(slateReact.withReact(slate.createEditor()), shouldSave);
+  const editor = (0, import_react2.useMemo)(() => {
+    const editor2 = withPartialHistory((0, import_slate_react.withReact)((0, import_slate2.createEditor)()), shouldSave);
     const { isVoid } = editor2;
     editor2.isVoid = (element) => {
       switch (element.type) {
@@ -382,19 +390,26 @@ function useCopilotTextareaEditor() {
   }, []);
   return editor;
 }
+
+// src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts
+var import_react3 = __toESM(require("react"));
+var import_slate_react2 = require("slate-react");
+
+// src/lib/get-text-around-cursor.ts
+var import_slate3 = require("slate");
 function getTextAroundCollapsedCursor(editor) {
   const { selection } = editor;
-  if (!selection || !slate.Range.isCollapsed(selection)) {
+  if (!selection || !import_slate3.Range.isCollapsed(selection)) {
     return null;
   }
   const cursorPoint = selection.anchor;
   const beforeRange = {
-    anchor: slate.Editor.start(editor, []),
+    anchor: import_slate3.Editor.start(editor, []),
     focus: cursorPoint
   };
   const afterRange = {
     anchor: cursorPoint,
-    focus: slate.Editor.end(editor, [])
+    focus: import_slate3.Editor.end(editor, [])
   };
   const before = extractTextWithNewlines(editor, beforeRange);
   const after = extractTextWithNewlines(editor, afterRange);
@@ -411,12 +426,12 @@ function getTextAroundSelection(editor) {
   }
   const wellOrderedSelection = wellOrderedRange(selection);
   const beforeRange = {
-    anchor: slate.Editor.start(editor, []),
+    anchor: import_slate3.Editor.start(editor, []),
     focus: wellOrderedSelection.anchor
   };
   const afterRange = {
     anchor: wellOrderedSelection.focus,
-    focus: slate.Editor.end(editor, [])
+    focus: import_slate3.Editor.end(editor, [])
   };
   const before = extractTextWithNewlines(editor, beforeRange);
   const after = extractTextWithNewlines(editor, afterRange);
@@ -430,25 +445,25 @@ function getTextAroundSelection(editor) {
 }
 function getFullEditorTextWithNewlines(editor) {
   const fullDocumentRange = {
-    anchor: slate.Editor.start(editor, []),
-    focus: slate.Editor.end(editor, [])
+    anchor: import_slate3.Editor.start(editor, []),
+    focus: import_slate3.Editor.end(editor, [])
   };
   return extractTextWithNewlines(editor, fullDocumentRange);
 }
 function extractTextWithNewlines(editor, range) {
   const voids = false;
-  const [start, end] = slate.Range.edges(range);
+  const [start, end] = import_slate3.Range.edges(range);
   let text = "";
   let lastBlock = null;
-  for (const [node, path] of slate.Editor.nodes(editor, {
+  for (const [node, path] of import_slate3.Editor.nodes(editor, {
     at: range,
-    match: slate.Text.isText,
+    match: import_slate3.Text.isText,
     voids
   })) {
     let t = node.text;
-    const [block] = slate.Editor.above(editor, {
+    const [block] = import_slate3.Editor.above(editor, {
       at: path,
-      match: (n) => slate.Element.isElement(n) && n.type === "paragraph"
+      match: (n) => import_slate3.Element.isElement(n) && n.type === "paragraph"
     }) || [null];
     if (lastBlock !== block && block) {
       if (lastBlock) {
@@ -456,10 +471,10 @@ function extractTextWithNewlines(editor, range) {
       }
       lastBlock = block;
     }
-    if (slate.Path.equals(path, end.path)) {
+    if (import_slate3.Path.equals(path, end.path)) {
       t = t.slice(0, end.offset);
     }
-    if (slate.Path.equals(path, start.path)) {
+    if (import_slate3.Path.equals(path, start.path)) {
       t = t.slice(start.offset);
     }
     text += t;
@@ -468,7 +483,7 @@ function extractTextWithNewlines(editor, range) {
 }
 function wellOrderedRange(range) {
   const { anchor, focus } = range;
-  if (slate.Point.isBefore(anchor, focus)) {
+  if (import_slate3.Point.isBefore(anchor, focus)) {
     return range;
   }
   return {
@@ -476,15 +491,18 @@ function wellOrderedRange(range) {
     focus: anchor
   };
 }
+
+// src/lib/slatejs-edits/replace-text.ts
+var import_slate4 = require("slate");
 function replaceEditorText(editor, newText) {
-  slate.Transforms.delete(editor, {
+  import_slate4.Transforms.delete(editor, {
     at: {
-      anchor: slate.Editor.start(editor, []),
-      focus: slate.Editor.end(editor, [])
+      anchor: import_slate4.Editor.start(editor, []),
+      focus: import_slate4.Editor.end(editor, [])
     }
   });
   if (newText && newText !== "") {
-    slate.Transforms.insertNodes(
+    import_slate4.Transforms.insertNodes(
       editor,
       [
         {
@@ -501,7 +519,7 @@ function replaceEditorText(editor, newText) {
 
 // src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts
 function usePopulateCopilotTextareaRef(editor, ref) {
-  React2__namespace.default.useImperativeHandle(
+  import_react3.default.useImperativeHandle(
     ref,
     () => {
       class Combined {
@@ -554,10 +572,10 @@ function usePopulateCopilotTextareaRef(editor, ref) {
           this.editor = editor2;
         }
         focus() {
-          slateReact.ReactEditor.focus(this.editor);
+          import_slate_react2.ReactEditor.focus(this.editor);
         }
         blur() {
-          slateReact.ReactEditor.blur(this.editor);
+          import_slate_react2.ReactEditor.blur(this.editor);
         }
         get value() {
           return getFullEditorTextWithNewlines(this.editor);
@@ -566,7 +584,7 @@ function usePopulateCopilotTextareaRef(editor, ref) {
           replaceEditorText(this.editor, value);
         }
       }
-      const editorHtmlElement = slateReact.ReactEditor.toDOMNode(editor, editor);
+      const editorHtmlElement = import_slate_react2.ReactEditor.toDOMNode(editor, editor);
       const customMethods = new CustomMethods(editor);
       const combined = new Combined(customMethods, editorHtmlElement);
       return new Proxy(combined, handler);
@@ -574,9 +592,12 @@ function usePopulateCopilotTextareaRef(editor, ref) {
     [editor]
   );
 }
+
+// src/lib/slatejs-edits/add-autocompletions.ts
+var import_slate5 = require("slate");
 function addAutocompletionsToEditor(editor, newSuggestion, point) {
   const editorPosition = editor.selection;
-  slate.Transforms.insertNodes(
+  import_slate5.Transforms.insertNodes(
     editor,
     [
       {
@@ -594,21 +615,27 @@ function addAutocompletionsToEditor(editor, newSuggestion, point) {
     editor.selection = editorPosition;
   }
 }
+
+// src/lib/slatejs-edits/clear-autocompletions.ts
+var import_slate6 = require("slate");
 function clearAutocompletionsFromEditor(editor) {
   const paths = [];
-  for (const [node, path] of slate.Node.nodes(editor)) {
-    if (slate.Element.isElement(node) && node.type === "suggestion") {
+  for (const [node, path] of import_slate6.Node.nodes(editor)) {
+    if (import_slate6.Element.isElement(node) && node.type === "suggestion") {
       paths.push(path);
     }
   }
   for (const path of paths) {
     try {
-      slate.Transforms.removeNodes(editor, { at: path });
+      import_slate6.Transforms.removeNodes(editor, { at: path });
     } catch (e) {
       console.log("CopilotTextarea.clearAutocompletionsFromEditor: error removing node", e);
     }
   }
 }
+
+// src/types/base/base-autosuggestions-config.tsx
+var import_react_core = require("@copilotkit/react-core");
 var defaultShouldToggleHoveringEditorOnKeyPress = (event) => {
   if (event.key === "k" && event.metaKey) {
     return true;
@@ -623,15 +650,23 @@ var defaultShouldAcceptAutosuggestionOnKeyPress = (event) => {
 };
 var defaultBaseAutosuggestionsConfig = {
   debounceTime: 250,
-  contextCategories: reactCore.defaultCopilotContextCategories,
+  contextCategories: import_react_core.defaultCopilotContextCategories,
   disableWhenEmpty: true,
   disabled: false,
   temporarilyDisableWhenMovingCursorWithoutChangingText: true,
   shouldToggleHoveringEditorOnKeyPress: defaultShouldToggleHoveringEditorOnKeyPress,
   shouldAcceptAutosuggestionOnKeyPress: defaultShouldAcceptAutosuggestionOnKeyPress
 };
+
+// src/components/hovering-toolbar/hovering-toolbar.tsx
+var import_react9 = require("react");
+var import_slate7 = require("slate");
+var import_slate_react3 = require("slate-react");
+
+// src/hooks/misc/use-autosize-textarea.tsx
+var import_react4 = require("react");
 var useAutosizeTextArea = (textAreaRef, value) => {
-  React2.useEffect(() => {
+  (0, import_react4.useEffect)(() => {
     if (textAreaRef.current !== null) {
       textAreaRef.current.style.height = "0px";
       const scrollHeight = textAreaRef.current.scrollHeight;
@@ -640,10 +675,18 @@ var useAutosizeTextArea = (textAreaRef, value) => {
   }, [textAreaRef, value]);
 };
 var use_autosize_textarea_default = useAutosizeTextArea;
-var Command = React2__namespace.forwardRef((_a, ref) => {
+
+// src/components/source-search-box/source-search-box.tsx
+var import_react5 = require("react");
+
+// src/components/ui/command.tsx
+var React2 = __toESM(require("react"));
+var import_cmdk = require("cmdk");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Command = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command,
     __spreadValues({
       ref,
       className: cn(
@@ -653,11 +696,11 @@ var Command = React2__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-Command.displayName = cmdk.Command.displayName;
-var CommandInput = React2__namespace.forwardRef((_a, ref) => {
+Command.displayName = import_cmdk.Command.displayName;
+var CommandInput = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Input,
     __spreadValues({
       ref,
       className: cn(
@@ -667,24 +710,24 @@ var CommandInput = React2__namespace.forwardRef((_a, ref) => {
     }, props)
   ) });
 });
-CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React2__namespace.forwardRef((_a, ref) => {
+CommandInput.displayName = import_cmdk.Command.Input.displayName;
+var CommandList = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.List,
     __spreadValues({
       ref,
       className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden pb-2", className)
     }, props)
   );
 });
-CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React2__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
-CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React2__namespace.forwardRef((_a, ref) => {
+CommandList.displayName = import_cmdk.Command.List.displayName;
+var CommandEmpty = React2.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cmdk.Command.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+var CommandGroup = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Group,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Group,
     __spreadValues({
       ref,
       className: cn(
@@ -694,22 +737,22 @@ var CommandGroup = React2__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-CommandGroup.displayName = cmdk.Command.Group.displayName;
-var CommandSeparator = React2__namespace.forwardRef((_a, ref) => {
+CommandGroup.displayName = import_cmdk.Command.Group.displayName;
+var CommandSeparator = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Separator,
     __spreadValues({
       ref,
       className: cn("-mx-1 h-px bg-border", className)
     }, props)
   );
 });
-CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React2__namespace.forwardRef((_a, ref) => {
+CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
+var CommandItem = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Item,
     __spreadValues({
       ref,
       className: cn(
@@ -719,10 +762,23 @@ var CommandItem = React2__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-CommandItem.displayName = cmdk.Command.Item.displayName;
+CommandItem.displayName = import_cmdk.Command.Item.displayName;
+var CommandShortcut = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.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
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function SourceSearchBox(props) {
-  const [selectedValue, setSelectedValue] = React2.useState("");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const [selectedValue, setSelectedValue] = (0, import_react5.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     Command,
     {
       className: "rounded-lg border shadow-md",
@@ -738,7 +794,7 @@ function SourceSearchBox(props) {
         return 0;
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           CommandInput,
           {
             value: props.searchTerm,
@@ -746,18 +802,18 @@ function SourceSearchBox(props) {
             placeholder: "Search for a command..."
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No results found." }),
-          /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { heading: "Available resources", children: props.suggestedFiles.map((filePointer) => {
-            return /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CommandList, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandEmpty, { children: "No results found." }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandGroup, { heading: "Available resources", children: props.suggestedFiles.map((filePointer) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               CommandItem,
               {
                 value: filePointer.name,
                 onSelect: (value) => {
                   props.onSelectedFile(filePointer);
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: " px-3  flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Logo, { width: "20px", height: "20px", children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: " px-3  flex flex-row gap-1 items-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Logo, { width: "20px", height: "20px", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "img",
                     {
                       src: filePointer.iconImageUri,
@@ -771,7 +827,7 @@ function SourceSearchBox(props) {
               `word-${filePointer.sourceApplication}.${filePointer.name}`
             );
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(CommandSeparator, {})
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandSeparator, {})
         ] })
       ]
     }
@@ -782,9 +838,15 @@ function Logo({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", style: { width, height }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", style: { width, height }, children });
 }
-var buttonVariants = classVarianceAuthority.cva(
+
+// src/components/ui/button.tsx
+var React3 = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.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: {
@@ -809,22 +871,31 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React2__namespace.forwardRef(
+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 ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
   }
 );
 Button.displayName = "Button";
-var labelVariants = classVarianceAuthority.cva(
+
+// src/components/ui/label.tsx
+var React4 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority2.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React2__namespace.forwardRef((_a, ref) => {
+var Label = React4.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, __spreadValues({ ref, className: cn(labelVariants(), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LabelPrimitive.Root, __spreadValues({ ref, className: cn(labelVariants(), className) }, props));
 });
-Label.displayName = LabelPrimitive__namespace.Root.displayName;
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_react6 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -849,14 +920,22 @@ function streamPromiseFlatten(promise) {
     }
   });
 }
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_react_core2 = require("@copilotkit/react-core");
+
+// 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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 mt-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "", children: "Included context:" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
+  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,
@@ -870,13 +949,13 @@ var IncludedFilesPreview = ({
   ] });
 };
 var FileChipPreview = ({ filePointer, onDelete }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Chip__default.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Chip.default,
     {
       label: filePointer.name,
       onDelete,
-      avatar: /* @__PURE__ */ jsxRuntime.jsx(
-        Avatar__default.default,
+      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_Avatar.default,
         {
           src: filePointer.iconImageUri,
           alt: filePointer.sourceApplication,
@@ -886,35 +965,38 @@ var FileChipPreview = ({ filePointer, onDelete }) => {
     }
   );
 };
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var HoveringInsertionPromptBoxCore = ({
   performInsertion,
   state,
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  const { getDocumentsContext } = React2.useContext(reactCore.CopilotContext);
-  const [editSuggestion, setEditSuggestion] = React2.useState("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = React2.useState(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = React2.useState("");
-  const [generatingSuggestion, setGeneratingSuggestion] = React2.useState(
+  const { getDocumentsContext } = (0, import_react6.useContext)(import_react_core2.CopilotContext);
+  const [editSuggestion, setEditSuggestion] = (0, import_react6.useState)("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react6.useState)(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react6.useState)("");
+  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react6.useState)(
     null
   );
-  const adjustmentTextAreaRef = React2.useRef(null);
-  const suggestionTextAreaRef = React2.useRef(null);
-  const [filePointers, setFilePointers] = React2.useState([]);
-  const [suggestedFiles, setSuggestedFiles] = React2.useState([]);
-  React2.useEffect(() => {
+  const adjustmentTextAreaRef = (0, import_react6.useRef)(null);
+  const suggestionTextAreaRef = (0, import_react6.useRef)(null);
+  const [filePointers, setFilePointers] = (0, import_react6.useState)([]);
+  const [suggestedFiles, setSuggestedFiles] = (0, import_react6.useState)([]);
+  (0, import_react6.useEffect)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  React2.useEffect(() => {
+  (0, import_react6.useEffect)(() => {
     setTimeout(() => {
       var _a;
       (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
     }, 0);
   }, []);
-  React2.useEffect(() => {
+  (0, import_react6.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -952,7 +1034,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = React2.useCallback(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react6.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -981,10 +1063,10 @@ var HoveringInsertionPromptBoxCore = ({
   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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "", children: adjustmentLabel }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full flex items-center", children: [
-      /* @__PURE__ */ jsxRuntime.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,
@@ -1006,29 +1088,29 @@ var HoveringInsertionPromptBoxCore = ({
           rows: 1
         }
       ),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("i", { className: "material-icons", children: "arrow_forward" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: "material-icons", children: "arrow_forward" })
         }
       )
     ] })
   ] });
-  const SuggestionComponent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-end w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mt-4", children: "Suggested:" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "textarea",
       {
         ref: suggestionTextAreaRef,
@@ -1040,7 +1122,7 @@ var HoveringInsertionPromptBoxCore = ({
       }
     )
   ] });
-  const SubmitComponent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ jsxRuntime.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",
@@ -1049,16 +1131,16 @@ var HoveringInsertionPromptBoxCore = ({
       },
       children: [
         "Insert ",
-        /* @__PURE__ */ jsxRuntime.jsx("i", { className: "material-icons", children: "check" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
-    sourceSearchWord !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    filePointers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
+    sourceSearchWord !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       SourceSearchBox,
       {
         searchTerm: sourceSearchWord,
@@ -1075,13 +1157,16 @@ var HoveringInsertionPromptBoxCore = ({
     generatingSuggestion ? SubmitComponent : null
   ] });
 };
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var HoveringInsertionPromptBox = (props) => {
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         HoveringInsertionPromptBoxCore,
         {
           state: {
@@ -1095,7 +1180,13 @@ var HoveringInsertionPromptBox = (props) => {
     }
   );
 };
-React2__namespace.default.forwardRef(
+
+// src/components/hovering-toolbar/hovering-toolbar-components.tsx
+var import_css = require("@emotion/css");
+var import_react7 = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Button2 = import_react7.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -1106,13 +1197,13 @@ React2__namespace.default.forwardRef(
       "active",
       "reversed"
     ]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "span",
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           cursor: pointer;
           color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
         `
@@ -1121,17 +1212,17 @@ React2__namespace.default.forwardRef(
     );
   }
 );
-React2__namespace.default.forwardRef(
+var Icon = import_react7.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "span",
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           "material-icons",
           className,
-          css.css`
+          import_css.css`
           font-size: 18px;
           vertical-align: text-bottom;
         `
@@ -1140,17 +1231,17 @@ React2__namespace.default.forwardRef(
     );
   }
 );
-var Menu = React2__namespace.default.forwardRef(
+var Menu = import_react7.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       __spreadProps(__spreadValues({}, props), {
         "data-test-id": "menu",
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           & > * {
             display: inline-block;
           }
@@ -1165,18 +1256,18 @@ var Menu = React2__namespace.default.forwardRef(
   }
 );
 var Portal = ({ children }) => {
-  return typeof document === "object" ? ReactDOM__default.default.createPortal(children, document.body) : null;
+  return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-React2__namespace.default.forwardRef(
+var Toolbar = import_react7.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Menu,
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           position: relative;
           padding: 1px 18px 17px;
           margin: 0 -20px;
@@ -1188,26 +1279,33 @@ React2__namespace.default.forwardRef(
     );
   }
 );
-var HoveringEditorContext = React2.createContext({
+
+// src/components/hovering-toolbar/hovering-editor-provider.tsx
+var import_react8 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var HoveringEditorContext = (0, import_react8.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
 var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = React2.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
+  const [isDisplayed, setIsDisplayed] = (0, import_react8.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
-var useHoveringEditorContext = () => React2.useContext(HoveringEditorContext);
+var useHoveringEditorContext = () => (0, import_react8.useContext)(HoveringEditorContext);
+
+// src/components/hovering-toolbar/hovering-toolbar.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
-  const ref = React2.useRef(null);
-  const editor = slateReact.useSlate();
-  const selection = slateReact.useSlateSelection();
+  const ref = (0, import_react9.useRef)(null);
+  const editor = (0, import_slate_react3.useSlate)();
+  const selection = (0, import_slate_react3.useSlateSelection)();
   const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
-  const [isClient, setIsClient] = React2.useState(false);
-  React2.useEffect(() => {
+  const [isClient, setIsClient] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
     setIsClient(true);
   }, []);
-  React2.useEffect(() => {
+  (0, import_react9.useEffect)(() => {
     const el = ref.current;
     const { selection: selection2 } = editor;
     if (!el) {
@@ -1245,7 +1343,7 @@ var HoveringToolbar = (props) => {
     el.style.top = `${top}px`;
     el.style.left = `${left}px`;
   });
-  React2.useEffect(() => {
+  (0, import_react9.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         setIsDisplayed(false);
@@ -1259,23 +1357,23 @@ var HoveringToolbar = (props) => {
   if (!isClient) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     Menu,
     {
       ref,
       className: props.hoverMenuClassname || "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700",
-      children: isDisplayed && selection && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isDisplayed && selection && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         HoveringInsertionPromptBox,
         {
-          editorState: editorState(editor),
+          editorState: editorState(editor, selection),
           apiConfig: props.apiConfig,
           closeWindow: () => {
             setIsDisplayed(false);
           },
           performInsertion: (insertedText) => {
             console.log("inserted text", insertedText);
-            slate.Transforms.delete(editor, { at: selection });
-            slate.Transforms.insertText(editor, insertedText, {
+            import_slate7.Transforms.delete(editor, { at: selection });
+            import_slate7.Transforms.insertText(editor, insertedText, {
               at: selection
             });
             setIsDisplayed(false);
@@ -1297,21 +1395,24 @@ function editorState(editor, selection) {
     selectedText: ""
   };
 }
+
+// src/components/base-copilot-textarea/render-element.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function makeRenderElementFunction(suggestionsStyle) {
   return (props) => {
     switch (props.element.type) {
       case "paragraph":
-        return /* @__PURE__ */ jsxRuntime.jsx(DefaultElement, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DefaultElement, __spreadValues({}, props));
       case "suggestion":
-        return /* @__PURE__ */ jsxRuntime.jsx(SuggestionElement, __spreadProps(__spreadValues({}, props), { suggestionsStyle }));
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SuggestionElement, __spreadProps(__spreadValues({}, props), { suggestionsStyle }));
     }
   };
 }
 var DefaultElement = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, props.attributes), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", __spreadProps(__spreadValues({}, props.attributes), { children: props.children }));
 };
 var SuggestionElement = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "span",
     __spreadProps(__spreadValues({}, props.attributes), {
       style: __spreadValues({}, props.suggestionsStyle),
@@ -1323,10 +1424,13 @@ var SuggestionElement = (props) => {
     })
   );
 };
+
+// src/components/base-copilot-textarea/render-placeholder.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function makeRenderPlaceholderFunction(placeholderStyle) {
   return (props) => {
     const _a = props.attributes, { style } = _a, restAttributes = __objRest(_a, ["style"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       __spreadProps(__spreadValues({}, restAttributes), {
         style: __spreadValues(__spreadValues({}, style), placeholderStyle),
@@ -1335,9 +1439,12 @@ function makeRenderPlaceholderFunction(placeholderStyle) {
     );
   };
 }
+
+// src/components/base-copilot-textarea/use-add-branding-css.tsx
+var import_react10 = require("react");
 function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
   const cssSelector = ".copilot-textarea.with-branding";
-  React2.useEffect(() => {
+  (0, import_react10.useEffect)(() => {
     if (disableBranding) {
       return;
     }
@@ -1387,10 +1494,18 @@ function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
     };
   }, [disableBranding, suggestionStyleAugmented]);
 }
+
+// src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
+var import_react11 = require("react");
+var import_slate_react4 = require("slate-react");
+var import_slate9 = require("slate");
+
+// src/lib/editor-to-text.ts
+var import_slate8 = require("slate");
 function nodeChildrenToTextComponents(editor, nodes) {
   const indeciesOfInlineElements = new Set(
     nodes.map((node, index) => {
-      if (slate.Element.isElement(node) && editor.isInline(node)) {
+      if (import_slate8.Element.isElement(node) && editor.isInline(node)) {
         return index;
       }
       return -1;
@@ -1408,7 +1523,7 @@ function nodeChildrenToTextComponents(editor, nodes) {
     return true;
   });
   return nonIgnorableItems.map((node) => {
-    if (slate.Element.isElement(node)) {
+    if (import_slate8.Element.isElement(node)) {
       switch (node.type) {
         case "paragraph":
           return nodeChildrenToTextComponents(editor, node.children);
@@ -1425,13 +1540,16 @@ var editorToText = (editor) => {
   const text = flattened.map((textComponent) => textComponent.text).join("\n");
   return text;
 };
+
+// src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function TrackerTextEditedSinceLastCursorMovement(props) {
-  const cursorState = slateReact.useSlateSelector((state) => ({
+  const cursorState = (0, import_slate_react4.useSlateSelector)((state) => ({
     selection: state.selection,
     text: editorToText(state)
   }));
   const previousState = usePrevious(cursorState);
-  React2.useEffect(() => {
+  (0, import_react11.useEffect)(() => {
     if (!previousState) {
       return;
     }
@@ -1439,7 +1557,7 @@ function TrackerTextEditedSinceLastCursorMovement(props) {
       props.setCursorMovedSinceLastTextChange(true);
     }
   }, [props.setCursorMovedSinceLastTextChange, cursorState]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, {});
 }
 var cursorChangedWithoutTextChanged = (prev, next) => {
   const isSelectionChanged = !isSelectionEqual(prev.selection, next.selection);
@@ -1451,30 +1569,33 @@ var isSelectionEqual = (a, b) => {
     return true;
   if (!a || !b)
     return false;
-  return slate.Range.equals(a, b);
+  return import_slate9.Range.equals(a, b);
 };
 function usePrevious(value) {
-  const ref = React2.useRef();
-  React2.useEffect(() => {
+  const ref = (0, import_react11.useRef)();
+  (0, import_react11.useEffect)(() => {
     ref.current = value;
   });
   return ref.current;
 }
-var BaseCopilotTextarea = React2__namespace.default.forwardRef(
+
+// src/components/base-copilot-textarea/base-copilot-textarea.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var BaseCopilotTextarea = import_react12.default.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(HoveringEditorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HoveringEditorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
   }
 );
-var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRef(
+var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
   (props, ref) => {
     const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = React2.useMemo(() => {
+    const valueOnInitialRender = (0, import_react12.useMemo)(() => {
       var _a2;
       return (_a2 = props.value) != null ? _a2 : "";
     }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = React2.useState(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = React2.useState(false);
-    const initialValue = React2.useMemo(() => {
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react12.useState)(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react12.useState)(false);
+    const initialValue = (0, import_react12.useMemo)(() => {
       return [
         {
           type: "paragraph",
@@ -1484,9 +1605,9 @@ var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRe
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
     const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
-    const insertText = React2.useCallback(
+    const insertText = (0, import_react12.useCallback)(
       (autosuggestion) => {
-        slate.Editor.insertText(editor, autosuggestion.text, {
+        import_slate10.Editor.insertText(editor, autosuggestion.text, {
           at: autosuggestion.point
         });
       },
@@ -1510,7 +1631,7 @@ var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRe
       autosuggestionsConfig.disableWhenEmpty,
       shouldDisableAutosuggestions
     );
-    const onKeyDownHandlerForHoveringEditor = React2.useCallback(
+    const onKeyDownHandlerForHoveringEditor = (0, import_react12.useCallback)(
       (event) => {
         if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event)) {
           event.preventDefault();
@@ -1523,7 +1644,7 @@ var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRe
         autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress
       ]
     );
-    React2.useEffect(() => {
+    (0, import_react12.useEffect)(() => {
       clearAutocompletionsFromEditor(editor);
       if (currentAutocompleteSuggestion) {
         addAutocompletionsToEditor(
@@ -1533,23 +1654,23 @@ var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRe
         );
       }
     }, [currentAutocompleteSuggestion]);
-    const suggestionStyleAugmented = React2.useMemo(() => {
+    const suggestionStyleAugmented = (0, import_react12.useMemo)(() => {
       return __spreadValues({
         fontStyle: "italic",
         color: "gray"
       }, props.suggestionsStyle);
     }, [props.suggestionsStyle]);
-    const renderElementMemoized = React2.useMemo(() => {
+    const renderElementMemoized = (0, import_react12.useMemo)(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
-    const renderPlaceholderMemoized = React2.useMemo(() => {
+    const renderPlaceholderMemoized = (0, import_react12.useMemo)(() => {
       const placeholderStyleSlatejsOverrides = {
         top: void 0
       };
       const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
       return makeRenderPlaceholderFunction(placeholderStyleAugmented);
     }, [props.placeholderStyle]);
-    React2.useEffect(() => {
+    (0, import_react12.useEffect)(() => {
       var _a2, _b;
       if (props.value === lastKnownFullEditorText) {
         return;
@@ -1584,11 +1705,11 @@ var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRe
       const baseClassName = "copilot-textarea";
       const brandingClass = disableBranding ? "no-branding" : "with-branding";
       const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
-      const mergedClassName = tailwindMerge.twMerge(defaultTailwindClassName, className != null ? className : "");
+      const mergedClassName = (0, import_tailwind_merge2.twMerge)(defaultTailwindClassName, className != null ? className : "");
       return `${baseClassName} ${brandingClass} ${mergedClassName}`;
     })();
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      slateReact.Slate,
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      import_slate_react5.Slate,
       {
         editor,
         initialValue,
@@ -1607,13 +1728,13 @@ var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRe
           (_b = props.onChange) == null ? void 0 : _b.call(props, makeSemiFakeReactTextAreaEvent(fullEditorText));
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             TrackerTextEditedSinceLastCursorMovement,
             {
               setCursorMovedSinceLastTextChange
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             HoveringToolbar,
             {
               apiConfig: autosuggestionsConfig.apiConfig,
@@ -1621,8 +1742,8 @@ var BaseCopilotTextareaWithHoveringContext = React2__namespace.default.forwardRe
               hoverMenuClassname
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            slateReact.Editable,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_slate_react5.Editable,
             __spreadValues({
               renderElement: renderElementMemoized,
               renderPlaceholder: renderPlaceholderMemoized,
@@ -1652,7 +1773,8 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
     }
   };
 }
-
-exports.BaseCopilotTextarea = BaseCopilotTextarea;
-//# sourceMappingURL=out.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BaseCopilotTextarea
+});
 //# sourceMappingURL=base-copilot-textarea.js.map