ct-rich-text-editor 1.3.0 → 1.3.2

package/dist/{index-7aab7b5a.js → index-413952d9.js}

@@ -21,17 +21,17 @@ import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
-import { $findMatchingParent, $getNearestNodeOfType, mergeRegister, $getNearestBlockElementAncestorOrThrow, $insertNodeToNearestRoot, $wrapNodeInElement, $isEditorIsNestedEditor, calculateZoomLevel, CAN_USE_DOM } from "@lexical/utils";
+import { $findMatchingParent, $getNearestNodeOfType, mergeRegister, $getNearestBlockElementAncestorOrThrow, $insertNodeToNearestRoot, $wrapNodeInElement, $isEditorIsNestedEditor, mediaFileReader, isMimeType, calculateZoomLevel, CAN_USE_DOM } from "@lexical/utils";
 import Stack from "@mui/material/Stack";
-import { createCommand, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $insertNodes, $getNearestNodeFromDOMNode, $setSelection, isHTMLElement as isHTMLElement$1, TextNode, $applyNodeReplacement, $getRoot, $createTextNode, $getNodeByKey, DecoratorNode, createEditor, COMMAND_PRIORITY_EDITOR, $createParagraphNode, $isRootOrShadowRoot, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, UNDO_COMMAND, REDO_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, CLICK_COMMAND, getDOMSelection, COMMAND_PRIORITY_HIGH, $isLineBreakNode, isDOMNode } from "lexical";
+import { createCommand, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $insertNodes, $getNearestNodeFromDOMNode, $setSelection, isHTMLElement as isHTMLElement$1, TextNode, $applyNodeReplacement, $getRoot, $createTextNode, $getNodeByKey, DecoratorNode, createEditor, COMMAND_PRIORITY_EDITOR, $createParagraphNode, $isRootOrShadowRoot, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, UNDO_COMMAND, REDO_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, CLICK_COMMAND, getDOMSelection, COMMAND_PRIORITY_HIGH, $isLineBreakNode, PASTE_COMMAND, isDOMNode } from "lexical";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
 import { $isCodeNode, CodeNode, normalizeCodeLang, getLanguageFriendlyName, CodeHighlightNode, CODE_LANGUAGE_MAP, $createCodeNode, registerCodeHighlighting, $isCodeHighlightNode } from "@lexical/code";
 import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $createLinkNode, $isAutoLinkNode } from "@lexical/link";
-import { ListNode, ListItemNode, $isListNode, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND } from "@lexical/list";
-import { HeadingNode, QuoteNode, $isHeadingNode, $createHeadingNode, $createQuoteNode } from "@lexical/rich-text";
+import { ListNode, ListItemNode, $isListNode, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, $createListNode, $createListItemNode } from "@lexical/list";
+import { HeadingNode, QuoteNode, $isHeadingNode, $createHeadingNode, $createQuoteNode, DRAG_DROP_PASTE } from "@lexical/rich-text";
 import { $isAtNodeEnd, $selectAll, $patchStyleText, $setBlocksType, $isParentElementRTL, $getSelectionStyleValueForProperty } from "@lexical/selection";
-import { TableNode, TableCellNode, TableRowNode, $createTableNodeWithDimensions, TableCellHeaderStates, $isTableNode, $isTableSelection, $getTableCellNodeFromLexicalNode, $getTableNodeFromLexicalNodeOrThrow, getTableElement, getTableObserverFromTableElement, $isTableCellNode, $insertTableRow__EXPERIMENTAL, $insertTableColumn__EXPERIMENTAL, $deleteTableRow__EXPERIMENTAL, $deleteTableColumn__EXPERIMENTAL, $getTableRowIndexFromTableCellNode, $isTableRowNode, $getTableColumnIndexFromTableCellNode, $getNodeTriplet, $unmergeCell, $computeTableMapSkipCellCheck, getDOMCellFromTarget, $getTableAndElementByKey } from "@lexical/table";
+import { TableNode, TableCellNode, TableRowNode, $createTableNodeWithDimensions, TableCellHeaderStates, $isTableNode, $isTableSelection, $getTableCellNodeFromLexicalNode, $getTableNodeFromLexicalNodeOrThrow, getTableElement, getTableObserverFromTableElement, $isTableCellNode, $insertTableRow__EXPERIMENTAL, $insertTableColumn__EXPERIMENTAL, $getNodeTriplet, $isTableRowNode, $deleteTableRow__EXPERIMENTAL, $deleteTableColumn__EXPERIMENTAL, $getTableRowIndexFromTableCellNode, $getTableColumnIndexFromTableCellNode, $unmergeCell, $computeTableMapSkipCellCheck, getDOMCellFromTarget, $getTableAndElementByKey } from "@lexical/table";
 import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 import DescriptionIcon from "@mui/icons-material/Description";
 import FolderZipIcon from "@mui/icons-material/FolderZip";
@@ -343,18 +343,18 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
     }
   };
 }
-function setRef(ref, value) {
+function setRef$1(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
+function composeRefs$1(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
+      const cleanup = setRef$1(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -367,7 +367,7 @@ function composeRefs(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef(refs[i2], null);
+            setRef$1(refs[i2], null);
           }
         }
       };
@@ -375,7 +375,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React$1.useCallback(composeRefs(...refs), refs);
+  return React$1.useCallback(composeRefs$1(...refs), refs);
 }
 function createContext2(rootComponentName, defaultContext) {
   const Context2 = React$1.createContext(defaultContext);
@@ -536,12 +536,12 @@ function isFunction(value) {
   return typeof value === "function";
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+function createSlot$1(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone$1(ownerName);
   const Slot2 = React$1.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
     const childrenArray = React$1.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
+    const slottable = childrenArray.find(isSlottable$1);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -560,16 +560,15 @@ function createSlot(ownerName) {
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
 }
-var Slot$4 = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
+function createSlotClone$1(ownerName) {
   const SlotClone = React$1.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
     if (React$1.isValidElement(children)) {
-      const childrenRef = getElementRef$1(children);
-      const props2 = mergeProps(slotProps, children.props);
+      const childrenRef = getElementRef$2(children);
+      const props2 = mergeProps$1(slotProps, children.props);
       if (children.type !== React$1.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
       return React$1.cloneElement(children, props2);
     }
@@ -578,20 +577,20 @@ function createSlotClone(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER$1 = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
     return /* @__PURE__ */ jsx(Fragment, { children });
   };
   Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER$1;
   return Slottable2;
 }
-function isSlottable(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+function isSlottable$1(child) {
+  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$1;
 }
-function mergeProps(slotProps, childProps) {
+function mergeProps$1(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -615,7 +614,7 @@ function mergeProps(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef$1(element) {
+function getElementRef$2(element) {
   var _a, _b;
   let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -649,7 +648,7 @@ var NODES = [
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
+  const Slot2 = /* @__PURE__ */ createSlot$1(`Primitive.${node}`);
   const Node2 = React$1.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
@@ -1134,7 +1133,7 @@ var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence(present);
   const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
-  const ref = useComposedRefs(presence.ref, getElementRef(child));
+  const ref = useComposedRefs(presence.ref, getElementRef$1(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React$1.cloneElement(child, { ref }) : null;
 };
@@ -1233,7 +1232,7 @@ function usePresence(present) {
 function getAnimationName(styles) {
   return (styles == null ? void 0 : styles.animationName) || "none";
 }
-function getElementRef(element) {
+function getElementRef$1(element) {
   var _a, _b;
   let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -2135,7 +2134,7 @@ var DialogOverlay$1 = React$1.forwardRef(
   }
 );
 DialogOverlay$1.displayName = OVERLAY_NAME;
-var Slot$3 = /* @__PURE__ */ createSlot("DialogOverlay.RemoveScroll");
+var Slot$4 = /* @__PURE__ */ createSlot$1("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
@@ -2143,7 +2142,7 @@ var DialogOverlayImpl = React$1.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsx(RemoveScroll, { as: Slot$3, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(RemoveScroll, { as: Slot$4, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
         Primitive.div,
         {
           "data-state": getState$1(context.open),
@@ -2848,28 +2847,6 @@ const Plus = createLucideIcon("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
-/**
- * @license lucide-react v0.344.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Quote = createLucideIcon("Quote", [
-  [
-    "path",
-    {
-      d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z",
-      key: "4rm80e"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z",
-      key: "10za9r"
-    }
-  ]
-]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -6074,6 +6051,136 @@ const DialogDescription = React$1.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 DialogDescription.displayName = Description.displayName;
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i2 = 0; i2 < cleanups.length; i2++) {
+          const cleanup = cleanups[i2];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i2], null);
+          }
+        }
+      };
+    }
+  };
+}
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = React$1[" use ".trim().toString()];
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && "then" in value;
+}
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+  const Slot2 = React$1.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    const childrenArray = React$1.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React$1.Children.count(newElement) > 1)
+            return React$1.Children.only(null);
+          return React$1.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React$1.isValidElement(newElement) ? React$1.cloneElement(newElement, void 0, newChildren) : null });
+    }
+    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+var Slot$3 = /* @__PURE__ */ createSlot("Slot");
+// @__NO_SIDE_EFFECTS__
+function createSlotClone(ownerName) {
+  const SlotClone = React$1.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    if (React$1.isValidElement(children)) {
+      const childrenRef = getElementRef(children);
+      const props2 = mergeProps(slotProps, children.props);
+      if (children.type !== React$1.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+      }
+      return React$1.cloneElement(children, props2);
+    }
+    return React$1.Children.count(children) > 1 ? React$1.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef(element) {
+  var _a, _b;
+  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
 const cva = (base, config) => (props) => {
@@ -6146,7 +6253,7 @@ const buttonVariants = cva(
 );
 const Button = React$1.forwardRef(
   ({ className, variant, size: size2, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot$4 : "button";
+    const Comp = asChild ? Slot$3 : "button";
     return /* @__PURE__ */ jsx(
       Comp,
       {
@@ -8726,7 +8833,7 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = /* @__PURE__ */ createSlot(COLLECTION_SLOT_NAME);
+  const CollectionSlotImpl = /* @__PURE__ */ createSlot$1(COLLECTION_SLOT_NAME);
   const CollectionSlot = React__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
@@ -8738,7 +8845,7 @@ function createCollection(name) {
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot(ITEM_SLOT_NAME);
+  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot$1(ITEM_SLOT_NAME);
   const CollectionItemSlot = React__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
@@ -12717,10 +12824,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-d9d93bc1.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-96e9ee6a.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-0fecc54c.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-7d125fec.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -13927,7 +14034,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const ImageView = React__default.lazy(() => import("./index-113e3eb2.js"));
+const ImageView = React__default.lazy(() => import("./index-91e0322d.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -15386,38 +15493,10 @@ const BulletListIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const CheckBoxIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M7 13L10 16L17 9",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
+const CheckBoxIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M18.2222 4H5.77778C4.79594 4 4 4.79594 4 5.77778V18.2222C4 19.2041 4.79594 20 5.77778 20H18.2222C19.2041 20 20 19.2041 20 18.2222V5.77778C20 4.79594 19.2041 4 18.2222 4Z", stroke: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M7.55566 12.8886L10.2223 15.5552L16.4446 9.33301", stroke: "currentColor" })
+] });
 const SearchTextIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -15601,6 +15680,10 @@ const RecordingIcon = () => /* @__PURE__ */ jsx(
 );
 const AddCommentIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19 14.3333C19 14.7459 18.8361 15.1416 18.5444 15.4333C18.2527 15.725 17.857 15.8889 17.4444 15.8889H8.11111L5 19V6.55556C5 6.143 5.16389 5.74733 5.45561 5.45561C5.74733 5.16389 6.143 5 6.55556 5H17.4444C17.857 5 18.2527 5.16389 18.5444 5.45561C18.8361 5.74733 19 6.143 19 6.55556V14.3333Z", stroke: "currentColor", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
 const CheckIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+const QuoteIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M4.75 19C7 19 10 18.2222 10 12.7779V6.55575C10 5.58354 9.433 4.98699 8.5 5.00022H5.5C4.5625 5.00022 4 5.58354 4 6.53397V11.2223C4 12.1945 4.5625 12.7779 5.5 12.7779C6.25 12.7779 6.25 12.7779 6.25 13.5556V14.3334C6.25 15.1112 5.5 15.8889 4.75 15.8889C4 15.8889 4 15.8952 4 16.6908V18.2222C4 19 4 19 4.75 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M14.75 19C17 19 20 18.2222 20 12.7779V6.55575C20 5.58354 19.4323 4.98699 18.5 5.00022H15.5C14.5625 5.00022 14 5.58354 14 6.53397V11.2223C14 12.1945 14.5625 12.7779 15.5 12.7779H16.0625C16.0625 14.5278 16.25 15.8889 14 15.8889V18.2222C14 19 14 19 14.75 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
+] });
 const EDITOR_NODES = [
   CodeNode,
   CodeHighlightNode,
@@ -15736,7 +15819,7 @@ const formatMenuItems = [
   },
   {
     name: "Quote",
-    icon: /* @__PURE__ */ jsx(Quote, { className: "size-4 mx-1" }),
+    icon: /* @__PURE__ */ jsx(QuoteIcon, {}),
     payload: "quote"
   }
 ];
@@ -16457,6 +16540,7 @@ function TableOptionPlugin() {
               htmlCell.style.setProperty("padding", "8px", "important");
               htmlCell.style.setProperty("border", "1px solid #ddd", "important");
               htmlCell.style.setProperty("font-weight", "bold", "important");
+              htmlCell.style.setProperty("white-space", "nowrap", "important");
             }
           });
         }
@@ -16504,6 +16588,7 @@ function TableOptionPlugin() {
           for (let i2 = 0; i2 < cells.length; i2++) {
             const headingText = (columnHeadings[i2] || "").trim();
             const cellNode = cells[i2];
+            cellNode.clear();
             if (headingText) {
               cellNode.append($createTextNode(headingText));
             }
@@ -16536,6 +16621,7 @@ function TableOptionPlugin() {
                 htmlCell.style.setProperty("padding", "8px", "important");
                 htmlCell.style.setProperty("border", "1px solid #ddd", "important");
                 htmlCell.style.setProperty("font-weight", "bold", "important");
+                htmlCell.style.setProperty("white-space", "nowrap", "important");
               });
               return true;
             }
@@ -17292,7 +17378,7 @@ var MenuRootContentNonModal = React$1.forwardRef((props, forwardedRef) => {
     }
   );
 });
-var Slot$2 = /* @__PURE__ */ createSlot("MenuContent.ScrollLock");
+var Slot$2 = /* @__PURE__ */ createSlot$1("MenuContent.ScrollLock");
 var MenuContentImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -17764,7 +17850,7 @@ var MenuSubTrigger = React$1.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState(context.open),
         ...props,
-        ref: composeRefs(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$1(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
           var _a;
           (_a = props.onClick) == null ? void 0 : _a.call(props, event);
@@ -18028,7 +18114,7 @@ var DropdownMenuTrigger$1 = React$1.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs(forwardedRef, context.triggerRef),
+        ref: composeRefs$1(forwardedRef, context.triggerRef),
         onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
@@ -18859,7 +18945,7 @@ var PopoverContent$1 = React$1.forwardRef(
   }
 );
 PopoverContent$1.displayName = CONTENT_NAME$1;
-var Slot$1 = /* @__PURE__ */ createSlot("PopoverContent.RemoveScroll");
+var Slot$1 = /* @__PURE__ */ createSlot$1("PopoverContent.RemoveScroll");
 var PopoverContentModal = React$1.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$1, props.__scopePopover);
@@ -19625,7 +19711,7 @@ SelectContent$1.displayName = CONTENT_NAME;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var Slot = /* @__PURE__ */ createSlot("SelectContent.RemoveScroll");
+var Slot = /* @__PURE__ */ createSlot$1("SelectContent.RemoveScroll");
 var SelectContentImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -20694,7 +20780,7 @@ const FontFamilyMenu = ({
     applyFontFamily(value);
   };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Select, { value: selectedFont, onValueChange: handleFontChange, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { className: "!cteditor-h-7 !cteditor-bg-secondary cteditor-text-foreground !cteditor-w-[120px] cteditor-text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select font" }) }),
+    /* @__PURE__ */ jsx(SelectTrigger, { className: "!cteditor-h-7 md:!cteditor-bg-secondary !cteditor-bg-foreground/5 cteditor-text-foreground md:!cteditor-w-[120px] cteditor-text-xs max-md:cteditor-w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select font" }) }),
     /* @__PURE__ */ jsx(SelectContent, { children: fonts.map((font) => /* @__PURE__ */ jsx(SelectItem, { value: font, style: { fontFamily: font }, children: font }, font)) })
   ] }) });
 };
@@ -20887,7 +20973,7 @@ const FormatTextMenu = ({ hasFormat, blockType }) => {
         },
         index2
       )),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
       listQuoteFormattingItems.map((option, index2) => /* @__PURE__ */ jsxs(
         DropdownMenuItem$1,
         {
@@ -21205,7 +21291,7 @@ const InsertFileUploadedDialogBody = ({ onClick }) => {
       Input$1,
       {
         type: "file",
-        className: "cteditor-w-full",
+        className: "cteditor-w-full cteditor-border-[1px] cteditor-border-dashed cteditor-border-foreground cteditor-h-auto cteditor-py-4 cteditor-rounded-xl cteditor-cursor-pointer",
         accept: ALLOWED_MIME_TYPES.join(","),
         onChange: onChangeFile
       }
@@ -21222,7 +21308,7 @@ const InsertFileUploadedDialogBody = ({ onClick }) => {
       {
         disabled: !fileToUpload || uploading,
         onClick: handleConfirmUpload,
-        className: "cteditor-mt-2",
+        className: "cteditor-mt-2 cteditor-w-full",
         children: uploading ? `Uploading... ${progress}%` : "Confirm Upload"
       }
     )
@@ -21238,8 +21324,7 @@ const InsertFileDialog = ({
   };
   return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:cteditor-max-w-md", children: [
     /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Insert File" }) }),
-    /* @__PURE__ */ jsx("div", { className: "cteditor-py-2", children: /* @__PURE__ */ jsx(InsertFileUploadedDialogBody, { onClick }) }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Cancel" }) })
+    /* @__PURE__ */ jsx("div", { className: "cteditor-py-2", children: /* @__PURE__ */ jsx(InsertFileUploadedDialogBody, { onClick }) })
   ] }) });
 };
 const INSERT_IMAGE_COMMAND = createCommand("INSERT_IMAGE_COMMAND");
@@ -21276,6 +21361,7 @@ const InsertImageUploadedDialogBody = ({
   const { uploadFileToS3, uploadedUrl, progress, uploading } = useS3Uploader(apiKey || void 0);
   const [tempSrc, setTempSrc] = useState$1("");
   const [fileToUpload, setFileToUpload] = useState$1(null);
+  const [imageDimensions, setImageDimensions] = useState$1(null);
   const onChangeImage = async (event) => {
     const files = event.target.files;
     if (!files || files.length === 0)
@@ -21286,6 +21372,11 @@ const InsertImageUploadedDialogBody = ({
     reader.onload = () => {
       if (typeof reader.result === "string") {
         setTempSrc(reader.result);
+        const img = new Image();
+        img.onload = () => {
+          setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
+        };
+        img.src = reader.result;
       }
     };
     reader.readAsDataURL(file);
@@ -21295,57 +21386,46 @@ const InsertImageUploadedDialogBody = ({
       return;
     try {
       const uploadedUrl2 = await uploadFileToS3(fileToUpload);
-      onClick({ altText, src: uploadedUrl2 });
+      console.log("Upload successful! URL:", uploadedUrl2);
+      console.log("Image dimensions:", imageDimensions);
+      const payload = {
+        altText,
+        src: uploadedUrl2,
+        width: imageDimensions == null ? void 0 : imageDimensions.width,
+        height: imageDimensions == null ? void 0 : imageDimensions.height
+      };
+      console.log("Inserting image with payload:", payload);
+      onClick(payload);
       setTempSrc("");
       setFileToUpload(null);
+      setImageDimensions(null);
     } catch (error) {
       console.error("Upload failed:", error);
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4", children: [
-    tempSrc && /* @__PURE__ */ jsx("div", { className: "cteditor-mb-4", children: /* @__PURE__ */ jsx(
+    tempSrc && /* @__PURE__ */ jsx("div", { className: "cteditor-mb-4 cteditor-flex cteditor-justify-center", children: /* @__PURE__ */ jsx(
       "img",
       {
         src: tempSrc,
         alt: "Preview",
-        className: "cteditor-max-w-full cteditor-max-h-[200px] cteditor-object-contain"
+        className: "cteditor-max-w-full cteditor-max-h-44 cteditor-object-contain"
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: "fileUploadBox cteditor-flex cteditor-items-center cteditor-justify-center cteditor-border-2 cteditor-border-dashed cteditor-border-gray-300 cteditor-p-4 cteditor-rounded-lg", children: [
-      /* @__PURE__ */ jsx("div", { className: "fubIcon cteditor-mr-4", children: /* @__PURE__ */ jsxs(
-        "svg",
+    /* @__PURE__ */ jsx("div", { className: "fileUploadBox cteditor-flex cteditor-items-center cteditor-justify-center cteditor-border-[1px] cteditor-border-dashed cteditor-h-auto cteditor-border-foreground  cteditor-rounded-xl cteditor-p-0 ", children: /* @__PURE__ */ jsxs("div", { className: "flex-grow cteditor-w-full", children: [
+      /* @__PURE__ */ jsx(Label$2, { htmlFor: "image-upload", className: "!cteditor-sr-only", children: "Upload Image" }),
+      /* @__PURE__ */ jsx(
+        Input$1,
         {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: [
-            /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-            /* @__PURE__ */ jsx("polyline", { points: "17 8 12 3 7 8" }),
-            /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
-          ]
+          id: "image-upload",
+          type: "file",
+          accept: "image/*",
+          onChange: onChangeImage,
+          "data-test-id": "image-modal-file-upload",
+          className: "cteditor-w-full !cteditor-py-3 !cteditor-h-auto !cteditor-border-none"
         }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-grow", children: [
-        /* @__PURE__ */ jsx(Label$2, { htmlFor: "image-upload", className: "!cteditor-sr-only", children: "Upload Image" }),
-        /* @__PURE__ */ jsx(
-          Input$1,
-          {
-            id: "image-upload",
-            type: "file",
-            accept: "image/*",
-            onChange: onChangeImage,
-            "data-test-id": "image-modal-file-upload",
-            className: "cteditor-w-full"
-          }
-        )
-      ] })
-    ] }),
+      )
+    ] }) }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Label$2, { htmlFor: "alt-text", className: "cteditor-mb-2 cteditor-block", children: "Alt Text" }),
       /* @__PURE__ */ jsx(
@@ -21356,7 +21436,7 @@ const InsertImageUploadedDialogBody = ({
           value: altText,
           onChange: (e) => setAltText(e.target.value),
           "data-test-id": "image-modal-alt-text-input",
-          className: "cteditor-w-full"
+          className: "cteditor-w-full cteditor-cursor-pointer"
         }
       )
     ] }),
@@ -21379,6 +21459,7 @@ const InsertImageUrlDialogBody = ({
   const [altText, setAltText] = useState$1("");
   const [isValidUrl, setIsValidUrl] = useState$1(false);
   const [previewError, setPreviewError] = useState$1(null);
+  const [imageDimensions, setImageDimensions] = useState$1(null);
   const validateUrl2 = (url) => {
     if (!url.trim())
       return false;
@@ -21414,6 +21495,7 @@ const InsertImageUrlDialogBody = ({
       img.onload = () => {
         setPreviewError(null);
         setIsValidUrl(true);
+        setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
       };
       img.onerror = () => {
         setPreviewError(
@@ -21426,7 +21508,12 @@ const InsertImageUrlDialogBody = ({
   const handleConfirmUrl = () => {
     if (!imageUrl || !isValidUrl)
       return;
-    onClick({ altText, src: imageUrl });
+    onClick({
+      altText,
+      src: imageUrl,
+      width: imageDimensions == null ? void 0 : imageDimensions.width,
+      height: imageDimensions == null ? void 0 : imageDimensions.height
+    });
   };
   return /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4", children: [
     imageUrl && isValidUrl && !previewError && /* @__PURE__ */ jsx("div", { className: "cteditor-mb-4", children: /* @__PURE__ */ jsx(
@@ -21540,8 +21627,7 @@ const InsertImageDialog = ({ activeEditor, onClose }) => {
           ]
         }
       )
-    ] }) : mode === "file" ? /* @__PURE__ */ jsx(InsertImageUploadedDialogBody, { onClick }) : /* @__PURE__ */ jsx(InsertImageUrlDialogBody, { onClick }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }) })
+    ] }) : mode === "file" ? /* @__PURE__ */ jsx(InsertImageUploadedDialogBody, { onClick }) : /* @__PURE__ */ jsx(InsertImageUrlDialogBody, { onClick })
   ] }) });
 };
 function _extends() {
@@ -22471,30 +22557,33 @@ const SignatureCanvasDialog = ({
   return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: () => onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "!cteditor-max-w-3xl", children: [
     /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4", children: [
       /* @__PURE__ */ jsx("div", { className: "cteditor-text-lg cteditor-font-medium", children: "Draw your signature" }),
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-mb-2", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "penColor", className: "cteditor-mr-2", children: "Choose Color:" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "color",
-            id: "penColor",
-            value: penColor,
-            onChange: handleColorChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-mb-4", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "uploadSignature", className: "cteditor-mr-2 cteditor-cursor-pointer cteditor-text-blue-600 underline", children: "Upload Signature Image" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "file",
-            id: "uploadSignature",
-            accept: "image/*",
-            onChange: handleUpload,
-            className: "cteditor-hidden"
-          }
-        )
+      /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-gap-3 cteditor-items-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-gap-2 cteditor-items-center", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "penColor", children: "Choose Color:" }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-size-8 cteditor-overflow-hidden cteditor-relative cteditor-rounded-md cteditor-border cteditor-border-foreground/5", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "color",
+              id: "penColor",
+              value: penColor,
+              onChange: handleColorChange,
+              className: "cteditor-scale-[5] cteditor-absolute cteditor-inset-0 cteditor-cursor-pointer"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "uploadSignature", className: "cteditor-cursor-pointer cteditor-text-foreground underline cteditor-text-sm cteditor-rounded-md cteditor-h-9 cteditor-px-4 cteditor-font-medium cteditor-shadow-sm cteditor-bg-background cteditor-border-input cteditor-border cteditor-flex cteditor-items-center hover:cteditor-bg-accent", children: "Upload Signature Image" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "file",
+              id: "uploadSignature",
+              accept: "image/*",
+              onChange: handleUpload,
+              className: "cteditor-hidden"
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "cteditor-border cteditor-border-gray-300 cteditor-rounded-sm cteditor-bg-white", children: /* @__PURE__ */ jsx(
         SignatureCanvas,
@@ -22706,8 +22795,8 @@ const NotePanelMenu = ({ className }) => {
   ] });
 };
 const useStyles$1 = () => ({
-  root: "cteditor-p-2 cteditor-border-b cteditor-border-[#e0e0e0] cteditor-overflow-auto",
-  toolbar: "cteditor-p-2 cteditor-overflow-auto",
+  root: "cteditor-p-2 cteditor-border-b cteditor-border-[#e0e0e0] cteditor-max-w-full cteditor-overflow-x-auto",
+  toolbar: "cteditor-p-2 cteditor-max-w-full cteditor-overflow-x-auto cteditor-flex cteditor-flex-nowrap cteditor-gap-1",
   toolbarButton: "cteditor-p-1.5"
 });
 const useModal$1 = () => {
@@ -22756,14 +22845,14 @@ const InsertMenuDrop = () => {
     }
   ];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-1", children: insertMenuItems.map((option, index2) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-flex-col", children: insertMenuItems.map((option, index2) => /* @__PURE__ */ jsxs(
       "button",
       {
-        className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0",
+        className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50  [&>svg]:cteditor-shrink-0",
         onClick: option.onClick,
         title: option.name,
         children: [
-          /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
+          /* @__PURE__ */ jsx("span", { className: "cteditor-size-6 [&>svg]:cteditor-size-4 cteditor-flex cteditor-justify-center cteditor-items-center", children: option.icon }),
           /* @__PURE__ */ jsx("span", { children: option.name })
         ]
       },
@@ -22780,7 +22869,7 @@ const AlignMenuDrop = () => {
       onClick: () => {
         editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, option.payload);
       },
-      className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0",
+      className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0",
       title: option.name,
       children: [
         /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
@@ -22790,38 +22879,131 @@ const AlignMenuDrop = () => {
     index2
   )) });
 };
-const Toolbar = ({
-  editable,
-  enableUndoRedo = true,
-  enableTextFormatting = true,
-  enableAlignment = true,
-  enableFontControls = true,
-  enableTableOptions = true,
-  enableInsertMenu = true,
-  enableColorPicker = true,
-  enableClearOptions = true,
-  enableEmojiPicker = true,
-  enableDatePicker = true,
-  enableLinks = true,
-  enableFormatTextMenu = true,
-  enableCodeFormat = true,
-  enableAIChat = true,
-  enableTodoList = true,
-  enableHtmlViewToggle = true,
-  enableHtmlView = true,
-  enableNotePanels = true,
-  enableAutocompleteToggle = true,
-  fonts,
-  editor,
-  activeEditor,
-  setActiveEditor
-}) => {
-  const [disableMap, setDisableMap] = useState$1({
-    ["undo"]: true,
-    ["redo"]: true
-  });
-  const [isLinkEditMode, setIsLinkEditMode] = useState$1(false);
-  const [selectedElementKey, setSelectedElementKey] = useState$1(
+const FormatTextMenuDrop = ({ hasFormat, blockType }) => {
+  const [editor] = useLexicalComposerContext();
+  const textFormats = [
+    "bold",
+    "italic",
+    "strikethrough",
+    "underline",
+    "code",
+    "subscript",
+    "superscript"
+  ];
+  const handleFormatClick = (payload) => {
+    if (textFormats.includes(payload)) {
+      editor.dispatchCommand(FORMAT_TEXT_COMMAND, payload);
+      return;
+    }
+    editor.update(() => {
+      const selection = $getSelection();
+      if (!$isRangeSelection(selection))
+        return;
+      switch (payload) {
+        case "bullet":
+          if (blockType !== "bullet") {
+            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+          } else {
+            editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+          }
+          break;
+        case "number":
+          if (blockType !== "number") {
+            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+          } else {
+            editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+          }
+          break;
+        case "check":
+          if (blockType !== "check") {
+            editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, void 0);
+          } else {
+            editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+          }
+          break;
+        case "quote":
+          $setBlocksType(selection, () => $createQuoteNode());
+          break;
+      }
+    });
+  };
+  const textFormattingItems = formatMenuItems.filter(
+    (item) => textFormats.includes(item.payload)
+  );
+  const listQuoteFormattingItems = formatMenuItems.filter(
+    (item) => !textFormats.includes(item.payload)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col  cteditor-w-full", children: [
+    textFormattingItems.map((option, index2) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: cn$1(
+          "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0 !cteditor-justify-start cteditor-h-auto ",
+          hasFormat[option.payload] && "cteditor-bg-accent"
+        ),
+        onClick: () => handleFormatClick(option.payload),
+        title: option.name,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
+          /* @__PURE__ */ jsx("span", { children: option.name })
+        ]
+      },
+      index2
+    )),
+    listQuoteFormattingItems.map((option, index2) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: cn$1(
+          "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0 !cteditor-justify-start cteditor-h-auto",
+          blockType === option.payload && "cteditor-bg-accent"
+        ),
+        onClick: () => handleFormatClick(option.payload),
+        title: option.name,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
+          /* @__PURE__ */ jsx("span", { children: option.name })
+        ]
+      },
+      `list-quote-${index2}`
+    ))
+  ] });
+};
+const Toolbar = ({
+  editable,
+  enableUndoRedo = true,
+  enableTextFormatting = true,
+  enableAlignment = true,
+  enableFontControls = true,
+  enableTableOptions = true,
+  enableInsertMenu = true,
+  enableColorPicker = true,
+  enableClearOptions = true,
+  enableEmojiPicker = true,
+  enableDatePicker = true,
+  enableLinks = true,
+  enableFormatTextMenu = true,
+  enableCodeFormat = true,
+  enableAIChat = true,
+  enableTodoList = true,
+  enableHtmlViewToggle = true,
+  enableHtmlView = true,
+  enableNotePanels = true,
+  enableAutocompleteToggle = true,
+  fonts,
+  editor,
+  activeEditor,
+  setActiveEditor
+}) => {
+  const [disableMap, setDisableMap] = useState$1({
+    ["undo"]: true,
+    ["redo"]: true
+  });
+  const [isLinkEditMode, setIsLinkEditMode] = useState$1(false);
+  const [selectedElementKey, setSelectedElementKey] = useState$1(
     null
   );
   const [showMoreMenu, setShowMoreMenu] = useState$1(false);
@@ -23220,14 +23402,17 @@ const Toolbar = ({
             "div",
             {
               ref: contentRef,
-              className: "cteditor-flex cteditor-items-center cteditor-gap-1.5 cteditor-flex-1 cteditor-overflow-x-auto cteditor-scrollbar-hide",
-              style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+              className: "cteditor-flex cteditor-items-center cteditor-gap-1.5  cteditor-overflow-x-auto cteditor-overflow-y-hidden cteditor-flex-nowrap no-scrollbar",
+              style: {
+                scrollBehavior: "smooth",
+                WebkitOverflowScrolling: "touch"
+              },
               children: [
                 enableUndoRedo && /* @__PURE__ */ jsxs(
                   "div",
                   {
                     "data-toolbar-item": "undoRedo",
-                    className: "cteditor-flex cteditor-items-center cteditor-gap-1.5",
+                    className: "cteditor-flex cteditor-items-center cteditor-gap-1.5 cteditor-flex-shrink-0",
                     children: [
                       /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
                         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -23391,8 +23576,10 @@ const Toolbar = ({
                   ) }),
                   /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Insert code block" }) })
                 ] }) }),
-                enableFormatTextMenu && activeEditor === editor && /* @__PURE__ */ jsx("div", { "data-toolbar-item": "formatTextMenu", className: "cteditor-size-6", children: /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat, blockType }) }),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                enableFormatTextMenu && activeEditor === editor && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "formatTextMenu", className: "cteditor-size-6", children: [
+                  /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat, blockType }),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                ] }),
                 enableColorPicker && activeEditor === editor && /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -23429,8 +23616,7 @@ const Toolbar = ({
                           }
                         },
                         "bg-color-picker"
-                      ) }),
-                      /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                      ) })
                     ]
                   }
                 ),
@@ -23443,7 +23629,7 @@ const Toolbar = ({
                       size: "icon-sm",
                       onClick: insertLink,
                       className: cn$1(
-                        isLinkActive ? "dark:cteditor-text-blue-500 cteditor-text-blue-700" : "cteditor-text-foreground"
+                        isLinkActive ? "cteditor-bg-accent" : "cteditor-text-foreground"
                       ),
                       children: /* @__PURE__ */ jsx(LinkIcon, {})
                     }
@@ -23519,8 +23705,8 @@ const Toolbar = ({
                       disabled: !editable,
                       className: cn$1(
                         classes.toolbarButton,
-                        toolbarState.isAutocompleteEnabled && "cteditor-bg-foreground/20",
-                        "[&>svg]:!cteditor-size-4"
+                        toolbarState.isAutocompleteEnabled && "",
+                        "[&>svg]:!cteditor-size-4 p-1"
                       ),
                       children: /* @__PURE__ */ jsx(SearchTextIcon2, {})
                     }
@@ -23559,7 +23745,7 @@ const Toolbar = ({
                       className: "cteditor-relative",
                       children: [
                         isExportingPDF ? /* @__PURE__ */ jsx(Loader2, { className: "!cteditor-size-4 cteditor-animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "!cteditor-size-4" }),
-                        /* @__PURE__ */ jsx("span", { className: "cteditor-ml-1", children: isExportingPDF ? `Exporting... ${exportProgress}%` : "Export" })
+                        /* @__PURE__ */ jsx("span", { children: isExportingPDF ? `Exporting... ${exportProgress}%` : "Export" })
                       ]
                     }
                   ) }),
@@ -23571,7 +23757,7 @@ const Toolbar = ({
                     {
                       variant: "outline",
                       size: "sm",
-                      className: "cteditor-px-4 cteditor-gap-3 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
+                      className: "cteditor-px-4 cteditor-gap-2 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
                       children: [
                         /* @__PURE__ */ jsx(MagicoonIcon, {}),
                         " Go with AI"
@@ -23676,7 +23862,7 @@ const Toolbar = ({
               open: isMoreMenuOpen,
               onOpenChange: setIsMoreMenuOpen,
               children: [
-                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "!cteditor-px-1 !cteditor-py-0.5 !cteditor-h-7 !cteditor-gap-1", children: [
+                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "!cteditor-px-1 !cteditor-py-0.5 !cteditor-h-7 !cteditor-gap-1 !cteditor-bg-accent", children: [
                   /* @__PURE__ */ jsx(Plus, { className: "!cteditor-size-5" }),
                   /* @__PURE__ */ jsx(ChevronDown, { className: "!cteditor-size-3.5" })
                 ] }) }),
@@ -23747,33 +23933,32 @@ const Toolbar = ({
                             children: /* @__PURE__ */ jsx(
                               "div",
                               {
-                                className: "cteditor-w-full",
+                                className: "cteditor-w-full ",
                                 onClick: (e) => e.stopPropagation(),
                                 children: /* @__PURE__ */ jsx(FontSizeControl, {})
                               }
                             )
                           }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-                      ] }),
-                      enableTableOptions && activeEditor === editor && hiddenItemIds.has("tableOptions") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(
-                          DropdownMenuItem$1,
-                          {
-                            asChild: true,
-                            onSelect: (e) => e.preventDefault(),
-                            children: /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                className: "cteditor-w-full",
-                                onClick: (e) => e.stopPropagation(),
-                                children: /* @__PURE__ */ jsx(TableOptionPlugin, {})
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                        )
                       ] }),
+                      enableTableOptions && activeEditor === editor && hiddenItemIds.has("tableOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+                        DropdownMenuItem$1,
+                        {
+                          asChild: true,
+                          onSelect: (e) => e.preventDefault(),
+                          children: /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              className: "cteditor-w-full",
+                              onClick: (e) => e.stopPropagation(),
+                              children: [
+                                /* @__PURE__ */ jsx(TableOptionPlugin, {}),
+                                "Table"
+                              ]
+                            }
+                          )
+                        }
+                      ) }),
                       enableTextFormatting && hiddenItemIds.has("inlineFormats") && /* @__PURE__ */ jsxs(
                         DropdownMenuItem$1,
                         {
@@ -23782,33 +23967,22 @@ const Toolbar = ({
                             "strikethrough"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
+                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
                             "Strikethrough"
                           ]
                         }
                       ),
                       enableCodeFormat && activeEditor === editor && hiddenItemIds.has("codeBlock") && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: formatCodeBlock, children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
+                        /* @__PURE__ */ jsx("div", { className: " [&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
                         "Code Block"
                       ] }),
-                      enableFormatTextMenu && activeEditor === editor && hiddenItemIds.has("formatTextMenu") && /* @__PURE__ */ jsx(
-                        DropdownMenuItem$1,
-                        {
-                          asChild: true,
-                          onSelect: (e) => e.preventDefault(),
-                          children: /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: "cteditor-w-full",
-                              onClick: (e) => e.stopPropagation(),
-                              children: /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat, blockType })
-                            }
-                          )
-                        }
-                      ),
+                      enableFormatTextMenu && activeEditor === editor && hiddenItemIds.has("formatTextMenu") && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full  cteditor-pt-1", children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60  cteditor-px-2", children: "Format" }),
+                        /* @__PURE__ */ jsx(FormatTextMenuDrop, { hasFormat, blockType }),
+                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
+                      ] }),
                       enableColorPicker && activeEditor === editor && hiddenItemIds.has("colorPickers") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
                           /* @__PURE__ */ jsx(
                             ColorPicker$2,
                             {
@@ -23835,7 +24009,7 @@ const Toolbar = ({
                           ),
                           /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-xs", children: "Font Color" })
                         ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
                           /* @__PURE__ */ jsx(
                             ColorPicker$2,
                             {
@@ -23897,7 +24071,7 @@ const Toolbar = ({
                           )
                         }
                       ),
-                      hiddenItemIds.has("highlight") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
+                      hiddenItemIds.has("highlight") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
                         /* @__PURE__ */ jsx(
                           HighlightColorPicker,
                           {
@@ -23910,108 +24084,119 @@ const Toolbar = ({
                         ),
                         /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Highlight" })
                       ] }) }),
-                      enableAlignment && activeEditor === editor && hiddenItemIds.has("alignMenu") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-p-2", children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60", children: "Align Menu" }),
+                      enableAlignment && activeEditor === editor && hiddenItemIds.has("alignMenu") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-pt-2", children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2", children: "Align Menu" }),
                         /* @__PURE__ */ jsx(AlignMenuDrop, {})
                       ] }) }),
-                      hiddenItemIds.has("aiOptions") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full", children: [
-                          /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2  cteditor-pt-2", children: "Go with AI" }),
-                          /* @__PURE__ */ jsxs("div", { className: "cteditor-aiOption cteditor-w-full cteditor-space-y-1 [&>button]:cteditor-relative [&>button]:cteditor-flex [&>button]:cteditor-cursor-pointer [&>button]:cteditor-select-none [&>button]:cteditor-items-center [&>button]:cteditor-gap-2 [&>button]:cteditor-rounded-sm [&>button]:cteditor-px-2 [&>button]:cteditor-py-1.5 [&>button]:cteditor-text-[13px] [&>button]:cteditor-outline-none [&>button]:cteditor-transition-colors [&>button]:focus:cteditor-bg-foreground/5 [&>button]:focus:cteditor-text-accent-foreground [&>button]:data-[disabled]:cteditor-pointer-events-none [&>button]:data-[disabled]:cteditor-opacity-50 [&>button>svg]:cteditor-size-4 [&>button>svg]:cteditor-shrink-0", children: [
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "SPELLING_GRAMMAR"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
-                                  "Fix Grammar"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "SIMPLIFY"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
-                                  "Simplify"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "COMPLETE_SENTENCE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
-                                  "Complete Sentence"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "EMOJIFY"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
-                                  "Emojify"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "TRANSLATE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
-                                  "Translate"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "AI_RESPONSE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
-                                  "AI"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, {
-                                  type: "CREATE_IMAGE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
-                                  "Generate Image"
-                                ]
-                              }
-                            )
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
+                      hiddenItemIds.has("aiOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full", children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2  cteditor-pt-2", children: "Go with AI" }),
+                        /* @__PURE__ */ jsxs("div", { className: "cteditor-aiOption cteditor-w-full  [&>button]:cteditor-relative [&>button]:cteditor-flex [&>button]:cteditor-cursor-pointer [&>button]:cteditor-select-none [&>button]:cteditor-items-center [&>button]:cteditor-gap-2 [&>button]:cteditor-rounded-sm [&>button]:cteditor-px-2 [&>button]:cteditor-py-1.5 [&>button]:cteditor-text-[13px] [&>button]:cteditor-outline-none [&>button]:cteditor-transition-colors focus:[&>button]:cteditor-bg-foreground/5 focus:[&>button]:cteditor-text-accent-foreground hover:[&>button]:cteditor-bg-foreground/5 [&>button]:data-[disabled]:cteditor-pointer-events-none [&>button]:data-[disabled]:cteditor-opacity-50 [&>button>svg]:cteditor-size-4 [&>button>svg]:cteditor-shrink-0", children: [
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "SPELLING_GRAMMAR"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
+                                "Fix Grammar"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "SIMPLIFY"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
+                                "Simplify"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "COMPLETE_SENTENCE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
+                                "Complete Sentence"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "EMOJIFY"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
+                                "Emojify"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "TRANSLATE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
+                                "Translate"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "AI_RESPONSE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+                                "AI"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, {
+                                type: "CREATE_IMAGE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
+                                "Generate Image"
+                              ]
+                            }
+                          )
+                        ] })
+                      ] }) }),
+                      (enableHtmlViewToggle || enableHtmlView) && hiddenItemIds.has("htmlView") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
+                        /* @__PURE__ */ jsxs(
+                          DropdownMenuItem$1,
+                          {
+                            onClick: toggleHtmlView,
+                            disabled: !editable,
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FileCode2, {}) }),
+                              isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
+                            ]
+                          }
+                        )
                       ] }),
                       enableAutocompleteToggle && hiddenItemIds.has("autocomplete") && /* @__PURE__ */ jsxs(
                         DropdownMenuItem$1,
@@ -24023,17 +24208,6 @@ const Toolbar = ({
                             toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection"
                           ]
                         }
-                      ),
-                      (enableHtmlViewToggle || enableHtmlView) && hiddenItemIds.has("htmlView") && /* @__PURE__ */ jsxs(
-                        DropdownMenuItem$1,
-                        {
-                          onClick: toggleHtmlView,
-                          disabled: !editable,
-                          children: [
-                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FileCode2, {}) }),
-                            isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
-                          ]
-                        }
                       )
                     ]
                   }
@@ -24122,9 +24296,8 @@ function Skeleton({
     }
   );
 }
-createCommand(
-  "AUTOCOMPLETE_COMMAND"
-);
+const GrammarCheckPlugin = "";
+createCommand("AUTOCOMPLETE_COMMAND");
 const STATIC_SUGGESTIONS = [
   "javascript",
   "typescript",
@@ -24152,7 +24325,6 @@ class AIService {
     __publicField(this, "apiEndpoint");
     __publicField(this, "cache", /* @__PURE__ */ new Map());
     __publicField(this, "requestTimeout", 1e4);
-    // 10 seconds timeout for more reliable responses
     __publicField(this, "pendingRequests", /* @__PURE__ */ new Map());
     this.apiEndpoint = "https://api.cteditor.com/" + apiEndpoint;
   }
@@ -24174,19 +24346,9 @@ class AIService {
     }
   }
   async executeRequest(payload, cacheKey) {
-    var _a;
     try {
       const controller = new AbortController();
-      const timeoutId = setTimeout(
-        () => controller.abort(),
-        this.requestTimeout
-      );
-      console.log("🌐 AIService: Making request to:", this.apiEndpoint);
-      console.log("📦 AIService: Payload:", {
-        ...payload,
-        text: ((_a = payload.text) == null ? void 0 : _a.substring(0, 100)) + "..."
-        // Log only first 100 chars
-      });
+      const timeoutId = setTimeout(() => controller.abort(), this.requestTimeout);
       const response = await fetch(this.apiEndpoint, {
         method: "POST",
         headers: {
@@ -24196,14 +24358,11 @@ class AIService {
         signal: controller.signal
       });
       clearTimeout(timeoutId);
-      console.log("📡 AIService: Response status:", response.status);
       if (!response.ok) {
         const errorText = await response.text();
-        console.error("❌ AIService: Error response:", errorText);
         throw new Error(`AI service error: ${response.status} - ${errorText}`);
       }
       const result = await response.json();
-      console.log("✅ AIService: Successful response received");
       this.cache.set(cacheKey, result.data);
       if (this.cache.size > 50) {
         const firstKey = this.cache.keys().next().value;
@@ -24213,15 +24372,7 @@ class AIService {
       }
       return result.data;
     } catch (error) {
-      if (error instanceof Error && error.name === "AbortError") {
-        console.warn(
-          "⏰ AIService: Request timed out after",
-          this.requestTimeout,
-          "ms"
-        );
-      } else {
-        console.error("❌ AIService: Request failed:", error);
-      }
+      console.error("❌ AIService: Request failed:", error);
       return null;
     }
   }
@@ -24231,46 +24382,121 @@ class AIService {
     }
     const result = await this.makeRequest({
       text: text.trim(),
-      // Send the sentence/text for correction
       currentWord: currentWord == null ? void 0 : currentWord.trim(),
-      // Send current word being typed (optional)
       maxSuggestions
     });
     return result;
   }
 }
-function AutocompletePlugin({
-  onQueryChange,
-  onSelectOption,
-  minMatchLength = 2,
-  maxSuggestions = 10,
-  // anchorClassName = "",
-  // menuClassName = "",
-  // itemClassName = "",
-  // selectedItemClassName = "",
-  apiEndpoint = "api/ai/process",
-  enableAI = true,
-  debounceDelay = 200
-}) {
-  const [editor] = useLexicalComposerContext();
-  const { updateToolbarState } = useToolbarState();
-  const [queryString, setQueryString] = useState$1(null);
-  const [suggestions, setSuggestions] = useState$1([]);
-  const [selectedIndex, setSelectedIndex] = useState$1(0);
-  const [isLoading, setIsLoading] = useState$1(false);
-  const menuRef = useRef(null);
-  const anchorElementRef = useRef(null);
-  const [anchorElement, setAnchorElement] = useState$1(
-    null
-  );
-  const aiService = useRef(new AIService(apiEndpoint));
-  const debounceTimer = useRef(null);
-  const justSelectedOption = useRef(false);
-  const lastRequestTime = useRef(0);
-  const requestThrottle = 100;
-  const extractWordsFromEditor = useCallback(() => {
-    const words = /* @__PURE__ */ new Set();
-    STATIC_SUGGESTIONS.forEach((word) => words.add(word));
+class GrammarCheckService {
+  constructor() {
+    __publicField(this, "cache", /* @__PURE__ */ new Map());
+    __publicField(this, "apiEndpoint");
+    __publicField(this, "pendingRequest", null);
+    this.apiEndpoint = "https://api.cteditor.com/api/ai/process";
+  }
+  async check(text) {
+    if (!text || text.trim().length < 3) {
+      return [];
+    }
+    const cacheKey = text.trim();
+    if (this.cache.has(cacheKey)) {
+      return this.cache.get(cacheKey);
+    }
+    if (this.pendingRequest) {
+      return this.pendingRequest;
+    }
+    this.pendingRequest = this.executeCheck(text);
+    try {
+      const result = await this.pendingRequest;
+      return result;
+    } finally {
+      this.pendingRequest = null;
+    }
+  }
+  async executeCheck(text) {
+    var _a, _b, _c, _d, _e, _f;
+    try {
+      const response = await fetch(this.apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ text: text.trim(), maxSuggestions: 3 }),
+        signal: AbortSignal.timeout(1e4)
+      });
+      if (!response.ok) {
+        console.error("❌ GrammarCheck: API error:", response.status);
+        return [];
+      }
+      const result = await response.json();
+      const foundErrors = [];
+      if ((_c = (_b = (_a = result.data) == null ? void 0 : _a.corrections) == null ? void 0 : _b.spelling) == null ? void 0 : _c.errors) {
+        result.data.corrections.spelling.errors.forEach((err, idx) => {
+          foundErrors.push({
+            type: "spelling",
+            original: err.original,
+            suggestions: err.suggestions || [],
+            index: idx
+          });
+        });
+      }
+      if ((_f = (_e = (_d = result.data) == null ? void 0 : _d.corrections) == null ? void 0 : _e.grammar) == null ? void 0 : _f.errors) {
+        result.data.corrections.grammar.errors.forEach((err, idx) => {
+          foundErrors.push({
+            type: "grammar",
+            original: err.original || text,
+            suggestions: [err.suggestion],
+            index: foundErrors.length + idx,
+            issue: err.issue
+          });
+        });
+      }
+      this.cache.set(text.trim(), foundErrors);
+      if (this.cache.size > 30) {
+        const firstKey = this.cache.keys().next().value;
+        if (firstKey) {
+          this.cache.delete(firstKey);
+        }
+      }
+      return foundErrors;
+    } catch (error) {
+      console.error("❌ GrammarCheck: Check failed:", error);
+      return [];
+    }
+  }
+}
+function CombinedAutocompleteGrammarPlugin({
+  onQueryChange,
+  onSelectOption,
+  minMatchLength = 2,
+  maxSuggestions = 10,
+  apiEndpoint = "api/ai/process",
+  enableAI = true,
+  debounceDelay = 200
+}) {
+  const [editor] = useLexicalComposerContext();
+  const { updateToolbarState } = useToolbarState();
+  const [activeTab, setActiveTab] = useState$1("autocomplete");
+  const [queryString, setQueryString] = useState$1(null);
+  const [suggestions, setSuggestions] = useState$1([]);
+  const [selectedIndex, setSelectedIndex] = useState$1(0);
+  const [isLoading, setIsLoading] = useState$1(false);
+  const menuRef = useRef(null);
+  const anchorElementRef = useRef(null);
+  const [anchorElement, setAnchorElement] = useState$1(null);
+  const aiService = useRef(new AIService(apiEndpoint));
+  const debounceTimer = useRef(null);
+  const justSelectedOption = useRef(false);
+  const lastRequestTime = useRef(0);
+  const requestThrottle = 100;
+  const [errors, setErrors] = useState$1([]);
+  const [userDismissed, setUserDismissed] = useState$1(false);
+  const grammarService = useRef(new GrammarCheckService());
+  const checkTimeout = useRef();
+  const lastCheckedText = useRef("");
+  const highlightElementsRef = useRef([]);
+  const extractWordsFromEditor = useCallback(() => {
+    const words = /* @__PURE__ */ new Set();
+    STATIC_SUGGESTIONS.forEach((word) => words.add(word));
     editor.getEditorState().read(() => {
       const root2 = $getRoot();
       const textContent = root2.getTextContent();
@@ -24292,17 +24518,12 @@ function AutocompletePlugin({
         return [];
       }
       if (justSelectedOption.current) {
-        console.log(
-          "🚫 AutocompletePlugin: Skipping AI request - just selected option"
-        );
         return [];
       }
       const now2 = Date.now();
       if (now2 - lastRequestTime.current < requestThrottle) {
-        console.log("🚫 AutocompletePlugin: Throttling AI request");
         return [];
       }
-      console.log("🤖 AutocompletePlugin: Getting AI suggestions for:", query);
       setIsLoading(true);
       lastRequestTime.current = now2;
       let lastSentence = "";
@@ -24341,11 +24562,8 @@ function AutocompletePlugin({
       try {
         const result = await aiService.current.getIntelligentSuggestions(
           query,
-          // currentWord
           lastSentence,
-          // text (the sentence to correct)
           maxSuggestions
-          // maxSuggestions
         );
         const aiOptions = [];
         if (result) {
@@ -24418,10 +24636,6 @@ function AutocompletePlugin({
             });
           }
         }
-        console.log(
-          "✅ AutocompletePlugin: AI sentence corrections received:",
-          aiOptions
-        );
         return aiOptions.slice(0, Math.floor(maxSuggestions * 0.8));
       } catch (error) {
         console.error("❌ AutocompletePlugin: AI suggestions failed:", error);
@@ -24430,7 +24644,7 @@ function AutocompletePlugin({
         setIsLoading(false);
       }
     },
-    [enableAI, minMatchLength, maxSuggestions]
+    [enableAI, minMatchLength, maxSuggestions, editor]
   );
   const getTraditionalSuggestions = useCallback(
     (query) => {
@@ -24487,7 +24701,6 @@ function AutocompletePlugin({
       }, 100);
       return;
     }
-    console.log("🎯 AutocompletePlugin: Checking for autocomplete trigger");
     editor.update(() => {
       const selection = $getSelection();
       if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
@@ -24520,18 +24733,10 @@ function AutocompletePlugin({
     }
     if (queryString && !justSelectedOption.current) {
       debounceTimer.current = setTimeout(async () => {
-        console.log(
-          "🔄 AutocompletePlugin: Getting suggestions for:",
-          queryString
-        );
         const newSuggestions = await getCombinedSuggestions(queryString);
         setSuggestions(newSuggestions);
         setSelectedIndex(0);
         onQueryChange == null ? void 0 : onQueryChange(queryString);
-        console.log(
-          "🎯 AutocompletePlugin: Updated suggestions:",
-          newSuggestions
-        );
       }, debounceDelay);
     } else {
       setSuggestions([]);
@@ -24546,7 +24751,6 @@ function AutocompletePlugin({
   }, [queryString, getCombinedSuggestions, onQueryChange, debounceDelay]);
   const selectOption = useCallback(
     (option) => {
-      console.log("✅ AutocompletePlugin: Selecting option:", option);
       justSelectedOption.current = true;
       editor.update(() => {
         const selection = $getSelection();
@@ -24584,9 +24788,6 @@ function AutocompletePlugin({
             const newOffset = sentenceStart + option.displayText.length;
             selection.anchor.set(textNode.getKey(), newOffset, "text");
             selection.focus.set(textNode.getKey(), newOffset, "text");
-            console.log(
-              "✅ AutocompletePlugin: Sentence replaced successfully"
-            );
           }
         } else {
           let wordStart = anchorOffset;
@@ -24600,7 +24801,6 @@ function AutocompletePlugin({
             const newOffset = wordStart + option.displayText.length;
             selection.anchor.set(textNode.getKey(), newOffset, "text");
             selection.focus.set(textNode.getKey(), newOffset, "text");
-            console.log("✅ AutocompletePlugin: Word replaced successfully");
           }
         }
       });
@@ -24704,6 +24904,136 @@ function AutocompletePlugin({
       inputListener();
     };
   }, [editor, checkForAutocompleteTrigger]);
+  const checkGrammar = useCallback(async () => {
+    const isSlashActive = editor.getEditorState().read(() => {
+      const selection = $getSelection();
+      if (!$isRangeSelection(selection))
+        return false;
+      const anchor = selection.anchor;
+      const anchorNode = anchor.getNode();
+      const anchorOffset = anchor.offset;
+      const textContent = anchorNode.getTextContent();
+      let wordStart = anchorOffset;
+      while (wordStart > 0 && /[a-zA-Z0-9_']/.test(textContent[wordStart - 1])) {
+        wordStart--;
+      }
+      return wordStart > 0 && textContent[wordStart - 1] === "/";
+    });
+    if (isSlashActive) {
+      setErrors([]);
+      return;
+    }
+    const text = editor.getEditorState().read(() => $getRoot().getTextContent());
+    if (text === lastCheckedText.current) {
+      return;
+    }
+    if (Math.abs(text.length - lastCheckedText.current.length) > 20) {
+      setUserDismissed(false);
+    }
+    lastCheckedText.current = text;
+    if (!text || text.trim().length < 3) {
+      setErrors([]);
+      return;
+    }
+    const foundErrors = await grammarService.current.check(text);
+    setErrors(foundErrors);
+  }, [editor]);
+  useEffect$1(() => {
+    const unregister = editor.registerUpdateListener(() => {
+      clearTimeout(checkTimeout.current);
+      checkTimeout.current = window.setTimeout(checkGrammar, 2e3);
+    });
+    return () => {
+      unregister();
+      clearTimeout(checkTimeout.current);
+    };
+  }, [editor, checkGrammar]);
+  useEffect$1(() => {
+    highlightElementsRef.current.forEach((el) => {
+      el.classList.remove("spelling-error", "grammar-error");
+    });
+    highlightElementsRef.current = [];
+    if (errors.length === 0 || userDismissed)
+      return;
+    const timeoutId = setTimeout(() => {
+      const editorElement = document.querySelector(".ContentEditable__root");
+      if (!editorElement)
+        return;
+      const walker = document.createTreeWalker(
+        editorElement,
+        NodeFilter.SHOW_TEXT,
+        null
+      );
+      const textNodes = [];
+      let node;
+      while (node = walker.nextNode()) {
+        textNodes.push(node);
+      }
+      errors.forEach((error) => {
+        textNodes.forEach((textNode) => {
+          const nodeText = textNode.textContent || "";
+          const errorIndex = nodeText.toLowerCase().indexOf(error.original.toLowerCase());
+          if (errorIndex !== -1 && textNode.parentElement) {
+            const className = error.type === "spelling" ? "spelling-error" : "grammar-error";
+            if (textNode.parentElement.tagName === "SPAN") {
+              textNode.parentElement.classList.add(className);
+              highlightElementsRef.current.push(textNode.parentElement);
+            } else if (textNode.parentElement) {
+              const range = document.createRange();
+              range.setStart(textNode, errorIndex);
+              range.setEnd(textNode, Math.min(errorIndex + error.original.length, nodeText.length));
+              const span = document.createElement("span");
+              span.className = className;
+              span.setAttribute("data-error-type", error.type);
+              try {
+                range.surroundContents(span);
+                highlightElementsRef.current.push(span);
+              } catch (e) {
+                if (textNode.parentElement) {
+                  textNode.parentElement.classList.add(className);
+                  highlightElementsRef.current.push(textNode.parentElement);
+                }
+              }
+            }
+          }
+        });
+      });
+    }, 100);
+    return () => clearTimeout(timeoutId);
+  }, [errors, userDismissed]);
+  const applyCorrection = useCallback(
+    (suggestion, original, errorType) => {
+      editor.update(() => {
+        const root2 = $getRoot();
+        const currentText = root2.getTextContent();
+        const isSpellingError = errorType === "spelling";
+        let newText = currentText;
+        if (isSpellingError) {
+          const escapedOriginal = original.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          const regex = new RegExp(`\\b${escapedOriginal}\\b`, "gi");
+          newText = currentText.replace(regex, suggestion);
+        } else {
+          const escapedOriginal = original.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          const regex = new RegExp(escapedOriginal, "gi");
+          if (currentText.toLowerCase().includes(original.toLowerCase())) {
+            newText = currentText.replace(regex, suggestion);
+          } else {
+            newText = suggestion;
+          }
+        }
+        root2.clear();
+        const paragraph = $createParagraphNode();
+        const textNode = $createTextNode(newText);
+        paragraph.append(textNode);
+        root2.append(paragraph);
+      });
+      setTimeout(() => {
+        lastCheckedText.current = "";
+        checkGrammar();
+      }, 100);
+    },
+    [editor, checkGrammar]
+  );
   const calculateMenuPosition = useCallback(() => {
     if (!anchorElement)
       return { top: 0, left: 0 };
@@ -24736,10 +25066,7 @@ function AutocompletePlugin({
       try {
         document.body.removeChild(anchorElementRef.current);
       } catch (error) {
-        console.warn(
-          "🚨 AutocompletePlugin: Error removing existing anchor:",
-          error
-        );
+        console.warn("Error removing existing anchor:", error);
       }
     }
     document.body.appendChild(anchor);
@@ -24750,7 +25077,7 @@ function AutocompletePlugin({
         try {
           document.body.removeChild(anchorElementRef.current);
         } catch (error) {
-          console.warn("🚨 AutocompletePlugin: Error during cleanup:", error);
+          console.warn("Error during cleanup:", error);
         }
       }
     };
@@ -24779,76 +25106,171 @@ function AutocompletePlugin({
         return "outline";
     }
   };
-  if (!anchorElement || !queryString || suggestions.length === 0 && !isLoading) {
+  useEffect$1(() => {
+    const showAutocomplete2 = queryString && (suggestions.length > 0 || isLoading);
+    const showGrammar2 = errors.length > 0 && !userDismissed;
+    if (showAutocomplete2 && !showGrammar2) {
+      setActiveTab("autocomplete");
+    } else if (showGrammar2 && !showAutocomplete2) {
+      setActiveTab("grammar");
+    }
+  }, [queryString, suggestions.length, isLoading, errors.length, userDismissed]);
+  const showAutocomplete = queryString && (suggestions.length > 0 || isLoading);
+  const showGrammar = errors.length > 0 && !userDismissed;
+  if (!anchorElement || !showAutocomplete && !showGrammar) {
     return null;
   }
   return createPortal(
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       Card,
       {
         ref: menuRef,
-        className: "cteditor-w-80 cteditor-max-h-64 cteditor-overflow-y-auto cteditor-shadow-lg cteditor-border cteditor-bg-background cteditor-rounded-md",
-        children: /* @__PURE__ */ jsxs(CardContent, { className: "cteditor-p-2", children: [
-          isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-p-3 cteditor-text-sm cteditor-text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "cteditor-h-4 cteditor-w-4 cteditor-rounded-full" }),
-            /* @__PURE__ */ jsx("span", { children: "Getting AI suggestions..." })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "cteditor-space-y-1", children: suggestions.map((option, index2) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn$1(
-                "cteditor-flex cteditor-items-start cteditor-gap-3 cteditor-p-3 cteditor-rounded-md cteditor-cursor-pointer cteditor-transition-colors cteditor-text-sm",
-                index2 === selectedIndex ? "cteditor-bg-foreground/5" : "hover:cteditor-bg-red"
-              ),
-              onClick: () => selectOption(option),
-              onMouseEnter: () => setSelectedIndex(index2),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn$1(
-                      "cteditor-mt-0.5",
-                      index2 === selectedIndex ? "cteditor-text-primary" : "cteditor-text-primary"
-                    ),
-                    children: getSuggestionIcon(option.type)
-                  }
+        className: "sm:cteditor-w-[28rem] sm:cteditor-max-w-md cteditor-w-[20rem] cteditor-max-w-xs cteditor-max-h-64 cteditor-overflow-hidden cteditor-shadow-lg cteditor-border cteditor-bg-background cteditor-rounded-md",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-border-b cteditor-bg-muted/30", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setActiveTab("autocomplete"),
+                className: cn$1(
+                  "cteditor-flex-1 cteditor-px-4 cteditor-py-2 cteditor-text-sm cteditor-font-medium cteditor-transition-colors",
+                  activeTab === "autocomplete" ? "cteditor-bg-background cteditor-text-foreground cteditor-border-b-2 cteditor-border-primary" : "cteditor-text-muted-foreground hover:cteditor-text-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-inline cteditor-size-4 cteditor-mr-2" }),
+                  "Autocomplete"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setActiveTab("grammar"),
+                className: cn$1(
+                  "cteditor-flex-1 cteditor-px-4 cteditor-py-2 cteditor-text-sm cteditor-font-medium cteditor-transition-colors",
+                  activeTab === "grammar" ? "cteditor-bg-background cteditor-text-foreground cteditor-border-b-2 cteditor-border-primary" : "cteditor-text-muted-foreground hover:cteditor-text-foreground"
                 ),
-                /* @__PURE__ */ jsxs("div", { className: "cteditor-flex-1 cteditor-min-w-0", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-mb-2", children: [
+                children: [
+                  /* @__PURE__ */ jsx(CheckCircle, { className: "cteditor-inline cteditor-size-4 cteditor-mr-2" }),
+                  "Grammar & Spelling",
+                  errors.length > 0 && /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "cteditor-ml-2 cteditor-text-xs", children: errors.length })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "cteditor-p-2 cteditor-max-h-56 cteditor-overflow-y-auto", children: [
+            activeTab === "autocomplete" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-p-3 cteditor-text-sm cteditor-text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Skeleton, { className: "cteditor-h-4 cteditor-w-4 cteditor-rounded-full" }),
+                /* @__PURE__ */ jsx("span", { children: "Getting AI suggestions..." })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "cteditor-space-y-1", children: suggestions.map((option, index2) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn$1(
+                    "cteditor-flex cteditor-items-start cteditor-gap-3 cteditor-p-3 cteditor-rounded-md cteditor-cursor-pointer cteditor-transition-colors cteditor-text-sm",
+                    index2 === selectedIndex ? "cteditor-bg-foreground/5" : "hover:cteditor-bg-muted/50"
+                  ),
+                  onClick: () => selectOption(option),
+                  onMouseEnter: () => setSelectedIndex(index2),
+                  children: [
                     /* @__PURE__ */ jsx(
-                      Badge,
+                      "div",
                       {
-                        variant: index2 === selectedIndex ? "secondary" : getSuggestionVariant(option.type),
-                        className: "cteditor-text-xs cteditor-border cteditor-border-foreground/20 cteditor-rounded-2xl !cteditor-font-normal ",
-                        children: option.type
+                        className: cn$1(
+                          "cteditor-mt-0.5",
+                          index2 === selectedIndex ? "cteditor-text-primary" : "cteditor-text-primary"
+                        ),
+                        children: getSuggestionIcon(option.type)
                       }
                     ),
-                    option.confidence && /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-px-2 cteditor-py-0.5 cteditor-rounded-md cteditor-bg-muted/50 cteditor-text-foreground", children: option.confidence })
-                  ] }),
-                  /* @__PURE__ */ jsx("p", { className: "cteditor-leading-relaxed cteditor-break-words", children: option.displayText })
-                ] })
-              ]
-            },
-            option.key
-          )) }),
-          /* @__PURE__ */ jsx("div", { className: "cteditor-mt-1 cteditor-pt-1 cteditor-border-t cteditor-sticky cteditor-bottom-0 cteditor-bg-background", children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2 cteditor-text-muted-foreground hover:cteditor-text-foreground",
-              onClick: () => {
-                setQueryString(null);
-                setSuggestions([]);
-                updateToolbarState("isAutocompleteEnabled", false);
-              },
-              children: [
-                /* @__PURE__ */ jsx(Ban, { className: "!cteditor-size-3" }),
-                "Disable Autocorrection"
-              ]
-            }
-          ) })
-        ] })
+                    /* @__PURE__ */ jsxs("div", { className: "cteditor-flex-1 cteditor-min-w-0", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-mb-2", children: [
+                        /* @__PURE__ */ jsx(
+                          Badge,
+                          {
+                            variant: index2 === selectedIndex ? "secondary" : getSuggestionVariant(option.type),
+                            className: "cteditor-text-xs cteditor-border cteditor-border-foreground/20 cteditor-rounded-2xl !cteditor-font-normal",
+                            children: option.type
+                          }
+                        ),
+                        option.confidence && /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-px-2 cteditor-py-0.5 cteditor-rounded-md cteditor-bg-muted/50 cteditor-text-foreground", children: option.confidence })
+                      ] }),
+                      /* @__PURE__ */ jsx("p", { className: "cteditor-leading-relaxed cteditor-break-words", children: option.displayText })
+                    ] })
+                  ]
+                },
+                option.key
+              )) }),
+              /* @__PURE__ */ jsx("div", { className: "cteditor-mt-1 cteditor-pt-1 cteditor-border-t cteditor-sticky cteditor-bottom-0 cteditor-bg-background", children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "cteditor-w-full cteditor-justify-start cteditor-gap-2 cteditor-text-muted-foreground hover:cteditor-text-foreground",
+                  onClick: () => {
+                    setQueryString(null);
+                    setSuggestions([]);
+                    updateToolbarState("isAutocompleteEnabled", false);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Ban, { className: "!cteditor-size-3" }),
+                    "Disable Autocomplete & Grammar Check"
+                  ]
+                }
+              ) })
+            ] }),
+            activeTab === "grammar" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "cteditor-space-y-2 cteditor-p-2", children: errors.map((error, idx) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-p-3 cteditor-rounded-md cteditor-bg-muted/50 cteditor-border",
+                  children: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex-1", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-mb-1", children: [
+                      /* @__PURE__ */ jsx(
+                        Badge,
+                        {
+                          variant: error.type === "spelling" ? "destructive" : "default",
+                          className: "cteditor-text-xs",
+                          children: error.type
+                        }
+                      ),
+                      error.confidence && /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: error.confidence })
+                    ] }),
+                    /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-line-through cteditor-text-red-600 cteditor-mb-1", children: error.original }),
+                    error.suggestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "cteditor-space-y-1", children: error.suggestions.slice(0, 2).map((suggestion, sIdx) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: () => applyCorrection(suggestion, error.original, error.type),
+                        className: "cteditor-block cteditor-w-full cteditor-text-left cteditor-text-sm cteditor-text-green-600 hover:cteditor-text-green-700 cteditor-px-2 cteditor-py-1 cteditor-rounded cteditor-bg-green-50 hover:cteditor-bg-green-100",
+                        children: suggestion
+                      },
+                      sIdx
+                    )) })
+                  ] })
+                },
+                idx
+              )) }),
+              /* @__PURE__ */ jsx("div", { className: "cteditor-mt-1 cteditor-pt-1 cteditor-border-t cteditor-sticky cteditor-bottom-0 cteditor-bg-background", children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "cteditor-w-full cteditor-justify-start cteditor-gap-2 cteditor-text-muted-foreground hover:cteditor-text-foreground",
+                  onClick: () => {
+                    setUserDismissed(true);
+                    setErrors([]);
+                    updateToolbarState("isGrammarCheckEnabled", false);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Ban, { className: "!cteditor-size-3" }),
+                    "Disable Autocomplete & Grammar Check"
+                  ]
+                }
+              ) })
+            ] })
+          ] })
+        ]
       }
     ),
     anchorElement
@@ -25048,6 +25470,174 @@ const CommentBubblePlugin = () => {
   }, [editor, getCommentById]);
   return null;
 };
+const ACCEPTABLE_IMAGE_TYPES = [
+  "image/",
+  "image/heic",
+  "image/heif",
+  "image/gif",
+  "image/webp",
+  "image/png",
+  "image/jpg",
+  "image/jpeg",
+  "image/svg+xml"
+];
+const ACCEPTABLE_APPLICATION_TYPES = [
+  "application/pdf",
+  "application/msword",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+];
+const fileToDataURL = (file) => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+  });
+};
+function DragDropPaste() {
+  const [editor] = useLexicalComposerContext();
+  const [isDragging, setIsDragging] = useState$1(false);
+  const apiKey = void 0;
+  const { uploadFileToS3 } = useS3Uploader(apiKey);
+  useEffect$1(() => {
+    const handleDragEnter = (e) => {
+      var _a, _b;
+      e.preventDefault();
+      e.stopPropagation();
+      const hasFiles = (_a = e.dataTransfer) == null ? void 0 : _a.types.includes("Files");
+      const hasImages = (_b = e.dataTransfer) == null ? void 0 : _b.types.some(
+        (type) => type === "text/html" || type === "text/uri-list"
+      );
+      if (hasFiles || hasImages) {
+        setIsDragging(true);
+        const editorEl = editor.getRootElement();
+        if (editorEl) {
+          editorEl.style.backgroundColor = "rgba(59, 130, 246, 0.05)";
+          editorEl.style.border = "2px dashed rgb(59, 130, 246)";
+          editorEl.style.borderRadius = "8px";
+        }
+      }
+    };
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (e.dataTransfer) {
+        e.dataTransfer.dropEffect = "copy";
+      }
+    };
+    const handleDragLeave = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const editorEl = editor.getRootElement();
+      if (e.relatedTarget === null || editorEl && !editorEl.contains(e.relatedTarget)) {
+        setIsDragging(false);
+        if (editorEl) {
+          editorEl.style.backgroundColor = "";
+          editorEl.style.border = "";
+          editorEl.style.borderRadius = "";
+        }
+      }
+    };
+    const handleDrop = (e) => {
+      var _a, _b, _c;
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(false);
+      const editorEl = editor.getRootElement();
+      if (editorEl) {
+        editorEl.style.backgroundColor = "";
+        editorEl.style.border = "";
+        editorEl.style.borderRadius = "";
+      }
+      const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
+      if (files && files.length > 0) {
+        console.log("File drop detected, letting DRAG_DROP_PASTE command handle it");
+        return;
+      }
+      const html = (_b = e.dataTransfer) == null ? void 0 : _b.getData("text/html");
+      if (html) {
+        const tempDiv = document.createElement("div");
+        tempDiv.innerHTML = html;
+        const img = tempDiv.querySelector("img");
+        if (img && img.src) {
+          editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+            altText: img.alt || "Dragged image",
+            src: img.src
+          });
+          console.log("Image from web browser inserted:", img.src);
+          return;
+        }
+      }
+      const uriList = (_c = e.dataTransfer) == null ? void 0 : _c.getData("text/uri-list");
+      if (uriList) {
+        const urls = uriList.split("\n").filter((url) => url.trim().length > 0);
+        urls.forEach((url) => {
+          if (/\.(jpg|jpeg|png|gif|webp|svg)$/i.test(url)) {
+            editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+              altText: "Dragged image",
+              src: url.trim()
+            });
+            console.log("Image from URL inserted:", url);
+          }
+        });
+      }
+    };
+    const editorElement = editor.getRootElement();
+    if (editorElement) {
+      editorElement.addEventListener("dragenter", handleDragEnter);
+      editorElement.addEventListener("dragover", handleDragOver);
+      editorElement.addEventListener("dragleave", handleDragLeave);
+      editorElement.addEventListener("drop", handleDrop);
+      return () => {
+        editorElement.removeEventListener("dragenter", handleDragEnter);
+        editorElement.removeEventListener("dragover", handleDragOver);
+        editorElement.removeEventListener("dragleave", handleDragLeave);
+        editorElement.removeEventListener("drop", handleDrop);
+      };
+    }
+  }, [editor]);
+  useEffect$1(() => {
+    return editor.registerCommand(
+      DRAG_DROP_PASTE,
+      (files) => {
+        (async () => {
+          const filesResult = await mediaFileReader(files, [
+            ...ACCEPTABLE_IMAGE_TYPES,
+            ...ACCEPTABLE_APPLICATION_TYPES
+          ]);
+          for (const { file, result } of filesResult) {
+            let fileUrl;
+            try {
+              if (apiKey)
+                ;
+              else {
+                fileUrl = await fileToDataURL(file);
+                console.log("Using local data URL (no S3 upload)");
+              }
+            } catch (error) {
+              console.error("Upload failed, using local data URL:", error);
+              fileUrl = await fileToDataURL(file);
+            }
+            if (isMimeType(file, ACCEPTABLE_IMAGE_TYPES)) {
+              editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+                altText: file.name,
+                src: fileUrl
+              });
+            } else if (isMimeType(file, ACCEPTABLE_APPLICATION_TYPES)) {
+              editor.dispatchCommand(INSERT_FILE_COMMAND, {
+                linkText: file.name || "Download File",
+                src: fileUrl
+              });
+            }
+          }
+        })();
+        return true;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+  }, [editor, apiKey, uploadFileToS3]);
+  return null;
+}
 const FloatingEmbedMenuPlugin$1 = "";
 function FloatingEmbedMenu({
   editor,
@@ -25815,19 +26405,15 @@ function FloatingLinkEditor({
     "div",
     {
       ref: editorRef,
-      className: "link-editor cteditor-bg-background cteditor-border cteditor-border-border cteditor-rounded-xl cteditor-shadow-2xl cteditor-overflow-hidden cteditor-backdrop-blur-sm",
-      style: {
-        background: "linear-gradient(135deg, hsl(var(--cteditor-background)) 0%, hsl(var(--cteditor-accent) / 0.05) 100%)",
-        minWidth: "200px"
-      },
+      className: "link-editor  cteditor-border cteditor-border-background/20 cteditor-rounded-md cteditor-shadow-2xl cteditor-overflow-hidden cteditor-backdrop-blur-sm",
       children: shouldShowEditMode ? (
         // EDIT MODE - Input to edit URL
-        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-p-1 cteditor-w-full", children: [
           /* @__PURE__ */ jsx("div", { className: "cteditor-flex-1", children: /* @__PURE__ */ jsx(
             "input",
             {
               ref: inputRef,
-              className: "link-input cteditor-w-full cteditor-px-4 cteditor-py-2.5 cteditor-text-sm cteditor-border cteditor-border-border/50 cteditor-rounded-lg cteditor-bg-background focus:cteditor-bg-background focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-primary/50 focus:cteditor-border-primary cteditor-transition-all cteditor-duration-200 placeholder:cteditor-text-muted-foreground cteditor-font-medium",
+              className: "link-input cteditor-w-full cteditor-px-4 cteditor-py-2.5 cteditor-text-sm cteditor-border cteditor-border-background/20 cteditor-rounded-md cteditor-bg-transparent cteditor-transition-all cteditor-duration-200 cteditor-text-background placeholder:cteditor-text-background cteditor-font-medium cteditor-outline-background/30",
               value: editedLinkUrl,
               placeholder: "Enter URL (e.g., https://example.com)",
               onChange: (event) => setEditedLinkUrl(event.target.value),
@@ -25846,7 +26432,7 @@ function FloatingLinkEditor({
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-primary cteditor-text-primary-foreground hover:cteditor-bg-primary/90 cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95 cteditor-shadow-md hover:cteditor-shadow-lg",
+              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-background hover:cteditor-bg-background/80 cteditor-text-foreground hover:cteditor-text-foreground cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95",
               onClick: handleLinkSubmission,
               title: "Save link",
               children: /* @__PURE__ */ jsx(Check, { className: "cteditor-size-4" })
@@ -25855,7 +26441,7 @@ function FloatingLinkEditor({
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-muted hover:cteditor-bg-muted/80 cteditor-text-muted-foreground hover:cteditor-text-foreground cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95",
+              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-background hover:cteditor-bg-background/80 cteditor-text-foreground hover:cteditor-text-foreground cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95",
               onClick: () => {
                 setIsLinkEditMode(false);
                 setShowUrlView(true);
@@ -27007,6 +27593,203 @@ function NewMentionsPlugin({
     }
   );
 }
+function RichTextPastePlugin() {
+  const [editor] = useLexicalComposerContext();
+  useEffect$1(() => {
+    return editor.registerCommand(
+      PASTE_COMMAND,
+      (event) => {
+        const clipboardData = event.clipboardData;
+        if (!clipboardData)
+          return false;
+        const htmlContent = clipboardData.getData("text/html");
+        const plainText = clipboardData.getData("text/plain");
+        if (htmlContent) {
+          event.preventDefault();
+          handleHtmlPaste(htmlContent);
+          return true;
+        } else if (plainText) {
+          event.preventDefault();
+          handleMarkdownPaste(plainText);
+          return true;
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+  }, [editor]);
+  const handleHtmlPaste = (htmlContent) => {
+    editor.update(() => {
+      const selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        const tempDiv = document.createElement("div");
+        tempDiv.innerHTML = htmlContent;
+        const processNode = (node) => {
+          if (node.nodeType === Node.TEXT_NODE) {
+            const text = node.textContent || "";
+            const textNode = $createTextNode(text);
+            if (node.parentElement) {
+              if (node.parentElement.tagName === "STRONG" || node.parentElement.tagName === "B") {
+                textNode.setFormat("bold");
+              }
+              if (node.parentElement.tagName === "EM" || node.parentElement.tagName === "I") {
+                textNode.setFormat("italic");
+              }
+              if (node.parentElement.tagName === "U") {
+                textNode.setFormat("underline");
+              }
+              if (node.parentElement.tagName === "CODE") {
+                textNode.setFormat("code");
+              }
+              if (node.parentElement.tagName === "STRIKE" || node.parentElement.tagName === "S") {
+                textNode.setFormat("strikethrough");
+              }
+              if (node.parentElement.tagName === "SUB") {
+                textNode.setFormat("subscript");
+              }
+              if (node.parentElement.tagName === "SUP") {
+                textNode.setFormat("superscript");
+              }
+            }
+            return textNode;
+          }
+          if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            if (element.tagName === "UL" || element.tagName === "OL") {
+              const listNode = $createListNode(
+                element.tagName === "UL" ? "bullet" : "number"
+              );
+              Array.from(element.childNodes).forEach((child) => {
+                if (child.nodeType === Node.ELEMENT_NODE && child.tagName === "LI") {
+                  const listItemNode = $createListItemNode();
+                  Array.from(child.childNodes).forEach((grandChild) => {
+                    const processedNode = processNode(grandChild);
+                    if (processedNode) {
+                      if (Array.isArray(processedNode)) {
+                        processedNode.forEach(
+                          (node2) => listItemNode.append(node2)
+                        );
+                      } else {
+                        listItemNode.append(processedNode);
+                      }
+                    }
+                  });
+                  listNode.append(listItemNode);
+                }
+              });
+              return listNode;
+            }
+            if (element.tagName.match(/^H[1-6]$/)) {
+              const headingNode = $createHeadingNode(
+                element.tagName.toLowerCase()
+              );
+              Array.from(element.childNodes).forEach((child) => {
+                const processedNode = processNode(child);
+                if (processedNode) {
+                  if (Array.isArray(processedNode)) {
+                    processedNode.forEach((node2) => headingNode.append(node2));
+                  } else {
+                    headingNode.append(processedNode);
+                  }
+                }
+              });
+              return headingNode;
+            }
+            if (element.tagName === "P") {
+              const paragraphNode = $createParagraphNode();
+              Array.from(element.childNodes).forEach((child) => {
+                const processedNode = processNode(child);
+                if (processedNode) {
+                  if (Array.isArray(processedNode)) {
+                    processedNode.forEach((node2) => paragraphNode.append(node2));
+                  } else {
+                    paragraphNode.append(processedNode);
+                  }
+                }
+              });
+              return paragraphNode;
+            }
+            const nodes = [];
+            Array.from(element.childNodes).forEach((child) => {
+              const processedNode = processNode(child);
+              if (processedNode) {
+                if (Array.isArray(processedNode)) {
+                  nodes.push(...processedNode);
+                } else {
+                  nodes.push(processedNode);
+                }
+              }
+            });
+            return nodes;
+          }
+          return null;
+        };
+        const processedNodes = processNode(tempDiv);
+        if (processedNodes) {
+          if (Array.isArray(processedNodes)) {
+            selection.insertNodes(processedNodes);
+          } else {
+            selection.insertNodes([processedNodes]);
+          }
+        }
+      }
+    });
+  };
+  const handleMarkdownPaste = (text) => {
+    editor.update(() => {
+      const selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        const lines = text.split("\n");
+        const nodes = [];
+        lines.forEach((line) => {
+          const headingMatch = line.match(/^(#{1,6})\s+(.+)$/);
+          if (headingMatch) {
+            const level = headingMatch[1].length;
+            const content = headingMatch[2];
+            const headingNode = $createHeadingNode(
+              `h${level}`
+            );
+            headingNode.append($createTextNode(content));
+            nodes.push(headingNode);
+            return;
+          }
+          const bulletMatch = line.match(/^-\s+(.+)$/);
+          if (bulletMatch) {
+            const listNode = $createListNode("bullet");
+            const listItemNode = $createListItemNode();
+            listItemNode.append($createTextNode(bulletMatch[1]));
+            listNode.append(listItemNode);
+            nodes.push(listNode);
+            return;
+          }
+          const numberedMatch = line.match(/^\d+\.\s+(.+)$/);
+          if (numberedMatch) {
+            const listNode = $createListNode("number");
+            const listItemNode = $createListItemNode();
+            listItemNode.append($createTextNode(numberedMatch[1]));
+            listNode.append(listItemNode);
+            nodes.push(listNode);
+            return;
+          }
+          const textNode = $createTextNode(line);
+          if (line.includes("**") || line.includes("__")) {
+            textNode.setFormat("bold");
+          }
+          if (line.includes("*") || line.includes("_")) {
+            textNode.setFormat("italic");
+          }
+          if (line.includes("***") || line.includes("___")) {
+            textNode.setFormat("bold");
+            textNode.setFormat("italic");
+          }
+          nodes.push(textNode);
+        });
+        selection.insertNodes(nodes);
+      }
+    });
+  };
+  return null;
+}
 function useModal() {
   const [modalContent, setModalContent] = useState$1(null);
   const onClose = useCallback(() => {
@@ -27552,8 +28335,79 @@ function TableActionMenu({
         for (let i2 = 0; i2 < selectionCounts.columns; i2++) {
           $insertTableColumn__EXPERIMENTAL(shouldInsertAfter);
         }
+        const selection = $getSelection();
+        if ($isRangeSelection(selection) || $isTableSelection(selection)) {
+          const [cell] = $getNodeTriplet(selection.anchor);
+          if ($isTableCellNode(cell)) {
+            const tableNode = $getTableNodeFromLexicalNodeOrThrow(cell);
+            const rows = tableNode.getChildren();
+            if (rows.length > 0 && $isTableRowNode(rows[0])) {
+              const firstRow = rows[0];
+              const firstRowCells = firstRow.getChildren();
+              if (firstRowCells.length > 0 && $isTableCellNode(firstRowCells[0])) {
+                const firstCell = firstRowCells[0];
+                const hasColumnHeaders = (firstCell.getHeaderStyles() & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN;
+                if (hasColumnHeaders) {
+                  const headerBackgroundColor = firstCell.getBackgroundColor();
+                  for (let i2 = 0; i2 < selectionCounts.columns; i2++) {
+                    const newHeaderCellIndex = firstRowCells.length - 1 - i2;
+                    if (newHeaderCellIndex >= 0) {
+                      const newHeaderCell = firstRowCells[newHeaderCellIndex];
+                      if ($isTableCellNode(newHeaderCell)) {
+                        newHeaderCell.setHeaderStyles(TableCellHeaderStates.COLUMN);
+                        if (headerBackgroundColor) {
+                          newHeaderCell.setBackgroundColor(headerBackgroundColor);
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
         onClose();
       });
+      requestAnimationFrame(() => {
+        const applyHeaderStyles = () => {
+          const rootElement = editor.getRootElement();
+          if (!rootElement)
+            return false;
+          const tables = rootElement.querySelectorAll("table");
+          tables.forEach((table) => {
+            const rows = table.querySelectorAll("tr");
+            if (rows.length > 0) {
+              const firstRow = rows[0];
+              const cells = firstRow.querySelectorAll("th, td");
+              if (cells.length > 1) {
+                const firstHeaderCell = cells[0];
+                const headerColor = firstHeaderCell.getAttribute("data-header-color");
+                const textColor = firstHeaderCell.getAttribute("data-text-color");
+                if (headerColor && textColor) {
+                  for (let i2 = 0; i2 < selectionCounts.columns; i2++) {
+                    const cellIndex = cells.length - 1 - i2;
+                    if (cellIndex >= 0) {
+                      const newCell = cells[cellIndex];
+                      newCell.setAttribute("data-header-color", headerColor);
+                      newCell.setAttribute("data-text-color", textColor);
+                      newCell.style.setProperty("background-color", headerColor, "important");
+                      newCell.style.setProperty("color", textColor, "important");
+                      newCell.style.setProperty("padding", "8px", "important");
+                      newCell.style.setProperty("border", "1px solid #ddd", "important");
+                      newCell.style.setProperty("font-weight", "bold", "important");
+                      newCell.style.setProperty("white-space", "nowrap", "important");
+                    }
+                  }
+                }
+              }
+            }
+          });
+          return true;
+        };
+        if (!applyHeaderStyles()) {
+          setTimeout(applyHeaderStyles, 100);
+        }
+      });
     },
     [editor, onClose, selectionCounts.columns]
   );
@@ -28550,12 +29404,75 @@ function TableHoverActionsContainer({
         } else {
           $insertTableColumn__EXPERIMENTAL();
           setShownColumn(false);
+          const tableCellNode = $getNearestNodeFromDOMNode(tableCellDOMNodeRef.current);
+          if ($isTableCellNode(tableCellNode)) {
+            const tableNode = $findMatchingParent(
+              tableCellNode,
+              (node) => $isTableNode(node)
+            );
+            if ($isTableNode(tableNode)) {
+              const rows = tableNode.getChildren();
+              if (rows.length > 0) {
+                const firstRow = rows[0];
+                const firstRowCells = firstRow.getChildren();
+                if (firstRowCells.length > 0) {
+                  const firstCell = firstRowCells[0];
+                  const hasColumnHeaders = (firstCell.getHeaderStyles() & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN;
+                  if (hasColumnHeaders) {
+                    const newHeaderCell = firstRowCells[firstRowCells.length - 1];
+                    newHeaderCell.setHeaderStyles(TableCellHeaderStates.COLUMN);
+                    const headerBackgroundColor = firstCell.getBackgroundColor();
+                    if (headerBackgroundColor) {
+                      newHeaderCell.setBackgroundColor(headerBackgroundColor);
+                    }
+                  }
+                }
+              }
+            }
+          }
         }
       }
     });
-  };
-  if (!isEditable) {
-    return null;
+    if (!insertRow) {
+      requestAnimationFrame(() => {
+        const applyHeaderStyles = () => {
+          const rootElement = editor.getRootElement();
+          if (!rootElement)
+            return false;
+          const tables = rootElement.querySelectorAll("table");
+          tables.forEach((table) => {
+            const rows = table.querySelectorAll("tr");
+            if (rows.length > 0) {
+              const firstRow = rows[0];
+              const cells = firstRow.querySelectorAll("th, td");
+              if (cells.length > 1) {
+                const firstHeaderCell = cells[0];
+                const headerColor = firstHeaderCell.getAttribute("data-header-color");
+                const textColor = firstHeaderCell.getAttribute("data-text-color");
+                if (headerColor && textColor) {
+                  const lastCell = cells[cells.length - 1];
+                  lastCell.setAttribute("data-header-color", headerColor);
+                  lastCell.setAttribute("data-text-color", textColor);
+                  lastCell.style.setProperty("background-color", headerColor, "important");
+                  lastCell.style.setProperty("color", textColor, "important");
+                  lastCell.style.setProperty("padding", "8px", "important");
+                  lastCell.style.setProperty("border", "1px solid #ddd", "important");
+                  lastCell.style.setProperty("font-weight", "bold", "important");
+                  lastCell.style.setProperty("white-space", "nowrap", "important");
+                }
+              }
+            }
+          });
+          return true;
+        };
+        if (!applyHeaderStyles()) {
+          setTimeout(applyHeaderStyles, 100);
+        }
+      });
+    }
+  };
+  if (!isEditable) {
+    return null;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     isShownRow && /* @__PURE__ */ jsx(
@@ -28686,6 +29603,10 @@ function SlashMenuItem({
 function SlashCommandPlugin() {
   const [editor] = useLexicalComposerContext();
   const [queryString, setQueryString] = useState$1(null);
+  const menuRef = useRef(null);
+  const [menuPosition, setMenuPosition] = useState$1({ left: 0 });
+  const anchorRef = useRef(null);
+  const [isMenuOpen, setIsMenuOpen] = useState$1(false);
   const triggerFn = useBasicTypeaheadTriggerMatch("/", { minLength: 0 });
   const makeBlock = useCallback((cb) => {
     editor.update(() => {
@@ -28772,9 +29693,55 @@ function SlashCommandPlugin() {
         }
       });
       closeMenu();
+      setIsMenuOpen(false);
     },
     [editor]
   );
+  useEffect$1(() => {
+    if (!isMenuOpen) {
+      return;
+    }
+    const menu = menuRef.current;
+    const anchor = anchorRef.current;
+    if (!menu || !anchor) {
+      return;
+    }
+    const updatePosition = () => {
+      const menuRect = menu.getBoundingClientRect();
+      const viewportHeight = window.innerHeight;
+      const viewportWidth = window.innerWidth;
+      const anchorRect = anchor.getBoundingClientRect();
+      const spaceBelow = viewportHeight - anchorRect.bottom;
+      const spaceAbove = anchorRect.top;
+      const menuHeight = menuRect.height || 240;
+      const menuWidth = menuRect.width || 288;
+      let newPosition = { left: anchorRect.left };
+      if (spaceBelow >= menuHeight || spaceBelow >= spaceAbove) {
+        newPosition.top = anchorRect.bottom + 4;
+      } else {
+        newPosition.bottom = viewportHeight - anchorRect.top + 4;
+      }
+      if (anchorRect.left + menuWidth > viewportWidth) {
+        newPosition.left = Math.max(8, viewportWidth - menuWidth - 8);
+      } else {
+        newPosition.left = Math.max(8, anchorRect.left);
+      }
+      setMenuPosition((prev) => {
+        if (prev.top === newPosition.top && prev.bottom === newPosition.bottom && prev.left === newPosition.left) {
+          return prev;
+        }
+        return newPosition;
+      });
+    };
+    const timeoutId = setTimeout(updatePosition, 0);
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      clearTimeout(timeoutId);
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [isMenuOpen]);
   return /* @__PURE__ */ jsx(
     LexicalTypeaheadMenuPlugin,
     {
@@ -28782,31 +29749,52 @@ function SlashCommandPlugin() {
       onSelectOption,
       triggerFn,
       options,
-      menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current ? ReactDOM.createPortal(
-        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-72 cteditor-max-h-60 cteditor-overflow-y-auto no-scrollbar cteditor-backdrop-blur-md cteditor-shadow-xl cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-p-1.5 cteditor-bg-background", style: { position: "absolute" }, children: [
-          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-px-2 cteditor-py-1 cteditor-text-[11px] cteditor-text-muted-foreground", children: [
-            /* @__PURE__ */ jsx("span", { children: queryString ? "Search results" : "Quick actions" }),
-            /* @__PURE__ */ jsx("span", { className: "cteditor-hidden sm:cteditor-inline", children: "Type to filter" })
-          ] }),
-          options.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "cteditor-space-y-1", children: options.map((option, i2) => /* @__PURE__ */ jsx(
-            SlashMenuItem,
+      menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => {
+        anchorRef.current = anchorElementRef.current;
+        if (anchorElementRef.current && !isMenuOpen) {
+          setIsMenuOpen(true);
+        } else if (!anchorElementRef.current && isMenuOpen) {
+          setIsMenuOpen(false);
+        }
+        return anchorElementRef.current ? ReactDOM.createPortal(
+          /* @__PURE__ */ jsxs(
+            "div",
             {
-              index: i2,
-              isSelected: selectedIndex === i2,
-              onClick: () => {
-                setHighlightedIndex(i2);
-                selectOptionAndCleanUp(option);
-              },
-              onMouseEnter: () => {
-                setHighlightedIndex(i2);
+              ref: menuRef,
+              className: "cteditor-w-72 cteditor-max-h-60 cteditor-overflow-y-auto no-scrollbar cteditor-backdrop-blur-md cteditor-shadow-xl cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-p-1.5 cteditor-bg-background cteditor-z-50",
+              style: {
+                position: "fixed",
+                top: menuPosition.top,
+                bottom: menuPosition.bottom,
+                left: menuPosition.left
               },
-              option
-            },
-            option.key
-          )) }) : /* @__PURE__ */ jsx("div", { className: "cteditor-text-[11px] cteditor-text-muted-foreground cteditor-px-3 cteditor-py-2", children: "No results" })
-        ] }),
-        anchorElementRef.current
-      ) : null
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-px-2 cteditor-py-1 cteditor-text-[11px] cteditor-text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx("span", { children: queryString ? "Search results" : "Quick actions" }),
+                  /* @__PURE__ */ jsx("span", { className: "cteditor-hidden sm:cteditor-inline", children: "Type to filter" })
+                ] }),
+                options.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "cteditor-space-y-1", children: options.map((option, i2) => /* @__PURE__ */ jsx(
+                  SlashMenuItem,
+                  {
+                    index: i2,
+                    isSelected: selectedIndex === i2,
+                    onClick: () => {
+                      setHighlightedIndex(i2);
+                      selectOptionAndCleanUp(option);
+                    },
+                    onMouseEnter: () => {
+                      setHighlightedIndex(i2);
+                    },
+                    option
+                  },
+                  option.key
+                )) }) : /* @__PURE__ */ jsx("div", { className: "cteditor-text-[11px] cteditor-text-muted-foreground cteditor-px-3 cteditor-py-2", children: "No results" })
+              ]
+            }
+          ),
+          anchorElementRef.current
+        ) : null;
+      }
     }
   );
 }
@@ -28858,421 +29846,12 @@ const WordCountPlugin = () => {
     }
   );
 };
-const GrammarCheckPlugin$1 = "";
-class GrammarCheckService {
-  constructor() {
-    __publicField(this, "cache", /* @__PURE__ */ new Map());
-    __publicField(this, "apiEndpoint");
-    __publicField(this, "pendingRequest", null);
-    this.apiEndpoint = "https://api.cteditor.com/api/ai/process";
-  }
-  async check(text) {
-    if (!text || text.trim().length < 3) {
-      return [];
-    }
-    const cacheKey = text.trim();
-    if (this.cache.has(cacheKey)) {
-      return this.cache.get(cacheKey);
-    }
-    if (this.pendingRequest) {
-      return this.pendingRequest;
-    }
-    this.pendingRequest = this.executeCheck(text);
-    try {
-      const result = await this.pendingRequest;
-      return result;
-    } finally {
-      this.pendingRequest = null;
-    }
-  }
-  async executeCheck(text) {
-    var _a, _b, _c, _d, _e, _f;
-    try {
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ text: text.trim(), maxSuggestions: 3 }),
-        signal: AbortSignal.timeout(1e4)
-      });
-      if (!response.ok) {
-        console.error("❌ GrammarCheck: API error:", response.status);
-        return [];
-      }
-      const result = await response.json();
-      const foundErrors = [];
-      if ((_c = (_b = (_a = result.data) == null ? void 0 : _a.corrections) == null ? void 0 : _b.spelling) == null ? void 0 : _c.errors) {
-        result.data.corrections.spelling.errors.forEach((err, idx) => {
-          foundErrors.push({
-            type: "spelling",
-            original: err.original,
-            suggestions: err.suggestions || [],
-            index: idx
-          });
-        });
-      }
-      if ((_f = (_e = (_d = result.data) == null ? void 0 : _d.corrections) == null ? void 0 : _e.grammar) == null ? void 0 : _f.errors) {
-        result.data.corrections.grammar.errors.forEach((err, idx) => {
-          foundErrors.push({
-            type: "grammar",
-            original: err.original || text,
-            suggestions: [err.suggestion],
-            index: foundErrors.length + idx,
-            issue: err.issue
-          });
-        });
-      }
-      this.cache.set(text.trim(), foundErrors);
-      if (this.cache.size > 30) {
-        const firstKey = this.cache.keys().next().value;
-        if (firstKey) {
-          this.cache.delete(firstKey);
-        }
-      }
-      return foundErrors;
-    } catch (error) {
-      console.error("❌ GrammarCheck: Check failed:", error);
-      return [];
-    }
-  }
-}
-function GrammarCheckPlugin() {
-  const [editor] = useLexicalComposerContext();
-  const { updateToolbarState } = useToolbarState();
-  const [errors, setErrors] = useState$1([]);
-  const [tooltip, setTooltip] = useState$1(null);
-  const [userDismissed, setUserDismissed] = useState$1(false);
-  const grammarService = useRef(new GrammarCheckService());
-  const checkTimeout = useRef();
-  const lastCheckedText = useRef("");
-  const highlightElementsRef = useRef([]);
-  const checkGrammar = useCallback(async () => {
-    const isSlashActive = editor.getEditorState().read(() => {
-      const selection = $getSelection();
-      if (!$isRangeSelection(selection))
-        return false;
-      const anchor = selection.anchor;
-      const anchorNode = anchor.getNode();
-      const anchorOffset = anchor.offset;
-      const textContent = anchorNode.getTextContent();
-      let wordStart = anchorOffset;
-      while (wordStart > 0 && /[a-zA-Z0-9_']/.test(textContent[wordStart - 1])) {
-        wordStart--;
-      }
-      return wordStart > 0 && textContent[wordStart - 1] === "/";
-    });
-    if (isSlashActive) {
-      setErrors([]);
-      return;
-    }
-    const text = editor.getEditorState().read(() => $getRoot().getTextContent());
-    if (text === lastCheckedText.current) {
-      return;
-    }
-    if (Math.abs(text.length - lastCheckedText.current.length) > 20) {
-      setUserDismissed(false);
-    }
-    lastCheckedText.current = text;
-    if (!text || text.trim().length < 3) {
-      setErrors([]);
-      return;
-    }
-    const foundErrors = await grammarService.current.check(text);
-    setErrors(foundErrors);
-  }, [editor]);
-  useEffect$1(() => {
-    const unregister = editor.registerUpdateListener(() => {
-      clearTimeout(checkTimeout.current);
-      checkTimeout.current = window.setTimeout(checkGrammar, 2e3);
-    });
-    return () => {
-      unregister();
-      clearTimeout(checkTimeout.current);
-    };
-  }, [editor, checkGrammar]);
-  useEffect$1(() => {
-    highlightElementsRef.current.forEach((el) => {
-      el.classList.remove("spelling-error", "grammar-error");
-    });
-    highlightElementsRef.current = [];
-    if (errors.length === 0 || userDismissed)
-      return;
-    const timeoutId = setTimeout(() => {
-      const editorElement = document.querySelector(".ContentEditable__root");
-      if (!editorElement)
-        return;
-      const walker = document.createTreeWalker(
-        editorElement,
-        NodeFilter.SHOW_TEXT,
-        null
-      );
-      const textNodes = [];
-      let node;
-      while (node = walker.nextNode()) {
-        textNodes.push(node);
-      }
-      errors.forEach((error) => {
-        textNodes.forEach((textNode) => {
-          const nodeText = textNode.textContent || "";
-          const errorIndex = nodeText.toLowerCase().indexOf(error.original.toLowerCase());
-          if (errorIndex !== -1 && textNode.parentElement) {
-            const className = error.type === "spelling" ? "spelling-error" : "grammar-error";
-            if (textNode.parentElement.tagName === "SPAN") {
-              textNode.parentElement.classList.add(className);
-              highlightElementsRef.current.push(textNode.parentElement);
-            } else if (textNode.parentElement) {
-              const range = document.createRange();
-              range.setStart(textNode, errorIndex);
-              range.setEnd(textNode, Math.min(errorIndex + error.original.length, nodeText.length));
-              const span = document.createElement("span");
-              span.className = className;
-              span.setAttribute("data-error-type", error.type);
-              try {
-                range.surroundContents(span);
-                highlightElementsRef.current.push(span);
-              } catch (e) {
-                if (textNode.parentElement) {
-                  textNode.parentElement.classList.add(className);
-                  highlightElementsRef.current.push(textNode.parentElement);
-                }
-              }
-            }
-          }
-        });
-      });
-    }, 100);
-    return () => clearTimeout(timeoutId);
-  }, [errors, userDismissed]);
-  const getWordAtPoint = useCallback((x2, y2) => {
-    try {
-      let range = null;
-      if (document.caretRangeFromPoint) {
-        range = document.caretRangeFromPoint(x2, y2);
-      } else if (document.caretPositionFromPoint) {
-        const position = document.caretPositionFromPoint(x2, y2);
-        if (position) {
-          range = document.createRange();
-          range.setStart(position.offsetNode, position.offset);
-        }
-      }
-      if (!range)
-        return null;
-      const textNode = range.startContainer;
-      if (textNode.nodeType !== Node.TEXT_NODE)
-        return null;
-      const text = textNode.textContent || "";
-      let start = range.startOffset;
-      let end = range.startOffset;
-      while (start > 0 && /\w/.test(text[start - 1])) {
-        start--;
-      }
-      while (end < text.length && /\w/.test(text[end])) {
-        end++;
-      }
-      const word = text.substring(start, end).trim();
-      return word || null;
-    } catch (error) {
-      console.error("Error getting word at point:", error);
-      return null;
-    }
-  }, []);
-  useEffect$1(() => {
-    if (errors.length === 0)
-      return;
-    let hoverTimeout;
-    const handleMouseMove = (e) => {
-      clearTimeout(hoverTimeout);
-      hoverTimeout = window.setTimeout(() => {
-        const wordAtCursor = getWordAtPoint(e.clientX, e.clientY);
-        if (wordAtCursor) {
-          const matchedError = errors.find(
-            (err) => wordAtCursor.toLowerCase() === err.original.toLowerCase()
-          );
-          if (matchedError) {
-            setTooltip({
-              error: matchedError,
-              x: e.clientX,
-              y: e.clientY
-            });
-          }
-        }
-      }, 50);
-    };
-    const handleClick = () => {
-      setTooltip(null);
-    };
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("click", handleClick);
-    return () => {
-      clearTimeout(hoverTimeout);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("click", handleClick);
-    };
-  }, [errors, getWordAtPoint]);
-  const applyCorrection = useCallback(
-    (suggestion, original, errorType) => {
-      editor.update(() => {
-        const root2 = $getRoot();
-        const currentText = root2.getTextContent();
-        const isSpellingError = errorType === "spelling";
-        let newText = currentText;
-        if (isSpellingError) {
-          const escapedOriginal = original.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          const regex = new RegExp(`\\b${escapedOriginal}\\b`, "gi");
-          newText = currentText.replace(regex, suggestion);
-        } else {
-          const escapedOriginal = original.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          const regex = new RegExp(escapedOriginal, "gi");
-          if (currentText.toLowerCase().includes(original.toLowerCase())) {
-            newText = currentText.replace(regex, suggestion);
-          } else {
-            newText = suggestion;
-          }
-        }
-        root2.clear();
-        const paragraph = $createParagraphNode();
-        const textNode = $createTextNode(newText);
-        paragraph.append(textNode);
-        root2.append(paragraph);
-      });
-      setTooltip(null);
-      setTimeout(() => {
-        lastCheckedText.current = "";
-        checkGrammar();
-      }, 100);
-    },
-    [editor, checkGrammar]
-  );
-  const showErrorTooltip = (error, event) => {
-    setTooltip({
-      error,
-      x: event.clientX,
-      y: event.clientY
-    });
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    errors.length > 0 && !userDismissed && /* @__PURE__ */ jsx("div", { className: "grammar-error-panel", children: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-bg-amber-50 cteditor-border cteditor-border-amber-200 cteditor-rounded-lg cteditor-px-3 cteditor-py-2 cteditor-shadow-sm", children: [
-      /* @__PURE__ */ jsx(AlertCircle, { className: "cteditor-h-4 cteditor-w-4 cteditor-text-amber-600 cteditor-flex-shrink-0" }),
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-flex-1 cteditor-overflow-x-auto cteditor-max-w-2xl", children: [
-        /* @__PURE__ */ jsxs("span", { className: "cteditor-text-xs cteditor-font-semibold cteditor-text-amber-800 cteditor-whitespace-nowrap", children: [
-          errors.length,
-          " ",
-          errors.length === 1 ? "issue" : "issues",
-          ":"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-gap-2 cteditor-items-center", children: errors.map((error, idx) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "cteditor-flex cteditor-items-center cteditor-gap-1.5 cteditor-bg-white cteditor-border cteditor-border-gray-200 cteditor-rounded cteditor-px-2 cteditor-py-1 cteditor-whitespace-nowrap cteditor-cursor-pointer hover:cteditor-bg-gray-50 cteditor-transition-colors",
-            onClick: (e) => showErrorTooltip(error, e),
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs cteditor-line-through cteditor-text-red-600 cteditor-max-w-24 cteditor-truncate", title: error.original, children: error.original }),
-              /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs cteditor-text-gray-400", children: "→" }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    applyCorrection(error.suggestions[0], error.original, error.type);
-                  },
-                  className: "cteditor-text-xs cteditor-text-green-600 hover:cteditor-text-green-700 cteditor-font-medium cteditor-max-w-24 cteditor-truncate",
-                  title: error.suggestions[0],
-                  children: error.suggestions[0]
-                }
-              )
-            ]
-          },
-          idx
-        )) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-1 cteditor-flex-shrink-0", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "link",
-            size: "sm",
-            onClick: () => {
-              setUserDismissed(true);
-              setErrors([]);
-              updateToolbarState("isGrammarCheckEnabled", false);
-            },
-            className: "cteditor-h-7 cteditor-px-2 cteditor-text-xs !cteditor-text-amber-700 ",
-            title: "Disable Grammar Check",
-            children: "Disable"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setUserDismissed(true),
-            className: "cteditor-p-1 hover:cteditor-bg-amber-100 cteditor-rounded cteditor-transition-colors",
-            title: "Dismiss grammar suggestions",
-            children: /* @__PURE__ */ jsx(X$1, { className: "cteditor-h-3.5 cteditor-w-3.5 cteditor-text-amber-600" })
-          }
-        )
-      ] })
-    ] }) }),
-    tooltip && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "grammar-tooltip ",
-          style: {
-            position: "fixed",
-            left: tooltip.x,
-            top: tooltip.y + 20,
-            zIndex: 1e4
-          },
-          onMouseEnter: () => {
-          },
-          onMouseLeave: () => {
-            setTooltip(null);
-          },
-          children: /* @__PURE__ */ jsx(Card, { className: "cteditor-w-72 cteditor-shadow-xl cteditor-border-2 cteditor-bg-background cteditor-rounded-xl", children: /* @__PURE__ */ jsxs(CardContent, { className: "cteditor-p-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-mb-3", children: [
-              tooltip.error.type === "spelling" ? /* @__PURE__ */ jsx(AlertCircle, { className: "cteditor-h-4 cteditor-w-4 cteditor-text-red-500" }) : /* @__PURE__ */ jsx(CheckCircle, { className: "cteditor-h-4 cteditor-w-4 cteditor-text-blue-500" }),
-              /* @__PURE__ */ jsx(
-                Badge,
-                {
-                  variant: tooltip.error.type === "spelling" ? "destructive" : "default",
-                  className: "cteditor-text-xs",
-                  children: tooltip.error.type === "spelling" ? "Spelling Error" : "Grammar Issue"
-                }
-              )
-            ] }),
-            tooltip.error.issue && /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-mb-2 cteditor-italic", children: tooltip.error.issue }),
-            /* @__PURE__ */ jsxs("div", { className: "cteditor-mb-2", children: [
-              /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-font-semibold cteditor-text-muted-foreground", children: "Original:" }),
-              /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-line-through cteditor-text-red-600", children: tooltip.error.original })
-            ] }),
-            tooltip.error.suggestions.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-font-semibold cteditor-text-muted-foreground cteditor-mb-1", children: "Suggestions:" }),
-              /* @__PURE__ */ jsx("div", { className: "cteditor-space-y-1", children: tooltip.error.suggestions.map((suggestion, idx) => /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  onClick: () => applyCorrection(suggestion, tooltip.error.original, tooltip.error.type),
-                  className: "cteditor-w-full cteditor-text-left cteditor-p-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-accent/50 hover:cteditor-bg-accent cteditor-transition-colors cteditor-border cteditor-border-transparent hover:cteditor-border-primary",
-                  children: [
-                    "✓ ",
-                    suggestion
-                  ]
-                },
-                idx
-              )) })
-            ] }),
-            tooltip.error.suggestions.length === 0 && /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-italic", children: "No suggestions available" })
-          ] }) })
-        }
-      ),
-      document.body
-    )
-  ] });
-}
 const useStyles = () => ({
   // container: "cteditor-relative cteditor-w-full cteditor-bg-white cteditor-text-black cteditor-font-normal cteditor-text-left cteditor-border cteditor-border-red-500",
   contentEditable: cn$1(
     "cteditor-relative cteditor-min-h-[150px] !cteditor-h-auto cteditor-resize-none cteditor-outline-0",
     // Ensure strong contrast in both themes
-    "cteditor-text-black dark:cteditor-text-white cteditor-bg-white dark:cteditor-bg-[#0b0b0b]",
+    "cteditor-text-black dark:cteditor-text-white ",
     // Caret and spacing
     "cteditor-caret-[#3b82f6] cteditor-p-0 cteditor-transition-all cteditor-duration-200",
     "cteditor-w-full ",
@@ -29360,12 +29939,12 @@ const ToolbarWithEditor = (props) => {
     }
   );
 };
-const AutocompleteWrapper = () => {
+const CombinedPluginWrapper = () => {
   const { toolbarState } = useToolbarState();
-  if (!toolbarState.isAutocompleteEnabled) {
+  if (!toolbarState.isAutocompleteEnabled && !toolbarState.isGrammarCheckEnabled) {
     return null;
   }
-  return /* @__PURE__ */ jsx(AutocompletePlugin, { minMatchLength: 2, maxSuggestions: 10 });
+  return /* @__PURE__ */ jsx(CombinedAutocompleteGrammarPlugin, { minMatchLength: 2, maxSuggestions: 10, enableAI: true });
 };
 const OnChangeWrapper = ({ onChange }) => {
   const [editor] = useLexicalComposerContext();
@@ -29443,7 +30022,7 @@ const ConfigurableEditor = ({
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommentProvider, { children: /* @__PURE__ */ jsxs(LexicalComposer, { initialConfig: editorInitialConfig, children: [
     /* @__PURE__ */ jsx(HtmlViewProvider, { children: /* @__PURE__ */ jsxs(ToolbarContext, { children: [
       /* @__PURE__ */ jsxs(Stack, { children: [
-        config.enableToolbar && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-items-center cteditor-mb-4", children: [
+        config.enableToolbar && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-items-center cteditor-mb-4 cteditor-sticky cteditor-top-2 cteditor-z-50", children: [
           /* @__PURE__ */ jsx(
             ToolbarWithEditor,
             {
@@ -29492,14 +30071,15 @@ const ConfigurableEditor = ({
         /* @__PURE__ */ jsx(HtmlSyncPlugin, {}),
         /* @__PURE__ */ jsx(CodeHighlightPlugin, {}),
         /* @__PURE__ */ jsx(SlashCommandPlugin, {}),
-        /* @__PURE__ */ jsx(AutocompleteWrapper, {}),
-        /* @__PURE__ */ jsx(GrammarCheckPlugin, {}),
+        /* @__PURE__ */ jsx(CombinedPluginWrapper, {}),
         /* @__PURE__ */ jsx(OnChangeWrapper, { onChange }),
         /* @__PURE__ */ jsx(InitialContentPlugin, { initialContent }),
         /* @__PURE__ */ jsx(HistoryPlugin, {}),
         /* @__PURE__ */ jsx(LocalStoragePlugin$1, { namespace: initialConfig.namespace }),
         /* @__PURE__ */ jsx(ListPlugin, {}),
         /* @__PURE__ */ jsx(LinkPlugin, { hasLinkAttributes: false }),
+        /* @__PURE__ */ jsx(DragDropPaste, {}),
+        /* @__PURE__ */ jsx(RichTextPastePlugin, {}),
         /* @__PURE__ */ jsx(FilePlugin, {}),
         /* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
         /* @__PURE__ */ jsx(CustomHorizontalRulePlugin, {}),
@@ -29561,7 +30141,7 @@ const ScopedEditorWrapper = ({
   className = "",
   darkMode = false
 }) => {
-  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 ", children }) });
+  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", className: "cteditor-max-w-full", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full", children }) });
 };
 const MessageContainer = styled.div`
   display: flex;
@@ -29685,4 +30265,4 @@ export {
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-7aab7b5a.js.map
+//# sourceMappingURL=index-413952d9.js.map