ct-rich-text-editor 1.2.9 → 1.3.1

package/dist/{index-9d28aec6.js → index-8d147c36.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";
@@ -2699,6 +2699,17 @@ const Highlighter = createLucideIcon("Highlighter", [
   ["path", { d: "m9 11-6 6v3h9l3-3", key: "1a3l36" }],
   ["path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4", key: "14a9rk" }]
 ]);
+/**
+ * @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 Image$2 = createLucideIcon("Image", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2727,6 +2738,47 @@ const Lightbulb = createLucideIcon("Lightbulb", [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ]);
+/**
+ * @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 ListChecks = createLucideIcon("ListChecks", [
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }],
+  ["path", { d: "M13 6h8", key: "15sg57" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 18h8", key: "oe0vm4" }]
+]);
+/**
+ * @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 ListOrdered = createLucideIcon("ListOrdered", [
+  ["line", { x1: "10", x2: "21", y1: "6", y2: "6", key: "76qw6h" }],
+  ["line", { x1: "10", x2: "21", y1: "12", y2: "12", key: "16nom4" }],
+  ["line", { x1: "10", x2: "21", y1: "18", y2: "18", key: "u3jurt" }],
+  ["path", { d: "M4 6h1v4", key: "cnovpq" }],
+  ["path", { d: "M4 10h2", key: "16xx2s" }],
+  ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
+]);
+/**
+ * @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 List$1 = createLucideIcon("List", [
+  ["line", { x1: "8", x2: "21", y1: "6", y2: "6", key: "7ey8pc" }],
+  ["line", { x1: "8", x2: "21", y1: "12", y2: "12", key: "rjfblc" }],
+  ["line", { x1: "8", x2: "21", y1: "18", y2: "18", key: "c3b1m8" }],
+  ["line", { x1: "3", x2: "3.01", y1: "6", y2: "6", key: "1g7gq3" }],
+  ["line", { x1: "3", x2: "3.01", y1: "12", y2: "12", key: "1pjlvk" }],
+  ["line", { x1: "3", x2: "3.01", y1: "18", y2: "18", key: "28t2mc" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2937,6 +2989,16 @@ const Type = createLucideIcon("Type", [
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
 ]);
+/**
+ * @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 Video = createLucideIcon("Video", [
+  ["path", { d: "m22 8-6 4 6 4V8Z", key: "50v9me" }],
+  ["rect", { width: "14", height: "12", x: "2", y: "6", rx: "2", ry: "2", key: "1rqjg6" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -7760,16 +7822,16 @@ function CopyButton({ editor, getCodeDOMNode }) {
 }
 const index$4 = "";
 const PRETTIER_PARSER_MODULES = {
-  css: [() => import("./postcss-c2592f3f.js")],
-  html: [() => import("./html-f95ee5dc.js")],
+  css: [() => import("./postcss-f084f74d.js")],
+  html: [() => import("./html-5586dbf6.js")],
   js: [
-    () => import("./babel-d155920e.js"),
-    () => import("./estree-b1fff53b.js")
+    () => import("./babel-d3085146.js"),
+    () => import("./estree-164983f6.js")
   ],
-  markdown: [() => import("./markdown-1d9e6c3f.js")],
+  markdown: [() => import("./markdown-d513479b.js")],
   typescript: [
-    () => import("./typescript-48c10f50.js"),
-    () => import("./estree-b1fff53b.js")
+    () => import("./typescript-b1005db4.js"),
+    () => import("./estree-164983f6.js")
   ]
 };
 async function loadPrettierParserByLang(lang) {
@@ -7780,7 +7842,7 @@ async function loadPrettierParserByLang(lang) {
   return modules;
 }
 async function loadPrettierFormat() {
-  const { format } = await import("./standalone-bcc7f37a.js");
+  const { format } = await import("./standalone-5a8c6b7e.js");
   return format;
 }
 const PRETTIER_OPTIONS_BY_LANG = {
@@ -12655,10 +12717,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-bc7d5952.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-daf952fb.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-583538f8.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-f23e1b00.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -13865,7 +13927,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const ImageView = React__default.lazy(() => import("./index-91238d37.js"));
+const ImageView = React__default.lazy(() => import("./index-10f9d057.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -16395,6 +16457,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");
             }
           });
         }
@@ -16442,6 +16505,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));
             }
@@ -16474,6 +16538,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;
             }
@@ -21214,6 +21279,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)
@@ -21224,6 +21290,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);
@@ -21233,9 +21304,19 @@ 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);
     }
@@ -21317,6 +21398,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;
@@ -21352,6 +21434,7 @@ const InsertImageUrlDialogBody = ({
       img.onload = () => {
         setPreviewError(null);
         setIsValidUrl(true);
+        setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
       };
       img.onerror = () => {
         setPreviewError(
@@ -21364,7 +21447,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(
@@ -22644,8 +22732,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 = () => {
@@ -22827,8 +22915,17 @@ const Toolbar = ({
     enableHtmlView
   ]);
   const handleClearEditorContent = () => {
-    if (confirm("Are you sure you want to clear out the editor's content?"))
-      clearEditorContent();
+    toast.warning("Clear editor content?", {
+      description: "This will remove all content.",
+      action: {
+        label: "OK",
+        onClick: () => {
+          clearEditorContent();
+          toast.success("Editor cleared");
+        }
+      },
+      duration: 8e3
+    });
   };
   const { onFontColorSelect, onBgColorSelect, onHighlightColorSelect } = useColorPicker();
   const [isLinkActive, setIsLinkActive] = useState$1(false);
@@ -23149,14 +23246,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-flex-1 cteditor-overflow-x-auto cteditor-flex-nowrap",
+              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(
@@ -24051,9 +24151,8 @@ function Skeleton({
     }
   );
 }
-createCommand(
-  "AUTOCOMPLETE_COMMAND"
-);
+const GrammarCheckPlugin = "";
+createCommand("AUTOCOMPLETE_COMMAND");
 const STATIC_SUGGESTIONS = [
   "javascript",
   "typescript",
@@ -24081,7 +24180,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;
   }
@@ -24103,19 +24201,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: {
@@ -24125,14 +24213,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;
@@ -24142,15 +24227,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;
     }
   }
@@ -24160,43 +24237,118 @@ 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({
+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,
-  // anchorClassName = "",
-  // menuClassName = "",
-  // itemClassName = "",
-  // selectedItemClassName = "",
   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 [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));
@@ -24221,17 +24373,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 = "";
@@ -24270,11 +24417,8 @@ function AutocompletePlugin({
       try {
         const result = await aiService.current.getIntelligentSuggestions(
           query,
-          // currentWord
           lastSentence,
-          // text (the sentence to correct)
           maxSuggestions
-          // maxSuggestions
         );
         const aiOptions = [];
         if (result) {
@@ -24347,10 +24491,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);
@@ -24359,7 +24499,7 @@ function AutocompletePlugin({
         setIsLoading(false);
       }
     },
-    [enableAI, minMatchLength, maxSuggestions]
+    [enableAI, minMatchLength, maxSuggestions, editor]
   );
   const getTraditionalSuggestions = useCallback(
     (query) => {
@@ -24416,7 +24556,6 @@ function AutocompletePlugin({
       }, 100);
       return;
     }
-    console.log("🎯 AutocompletePlugin: Checking for autocomplete trigger");
     editor.update(() => {
       const selection = $getSelection();
       if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
@@ -24431,6 +24570,10 @@ function AutocompletePlugin({
       while (wordStart > 0 && /[a-zA-Z0-9_']/.test(textContent[wordStart - 1])) {
         wordStart--;
       }
+      if (wordStart > 0 && textContent[wordStart - 1] === "/") {
+        setQueryString(null);
+        return;
+      }
       const currentWord = textContent.slice(wordStart, anchorOffset);
       if (currentWord.length >= minMatchLength) {
         setQueryString(currentWord);
@@ -24445,18 +24588,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([]);
@@ -24471,7 +24606,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();
@@ -24509,9 +24643,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;
@@ -24525,7 +24656,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");
           }
         }
       });
@@ -24629,151 +24759,373 @@ function AutocompletePlugin({
       inputListener();
     };
   }, [editor, checkForAutocompleteTrigger]);
-  const calculateMenuPosition = useCallback(() => {
-    if (!anchorElement)
-      return { top: 0, left: 0 };
-    editor.update(() => {
+  const checkGrammar = useCallback(async () => {
+    const isSlashActive = editor.getEditorState().read(() => {
       const selection = $getSelection();
       if (!$isRangeSelection(selection))
-        return;
-      const domSelection = window.getSelection();
-      if (!domSelection || domSelection.rangeCount === 0)
-        return;
-      const range = domSelection.getRangeAt(0);
-      const rect = range.getBoundingClientRect();
-      if (anchorElementRef.current) {
-        const currentElement = anchorElementRef.current;
-        currentElement.style.top = `${rect.bottom + window.scrollY + 4}px`;
-        currentElement.style.left = `${rect.left + window.scrollX}px`;
+        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] === "/";
     });
-  }, [editor, anchorElement]);
-  useEffect$1(() => {
-    if (suggestions.length > 0) {
-      calculateMenuPosition();
+    if (isSlashActive) {
+      setErrors([]);
+      return;
     }
-  }, [suggestions, calculateMenuPosition]);
-  useEffect$1(() => {
-    const anchor = document.createElement("div");
-    anchor.style.position = "absolute";
-    anchor.style.zIndex = "1000";
-    if (anchorElementRef.current && document.body.contains(anchorElementRef.current)) {
-      try {
-        document.body.removeChild(anchorElementRef.current);
-      } catch (error) {
-        console.warn(
-          "🚨 AutocompletePlugin: Error removing existing anchor:",
-          error
-        );
-      }
+    const text = editor.getEditorState().read(() => $getRoot().getTextContent());
+    if (text === lastCheckedText.current) {
+      return;
     }
-    document.body.appendChild(anchor);
-    anchorElementRef.current = anchor;
-    setAnchorElement(anchor);
-    return () => {
-      if (anchorElementRef.current && document.body.contains(anchorElementRef.current)) {
-        try {
-          document.body.removeChild(anchorElementRef.current);
-        } catch (error) {
-          console.warn("🚨 AutocompletePlugin: Error during cleanup:", error);
-        }
-      }
-    };
-  }, []);
-  const getSuggestionIcon = (type) => {
-    switch (type) {
-      case "spelling":
-        return /* @__PURE__ */ jsx(CheckCircle, { className: "cteditor-size-4" });
-      case "correction":
-        return /* @__PURE__ */ jsx(Type, { className: "cteditor-size-4" });
-      case "enhancement":
-        return /* @__PURE__ */ jsx(Lightbulb, { className: "cteditor-size-4" });
-      default:
-        return /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-4" });
+    if (Math.abs(text.length - lastCheckedText.current.length) > 20) {
+      setUserDismissed(false);
     }
-  };
-  const getSuggestionVariant = (type) => {
-    switch (type) {
-      case "spelling":
-        return "destructive";
-      case "correction":
-        return "default";
-      case "enhancement":
-        return "secondary";
-      default:
-        return "outline";
+    lastCheckedText.current = text;
+    if (!text || text.trim().length < 3) {
+      setErrors([]);
+      return;
     }
-  };
-  if (!anchorElement || !queryString || suggestions.length === 0 && !isLoading) {
-    return null;
-  }
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      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)
-                  }
-                ),
-                /* @__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 Autocorrection"
-              ]
+    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 };
+    editor.update(() => {
+      const selection = $getSelection();
+      if (!$isRangeSelection(selection))
+        return;
+      const domSelection = window.getSelection();
+      if (!domSelection || domSelection.rangeCount === 0)
+        return;
+      const range = domSelection.getRangeAt(0);
+      const rect = range.getBoundingClientRect();
+      if (anchorElementRef.current) {
+        const currentElement = anchorElementRef.current;
+        currentElement.style.top = `${rect.bottom + window.scrollY + 4}px`;
+        currentElement.style.left = `${rect.left + window.scrollX}px`;
+      }
+    });
+  }, [editor, anchorElement]);
+  useEffect$1(() => {
+    if (suggestions.length > 0) {
+      calculateMenuPosition();
+    }
+  }, [suggestions, calculateMenuPosition]);
+  useEffect$1(() => {
+    const anchor = document.createElement("div");
+    anchor.style.position = "absolute";
+    anchor.style.zIndex = "1000";
+    if (anchorElementRef.current && document.body.contains(anchorElementRef.current)) {
+      try {
+        document.body.removeChild(anchorElementRef.current);
+      } catch (error) {
+        console.warn("Error removing existing anchor:", error);
+      }
+    }
+    document.body.appendChild(anchor);
+    anchorElementRef.current = anchor;
+    setAnchorElement(anchor);
+    return () => {
+      if (anchorElementRef.current && document.body.contains(anchorElementRef.current)) {
+        try {
+          document.body.removeChild(anchorElementRef.current);
+        } catch (error) {
+          console.warn("Error during cleanup:", error);
+        }
+      }
+    };
+  }, []);
+  const getSuggestionIcon = (type) => {
+    switch (type) {
+      case "spelling":
+        return /* @__PURE__ */ jsx(CheckCircle, { className: "cteditor-size-4" });
+      case "correction":
+        return /* @__PURE__ */ jsx(Type, { className: "cteditor-size-4" });
+      case "enhancement":
+        return /* @__PURE__ */ jsx(Lightbulb, { className: "cteditor-size-4" });
+      default:
+        return /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-4" });
+    }
+  };
+  const getSuggestionVariant = (type) => {
+    switch (type) {
+      case "spelling":
+        return "destructive";
+      case "correction":
+        return "default";
+      case "enhancement":
+        return "secondary";
+      default:
+        return "outline";
+    }
+  };
+  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__ */ jsxs(
+      Card,
+      {
+        ref: menuRef,
+        className: "cteditor-w-80 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"
+                ),
+                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(
+                      "div",
+                      {
+                        className: cn$1(
+                          "cteditor-mt-0.5",
+                          index2 === selectedIndex ? "cteditor-text-primary" : "cteditor-text-primary"
+                        ),
+                        children: getSuggestionIcon(option.type)
+                      }
+                    ),
+                    /* @__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
@@ -24973,11 +25325,179 @@ const CommentBubblePlugin = () => {
   }, [editor, getCommentById]);
   return null;
 };
-const FloatingEmbedMenuPlugin$1 = "";
-function FloatingEmbedMenu({
-  editor,
-  anchorElem,
-  nodeKey,
+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,
+  anchorElem,
+  nodeKey,
   url,
   onClose
 }) {
@@ -26932,6 +27452,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(() => {
@@ -27477,8 +28194,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]
   );
@@ -28475,9 +29263,72 @@ 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 (!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;
@@ -28528,6 +29379,46 @@ function TableHoverActionsPlugin({
     anchorElem
   ) : null;
 }
+function getOptionMeta(label) {
+  const lower = label.toLowerCase();
+  if (lower.startsWith("paragraph")) {
+    return { icon: /* @__PURE__ */ jsx(Type, { className: "cteditor-size-4" }), description: "Start a new paragraph", shortcut: "P" };
+  }
+  if (lower.includes("heading 1")) {
+    return { icon: /* @__PURE__ */ jsx(Heading1, { className: "cteditor-size-4" }), description: "Large section title", shortcut: "H1" };
+  }
+  if (lower.includes("heading 2")) {
+    return { icon: /* @__PURE__ */ jsx(Heading2, { className: "cteditor-size-4" }), description: "Section heading", shortcut: "H2" };
+  }
+  if (lower.includes("heading 3")) {
+    return { icon: /* @__PURE__ */ jsx(Heading3, { className: "cteditor-size-4" }), description: "Subsection heading", shortcut: "H3" };
+  }
+  if (lower.includes("bullet")) {
+    return { icon: /* @__PURE__ */ jsx(List$1, { className: "cteditor-size-4" }), description: "Create a bulleted list", shortcut: "•" };
+  }
+  if (lower.includes("numbered")) {
+    return { icon: /* @__PURE__ */ jsx(ListOrdered, { className: "cteditor-size-4" }), description: "Create a numbered list", shortcut: "1." };
+  }
+  if (lower.includes("todo")) {
+    return { icon: /* @__PURE__ */ jsx(ListChecks, { className: "cteditor-size-4" }), description: "Create a checklist", shortcut: "[ ]" };
+  }
+  if (lower.includes("image")) {
+    return { icon: /* @__PURE__ */ jsx(Image$2, { className: "cteditor-size-4" }), description: "Insert an image", shortcut: "Img" };
+  }
+  if (lower.includes("video")) {
+    return { icon: /* @__PURE__ */ jsx(Video, { className: "cteditor-size-4" }), description: "Embed a video", shortcut: "Vid" };
+  }
+  if (lower.includes("align left")) {
+    return { icon: /* @__PURE__ */ jsx(AlignLeft, { className: "cteditor-size-4" }), description: "Align text left" };
+  }
+  if (lower.includes("align center")) {
+    return { icon: /* @__PURE__ */ jsx(AlignCenter, { className: "cteditor-size-4" }), description: "Align text center" };
+  }
+  if (lower.includes("align right")) {
+    return { icon: /* @__PURE__ */ jsx(AlignRight, { className: "cteditor-size-4" }), description: "Align text right" };
+  }
+  return { icon: /* @__PURE__ */ jsx(Type, { className: "cteditor-size-4" }) };
+}
 class SlashMenuOption extends MenuOption {
   constructor(label, onSelect) {
     super(label);
@@ -28544,22 +29435,26 @@ function SlashMenuItem({
   onMouseEnter,
   option
 }) {
-  let className = "item";
-  if (isSelected) {
-    className += " selected";
-  }
-  return /* @__PURE__ */ jsx(
+  const meta = getOptionMeta(option.label);
+  return /* @__PURE__ */ jsxs(
     "li",
     {
       tabIndex: -1,
-      className,
+      className: (isSelected ? "cteditor-bg-primary/10 cteditor-border-primary/40 cteditor-shadow-md " : "hover:cteditor-bg-accent/50 hover:cteditor-border-primary/30 hover:cteditor-shadow ") + "cteditor-group cteditor-flex cteditor-items-center cteditor-gap-3 cteditor-px-3 cteditor-py-2 cteditor-rounded-xl cteditor-transition-all cteditor-duration-200 cteditor-cursor-pointer cteditor-border cteditor-border-border hover:cteditor-translate-x-[1px]",
       ref: option.setRefElement,
       role: "option",
       "aria-selected": isSelected,
       id: "typeahead-item-" + index2,
       onMouseEnter,
       onClick,
-      children: /* @__PURE__ */ jsx("div", { className: "slash-item", children: /* @__PURE__ */ jsx("span", { className: "text slash-item__label", children: option.label }) })
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-lg cteditor-h-8 cteditor-w-8 cteditor-text-primary cteditor-bg-gradient-to-br cteditor-from-primary/10 cteditor-to-accent/10 group-hover:cteditor-from-primary/20 group-hover:cteditor-to-accent/20", children: meta.icon }),
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-0.5 cteditor-min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "cteditor-text-sm cteditor-font-semibold cteditor-text-foreground cteditor-truncate", children: option.label }),
+          meta.description && /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-truncate", children: meta.description })
+        ] }),
+        meta.shortcut && /* @__PURE__ */ jsx("span", { className: "cteditor-ml-auto cteditor-text-[10px] cteditor-text-muted-foreground cteditor-border cteditor-border-border cteditor-rounded-md cteditor-px-1.5 cteditor-py-0.5 cteditor-bg-foreground/5", children: meta.shortcut })
+      ]
     },
     option.key
   );
@@ -28567,6 +29462,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(() => {
@@ -28653,9 +29552,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,
     {
@@ -28663,27 +29608,54 @@ function SlashCommandPlugin() {
       onSelectOption,
       triggerFn,
       options,
-      menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current ? ReactDOM.createPortal(
-        /* @__PURE__ */ jsx("div", { className: "typeahead-popover slash-menu", children: options.length > 0 ? /* @__PURE__ */ jsx("ul", { 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: "no-users-found", children: "No results" }) }),
-        anchorElementRef.current
-      ) : null
-    }
-  );
+      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",
+            {
+              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
+              },
+              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;
+      }
+    }
+  );
 }
 const WordCountPlugin = () => {
   const [editor] = useLexicalComposerContext();
@@ -28733,402 +29705,14 @@ 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 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 cteditor-text-background",
-    "cteditor-caret-[#757575] cteditor-p-0 cteditor-transition-all cteditor-duration-200",
+    "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]",
+    // Caret and spacing
+    "cteditor-caret-[#3b82f6] cteditor-p-0 cteditor-transition-all cteditor-duration-200",
     "cteditor-w-full ",
     "[&>hr]:cteditor-border-none [&>hr]:cteditor-h-[2px]"
   ),
@@ -29214,12 +29798,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();
@@ -29346,14 +29930,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, {}),
@@ -29415,7 +30000,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 cteditor-overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full", children }) });
 };
 const MessageContainer = styled.div`
   display: flex;
@@ -29539,4 +30124,4 @@ export {
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-9d28aec6.js.map
+//# sourceMappingURL=index-8d147c36.js.map