ct-rich-text-editor 1.3.28 → 1.3.29

package/dist/{index-0533674e.js → index-0c07c5e0.js}

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import React__default, { createContext, useContext, useState as useState$1, Suspense, useEffect as useEffect$1, forwardRef, createElement, useImperativeHandle, useRef, useMemo, useCallback, useLayoutEffect as useLayoutEffect$1, Component } from "react";
+import React__default, { createContext, useContext, useState as useState$1, useRef, useCallback, useEffect as useEffect$1, Suspense, forwardRef, createElement, useImperativeHandle, useMemo, useLayoutEffect as useLayoutEffect$1, Component } from "react";
 import axios from "axios";
 import styled from "@emotion/styled";
 import { $generateNodesFromDOM, $generateHtmlFromNodes } from "@lexical/html";
@@ -23,8 +23,7 @@ import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
 import { TableNode, TableCellNode, TableRowNode, $createTableNodeWithDimensions, $isTableRowNode, $isTableCellNode, TableCellHeaderStates, $isTableNode, $isTableSelection, $getTableCellNodeFromLexicalNode, $getTableNodeFromLexicalNodeOrThrow, getTableElement, getTableObserverFromTableElement, $getTableRowIndexFromTableCellNode, $getNodeTriplet, $insertTableRow__EXPERIMENTAL, $getTableColumnIndexFromTableCellNode, $insertTableColumn__EXPERIMENTAL, $deleteTableRow__EXPERIMENTAL, $deleteTableColumn__EXPERIMENTAL, $unmergeCell, $computeTableMapSkipCellCheck, getDOMCellFromTarget, $getTableAndElementByKey } from "@lexical/table";
 import { mergeRegister, $wrapNodeInElement, $findMatchingParent, $getNearestNodeOfType, $getNearestBlockElementAncestorOrThrow, $insertNodeToNearestRoot, $isEditorIsNestedEditor, mediaFileReader, isMimeType, calculateZoomLevel, CAN_USE_DOM } from "@lexical/utils";
-import Stack from "@mui/material/Stack";
-import { createCommand, DecoratorNode, createEditor, $applyNodeReplacement, $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $getNearestNodeFromDOMNode, isHTMLElement as isHTMLElement$1, TextNode, $getRoot, $createTextNode, $getNodeByKey, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, KEY_DOWN_COMMAND, COMMAND_PRIORITY_CRITICAL, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, UNDO_COMMAND, REDO_COMMAND, KEY_SPACE_COMMAND, $isLineBreakNode, $createRangeSelection, $setSelection, COMMAND_PRIORITY_HIGH, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, getDOMSelection, CLICK_COMMAND, KEY_BACKSPACE_COMMAND, PASTE_COMMAND, ParagraphNode, $createLineBreakNode, isDOMNode } from "lexical";
+import { createCommand, DecoratorNode, createEditor, $applyNodeReplacement, $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $getNearestNodeFromDOMNode, isHTMLElement as isHTMLElement$1, TextNode, $getRoot, $createTextNode, $getNodeByKey, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, KEY_DOWN_COMMAND, COMMAND_PRIORITY_CRITICAL, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, UNDO_COMMAND, REDO_COMMAND, KEY_SPACE_COMMAND, $isLineBreakNode, $createRangeSelection, $setSelection, COMMAND_PRIORITY_HIGH, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, PASTE_COMMAND, getDOMSelection, CLICK_COMMAND, KEY_BACKSPACE_COMMAND, ParagraphNode, $createLineBreakNode, 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";
@@ -40,7 +39,6 @@ import InsertDriveFileIcon from "@mui/icons-material/InsertDriveFile";
 import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
 import { $isDecoratorBlockNode } from "@lexical/react/LexicalDecoratorBlockNode";
 import EmojiPicker from "emoji-picker-react";
-import { Link as Link$1, CropOriginal, Code as Code$1, FormatAlignLeft, FormatAlignCenter, FormatAlignRight, OpenInNew, Delete, ContentCopy } from "@mui/icons-material";
 import { LinkPlugin as LinkPlugin$1 } from "@lexical/react/LexicalLinkPlugin";
 import { useBasicTypeaheadTriggerMatch, LexicalTypeaheadMenuPlugin, MenuOption } from "@lexical/react/LexicalTypeaheadMenuPlugin";
 import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
@@ -277,6 +275,130 @@ const editorConfig = {
   ],
   mentionUserList: []
 };
+const isReactNativeWebView = () => {
+  return typeof window !== "undefined" && !!window.ReactNativeWebView;
+};
+const useReactNativeBridge = (config = {}) => {
+  const {
+    enabled = true,
+    onReady,
+    onContentChange,
+    onAuthSuccess,
+    onAuthError,
+    onFocus,
+    onBlur,
+    onHeightChange
+  } = config;
+  const isActive = enabled && isReactNativeWebView();
+  const hasNotifiedReady = useRef(false);
+  const lastHeight = useRef(0);
+  const postMessage = useCallback(
+    (type, payload) => {
+      var _a;
+      if (!isActive)
+        return;
+      const message = { type, payload };
+      try {
+        (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(JSON.stringify(message));
+      } catch (error) {
+        console.warn("[ReactNativeBridge] Failed to post message:", error);
+      }
+    },
+    [isActive]
+  );
+  const notifyReady = useCallback(() => {
+    if (hasNotifiedReady.current)
+      return;
+    hasNotifiedReady.current = true;
+    postMessage("EDITOR_READY", { ready: true, timestamp: Date.now() });
+    onReady == null ? void 0 : onReady();
+  }, [postMessage, onReady]);
+  const notifyContentChange = useCallback(
+    (content) => {
+      postMessage("CONTENT_CHANGE", { content });
+      onContentChange == null ? void 0 : onContentChange(content);
+    },
+    [postMessage, onContentChange]
+  );
+  const notifyAuthSuccess = useCallback(() => {
+    postMessage("AUTH_SUCCESS");
+    onAuthSuccess == null ? void 0 : onAuthSuccess();
+  }, [postMessage, onAuthSuccess]);
+  const notifyAuthError = useCallback(
+    (error) => {
+      postMessage("AUTH_ERROR", { error });
+      onAuthError == null ? void 0 : onAuthError(error);
+    },
+    [postMessage, onAuthError]
+  );
+  const notifyFocus = useCallback(() => {
+    postMessage("FOCUS");
+    onFocus == null ? void 0 : onFocus();
+  }, [postMessage, onFocus]);
+  const notifyBlur = useCallback(() => {
+    postMessage("BLUR");
+    onBlur == null ? void 0 : onBlur();
+  }, [postMessage, onBlur]);
+  const notifyHeightChange = useCallback(
+    (height) => {
+      if (height === lastHeight.current)
+        return;
+      lastHeight.current = height;
+      postMessage("HEIGHT_CHANGE", { height });
+      onHeightChange == null ? void 0 : onHeightChange(height);
+    },
+    [postMessage, onHeightChange]
+  );
+  const notifyError = useCallback(
+    (message, details) => {
+      postMessage("ERROR", { message, ...details });
+    },
+    [postMessage]
+  );
+  useEffect$1(() => {
+    if (!isActive)
+      return;
+    const handleMessage = (event) => {
+      var _a;
+      try {
+        const data = typeof event.data === "string" ? JSON.parse(event.data) : event.data;
+        switch (data.type) {
+          case "SET_CONTENT":
+            window.dispatchEvent(
+              new CustomEvent("rn-set-content", {
+                detail: { content: (_a = data.payload) == null ? void 0 : _a.content }
+              })
+            );
+            break;
+          case "GET_CONTENT":
+            window.dispatchEvent(new CustomEvent("rn-get-content"));
+            break;
+          case "SET_FOCUS":
+            window.dispatchEvent(new CustomEvent("rn-set-focus"));
+            break;
+          case "BLUR":
+            window.dispatchEvent(new CustomEvent("rn-blur"));
+            break;
+        }
+      } catch {
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [isActive]);
+  return {
+    isActive,
+    postMessage,
+    notifyReady,
+    notifyContentChange,
+    notifyAuthSuccess,
+    notifyAuthError,
+    notifyFocus,
+    notifyBlur,
+    notifyHeightChange,
+    notifyError
+  };
+};
 const autocomplete = "";
 function __insertCSS(code) {
   if (!code || typeof document == "undefined")
@@ -1481,7 +1603,7 @@ const AiTextTransform = async ({ content, apiKey }) => {
 const AI_ACTION_COMMAND = createCommand(
   "AI_ACTION_COMMAND"
 );
-const ImageView = React__default.lazy(() => import("./index-c26337f6.js"));
+const ImageView = React__default.lazy(() => import("./index-433130d7.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -7261,6 +7383,16 @@ const Code = createLucideIcon("Code", [
   ["polyline", { points: "16 18 22 12 16 6", key: "z7tu5w" }],
   ["polyline", { points: "8 6 2 12 8 18", key: "1eg1df" }]
 ]);
+/**
+ * @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 Copy = createLucideIcon("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -7922,6 +8054,16 @@ const Undo = createLucideIcon("Undo", [
   ["path", { d: "M3 7v6h6", key: "1v2h90" }],
   ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
 ]);
+/**
+ * @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 UserRound = createLucideIcon("UserRound", [
+  ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
+  ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -10192,7 +10334,7 @@ const Card = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   {
     ref,
     className: cn(
-      "rounded-xl border bg-card text-card-foreground shadow",
+      "cteditor-rounded-xl cteditor-border cteditor-bg-card cteditor-text-card-foreground cteditor-shadow",
       className
     ),
     ...props
@@ -10203,7 +10345,7 @@ const CardHeader = React$1.forwardRef(({ className, ...props }, ref) => /* @__PU
   "div",
   {
     ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
+    className: cn("cteditor-flex cteditor-flex-col cteditor-space-y-1.5 cteditor-p-6", className),
     ...props
   }
 ));
@@ -10212,7 +10354,7 @@ const CardTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PUR
   "div",
   {
     ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
+    className: cn("cteditor-font-semibold cteditor-leading-none cteditor-tracking-tight", className),
     ...props
   }
 ));
@@ -10221,18 +10363,18 @@ const CardDescription = React$1.forwardRef(({ className, ...props }, ref) => /*
   "div",
   {
     ref,
-    className: cn("text-sm text-muted-foreground", className),
+    className: cn("cteditor-text-sm cteditor-text-muted-foreground", className),
     ...props
   }
 ));
 CardDescription.displayName = "CardDescription";
-const CardContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+const CardContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("cteditor-p-6 cteditor-pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
 const CardFooter = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
-    className: cn("flex items-center p-6 pt-0", className),
+    className: cn("cteditor-flex cteditor-items-center cteditor-p-6 cteditor-pt-0", className),
     ...props
   }
 ));
@@ -11211,7 +11353,7 @@ const CommentSidebar = ({
               Card,
               {
                 className: "cteditor-transition-all cteditor-duration-200 hover:cteditor-shadow-md cteditor-border cteditor-rounded-lg cteditor-border-foreground/15",
-                children: /* @__PURE__ */ jsxs(CardContent, { className: "cteditor-p-4", children: [
+                children: /* @__PURE__ */ jsxs(CardContent, { className: "!cteditor-p-4", children: [
                   /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-start cteditor-justify-between cteditor-mb-3", children: [
                     /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
                       /* @__PURE__ */ jsx(Avatar, { className: "cteditor-h-6 cteditor-w-6", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "cteditor-text-xs", children: comment.author.charAt(0) }) }),
@@ -14477,7 +14619,7 @@ const HtmlViewDisplay = () => {
         onBlur: handleTextareaBlur,
         onClick: handleTextareaClick,
         onKeyDown: handleTextareaKeyDown,
-        className: " cteditor-w-full cteditor-flex-1\n  cteditor-font-mono cteditor-text-[13px] \n  cteditor-p-3 \n  cteditor-border cteditor-rounded-lg \n  cteditor-resize-y cteditor-leading-[1.4] \n  cteditor-outline-none cteditor-transition-colors cteditor-duration-200 \n  cteditor-whitespace-pre-wrap cteditor-break-words\n",
+        className: " cteditor-w-full cteditor-flex-1\n  cteditor-font-mono cteditor-text-[13px] \n  cteditor-p-3 \n  cteditor-border cteditor-rounded-lg \n  cteditor-resize-y cteditor-leading-[1.4] \n  cteditor-outline-none cteditor-transition-colors cteditor-duration-200 \n  cteditor-whitespace-pre-wrap cteditor-break-words\n  dark:cteditor-text-background\n  cteditor-text-foreground\n  cteditor-bg-foreground/5\n",
         placeholder: "HTML content will appear here... Edit and click 'Sync to Editor' to apply changes."
       }
     )
@@ -14641,14 +14783,18 @@ function $createCommentNode({
   );
 }
 class EmbedNode extends DecoratorNode {
-  constructor(url, displayType = "embed", alignment = "left", key) {
+  constructor(url, displayType = "embed", alignment = "left", width = 560, height = 315, key) {
     super(key);
     __publicField(this, "__url");
     __publicField(this, "__displayType");
     __publicField(this, "__alignment");
+    __publicField(this, "__width");
+    __publicField(this, "__height");
     this.__url = url;
     this.__displayType = displayType;
     this.__alignment = alignment;
+    this.__width = width;
+    this.__height = height;
   }
   static getType() {
     return "embed";
@@ -14660,6 +14806,8 @@ class EmbedNode extends DecoratorNode {
       node.__url,
       node.__displayType,
       node.__alignment,
+      node.__width,
+      node.__height,
       node.getKey()
     );
   }
@@ -14678,7 +14826,9 @@ class EmbedNode extends DecoratorNode {
     return new EmbedNode(
       serializedNode.url,
       serializedNode.displayType || "embed",
-      serializedNode.alignment || "left"
+      serializedNode.alignment || "left",
+      serializedNode.width || 560,
+      serializedNode.height || 315
     );
   }
   // Exports the node to JSON format
@@ -14688,9 +14838,213 @@ class EmbedNode extends DecoratorNode {
       url: this.__url,
       displayType: this.__displayType,
       alignment: this.__alignment,
+      width: this.__width,
+      height: this.__height,
       version: 1
     };
   }
+  // Exports the node to HTML DOM for preview/export
+  exportDOM() {
+    const url = this.__url;
+    const displayType = this.__displayType;
+    const alignment = this.__alignment;
+    const width = this.__width;
+    const height = this.__height;
+    const wrapper = document.createElement("div");
+    wrapper.className = "embed-export-wrapper";
+    wrapper.style.display = "flex";
+    wrapper.style.width = "100%";
+    wrapper.style.justifyContent = alignment === "left" ? "flex-start" : alignment === "center" ? "center" : "flex-end";
+    wrapper.style.margin = "8px 0";
+    const getYouTubeVideoId = (videoUrl) => {
+      try {
+        const urlObj = new URL(videoUrl);
+        return urlObj.searchParams.get("v") || videoUrl.split("/").pop() || null;
+      } catch {
+        return null;
+      }
+    };
+    if (displayType === "url") {
+      const link = document.createElement("a");
+      link.href = url;
+      link.target = "_blank";
+      link.rel = "noopener noreferrer";
+      link.textContent = url;
+      link.style.color = "#1976d2";
+      link.style.textDecoration = "none";
+      link.style.padding = "8px 12px";
+      link.style.display = "block";
+      wrapper.appendChild(link);
+      return { element: wrapper };
+    }
+    if (displayType === "card") {
+      const card = document.createElement("div");
+      card.style.width = "300px";
+      card.style.border = "1px solid #ccc";
+      card.style.borderRadius = "4px";
+      card.style.overflow = "hidden";
+      card.style.background = "#f9f9f9";
+      if (url.includes("youtube.com") || url.includes("youtu.be") || url.includes("vimeo.com") || url.includes("loom.com")) {
+        const thumbnailContainer = document.createElement("div");
+        thumbnailContainer.style.position = "relative";
+        thumbnailContainer.style.width = "100%";
+        thumbnailContainer.style.height = "150px";
+        thumbnailContainer.style.overflow = "hidden";
+        const thumbnail = document.createElement("img");
+        thumbnail.style.width = "100%";
+        thumbnail.style.height = "100%";
+        thumbnail.style.objectFit = "cover";
+        if (url.includes("youtube.com") || url.includes("youtu.be")) {
+          const videoId = getYouTubeVideoId(url);
+          thumbnail.src = `https://img.youtube.com/vi/${videoId}/hqdefault.jpg`;
+          thumbnail.alt = "YouTube Video";
+        } else if (url.includes("vimeo.com")) {
+          const vimeoId = url.split("/").pop();
+          thumbnail.src = `https://vumbnail.com/${vimeoId}.jpg`;
+          thumbnail.alt = "Vimeo Video";
+        } else if (url.includes("loom.com")) {
+          thumbnail.src = "https://cdn.loom.com/assets/marketing-pages/favicon-loom.png";
+          thumbnail.alt = "Loom Video";
+          thumbnail.style.objectFit = "contain";
+          thumbnail.style.padding = "20px";
+          thumbnail.style.background = "#625df5";
+        }
+        thumbnailContainer.appendChild(thumbnail);
+        card.appendChild(thumbnailContainer);
+      }
+      const urlContainer = document.createElement("div");
+      urlContainer.style.padding = "8px 12px";
+      urlContainer.style.fontSize = "12px";
+      urlContainer.style.color = "#666";
+      urlContainer.style.whiteSpace = "nowrap";
+      urlContainer.style.overflow = "hidden";
+      urlContainer.style.textOverflow = "ellipsis";
+      const link = document.createElement("a");
+      link.href = url;
+      link.target = "_blank";
+      link.rel = "noopener noreferrer";
+      link.textContent = url;
+      link.style.color = "#1976d2";
+      link.style.textDecoration = "none";
+      urlContainer.appendChild(link);
+      card.appendChild(urlContainer);
+      wrapper.appendChild(card);
+      return { element: wrapper };
+    }
+    const container = document.createElement("div");
+    container.style.position = "relative";
+    container.style.display = "inline-flex";
+    container.style.justifyContent = "center";
+    container.style.alignItems = "center";
+    container.style.width = `${width}px`;
+    container.style.height = `${height}px`;
+    container.style.border = "1px solid #ccc";
+    container.style.borderRadius = "4px";
+    container.style.overflow = "hidden";
+    container.style.background = "#f9f9f9";
+    if (url.includes("youtube.com") || url.includes("youtu.be")) {
+      const videoId = getYouTubeVideoId(url);
+      const iframe = document.createElement("iframe");
+      iframe.width = "100%";
+      iframe.height = "100%";
+      iframe.src = `https://www.youtube.com/embed/${videoId}`;
+      iframe.title = "YouTube video player";
+      iframe.frameBorder = "0";
+      iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
+      iframe.allowFullscreen = true;
+      container.appendChild(iframe);
+    } else if (url.includes("vimeo.com")) {
+      const vimeoId = url.split("/").pop();
+      const iframe = document.createElement("iframe");
+      iframe.width = "100%";
+      iframe.height = "100%";
+      iframe.src = `https://player.vimeo.com/video/${vimeoId}`;
+      iframe.title = "Vimeo video player";
+      iframe.frameBorder = "0";
+      iframe.allow = "autoplay; fullscreen; picture-in-picture";
+      iframe.allowFullscreen = true;
+      container.appendChild(iframe);
+    } else if (url.includes("loom.com")) {
+      const iframe = document.createElement("iframe");
+      iframe.width = "100%";
+      iframe.height = "100%";
+      iframe.src = url.replace("/share/", "/embed/");
+      iframe.title = "Loom video player";
+      iframe.frameBorder = "0";
+      iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
+      iframe.allowFullscreen = true;
+      container.appendChild(iframe);
+    } else if (url.includes("supercut.video")) {
+      const urlParts = url.split("/");
+      const username = urlParts[urlParts.length - 2];
+      const supercutId = urlParts[urlParts.length - 1];
+      const embedUrl = `https://supercut.video/embed/${username}/${supercutId}`;
+      const iframe = document.createElement("iframe");
+      iframe.width = "100%";
+      iframe.height = "100%";
+      iframe.src = embedUrl;
+      iframe.title = "Supercut video player";
+      iframe.frameBorder = "0";
+      iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
+      iframe.allowFullscreen = true;
+      container.appendChild(iframe);
+    } else if (url.includes("jam.dev")) {
+      const jamId = url.split("/").pop();
+      const embedUrl = `https://jam.dev/video/${jamId}`;
+      const iframe = document.createElement("iframe");
+      iframe.width = "100%";
+      iframe.height = "100%";
+      iframe.src = embedUrl;
+      iframe.title = "Jam video player";
+      iframe.frameBorder = "0";
+      iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
+      iframe.allowFullscreen = true;
+      container.appendChild(iframe);
+    } else if (url.match(/\.(mp4|webm|ogg)$/i)) {
+      const video = document.createElement("video");
+      video.width = 560;
+      video.height = 315;
+      video.controls = true;
+      video.src = url;
+      video.style.maxWidth = "100%";
+      container.appendChild(video);
+    } else if (url.includes("figma.com")) {
+      const link = document.createElement("a");
+      link.href = url;
+      link.target = "_blank";
+      link.rel = "noopener noreferrer";
+      link.style.display = "flex";
+      link.style.alignItems = "center";
+      link.style.justifyContent = "center";
+      link.style.width = "100%";
+      link.style.height = "100%";
+      link.style.textDecoration = "none";
+      const img = document.createElement("img");
+      img.src = "https://static.figma.com/app/icon/1/favicon.png";
+      img.alt = "Open in Figma";
+      img.style.width = "48px";
+      img.style.height = "48px";
+      img.style.objectFit = "contain";
+      link.appendChild(img);
+      container.appendChild(link);
+      container.style.width = "100px";
+      container.style.height = "100px";
+    } else {
+      const link = document.createElement("a");
+      link.href = url;
+      link.target = "_blank";
+      link.rel = "noopener noreferrer";
+      link.textContent = url;
+      link.style.color = "#1976d2";
+      link.style.textDecoration = "none";
+      link.style.padding = "20px";
+      container.appendChild(link);
+      container.style.width = "auto";
+      container.style.height = "auto";
+    }
+    wrapper.appendChild(container);
+    return { element: wrapper };
+  }
   // Getters and setters for properties
   getURL() {
     return this.__url;
@@ -14709,6 +15063,17 @@ class EmbedNode extends DecoratorNode {
     const self2 = this.getWritable();
     self2.__alignment = alignment;
   }
+  getWidth() {
+    return this.__width;
+  }
+  getHeight() {
+    return this.__height;
+  }
+  setDimensions(width, height) {
+    const self2 = this.getWritable();
+    self2.__width = width;
+    self2.__height = height;
+  }
   // Returns the JSX component that should be rendered inside this node
   decorate() {
     return /* @__PURE__ */ jsx(
@@ -14717,13 +15082,15 @@ class EmbedNode extends DecoratorNode {
         url: this.__url,
         displayType: this.__displayType,
         alignment: this.__alignment,
+        width: this.__width,
+        height: this.__height,
         nodeKey: this.getKey()
       }
     );
   }
 }
-function $createEmbedNode(url, displayType = "embed", alignment = "left") {
-  return new EmbedNode(url, displayType, alignment);
+function $createEmbedNode(url, displayType = "embed", alignment = "left", width = 560, height = 315) {
+  return new EmbedNode(url, displayType, alignment, width, height);
 }
 const getFileIcon = (url) => {
   const lower = url.toLowerCase();
@@ -14756,12 +15123,15 @@ const getFileIcon = (url) => {
     return fallbackIcon;
   }
 };
-const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
-  const [dimensions, setDimensions] = useState$1({ width: 200, height: 200 });
+const EmbedComponent = ({ url, displayType, alignment, width: initialWidth, height: initialHeight, nodeKey }) => {
+  const [dimensions, setDimensions] = useState$1({ width: initialWidth, height: initialHeight });
   const containerRef = useRef(null);
   const [editor] = useLexicalComposerContext();
   const [videoTitle, setVideoTitle] = useState$1("");
   const [thumbnailUrl, setThumbnailUrl] = useState$1("");
+  useEffect$1(() => {
+    setDimensions({ width: initialWidth, height: initialHeight });
+  }, [initialWidth, initialHeight]);
   useEffect$1(() => {
     const fetchVideoInfo = async () => {
       try {
@@ -14902,7 +15272,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
       if (node) {
         console.log("Selecting node");
         node.selectNext();
-        const isVideoEmbed = url.includes("youtube.com") || url.includes("youtu.be") || url.includes("loom.com") || url.includes("vimeo.com") || url.includes("supercut.video");
+        const isVideoEmbed = url.includes("youtube.com") || url.includes("youtu.be") || url.includes("loom.com") || url.includes("vimeo.com") || url.includes("supercut.video") || url.includes("jam.dev");
         if (isVideoEmbed) {
           const event = new CustomEvent("embedNodeSelected", {
             detail: {
@@ -14925,16 +15295,24 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     const startY = e.clientY;
     const startWidth = dimensions.width;
     const startHeight = dimensions.height;
+    let finalWidth = startWidth;
+    let finalHeight = startHeight;
     const handleMouseMove = (event) => {
       requestAnimationFrame(() => {
-        const newWidth = Math.max(50, startWidth + (event.clientX - startX));
-        const newHeight = Math.max(50, startHeight + (event.clientY - startY));
-        setDimensions({ width: newWidth, height: newHeight });
+        finalWidth = Math.max(50, startWidth + (event.clientX - startX));
+        finalHeight = Math.max(50, startHeight + (event.clientY - startY));
+        setDimensions({ width: finalWidth, height: finalHeight });
       });
     };
     const handleMouseUp = () => {
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
+      editor.update(() => {
+        const node = $getNodeByKey(nodeKey);
+        if (node && node instanceof EmbedNode) {
+          node.setDimensions(finalWidth, finalHeight);
+        }
+      });
     };
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
@@ -14969,7 +15347,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
       );
     }
     if (displayType === "card") {
-      if (url.includes("youtube.com") || url.includes("youtu.be") || url.includes("vimeo.com") || url.includes("loom.com") || url.includes("supercut.video")) {
+      if (url.includes("youtube.com") || url.includes("youtu.be") || url.includes("vimeo.com") || url.includes("loom.com") || url.includes("supercut.video") || url.includes("jam.dev")) {
         let placeholderImage = "https://placehold.co/300x150/f0f0f0/666666?text=Video";
         let videoType = "";
         if (url.includes("youtube.com") || url.includes("youtu.be")) {
@@ -14984,6 +15362,9 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
         } else if (url.includes("supercut.video")) {
           placeholderImage = "https://placehold.co/300x150/00a8ff/ffffff?text=Supercut";
           videoType = "Supercut";
+        } else if (url.includes("jam.dev")) {
+          placeholderImage = "https://placehold.co/300x150/7c3aed/ffffff?text=Jam";
+          videoType = "Jam";
         }
         const displayTitle = videoTitle || `${videoType} Video`;
         console.log("Rendering card with:", {
@@ -15193,6 +15574,21 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
           allowFullScreen: true
         }
       );
+    } else if (url.includes("jam.dev")) {
+      const jamId = url.split("/").pop();
+      const embedUrl = `https://jam.dev/video/${jamId}`;
+      return /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          width: "100%",
+          height: "100%",
+          src: embedUrl,
+          title: "Jam video player",
+          frameBorder: "0",
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true
+        }
+      );
     } else if (url.includes("figma.com")) {
       return /* @__PURE__ */ jsx(
         "a",
@@ -15404,7 +15800,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
           },
           className: getContainerClass(),
           "data-lexical-node-key": nodeKey,
-          "data-embed-type": url.includes("youtube.com") || url.includes("youtu.be") ? "youtube" : url.includes("loom.com") ? "loom" : url.includes("vimeo.com") ? "vimeo" : "other",
+          "data-embed-type": url.includes("youtube.com") || url.includes("youtu.be") ? "youtube" : url.includes("loom.com") ? "loom" : url.includes("vimeo.com") ? "vimeo" : url.includes("jam.dev") ? "jam" : url.includes("supercut.video") ? "supercut" : "other",
           onClick: handleContainerClick,
           children: [
             renderContent(),
@@ -15429,7 +15825,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const FileComponent = React$1.lazy(() => import("./index-03cae849.js"));
+const FileComponent = React$1.lazy(() => import("./index-0b30b971.js"));
 function convertFileElement(domNode) {
   if (domNode instanceof HTMLDivElement) {
     const dataUrl = domNode.getAttribute("data-lexical-file-src");
@@ -19418,7 +19814,7 @@ Text to transform:
       /* @__PURE__ */ jsxs("div", { className: "cteditor-min-w-[160px]", children: [
         /* @__PURE__ */ jsx("label", { className: "cteditor-block cteditor-text-xs cteditor-text-muted-foreground cteditor-mb-1", children: "AI Provider" }),
         /* @__PURE__ */ jsx("div", { className: "cteditor-relative", children: /* @__PURE__ */ jsxs(Select, { value: provider, onValueChange: (v2) => setProvider(v2), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select provider" }) }),
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "cteditor-w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select provider" }) }),
           /* @__PURE__ */ jsxs(SelectContent, { children: [
             /* @__PURE__ */ jsx(SelectItem, { value: "chatgpt", children: "OpenAI ChatGPT" }),
             /* @__PURE__ */ jsx(SelectItem, { value: "claude", children: "Anthropic Claude" }),
@@ -19487,7 +19883,7 @@ Text to transform:
               }
             },
             className: `cteditor-w-full  cteditor-block cteditor-transition-all cteditor-bg-background cteditor-rounded-md  cteditor-resize-none cteditor-border cteditor-border-foreground/15 cteditor-outline-0 cteditor-p-2 cteditor-min-h-16 cteditor-text-xs cteditor-overflow-clip
-      ${isRecording ? "" : "cteditor-pr-12"}
+      ${isRecording ? "" : "cteditor-max-h-[57vh] cteditor-overflow-y-auto"}
       ${isRecording && !isPaused ? "!cteditor-border-rose-400" : ""}
       ${isPaused ? "!cteditor-border-amber-400" : ""}
   `
@@ -19537,22 +19933,22 @@ Text to transform:
         /* @__PURE__ */ jsx("span", { className: "cteditor-text-red-600 dark:cteditor-text-red-400", children: "⚠️" }),
         /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-red-700 dark:cteditor-text-red-300", children: voiceError })
       ] }) }),
-      errorMessage && /* @__PURE__ */ jsx("div", { className: "p-3 rounded-lg bg-destructive/10 border border-destructive/20", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "⚠️" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errorMessage })
+      errorMessage && /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-rounded-lg cteditor-bg-destructive/10 cteditor-border cteditor-border-destructive/20", children: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "cteditor-text-destructive", children: "⚠️" }),
+        /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-destructive", children: errorMessage })
       ] }) }),
-      isLoading && /* @__PURE__ */ jsx("div", { className: "p-4 rounded-lg bg-gray-100 dark:bg-gray-900/50 border border-gray-300 dark:border-gray-700", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-700 dark:border-gray-300 border-t-transparent" }),
+      isLoading && /* @__PURE__ */ jsx("div", { className: "cteditor-p-4 cteditor-rounded-lg cteditor-bg-gray-100 dark:cteditor-bg-gray-900/50 cteditor-border cteditor-border-gray-300 dark:cteditor-border-gray-700", children: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "cteditor-h-5 cteditor-w-5 cteditor-animate-spin cteditor-rounded-full cteditor-border-2 cteditor-border-gray-700 dark:cteditor-border-gray-300 cteditor-border-t-transparent" }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: [
+          /* @__PURE__ */ jsxs("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-gray-900 dark:cteditor-text-gray-100", children: [
             getProviderName(provider),
             " is thinking..."
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 mt-1", children: "This may take a few seconds. Please wait." })
+          /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-gray-600 dark:cteditor-text-gray-400 cteditor-mt-1", children: "This may take a few seconds. Please wait." })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2", children: [
+    /* @__PURE__ */ jsxs(DialogFooter, { className: "cteditor-gap-2", children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -19575,7 +19971,7 @@ Text to transform:
           disabled: isLoading,
           title: "Show AI prompt in the editor text area",
           children: [
-            /* @__PURE__ */ jsx(PanelBottomOpen, { size: 16 }),
+            /* @__PURE__ */ jsx(PanelBottomOpen, { className: "!cteditor-size-4" }),
             "Show in Editor"
           ]
         }
@@ -19586,7 +19982,7 @@ Text to transform:
           onClick: handleSubmit,
           disabled: isLoading || !inputValue.trim(),
           children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent mr-2" }),
+            /* @__PURE__ */ jsx("div", { className: "cteditor-h-4 cteditor-w-4 cteditor-animate-spin cteditor-rounded-full cteditor-border-2 cteditor-border-white cteditor-border-t-transparent cteditor-mr-2" }),
             "Processing..."
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Sparkles, {}),
@@ -19609,6 +20005,7 @@ function InlineAIPrompt({
   const [inputValue, setInputValue] = useState$1("");
   const [isLoading, setIsLoading] = useState$1(false);
   const [status, setStatus] = useState$1("idle");
+  const [showMessage, setShowMessage] = useState$1(true);
   const inputRef = useRef(null);
   const [selectedText, setSelectedText] = useState$1(initialSelectedText);
   useEffect$1(() => {
@@ -19620,6 +20017,7 @@ function InlineAIPrompt({
           if (newSelectedText.trim() !== "") {
             setSelectedText(newSelectedText);
             setStatus("idle");
+            setShowMessage(true);
           }
         }
       });
@@ -19712,12 +20110,14 @@ Text to transform:
       setInputValue("");
       setSelectedText("");
       setStatus("success");
+      setShowMessage(true);
     } catch (error) {
       console.error("Error processing AI action:", error);
       const apiMessage = ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) ?? (error instanceof Error ? error.message : null);
       const safeMessage = apiMessage && !/^Request failed with status code \d+/.test(apiMessage) ? apiMessage : "Error processing your request. Please try again.";
       toast.error(safeMessage);
       setStatus("error");
+      setShowMessage(true);
     } finally {
       setIsLoading(false);
     }
@@ -19734,164 +20134,76 @@ Text to transform:
   const hasSelectedText = selectedText && selectedText.trim() !== "";
   const isCurrentInputImageRequest = isImageGenerationRequest(inputValue);
   const displayText = hasSelectedText ? selectedText.length > 50 ? selectedText.substring(0, 50) + "..." : selectedText : "";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        bottom: "12px",
-        left: "50%",
-        transform: "translateX(-50%)",
-        display: "flex",
-        flexDirection: "column",
-        gap: "8px",
-        backgroundColor: "#1a1a1a",
-        padding: "12px 16px",
-        borderRadius: "12px",
-        border: "1px solid #333",
-        boxShadow: "0 8px 24px rgba(0,0,0,0.4)",
-        zIndex: 10,
-        maxWidth: "500px"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "8px",
-              padding: "6px 10px",
-              backgroundColor: status === "success" ? "#1a2e1a" : status === "error" ? "#2e1a1a" : hasSelectedText ? "#2a2a2a" : isCurrentInputImageRequest ? "#2a3a2a" : "#3a2a2a",
-              borderRadius: "6px",
-              fontSize: "12px",
-              color: "#999",
-              border: status === "success" ? "1px solid #3a5a3a" : status === "error" ? "1px solid #5a3a3a" : hasSelectedText ? "none" : isCurrentInputImageRequest ? "1px solid #3a5a3a" : "1px solid #5a3a3a"
-            },
-            children: status === "success" ? /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "✓ Content inserted! Select new text or enter another prompt" }) : status === "error" ? /* @__PURE__ */ jsx("span", { style: { color: "#f87171" }, children: "✗ Request failed. Try again or select different text" }) : hasSelectedText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("span", { style: { color: "#666" }, children: "Selected:" }),
-              /* @__PURE__ */ jsxs("span", { style: { color: "#ccc", fontStyle: "italic" }, children: [
-                '"',
-                displayText,
-                '"'
-              ] })
-            ] }) : isCurrentInputImageRequest ? /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "🖼️ Image generation mode - no text selection required" }) : /* @__PURE__ */ jsx("span", { style: { color: "#f87171" }, children: "⚠ Please select some text or enter an image generation prompt" })
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-          /* @__PURE__ */ jsx(Sparkles, { size: 16, style: { color: "#fff", flexShrink: 0 } }),
-          /* @__PURE__ */ jsxs(
-            "select",
-            {
-              value: provider,
-              onChange: (e) => setProvider(e.target.value),
-              style: {
-                width: "100px",
-                height: "32px",
-                padding: "0 8px",
-                fontSize: "13px",
-                fontWeight: 500,
-                border: "1px solid #444",
-                borderRadius: "6px",
-                outline: "none",
-                backgroundColor: "#2a2a2a",
-                color: "#fff",
-                cursor: "pointer"
-              },
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "chatgpt", children: "ChatGPT" }),
-                /* @__PURE__ */ jsx("option", { value: "claude", children: "Claude" }),
-                /* @__PURE__ */ jsx("option", { value: "grok", children: "Grok" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              value: inputValue,
-              onChange: (e) => {
-                setInputValue(e.target.value);
-                if (status !== "idle")
-                  setStatus("idle");
-              },
-              onKeyDown: handleKeyDown,
-              placeholder: hasSelectedText ? "What do you want to do with this text?" : "Generate image of... or select text",
-              disabled: isLoading,
-              style: {
-                width: "280px",
-                height: "32px",
-                padding: "0 12px",
-                fontSize: "13px",
-                border: "1px solid #444",
-                borderRadius: "6px",
-                outline: "none",
-                backgroundColor: "#2a2a2a",
-                color: "#fff"
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleSubmit,
-              disabled: isLoading || !inputValue.trim(),
-              style: {
-                height: "32px",
-                width: "32px",
-                backgroundColor: "#fff",
-                color: "#1a1a1a",
-                borderRadius: "6px",
-                border: "none",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                cursor: isLoading || !inputValue.trim() ? "not-allowed" : "pointer",
-                opacity: isLoading || !inputValue.trim() ? 0.5 : 1,
-                flexShrink: 0,
-                transition: "background-color 0.2s"
-              },
-              children: isLoading ? /* @__PURE__ */ jsx("div", { style: {
-                height: "14px",
-                width: "14px",
-                border: "2px solid #1a1a1a",
-                borderTopColor: "transparent",
-                borderRadius: "50%",
-                animation: "spin 1s linear infinite"
-              } }) : /* @__PURE__ */ jsx(Send, { size: 14 })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              style: {
-                height: "32px",
-                width: "32px",
-                backgroundColor: "transparent",
-                color: "#888",
-                borderRadius: "6px",
-                border: "none",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                cursor: "pointer",
-                flexShrink: 0,
-                transition: "color 0.2s"
-              },
-              title: "Close (Esc)",
-              onMouseEnter: (e) => e.currentTarget.style.color = "#fff",
-              onMouseLeave: (e) => e.currentTarget.style.color = "#888",
-              children: /* @__PURE__ */ jsx(X$1, { size: 16 })
-            }
-          )
+  return /* @__PURE__ */ jsxs("div", { className: "cteditor-absolute cteditor-bottom-1 cteditor-left-1/2 cteditor--translate-x-1/2 cteditor-flex cteditor-flex-col cteditor-gap-2 cteditor-bg-[#1a1a1a] cteditor-px-2 cteditor-py-2 cteditor-rounded-md cteditor-border cteditor-border-[#333] cteditor-shadow-[0_8px_24px_rgba(0,0,0,0.4)] cteditor-z-10 cteditor-max-w-[500px]", children: [
+    showMessage && /* @__PURE__ */ jsxs("div", { className: `cteditor-relative cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-pl-2.5 cteditor-pr-6 cteditor-py-1.5 cteditor-rounded-md cteditor-text-xs cteditor-text-[#999] ${status === "success" ? "cteditor-bg-[#1a2e1a] cteditor-border cteditor-border-[#3a5a3a]" : status === "error" ? "cteditor-bg-[#2e1a1a] cteditor-border cteditor-border-[#5a3a3a]" : hasSelectedText ? "cteditor-bg-[#2a2a2a]" : isCurrentInputImageRequest ? "cteditor-bg-[#2a3a2a] cteditor-border cteditor-border-[#3a5a3a]" : "cteditor-bg-[#3a2a2a] cteditor-border cteditor-border-[#5a3a3a]"}`, children: [
+      status === "success" ? /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#4ade80]", children: "✓ Content inserted! Select new text or enter another prompt" }) : status === "error" ? /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#f87171]", children: "✗ Request failed. Try again or select different text" }) : hasSelectedText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#666]", children: "Selected:" }),
+        /* @__PURE__ */ jsxs("span", { className: "cteditor-text-[#ccc] cteditor-italic", children: [
+          '"',
+          displayText,
+          '"'
         ] })
-      ]
-    }
-  );
+      ] }) : isCurrentInputImageRequest ? /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#4ade80]", children: "🖼️ Image generation mode - no text selection required" }) : /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#f87171]", children: "⚠ Please select some text or enter an image generation prompt" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowMessage(false),
+          className: "cteditor-absolute cteditor-right-1 cteditor-top-1/2 cteditor--translate-y-1/2 cteditor-size-4 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-text-[#888] hover:cteditor-text-white cteditor-transition-colors cteditor-duration-200 cteditor-cursor-pointer",
+          title: "Close message",
+          children: /* @__PURE__ */ jsx(X$1, { size: 12 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
+      /* @__PURE__ */ jsxs(Select, { value: provider, onValueChange: (v2) => setProvider(v2), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "cteditor-max-w-[90px] !cteditor-h-8 cteditor-text-xs cteditor-font-medium cteditor-border-[#444] cteditor-bg-[#2a2a2a] cteditor-text-white  !cteditor-px-2 !cteditor-py-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select provider" }) }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "chatgpt", children: "ChatGPT" }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "claude", children: "Claude" }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "grok", children: "Grok" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: inputValue,
+          onChange: (e) => {
+            setInputValue(e.target.value);
+            if (status !== "idle")
+              setStatus("idle");
+            setShowMessage(true);
+          },
+          onKeyDown: handleKeyDown,
+          placeholder: hasSelectedText ? "What do you want to do with this text?" : "Generate image of... or select text",
+          disabled: isLoading,
+          className: " cteditor-h-8 cteditor-px-2 cteditor-text-xs cteditor-w-full cteditor-border cteditor-border-[#444] cteditor-rounded-md cteditor-outline-none cteditor-bg-[#2a2a2a] cteditor-text-white md:cteditor-w-60"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSubmit,
+          disabled: isLoading || !inputValue.trim(),
+          className: `cteditor-h-8 cteditor-w-8 cteditor-bg-white cteditor-text-[#1a1a1a] cteditor-rounded-md cteditor-border-none cteditor-flex cteditor-items-center cteditor-justify-center cteditor-shrink-0 cteditor-transition-colors cteditor-duration-200 ${isLoading || !inputValue.trim() ? "cteditor-cursor-not-allowed cteditor-opacity-50" : "cteditor-cursor-pointer cteditor-opacity-100"}`,
+          children: isLoading ? /* @__PURE__ */ jsx("div", { className: "cteditor-h-3.5 cteditor-w-3.5 cteditor-border-2 cteditor-border-[#1a1a1a] cteditor-border-t-transparent cteditor-rounded-full cteditor-animate-spin" }) : /* @__PURE__ */ jsx(Send, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "cteditor-size-8   cteditor-bg-background cteditor-text-[#888]  cteditor-flex cteditor-items-center cteditor-justify-center cteditor-cursor-pointer cteditor-shrink-0 cteditor-transition-colors cteditor-duration-200 hover:cteditor-text-white cteditor-rounded-md cteditor-border cteditor-border-[#333] cteditor-shadow-[0_8px_24px_rgba(0,0,0,0.4)]",
+          title: "Close (Esc)",
+          children: /* @__PURE__ */ jsx(X$1, { size: 16 })
+        }
+      )
+    ] })
+  ] });
 }
 function useAIChatToolbar(editor, apiKey, anchorElem) {
   const [isVisible, setIsVisible] = useState$1(false);
@@ -20061,6 +20373,94 @@ function TableOptionPlugin() {
   }, [editor, createInstantTable]);
   return /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: createInstantTable, size: "icon-sm", children: /* @__PURE__ */ jsx("span", { className: "[&_svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(Table, {}) }) });
 }
+const VoiceTranscriptIcon = () => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "2px",
+        height: "12px",
+        lineHeight: "12px",
+        verticalAlign: "middle"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: "2px",
+              height: "8px",
+              backgroundColor: "#ef4444",
+              borderRadius: "1px",
+              display: "inline-block",
+              animation: "voice-wave 1.2s ease-in-out infinite",
+              animationDelay: "0s"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: "2px",
+              height: "10px",
+              backgroundColor: "#ef4444",
+              borderRadius: "1px",
+              display: "inline-block",
+              animation: "voice-wave 1.2s ease-in-out infinite",
+              animationDelay: "0.2s"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: "2px",
+              height: "12px",
+              backgroundColor: "#ef4444",
+              borderRadius: "1px",
+              display: "inline-block",
+              animation: "voice-wave 1.2s ease-in-out infinite",
+              animationDelay: "0.4s"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: "2px",
+              height: "10px",
+              backgroundColor: "#ef4444",
+              borderRadius: "1px",
+              display: "inline-block",
+              animation: "voice-wave 1.2s ease-in-out infinite",
+              animationDelay: "0.6s"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: "2px",
+              height: "8px",
+              backgroundColor: "#ef4444",
+              borderRadius: "1px",
+              display: "inline-block",
+              animation: "voice-wave 1.2s ease-in-out infinite",
+              animationDelay: "0.8s"
+            }
+          }
+        )
+      ]
+    }
+  );
+};
 createCommand();
 const INSERT_TRANSCRIPT_COMMAND = createCommand();
 const VoiceTranscriptEditorPlugin = () => {
@@ -20164,16 +20564,17 @@ const TextCursorIcon = ({ isRecording, editor }) => {
       style: {
         position: "fixed",
         left: position.x + 5,
-        top: position.y - 2,
+        top: position.y + (17 - 12) / 2,
+        // Center align with 17px line height
         zIndex: 9999,
         pointerEvents: "none",
-        fontSize: "14px",
-        color: "#ef4444",
-        animation: "cursor-mic-bounce 1s infinite",
-        filter: "drop-shadow(0 1px 2px rgba(0,0,0,0.3))",
-        userSelect: "none"
+        userSelect: "none",
+        display: "flex",
+        alignItems: "center",
+        lineHeight: "17px",
+        height: "17px"
       },
-      children: "🎤"
+      children: /* @__PURE__ */ jsx(VoiceTranscriptIcon, {})
     }
   );
 };
@@ -20586,10 +20987,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-d2f5d9cb.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-726a8ef6.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-0e71462c.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-2638cd01.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -23364,12 +23765,8 @@ const ColorPicker$2 = ({
   const [selectedColor, setSelectedColor] = useState$1("#FFFFFF");
   const [open, setOpen] = useState$1(false);
   const [showAdvanced, setShowAdvanced] = useState$1(false);
-  const [isInteracting, setIsInteracting] = useState$1(false);
-  const colorPickerRef = useRef(null);
-  const popoverRef = useRef(null);
-  const interactionTimeoutRef = useRef(
-    null
-  );
+  const isPointerDownRef = useRef(false);
+  const openedAtRef = useRef(0);
   const handleColorSelect = (color) => {
     setSelectedColor(color);
     onChange(color);
@@ -23378,77 +23775,28 @@ const ColorPicker$2 = ({
     handleColorSelect(color);
     setOpen(false);
   };
-  const isColorPickerElement = (element) => {
-    var _a, _b;
-    if (!element)
-      return false;
-    if ((_a = popoverRef.current) == null ? void 0 : _a.contains(element))
-      return true;
-    if ((_b = colorPickerRef.current) == null ? void 0 : _b.contains(element))
-      return true;
-    const colorfulSelectors = [
-      ".react-colorful",
-      ".react-colorful__saturation",
-      ".react-colorful__hue",
-      ".react-colorful__pointer",
-      ".react-colorful__interactive",
-      ".react-colorful__saturation-pointer",
-      ".react-colorful__hue-pointer",
-      "[data-radix-popper-content-wrapper]",
-      "[data-radix-popover-content]"
-    ];
-    return colorfulSelectors.some(
-      (selector) => {
-        var _a2, _b2;
-        return ((_a2 = element.matches) == null ? void 0 : _a2.call(element, selector)) || ((_b2 = element.closest) == null ? void 0 : _b2.call(element, selector));
-      }
-    );
-  };
   const startInteraction = () => {
-    setIsInteracting(true);
-    if (interactionTimeoutRef.current) {
-      clearTimeout(interactionTimeoutRef.current);
-    }
+    isPointerDownRef.current = true;
   };
   const endInteraction = () => {
-    interactionTimeoutRef.current = setTimeout(() => {
-      setIsInteracting(false);
-    }, 300);
+    isPointerDownRef.current = false;
   };
   useEffect$1(() => {
-    const handleStart = (e) => {
-      if (isColorPickerElement(e.target)) {
-        startInteraction();
-      }
-    };
-    const handleEnd = () => {
-      endInteraction();
+    const handleGlobalPointerUp = () => {
+      isPointerDownRef.current = false;
     };
-    document.addEventListener("mousedown", handleStart, true);
-    document.addEventListener("touchstart", handleStart, true);
-    document.addEventListener("mouseup", handleEnd, true);
-    document.addEventListener("touchend", handleEnd, true);
-    document.addEventListener("dragstart", handleStart, true);
-    document.addEventListener("dragend", handleEnd, true);
+    document.addEventListener("pointerup", handleGlobalPointerUp);
+    document.addEventListener("pointercancel", handleGlobalPointerUp);
     return () => {
-      document.removeEventListener("mousedown", handleStart, true);
-      document.removeEventListener("touchstart", handleStart, true);
-      document.removeEventListener("mouseup", handleEnd, true);
-      document.removeEventListener("touchend", handleEnd, true);
-      document.removeEventListener("dragstart", handleStart, true);
-      document.removeEventListener("dragend", handleEnd, true);
-      if (interactionTimeoutRef.current) {
-        clearTimeout(interactionTimeoutRef.current);
-      }
+      document.removeEventListener("pointerup", handleGlobalPointerUp);
+      document.removeEventListener("pointercancel", handleGlobalPointerUp);
     };
   }, []);
   useEffect$1(() => {
     if (!open) {
       setShowAdvanced(false);
-      setIsInteracting(false);
-      if (interactionTimeoutRef.current) {
-        clearTimeout(interactionTimeoutRef.current);
-      }
+      isPointerDownRef.current = false;
+      openedAtRef.current = 0;
     }
   }, [open]);
   const isValidHexColor = (hex) => {
@@ -23475,7 +23823,18 @@ const ColorPicker$2 = ({
     Popover,
     {
       open,
-      onOpenChange: setOpen,
+      onOpenChange: (newOpen) => {
+        if (!newOpen && isPointerDownRef.current) {
+          return;
+        }
+        if (!newOpen && Date.now() - openedAtRef.current < 150) {
+          return;
+        }
+        if (newOpen) {
+          openedAtRef.current = Date.now();
+        }
+        setOpen(newOpen);
+      },
       modal: false,
       children: [
         /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -23485,6 +23844,9 @@ const ColorPicker$2 = ({
             size: "icon-sm",
             className: "cteditor-size-[18px]",
             title,
+            onMouseDown: (e) => {
+              e.preventDefault();
+            },
             children: /* @__PURE__ */ jsx(
               "span",
               {
@@ -23498,21 +23860,32 @@ const ColorPicker$2 = ({
         /* @__PURE__ */ jsx(
           PopoverContent,
           {
-            ref: popoverRef,
             className: "cteditor-w-auto cteditor-p-0 cteditor-border-none cteditor-shadow-lg cteditor-bg-transparent !cteditor-z-[99999]",
             sideOffset: 5,
             id: "color-picker",
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            onCloseAutoFocus: (e) => e.preventDefault(),
+            onInteractOutside: (e) => {
+              const target = e.target;
+              if (target.closest(".react-colorful") || target.closest(".react-colorful-wrapper") || target.closest("[data-radix-popper-content-wrapper]") || target.closest("#color-picker")) {
+                e.preventDefault();
+              }
+            },
             children: /* @__PURE__ */ jsxs(
               "div",
               {
                 className: "cteditor-bg-popover cteditor-rounded-lg cteditor-p-3",
                 style: { width: "240px" },
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                },
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "cteditor-grid cteditor-grid-cols-7 cteditor-gap-2 cteditor-mb-4", children: colorPalette.map((color, index2) => /* @__PURE__ */ jsx(
                     "button",
                     {
                       className: `cteditor-w-7 cteditor-h-7 cteditor-rounded cteditor-border-2 hover:cteditor-border-white cteditor-transition-all cteditor-duration-200 cteditor-cursor-pointer hover:cteditor-scale-105 ${selectedColor.toUpperCase() === color.toUpperCase() ? "cteditor-border-white cteditor-shadow-lg" : "cteditor-border-gray-500"}`,
                       style: { backgroundColor: color },
+                      onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handlePresetClick(color),
                       title: color
                     },
@@ -23521,6 +23894,7 @@ const ColorPicker$2 = ({
                   /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-mb-2", children: /* @__PURE__ */ jsxs(
                     "button",
                     {
+                      onMouseDown: (e) => e.preventDefault(),
                       onClick: () => setShowAdvanced(!showAdvanced),
                       className: "cteditor-text-xs cteditor-text-primary/90 hover:cteditor-text-primary cteditor-transition-colors cteditor-flex cteditor-items-center cteditor-gap-2\n",
                       children: [
@@ -23532,36 +23906,26 @@ const ColorPicker$2 = ({
                   showAdvanced && /* @__PURE__ */ jsx(
                     "div",
                     {
-                      ref: colorPickerRef,
-                      className: "cteditor-mb-2.5 select-none",
-                      onMouseDown: (e) => {
-                        e.stopPropagation();
-                        startInteraction();
-                      },
-                      onTouchStart: (e) => {
-                        e.stopPropagation();
-                        startInteraction();
+                      className: "cteditor-mb-2.5 select-none [&>div]:cteditor-w-full [&>div>div]:cteditor-w-full",
+                      onPointerDown: (e) => {
+                        const target = e.target;
+                        if (target.closest(".react-colorful")) {
+                          startInteraction();
+                        }
                       },
-                      onMouseUp: () => endInteraction(),
-                      onTouchEnd: () => endInteraction(),
-                      onMouseLeave: () => endInteraction(),
+                      onPointerUp: endInteraction,
+                      onPointerLeave: endInteraction,
+                      onPointerCancel: endInteraction,
                       style: {
                         touchAction: "none",
                         userSelect: "none",
                         WebkitUserSelect: "none"
                       },
                       children: /* @__PURE__ */ jsx(
-                        "div",
+                        Z,
                         {
-                          onMouseDown: (e) => e.stopPropagation(),
-                          onTouchStart: (e) => e.stopPropagation(),
-                          children: /* @__PURE__ */ jsx(
-                            Z,
-                            {
-                              color: isValidHexColor(selectedColor) ? selectedColor : "#FFFFFF",
-                              onChange: handleColorSelect
-                            }
-                          )
+                          color: isValidHexColor(selectedColor) ? selectedColor : "#FFFFFF",
+                          onChange: handleColorSelect
                         }
                       )
                     }
@@ -26195,10 +26559,44 @@ const Toolbar = ({
   const [isImageDialogOpen, setIsImageDialogOpen] = useState$1(false);
   const [isChartDialogOpen, setIsChartDialogOpen] = useState$1(false);
   const [isFeatureSuggestionDialogOpen, setIsFeatureSuggestionDialogOpen] = useState$1(false);
+  const [moreMenuSearch, setMoreMenuSearch] = useState$1("");
+  const searchInputRef = useRef(null);
   const classes = useStyles$1();
   const { hasFormat, isEditorEmpty, blockType, clearFormatting } = useEditorToolbar();
   const { clearEditorContent } = useCustomCommands();
   const { toolbarState, updateToolbarState } = useToolbarState();
+  const menuItemsConfig = {
+    blockFormat: { label: "Block Format", keywords: ["paragraph", "heading", "quote", "code", "block"] },
+    fontFamily: { label: "Font Family", keywords: ["font", "family", "typeface", "arial", "times"] },
+    fontSize: { label: "Font Size", keywords: ["size", "text size", "bigger", "smaller"] },
+    alignMenu: { label: "Alignment", keywords: ["align", "left", "center", "right", "justify"] },
+    inlineFormats: { label: "Text Formatting", keywords: ["bold", "italic", "underline", "format"] },
+    codeBlock: { label: "Code Block", keywords: ["code", "programming", "syntax"] },
+    formatTextMenu: { label: "Format Menu", keywords: ["format", "style", "text"] },
+    imageInsert: { label: "Insert Image", keywords: ["image", "picture", "photo", "insert"] },
+    tableOptions: { label: "Table", keywords: ["table", "grid", "rows", "columns"] },
+    chartInsert: { label: "Insert Chart", keywords: ["chart", "graph", "visualization", "data"] },
+    link: { label: "Link", keywords: ["link", "url", "hyperlink", "anchor"] },
+    colorPickers: { label: "Colors", keywords: ["color", "font color", "background", "highlight"] },
+    emoji: { label: "Emoji", keywords: ["emoji", "emoticon", "smiley", "face"] },
+    todo: { label: "Todo List", keywords: ["todo", "checklist", "task", "checkbox"] },
+    notePanels: { label: "Note Panels", keywords: ["note", "panel", "callout", "info", "warning"] },
+    highlight: { label: "Highlight", keywords: ["highlight", "marker", "emphasis"] },
+    insertMenu: { label: "Insert Menu", keywords: ["insert", "add", "embed"] },
+    autocomplete: { label: "Autocorrection", keywords: ["autocomplete", "autocorrect", "spelling", "grammar"] },
+    htmlView: { label: "HTML View", keywords: ["html", "code", "source", "view"] },
+    aiOptions: { label: "AI Options", keywords: ["ai", "artificial intelligence", "magic", "generate", "grammar", "translate", "simplify"] }
+  };
+  const matchesSearch = (itemId) => {
+    if (!moreMenuSearch.trim())
+      return true;
+    const config = menuItemsConfig[itemId];
+    if (!config)
+      return true;
+    const searchLower = moreMenuSearch.toLowerCase();
+    return config.label.toLowerCase().includes(searchLower) || config.keywords.some((keyword) => keyword.toLowerCase().includes(searchLower));
+  };
+  const hasMatchingItems = Array.from(hiddenItemIds).some((id) => matchesSearch(id));
   const { isHtmlView, setIsHtmlView, htmlContent, setHtmlContent } = useHtmlView();
   const { apiKey } = useEditor();
   useEffect$1(() => {
@@ -26702,6 +27100,16 @@ const Toolbar = ({
                     ]
                   }
                 ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-toolbar-item": "voiceTranscript",
+                    className: "cteditor-flex cteditor-items-center",
+                    children: /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor })
+                  }
+                ),
+                /* @__PURE__ */ jsx(VoiceTranscriptPlugin, {}),
+                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
                 enableTextFormatting && /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -26976,7 +27384,7 @@ const Toolbar = ({
                 ] }) }),
                 /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
                 /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
                     Button,
                     {
                       "data-toolbar-item": "exportPdf",
@@ -26984,11 +27392,8 @@ const Toolbar = ({
                       size: "sm",
                       disabled: isExportingPDF,
                       onClick: handleExportPDF,
-                      className: "cteditor-relative",
-                      children: [
-                        isExportingPDF ? /* @__PURE__ */ jsx(Loader2, { className: "!cteditor-size-4 cteditor-animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "!cteditor-size-4" }),
-                        /* @__PURE__ */ jsx("span", {})
-                      ]
+                      className: "cteditor-relative !cteditor-h-6",
+                      children: isExportingPDF ? /* @__PURE__ */ jsx(Loader2, { className: "!cteditor-size-4 cteditor-animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "!cteditor-size-4" })
                     }
                   ) }),
                   /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: isExportingPDF ? `Exporting... ${exportProgress}%` : "Export PDF" }) })
@@ -26999,10 +27404,11 @@ const Toolbar = ({
                     {
                       variant: "outline",
                       size: "sm",
-                      className: "cteditor-px-3 cteditor-gap-2 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
+                      className: "cteditor-px-2 cteditor-gap-1 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
                       children: [
                         /* @__PURE__ */ jsx(MagicoonIcon, {}),
-                        " Go with AI"
+                        " Go with AI  ",
+                        /* @__PURE__ */ jsx(ChevronDown, { className: "!cteditor-size-4" })
                       ]
                     }
                   ) }),
@@ -27128,430 +27534,6 @@ const Toolbar = ({
               ]
             }
           ),
-          showMoreMenu && /* @__PURE__ */ jsx("div", { className: "cteditor-flex-shrink-0 cteditor-h-7", children: /* @__PURE__ */ jsxs(
-            DropdownMenu,
-            {
-              open: isMoreMenuOpen,
-              onOpenChange: setIsMoreMenuOpen,
-              children: [
-                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: "ghost",
-                    className: "!cteditor-px-1 !cteditor-py-0.5 !cteditor-h-7 !cteditor-gap-1 !cteditor-bg-accent",
-                    children: [
-                      /* @__PURE__ */ jsx(Plus, { className: "!cteditor-size-5" }),
-                      /* @__PURE__ */ jsx(ChevronDown, { className: "!cteditor-size-3.5" })
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(
-                  DropdownMenuContent,
-                  {
-                    align: "end",
-                    className: "cteditor-w-56 cteditor-max-h-[400px] cteditor-overflow-y-auto",
-                    onCloseAutoFocus: (e) => e.preventDefault(),
-                    onPointerDownOutside: (e) => {
-                      const target = e.target;
-                      if (target.closest(".react-colorful") || target.closest(".emoji-picker-react") || target.closest("[data-voice-transcript]") || target.closest("[data-radix-popper-content-wrapper]") || target.closest("[data-radix-popover-content]") || target.closest("[data-radix-dropdown-menu-content]") || target.closest("#emoji-picker") || target.closest("#highlight-color-picker") || target.closest("#color-picker")) {
-                        e.preventDefault();
-                      }
-                    },
-                    onInteractOutside: (e) => {
-                      const target = e.target;
-                      if (target.closest(".react-colorful") || target.closest(".emoji-picker-react") || target.closest("[data-voice-transcript]") || target.closest("[data-radix-popper-content-wrapper]") || target.closest("[data-radix-popover-content]") || target.closest("[data-radix-dropdown-menu-content]") || target.closest("#emoji-picker") || target.closest("#highlight-color-picker") || target.closest("#color-picker")) {
-                        e.preventDefault();
-                      }
-                    },
-                    children: [
-                      enableTextFormatting && activeEditor === editor && hiddenItemIds.has("blockFormat") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(
-                          DropdownMenuItem,
-                          {
-                            asChild: true,
-                            onSelect: (e) => e.preventDefault(),
-                            children: /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                className: "cteditor-w-full",
-                                onClick: (e) => e.stopPropagation(),
-                                children: /* @__PURE__ */ jsx(BlockFormatMenu, { blockType })
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-                      ] }),
-                      enableFontControls && (hiddenItemIds.has("fontFamily") || hiddenItemIds.has("fontSize")) && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(
-                          DropdownMenuItem,
-                          {
-                            asChild: true,
-                            onSelect: (e) => e.preventDefault(),
-                            children: /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                className: "cteditor-w-full",
-                                onClick: (e) => e.stopPropagation(),
-                                children: /* @__PURE__ */ jsx(
-                                  FontFamilyMenu,
-                                  {
-                                    fonts,
-                                    activeEditor
-                                  }
-                                )
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          DropdownMenuItem,
-                          {
-                            asChild: true,
-                            onSelect: (e) => e.preventDefault(),
-                            children: /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                className: "cteditor-w-full ",
-                                onClick: (e) => e.stopPropagation(),
-                                children: /* @__PURE__ */ jsx(FontSizeControl, {})
-                              }
-                            )
-                          }
-                        )
-                      ] }),
-                      enableImageOptions && activeEditor === editor && hiddenItemIds.has("imageInsert") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: openImageDialog, children: [
-                        /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Image$2, {}) }),
-                        "Insert Image"
-                      ] }),
-                      enableTableOptions && activeEditor === editor && hiddenItemIds.has("tableOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-                        DropdownMenuItem,
-                        {
-                          asChild: true,
-                          onSelect: () => {
-                            editor.dispatchCommand(
-                              CREATE_TABLE_COMMAND,
-                              void 0
-                            );
-                          },
-                          children: /* @__PURE__ */ jsxs(
-                            "div",
-                            {
-                              className: "cteditor-w-full",
-                              onClick: (e) => e.stopPropagation(),
-                              children: [
-                                /* @__PURE__ */ jsx(TableOptionPlugin, {}),
-                                "Table"
-                              ]
-                            }
-                          )
-                        }
-                      ) }),
-                      activeEditor === editor && hiddenItemIds.has("chartInsert") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: openChartDialog, children: [
-                        /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(ChartBarIcon, {}) }),
-                        "Insert Chart"
-                      ] }),
-                      enableTextFormatting && hiddenItemIds.has("inlineFormats") && /* @__PURE__ */ jsxs(
-                        DropdownMenuItem,
-                        {
-                          onClick: () => activeEditor.dispatchCommand(
-                            FORMAT_TEXT_COMMAND,
-                            "strikethrough"
-                          ),
-                          children: [
-                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
-                            "Strikethrough"
-                          ]
-                        }
-                      ),
-                      enableCodeFormat && activeEditor === editor && hiddenItemIds.has("codeBlock") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: formatCodeBlock, children: [
-                        /* @__PURE__ */ jsx("div", { className: " [&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
-                        "Code Block"
-                      ] }),
-                      enableFormatTextMenu && activeEditor === editor && hiddenItemIds.has("formatTextMenu") && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full  cteditor-pt-1", children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60  cteditor-px-2", children: "Format" }),
-                        /* @__PURE__ */ jsx(
-                          FormatTextMenuDrop,
-                          {
-                            hasFormat,
-                            blockType
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
-                      ] }),
-                      enableColorPicker && activeEditor === editor && hiddenItemIds.has("colorPickers") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
-                          /* @__PURE__ */ jsx(
-                            ColorPicker$2,
-                            {
-                              title: "Font color",
-                              onChange: (color) => {
-                                onFontColorSelect(color);
-                                setIsMoreMenuOpen(true);
-                              },
-                              icon: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center", children: [
-                                /* @__PURE__ */ jsx("p", { className: "cteditor-text-[11px] cteditor-leading-none", children: "A" }),
-                                /* @__PURE__ */ jsx(
-                                  "div",
-                                  {
-                                    className: "cteditor-w-[14px] cteditor-h-[2px]",
-                                    style: {
-                                      backgroundColor: toolbarState.fontColor
-                                    }
-                                  }
-                                )
-                              ] }),
-                              bgClassName: "bg-input"
-                            },
-                            "color-picker-dropdown"
-                          ),
-                          /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-xs", children: "Font Color" })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
-                          /* @__PURE__ */ jsx(
-                            ColorPicker$2,
-                            {
-                              title: "Background color",
-                              onChange: (color) => {
-                                onBgColorSelect(color);
-                                setIsMoreMenuOpen(true);
-                              }
-                            },
-                            "bg-color-picker-dropdown"
-                          ),
-                          /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-xs", children: "Background Color" })
-                        ] })
-                      ] }),
-                      enableLinks && activeEditor === editor && hiddenItemIds.has("link") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: insertLink, children: [
-                        /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(LinkIcon, {}) }),
-                        isLinkActive ? "Remove Link" : "Insert Link"
-                      ] }),
-                      enableEmojiPicker && hiddenItemIds.has("emoji") && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-px-2 cteditor-py-1.5", children: [
-                        /* @__PURE__ */ jsx(
-                          EmojiPickerWidget,
-                          {
-                            icon: /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(FaceSmileIcon, {}) }),
-                            onChange: (emojiData) => {
-                              handleEmojiClick(emojiData);
-                              setIsMoreMenuOpen(true);
-                            }
-                          },
-                          "emoji-picker-dropdown"
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Emoji" })
-                      ] }),
-                      enableInsertMenu && activeEditor === editor && hiddenItemIds.has("insertMenu") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full ", children: [
-                          /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2 cteditor-pt-2", children: "Insert Menu" }),
-                          /* @__PURE__ */ jsx(InsertMenuDrop, {})
-                        ] }),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
-                      ] }),
-                      enableTodoList && activeEditor === editor && hiddenItemIds.has("todo") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: createTodo, children: [
-                        /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(TodoIcon, {}) }),
-                        "Todo List"
-                      ] }) }),
-                      enableNotePanels && activeEditor === editor && hiddenItemIds.has("notePanels") && /* @__PURE__ */ jsx(
-                        DropdownMenuItem,
-                        {
-                          asChild: true,
-                          onSelect: (e) => e.preventDefault(),
-                          children: /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: "cteditor-w-full",
-                              onClick: (e) => e.stopPropagation(),
-                              children: /* @__PURE__ */ jsxs("div", { className: "[&>svg]:!cteditor-size-4 [&>button]:!cteditor-size-6 cteditor-gap-2  cteditor-flex cteditor-items-center", children: [
-                                /* @__PURE__ */ jsx(NotePanelMenu, {}),
-                                "Insert Note Panel"
-                              ] })
-                            }
-                          )
-                        }
-                      ),
-                      hiddenItemIds.has("highlight") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
-                        /* @__PURE__ */ jsx(
-                          HighlightColorPicker,
-                          {
-                            onChange: (color) => {
-                              onHighlightColorSelect(color);
-                              setIsMoreMenuOpen(true);
-                            },
-                            isActive: toolbarState.isHighlight
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Highlight" })
-                      ] }) }),
-                      enableAlignment && activeEditor === editor && hiddenItemIds.has("alignMenu") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-pt-2", children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2", children: "Align Menu" }),
-                        /* @__PURE__ */ jsx(AlignMenuDrop, {})
-                      ] }) }),
-                      hiddenItemIds.has("aiOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full", children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2  cteditor-pt-2", children: "Go with AI" }),
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-aiOption cteditor-w-full  [&>button]:cteditor-relative [&>button]:cteditor-flex [&>button]:cteditor-cursor-pointer [&>button]:cteditor-select-none [&>button]:cteditor-items-center [&>button]:cteditor-gap-2 [&>button]:cteditor-rounded-sm [&>button]:cteditor-px-2 [&>button]:cteditor-py-1.5 [&>button]:cteditor-text-[13px] [&>button]:cteditor-outline-none [&>button]:cteditor-transition-colors focus:[&>button]:cteditor-bg-foreground/5 focus:[&>button]:cteditor-text-accent-foreground hover:[&>button]:cteditor-bg-foreground/5 [&>button]:data-[disabled]:cteditor-pointer-events-none [&>button]:data-[disabled]:cteditor-opacity-50 [&>button>svg]:cteditor-size-4 [&>button>svg]:cteditor-shrink-0", children: [
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                type: "SPELLING_GRAMMAR"
-                              }),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
-                                "Fix Grammar"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                type: "SIMPLIFY"
-                              }),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
-                                "Simplify"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                type: "COMPLETE_SENTENCE"
-                              }),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
-                                "Complete Sentence"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                type: "EMOJIFY"
-                              }),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
-                                "Emojify"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(
-                                AI_TRANSLATE_COMMAND,
-                                void 0
-                              ),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
-                                "Translate"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                type: "MAKE_LONGER"
-                              }),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(Maximize2, {}) }),
-                                "Make Longer"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                type: "MAKE_SHORTER"
-                              }),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(Minimize2, {}) }),
-                                "Make Shorter"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(
-                                AI_ADJUST_TONE_COMMAND,
-                                void 0
-                              ),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(Volume2, {}) }),
-                                "Adjust Tone"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                type: "AI_RESPONSE"
-                              }),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
-                                "AI"
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs(
-                            "button",
-                            {
-                              onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, void 0),
-                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
-                                "Generate Image"
-                              ]
-                            }
-                          )
-                        ] })
-                      ] }) }),
-                      (enableHtmlViewToggle || enableHtmlView) && hiddenItemIds.has("htmlView") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenuItem,
-                          {
-                            onClick: toggleHtmlView,
-                            disabled: !editable,
-                            children: [
-                              /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FileCode2, {}) }),
-                              isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
-                            ]
-                          }
-                        )
-                      ] }),
-                      enableAutocompleteToggle && hiddenItemIds.has("autocomplete") && /* @__PURE__ */ jsxs(
-                        DropdownMenuItem,
-                        {
-                          onClick: toggleAutocomplete,
-                          disabled: !editable,
-                          children: [
-                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(SearchTextIcon2, {}) }),
-                            toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection"
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ) }),
           enableAIChat && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
               Button,
@@ -27570,15 +27552,6 @@ const Toolbar = ({
             ) }),
             /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "AI Chat" }) })
           ] }) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              "data-toolbar-item": "voiceTranscript",
-              className: "cteditor-flex cteditor-items-center",
-              children: /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor })
-            }
-          ),
-          /* @__PURE__ */ jsx(VoiceTranscriptPlugin, {}),
           enableClearOptions && /* @__PURE__ */ jsxs(
             "div",
             {
@@ -27662,7 +27635,469 @@ const Toolbar = ({
                 ] }) })
               ]
             }
-          )
+          ),
+          showMoreMenu && /* @__PURE__ */ jsx("div", { className: "cteditor-flex-shrink-0 cteditor-h-7", children: /* @__PURE__ */ jsxs(
+            DropdownMenu,
+            {
+              open: isMoreMenuOpen,
+              onOpenChange: (open) => {
+                setIsMoreMenuOpen(open);
+                if (!open) {
+                  setMoreMenuSearch("");
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    className: "!cteditor-px-1 !cteditor-py-0.5 !cteditor-h-7 !cteditor-gap-1 !cteditor-bg-accent",
+                    children: [
+                      /* @__PURE__ */ jsx(Plus, { className: "!cteditor-size-5" }),
+                      /* @__PURE__ */ jsx(ChevronDown, { className: "!cteditor-size-3.5" })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(
+                  DropdownMenuContent,
+                  {
+                    align: "end",
+                    className: "cteditor-w-64 cteditor-max-h-[450px] cteditor-overflow-hidden cteditor-flex cteditor-flex-col",
+                    onCloseAutoFocus: (e) => e.preventDefault(),
+                    onPointerDownOutside: (e) => {
+                      const target = e.target;
+                      if (target.closest(".react-colorful") || target.closest(".emoji-picker-react") || target.closest("[data-voice-transcript]") || target.closest("[data-radix-popper-content-wrapper]") || target.closest("[data-radix-popover-content]") || target.closest("[data-radix-dropdown-menu-content]") || target.closest("#emoji-picker") || target.closest("#highlight-color-picker") || target.closest("#color-picker")) {
+                        e.preventDefault();
+                      }
+                    },
+                    onInteractOutside: (e) => {
+                      const target = e.target;
+                      if (target.closest(".react-colorful") || target.closest(".emoji-picker-react") || target.closest("[data-voice-transcript]") || target.closest("[data-radix-popper-content-wrapper]") || target.closest("[data-radix-popover-content]") || target.closest("[data-radix-dropdown-menu-content]") || target.closest("#emoji-picker") || target.closest("#highlight-color-picker") || target.closest("#color-picker")) {
+                        e.preventDefault();
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "cteditor-p-2 cteditor-border-b cteditor-border-border/50 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/5 cteditor-to-background cteditor-sticky cteditor-top-0 cteditor-z-10", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "cteditor-relative", children: [
+                          /* @__PURE__ */ jsx(Search, { className: "cteditor-absolute cteditor-left-2.5 cteditor-top-1/2 cteditor-transform -cteditor-translate-y-1/2 cteditor-size-3.5 cteditor-text-muted-foreground/60" }),
+                          /* @__PURE__ */ jsx(
+                            Input$1,
+                            {
+                              ref: searchInputRef,
+                              type: "text",
+                              placeholder: "Search tools...",
+                              value: moreMenuSearch,
+                              onChange: (e) => setMoreMenuSearch(e.target.value),
+                              onKeyDown: (e) => e.stopPropagation(),
+                              className: "cteditor-h-8 cteditor-pl-8 cteditor-pr-8 cteditor-text-sm cteditor-bg-background/80 cteditor-border-border/40 focus:cteditor-border-primary/50 cteditor-rounded-md cteditor-shadow-sm cteditor-placeholder:text-muted-foreground/50 cteditor-transition-all focus:cteditor-ring-1 focus:cteditor-ring-primary/20"
+                            }
+                          ),
+                          moreMenuSearch && /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              onClick: () => setMoreMenuSearch(""),
+                              className: "cteditor-absolute cteditor-right-2 cteditor-top-1/2 cteditor-transform -cteditor-translate-y-1/2 cteditor-text-muted-foreground/60 hover:cteditor-text-foreground cteditor-transition-colors",
+                              children: /* @__PURE__ */ jsx(X$1, { className: "cteditor-size-3.5" })
+                            }
+                          )
+                        ] }),
+                        moreMenuSearch && /* @__PURE__ */ jsx("p", { className: "cteditor-text-[10px] cteditor-text-muted-foreground/60 cteditor-mt-1.5 cteditor-px-0.5", children: hasMatchingItems ? "Showing matching tools" : "No tools found" })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "cteditor-overflow-y-auto cteditor-flex-1 cteditor-py-1", children: [
+                        !hasMatchingItems && moreMenuSearch && /* @__PURE__ */ jsxs("div", { className: "cteditor-py-8 cteditor-text-center cteditor-text-muted-foreground/60", children: [
+                          /* @__PURE__ */ jsx(Search, { className: "cteditor-size-8 cteditor-mx-auto cteditor-mb-2 cteditor-opacity-40" }),
+                          /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm", children: "No tools found" }),
+                          /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-mt-1", children: "Try a different search term" })
+                        ] }),
+                        enableTextFormatting && activeEditor === editor && hiddenItemIds.has("blockFormat") && matchesSearch("blockFormat") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(
+                            DropdownMenuItem,
+                            {
+                              asChild: true,
+                              onSelect: (e) => e.preventDefault(),
+                              children: /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  className: "cteditor-w-full",
+                                  onClick: (e) => e.stopPropagation(),
+                                  children: /* @__PURE__ */ jsx(BlockFormatMenu, { blockType })
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                        ] }),
+                        enableFontControls && (hiddenItemIds.has("fontFamily") || hiddenItemIds.has("fontSize")) && (matchesSearch("fontFamily") || matchesSearch("fontSize")) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(
+                            DropdownMenuItem,
+                            {
+                              asChild: true,
+                              onSelect: (e) => e.preventDefault(),
+                              children: /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  className: "cteditor-w-full",
+                                  onClick: (e) => e.stopPropagation(),
+                                  children: /* @__PURE__ */ jsx(
+                                    FontFamilyMenu,
+                                    {
+                                      fonts,
+                                      activeEditor
+                                    }
+                                  )
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            DropdownMenuItem,
+                            {
+                              asChild: true,
+                              onSelect: (e) => e.preventDefault(),
+                              children: /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  className: "cteditor-w-full ",
+                                  onClick: (e) => e.stopPropagation(),
+                                  children: /* @__PURE__ */ jsx(FontSizeControl, {})
+                                }
+                              )
+                            }
+                          )
+                        ] }),
+                        enableImageOptions && activeEditor === editor && hiddenItemIds.has("imageInsert") && matchesSearch("imageInsert") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: openImageDialog, children: [
+                          /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Image$2, {}) }),
+                          "Insert Image"
+                        ] }),
+                        enableTableOptions && activeEditor === editor && hiddenItemIds.has("tableOptions") && matchesSearch("tableOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+                          DropdownMenuItem,
+                          {
+                            asChild: true,
+                            onSelect: () => {
+                              editor.dispatchCommand(
+                                CREATE_TABLE_COMMAND,
+                                void 0
+                              );
+                            },
+                            children: /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                className: "cteditor-w-full",
+                                onClick: (e) => e.stopPropagation(),
+                                children: [
+                                  /* @__PURE__ */ jsx(TableOptionPlugin, {}),
+                                  "Table"
+                                ]
+                              }
+                            )
+                          }
+                        ) }),
+                        activeEditor === editor && hiddenItemIds.has("chartInsert") && matchesSearch("chartInsert") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: openChartDialog, children: [
+                          /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(ChartBarIcon, {}) }),
+                          "Insert Chart"
+                        ] }),
+                        enableTextFormatting && hiddenItemIds.has("inlineFormats") && matchesSearch("inlineFormats") && /* @__PURE__ */ jsxs(
+                          DropdownMenuItem,
+                          {
+                            onClick: () => activeEditor.dispatchCommand(
+                              FORMAT_TEXT_COMMAND,
+                              "strikethrough"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
+                              "Strikethrough"
+                            ]
+                          }
+                        ),
+                        enableCodeFormat && activeEditor === editor && hiddenItemIds.has("codeBlock") && matchesSearch("codeBlock") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: formatCodeBlock, children: [
+                          /* @__PURE__ */ jsx("div", { className: " [&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
+                          "Code Block"
+                        ] }),
+                        enableFormatTextMenu && activeEditor === editor && hiddenItemIds.has("formatTextMenu") && matchesSearch("formatTextMenu") && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full  cteditor-pt-1", children: [
+                          /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60  cteditor-px-2", children: "Format" }),
+                          /* @__PURE__ */ jsx(
+                            FormatTextMenuDrop,
+                            {
+                              hasFormat,
+                              blockType
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
+                        ] }),
+                        enableColorPicker && activeEditor === editor && hiddenItemIds.has("colorPickers") && matchesSearch("colorPickers") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
+                            /* @__PURE__ */ jsx(
+                              ColorPicker$2,
+                              {
+                                title: "Font color",
+                                onChange: (color) => {
+                                  onFontColorSelect(color);
+                                  setIsMoreMenuOpen(true);
+                                },
+                                icon: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center", children: [
+                                  /* @__PURE__ */ jsx("p", { className: "cteditor-text-[11px] cteditor-leading-none", children: "A" }),
+                                  /* @__PURE__ */ jsx(
+                                    "div",
+                                    {
+                                      className: "cteditor-w-[14px] cteditor-h-[2px]",
+                                      style: {
+                                        backgroundColor: toolbarState.fontColor
+                                      }
+                                    }
+                                  )
+                                ] }),
+                                bgClassName: "bg-input"
+                              },
+                              "color-picker-dropdown"
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-xs", children: "Font Color" })
+                          ] }),
+                          /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
+                            /* @__PURE__ */ jsx(
+                              ColorPicker$2,
+                              {
+                                title: "Background color",
+                                onChange: (color) => {
+                                  onBgColorSelect(color);
+                                  setIsMoreMenuOpen(true);
+                                }
+                              },
+                              "bg-color-picker-dropdown"
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-xs", children: "Background Color" })
+                          ] })
+                        ] }),
+                        enableLinks && activeEditor === editor && hiddenItemIds.has("link") && matchesSearch("link") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: insertLink, children: [
+                          /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(LinkIcon, {}) }),
+                          isLinkActive ? "Remove Link" : "Insert Link"
+                        ] }),
+                        enableEmojiPicker && hiddenItemIds.has("emoji") && matchesSearch("emoji") && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-px-2 cteditor-py-1.5", children: [
+                          /* @__PURE__ */ jsx(
+                            EmojiPickerWidget,
+                            {
+                              icon: /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(FaceSmileIcon, {}) }),
+                              onChange: (emojiData) => {
+                                handleEmojiClick(emojiData);
+                                setIsMoreMenuOpen(true);
+                              }
+                            },
+                            "emoji-picker-dropdown"
+                          ),
+                          /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Emoji" })
+                        ] }),
+                        enableInsertMenu && activeEditor === editor && hiddenItemIds.has("insertMenu") && matchesSearch("insertMenu") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full ", children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2 cteditor-pt-2", children: "Insert Menu" }),
+                            /* @__PURE__ */ jsx(InsertMenuDrop, {})
+                          ] }),
+                          /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
+                        ] }),
+                        enableTodoList && activeEditor === editor && hiddenItemIds.has("todo") && matchesSearch("todo") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: createTodo, children: [
+                          /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(TodoIcon, {}) }),
+                          "Todo List"
+                        ] }) }),
+                        enableNotePanels && activeEditor === editor && hiddenItemIds.has("notePanels") && matchesSearch("notePanels") && /* @__PURE__ */ jsx(
+                          DropdownMenuItem,
+                          {
+                            asChild: true,
+                            onSelect: (e) => e.preventDefault(),
+                            children: /* @__PURE__ */ jsx(
+                              "div",
+                              {
+                                className: "cteditor-w-full",
+                                onClick: (e) => e.stopPropagation(),
+                                children: /* @__PURE__ */ jsxs("div", { className: "[&>svg]:!cteditor-size-4 [&>button]:!cteditor-size-6 cteditor-gap-2  cteditor-flex cteditor-items-center", children: [
+                                  /* @__PURE__ */ jsx(NotePanelMenu, {}),
+                                  "Insert Note Panel"
+                                ] })
+                              }
+                            )
+                          }
+                        ),
+                        hiddenItemIds.has("highlight") && matchesSearch("highlight") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
+                          /* @__PURE__ */ jsx(
+                            HighlightColorPicker,
+                            {
+                              onChange: (color) => {
+                                onHighlightColorSelect(color);
+                                setIsMoreMenuOpen(true);
+                              },
+                              isActive: toolbarState.isHighlight
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Highlight" })
+                        ] }) }),
+                        enableAlignment && activeEditor === editor && hiddenItemIds.has("alignMenu") && matchesSearch("alignMenu") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-pt-2", children: [
+                          /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2", children: "Align Menu" }),
+                          /* @__PURE__ */ jsx(AlignMenuDrop, {})
+                        ] }) }),
+                        hiddenItemIds.has("aiOptions") && matchesSearch("aiOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full", children: [
+                          /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2  cteditor-pt-2", children: "Go with AI" }),
+                          /* @__PURE__ */ jsxs("div", { className: "cteditor-aiOption cteditor-w-full  [&>button]:cteditor-relative [&>button]:cteditor-flex [&>button]:cteditor-cursor-pointer [&>button]:cteditor-select-none [&>button]:cteditor-items-center [&>button]:cteditor-gap-2 [&>button]:cteditor-rounded-sm [&>button]:cteditor-px-2 [&>button]:cteditor-py-1.5 [&>button]:cteditor-text-[13px] [&>button]:cteditor-outline-none [&>button]:cteditor-transition-colors focus:[&>button]:cteditor-bg-foreground/5 focus:[&>button]:cteditor-text-accent-foreground hover:[&>button]:cteditor-bg-foreground/5 [&>button]:data-[disabled]:cteditor-pointer-events-none [&>button]:data-[disabled]:cteditor-opacity-50 [&>button>svg]:cteditor-size-4 [&>button>svg]:cteditor-shrink-0", children: [
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                  type: "SPELLING_GRAMMAR"
+                                }),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
+                                  "Fix Grammar"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                  type: "SIMPLIFY"
+                                }),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
+                                  "Simplify"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                  type: "COMPLETE_SENTENCE"
+                                }),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
+                                  "Complete Sentence"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                  type: "EMOJIFY"
+                                }),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
+                                  "Emojify"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(
+                                  AI_TRANSLATE_COMMAND,
+                                  void 0
+                                ),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
+                                  "Translate"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                  type: "MAKE_LONGER"
+                                }),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(Maximize2, {}) }),
+                                  "Make Longer"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                  type: "MAKE_SHORTER"
+                                }),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(Minimize2, {}) }),
+                                  "Make Shorter"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(
+                                  AI_ADJUST_TONE_COMMAND,
+                                  void 0
+                                ),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(Volume2, {}) }),
+                                  "Adjust Tone"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                  type: "AI_RESPONSE"
+                                }),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+                                  "AI"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, void 0),
+                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
+                                  "Generate Image"
+                                ]
+                              }
+                            )
+                          ] })
+                        ] }) }),
+                        (enableHtmlViewToggle || enableHtmlView) && hiddenItemIds.has("htmlView") && matchesSearch("htmlView") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
+                          /* @__PURE__ */ jsxs(
+                            DropdownMenuItem,
+                            {
+                              onClick: toggleHtmlView,
+                              disabled: !editable,
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FileCode2, {}) }),
+                                isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
+                              ]
+                            }
+                          )
+                        ] }),
+                        enableAutocompleteToggle && hiddenItemIds.has("autocomplete") && matchesSearch("autocomplete") && /* @__PURE__ */ jsxs(
+                          DropdownMenuItem,
+                          {
+                            onClick: toggleAutocomplete,
+                            disabled: !editable,
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(SearchTextIcon2, {}) }),
+                              toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection"
+                            ]
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          ) })
         ]
       }
     ),
@@ -28842,8 +29277,8 @@ function CombinedAutocompleteGrammarPlugin({
               setTooltipState(null);
             }, TOOLTIP_CLOSE_DELAY);
           },
-          children: /* @__PURE__ */ jsx(Card, { className: "cteditor-w-[340px] cteditor-max-w-[calc(100vw-32px)] cteditor-shadow-2xl cteditor-border-2 cteditor-bg-white dark:cteditor-bg-gray-900 grammar-tooltip-card cteditor-overflow-hidden", children: /* @__PURE__ */ jsxs(CardContent, { className: "cteditor-p-4 sm:cteditor-p-5 cteditor-space-y-3 cteditor-max-h-[70vh] cteditor-overflow-y-auto", children: [
-            /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-start cteditor-justify-between cteditor-gap-2", children: [
+          children: /* @__PURE__ */ jsx(Card, { className: "cteditor-w-[340px] cteditor-max-w-[calc(100vw-32px)] cteditor-shadow-2xl cteditor-border-2 cteditor-bg-white dark:cteditor-bg-gray-900 grammar-tooltip-card cteditor-overflow-hidden cteditor-relative", children: /* @__PURE__ */ jsxs(CardContent, { className: "!cteditor-p-4 sm:!cteditor-p-5 cteditor-space-y-3 cteditor-max-h-[70vh] cteditor-overflow-y-auto", children: [
+            /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-start cteditor-justify-between cteditor-gap-2 ", children: [
               /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-min-w-0 cteditor-flex-1", children: [
                 /* @__PURE__ */ jsx(
                   "div",
@@ -28873,7 +29308,7 @@ function CombinedAutocompleteGrammarPlugin({
                 "button",
                 {
                   onClick: () => setTooltipState(null),
-                  className: "cteditor-text-gray-400 hover:cteditor-text-gray-600 cteditor-flex-shrink-0 cteditor-p-1",
+                  className: "cteditor-text-gray-400 hover:cteditor-text-gray-600 cteditor-flex-shrink-0 cteditor-p-1  cteditor-absolute cteditor-top-1 cteditor-right-1",
                   children: /* @__PURE__ */ jsx(X$1, { className: "cteditor-w-4 cteditor-h-4" })
                 }
               )
@@ -28923,7 +29358,7 @@ function CombinedAutocompleteGrammarPlugin({
                   "button",
                   {
                     onClick: () => dismissError(error),
-                    className: "cteditor-w-full cteditor-px-4 cteditor-py-2.5 cteditor-text-sm cteditor-font-medium cteditor-text-gray-700 hover:cteditor-bg-gray-100 cteditor-rounded-lg cteditor-border cteditor-border-gray-300 cteditor-transition-colors",
+                    className: "cteditor-w-full cteditor-px-4 cteditor-py-2.5 cteditor-text-sm cteditor-font-medium cteditor-text-gray-700 hover:cteditor-text-gray-700 hover:cteditor-bg-red-50 hover:cteditor-border-red-200 cteditor-rounded-lg cteditor-border cteditor-border-gray-300 cteditor-transition-colors",
                     title: "Ignore this suggestion",
                     children: "Dismiss"
                   }
@@ -28962,7 +29397,7 @@ function CombinedAutocompleteGrammarPlugin({
                   "button",
                   {
                     onClick: () => dismissError(error),
-                    className: "cteditor-w-full cteditor-px-4 cteditor-py-2.5 cteditor-text-sm cteditor-font-medium cteditor-text-gray-700 hover:cteditor-bg-gray-100 cteditor-rounded-lg cteditor-border cteditor-border-gray-300 cteditor-transition-colors",
+                    className: "cteditor-flex-1 cteditor-px-3 cteditor-py-2 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-1.5 cteditor-text-xs cteditor-text-gray-500 hover:cteditor-text-gray-700 hover:cteditor-bg-red-50 hover:cteditor-border-red-200 cteditor-rounded-md cteditor-border cteditor-border-gray-200 cteditor-transition-colors",
                     title: "Ignore this suggestion",
                     children: "Dismiss"
                   }
@@ -28972,7 +29407,7 @@ function CombinedAutocompleteGrammarPlugin({
                     "button",
                     {
                       onClick: () => handleAddToDictionary(error),
-                      className: "cteditor-flex-1 cteditor-px-3 cteditor-py-2 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-1.5 cteditor-text-xs cteditor-text-gray-500 hover:cteditor-text-gray-700 hover:cteditor-bg-gray-50 cteditor-rounded-md cteditor-border cteditor-border-gray-200 cteditor-transition-colors",
+                      className: "cteditor-flex-1 cteditor-px-3 cteditor-py-2 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-1.5 cteditor-text-xs cteditor-text-gray-500 hover:cteditor-text-gray-700 hover:cteditor-bg-green-50 hover:cteditor-border-green-200 cteditor-rounded-md cteditor-border cteditor-border-gray-200 cteditor-transition-colors",
                       title: "Add word to your personal dictionary",
                       children: [
                         /* @__PURE__ */ jsx(BookOpen, { className: "cteditor-w-3.5 cteditor-h-3.5" }),
@@ -29010,7 +29445,7 @@ function CombinedAutocompleteGrammarPlugin({
         {
           ref: menuRef,
           className: "cteditor-w-80 cteditor-max-h-64 cteditor-overflow-hidden cteditor-shadow-xl cteditor-border-2 cteditor-bg-white dark:cteditor-bg-gray-900 autocomplete-menu",
-          children: /* @__PURE__ */ jsx(CardContent, { className: "cteditor-p-2", children: /* @__PURE__ */ jsx("div", { className: "cteditor-max-h-56 cteditor-overflow-y-auto cteditor-space-y-1", children: suggestions.map((option, index2) => /* @__PURE__ */ jsxs(
+          children: /* @__PURE__ */ jsx(CardContent, { className: "!cteditor-p-2", children: /* @__PURE__ */ jsx("div", { className: "cteditor-max-h-56 cteditor-overflow-y-auto cteditor-space-y-1", children: suggestions.map((option, index2) => /* @__PURE__ */ jsxs(
             "button",
             {
               className: cn(
@@ -29134,7 +29569,7 @@ const CommentModal = ({
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:cteditor-max-w-xl", children: [
     /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { className: "cteditor-flex cteditor-items-center cteditor-gap-3", children: "Add Comment" }) }),
     /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4", children: [
-      selectedText && /* @__PURE__ */ jsx(Card, { className: "cteditor-bg-primary/5 cteditor-border-primary/20 cteditor-rounded-md", children: /* @__PURE__ */ jsx(CardContent, { className: "cteditor-p-2 cteditor-px-4", children: /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1", children: [
+      selectedText && /* @__PURE__ */ jsx(Card, { className: "cteditor-bg-primary/5 cteditor-border-primary/20 cteditor-rounded-md pt-6", children: /* @__PURE__ */ jsx(CardContent, { className: "md:cteditor-p-2 cteditor-p-2  cteditor-px-4 md:cteditor-pt-3 cteditor-pt-2", children: /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1", children: [
         /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-font-medium", children: "Selected text:" }),
         /* @__PURE__ */ jsxs("p", { className: "cteditor-text-sm cteditor-italic cteditor-text-muted-foreground cteditor-leading-relaxed", children: [
           "“",
@@ -29446,6 +29881,11 @@ function DragDropPaste() {
   return null;
 }
 const FloatingEmbedMenuPlugin$1 = "";
+const menuSectionClass = "cteditor-w-full";
+const menuButtonsClass = "cteditor-flex cteditor-w-full";
+const menuButtonBaseClass = "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-bg-transparent cteditor-border-none cteditor-rounded cteditor-w-6 cteditor-h-6 cteditor-mr-1 cteditor-cursor-pointer cteditor-text-white cteditor-transition-colors cteditor-duration-200 hover:cteditor-bg-[rgba(25,118,210,0.1)]";
+const menuButtonActiveClass = "cteditor-bg-[hsla(var(--foreground)/0.1)] cteditor-text-white";
+const menuDividerClass = "cteditor-h-6 cteditor-bg-foreground/20 cteditor-mx-2 cteditor-w-px";
 function FloatingEmbedMenu({
   editor,
   anchorElem,
@@ -29633,7 +30073,7 @@ function FloatingEmbedMenu({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "floating-embed-menu",
+      className: "floating-embed-menu cteditor-bg-accent cteditor-text-sm cteditor-p-1 cteditor-rounded-md cteditor-space-x-1",
       ref: menuRef,
       onClick: handleMenuClick,
       style: {
@@ -29646,110 +30086,128 @@ function FloatingEmbedMenu({
         transition: "opacity 0.15s ease-in-out"
       },
       children: [
-        /* @__PURE__ */ jsx("div", { className: "embed-menu-section", children: /* @__PURE__ */ jsxs("div", { className: "embed-menu-buttons", children: [
+        /* @__PURE__ */ jsx("div", { className: menuSectionClass, children: /* @__PURE__ */ jsxs("div", { className: menuButtonsClass, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: `embed-menu-button ${displayType === "url" ? "active" : ""}`,
+              className: cn(
+                menuButtonBaseClass,
+                displayType === "url" && menuButtonActiveClass
+              ),
               onClick: (e) => {
                 e.stopPropagation();
                 handleDisplayTypeChange("url");
               },
               title: "URL",
-              children: /* @__PURE__ */ jsx(Link$1, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(LinkIcon, {})
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: `embed-menu-button ${displayType === "card" ? "active" : ""}`,
+              className: cn(
+                menuButtonBaseClass,
+                displayType === "card" && menuButtonActiveClass
+              ),
               onClick: (e) => {
                 e.stopPropagation();
                 handleDisplayTypeChange("card");
               },
               title: "Card",
-              children: /* @__PURE__ */ jsx(CropOriginal, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(Image$2, { className: "cteditor-size-3.5" })
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: `embed-menu-button ${displayType === "embed" ? "active" : ""}`,
+              className: cn(
+                menuButtonBaseClass,
+                displayType === "embed" && menuButtonActiveClass
+              ),
               onClick: (e) => {
                 e.stopPropagation();
                 handleDisplayTypeChange("embed");
               },
               title: "Embedded",
-              children: /* @__PURE__ */ jsx(Code$1, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(CodeIcon, {})
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "embed-menu-divider" }),
-        /* @__PURE__ */ jsx("div", { className: "embed-menu-section", children: /* @__PURE__ */ jsxs("div", { className: "embed-menu-buttons", children: [
+        /* @__PURE__ */ jsx("div", { className: menuDividerClass }),
+        /* @__PURE__ */ jsx("div", { className: menuSectionClass, children: /* @__PURE__ */ jsxs("div", { className: menuButtonsClass, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: `embed-menu-button ${alignment === "left" ? "active" : ""}`,
+              className: cn(
+                menuButtonBaseClass,
+                alignment === "left" && menuButtonActiveClass
+              ),
               onClick: (e) => {
                 e.stopPropagation();
                 handleAlignmentChange("left");
               },
               title: "Left",
-              children: /* @__PURE__ */ jsx(FormatAlignLeft, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(AlignLeft, { className: "cteditor-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: `embed-menu-button ${alignment === "center" ? "active" : ""}`,
+              className: cn(
+                menuButtonBaseClass,
+                alignment === "center" && menuButtonActiveClass
+              ),
               onClick: (e) => {
                 e.stopPropagation();
                 handleAlignmentChange("center");
               },
               title: "Center",
-              children: /* @__PURE__ */ jsx(FormatAlignCenter, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(AlignCenter, { className: "cteditor-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: `embed-menu-button ${alignment === "right" ? "active" : ""}`,
+              className: cn(
+                menuButtonBaseClass,
+                alignment === "right" && menuButtonActiveClass
+              ),
               onClick: (e) => {
                 e.stopPropagation();
                 handleAlignmentChange("right");
               },
               title: "Right",
-              children: /* @__PURE__ */ jsx(FormatAlignRight, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(AlignRight, { className: "cteditor-size-4" })
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "embed-menu-divider" }),
-        /* @__PURE__ */ jsx("div", { className: "embed-menu-section", children: /* @__PURE__ */ jsxs("div", { className: "embed-menu-buttons", children: [
+        /* @__PURE__ */ jsx("div", { className: menuDividerClass }),
+        /* @__PURE__ */ jsx("div", { className: menuSectionClass, children: /* @__PURE__ */ jsxs("div", { className: menuButtonsClass, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: "embed-menu-button",
+              className: menuButtonBaseClass,
               onClick: handleOpenInNewTab,
               title: "Open in new tab",
-              children: /* @__PURE__ */ jsx(OpenInNew, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(ExternalLink, { className: "cteditor-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: "embed-menu-button",
+              className: menuButtonBaseClass,
               onClick: handleRemoveEmbed,
               title: "Remove",
-              children: /* @__PURE__ */ jsx(Delete, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(Trash2, { className: "cteditor-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: "embed-menu-button",
+              className: menuButtonBaseClass,
               onClick: handleCopyUrl,
               title: "Copy",
-              children: /* @__PURE__ */ jsx(ContentCopy, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx(Copy, { className: "cteditor-size-4" })
             }
           )
         ] }) })
@@ -29917,6 +30375,14 @@ function FloatingEmbedMenuPlugin({
   const [editor] = useLexicalComposerContext();
   return useFloatingEmbedMenu(editor, anchorElem);
 }
+const VIDEO_EMBED_URLS = [
+  "youtube.com",
+  "youtu.be",
+  "vimeo.com",
+  "loom.com",
+  "supercut.video",
+  "jam.dev"
+];
 const EmbedPreviewPlugin = ({
   floatingAnchorElem = document.body
 }) => {
@@ -29968,49 +30434,46 @@ const EmbedPreviewPlugin = ({
     };
   }, [editor]);
   useEffect$1(() => {
-    const handlePaste = (event) => {
-      const clipboardData = event.clipboardData;
-      if (!clipboardData)
-        return;
-      const text = clipboardData.getData("text");
-      console.log("Pasted text:", text);
-      if (text.includes("supercut.video")) {
-        console.log("Detected Supercut URL");
-        event.preventDefault();
-        editor.update(() => {
-          const selection = $getSelection();
-          if ($isRangeSelection(selection)) {
-            selection.getNodes().forEach((node) => node.remove());
+    return editor.registerCommand(
+      PASTE_COMMAND,
+      (event) => {
+        const clipboardData = event.clipboardData;
+        if (!clipboardData)
+          return false;
+        const text = clipboardData.getData("text/plain").trim();
+        console.log("PASTE_COMMAND - Pasted text:", text);
+        if (!text.match(/^https?:\/\//)) {
+          return false;
+        }
+        const isVideoEmbed = VIDEO_EMBED_URLS.some(
+          (domain) => text.includes(domain)
+        );
+        if (isVideoEmbed) {
+          console.log("Detected video embed URL:", text);
+          const selection2 = $getSelection();
+          if ($isRangeSelection(selection2)) {
             const embedNode = $createEmbedNode(text);
             embedNode.setDisplayType("embed");
-            selection.insertNodes([embedNode]);
-            console.log("Inserted Supercut embed node");
+            selection2.insertNodes([embedNode]);
+            console.log("Inserted video embed node");
           }
-        });
-        return;
-      }
-      if (text.match(/https?:\/\//)) {
-        event.preventDefault();
-        editor.update(() => {
-          const selection = $getSelection();
-          if ($isRangeSelection(selection)) {
-            selection.getNodes().forEach((node) => node.remove());
-            const embedNode = $createEmbedNode(text);
-            if (text.includes("youtube.com") || text.includes("youtu.be") || text.includes("vimeo.com") || text.includes("loom.com") || text.includes("supercut.video")) {
-              embedNode.setDisplayType("embed");
-            } else if (text.match(/\.(pdf|docx?|xlsx?|pptx?|zip|rar|txt)$/)) {
-              embedNode.setDisplayType("card");
-            } else {
-              embedNode.setDisplayType("url");
-            }
-            selection.insertNodes([embedNode]);
-            console.log("Inserted embed node with URL:", text);
+          return true;
+        }
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+          const embedNode = $createEmbedNode(text);
+          if (text.match(/\.(pdf|docx?|xlsx?|pptx?|zip|rar|txt)$/)) {
+            embedNode.setDisplayType("card");
+          } else {
+            embedNode.setDisplayType("url");
           }
-        });
-      }
-    };
-    document.addEventListener("paste", handlePaste);
-    return () => document.removeEventListener("paste", handlePaste);
+          selection.insertNodes([embedNode]);
+          console.log("Inserted embed node with URL:", text);
+        }
+        return true;
+      },
+      COMMAND_PRIORITY_HIGH
+    );
   }, [editor]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FloatingEmbedMenuPlugin, { anchorElem: floatingAnchorElem }) });
 };
@@ -30088,121 +30551,93 @@ const TextEnhanceDialog = forwardRef(
       }
       handleClose();
     };
-    if (!isOpen)
-      return null;
-    return createPortal(
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-fixed cteditor-inset-0 cteditor-z-[9999] cteditor-flex cteditor-items-start cteditor-justify-end cteditor-p-4", children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "cteditor-absolute cteditor-inset-0 cteditor-bg-black/30 cteditor-backdrop-blur-sm",
-            onClick: handleClose
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "cteditor-relative cteditor-w-full cteditor-max-w-md cteditor-bg-background cteditor-rounded-xl cteditor-shadow-2xl cteditor-border cteditor-border-border cteditor-overflow-hidden cteditor-animate-in cteditor-fade-in cteditor-slide-in-from-right", style: { maxHeight: "calc(100vh - 32px)" }, children: [
-          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-p-4 cteditor-border-b cteditor-border-border", children: [
-            /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "cteditor-w-8 cteditor-h-8 cteditor-rounded-full cteditor-bg-purple-500/10 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-purple-500" }) }),
-              /* @__PURE__ */ jsx("h2", { className: "cteditor-text-base cteditor-font-semibold cteditor-text-foreground", children: "Enhance Text" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: handleClose,
-                className: "cteditor-w-7 cteditor-h-7 cteditor-rounded-lg cteditor-flex cteditor-items-center cteditor-justify-center hover:cteditor-bg-accent cteditor-transition-colors",
-                children: /* @__PURE__ */ jsx(X$1, { className: "cteditor-w-4 cteditor-h-4" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "cteditor-p-4 cteditor-space-y-4 cteditor-overflow-y-auto", style: { maxHeight: "calc(100vh - 160px)" }, children: [
-            /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
-              /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Selected Text" }),
-              /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-accent/50 cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-max-h-24 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: selectedText }) })
-            ] }),
-            !showResult && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
-              /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "How to enhance?" }),
-              /* @__PURE__ */ jsx(
-                "textarea",
-                {
-                  value: userPrompt,
-                  onChange: (e) => setUserPrompt(e.target.value),
-                  placeholder: "E.g., Make it professional, Add details, Simplify...",
-                  className: "cteditor-w-full cteditor-h-20 cteditor-p-3 cteditor-bg-background cteditor-rounded-lg cteditor-border cteditor-border-border focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-purple-500/50 cteditor-text-sm cteditor-text-foreground cteditor-placeholder-muted-foreground cteditor-resize-none",
-                  disabled: isLoading,
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
-                      handleEnhance();
-                    }
-                  }
+    return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:cteditor-max-w-[500px] cteditor-max-h-[650px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxs(DialogTitle, { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-5" }),
+          "Enhance Text"
+        ] }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Enhance your selected text with AI assistance." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4 cteditor-overflow-y-auto cteditor-max-h-[400px] cteditor-pr-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Selected Text" }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-accent/50 cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-max-h-24 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: selectedText }) })
+        ] }),
+        !showResult && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "How to enhance?" }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: userPrompt,
+              onChange: (e) => setUserPrompt(e.target.value),
+              placeholder: "E.g., Make it professional, Add details, Simplify...",
+              className: "cteditor-w-full cteditor-h-20 cteditor-p-3 cteditor-bg-background cteditor-rounded-lg cteditor-border cteditor-border-border focus:cteditor-border-foreground cteditor-outline-none cteditor-text-sm cteditor-text-foreground cteditor-placeholder-muted-foreground cteditor-resize-none",
+              disabled: isLoading,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+                  handleEnhance();
                 }
-              ),
-              /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: "Ctrl+Enter to enhance" })
-            ] }),
-            isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-py-8 cteditor-space-y-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "cteditor-relative cteditor-w-14 cteditor-h-14", children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-opacity-75",
-                    style: {
-                      background: "linear-gradient(to right, #a855f7, #ec4899, #a855f7)",
-                      animation: "spin 2s linear infinite",
-                      padding: "2px",
-                      WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-                      WebkitMaskComposite: "xor",
-                      maskComposite: "exclude"
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-bg-background cteditor-flex cteditor-items-center cteditor-justify-center cteditor-m-[2px]", children: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-w-6 cteditor-h-6 cteditor-text-purple-500 cteditor-animate-pulse" }) })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "cteditor-text-center", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-foreground", children: "Enhancing text..." }) })
-            ] }),
-            showResult && !isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5 cteditor-animate-in cteditor-fade-in cteditor-slide-in-from-bottom-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
-                /* @__PURE__ */ jsx(Check, { className: "cteditor-w-3.5 cteditor-h-3.5 cteditor-text-green-500" }),
-                /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Enhanced Text" })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-gradient-to-br cteditor-from-purple-500/5 cteditor-to-pink-500/5 cteditor-rounded-lg cteditor-border cteditor-border-purple-500/20 cteditor-max-h-48 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: enhancedText }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-end cteditor-gap-2 cteditor-p-3 cteditor-border-t cteditor-border-border cteditor-bg-accent/30", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: handleClose,
-                className: "cteditor-px-3 cteditor-py-1.5 cteditor-rounded-lg cteditor-text-xs cteditor-font-medium cteditor-text-foreground hover:cteditor-bg-accent cteditor-transition-colors",
-                children: "Cancel"
               }
-            ),
-            !showResult && /* @__PURE__ */ jsxs(
-              "button",
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: "Ctrl+Enter to enhance" })
+        ] }),
+        isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-py-0 cteditor-space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "cteditor-relative cteditor-w-14 cteditor-h-14", children: [
+            /* @__PURE__ */ jsx(
+              "div",
               {
-                onClick: handleEnhance,
-                disabled: !userPrompt.trim() || isLoading,
-                className: "cteditor-px-4 cteditor-py-1.5 cteditor-rounded-lg cteditor-text-xs cteditor-font-medium cteditor-bg-purple-500 cteditor-text-white hover:cteditor-bg-purple-600 disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-all cteditor-flex cteditor-items-center cteditor-gap-1.5",
-                children: [
-                  /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-w-3.5 cteditor-h-3.5" }),
-                  "Enhance"
-                ]
+                className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-opacity-75",
+                style: {
+                  background: "linear-gradient(to right, #a855f7, #ec4899, #a855f7)",
+                  animation: "spin 2s linear infinite",
+                  padding: "2px",
+                  WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+                  WebkitMaskComposite: "xor",
+                  maskComposite: "exclude"
+                }
               }
             ),
-            showResult && /* @__PURE__ */ jsxs(
-              "button",
-              {
-                onClick: handleInsert,
-                className: "cteditor-px-4 cteditor-py-1.5 cteditor-rounded-lg cteditor-text-xs cteditor-font-medium cteditor-bg-green-500 cteditor-text-white hover:cteditor-bg-green-600 cteditor-transition-all cteditor-flex cteditor-items-center cteditor-gap-1.5",
-                children: [
-                  "Insert",
-                  /* @__PURE__ */ jsx(ArrowRight, { className: "cteditor-w-3.5 cteditor-h-3.5" })
-                ]
-              }
-            )
-          ] })
+            /* @__PURE__ */ jsx("div", { className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-bg-background cteditor-flex cteditor-items-center cteditor-justify-center cteditor-m-[2px]", children: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-w-6 cteditor-h-6 cteditor-text-purple-500 cteditor-animate-pulse" }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-text-center", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-foreground", children: "Enhancing text..." }) })
+        ] }),
+        showResult && !isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5 cteditor-animate-in cteditor-fade-in cteditor-slide-in-from-bottom-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+            /* @__PURE__ */ jsx(Check, { className: "cteditor-w-3.5 cteditor-h-3.5 cteditor-text-green-500" }),
+            /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Enhanced Text" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-gradient-to-br cteditor-from-purple-500/5 cteditor-to-pink-500/5 cteditor-rounded-lg cteditor-border cteditor-border-purple-500/20 cteditor-max-h-48 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: enhancedText }) })
         ] })
       ] }),
-      document.body
-    );
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, children: "Cancel" }),
+        !showResult && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: handleEnhance,
+            disabled: !userPrompt.trim() || isLoading,
+            className: "cteditor-gap-2",
+            children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-5" }),
+              "Enhance"
+            ]
+          }
+        ),
+        showResult && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: handleInsert,
+            className: "cteditor-gap-2",
+            children: [
+              "Insert",
+              /* @__PURE__ */ jsx(ArrowRight, { className: "cteditor-size-5" })
+            ]
+          }
+        )
+      ] })
+    ] }) });
   }
 );
 TextEnhanceDialog.displayName = "TextEnhanceDialog";
@@ -30971,11 +31406,26 @@ function TextFormatFloatingToolbar({
   isStrikethrough,
   isSubscript,
   isSuperscript,
+  isHighlight,
   setIsLinkEditMode,
   features
 }) {
   const popupCharStylesEditorRef = useRef(null);
   const { isHtmlView, setIsHtmlView, setHtmlContent } = useHtmlView();
+  const toggleHighlight = useCallback(() => {
+    editor.update(() => {
+      const selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        if (isHighlight) {
+          editor.dispatchCommand(FORMAT_TEXT_COMMAND, "highlight");
+          $patchStyleText(selection, { "background-color": "transparent" });
+        } else {
+          editor.dispatchCommand(FORMAT_TEXT_COMMAND, "highlight");
+          $patchStyleText(selection, { "background-color": "#ffeb3b" });
+        }
+      }
+    });
+  }, [editor, isHighlight]);
   const insertLink = useCallback(() => {
     if (!isLink) {
       setIsLinkEditMode(true);
@@ -31112,8 +31562,6 @@ function TextFormatFloatingToolbar({
       )
     );
   }, [editor, $updateTextFormatFloatingToolbar]);
-  console.log("FloatingTextFormatToolbar features:", features);
-  console.log("Improve feature enabled:", features == null ? void 0 : features.improve);
   const popupItems = "cteditor-border-0 hover:cteditor-bg-foreground/10 cteditor-size-6 cteditor-flex cteditor-bg-none cteditor-rounded-sm cteditor-p-[2px] cteditor-cursor-pointer cteditor-align-middle cteditor-flex cteditor-items-center cteditor-justify-center disabled:cursor-not-allowed hover:cteditor-bg-accent ";
   return /* @__PURE__ */ jsx(
     "div",
@@ -31209,6 +31657,20 @@ function TextFormatFloatingToolbar({
             ]
           }
         ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: toggleHighlight,
+            className: popupItems + (isHighlight ? "cteditor-bg-foreground/20" : ""),
+            title: "Highlight",
+            "aria-label": "Highlight text",
+            children: [
+              /* @__PURE__ */ jsx(Highlighter, { size: 16 }),
+              /* @__PURE__ */ jsx("span", { className: "cteditor-absolute cteditor-bottom-3/4 cteditor-left-1/2 -cteditor-translate-x-1/2 cteditor-font-medium cteditor-text-xs cteditor-rounded cteditor-bg-background cteditor-px-1.5 cteditor-py-1 cteditor-whitespace-nowrap cteditor-w-auto cteditor-pointer-events-none cteditor-transition-all cteditor-opacity-0 cteditor-border cteditor-border-accent", children: "Highlight" })
+            ]
+          }
+        ),
         (features == null ? void 0 : features.comment) && /* @__PURE__ */ jsxs(
           "button",
           {
@@ -31242,6 +31704,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem, setIsLinkEditMode, fea
   const [isSubscript, setIsSubscript] = useState$1(false);
   const [isSuperscript, setIsSuperscript] = useState$1(false);
   const [isCode, setIsCode] = useState$1(false);
+  const [isHighlight, setIsHighlight] = useState$1(false);
   const updatePopup = useCallback(() => {
     editor.getEditorState().read(() => {
       if (editor.isComposing()) {
@@ -31268,6 +31731,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem, setIsLinkEditMode, fea
       setIsSubscript(selection.hasFormat("subscript"));
       setIsSuperscript(selection.hasFormat("superscript"));
       setIsCode(selection.hasFormat("code"));
+      setIsHighlight(selection.hasFormat("highlight"));
       const parent = node.getParent();
       if ($isLinkNode(parent) || $isLinkNode(node)) {
         setIsLink(true);
@@ -31324,6 +31788,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem, setIsLinkEditMode, fea
         isSuperscript,
         isUnderline,
         isCode,
+        isHighlight,
         setIsLinkEditMode,
         features
       }
@@ -31348,7 +31813,8 @@ function FloatingTextFormatToolbarPlugin({
     link: true,
     aiChat: true,
     comment: true,
-    improve: true
+    improve: true,
+    highlight: true
   }
 }) {
   const [editor] = useLexicalComposerContext();
@@ -31383,7 +31849,7 @@ const HtmlViewTogglePlugin = () => {
     }
   };
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(Button, { onClick: toggleView, className: "my-2.5", children: isHtmlView ? "Switch to Editor View" : "Switch to HTML View" }),
+    /* @__PURE__ */ jsx(Button, { onClick: toggleView, className: "cteditor-my-2.5", children: isHtmlView ? "Switch to Editor View" : "Switch to HTML View" }),
     isHtmlView ? /* @__PURE__ */ jsx("div", { className: "editorView", children: /* @__PURE__ */ jsx(
       "textarea",
       {
@@ -32525,7 +32991,7 @@ function NewMentionsPlugin({
   });
   const options = useMemo(
     () => results.map(
-      (result) => new MentionTypeaheadOption(result, /* @__PURE__ */ jsx("i", { className: "icon user" }))
+      (result) => new MentionTypeaheadOption(result, /* @__PURE__ */ jsx("i", { className: "icon user", children: /* @__PURE__ */ jsx(UserRound, { size: 14 }) }))
     ).slice(0, SUGGESTION_LIST_LENGTH_LIMIT),
     [results]
   );
@@ -32560,7 +33026,7 @@ function NewMentionsPlugin({
       triggerFn: checkForMentionMatch,
       options,
       menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current ? ReactDOM.createPortal(
-        /* @__PURE__ */ jsx("div", { className: "typeahead-popover mentions-menu", children: options.length > 0 ? /* @__PURE__ */ jsx("ul", { children: options.map((option, i2) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "typeahead-popover mentions-menu cteditor-bg-[hsl(var(--cteditorf47ac10b-popover))] cteditor-border cteditor-border-[hsl(var(--cteditorf47ac10b-border))] cteditor-rounded-lg cteditor-shadow-[0_4px_12px_hsla(var(--cteditorf47ac10b-foreground)_/_0.1)] cteditor-p-0 cteditor-max-h-[300px] cteditor-overflow-y-auto cteditor-min-w-[200px] cteditor-z-[1000] cteditor-py-1", children: options.length > 0 ? /* @__PURE__ */ jsx("ul", { children: options.map((option, i2) => /* @__PURE__ */ jsx(
           MentionsTypeaheadMenuItem,
           {
             index: i2,
@@ -38717,36 +39183,16 @@ const WordCountPlugin = () => {
       });
     });
   }, [editor]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        bottom: "10px",
-        right: "10px",
-        display: "flex",
-        gap: "16px",
-        fontSize: "12px",
-        color: "#666",
-        backgroundColor: "rgba(255, 255, 255, 0.9)",
-        padding: "6px 12px",
-        borderRadius: "4px",
-        boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
-        zIndex: 5,
-        pointerEvents: "none"
-      },
-      children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          "Words: ",
-          stats.words
-        ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          "Characters: ",
-          stats.characters
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: "cteditor-absolute cteditor-bottom-1 cteditor-right-1 cteditor-flex cteditor-gap-4 cteditor-text-xs cteditor-text-gray-600 cteditor-bg-white/90 cteditor-py-1.5 cteditor-px-3 cteditor-rounded cteditor-shadow-sm cteditor-z-[5] cteditor-pointer-events-none", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Words: ",
+      stats.words
+    ] }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Characters: ",
+      stats.characters
+    ] })
+  ] });
 };
 function exportEditorWithInlineStyle(editor) {
   const rootElement = editor.getRootElement();
@@ -39676,7 +40122,7 @@ const useAutoExpandingHeight = ({
 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(
-    "cteditor-relative cteditor-min-h-[300px] cteditor-rounded-lg cteditor-p-3 !cteditor-h-auto cteditor-resize-none cteditor-outline-0 cteditor-content",
+    "cteditor-relative cteditor-min-h-[300px] cteditor-rounded-lg cteditor-p-3 !cteditor-h-auto cteditor-resize-none cteditor-outline-0 cteditor-content cteditor-pb-12",
     // Ensure strong contrast in both themes
     "cteditor-text-foreground cteditor-bg-background",
     // Default font: Arial 16px to match toolbar defaults and ensure WYSIWYG output
@@ -40143,8 +40589,8 @@ const ConfigurableEditor = ({
   };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommentProvider, { currentUser, children: /* @__PURE__ */ jsxs(LexicalComposer, { initialConfig: editorInitialConfig, children: [
     /* @__PURE__ */ jsx(HtmlViewProvider, { children: /* @__PURE__ */ jsxs(ToolbarContext, { children: [
-      /* @__PURE__ */ jsxs(Stack, { children: [
-        config.enableToolbar && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-items-center cteditor-mb-2 cteditor-sticky cteditor-top-2 cteditor-z-50", children: [
+      /* @__PURE__ */ jsxs("div", { className: "main-container", children: [
+        config.enableToolbar && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-items-center cteditor-mb-2 cteditor-sticky cteditor-top-0 cteditor-z-50", children: [
           /* @__PURE__ */ jsx(
             ToolbarWithEditor,
             {
@@ -40163,12 +40609,7 @@ const ConfigurableEditor = ({
           )
         ] }),
         " ",
-        /* @__PURE__ */ jsx(NewMentionsPlugin, { userList: mentionUserList }),
-        /* @__PURE__ */ jsx(NotePanelPlugin, {}),
-        /* @__PURE__ */ jsx(CommentPlugin, {}),
-        /* @__PURE__ */ jsx(CommentBubblePlugin, {}),
-        /* @__PURE__ */ jsx(CellBackgroundPersistencePlugin, {}),
-        /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-relative", children: [
           /* @__PURE__ */ jsx(
             RichTextPlugin,
             {
@@ -40189,48 +40630,53 @@ const ConfigurableEditor = ({
           ),
           /* @__PURE__ */ jsx(WordCountPlugin, {}),
           /* @__PURE__ */ jsx(UsageTrackingPlugin, { licenseKey: apiKey })
-        ] }),
-        /* @__PURE__ */ jsx(HtmlViewDisplay, {}),
-        /* @__PURE__ */ jsx(AIRephrasePlugin, {}),
-        /* @__PURE__ */ jsx(AIChatPlugin, { apiKey }),
-        /* @__PURE__ */ jsx(TextEnhancePlugin, { apiKey }),
-        /* @__PURE__ */ jsx(HtmlSyncPlugin, {}),
-        /* @__PURE__ */ jsx(AndroidKeyboardFixPlugin, {}),
-        /* @__PURE__ */ jsx(CodeHighlightPlugin, {}),
-        /* @__PURE__ */ jsx(CodeBlockNormalizerPlugin, {}),
-        /* @__PURE__ */ jsx(CodeBlockSelectAllPlugin, {}),
-        /* @__PURE__ */ jsx(SlashCommandPlugin, {}),
-        /* @__PURE__ */ jsx(MarkdownShortcutsPlugin, {}),
-        /* @__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(LinkPreviewPlugin, {}),
-        /* @__PURE__ */ jsx(DragDropPaste, {}),
-        /* @__PURE__ */ jsx(RichTextPastePlugin, {}),
-        /* @__PURE__ */ jsx(PasteOptionsPlugin, {}),
-        /* @__PURE__ */ jsx(FilePlugin, {}),
-        /* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
-        /* @__PURE__ */ jsx(CustomHorizontalRulePlugin, {}),
-        /* @__PURE__ */ jsx(CheckListPlugin, {}),
-        /* @__PURE__ */ jsx(ImagePlugin, {}),
-        /* @__PURE__ */ jsx(SignatureCanvasPlugin, {}),
-        /* @__PURE__ */ jsx(
-          TablePlugin,
-          {
-            hasCellMerge: true,
-            hasCellBackgroundColor: true,
-            hasHorizontalScroll: true
-          }
-        ),
-        /* @__PURE__ */ jsx(TableImageAutoResizePlugin, {}),
-        /* @__PURE__ */ jsx(TableCellResizerPlugin, {}),
-        /* @__PURE__ */ jsx(EmbedPreviewPlugin, {}),
-        config.htmlViewOption && !config.toolbarOptions.enableHtmlViewToggle && /* @__PURE__ */ jsx(HtmlViewTogglePlugin, {})
+        ] })
       ] }),
+      /* @__PURE__ */ jsx(NewMentionsPlugin, { userList: mentionUserList }),
+      /* @__PURE__ */ jsx(NotePanelPlugin, {}),
+      /* @__PURE__ */ jsx(CommentPlugin, {}),
+      /* @__PURE__ */ jsx(CommentBubblePlugin, {}),
+      /* @__PURE__ */ jsx(CellBackgroundPersistencePlugin, {}),
+      /* @__PURE__ */ jsx(HtmlViewDisplay, {}),
+      /* @__PURE__ */ jsx(AIRephrasePlugin, {}),
+      /* @__PURE__ */ jsx(AIChatPlugin, { apiKey }),
+      /* @__PURE__ */ jsx(TextEnhancePlugin, { apiKey }),
+      /* @__PURE__ */ jsx(HtmlSyncPlugin, {}),
+      /* @__PURE__ */ jsx(AndroidKeyboardFixPlugin, {}),
+      /* @__PURE__ */ jsx(CodeHighlightPlugin, {}),
+      /* @__PURE__ */ jsx(CodeBlockNormalizerPlugin, {}),
+      /* @__PURE__ */ jsx(CodeBlockSelectAllPlugin, {}),
+      /* @__PURE__ */ jsx(SlashCommandPlugin, {}),
+      /* @__PURE__ */ jsx(MarkdownShortcutsPlugin, {}),
+      /* @__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(LinkPreviewPlugin, {}),
+      /* @__PURE__ */ jsx(DragDropPaste, {}),
+      /* @__PURE__ */ jsx(RichTextPastePlugin, {}),
+      /* @__PURE__ */ jsx(PasteOptionsPlugin, {}),
+      /* @__PURE__ */ jsx(FilePlugin, {}),
+      /* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
+      /* @__PURE__ */ jsx(CustomHorizontalRulePlugin, {}),
+      /* @__PURE__ */ jsx(CheckListPlugin, {}),
+      /* @__PURE__ */ jsx(ImagePlugin, {}),
+      /* @__PURE__ */ jsx(SignatureCanvasPlugin, {}),
+      /* @__PURE__ */ jsx(
+        TablePlugin,
+        {
+          hasCellMerge: true,
+          hasCellBackgroundColor: true,
+          hasHorizontalScroll: true
+        }
+      ),
+      /* @__PURE__ */ jsx(TableImageAutoResizePlugin, {}),
+      /* @__PURE__ */ jsx(TableCellResizerPlugin, {}),
+      /* @__PURE__ */ jsx(EmbedPreviewPlugin, {}),
+      config.htmlViewOption && !config.toolbarOptions.enableHtmlViewToggle && /* @__PURE__ */ jsx(HtmlViewTogglePlugin, {}),
       floatingAnchorElem && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           TableActionMenuPlugin,
@@ -40281,7 +40727,7 @@ const ScopedEditorWrapper = ({
   className = "",
   darkMode = false
 }) => {
-  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", className: "cteditor-max-w-full", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full cteditor-relative", children }) });
+  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", className: "cteditor-max-w-full", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full", children: /* @__PURE__ */ jsx("div", { className: "cteditor-relative", children }) }) });
 };
 const trackEditorLoad = async (licenseKey) => {
   try {
@@ -40323,13 +40769,26 @@ const ConfigurableEditorWithAuth = ({
   mentionUserList = editorConfig.mentionUserList || [],
   onAuthSuccess,
   onAuthError,
-  customVerifyKey
+  customVerifyKey,
+  enableReactNativeBridge = isReactNativeWebView(),
+  onEditorReady,
+  onFocus,
+  onBlur,
+  onHeightChange
 }) => {
   const { isAuthenticated, isLoading, error, editorConfig: editorConfig2, currentUser, verifyKey } = useEditor();
   const successRef = useRef(onAuthSuccess);
   const errorRef = useRef(onAuthError);
   const hasAttemptedAuthRef = useRef(false);
   const hasTrackedLoadRef = useRef(false);
+  const hasNotifiedReadyRef = useRef(false);
+  const rnBridge = useReactNativeBridge({
+    enabled: enableReactNativeBridge,
+    onReady: onEditorReady,
+    onFocus,
+    onBlur,
+    onHeightChange
+  });
   useEffect$1(() => {
     successRef.current = onAuthSuccess;
     errorRef.current = onAuthError;
@@ -40361,18 +40820,33 @@ const ConfigurableEditorWithAuth = ({
     var _a, _b;
     if (isAuthenticated) {
       (_a = successRef.current) == null ? void 0 : _a.call(successRef);
+      rnBridge.notifyAuthSuccess();
     }
     if (error) {
       (_b = errorRef.current) == null ? void 0 : _b.call(errorRef, error);
+      rnBridge.notifyAuthError(error);
     }
-  }, [isAuthenticated, error]);
+  }, [isAuthenticated, error, rnBridge]);
   useEffect$1(() => {
     console.log("isAuthenticated:", isAuthenticated);
     if (isAuthenticated && !hasTrackedLoadRef.current && apiKey) {
       hasTrackedLoadRef.current = true;
       trackEditorLoad(apiKey);
     }
-  }, [isAuthenticated, apiKey]);
+    if (isAuthenticated && !hasNotifiedReadyRef.current) {
+      hasNotifiedReadyRef.current = true;
+      setTimeout(() => {
+        rnBridge.notifyReady();
+      }, 100);
+    }
+  }, [isAuthenticated, apiKey, rnBridge]);
+  const handleContentChange = useCallback(
+    (html) => {
+      onChange == null ? void 0 : onChange(html);
+      rnBridge.notifyContentChange(html);
+    },
+    [onChange, rnBridge]
+  );
   if (isLoading) {
     return /* @__PURE__ */ jsx(ScopedEditorWrapper, { children: /* @__PURE__ */ jsx(LoadingMessage, { children: /* @__PURE__ */ jsx("span", { children: "Loading editor..." }) }) });
   }
@@ -40394,7 +40868,7 @@ const ConfigurableEditorWithAuth = ({
       mentionUserList,
       currentUser,
       initialContent,
-      onChange
+      onChange: handleContentChange
     }
   ) });
 };
@@ -40428,9 +40902,11 @@ export {
   EditorProvider as p,
   useEditor as q,
   ConfigurableEditor as r,
-  editorConfig as s,
+  useReactNativeBridge as s,
   toast as t,
   useHtmlView as u,
-  verifyApiKey as v
+  verifyApiKey as v,
+  isReactNativeWebView as w,
+  editorConfig as x
 };
-//# sourceMappingURL=index-0533674e.js.map
+//# sourceMappingURL=index-0c07c5e0.js.map