@copilotkit/react-textarea 1.3.0 → 1.3.1

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

@@ -1,1690 +1,39 @@
-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/base-copilot-textarea/base-copilot-textarea.tsx
-import React6, { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo3, 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, 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 { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-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, shouldAcceptAutosuggestionOnKeyPress, shouldAcceptAutosuggestionOnTouch, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
-  const [previousAutocompleteState, setPreviousAutocompleteState] = useState(null);
-  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = useState(null);
-  const awaitForAndAppendSuggestion = useCallback(
-    (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 = useCallback(
-    (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 keyDownOrTouchHandler = useCallback(
-    (event) => {
-      if (currentAutocompleteSuggestion) {
-        const shouldAcceptSuggestion = event.type === "touchstart" ? shouldAcceptAutosuggestionOnTouch(event) : shouldAcceptAutosuggestionOnKeyPress(event);
-        if (shouldAcceptSuggestion) {
-          event.preventDefault();
-          insertAutocompleteSuggestion(currentAutocompleteSuggestion);
-          setCurrentAutocompleteSuggestion(null);
-        }
-      }
-    },
-    [
-      currentAutocompleteSuggestion,
-      setCurrentAutocompleteSuggestion,
-      insertAutocompleteSuggestion,
-      shouldAcceptAutosuggestionOnKeyPress
-    ]
-  );
-  return {
-    currentAutocompleteSuggestion,
-    onChangeHandler: onChange,
-    onKeyDownHandler: keyDownOrTouchHandler,
-    onTouchStartHandler: keyDownOrTouchHandler
-  };
-}
-
-// 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 merge = HistoryEditor.isMerging(e);
-    if (save == null) {
-      save = shouldSave2(op, lastOp);
-    }
-    if (save) {
-      if (merge == null) {
-        if (lastBatch == null) {
-          merge = false;
-        } else if (operations.length !== 0) {
-          merge = true;
-        } else {
-          merge = shouldMerge(op, lastOp);
-        }
-      }
-      if (lastBatch && merge) {
-        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/types/base/base-autosuggestions-config.tsx
-import { defaultCopilotContextCategories } from "@copilotkit/react-core";
-var defaultShouldToggleHoveringEditorOnKeyPress = (event, shortcut) => {
-  if (event.key === shortcut && event.metaKey) {
-    return true;
-  }
-  return false;
-};
-var defaultShouldAcceptAutosuggestionOnKeyPress = (event) => {
-  if (event.key === "Tab") {
-    return true;
-  }
-  return false;
-};
-var defaultShouldAcceptAutosuggestionOnTouch = () => false;
-var defaultBaseAutosuggestionsConfig = {
-  debounceTime: 250,
-  contextCategories: defaultCopilotContextCategories,
-  disableWhenEmpty: true,
-  disabled: false,
-  temporarilyDisableWhenMovingCursorWithoutChangingText: true,
-  shouldToggleHoveringEditorOnKeyPress: defaultShouldToggleHoveringEditorOnKeyPress,
-  shouldAcceptAutosuggestionOnKeyPress: defaultShouldAcceptAutosuggestionOnKeyPress,
-  shouldAcceptAutosuggestionOnTouch: defaultShouldAcceptAutosuggestionOnTouch
-};
-
-// 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";
-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 pb-2", 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 { 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: "Available resources", children: props.suggestedFiles.map((filePointer) => {
-            return /* @__PURE__ */ jsx2(
-              CommandItem,
-              {
-                value: filePointer.name,
-                onSelect: (value) => {
-                  props.onSelectedFile(filePointer);
-                },
-                children: /* @__PURE__ */ jsxs("div", { className: " px-3  flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ jsx2(Logo, { width: "20px", height: "20px", children: /* @__PURE__ */ jsx2(
-                    "img",
-                    {
-                      src: filePointer.iconImageUri,
-                      alt: filePointer.sourceApplication,
-                      className: "w-full h-full"
-                    }
-                  ) }),
-                  filePointer.name
-                ] })
-              },
-              `word-${filePointer.sourceApplication}.${filePointer.name}`
-            );
-          }) }),
-          /* @__PURE__ */ jsx2(CommandSeparator, {})
-        ] })
-      ]
-    }
-  );
-}
-function Logo({
-  children,
-  width,
-  height
-}) {
-  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center", style: { width, height }, children });
-}
-
-// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
-import { useCopilotContext } from "@copilotkit/react-core";
-
-// 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";
-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 { useCallback as useCallback2, useEffect as useEffect3, useRef, useState as useState4 } from "react";
-
-// 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/hovering-editor-provider.tsx
-import { createContext, useState as useState3, useContext } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var HoveringEditorContext = createContext({
-  isDisplayed: false,
-  setIsDisplayed: () => {
-  }
-});
-var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = useState3(false);
-  return /* @__PURE__ */ jsx5(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
-};
-var useHoveringEditorContext = () => useContext(HoveringEditorContext);
-
-// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
-import { MdArrowForward, MdCheck } from "react-icons/md";
-import { Fragment, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var HoveringInsertionPromptBoxCore = ({
-  performInsertion,
-  state,
-  insertionOrEditingFunction,
-  contextCategories
-}) => {
-  const { getDocumentsContext } = useCopilotContext();
-  const [editSuggestion, setEditSuggestion] = useState4("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = useState4(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = useState4("");
-  const [generatingSuggestion, setGeneratingSuggestion] = useState4(
-    null
-  );
-  const adjustmentTextAreaRef = useRef(null);
-  const suggestionTextAreaRef = useRef(null);
-  const [filePointers, setFilePointers] = useState4([]);
-  const [suggestedFiles, setSuggestedFiles] = useState4([]);
-  useEffect3(() => {
-    setSuggestedFiles(getDocumentsContext(contextCategories));
-  }, [contextCategories, getDocumentsContext]);
-  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 beginGeneratingAdjustment = useCallback2(() => __async(void 0, null, function* () {
-    if (!adjustmentPrompt.trim()) {
-      return;
-    }
-    let modificationState = state.editorState;
-    if (editSuggestion !== "") {
-      modificationState.selectedText = editSuggestion;
-    }
-    const adjustmentSuggestionTextStreamPromise = insertionOrEditingFunction(
-      modificationState,
-      adjustmentPrompt,
-      filePointers,
-      new AbortController().signal
-    );
-    const adjustmentSuggestionTextStream = streamPromiseFlatten(
-      adjustmentSuggestionTextStreamPromise
-    );
-    setGeneratingSuggestion(adjustmentSuggestionTextStream);
-  }), [
-    adjustmentPrompt,
-    editSuggestion,
-    state.editorState,
-    insertionOrEditingFunction,
-    filePointers
-  ]);
-  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 { setIsDisplayed } = useHoveringEditorContext();
-  const AdjustmentPromptComponent = /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx6(Label, { className: "", children: adjustmentLabel }),
-    /* @__PURE__ */ jsxs2("div", { className: "relative w-full flex items-center", children: [
-      /* @__PURE__ */ jsx6(
-        "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();
-              beginGeneratingAdjustment();
-            } else if (e.key == "Escape") {
-              e.preventDefault();
-              setIsDisplayed(false);
-            }
-          },
-          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__ */ jsx6(
-        "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__ */ jsx6(MdArrowForward, { className: "text-2xl" })
-        }
-      )
-    ] })
-  ] });
-  const SuggestionComponent = /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex justify-between items-end w-full", children: [
-      /* @__PURE__ */ jsx6(Label, { className: "mt-4", children: "Suggested:" }),
-      /* @__PURE__ */ jsx6("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ jsx6("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsx6(
-        "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__ */ jsx6("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__ */ jsx6(
-      "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__ */ jsx6("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__ */ jsx6(MdCheck, { className: "text-2xl" })
-      ]
-    }
-  ) });
-  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,
-    sourceSearchWord !== void 0 && /* @__PURE__ */ jsx6(
-      SourceSearchBox,
-      {
-        searchTerm: sourceSearchWord,
-        suggestedFiles,
-        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
-  ] });
-};
-
-// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var HoveringInsertionPromptBox = (props) => {
-  return /* @__PURE__ */ jsx7(
-    "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__ */ jsx7(
-        HoveringInsertionPromptBoxCore,
-        {
-          state: {
-            editorState: props.editorState
-          },
-          insertionOrEditingFunction: props.apiConfig.insertionOrEditingFunction,
-          performInsertion: props.performInsertion,
-          contextCategories: props.contextCategories
-        }
-      )
-    }
-  );
-};
-
-// src/components/hovering-toolbar/hovering-toolbar-components.tsx
-import { css, cx } from "@emotion/css";
-import React5 from "react";
-import ReactDOM from "react-dom";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Button2 = React5.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      active,
-      reversed
-    } = _b, props = __objRest(_b, [
-      "className",
-      "active",
-      "reversed"
-    ]);
-    return /* @__PURE__ */ jsx8(
-      "span",
-      __spreadProps(__spreadValues({}, props), {
-        ref,
-        className: cx(
-          className,
-          css`
-          cursor: pointer;
-          color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
-        `
-        )
-      })
-    );
-  }
-);
-var Menu = React5.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx8(
-      "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 = React5.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx8(
-      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-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 || domSelection.rangeCount === 0) {
-      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.position = "absolute";
-    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: "copilot-kit-textarea-css-scope " + (props.hoverMenuClassname || "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700"),
-      children: isDisplayed && selection && /* @__PURE__ */ jsx9(
-        HoveringInsertionPromptBox,
-        {
-          editorState: editorState(editor, selection),
-          apiConfig: props.apiConfig,
-          closeWindow: () => {
-            setIsDisplayed(false);
-          },
-          performInsertion: (insertedText) => {
-            Transforms5.delete(editor, { at: selection });
-            Transforms5.insertText(editor, insertedText, {
-              at: selection
-            });
-            setIsDisplayed(false);
-          },
-          contextCategories: props.contextCategories
-        }
-      )
-    }
-  ) });
-};
-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 Range3 } 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 Range3.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 BaseCopilotTextarea = React6.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx13(HoveringEditorProvider, { children: /* @__PURE__ */ jsx13(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
-  }
-);
-var BaseCopilotTextareaWithHoveringContext = React6.forwardRef(
-  (props, ref) => {
-    const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = useMemo3(() => {
-      var _a2;
-      return (_a2 = props.value) != null ? _a2 : "";
-    }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = useState6(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = useState6(false);
-    const initialValue = useMemo3(() => {
-      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 shouldDisableAutosuggestions = (
-      // textarea is manually disabled:
-      autosuggestionsConfig.disabled || // hovering editor is displayed:
-      hoveringEditorIsDisplayed || // the cursor has moved since the last text change AND we are configured to disable autosuggestions in this case:
-      cursorMovedSinceLastTextChange && autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText
-    );
-    const {
-      currentAutocompleteSuggestion,
-      onChangeHandler: onChangeHandlerForAutocomplete,
-      onKeyDownHandler: onKeyDownHandlerForAutocomplete,
-      onTouchStartHandler: onTouchStartHandlerForAutocomplete
-    } = useAutosuggestions(
-      autosuggestionsConfig.debounceTime,
-      autosuggestionsConfig.shouldAcceptAutosuggestionOnKeyPress,
-      autosuggestionsConfig.shouldAcceptAutosuggestionOnTouch,
-      autosuggestionsConfig.apiConfig.autosuggestionsFunction,
-      insertText,
-      autosuggestionsConfig.disableWhenEmpty,
-      shouldDisableAutosuggestions
-    );
-    const onKeyDownHandlerForHoveringEditor = useCallback3(
-      (event) => {
-        var _a2;
-        if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
-          event.preventDefault();
-          setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);
-        }
-      },
-      [
-        hoveringEditorIsDisplayed,
-        setHoveringEditorIsDisplayed,
-        autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress
-      ]
-    );
-    useEffect7(() => {
-      clearAutocompletionsFromEditor(editor);
-      if (currentAutocompleteSuggestion) {
-        addAutocompletionsToEditor(
-          editor,
-          currentAutocompleteSuggestion.text,
-          currentAutocompleteSuggestion.point
-        );
-      }
-    }, [currentAutocompleteSuggestion]);
-    const suggestionStyleAugmented = useMemo3(() => {
-      return __spreadValues({
-        fontStyle: "italic",
-        color: "gray"
-      }, props.suggestionsStyle);
-    }, [props.suggestionsStyle]);
-    const renderElementMemoized = useMemo3(() => {
-      return makeRenderElementFunction(suggestionStyleAugmented);
-    }, [suggestionStyleAugmented]);
-    const renderPlaceholderMemoized = useMemo3(() => {
-      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,
-      hoverMenuClassname,
-      onValueChange,
-      baseAutosuggestionsConfig: autosuggestionsConfigFromProps,
-      className,
-      onChange,
-      onKeyDown,
-      disableBranding
-    } = _a, propsToForward = __objRest(_a, [
-      "placeholderStyle",
-      "value",
-      "hoverMenuClassname",
-      "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,
-              contextCategories: autosuggestionsConfig.contextCategories,
-              hoverMenuClassname
-            }
-          ),
-          /* @__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);
-              },
-              onTouchStart: (event) => {
-                onTouchStartHandlerForAutocomplete(event);
-              },
-              className: moddedClassName,
-              onBlur: (ev) => {
-                var _a2;
-                (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, ev);
-                clearAutocompletionsFromEditor(editor);
-              }
-            }, propsToForward)
-          )
-        ]
-      }
-    );
-  }
-);
-function makeSemiFakeReactTextAreaEvent(currentText) {
-  return {
-    target: {
-      value: currentText,
-      type: "copilot-textarea"
-    },
-    currentTarget: {
-      value: currentText,
-      type: "copilot-textarea"
-    }
-  };
-}
+import {
+  BaseCopilotTextarea
+} from "../../chunk-J62KUPFZ.mjs";
+import "../../chunk-2C7O2EVM.mjs";
+import "../../chunk-GQN2HYFJ.mjs";
+import "../../chunk-23Q6A46J.mjs";
+import "../../chunk-AJ5OMEXM.mjs";
+import "../../chunk-DRV2FOHZ.mjs";
+import "../../chunk-4NHVQZ67.mjs";
+import "../../chunk-QJNFNPWH.mjs";
+import "../../chunk-5UNJXFUO.mjs";
+import "../../chunk-LQ2OWQU7.mjs";
+import "../../chunk-7LSRNPNI.mjs";
+import "../../chunk-4AMCUMC7.mjs";
+import "../../chunk-L7VVZH4Q.mjs";
+import "../../chunk-I3SPIGAI.mjs";
+import "../../chunk-UGEKMSRR.mjs";
+import "../../chunk-KMVGEY7Q.mjs";
+import "../../chunk-3PQ7GSFE.mjs";
+import "../../chunk-4PDYALMP.mjs";
+import "../../chunk-D47EKHIF.mjs";
+import "../../chunk-LYB4B6MK.mjs";
+import "../../chunk-CF5GISTC.mjs";
+import "../../chunk-WGWQRALG.mjs";
+import "../../chunk-VSVQZUPW.mjs";
+import "../../chunk-I72DKFHD.mjs";
+import "../../chunk-2QDCE7PD.mjs";
+import "../../chunk-YLFAIYRY.mjs";
+import "../../chunk-WJHSY5T6.mjs";
+import "../../chunk-4CVSOOJY.mjs";
+import "../../chunk-224UKA7C.mjs";
+import "../../chunk-XW3ICO4S.mjs";
+import "../../chunk-DFTV4TST.mjs";
+import "../../chunk-T6MTDQZ7.mjs";
+import "../../chunk-ECR45NSD.mjs";
+import "../../chunk-MRXNTQOX.mjs";
 export {
   BaseCopilotTextarea
 };