ct-rich-text-editor 1.2.6 → 1.2.7

package/dist/{index-5238e1b7.js → index-25cc2475.js}

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { createContext, useContext, useState, Suspense, forwardRef, createElement, useImperativeHandle, useRef, useEffect, useMemo, useCallback, useLayoutEffect, Component } from "react";
+import React__default, { createContext, useContext, useState, forwardRef, createElement, useImperativeHandle, useRef, useEffect, useMemo, useCallback, useLayoutEffect, Suspense, Component } from "react";
 import axios from "axios";
 import styled from "@emotion/styled";
 import { $generateNodesFromDOM, $generateHtmlFromNodes } from "@lexical/html";
@@ -23,7 +23,7 @@ import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
 import { $findMatchingParent, $getNearestNodeOfType, mergeRegister, $getNearestBlockElementAncestorOrThrow, $insertNodeToNearestRoot, $wrapNodeInElement, $isEditorIsNestedEditor, calculateZoomLevel, CAN_USE_DOM } from "@lexical/utils";
 import Stack from "@mui/material/Stack";
-import { DecoratorNode, createEditor, $applyNodeReplacement, createCommand, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $insertNodes, $getNearestNodeFromDOMNode, $setSelection, isHTMLElement as isHTMLElement$1, TextNode, $getRoot, $createTextNode, $getNodeByKey, COMMAND_PRIORITY_EDITOR, $createParagraphNode, $isRootOrShadowRoot, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, UNDO_COMMAND, REDO_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, CLICK_COMMAND, getDOMSelection, COMMAND_PRIORITY_HIGH, $isLineBreakNode, isDOMNode } from "lexical";
+import { createCommand, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $insertNodes, $getNearestNodeFromDOMNode, $setSelection, isHTMLElement as isHTMLElement$1, TextNode, $applyNodeReplacement, $getRoot, $createTextNode, $getNodeByKey, DecoratorNode, createEditor, COMMAND_PRIORITY_EDITOR, $createParagraphNode, $isRootOrShadowRoot, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, UNDO_COMMAND, REDO_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, CLICK_COMMAND, getDOMSelection, COMMAND_PRIORITY_HIGH, $isLineBreakNode, 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";
@@ -299,17 +299,6 @@ const AiJsonResponse = async ({ content }) => {
     throw error;
   }
 };
-const AiImageResponse = async ({ content }) => {
-  try {
-    const res = await backendAPI.post(apiEndpoints.chat.imageCreation, {
-      content
-    });
-    return res.data;
-  } catch (error) {
-    console.error("Error in AiImageResponse:", error);
-    throw error;
-  }
-};
 const AiEditorAction = async ({
   content,
   provider = "chatgpt",
@@ -339,187 +328,6 @@ const GetCreditsInfo = async ({ apiKey }) => {
     return { success: false, costPerPrompt: 1, remainingCredits: 0 };
   }
 };
-const ImageView = React__default.lazy(() => import("./index-ffff9c22.js"));
-function isGoogleDocCheckboxImg(img) {
-  return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
-}
-function $convertImageElement(domNode) {
-  const img = domNode;
-  if (img.src.startsWith("file:///") || isGoogleDocCheckboxImg(img)) {
-    return null;
-  }
-  const { alt: altText, src, width, height } = img;
-  const node = $createImageNode({ altText, height, src, width });
-  return { node };
-}
-class ImageNode extends DecoratorNode {
-  constructor(src, altText, maxWidth, width, height, showCaption, caption, captionsEnabled, key) {
-    super(key);
-    __publicField(this, "__src");
-    __publicField(this, "__altText");
-    __publicField(this, "__width");
-    __publicField(this, "__height");
-    __publicField(this, "__maxWidth");
-    __publicField(this, "__showCaption");
-    __publicField(this, "__caption");
-    // Captions cannot yet be used within editor cells
-    __publicField(this, "__captionsEnabled");
-    this.__src = src;
-    this.__altText = altText;
-    this.__maxWidth = maxWidth;
-    this.__width = width || "inherit";
-    this.__height = height || "inherit";
-    this.__showCaption = showCaption || false;
-    this.__caption = caption || createEditor({
-      nodes: []
-    });
-    this.__captionsEnabled = captionsEnabled || captionsEnabled === void 0;
-  }
-  // to identify the image node and must unique too
-  static getType() {
-    return "image";
-  }
-  // Clones the ImageNode when needed (during editor updates)
-  static clone(node) {
-    return new ImageNode(
-      node.__src,
-      node.__altText,
-      node.__maxWidth,
-      node.__width,
-      node.__height,
-      node.__showCaption,
-      node.__caption,
-      node.__captionsEnabled,
-      node.__key
-    );
-  }
-  // importing to json format
-  static importJSON(serializedNode) {
-    const { altText, height, width, maxWidth, caption, src, showCaption } = serializedNode;
-    const node = $createImageNode({
-      altText,
-      height,
-      maxWidth,
-      showCaption,
-      src,
-      width
-    });
-    const nestedEditor = node.__caption;
-    const editorState = nestedEditor.parseEditorState(caption.editorState);
-    if (!editorState.isEmpty()) {
-      nestedEditor.setEditorState(editorState);
-    }
-    return node;
-  }
-  // Exports this node as an actual <img> tag in the DOM when needed
-  exportDOM() {
-    const element = document.createElement("img");
-    element.setAttribute("src", this.__src);
-    element.setAttribute("alt", this.__altText);
-    element.setAttribute("width", this.__width.toString());
-    element.setAttribute("height", this.__height.toString());
-    return { element };
-  }
-  // convert img tag into image node in the editor using convertImageElement func
-  static importDOM() {
-    return {
-      img: (node) => ({
-        conversion: $convertImageElement,
-        priority: 0
-      })
-    };
-  }
-  exportJSON() {
-    return {
-      altText: this.getAltText(),
-      caption: this.__caption.toJSON(),
-      height: this.__height === "inherit" ? 0 : this.__height,
-      maxWidth: this.__maxWidth,
-      showCaption: this.__showCaption,
-      src: this.getSrc(),
-      type: "image",
-      version: 1,
-      width: this.__width === "inherit" ? 0 : this.__width
-    };
-  }
-  // setting width and height when resizing
-  setWidthAndHeight(width, height) {
-    const writable = this.getWritable();
-    writable.__width = width;
-    writable.__height = height;
-  }
-  // state to update to show the caption
-  setShowCaption(showCaption) {
-    const writable = this.getWritable();
-    writable.__showCaption = showCaption;
-  }
-  // To create a dom representation of image view
-  createDOM(config) {
-    const span = document.createElement("span");
-    const theme2 = config.theme;
-    const className = theme2.image;
-    if (className !== void 0) {
-      span.className = className;
-    }
-    return span;
-  }
-  updateDOM() {
-    return false;
-  }
-  // to get the image src
-  getSrc() {
-    return this.__src;
-  }
-  getAltText() {
-    return this.__altText;
-  }
-  // to render the image tag
-  decorate() {
-    return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
-      ImageView,
-      {
-        src: this.__src,
-        altText: this.__altText,
-        width: this.__width,
-        height: this.__height,
-        maxWidth: this.__maxWidth,
-        nodeKey: this.getKey(),
-        showCaption: this.__showCaption,
-        caption: this.__caption,
-        captionsEnabled: this.__captionsEnabled,
-        resizable: true
-      }
-    ) });
-  }
-}
-function $createImageNode({
-  altText,
-  height,
-  maxWidth = 500,
-  captionsEnabled,
-  src,
-  width,
-  showCaption,
-  caption,
-  key
-}) {
-  return $applyNodeReplacement(
-    new ImageNode(
-      src,
-      altText,
-      maxWidth,
-      width,
-      height,
-      showCaption,
-      caption,
-      captionsEnabled,
-      key
-    )
-  );
-}
-function $isImageNode(node) {
-  return node instanceof ImageNode;
-}
 const AI_ACTION_COMMAND = createCommand(
   "AI_ACTION_COMMAND"
 );
@@ -2718,6 +2526,17 @@ const CornerDownLeft = createLucideIcon("CornerDownLeft", [
   ["polyline", { points: "9 10 4 15 9 20", key: "r3jprv" }],
   ["path", { d: "M20 4v7a4 4 0 0 1-4 4H4", key: "6o5b7l" }]
 ]);
+/**
+ * @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 Download = createLucideIcon("Download", [
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
+  ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2847,6 +2666,15 @@ const Lightbulb = createLucideIcon("Lightbulb", [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Loader2 = createLucideIcon("Loader2", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -5786,7 +5614,7 @@ const getDefaultConfig = () => {
   };
 };
 const twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
-function cn(...inputs) {
+function cn$1(...inputs) {
   return twMerge(clsx(inputs));
 }
 const Dialog = Root$7;
@@ -5795,7 +5623,7 @@ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__P
   Overlay,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-fixed cteditor-inset-0 cteditor-z-[9999] cteditor-bg-black/60 data-[state=open]:cteditor-animate-in data-[state=closed]:cteditor-animate-out data-[state=closed]:cteditor-fade-out-0 data-[state=open]:cteditor-fade-in-0",
       className
     ),
@@ -5809,7 +5637,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
     Content$3,
     {
       ref,
-      className: cn(
+      className: cn$1(
         "cteditor-fixed cteditor-left-[50%] cteditor-top-[50%] cteditor-z-[9999] cteditor-grid cteditor-w-full cteditor-max-w-lg cteditor-translate-x-[-50%] cteditor-translate-y-[-50%] cteditor-gap-4 cteditor-border cteditor-bg-background cteditor-p-6 cteditor-shadow-lg cteditor-duration-200 data-[state=open]:cteditor-animate-in data-[state=closed]:cteditor-animate-out data-[state=closed]:cteditor-fade-out-0 data-[state=open]:cteditor-fade-in-0 data-[state=closed]:cteditor-zoom-out-95 data-[state=open]:cteditor-zoom-in-95 data-[state=closed]:cteditor-slide-out-to-left-1/2 data-[state=closed]:cteditor-slide-out-to-top-[48%] data-[state=open]:cteditor-slide-in-from-left-1/2 data-[state=open]:cteditor-slide-in-from-top-[48%] sm:cteditor-rounded-lg",
         className
       ),
@@ -5837,7 +5665,7 @@ const DialogHeader = ({
 }) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-flex-col cteditor-space-y-1.5 cteditor-text-center sm:cteditor-text-left",
       className
     ),
@@ -5851,7 +5679,7 @@ const DialogFooter = ({
 }) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-flex-col-reverse sm:cteditor-flex-row sm:cteditor-justify-end sm:cteditor-space-x-2",
       className
     ),
@@ -5863,7 +5691,7 @@ const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   Title,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-text-lg cteditor-font-semibold cteditor-leading-none cteditor-tracking-tight",
       className
     ),
@@ -5875,7 +5703,7 @@ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /*
   Description,
   {
     ref,
-    className: cn("cteditor-text-sm cteditor-text-muted-foreground", className),
+    className: cn$1("cteditor-text-sm cteditor-text-muted-foreground", className),
     ...props
   }
 ));
@@ -6076,7 +5904,7 @@ const Button = React.forwardRef(
     return /* @__PURE__ */ jsx(
       Comp,
       {
-        className: cn(buttonVariants({ variant, size: size2, className })),
+        className: cn$1(buttonVariants({ variant, size: size2, className })),
         ref,
         ...props
       }
@@ -6090,7 +5918,7 @@ const Input$1 = React.forwardRef(
       "input",
       {
         type,
-        className: cn(
+        className: cn$1(
           "cteditor-flex cteditor-h-9 cteditor-w-full cteditor-rounded-md cteditor-border cteditor-border-input cteditor-text-foreground dark:cteditor-bg-input/30 cteditor-bg-transparent cteditor-px-3 cteditor-py-1 cteditor-text-xs cteditor-shadow-sm cteditor-transition-all cteditor-duration-200 file:cteditor-border-0 file:cteditor-bg-transparent file:cteditor-text-sm file:cteditor-font-medium file:cteditor-text-foreground placeholder:cteditor-text-muted-foreground focus-visible:cteditor-outline-none focus-visible:cteditor-ring-1 focus-visible:cteditor-ring-ring disabled:cteditor-cursor-not-allowed disabled:cteditor-opacity-50",
           className
         ),
@@ -6129,7 +5957,7 @@ const Label$2 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   Root$6,
   {
     ref,
-    className: cn(labelVariants(), className),
+    className: cn$1(labelVariants(), className),
     ...props
   }
 ));
@@ -6327,26 +6155,24 @@ const AIRephrasePlugin = () => {
   };
   const generateImageFromPrompt = async (promptText) => {
     try {
-      const { data } = await AiImageResponse({ content: promptText });
-      if (!data) {
-        console.warn("No image generated");
-        throw new Error("Failed to generate image");
+      const response = await AiJsonResponse({ content: `Generate Image: ${promptText}` });
+      const htmlString = response == null ? void 0 : response.data;
+      if (!htmlString) {
+        console.warn("No HTML returned from agent for image generation");
+        throw new Error("Failed to generate image via agent");
       }
       editor.update(() => {
-        const selection = $getSelection();
-        const imageNode = $createImageNode({
-          altText: promptText,
-          src: data,
-          maxWidth: 1080
-        });
-        if (selection && $isRangeSelection(selection)) {
-          selection.insertNodes([imageNode]);
-        } else {
-          $insertNodes([imageNode]);
-        }
+        const currentSelection = $getSelection();
+        if (!currentSelection || !$isRangeSelection(currentSelection))
+          return;
+        const parser = new DOMParser();
+        const dom = parser.parseFromString(htmlString, "text/html");
+        const nodes = $generateNodesFromDOM(editor, dom);
+        currentSelection.insertText("");
+        $insertNodes(nodes);
       });
     } catch (error) {
-      console.error("Error generating image:", error);
+      console.error("Error generating image via agent:", error);
       throw error;
     }
   };
@@ -7157,7 +6983,7 @@ const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   Root$5,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-relative cteditor-flex cteditor-h-10 cteditor-w-10 cteditor-shrink-0 cteditor-overflow-hidden cteditor-rounded-full",
       className
     ),
@@ -7169,7 +6995,7 @@ const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   Image$1,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-aspect-square cteditor-h-full cteditor-w-full",
       className
     ),
@@ -7181,7 +7007,7 @@ const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__
   Fallback,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-h-full cteditor-w-full cteditor-items-center cteditor-justify-center cteditor-rounded-full cteditor-bg-muted",
       className
     ),
@@ -7206,13 +7032,13 @@ const badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: cn$1(badgeVariants({ variant }), className), ...props });
 }
 const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
-    className: cn(
+    className: cn$1(
       "rounded-xl border bg-card text-card-foreground shadow",
       className
     ),
@@ -7224,7 +7050,7 @@ const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "div",
   {
     ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
+    className: cn$1("flex flex-col space-y-1.5 p-6", className),
     ...props
   }
 ));
@@ -7233,7 +7059,7 @@ const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "div",
   {
     ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
+    className: cn$1("font-semibold leading-none tracking-tight", className),
     ...props
   }
 ));
@@ -7242,18 +7068,18 @@ const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @_
   "div",
   {
     ref,
-    className: cn("text-sm text-muted-foreground", className),
+    className: cn$1("text-sm text-muted-foreground", className),
     ...props
   }
 ));
 CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
 const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
-    className: cn("flex items-center p-6 pt-0", className),
+    className: cn$1("flex items-center p-6 pt-0", className),
     ...props
   }
 ));
@@ -7288,7 +7114,7 @@ const Separator$2 = React.forwardRef(
       ref,
       decorative,
       orientation,
-      className: cn(
+      className: cn$1(
         "cteditor-shrink-0 cteditor-bg-border",
         orientation === "horizontal" ? "cteditor-h-[1px] cteditor-w-full" : "cteditor-h-full cteditor-w-[1px]",
         className
@@ -7303,7 +7129,7 @@ const SheetPortal = Portal$5;
 const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Overlay,
   {
-    className: cn(
+    className: cn$1(
       "cteditor-fixed cteditor-inset-0 cteditor-z-[9999] cteditor-bg-black/80 data-[state=open]:cteditor-animate-in data-[state=closed]:cteditor-animate-out data-[state=closed]:cteditor-fade-out-0 data-[state=open]:cteditor-fade-in-0",
       className
     ),
@@ -7334,7 +7160,7 @@ const SheetContent = React.forwardRef(({ side = "right", className, children, ..
     Content$3,
     {
       ref,
-      className: cn(sheetVariants({ side }), className),
+      className: cn$1(sheetVariants({ side }), className),
       ...props,
       children: [
         /* @__PURE__ */ jsxs(Close, { className: "cteditor-absolute cteditor-right-4 cteditor-top-4 cteditor-rounded-sm cteditor-opacity-70 cteditor-ring-offset-background cteditor-transition-opacity hover:cteditor-opacity-100 focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-ring focus:cteditor-ring-offset-2 disabled:cteditor-pointer-events-none data-[state=open]:cteditor-bg-secondary cteditor-text-foreground", children: [
@@ -7353,7 +7179,7 @@ const SheetHeader = ({
 }) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-flex-col cteditor-space-y-2 cteditor-text-center sm:cteditor-text-left",
       className
     ),
@@ -7365,7 +7191,7 @@ const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   Title,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-text-lg cteditor-font-semibold cteditor-text-foreground",
       className
     ),
@@ -7377,7 +7203,7 @@ const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @
   Description,
   {
     ref,
-    className: cn("cteditor-text-sm cteditor-text-muted-foreground", className),
+    className: cn$1("cteditor-text-sm cteditor-text-muted-foreground", className),
     ...props
   }
 ));
@@ -7844,7 +7670,7 @@ const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   List,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-inline-flex cteditor-h-9 cteditor-items-center cteditor-justify-center cteditor-rounded-lg cteditor-bg-muted cteditor-p-1 cteditor-text-muted-foreground",
       className
     ),
@@ -7856,7 +7682,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   Trigger$4,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-inline-flex cteditor-items-center cteditor-justify-center cteditor-whitespace-nowrap cteditor-rounded-md cteditor-px-3 cteditor-py-1 cteditor-text-sm cteditor-font-medium cteditor-ring-offset-background cteditor-transition-all focus-visible:cteditor-outline-none focus-visible:cteditor-ring-2 focus-visible:cteditor-ring-ring focus-visible:cteditor-ring-offset-2 disabled:cteditor-pointer-events-none disabled:cteditor-opacity-50 data-[state=active]:cteditor-bg-background data-[state=active]:cteditor-text-foreground data-[state=active]:cteditor-shadow",
       className
     ),
@@ -7868,7 +7694,7 @@ const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   Content$2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-mt-2 cteditor-ring-offset-background focus-visible:cteditor-outline-none focus-visible:cteditor-ring-2 focus-visible:cteditor-ring-ring focus-visible:cteditor-ring-offset-2",
       className
     ),
@@ -7880,7 +7706,7 @@ const Textarea = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "textarea",
     {
-      className: cn(
+      className: cn$1(
         "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         className
       ),
@@ -10989,7 +10815,7 @@ const TooltipContent = React.forwardRef(({ className, sideOffset = 8, ...props }
   {
     ref,
     sideOffset,
-    className: cn(
+    className: cn$1(
       "cteditor-z-[9999] cteditor-overflow-hidden cteditor-rounded-md cteditor-bg-primary cteditor-px-3 cteditor-py-1.5 cteditor-text-xs cteditor-text-primary-foreground cteditor-animate-in cteditor-fade-in-0 cteditor-zoom-in-95 data-[state=closed]:cteditor-animate-out data-[state=closed]:cteditor-fade-out-0 data-[state=closed]:cteditor-zoom-out-95 data-[side=bottom]:cteditor-slide-in-from-top-2 data-[side=left]:cteditor-slide-in-from-right-2 data-[side=right]:cteditor-slide-in-from-left-2 data-[side=top]:cteditor-slide-in-from-bottom-2 cteditor-origin-[--radix-tooltip-content-transform-origin]",
       className
     ),
@@ -11013,7 +10839,7 @@ const CommentToggle = ({
             variant: "ghost",
             size: "icon-sm",
             onClick,
-            className: cn(
+            className: cn$1(
               "cteditor-relative cteditor-transition-all cteditor-duration-200",
               isOpen && "cteditor-bg-primary text-primary-foreground"
             ),
@@ -11319,45 +11145,1416 @@ const HtmlViewDisplay = () => {
     )
   ] });
 };
-const CommentView = ({
-  text,
-  author,
-  timestamp,
-  nodeKey
-}) => {
-  const [editor] = useLexicalComposerContext();
-  useState(false);
-  const [isEditing, setIsEditing] = useState(false);
-  const [editText, setEditText] = useState(text);
-  useCallback(() => {
-    editor.update(() => {
-      const node = $getNodeByKey(nodeKey);
-      if (node) {
-        node.remove();
-      }
-    });
-  }, [editor, nodeKey]);
-  useCallback(() => {
-    setIsEditing(true);
-    setEditText(text);
-  }, [text]);
-  useCallback(() => {
-    if (editText.trim()) {
-      editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if (node instanceof CommentNode) {
-          node.setText(editText.trim());
-        }
-      });
-      setIsEditing(false);
-    }
-  }, [editor, nodeKey, editText]);
-  useCallback(() => {
-    setIsEditing(false);
-    setEditText(text);
-  }, [text]);
-  return null;
-};
+function __insertCSS(code) {
+  if (!code || typeof document == "undefined")
+    return;
+  let head = document.head || document.getElementsByTagName("head")[0];
+  let style = document.createElement("style");
+  style.type = "text/css";
+  head.appendChild(style);
+  style.styleSheet ? style.styleSheet.cssText = code : style.appendChild(document.createTextNode(code));
+}
+const getAsset = (type) => {
+  switch (type) {
+    case "success":
+      return SuccessIcon;
+    case "info":
+      return InfoIcon;
+    case "warning":
+      return WarningIcon;
+    case "error":
+      return ErrorIcon;
+    default:
+      return null;
+  }
+};
+const bars = Array(12).fill(0);
+const Loader = ({ visible, className }) => {
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: [
+      "sonner-loading-wrapper",
+      className
+    ].filter(Boolean).join(" "),
+    "data-visible": visible
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "sonner-spinner"
+  }, bars.map((_, i2) => /* @__PURE__ */ React__default.createElement("div", {
+    className: "sonner-loading-bar",
+    key: `spinner-bar-${i2}`
+  }))));
+};
+const SuccessIcon = /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
+  clipRule: "evenodd"
+}));
+const WarningIcon = /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+  clipRule: "evenodd"
+}));
+const InfoIcon = /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
+  clipRule: "evenodd"
+}));
+const ErrorIcon = /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
+  clipRule: "evenodd"
+}));
+const CloseIcon = /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}, /* @__PURE__ */ React__default.createElement("line", {
+  x1: "18",
+  y1: "6",
+  x2: "6",
+  y2: "18"
+}), /* @__PURE__ */ React__default.createElement("line", {
+  x1: "6",
+  y1: "6",
+  x2: "18",
+  y2: "18"
+}));
+const useIsDocumentHidden = () => {
+  const [isDocumentHidden, setIsDocumentHidden] = React__default.useState(document.hidden);
+  React__default.useEffect(() => {
+    const callback = () => {
+      setIsDocumentHidden(document.hidden);
+    };
+    document.addEventListener("visibilitychange", callback);
+    return () => window.removeEventListener("visibilitychange", callback);
+  }, []);
+  return isDocumentHidden;
+};
+let toastsCounter = 1;
+class Observer {
+  constructor() {
+    this.subscribe = (subscriber) => {
+      this.subscribers.push(subscriber);
+      return () => {
+        const index2 = this.subscribers.indexOf(subscriber);
+        this.subscribers.splice(index2, 1);
+      };
+    };
+    this.publish = (data) => {
+      this.subscribers.forEach((subscriber) => subscriber(data));
+    };
+    this.addToast = (data) => {
+      this.publish(data);
+      this.toasts = [
+        ...this.toasts,
+        data
+      ];
+    };
+    this.create = (data) => {
+      var _data_id;
+      const { message, ...rest } = data;
+      const id = typeof (data == null ? void 0 : data.id) === "number" || ((_data_id = data.id) == null ? void 0 : _data_id.length) > 0 ? data.id : toastsCounter++;
+      const alreadyExists = this.toasts.find((toast2) => {
+        return toast2.id === id;
+      });
+      const dismissible = data.dismissible === void 0 ? true : data.dismissible;
+      if (this.dismissedToasts.has(id)) {
+        this.dismissedToasts.delete(id);
+      }
+      if (alreadyExists) {
+        this.toasts = this.toasts.map((toast2) => {
+          if (toast2.id === id) {
+            this.publish({
+              ...toast2,
+              ...data,
+              id,
+              title: message
+            });
+            return {
+              ...toast2,
+              ...data,
+              id,
+              dismissible,
+              title: message
+            };
+          }
+          return toast2;
+        });
+      } else {
+        this.addToast({
+          title: message,
+          ...rest,
+          dismissible,
+          id
+        });
+      }
+      return id;
+    };
+    this.dismiss = (id) => {
+      if (id) {
+        this.dismissedToasts.add(id);
+        requestAnimationFrame(() => this.subscribers.forEach((subscriber) => subscriber({
+          id,
+          dismiss: true
+        })));
+      } else {
+        this.toasts.forEach((toast2) => {
+          this.subscribers.forEach((subscriber) => subscriber({
+            id: toast2.id,
+            dismiss: true
+          }));
+        });
+      }
+      return id;
+    };
+    this.message = (message, data) => {
+      return this.create({
+        ...data,
+        message
+      });
+    };
+    this.error = (message, data) => {
+      return this.create({
+        ...data,
+        message,
+        type: "error"
+      });
+    };
+    this.success = (message, data) => {
+      return this.create({
+        ...data,
+        type: "success",
+        message
+      });
+    };
+    this.info = (message, data) => {
+      return this.create({
+        ...data,
+        type: "info",
+        message
+      });
+    };
+    this.warning = (message, data) => {
+      return this.create({
+        ...data,
+        type: "warning",
+        message
+      });
+    };
+    this.loading = (message, data) => {
+      return this.create({
+        ...data,
+        type: "loading",
+        message
+      });
+    };
+    this.promise = (promise, data) => {
+      if (!data) {
+        return;
+      }
+      let id = void 0;
+      if (data.loading !== void 0) {
+        id = this.create({
+          ...data,
+          promise,
+          type: "loading",
+          message: data.loading,
+          description: typeof data.description !== "function" ? data.description : void 0
+        });
+      }
+      const p2 = Promise.resolve(promise instanceof Function ? promise() : promise);
+      let shouldDismiss = id !== void 0;
+      let result;
+      const originalPromise = p2.then(async (response) => {
+        result = [
+          "resolve",
+          response
+        ];
+        const isReactElementResponse = React__default.isValidElement(response);
+        if (isReactElementResponse) {
+          shouldDismiss = false;
+          this.create({
+            id,
+            type: "default",
+            message: response
+          });
+        } else if (isHttpResponse(response) && !response.ok) {
+          shouldDismiss = false;
+          const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
+          const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React__default.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "error",
+            description,
+            ...toastSettings
+          });
+        } else if (response instanceof Error) {
+          shouldDismiss = false;
+          const promiseData = typeof data.error === "function" ? await data.error(response) : data.error;
+          const description = typeof data.description === "function" ? await data.description(response) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React__default.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "error",
+            description,
+            ...toastSettings
+          });
+        } else if (data.success !== void 0) {
+          shouldDismiss = false;
+          const promiseData = typeof data.success === "function" ? await data.success(response) : data.success;
+          const description = typeof data.description === "function" ? await data.description(response) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React__default.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "success",
+            description,
+            ...toastSettings
+          });
+        }
+      }).catch(async (error) => {
+        result = [
+          "reject",
+          error
+        ];
+        if (data.error !== void 0) {
+          shouldDismiss = false;
+          const promiseData = typeof data.error === "function" ? await data.error(error) : data.error;
+          const description = typeof data.description === "function" ? await data.description(error) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React__default.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "error",
+            description,
+            ...toastSettings
+          });
+        }
+      }).finally(() => {
+        if (shouldDismiss) {
+          this.dismiss(id);
+          id = void 0;
+        }
+        data.finally == null ? void 0 : data.finally.call(data);
+      });
+      const unwrap = () => new Promise((resolve, reject) => originalPromise.then(() => result[0] === "reject" ? reject(result[1]) : resolve(result[1])).catch(reject));
+      if (typeof id !== "string" && typeof id !== "number") {
+        return {
+          unwrap
+        };
+      } else {
+        return Object.assign(id, {
+          unwrap
+        });
+      }
+    };
+    this.custom = (jsx2, data) => {
+      const id = (data == null ? void 0 : data.id) || toastsCounter++;
+      this.create({
+        jsx: jsx2(id),
+        id,
+        ...data
+      });
+      return id;
+    };
+    this.getActiveToasts = () => {
+      return this.toasts.filter((toast2) => !this.dismissedToasts.has(toast2.id));
+    };
+    this.subscribers = [];
+    this.toasts = [];
+    this.dismissedToasts = /* @__PURE__ */ new Set();
+  }
+}
+const ToastState = new Observer();
+const toastFunction = (message, data) => {
+  const id = (data == null ? void 0 : data.id) || toastsCounter++;
+  ToastState.addToast({
+    title: message,
+    ...data,
+    id
+  });
+  return id;
+};
+const isHttpResponse = (data) => {
+  return data && typeof data === "object" && "ok" in data && typeof data.ok === "boolean" && "status" in data && typeof data.status === "number";
+};
+const basicToast = toastFunction;
+const getHistory = () => ToastState.toasts;
+const getToasts = () => ToastState.getActiveToasts();
+const toast = Object.assign(basicToast, {
+  success: ToastState.success,
+  info: ToastState.info,
+  warning: ToastState.warning,
+  error: ToastState.error,
+  custom: ToastState.custom,
+  message: ToastState.message,
+  promise: ToastState.promise,
+  dismiss: ToastState.dismiss,
+  loading: ToastState.loading
+}, {
+  getHistory,
+  getToasts
+});
+__insertCSS("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}[data-sonner-toaster][data-lifted=true]{transform:translateY(-8px)}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");
+function isAction(action) {
+  return action.label !== void 0;
+}
+const VISIBLE_TOASTS_AMOUNT = 3;
+const VIEWPORT_OFFSET = "24px";
+const MOBILE_VIEWPORT_OFFSET = "16px";
+const TOAST_LIFETIME = 4e3;
+const TOAST_WIDTH = 356;
+const GAP = 14;
+const SWIPE_THRESHOLD = 45;
+const TIME_BEFORE_UNMOUNT = 200;
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function getDefaultSwipeDirections(position) {
+  const [y2, x2] = position.split("-");
+  const directions = [];
+  if (y2) {
+    directions.push(y2);
+  }
+  if (x2) {
+    directions.push(x2);
+  }
+  return directions;
+}
+const Toast = (props) => {
+  var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
+  const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index: index2, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
+  const [swipeDirection, setSwipeDirection] = React__default.useState(null);
+  const [swipeOutDirection, setSwipeOutDirection] = React__default.useState(null);
+  const [mounted, setMounted] = React__default.useState(false);
+  const [removed, setRemoved] = React__default.useState(false);
+  const [swiping, setSwiping] = React__default.useState(false);
+  const [swipeOut, setSwipeOut] = React__default.useState(false);
+  const [isSwiped, setIsSwiped] = React__default.useState(false);
+  const [offsetBeforeRemove, setOffsetBeforeRemove] = React__default.useState(0);
+  const [initialHeight, setInitialHeight] = React__default.useState(0);
+  const remainingTime = React__default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
+  const dragStartTime = React__default.useRef(null);
+  const toastRef = React__default.useRef(null);
+  const isFront = index2 === 0;
+  const isVisible = index2 + 1 <= visibleToasts;
+  const toastType = toast2.type;
+  const dismissible = toast2.dismissible !== false;
+  const toastClassname = toast2.className || "";
+  const toastDescriptionClassname = toast2.descriptionClassName || "";
+  const heightIndex = React__default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
+    heights,
+    toast2.id
+  ]);
+  const closeButton = React__default.useMemo(() => {
+    var _toast_closeButton;
+    return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
+  }, [
+    toast2.closeButton,
+    closeButtonFromToaster
+  ]);
+  const duration = React__default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
+    toast2.duration,
+    durationFromToaster
+  ]);
+  const closeTimerStartTimeRef = React__default.useRef(0);
+  const offset2 = React__default.useRef(0);
+  const lastCloseTimerStartTimeRef = React__default.useRef(0);
+  const pointerStartRef = React__default.useRef(null);
+  const [y2, x2] = position.split("-");
+  const toastsHeightBefore = React__default.useMemo(() => {
+    return heights.reduce((prev, curr, reducerIndex) => {
+      if (reducerIndex >= heightIndex) {
+        return prev;
+      }
+      return prev + curr.height;
+    }, 0);
+  }, [
+    heights,
+    heightIndex
+  ]);
+  const isDocumentHidden = useIsDocumentHidden();
+  const invert = toast2.invert || ToasterInvert;
+  const disabled = toastType === "loading";
+  offset2.current = React__default.useMemo(() => heightIndex * gap + toastsHeightBefore, [
+    heightIndex,
+    toastsHeightBefore
+  ]);
+  React__default.useEffect(() => {
+    remainingTime.current = duration;
+  }, [
+    duration
+  ]);
+  React__default.useEffect(() => {
+    setMounted(true);
+  }, []);
+  React__default.useEffect(() => {
+    const toastNode = toastRef.current;
+    if (toastNode) {
+      const height = toastNode.getBoundingClientRect().height;
+      setInitialHeight(height);
+      setHeights((h2) => [
+        {
+          toastId: toast2.id,
+          height,
+          position: toast2.position
+        },
+        ...h2
+      ]);
+      return () => setHeights((h2) => h2.filter((height2) => height2.toastId !== toast2.id));
+    }
+  }, [
+    setHeights,
+    toast2.id
+  ]);
+  React__default.useLayoutEffect(() => {
+    if (!mounted)
+      return;
+    const toastNode = toastRef.current;
+    const originalHeight = toastNode.style.height;
+    toastNode.style.height = "auto";
+    const newHeight = toastNode.getBoundingClientRect().height;
+    toastNode.style.height = originalHeight;
+    setInitialHeight(newHeight);
+    setHeights((heights2) => {
+      const alreadyExists = heights2.find((height) => height.toastId === toast2.id);
+      if (!alreadyExists) {
+        return [
+          {
+            toastId: toast2.id,
+            height: newHeight,
+            position: toast2.position
+          },
+          ...heights2
+        ];
+      } else {
+        return heights2.map((height) => height.toastId === toast2.id ? {
+          ...height,
+          height: newHeight
+        } : height);
+      }
+    });
+  }, [
+    mounted,
+    toast2.title,
+    toast2.description,
+    setHeights,
+    toast2.id
+  ]);
+  const deleteToast = React__default.useCallback(() => {
+    setRemoved(true);
+    setOffsetBeforeRemove(offset2.current);
+    setHeights((h2) => h2.filter((height) => height.toastId !== toast2.id));
+    setTimeout(() => {
+      removeToast(toast2);
+    }, TIME_BEFORE_UNMOUNT);
+  }, [
+    toast2,
+    removeToast,
+    setHeights,
+    offset2
+  ]);
+  React__default.useEffect(() => {
+    if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading")
+      return;
+    let timeoutId;
+    const pauseTimer = () => {
+      if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {
+        const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
+        remainingTime.current = remainingTime.current - elapsedTime;
+      }
+      lastCloseTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
+    };
+    const startTimer = () => {
+      if (remainingTime.current === Infinity)
+        return;
+      closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
+      timeoutId = setTimeout(() => {
+        toast2.onAutoClose == null ? void 0 : toast2.onAutoClose.call(toast2, toast2);
+        deleteToast();
+      }, remainingTime.current);
+    };
+    if (expanded || interacting || isDocumentHidden) {
+      pauseTimer();
+    } else {
+      startTimer();
+    }
+    return () => clearTimeout(timeoutId);
+  }, [
+    expanded,
+    interacting,
+    toast2,
+    toastType,
+    isDocumentHidden,
+    deleteToast
+  ]);
+  React__default.useEffect(() => {
+    if (toast2.delete) {
+      deleteToast();
+    }
+  }, [
+    deleteToast,
+    toast2.delete
+  ]);
+  function getLoadingIcon() {
+    var _toast_classNames9;
+    if (icons == null ? void 0 : icons.loading) {
+      var _toast_classNames12;
+      return /* @__PURE__ */ React__default.createElement("div", {
+        className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"),
+        "data-visible": toastType === "loading"
+      }, icons.loading);
+    }
+    return /* @__PURE__ */ React__default.createElement(Loader, {
+      className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader),
+      visible: toastType === "loading"
+    });
+  }
+  const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType);
+  var _toast_richColors, _icons_close;
+  return /* @__PURE__ */ React__default.createElement("li", {
+    tabIndex: 0,
+    ref: toastRef,
+    className: cn(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]),
+    "data-sonner-toast": "",
+    "data-rich-colors": (_toast_richColors = toast2.richColors) != null ? _toast_richColors : defaultRichColors,
+    "data-styled": !Boolean(toast2.jsx || toast2.unstyled || unstyled),
+    "data-mounted": mounted,
+    "data-promise": Boolean(toast2.promise),
+    "data-swiped": isSwiped,
+    "data-removed": removed,
+    "data-visible": isVisible,
+    "data-y-position": y2,
+    "data-x-position": x2,
+    "data-index": index2,
+    "data-front": isFront,
+    "data-swiping": swiping,
+    "data-dismissible": dismissible,
+    "data-type": toastType,
+    "data-invert": invert,
+    "data-swipe-out": swipeOut,
+    "data-swipe-direction": swipeOutDirection,
+    "data-expanded": Boolean(expanded || expandByDefault && mounted),
+    style: {
+      "--index": index2,
+      "--toasts-before": index2,
+      "--z-index": toasts.length - index2,
+      "--offset": `${removed ? offsetBeforeRemove : offset2.current}px`,
+      "--initial-height": expandByDefault ? "auto" : `${initialHeight}px`,
+      ...style,
+      ...toast2.style
+    },
+    onDragEnd: () => {
+      setSwiping(false);
+      setSwipeDirection(null);
+      pointerStartRef.current = null;
+    },
+    onPointerDown: (event) => {
+      if (disabled || !dismissible)
+        return;
+      dragStartTime.current = /* @__PURE__ */ new Date();
+      setOffsetBeforeRemove(offset2.current);
+      event.target.setPointerCapture(event.pointerId);
+      if (event.target.tagName === "BUTTON")
+        return;
+      setSwiping(true);
+      pointerStartRef.current = {
+        x: event.clientX,
+        y: event.clientY
+      };
+    },
+    onPointerUp: () => {
+      var _toastRef_current, _toastRef_current1, _dragStartTime_current;
+      if (swipeOut || !dismissible)
+        return;
+      pointerStartRef.current = null;
+      const swipeAmountX = Number(((_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0);
+      const swipeAmountY = Number(((_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0);
+      const timeTaken = (/* @__PURE__ */ new Date()).getTime() - ((_dragStartTime_current = dragStartTime.current) == null ? void 0 : _dragStartTime_current.getTime());
+      const swipeAmount = swipeDirection === "x" ? swipeAmountX : swipeAmountY;
+      const velocity = Math.abs(swipeAmount) / timeTaken;
+      if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {
+        setOffsetBeforeRemove(offset2.current);
+        toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+        if (swipeDirection === "x") {
+          setSwipeOutDirection(swipeAmountX > 0 ? "right" : "left");
+        } else {
+          setSwipeOutDirection(swipeAmountY > 0 ? "down" : "up");
+        }
+        deleteToast();
+        setSwipeOut(true);
+        return;
+      } else {
+        var _toastRef_current2, _toastRef_current3;
+        (_toastRef_current2 = toastRef.current) == null ? void 0 : _toastRef_current2.style.setProperty("--swipe-amount-x", `0px`);
+        (_toastRef_current3 = toastRef.current) == null ? void 0 : _toastRef_current3.style.setProperty("--swipe-amount-y", `0px`);
+      }
+      setIsSwiped(false);
+      setSwiping(false);
+      setSwipeDirection(null);
+    },
+    onPointerMove: (event) => {
+      var _window_getSelection, _toastRef_current, _toastRef_current1;
+      if (!pointerStartRef.current || !dismissible)
+        return;
+      const isHighlighted = ((_window_getSelection = window.getSelection()) == null ? void 0 : _window_getSelection.toString().length) > 0;
+      if (isHighlighted)
+        return;
+      const yDelta = event.clientY - pointerStartRef.current.y;
+      const xDelta = event.clientX - pointerStartRef.current.x;
+      var _props_swipeDirections;
+      const swipeDirections = (_props_swipeDirections = props.swipeDirections) != null ? _props_swipeDirections : getDefaultSwipeDirections(position);
+      if (!swipeDirection && (Math.abs(xDelta) > 1 || Math.abs(yDelta) > 1)) {
+        setSwipeDirection(Math.abs(xDelta) > Math.abs(yDelta) ? "x" : "y");
+      }
+      let swipeAmount = {
+        x: 0,
+        y: 0
+      };
+      const getDampening = (delta) => {
+        const factor = Math.abs(delta) / 20;
+        return 1 / (1.5 + factor);
+      };
+      if (swipeDirection === "y") {
+        if (swipeDirections.includes("top") || swipeDirections.includes("bottom")) {
+          if (swipeDirections.includes("top") && yDelta < 0 || swipeDirections.includes("bottom") && yDelta > 0) {
+            swipeAmount.y = yDelta;
+          } else {
+            const dampenedDelta = yDelta * getDampening(yDelta);
+            swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta;
+          }
+        }
+      } else if (swipeDirection === "x") {
+        if (swipeDirections.includes("left") || swipeDirections.includes("right")) {
+          if (swipeDirections.includes("left") && xDelta < 0 || swipeDirections.includes("right") && xDelta > 0) {
+            swipeAmount.x = xDelta;
+          } else {
+            const dampenedDelta = xDelta * getDampening(xDelta);
+            swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta;
+          }
+        }
+      }
+      if (Math.abs(swipeAmount.x) > 0 || Math.abs(swipeAmount.y) > 0) {
+        setIsSwiped(true);
+      }
+      (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`);
+      (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`);
+    }
+  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React__default.createElement("button", {
+    "aria-label": closeButtonAriaLabel,
+    "data-disabled": disabled,
+    "data-close-button": true,
+    onClick: disabled || !dismissible ? () => {
+    } : () => {
+      deleteToast();
+      toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+    },
+    className: cn(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton)
+  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React__default.createElement("div", {
+    "data-icon": "",
+    className: cn(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon)
+  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React__default.createElement("div", {
+    "data-content": "",
+    className: cn(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content)
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    "data-title": "",
+    className: cn(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title)
+  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React__default.createElement("div", {
+    "data-description": "",
+    className: cn(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description)
+  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React__default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React__default.createElement("button", {
+    "data-button": true,
+    "data-cancel": true,
+    style: toast2.cancelButtonStyle || cancelButtonStyle,
+    onClick: (event) => {
+      if (!isAction(toast2.cancel))
+        return;
+      if (!dismissible)
+        return;
+      toast2.cancel.onClick == null ? void 0 : toast2.cancel.onClick.call(toast2.cancel, event);
+      deleteToast();
+    },
+    className: cn(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton)
+  }, toast2.cancel.label) : null, /* @__PURE__ */ React__default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React__default.createElement("button", {
+    "data-button": true,
+    "data-action": true,
+    style: toast2.actionButtonStyle || actionButtonStyle,
+    onClick: (event) => {
+      if (!isAction(toast2.action))
+        return;
+      toast2.action.onClick == null ? void 0 : toast2.action.onClick.call(toast2.action, event);
+      if (event.defaultPrevented)
+        return;
+      deleteToast();
+    },
+    className: cn(classNames == null ? void 0 : classNames.actionButton, toast2 == null ? void 0 : (_toast_classNames8 = toast2.classNames) == null ? void 0 : _toast_classNames8.actionButton)
+  }, toast2.action.label) : null);
+};
+function getDocumentDirection() {
+  if (typeof window === "undefined")
+    return "ltr";
+  if (typeof document === "undefined")
+    return "ltr";
+  const dirAttribute = document.documentElement.getAttribute("dir");
+  if (dirAttribute === "auto" || !dirAttribute) {
+    return window.getComputedStyle(document.documentElement).direction;
+  }
+  return dirAttribute;
+}
+function assignOffset(defaultOffset, mobileOffset) {
+  const styles = {};
+  [
+    defaultOffset,
+    mobileOffset
+  ].forEach((offset2, index2) => {
+    const isMobile = index2 === 1;
+    const prefix = isMobile ? "--mobile-offset" : "--offset";
+    const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET;
+    function assignAll(offset3) {
+      [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ].forEach((key) => {
+        styles[`${prefix}-${key}`] = typeof offset3 === "number" ? `${offset3}px` : offset3;
+      });
+    }
+    if (typeof offset2 === "number" || typeof offset2 === "string") {
+      assignAll(offset2);
+    } else if (typeof offset2 === "object") {
+      [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ].forEach((key) => {
+        if (offset2[key] === void 0) {
+          styles[`${prefix}-${key}`] = defaultValue;
+        } else {
+          styles[`${prefix}-${key}`] = typeof offset2[key] === "number" ? `${offset2[key]}px` : offset2[key];
+        }
+      });
+    } else {
+      assignAll(defaultValue);
+    }
+  });
+  return styles;
+}
+const Toaster = /* @__PURE__ */ React__default.forwardRef(function Toaster2(props, ref) {
+  const { invert, position = "bottom-right", hotkey = [
+    "altKey",
+    "KeyT"
+  ], expand, closeButton, className, offset: offset2, mobileOffset, theme: theme2 = "light", richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props;
+  const [toasts, setToasts] = React__default.useState([]);
+  const possiblePositions = React__default.useMemo(() => {
+    return Array.from(new Set([
+      position
+    ].concat(toasts.filter((toast2) => toast2.position).map((toast2) => toast2.position))));
+  }, [
+    toasts,
+    position
+  ]);
+  const [heights, setHeights] = React__default.useState([]);
+  const [expanded, setExpanded] = React__default.useState(false);
+  const [interacting, setInteracting] = React__default.useState(false);
+  const [actualTheme, setActualTheme] = React__default.useState(theme2 !== "system" ? theme2 : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+  const listRef = React__default.useRef(null);
+  const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+  const lastFocusedElementRef = React__default.useRef(null);
+  const isFocusWithinRef = React__default.useRef(false);
+  const removeToast = React__default.useCallback((toastToRemove) => {
+    setToasts((toasts2) => {
+      var _toasts_find;
+      if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
+        ToastState.dismiss(toastToRemove.id);
+      }
+      return toasts2.filter(({ id }) => id !== toastToRemove.id);
+    });
+  }, []);
+  React__default.useEffect(() => {
+    return ToastState.subscribe((toast2) => {
+      if (toast2.dismiss) {
+        requestAnimationFrame(() => {
+          setToasts((toasts2) => toasts2.map((t) => t.id === toast2.id ? {
+            ...t,
+            delete: true
+          } : t));
+        });
+        return;
+      }
+      setTimeout(() => {
+        ReactDOM__default.flushSync(() => {
+          setToasts((toasts2) => {
+            const indexOfExistingToast = toasts2.findIndex((t) => t.id === toast2.id);
+            if (indexOfExistingToast !== -1) {
+              return [
+                ...toasts2.slice(0, indexOfExistingToast),
+                {
+                  ...toasts2[indexOfExistingToast],
+                  ...toast2
+                },
+                ...toasts2.slice(indexOfExistingToast + 1)
+              ];
+            }
+            return [
+              toast2,
+              ...toasts2
+            ];
+          });
+        });
+      });
+    });
+  }, [
+    toasts
+  ]);
+  React__default.useEffect(() => {
+    if (theme2 !== "system") {
+      setActualTheme(theme2);
+      return;
+    }
+    if (theme2 === "system") {
+      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        setActualTheme("dark");
+      } else {
+        setActualTheme("light");
+      }
+    }
+    if (typeof window === "undefined")
+      return;
+    const darkMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    try {
+      darkMediaQuery.addEventListener("change", ({ matches }) => {
+        if (matches) {
+          setActualTheme("dark");
+        } else {
+          setActualTheme("light");
+        }
+      });
+    } catch (error) {
+      darkMediaQuery.addListener(({ matches }) => {
+        try {
+          if (matches) {
+            setActualTheme("dark");
+          } else {
+            setActualTheme("light");
+          }
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    }
+  }, [
+    theme2
+  ]);
+  React__default.useEffect(() => {
+    if (toasts.length <= 1) {
+      setExpanded(false);
+    }
+  }, [
+    toasts
+  ]);
+  React__default.useEffect(() => {
+    const handleKeyDown = (event) => {
+      var _listRef_current;
+      const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
+      if (isHotkeyPressed) {
+        var _listRef_current1;
+        setExpanded(true);
+        (_listRef_current1 = listRef.current) == null ? void 0 : _listRef_current1.focus();
+      }
+      if (event.code === "Escape" && (document.activeElement === listRef.current || ((_listRef_current = listRef.current) == null ? void 0 : _listRef_current.contains(document.activeElement)))) {
+        setExpanded(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [
+    hotkey
+  ]);
+  React__default.useEffect(() => {
+    if (listRef.current) {
+      return () => {
+        if (lastFocusedElementRef.current) {
+          lastFocusedElementRef.current.focus({
+            preventScroll: true
+          });
+          lastFocusedElementRef.current = null;
+          isFocusWithinRef.current = false;
+        }
+      };
+    }
+  }, [
+    listRef.current
+  ]);
+  return (
+    // Remove item from normal navigation flow, only available via hotkey
+    /* @__PURE__ */ React__default.createElement("section", {
+      ref,
+      "aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
+      tabIndex: -1,
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      "aria-atomic": "false",
+      suppressHydrationWarning: true
+    }, possiblePositions.map((position2, index2) => {
+      var _heights_;
+      const [y2, x2] = position2.split("-");
+      if (!toasts.length)
+        return null;
+      return /* @__PURE__ */ React__default.createElement("ol", {
+        key: position2,
+        dir: dir === "auto" ? getDocumentDirection() : dir,
+        tabIndex: -1,
+        ref: listRef,
+        className,
+        "data-sonner-toaster": true,
+        "data-sonner-theme": actualTheme,
+        "data-y-position": y2,
+        "data-lifted": expanded && toasts.length > 1 && !expand,
+        "data-x-position": x2,
+        style: {
+          "--front-toast-height": `${((_heights_ = heights[0]) == null ? void 0 : _heights_.height) || 0}px`,
+          "--width": `${TOAST_WIDTH}px`,
+          "--gap": `${gap}px`,
+          ...style,
+          ...assignOffset(offset2, mobileOffset)
+        },
+        onBlur: (event) => {
+          if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {
+            isFocusWithinRef.current = false;
+            if (lastFocusedElementRef.current) {
+              lastFocusedElementRef.current.focus({
+                preventScroll: true
+              });
+              lastFocusedElementRef.current = null;
+            }
+          }
+        },
+        onFocus: (event) => {
+          const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false";
+          if (isNotDismissible)
+            return;
+          if (!isFocusWithinRef.current) {
+            isFocusWithinRef.current = true;
+            lastFocusedElementRef.current = event.relatedTarget;
+          }
+        },
+        onMouseEnter: () => setExpanded(true),
+        onMouseMove: () => setExpanded(true),
+        onMouseLeave: () => {
+          if (!interacting) {
+            setExpanded(false);
+          }
+        },
+        onDragEnd: () => setExpanded(false),
+        onPointerDown: (event) => {
+          const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false";
+          if (isNotDismissible)
+            return;
+          setInteracting(true);
+        },
+        onPointerUp: () => setInteracting(false)
+      }, toasts.filter((toast2) => !toast2.position && index2 === 0 || toast2.position === position2).map((toast2, index3) => {
+        var _toastOptions_duration, _toastOptions_closeButton;
+        return /* @__PURE__ */ React__default.createElement(Toast, {
+          key: toast2.id,
+          icons,
+          index: index3,
+          toast: toast2,
+          defaultRichColors: richColors,
+          duration: (_toastOptions_duration = toastOptions == null ? void 0 : toastOptions.duration) != null ? _toastOptions_duration : duration,
+          className: toastOptions == null ? void 0 : toastOptions.className,
+          descriptionClassName: toastOptions == null ? void 0 : toastOptions.descriptionClassName,
+          invert,
+          visibleToasts,
+          closeButton: (_toastOptions_closeButton = toastOptions == null ? void 0 : toastOptions.closeButton) != null ? _toastOptions_closeButton : closeButton,
+          interacting,
+          position: position2,
+          style: toastOptions == null ? void 0 : toastOptions.style,
+          unstyled: toastOptions == null ? void 0 : toastOptions.unstyled,
+          classNames: toastOptions == null ? void 0 : toastOptions.classNames,
+          cancelButtonStyle: toastOptions == null ? void 0 : toastOptions.cancelButtonStyle,
+          actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle,
+          closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel,
+          removeToast,
+          toasts: toasts.filter((t) => t.position == toast2.position),
+          heights: heights.filter((h2) => h2.position == toast2.position),
+          setHeights,
+          expandByDefault: expand,
+          gap,
+          expanded,
+          swipeDirections: props.swipeDirections
+        });
+      }));
+    }))
+  );
+});
+const PDF_CONFIG = {
+  A4_WIDTH: "210mm",
+  MARGIN: 12,
+  // mm
+  RENDER_DELAY: 100,
+  // ms
+  HIGHLIGHT_PADDING: {
+    TOP: "0.03em",
+    BOTTOM: "0.18em",
+    VERTICAL_OFFSET: "0.10em"
+  },
+  COLORS: {
+    DEFAULT_HIGHLIGHT: "rgba(255,212,0,0.45)",
+    WHITE_THRESHOLD: 240,
+    NEAR_BLACK: "#111111"
+  }
+};
+const loadHtml2Pdf = async () => {
+  try {
+    const mod = await import("./html2pdf.bundle.min-35b40dde.js").then((n) => n.h);
+    return (mod == null ? void 0 : mod.default) || mod;
+  } catch {
+    const mod2 = await import("./html2pdf.bundle-fa4096e4.js").then((n) => n.h);
+    return (mod2 == null ? void 0 : mod2.default) || mod2;
+  }
+};
+async function exportEditorToPDF(editor, filename = "document.pdf") {
+  if (typeof window === "undefined") {
+    throw new Error("PDF export requires browser environment");
+  }
+  const rootEl = editor.getRootElement();
+  if (!rootEl)
+    throw new Error("Editor root not found");
+  if (!document.body) {
+    throw new Error("Document body not available");
+  }
+  const container = document.createElement("div");
+  container.style.position = "fixed";
+  container.style.left = "-10000px";
+  container.style.top = "0";
+  container.style.width = PDF_CONFIG.A4_WIDTH;
+  container.style.maxWidth = PDF_CONFIG.A4_WIDTH;
+  container.style.padding = `${PDF_CONFIG.MARGIN}mm`;
+  container.style.backgroundColor = "#ffffff";
+  container.style.zIndex = "-1";
+  container.style.overflow = "visible";
+  container.style.opacity = "1";
+  const styleEl = document.createElement("style");
+  styleEl.textContent = `
+    @page { size: A4; margin: 12mm; }
+    #pdf-root {
+      background: #ffffff;
+      color: #000000;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      line-height: 1.6;
+    }
+    #pdf-root * {
+      -webkit-print-color-adjust: exact;
+      print-color-adjust: exact;
+      color-adjust: exact;
+    }
+    /* Preserve text alignment from editor */
+    #pdf-root p[style*="text-align"],
+    #pdf-root h1[style*="text-align"],
+    #pdf-root h2[style*="text-align"],
+    #pdf-root h3[style*="text-align"],
+    #pdf-root h4[style*="text-align"],
+    #pdf-root h5[style*="text-align"],
+    #pdf-root h6[style*="text-align"],
+    #pdf-root div[style*="text-align"] {
+      text-align: inherit !important;
+    }
+    /* Keep links readable; other text colors will be preserved unless near-white */
+    #pdf-root a { color: #0b57d0 !important; }
+    /* Strikethrough will be drawn via JS transform for inline elements. */
+    /* Highlight rendering - positioned background to align with text */
+    #pdf-root .PlaygroundEditorTheme__mark,
+    #pdf-root .mark,
+    #pdf-root mark {
+      display: inline !important;
+      margin: 0 !important;
+      border: none !important;
+      vertical-align: baseline !important;
+      box-decoration-break: clone !important;
+      -webkit-box-decoration-break: clone !important;
+    }
+    #pdf-root img { max-width: 100%; height: auto; }
+    #pdf-root table { width: 100%; border-collapse: collapse; }
+    #pdf-root th, #pdf-root .PlaygroundEditorTheme__tableCellHeader {
+      background: #e8e8e8 !important;
+      color: #000 !important;
+      font-weight: 600 !important;
+      line-height: 1.35 !important;
+      vertical-align: middle !important;
+      padding: 8px 10px !important;
+      overflow: visible !important;
+      white-space: normal !important;
+    }
+    #pdf-root th, #pdf-root td {
+      border: 1px solid #cfcfcf !important;
+      line-height: 1.35 !important;
+      padding: 8px 10px !important;
+      vertical-align: middle !important;
+      overflow: visible !important;
+      white-space: normal !important;
+      word-break: break-word !important;
+      height: auto !important;
+      min-height: 1.2em !important;
+    }
+    /* Checklist styles */
+    #pdf-root .PlaygroundEditorTheme__checklist {
+      list-style: none !important;
+      padding-left: 0 !important;
+      margin-left: 0 !important;
+    }
+    #pdf-root .PlaygroundEditorTheme__checklist .PlaygroundEditorTheme__listItem {
+      position: relative !important;
+      margin: 0 8px 8px 8px !important;
+      padding-left: 26px !important;
+      padding-right: 8px !important;
+      padding-top: 2px !important;
+      padding-bottom: 2px !important;
+      list-style-type: none !important;
+      min-height: 20px !important;
+      display: list-item !important;
+      line-height: 1.5 !important;
+    }
+    #pdf-root .PlaygroundEditorTheme__checklist .PlaygroundEditorTheme__listItemChecked {
+      text-decoration: line-through !important;
+    }
+    #pdf-root .PlaygroundEditorTheme__checklist .PlaygroundEditorTheme__listItem:before {
+      content: "" !important;
+      width: 16px !important;
+      height: 16px !important;
+      top: 2px !important;
+      left: 0px !important;
+      display: inline-block !important;
+      background-size: cover !important;
+      position: absolute !important;
+      flex-shrink: 0 !important;
+      border: 1px solid #999 !important;
+      border-radius: 2px !important;
+      background-color: #fff !important;
+      box-sizing: border-box !important;
+    }
+    #pdf-root .PlaygroundEditorTheme__checklist .PlaygroundEditorTheme__listItemChecked:before {
+      border: 1px solid rgb(61, 135, 245) !important;
+      border-radius: 2px !important;
+      background-color: #3d87f5 !important;
+      background-repeat: no-repeat !important;
+    }
+    #pdf-root .PlaygroundEditorTheme__checklist .PlaygroundEditorTheme__listItemChecked:after {
+      content: "" !important;
+      border-color: #fff !important;
+      border-style: solid !important;
+      position: absolute !important;
+      display: block !important;
+      top: 7px !important;
+      width: 3px !important;
+      left: 7px !important;
+      height: 6px !important;
+      transform: rotate(45deg) !important;
+      border-width: 0 2px 2px 0 !important;
+    }
+    #pdf-root pre, #pdf-root blockquote, #pdf-root table, #pdf-root img { page-break-inside: avoid; }
+  `;
+  const pdfRoot = document.createElement("div");
+  pdfRoot.id = "pdf-root";
+  pdfRoot.innerHTML = rootEl.innerHTML;
+  container.appendChild(styleEl);
+  container.appendChild(pdfRoot);
+  document.body.appendChild(container);
+  await new Promise((resolve) => setTimeout(resolve, PDF_CONFIG.RENDER_DELAY));
+  try {
+    const nodes = Array.from(pdfRoot.querySelectorAll("*"));
+    nodes.forEach((el) => {
+      var _a;
+      if (!el || !el.style)
+        return;
+      const cs = window.getComputedStyle(el);
+      const textAlign = el.style.textAlign || cs.textAlign;
+      if (textAlign && textAlign !== "start") {
+        el.style.textAlign = textAlign;
+      }
+      const tdLine = cs.textDecorationLine || cs.textDecoration;
+      const isInline = cs.display.includes("inline");
+      const isChecklistItem = el.classList.contains("PlaygroundEditorTheme__listItemChecked") || el.classList.contains("PlaygroundEditorTheme__listItemUnchecked");
+      if (tdLine && tdLine.includes("line-through") && isInline && !isChecklistItem) {
+        el.style.textDecoration = "none";
+        el.style.backgroundImage = "linear-gradient(currentColor, currentColor)";
+        el.style.backgroundRepeat = "no-repeat";
+        el.style.backgroundSize = "100% 2px";
+        el.style.display = "inline";
+        el.style.width = "auto";
+        el.style.maxWidth = "none";
+        const isHeading = /^(H1|H2|H3|H4|H5|H6)$/.test(el.tagName);
+        el.style.backgroundPosition = isHeading ? "0 92%" : "0 88%";
+      }
+      const computedBg = cs.backgroundColor;
+      const isMark = el.tagName === "MARK" || el.classList.contains("PlaygroundEditorTheme__mark") || el.classList.contains("mark");
+      if (isMark) {
+        const color2 = el.style.backgroundColor || computedBg || PDF_CONFIG.COLORS.DEFAULT_HIGHLIGHT;
+        el.style.display = "inline-block";
+        el.style.background = color2;
+        el.style.paddingTop = PDF_CONFIG.HIGHLIGHT_PADDING.TOP;
+        el.style.paddingBottom = PDF_CONFIG.HIGHLIGHT_PADDING.BOTTOM;
+        el.style.paddingLeft = "0";
+        el.style.paddingRight = "0";
+        el.style.margin = "0";
+        el.style.verticalAlign = "baseline";
+        el.style.lineHeight = "1.3";
+        el.style.position = "relative";
+        el.style.top = PDF_CONFIG.HIGHLIGHT_PADDING.VERTICAL_OFFSET;
+        el.style.boxDecorationBreak = "clone";
+        el.style["-webkit-box-decoration-break"] = "clone";
+        const childSpans = el.querySelectorAll("span");
+        childSpans.forEach((span) => {
+          span.style.display = "inline";
+          span.style.verticalAlign = "inherit";
+        });
+      }
+      const isInChecklist = el.classList.contains("PlaygroundEditorTheme__listItem") && ((_a = el.parentElement) == null ? void 0 : _a.classList.contains("PlaygroundEditorTheme__checklist"));
+      if (isInChecklist) {
+        el.style.display = "list-item";
+        el.style.position = "relative";
+        el.style.paddingLeft = "26px";
+        el.style.paddingRight = "8px";
+        el.style.paddingTop = "2px";
+        el.style.paddingBottom = "2px";
+        el.style.margin = "0 8px 8px 8px";
+        el.style.listStyleType = "none";
+        el.style.lineHeight = "1.5";
+        el.style.minHeight = "20px";
+        if (el.classList.contains("PlaygroundEditorTheme__listItemChecked")) {
+          el.style.textDecoration = "line-through";
+        }
+      }
+      const color = cs.color || "";
+      const m2 = color.match(/rgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+      if (m2) {
+        const r2 = parseInt(m2[1], 10), g2 = parseInt(m2[2], 10), b2 = parseInt(m2[3], 10);
+        const threshold = PDF_CONFIG.COLORS.WHITE_THRESHOLD;
+        const nearWhite = r2 > threshold && g2 > threshold && b2 > threshold;
+        if (nearWhite) {
+          el.style.color = PDF_CONFIG.COLORS.NEAR_BLACK;
+        }
+      }
+    });
+    const checklistContainers = Array.from(pdfRoot.querySelectorAll(".PlaygroundEditorTheme__checklist"));
+    checklistContainers.forEach((ul) => {
+      ul.style.listStyle = "none";
+      ul.style.paddingLeft = "0";
+      ul.style.marginLeft = "0";
+    });
+  } catch (error) {
+    console.warn("PDF export styling transform failed:", error);
+  }
+  try {
+    const html2pdf = await loadHtml2Pdf();
+    if (typeof html2pdf !== "function") {
+      throw new Error("html2pdf library failed to load properly");
+    }
+    await html2pdf().set({
+      margin: PDF_CONFIG.MARGIN,
+      // Sanitize filename for all platforms (Windows, macOS, Linux)
+      filename: filename.replace(/[\x00-\x1f\x80-\x9f<>:"/\\|?*\u0000-\u001F\u007F]+/g, "_").replace(/^\.+/, "").replace(/[. ]+$/, "").slice(0, 200) || "document.pdf",
+      // Limit length and fallback
+      image: { type: "jpeg", quality: 0.98 },
+      html2canvas: {
+        scale: 2,
+        useCORS: true,
+        allowTaint: false,
+        // Security: prevent tainted canvas
+        backgroundColor: "#ffffff"
+        // Ensure white background
+      },
+      jsPDF: { unit: "mm", format: "a4", orientation: "portrait" },
+      pagebreak: { mode: ["css", "legacy"] }
+    }).from(pdfRoot).save();
+  } catch (error) {
+    console.error("PDF generation failed:", error);
+    throw new Error(`PDF export failed: ${error instanceof Error ? error.message : "Unknown error"}`);
+  } finally {
+    container.remove();
+  }
+}
+const CommentView = ({
+  text,
+  author,
+  timestamp,
+  nodeKey
+}) => {
+  const [editor] = useLexicalComposerContext();
+  useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editText, setEditText] = useState(text);
+  useCallback(() => {
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if (node) {
+        node.remove();
+      }
+    });
+  }, [editor, nodeKey]);
+  useCallback(() => {
+    setIsEditing(true);
+    setEditText(text);
+  }, [text]);
+  useCallback(() => {
+    if (editText.trim()) {
+      editor.update(() => {
+        const node = $getNodeByKey(nodeKey);
+        if (node instanceof CommentNode) {
+          node.setText(editText.trim());
+        }
+      });
+      setIsEditing(false);
+    }
+  }, [editor, nodeKey, editText]);
+  useCallback(() => {
+    setIsEditing(false);
+    setEditText(text);
+  }, [text]);
+  return null;
+};
 function $convertCommentElement(domNode) {
   const div = domNode;
   if (div.classList.contains("comment-node")) {
@@ -12245,7 +13442,188 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
       )
     }
   );
-};
+};
+const ImageView = React__default.lazy(() => import("./index-2ca32ea9.js"));
+function isGoogleDocCheckboxImg(img) {
+  return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
+}
+function $convertImageElement(domNode) {
+  const img = domNode;
+  if (img.src.startsWith("file:///") || isGoogleDocCheckboxImg(img)) {
+    return null;
+  }
+  const { alt: altText, src, width, height } = img;
+  const node = $createImageNode({ altText, height, src, width });
+  return { node };
+}
+class ImageNode extends DecoratorNode {
+  constructor(src, altText, maxWidth, width, height, showCaption, caption, captionsEnabled, key) {
+    super(key);
+    __publicField(this, "__src");
+    __publicField(this, "__altText");
+    __publicField(this, "__width");
+    __publicField(this, "__height");
+    __publicField(this, "__maxWidth");
+    __publicField(this, "__showCaption");
+    __publicField(this, "__caption");
+    // Captions cannot yet be used within editor cells
+    __publicField(this, "__captionsEnabled");
+    this.__src = src;
+    this.__altText = altText;
+    this.__maxWidth = maxWidth;
+    this.__width = width || "inherit";
+    this.__height = height || "inherit";
+    this.__showCaption = showCaption || false;
+    this.__caption = caption || createEditor({
+      nodes: []
+    });
+    this.__captionsEnabled = captionsEnabled || captionsEnabled === void 0;
+  }
+  // to identify the image node and must unique too
+  static getType() {
+    return "image";
+  }
+  // Clones the ImageNode when needed (during editor updates)
+  static clone(node) {
+    return new ImageNode(
+      node.__src,
+      node.__altText,
+      node.__maxWidth,
+      node.__width,
+      node.__height,
+      node.__showCaption,
+      node.__caption,
+      node.__captionsEnabled,
+      node.__key
+    );
+  }
+  // importing to json format
+  static importJSON(serializedNode) {
+    const { altText, height, width, maxWidth, caption, src, showCaption } = serializedNode;
+    const node = $createImageNode({
+      altText,
+      height,
+      maxWidth,
+      showCaption,
+      src,
+      width
+    });
+    const nestedEditor = node.__caption;
+    const editorState = nestedEditor.parseEditorState(caption.editorState);
+    if (!editorState.isEmpty()) {
+      nestedEditor.setEditorState(editorState);
+    }
+    return node;
+  }
+  // Exports this node as an actual <img> tag in the DOM when needed
+  exportDOM() {
+    const element = document.createElement("img");
+    element.setAttribute("src", this.__src);
+    element.setAttribute("alt", this.__altText);
+    element.setAttribute("width", this.__width.toString());
+    element.setAttribute("height", this.__height.toString());
+    return { element };
+  }
+  // convert img tag into image node in the editor using convertImageElement func
+  static importDOM() {
+    return {
+      img: (node) => ({
+        conversion: $convertImageElement,
+        priority: 0
+      })
+    };
+  }
+  exportJSON() {
+    return {
+      altText: this.getAltText(),
+      caption: this.__caption.toJSON(),
+      height: this.__height === "inherit" ? 0 : this.__height,
+      maxWidth: this.__maxWidth,
+      showCaption: this.__showCaption,
+      src: this.getSrc(),
+      type: "image",
+      version: 1,
+      width: this.__width === "inherit" ? 0 : this.__width
+    };
+  }
+  // setting width and height when resizing
+  setWidthAndHeight(width, height) {
+    const writable = this.getWritable();
+    writable.__width = width;
+    writable.__height = height;
+  }
+  // state to update to show the caption
+  setShowCaption(showCaption) {
+    const writable = this.getWritable();
+    writable.__showCaption = showCaption;
+  }
+  // To create a dom representation of image view
+  createDOM(config) {
+    const span = document.createElement("span");
+    const theme2 = config.theme;
+    const className = theme2.image;
+    if (className !== void 0) {
+      span.className = className;
+    }
+    return span;
+  }
+  updateDOM() {
+    return false;
+  }
+  // to get the image src
+  getSrc() {
+    return this.__src;
+  }
+  getAltText() {
+    return this.__altText;
+  }
+  // to render the image tag
+  decorate() {
+    return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      ImageView,
+      {
+        src: this.__src,
+        altText: this.__altText,
+        width: this.__width,
+        height: this.__height,
+        maxWidth: this.__maxWidth,
+        nodeKey: this.getKey(),
+        showCaption: this.__showCaption,
+        caption: this.__caption,
+        captionsEnabled: this.__captionsEnabled,
+        resizable: true
+      }
+    ) });
+  }
+}
+function $createImageNode({
+  altText,
+  height,
+  maxWidth = 500,
+  captionsEnabled,
+  src,
+  width,
+  showCaption,
+  caption,
+  key
+}) {
+  return $applyNodeReplacement(
+    new ImageNode(
+      src,
+      altText,
+      maxWidth,
+      width,
+      height,
+      showCaption,
+      caption,
+      captionsEnabled,
+      key
+    )
+  );
+}
+function $isImageNode(node) {
+  return node instanceof ImageNode;
+}
 function $convertMentionElement(domNode) {
   const textContent = domNode.textContent;
   const mentionName = domNode.getAttribute("data-lexical-mention-name");
@@ -12431,7 +13809,7 @@ const NotePanelView = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn(
+      className: cn$1(
         "cteditor-relative group cteditor-my-4 cteditor-rounded-md cteditor-border cteditor-border-l-4 cteditor-p-4 cteditor-shadow-sm cteditor-transition-all cteditor-duration-200 hover:cteditor-shadow-md",
         config.containerClass,
         config.borderClass
@@ -12447,7 +13825,7 @@ const NotePanelView = ({
             variant: "ghost",
             size: "icon",
             onClick: handleDeletePanel,
-            className: cn(
+            className: cn$1(
               "cteditor-absolute cteditor-top-2 cteditor-right-2 cteditor-h-6 cteditor-w-6 cteditor-rounded-full cteditor-transition-all cteditor-duration-200 hover:cteditor-bg-background/80",
               isHovered ? "cteditor-opacity-100" : "cteditor-opacity-0",
               config.iconClass
@@ -12460,7 +13838,7 @@ const NotePanelView = ({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn(
+              className: cn$1(
                 "cteditor-flex-shrink-0 cteditor-mt-0.5",
                 config.iconClass
               ),
@@ -12471,7 +13849,7 @@ const NotePanelView = ({
             title && /* @__PURE__ */ jsx(
               "div",
               {
-                className: cn(
+                className: cn$1(
                   "cteditor-font-semibold cteditor-text-sm cteditor-leading-none",
                   config.titleClass
                 ),
@@ -12482,7 +13860,7 @@ const NotePanelView = ({
               "div",
               {
                 contentEditable: true,
-                className: cn(
+                className: cn$1(
                   "cteditor-min-h-[1.25rem] cteditor-text-sm cteditor-leading-relaxed cteditor-outline-none focus:cteditor-outline-none",
                   config.contentClass,
                   "empty:before:cteditor-content-[attr(data-placeholder)] empty:before:cteditor-text-muted-foreground/60"
@@ -13125,32 +14503,7 @@ const TodoIcon = () => /* @__PURE__ */ jsxs(
     ]
   }
 );
-const NoteIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M15.459 5.48027L18.5413 8.56569L19.6025 7.50557L16.5202 4.42015L15.459 5.48027ZM9.2693 18.8989L5.15261 14.7781L4.09141 15.8382L8.2081 19.9591L9.2693 18.8989ZM17.3034 14.2922L15.3863 15.0125L15.9139 16.4167L17.831 15.6964L17.3034 14.2922ZM9.03674 8.6398L9.7312 6.74439L8.32276 6.22835L7.6283 8.12376L9.03674 8.6398ZM6.0447 11.3965C6.75616 11.2003 7.29751 11.0625 7.7402 10.7438L6.86379 9.52647C6.69085 9.65098 6.46633 9.72429 5.64603 9.95045L6.0447 11.3965ZM7.6283 8.12376C7.33535 8.92333 7.2437 9.14154 7.10532 9.30392L8.24698 10.2768C8.60073 9.86176 8.78262 9.33338 9.03674 8.6398L7.6283 8.12376ZM7.7402 10.7438C7.92729 10.6091 8.09744 10.4523 8.24698 10.2768L7.10532 9.30392C7.03402 9.38758 6.95293 9.4623 6.86379 9.52647L7.7402 10.7438ZM15.3863 15.0125C14.6972 15.2714 14.1719 15.4571 13.7603 15.8135L14.7423 16.9475C14.9031 16.8082 15.1195 16.7152 15.9139 16.4167L15.3863 15.0125ZM14.104 18.4001C14.3293 17.5813 14.4024 17.3569 14.5265 17.1838L13.3078 16.3094C12.9905 16.7517 12.8532 17.2919 12.6577 18.0022L14.104 18.4001ZM13.7603 15.8135C13.5906 15.9605 13.4387 16.1269 13.3078 16.3094L14.5265 17.1838C14.589 17.0968 14.6614 17.0175 14.7423 16.9475L13.7603 15.8135ZM5.15261 14.7781C4.50648 14.1313 4.06831 13.691 3.78399 13.3338C3.49867 12.9753 3.46921 12.8201 3.46877 12.7505L1.9688 12.76C1.97248 13.3422 2.2616 13.8297 2.61035 14.2679C2.96009 14.7073 3.47148 15.2176 4.09141 15.8382L5.15261 14.7781ZM5.64603 9.95045C4.80081 10.1835 4.10428 10.3743 3.58329 10.5835C3.06374 10.792 2.57149 11.0732 2.28086 11.5778L3.5807 12.3264C3.61532 12.2663 3.71725 12.146 4.14212 11.9755C4.56556 11.8055 5.1637 11.6394 6.0447 11.3965L5.64603 9.95045ZM3.46877 12.7505C3.46783 12.6016 3.50648 12.4553 3.5807 12.3264L2.28086 11.5778C2.07387 11.9372 1.96618 12.3452 1.9688 12.76L3.46877 12.7505ZM8.2081 19.9591C8.83197 20.5836 9.34497 21.0987 9.78679 21.4506C10.2273 21.8015 10.7182 22.0922 11.3044 22.0931L11.3066 20.5931C11.2372 20.593 11.0817 20.5644 10.7213 20.2773C10.3621 19.9912 9.91956 19.5499 9.2693 18.8989L8.2081 19.9591ZM12.6577 18.0022C12.4135 18.8897 12.2465 19.4924 12.0754 19.9188C11.9036 20.3467 11.7824 20.4487 11.7218 20.4833L12.4653 21.7861C12.9743 21.4956 13.2575 21.0004 13.4674 20.4775C13.6779 19.9532 13.8697 19.2516 14.104 18.4001L12.6577 18.0022ZM11.3044 22.0931C11.7115 22.0937 12.1117 21.9879 12.4653 21.7861L11.7218 20.4833C11.5953 20.5555 11.4522 20.5933 11.3066 20.5931L11.3044 22.0931ZM18.5413 8.56569C19.6048 9.63023 20.3405 10.3695 20.792 10.9788C21.2355 11.5774 21.2866 11.8959 21.2324 12.1464L22.6985 12.4634C22.8884 11.5854 22.5385 10.8162 21.9972 10.0857C21.4638 9.36593 20.6308 8.53487 19.6025 7.50557L18.5413 8.56569ZM17.831 15.6964C19.1924 15.1849 20.2943 14.773 21.0773 14.3384C21.8721 13.8973 22.5086 13.3416 22.6985 12.4634L21.2324 12.1464C21.1782 12.3968 21.0004 12.6655 20.3494 13.0268C19.6867 13.3946 18.7115 13.7632 17.3034 14.2922L17.831 15.6964ZM16.5202 4.42015C15.4843 3.38321 14.6483 2.54354 13.9248 2.00639C13.1911 1.46166 12.4177 1.10913 11.5359 1.30368L11.8591 2.76846C12.1088 2.71336 12.428 2.76331 13.0307 3.21076C13.6436 3.6658 14.3879 4.40802 15.459 5.48027L16.5202 4.42015ZM9.7312 6.74439C10.2528 5.32076 10.6164 4.33404 10.9815 3.66316C11.3405 3.00339 11.6093 2.82358 11.8591 2.76846L11.5359 1.30368C10.6543 1.4982 10.1008 2.14333 9.66395 2.94619C9.23311 3.73794 8.8272 4.85155 8.32276 6.22835L9.7312 6.74439Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M1.4694 21.4697C1.17666 21.7627 1.1769 22.2376 1.46994 22.5304C1.76298 22.8231 2.23786 22.8229 2.5306 22.5298L1.4694 21.4697ZM7.18383 17.8719C7.47657 17.5788 7.47633 17.1039 7.18329 16.8112C6.89024 16.5185 6.41537 16.5187 6.12263 16.8117L7.18383 17.8719ZM2.5306 22.5298L7.18383 17.8719L6.12263 16.8117L1.4694 21.4697L2.5306 22.5298Z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
+const NoteIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19.6402 9.02826L14.9718 4.36058C14.8575 4.24627 14.7218 4.15558 14.5725 4.09371C14.4231 4.03184 14.2631 4 14.1014 4C13.9398 4 13.7797 4.03184 13.6304 4.09371C13.481 4.15558 13.3453 4.24627 13.231 4.36058L9.10566 8.49903C8.28566 8.24211 6.41336 7.93211 4.45951 9.5098C4.32484 9.61809 4.21448 9.75353 4.13562 9.9073C4.05676 10.0611 4.01117 10.2297 4.00181 10.4023C3.99245 10.5748 4.01953 10.7474 4.08129 10.9088C4.14306 11.0702 4.23812 11.2168 4.36028 11.339L8.0772 15.0544L4.79567 18.3336C4.6802 18.4491 4.61533 18.6057 4.61533 18.769C4.61533 18.9323 4.6802 19.0889 4.79567 19.2044C4.91114 19.3199 5.06775 19.3847 5.23105 19.3847C5.39435 19.3847 5.55096 19.3199 5.66643 19.2044L8.94566 15.9229L12.6603 19.6375C12.7745 19.7521 12.9101 19.8432 13.0596 19.9053C13.209 19.9675 13.3692 19.9996 13.531 19.9998H13.618C13.7934 19.9876 13.9642 19.9378 14.1187 19.8538C14.2732 19.7698 14.4078 19.6535 14.5133 19.5129C16.0241 17.5052 15.8787 15.8729 15.5279 14.8975L19.641 10.769C19.7553 10.6547 19.8459 10.519 19.9077 10.3696C19.9695 10.2202 20.0013 10.0601 20.0012 9.89849C20.0011 9.73684 19.9692 9.57678 19.9073 9.42747C19.8454 9.27815 19.7546 9.1425 19.6402 9.02826ZM18.7695 9.89903L14.3641 14.319C14.2731 14.4103 14.2131 14.5279 14.1926 14.6552C14.172 14.7824 14.1919 14.9129 14.2495 15.0282C14.9772 16.4844 14.111 17.9967 13.531 18.7682L5.23105 10.4675C6.16028 9.71826 7.04951 9.52057 7.72951 9.52057C8.16099 9.51461 8.58893 9.59926 8.98566 9.76903C9.1014 9.82696 9.23247 9.84692 9.36022 9.82606C9.48796 9.80521 9.60588 9.74461 9.69719 9.65288L14.1018 5.23058L18.7695 9.89826V9.89903Z", fill: "currentColor" }) });
 const FaceSmileIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -13168,23 +14521,7 @@ const FaceSmileIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const MagicoonIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "17",
-    height: "16",
-    viewBox: "0 0 17 16",
-    fill: "none",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M15.4155 7.68006C15.3289 7.47339 15.1689 7.32006 14.9155 7.21339L13.1889 6.72006C11.7889 6.32672 10.6689 5.21339 10.2755 3.81339L9.78221 2.09339C9.70221 1.82005 9.49552 1.61339 9.22219 1.53339C9.00886 1.47339 8.78886 1.50006 8.60219 1.60672C8.40886 1.71339 8.27552 1.88672 8.21552 2.09339L7.72219 3.81339C7.32886 5.21339 6.20885 6.32672 4.80219 6.72006L3.07554 7.21339C2.80221 7.28673 2.58886 7.50672 2.51552 7.77339C2.39552 8.20672 2.64221 8.66005 3.07554 8.78005L4.80219 9.27339C6.20218 9.66672 7.32218 10.7801 7.71552 12.1801L8.20888 13.9001C8.30888 14.2467 8.62887 14.4934 8.98887 14.4934C9.34887 14.4934 9.66887 14.2534 9.77553 13.9001L10.2689 12.1734C10.6622 10.7734 11.7822 9.66005 13.1889 9.26005L14.9622 8.75339C15.1688 8.67339 15.3355 8.50672 15.4155 8.30005C15.5022 8.09338 15.4955 7.86672 15.4155 7.66672V7.68006ZM12.9155 8.31339C11.1822 8.80005 9.80219 10.1801 9.30886 11.9134L8.99554 13.0201L8.67552 11.9134C8.18218 10.1801 6.8022 8.80005 5.06887 8.31339L3.96218 8.00005L5.06887 7.68672C6.8022 7.20005 8.18218 5.82006 8.67552 4.08672L8.99554 2.98005L9.30886 4.08672C9.80219 5.82006 11.1822 7.20005 12.9155 7.68672L14.0222 8.00005L12.9155 8.31339ZM6.57554 12.1601C6.59554 12.2134 6.57553 12.2667 6.5222 12.2867L6.00222 12.4334C5.52888 12.5667 5.15553 12.9334 5.0222 13.4067L4.87555 13.9267C4.87555 13.9267 4.84219 13.98 4.80886 13.9934C4.75552 14.0067 4.7022 13.9801 4.68886 13.9267L4.54222 13.4067C4.40888 12.9334 4.03553 12.5667 3.56219 12.4334L3.04222 12.2867C3.04222 12.2867 2.98886 12.2534 2.97552 12.2201C2.96219 12.1667 2.98888 12.12 3.04222 12.1L3.56219 11.9534C4.03553 11.82 4.40888 11.4534 4.54222 10.9801L4.68886 10.4601C4.68886 10.4601 4.72218 10.4067 4.75551 10.3934C4.80885 10.3801 4.86222 10.4067 4.87555 10.4601L5.0222 10.9801C5.15553 11.4534 5.52888 11.82 6.00222 11.9534L6.5222 12.1C6.5222 12.1 6.56221 12.1267 6.57554 12.1534V12.1601ZM12.6288 3.25339C12.6288 3.25339 12.5955 3.23339 12.5888 3.21339C12.5822 3.18006 12.5955 3.14672 12.6288 3.13339L12.9755 3.03339C13.2889 2.94672 13.5355 2.70005 13.6288 2.38672L13.7289 2.04005C13.7289 2.04005 13.7489 2.00672 13.7689 2.00005C13.8022 1.99339 13.8355 2.00672 13.8489 2.04005L13.9489 2.38672C14.0355 2.70005 14.2822 2.94672 14.6022 3.03339L14.9489 3.13339C14.9489 3.13339 14.9755 3.15339 14.9822 3.16672C14.9955 3.20005 14.9822 3.24006 14.9489 3.25339L14.6022 3.35339C14.2889 3.44005 14.0422 3.68672 13.9489 4.00005L13.8489 4.34672C13.8489 4.34672 13.8289 4.38005 13.8089 4.38672C13.7755 4.39339 13.7422 4.38006 13.7289 4.34672L13.6288 4.00005C13.5422 3.68672 13.2955 3.44005 12.9755 3.35339L12.6288 3.25339Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
+const MagicoonIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19.4777 11.5301C19.374 11.2782 19.1825 11.0913 18.8792 10.9613L16.8124 10.36C15.1366 9.88058 13.7959 8.52361 13.325 6.81725L12.7346 4.72086C12.6388 4.3877 12.3914 4.13582 12.0642 4.03831C11.8089 3.96518 11.5455 3.99769 11.3221 4.12769C11.0907 4.2577 10.931 4.46896 10.8592 4.72086L10.2687 6.81725C9.79788 8.52361 8.45722 9.88058 6.77343 10.36L4.70661 10.9613C4.37943 11.0507 4.12405 11.3188 4.03626 11.6438C3.89262 12.172 4.18791 12.7245 4.70661 12.8708L6.77343 13.4721C8.44923 13.9515 9.78989 15.3085 10.2607 17.0149L10.8513 19.1112C10.971 19.5337 11.354 19.8344 11.7849 19.8344C12.2159 19.8344 12.5989 19.5419 12.7266 19.1112L13.3171 17.0067C13.7879 15.3003 15.1286 13.9433 16.8124 13.4558L18.9351 12.8383C19.1824 12.7408 19.3819 12.5376 19.4777 12.2857C19.5815 12.0338 19.5734 11.7576 19.4777 11.5138V11.5301ZM16.4852 12.302C14.4104 12.8951 12.7585 14.5772 12.168 16.6898L11.7929 18.0387L11.4098 16.6898C10.8193 14.5772 9.16746 12.8951 7.09265 12.302L5.76793 11.9201L7.09265 11.5382C9.16746 10.945 10.8193 9.26304 11.4098 7.15039L11.7929 5.80155L12.168 7.15039C12.7585 9.26304 14.4104 10.945 16.4852 11.5382L17.8099 11.9201L16.4852 12.302ZM8.89615 16.9905C8.92009 17.0554 8.89614 17.1204 8.8323 17.1448L8.20988 17.3236C7.64329 17.4861 7.19638 17.933 7.03678 18.5099L6.86124 19.1437C6.86124 19.1437 6.82131 19.2086 6.78141 19.225C6.71757 19.2412 6.65374 19.2088 6.63777 19.1437L6.46224 18.5099C6.30263 17.933 5.85573 17.4861 5.28914 17.3236L4.66673 17.1448C4.66673 17.1448 4.60285 17.1042 4.58689 17.0636C4.57093 16.9985 4.60288 16.9416 4.66673 16.9172L5.28914 16.7385C5.85573 16.576 6.30263 16.1291 6.46224 15.5523L6.63777 14.9185C6.63777 14.9185 6.67766 14.8534 6.71755 14.8372C6.7814 14.821 6.84529 14.8534 6.86124 14.9185L7.03678 15.5523C7.19638 16.1291 7.64329 16.576 8.20988 16.7385L8.8323 16.9172C8.8323 16.9172 8.88019 16.9498 8.89615 16.9823V16.9905ZM16.142 6.1347C16.142 6.1347 16.1021 6.11033 16.0941 6.08595C16.0862 6.04533 16.1021 6.00469 16.142 5.98844L16.557 5.86656C16.9321 5.76093 17.2273 5.46028 17.339 5.07838L17.4588 4.65585C17.4588 4.65585 17.4827 4.61522 17.5067 4.60709C17.5465 4.59898 17.5864 4.61522 17.6024 4.65585L17.7221 5.07838C17.8258 5.46028 18.1211 5.76093 18.5041 5.86656L18.9192 5.98844C18.9192 5.98844 18.951 6.01282 18.959 6.02907C18.9749 6.06969 18.959 6.11846 18.9192 6.1347L18.5041 6.25659C18.1291 6.36221 17.8338 6.66286 17.7221 7.04476L17.6024 7.46729C17.6024 7.46729 17.5785 7.50791 17.5546 7.51604C17.5146 7.52417 17.4747 7.50793 17.4588 7.46729L17.339 7.04476C17.2353 6.66286 16.94 6.36221 16.557 6.25659L16.142 6.1347Z", fill: "currentColor" }) });
 const PerspectiveIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -13310,23 +14647,7 @@ const SuperscriptIcon = () => /* @__PURE__ */ jsxs(
     ]
   }
 );
-const MessageEditIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "25",
-    height: "24",
-    viewBox: "0 0 25 24",
-    fill: "none",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M18.9824 2.25H6.98242C4.56442 2.25 3.23242 3.582 3.23242 6V21C3.23242 21.303 3.41531 21.577 3.69531 21.693C3.78831 21.732 3.88542 21.75 3.98242 21.75C4.17742 21.75 4.36945 21.674 4.51245 21.53L7.29248 18.75H18.9824C21.4004 18.75 22.7324 17.418 22.7324 15V6C22.7324 3.582 21.4004 2.25 18.9824 2.25ZM21.2324 15C21.2324 16.577 20.5594 17.25 18.9824 17.25H6.98242C6.78342 17.25 6.59239 17.329 6.45239 17.47L4.73242 19.1899V6C4.73242 4.423 5.40542 3.75 6.98242 3.75H18.9824C20.5594 3.75 21.2324 4.423 21.2324 6V15ZM16.2615 6.22998C15.9515 5.91998 15.5405 5.75 15.1035 5.75C15.1025 5.75 15.1013 5.75 15.1003 5.75C14.6623 5.75 14.2504 5.92206 13.9424 6.23206L8.45142 11.748C8.31042 11.889 8.23242 12.079 8.23242 12.277V14.499C8.23242 14.913 8.56842 15.249 8.98242 15.249H11.2053C11.4033 15.249 11.5944 15.17 11.7344 15.031L17.2505 9.54004C17.5615 9.23104 17.7314 8.81998 17.7324 8.38098C17.7334 7.94198 17.5624 7.52899 17.2524 7.21899L16.2615 6.22998ZM15.1025 7.25C15.1285 7.25 15.1664 7.25702 15.2014 7.29102L16.1914 8.28101C16.2254 8.31501 16.2324 8.354 16.2324 8.38C16.2324 8.406 16.2254 8.44405 16.1914 8.47705L15.5554 9.11096L14.3723 7.92798L15.0063 7.29102C15.0393 7.25702 15.0775 7.25 15.1025 7.25ZM10.8955 13.75H9.73242V12.587L13.3135 8.98999L14.4915 10.1689L10.8955 13.75Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
+const MessageEditIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M17.7211 4H8.02885C6.07585 4 5 5.07585 5 7.02885V19.1442C5 19.389 5.14772 19.6103 5.37387 19.704C5.44899 19.7355 5.52742 19.75 5.60577 19.75C5.76327 19.75 5.91837 19.6886 6.03387 19.5723L8.27928 17.3269H17.7211C19.6741 17.3269 20.75 16.2511 20.75 14.2981V7.02885C20.75 5.07585 19.6741 4 17.7211 4ZM19.5384 14.2981C19.5384 15.5718 18.9949 16.1154 17.7211 16.1154H8.02885C7.86812 16.1154 7.71382 16.1792 7.60075 16.2931L6.21154 17.6822V7.02885C6.21154 5.75512 6.75512 5.21154 8.02885 5.21154H17.7211C18.9949 5.21154 19.5384 5.75512 19.5384 7.02885V14.2981ZM15.5235 7.2146C15.2731 6.96421 14.9411 6.82692 14.5882 6.82692H14.5856C14.2318 6.82692 13.8991 6.96589 13.6504 7.21628L9.21535 11.6715C9.10146 11.7853 9.03846 11.9388 9.03846 12.0987V13.8934C9.03846 14.2278 9.30985 14.4992 9.64423 14.4992H11.4396C11.5996 14.4992 11.7539 14.4354 11.867 14.3231L16.3223 9.88811C16.5735 9.63853 16.7107 9.30652 16.7115 8.95194C16.7123 8.59737 16.5742 8.2638 16.3238 8.01341L15.5235 7.2146ZM14.5874 8.03846C14.6084 8.03846 14.639 8.04413 14.6673 8.07159L15.4669 8.8712C15.4943 8.89866 15.5 8.93015 15.5 8.95115C15.5 8.97215 15.4943 9.00289 15.4669 9.02954L14.9532 9.54154L13.9976 8.58606L14.5097 8.07159C14.5363 8.04413 14.5672 8.03846 14.5874 8.03846ZM11.1894 13.2885H10.25V12.3491L13.1424 9.44384L14.0939 10.396L11.1894 13.2885Z", fill: "currentColor" }) });
 const TypeUppercaseIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -13794,6 +15115,8 @@ const RecordingIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
+const AddCommentIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19 14.3333C19 14.7459 18.8361 15.1416 18.5444 15.4333C18.2527 15.725 17.857 15.8889 17.4444 15.8889H8.11111L5 19V6.55556C5 6.143 5.16389 5.74733 5.45561 5.45561C5.74733 5.16389 6.143 5 6.55556 5H17.4444C17.857 5 18.2527 5.16389 18.5444 5.45561C18.8361 5.74733 19 6.143 19 6.55556V14.3333Z", stroke: "currentColor", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
+const CheckIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
 const EDITOR_NODES = [
   CodeNode,
   CodeHighlightNode,
@@ -14550,41 +15873,52 @@ function TableOptionPlugin() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              id: "include-headers",
-              type: "checkbox",
-              checked: includeHeaders,
-              onChange: (e) => {
-                const checked = e.target.checked;
-                setIncludeHeaders(checked);
-                const count2 = Number(columns);
-                if (checked && count2 > 0) {
-                  setColumnHeadings((prev) => {
-                    const next = [...prev];
-                    next.length = count2;
-                    for (let i2 = 0; i2 < count2; i2++) {
-                      if (typeof next[i2] !== "string")
-                        next[i2] = "";
-                    }
-                    return next;
-                  });
-                }
-                if (!checked) {
-                  setColumnHeadings([]);
-                }
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(Label$2, { htmlFor: "include-headers", children: "Add column headers" })
-        ] }),
+        /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: /* @__PURE__ */ jsxs(
+          "label",
+          {
+            htmlFor: "include-headers",
+            className: "cteditor-flex cteditor-items-center cteditor-space-x-2 cteditor-cursor-pointer cteditor-select-none",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "cteditor-relative cteditor-h-5", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id: "include-headers",
+                    type: "checkbox",
+                    checked: includeHeaders,
+                    onChange: (e) => {
+                      const checked = e.target.checked;
+                      setIncludeHeaders(checked);
+                      const count2 = Number(columns);
+                      if (checked && count2 > 0) {
+                        setColumnHeadings((prev) => {
+                          const next = [...prev];
+                          next.length = count2;
+                          for (let i2 = 0; i2 < count2; i2++) {
+                            if (typeof next[i2] !== "string")
+                              next[i2] = "";
+                          }
+                          return next;
+                        });
+                      }
+                      if (!checked) {
+                        setColumnHeadings([]);
+                      }
+                    },
+                    className: "\n          cteditor-peer\n          cteditor-appearance-none\n          cteditor-w-5 cteditor-h-5\n          cteditor-border cteditor-border-gray-400 cteditor-rounded\n          cteditor-transition-all cteditor-duration-200\n          checked:cteditor-bg-blue-600 checked:cteditor-border-blue-600\n          hover:cteditor-border-blue-500 [&>span]:checked:cteditor-opacity-100\n         \n        "
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "cteditor-absolute cteditor-top-1/2 cteditor-left-1/2 [&>svg]:cteditor-size-4 -cteditor-translate-x-1/2 -cteditor-translate-y-1/2 cteditor-opacity-0 peer-checked:cteditor-opacity-100", children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "cteditor-text-sm cteditor-font-medium ", children: "Add column headers" })
+            ]
+          }
+        ) }),
         includeHeaders && Number(columns) > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "cteditor-grid cteditor-gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "cteditor-grid cteditor-gap-2 cteditor-space-y-1", children: [
             /* @__PURE__ */ jsx(Label$2, { children: "Header titles" }),
             /* @__PURE__ */ jsx("div", { className: "cteditor-grid cteditor-gap-2", style: { gridTemplateColumns: "repeat(2, minmax(0, 1fr))" }, children: Array.from({ length: Number(columns) }).map((_, i2) => /* @__PURE__ */ jsxs("div", { className: "cteditor-grid cteditor-gap-1", children: [
-              /* @__PURE__ */ jsxs(Label$2, { htmlFor: `col-heading-${i2}`, children: [
+              /* @__PURE__ */ jsxs(Label$2, { className: "cteditor-font-normal", htmlFor: `col-heading-${i2}`, children: [
                 "Column ",
                 i2 + 1
               ] }),
@@ -14609,26 +15943,17 @@ function TableOptionPlugin() {
           /* @__PURE__ */ jsxs("div", { className: "cteditor-grid cteditor-gap-2", children: [
             /* @__PURE__ */ jsx(Label$2, { htmlFor: "header-color", children: "Header color" }),
             /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-3", children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("div", { className: "cteditor-size-9 cteditor-rounded-md cteditor-relative cteditor-overflow-hidden", children: /* @__PURE__ */ jsx(
                 "input",
                 {
                   id: "header-color",
                   type: "color",
                   value: headerColor,
                   onChange: (e) => setHeaderColor(e.target.value),
-                  className: "cteditor-w-12 cteditor-h-10 cteditor-border cteditor-border-gray-300 cteditor-rounded cteditor-cursor-pointer"
+                  className: "cteditor-w-12 cteditor-h-10 cteditor-border cteditor-border-gray-300 cteditor-rounded cteditor-cursor-pointer cteditor-scale-150"
                 }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "cteditor-w-6 cteditor-h-6 cteditor-rounded cteditor-border-2 cteditor-border-gray-300",
-                    style: { backgroundColor: headerColor }
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "cteditor-text-sm cteditor-text-gray-600", children: headerColor })
-              ] })
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: /* @__PURE__ */ jsx("span", { className: "cteditor-text-sm ", children: headerColor }) })
             ] })
           ] })
         ] })
@@ -14777,8 +16102,9 @@ const useVoiceRecording = () => {
   const audioContextRef = useRef(null);
   const processorRef = useRef(null);
   const currentTurnRef = useRef(-1);
-  const completeTranscriptRef = useRef("");
   const editorRef = useRef(null);
+  const lastInsertedTextRef = useRef("");
+  const currentPartialTextRef = useRef("");
   const setEditor = useCallback((editor) => {
     editorRef.current = editor;
   }, []);
@@ -14830,23 +16156,67 @@ const useVoiceRecording = () => {
             if (message.transcript !== void 0) {
               if (message.turn_order !== currentTurnRef.current) {
                 currentTurnRef.current = message.turn_order;
+                lastInsertedTextRef.current = "";
+                currentPartialTextRef.current = "";
+              }
+              const newFullText = message.transcript;
+              const previousText = lastInsertedTextRef.current;
+              if (newFullText.startsWith(previousText)) {
+                const newPart = newFullText.substring(previousText.length);
+                if (newPart && editorRef.current) {
+                  editorRef.current.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                      const textNode = $createTextNode(newPart);
+                      selection.insertNodes([textNode]);
+                    }
+                  });
+                  lastInsertedTextRef.current = newFullText;
+                }
+              } else {
+                if (editorRef.current && previousText) {
+                  editorRef.current.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                      for (let i2 = 0; i2 < previousText.length; i2++) {
+                        selection.deleteCharacter(true);
+                      }
+                      const textNode = $createTextNode(newFullText);
+                      selection.insertNodes([textNode]);
+                    }
+                  });
+                  lastInsertedTextRef.current = newFullText;
+                } else if (editorRef.current && newFullText) {
+                  editorRef.current.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                      const textNode = $createTextNode(newFullText);
+                      selection.insertNodes([textNode]);
+                    }
+                  });
+                  lastInsertedTextRef.current = newFullText;
+                }
               }
               if (message.end_of_turn) {
-                if (message.transcript !== void 0) {
-                  console.log("message.transcript", message.transcript);
-                  const finalText = completeTranscriptRef.current + message.transcript + " ";
-                  completeTranscriptRef.current = finalText;
-                  console.log("Dispatching INSERT_TRANSCRIPT_COMMAND:", message.transcript);
-                  if (editorRef.current) {
-                    editorRef.current.dispatchCommand(INSERT_TRANSCRIPT_COMMAND, { text: message.transcript });
-                  }
+                console.log("End of turn - finalizing:", newFullText);
+                if (editorRef.current) {
+                  editorRef.current.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                      const spaceNode = $createTextNode(" ");
+                      selection.insertNodes([spaceNode]);
+                    }
+                  });
                 }
+                lastInsertedTextRef.current = "";
+                currentPartialTextRef.current = "";
               }
             }
           } else if (message.type === "error") {
             setError("Transcription error: " + (message.message || ""));
           }
         } catch (err) {
+          console.error("WebSocket message error:", err);
         }
       };
       ws.onerror = () => {
@@ -14983,7 +16353,7 @@ const VoiceTranscriptButton = ({ editor }) => {
         size: "icon-sm",
         onClick: toggleRecording,
         disabled: isLoading || !editor,
-        className: cn(
+        className: cn$1(
           isRecording && "cteditor-bg-foreground/20",
           "[&>svg]:!cteditor-size-5"
         ),
@@ -16133,7 +17503,7 @@ const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, .
   SubTrigger2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-sm cteditor-outline-none focus:cteditor-bg-secondary data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "cteditor-pl-8",
       className
@@ -16150,7 +17520,7 @@ const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) =
   SubContent2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-z-[9999] cteditor-min-w-[8rem] cteditor-overflow-hidden cteditor-rounded-md cteditor-border cteditor-bg-popover cteditor-p-1 cteditor-text-popover-foreground cteditor-shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 cteditor-origin-[--radix-dropdown-menu-content-transform-origin]",
       className
     ),
@@ -16163,7 +17533,7 @@ const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...pr
   {
     ref,
     sideOffset,
-    className: cn(
+    className: cn$1(
       "cteditor-z-[9999] cteditor-max-h-[var(--radix-dropdown-menu-content-available-height)] cteditor-min-w-[8rem] cteditor-overflow-y-auto cteditor-overflow-x-hidden cteditor-rounded-md cteditor-border cteditor-bg-popover cteditor-p-1 cteditor-text-popover-foreground cteditor-shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 cteditor-origin-[--radix-dropdown-menu-content-transform-origin]",
       className
@@ -16176,7 +17546,7 @@ const DropdownMenuItem$1 = React.forwardRef(({ className, inset, ...props }, ref
   Item2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0",
       inset && "cteditor-pl-8",
       className
@@ -16189,7 +17559,7 @@ const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checke
   CheckboxItem2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-rounded-sm cteditor-py-1.5 cteditor-pl-8 cteditor-pr-2 cteditor-text-sm cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-secondary focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50",
       className
     ),
@@ -16206,7 +17576,7 @@ const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props
   RadioItem2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-rounded-sm cteditor-py-1.5 cteditor-pl-8 cteditor-pr-2 cteditor-text-sm cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-secondary focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50",
       className
     ),
@@ -16222,7 +17592,7 @@ const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref)
   Label2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-px-2 cteditor-py-1.5 cteditor-text-sm cteditor-font-semibold",
       inset && "cteditor-pl-8",
       className
@@ -16235,7 +17605,7 @@ const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) =>
   Separator2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor--mx-1 cteditor-my-1 cteditor-h-px cteditor-bg-muted",
       className
     ),
@@ -16320,10 +17690,14 @@ const useBlockFormat = (props) => {
   const formatBulletList = () => {
     if (blockType !== "bullet") {
       console.log("formatBulletList");
-      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+      editor.update(() => {
+        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+      });
     } else {
       console.log("removeBulletList");
-      editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+      editor.update(() => {
+        editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+      });
     }
   };
   const formatCheckList = () => {
@@ -16336,9 +17710,13 @@ const useBlockFormat = (props) => {
   };
   const formatNumberedList = () => {
     if (blockType !== "number") {
-      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+      editor.update(() => {
+        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+      });
     } else {
-      editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+      editor.update(() => {
+        editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+      });
     }
   };
   const formatQuote = () => {
@@ -16493,7 +17871,7 @@ const BlockFormatMenu = ({ blockType }) => {
             "aria-controls": anchorEl ? "block-format-menu" : void 0,
             onClick: handleClickIconButton,
             variant: "ghost",
-            className: cn(
+            className: cn$1(
               "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-whitespace-nowrap",
               open && "cteditor-bg-slate-100/5"
             ),
@@ -16517,7 +17895,7 @@ const BlockFormatMenu = ({ blockType }) => {
               DropdownMenuItem$1,
               {
                 role: "option",
-                className: cn(
+                className: cn$1(
                   "cteditor-flex cteditor-items-center !cteditor-gap-2 cteditor-cursor-pointer",
                   blockType === option.blockType && "cteditor-bg-slate-100/10"
                 ),
@@ -18112,7 +19490,7 @@ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffs
     ref,
     align,
     sideOffset,
-    className: cn(
+    className: cn$1(
       "cteditor-z-[9999] cteditor-w-72 cteditor-rounded-md cteditor-border cteditor-bg-popover cteditor-p-4 cteditor-text-popover-foreground cteditor-shadow-md cteditor-outline-none data-[state=open]:cteditor-animate-in data-[state=closed]:cteditor-animate-out data-[state=closed]:cteditor-fade-out-0 data-[state=open]:cteditor-fade-in-0 data-[state=closed]:cteditor-zoom-out-95 data-[state=open]:cteditor-zoom-in-95 data-[state=closed]:cteditor-slide-out-to-top-2 data-[state=left]:cteditor-slide-out-to-right-2 data-[state=right]:cteditor-slide-out-to-left-2 data-[state=top]:cteditor-slide-out-to-bottom-2 cteditor-origin-[--radix-popover-content-transform-origin]",
       className
     ),
@@ -18279,7 +19657,7 @@ const ColorPicker$2 = ({
             children: /* @__PURE__ */ jsx(
               "span",
               {
-                className: `cteditor-rounded-[2px] !cteditor-size-[18px] cteditor-flex cteditor-items-center cteditor-justify-center ${bgClassName}`,
+                className: `cteditor-rounded-[2px] !cteditor-size-[18px] cteditor-flex cteditor-items-center cteditor-justify-center   ${bgClassName}`,
                 style: !bgClassName ? { backgroundColor: selectedColor } : void 0,
                 children: icon
               }
@@ -19597,7 +20975,7 @@ const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref)
   Trigger,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-gap-1 cteditor-h-9 cteditor-w-full cteditor-items-center cteditor-justify-between cteditor-whitespace-nowrap cteditor-rounded-sm cteditor-border cteditor-border-input cteditor-bg-transparent cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-shadow-sm cteditor-ring-offset-background data-[placeholder]:cteditor-text-muted-foreground focus:cteditor-outline-none focus:cteditor-ring-0 focus:cteditor-ring-ring disabled:cteditor-cursor-not-allowed disabled:cteditor-opacity-50 [&>span]:cteditor-line-clamp-1",
       className
     ),
@@ -19613,7 +20991,7 @@ const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) =>
   ScrollUpButton,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-cursor-pointer cteditor-items-center cteditor-justify-center cteditor-py-1",
       className
     ),
@@ -19626,7 +21004,7 @@ const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) =
   ScrollDownButton,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-flex cteditor-cursor-pointer cteditor-items-center cteditor-justify-center cteditor-py-1",
       className
     ),
@@ -19639,7 +21017,7 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
   Content2,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-relative cteditor-z-[9999] cteditor-max-h-[--radix-select-content-available-height] cteditor-min-w-[8rem] cteditor-overflow-y-auto cteditor-overflow-x-hidden cteditor-rounded-md cteditor-border cteditor-bg-popover cteditor-text-popover-foreground cteditor-shadow-md data-[state=open]:cteditor-animate-in data-[state=closed]:cteditor-animate-out data-[state=closed]:cteditor-fade-out-0 data-[state=open]:cteditor-fade-in-0 data-[state=closed]:cteditor-zoom-out-95 data-[state=open]:cteditor-zoom-in-95 data-[side=bottom]:cteditor-slide-in-from-top-2 data-[side=left]:cteditor-slide-in-from-right-2 data-[side=right]:cteditor-slide-in-from-left-2 data-[side=top]:cteditor-slide-in-from-bottom-2 cteditor-origin-[--radix-select-content-transform-origin]",
       position === "popper" && "data-[side=bottom]:cteditor-translate-y-1 data-[side=left]:-cteditor-translate-x-1 data-[side=right]:cteditor-translate-x-1 data-[side=top]:-cteditor-translate-y-1",
       className
@@ -19651,7 +21029,7 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
       /* @__PURE__ */ jsx(
         Viewport,
         {
-          className: cn(
+          className: cn$1(
             "cteditor-p-1",
             position === "popper" && "cteditor-h-[var(--radix-select-trigger-height)] cteditor-w-full cteditor-min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -19667,7 +21045,7 @@ const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   Label,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-px-2 cteditor-py-1.5 cteditor-text-sm cteditor-font-semibold",
       className
     ),
@@ -19679,7 +21057,7 @@ const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
   Item,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor-relative cteditor-flex cteditor-w-full cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-rounded-sm cteditor-py-1.5 cteditor-pl-2 cteditor-pr-8 cteditor-text-[13px] cteditor-outline-none focus:cteditor-bg-secondary focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50",
       className
     ),
@@ -19695,7 +21073,7 @@ const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @_
   Separator,
   {
     ref,
-    className: cn(
+    className: cn$1(
       "cteditor--mx-1 cteditor-my-1 cteditor-h-px cteditor-bg-muted",
       className
     ),
@@ -19877,7 +21255,7 @@ const FormatTextMenu = ({ hasFormat }) => {
     /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: formatMenuItems.map((option, index2) => /* @__PURE__ */ jsxs(
       DropdownMenuItem$1,
       {
-        className: cn(
+        className: cn$1(
           hasFormat[option.payload] && "cteditor-bg-background/50"
         ),
         onClick: () => {
@@ -21636,7 +23014,7 @@ const NotePanelMenu = ({ className }) => {
         {
           variant: "ghost",
           size: "icon-sm",
-          className: cn("cteditor-text-foreground", className),
+          className: cn$1("cteditor-text-foreground", className),
           children: /* @__PURE__ */ jsx(NoteIcon, {})
         }
       ) }),
@@ -21650,7 +23028,7 @@ const NotePanelMenu = ({ className }) => {
           onClick: () => handleInsertPanel(option.type),
           className: "cteditor-flex cteditor-items-center !cteditor-gap-3 cteditor-cursor-pointer",
           children: [
-            /* @__PURE__ */ jsx("div", { className: cn("cteditor-flex-shrink-0", option.iconColor), children: /* @__PURE__ */ jsx(IconComponent, { size: 16 }) }),
+            /* @__PURE__ */ jsx("div", { className: cn$1("cteditor-flex-shrink-0", option.iconColor), children: /* @__PURE__ */ jsx(IconComponent, { size: 16 }) }),
             /* @__PURE__ */ jsxs("div", { className: "cteditor-flex-1", children: [
               /* @__PURE__ */ jsx("div", { className: "cteditor-text-sm cteditor-font-medium", children: option.label }),
               /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: option.description })
@@ -21700,21 +23078,37 @@ const Toolbar = ({
   const [selectedElementKey, setSelectedElementKey] = useState(null);
   const [showMoreMenu, setShowMoreMenu] = useState(false);
   const [isMoreMenuOpen, setIsMoreMenuOpen] = useState(false);
+  const [isExportingPDF, setIsExportingPDF] = useState(false);
+  const [exportProgress, setExportProgress] = useState(0);
   const toolbarRef = useRef(null);
   const contentRef = useRef(null);
+  const [hiddenItemIds, setHiddenItemIds] = useState(/* @__PURE__ */ new Set());
   const classes = useStyles$1();
   const { hasFormat, isEditorEmpty, blockType, clearFormatting } = useEditorToolbar();
   const { clearEditorContent } = useCustomCommands();
   const { toolbarState, updateToolbarState } = useToolbarState();
   const { isHtmlView, setIsHtmlView, htmlContent, setHtmlContent } = useHtmlView();
   useEffect(() => {
+    const computeHiddenItems = () => {
+      if (!toolbarRef.current || !contentRef.current)
+        return;
+      const contentRect = contentRef.current.getBoundingClientRect();
+      const items = contentRef.current.querySelectorAll("[data-toolbar-item]");
+      const hidden = /* @__PURE__ */ new Set();
+      items.forEach((el) => {
+        const rect = el.getBoundingClientRect();
+        if (rect.right > contentRect.right) {
+          const id = el.getAttribute("data-toolbar-item");
+          if (id)
+            hidden.add(id);
+        }
+      });
+      setHiddenItemIds(hidden);
+      setShowMoreMenu(hidden.size > 0);
+    };
     const checkOverflow = () => {
       if (toolbarRef.current && contentRef.current) {
-        const toolbarWidth = toolbarRef.current.offsetWidth;
-        const contentWidth = contentRef.current.scrollWidth;
-        const windowWidth = window.innerWidth;
-        const shouldShowMore = windowWidth <= 1300 && contentWidth > toolbarWidth - 60;
-        setShowMoreMenu(shouldShowMore);
+        requestAnimationFrame(computeHiddenItems);
       }
     };
     checkOverflow();
@@ -21965,558 +23359,329 @@ const Toolbar = ({
       }
     });
   }, [editor]);
+  const handleExportPDF = useCallback(async () => {
+    try {
+      setIsExportingPDF(true);
+      setExportProgress(0);
+      const toastId = toast.loading("Preparing PDF export...", {
+        description: "Initializing export process"
+      });
+      const progressInterval = setInterval(() => {
+        setExportProgress((prev) => {
+          const next = prev + 15;
+          if (next >= 90) {
+            clearInterval(progressInterval);
+            return 90;
+          }
+          if (next > 30 && next <= 60) {
+            toast.loading("Rendering content...", { id: toastId, description: "Converting editor content to PDF format" });
+          } else if (next > 60) {
+            toast.loading("Finalizing PDF...", { id: toastId, description: "Almost done!" });
+          }
+          return next;
+        });
+      }, 200);
+      const timestamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/[:T]/g, "-");
+      await exportEditorToPDF(activeEditor, `export-${timestamp}.pdf`);
+      clearInterval(progressInterval);
+      setExportProgress(100);
+      toast.success("PDF exported successfully!", {
+        id: toastId,
+        description: `File saved as export-${timestamp}.pdf`,
+        duration: 4e3
+      });
+    } catch (error) {
+      console.error("PDF export failed:", error);
+      const message = error instanceof Error ? error.message : "Unknown error occurred";
+      toast.error("Failed to export PDF", {
+        description: message,
+        duration: 5e3,
+        action: {
+          label: "Try Again",
+          onClick: () => handleExportPDF()
+        }
+      });
+    } finally {
+      setIsExportingPDF(false);
+      setExportProgress(0);
+    }
+  }, [activeEditor]);
   if (!editable)
     return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: toolbarRef,
-      className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-items-center cteditor-gap-1.5 cteditor-relative cteditor-w-full cteditor-min-h-11 cteditor-overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: contentRef,
-            className: "cteditor-flex cteditor-items-center cteditor-gap-1.5 cteditor-flex-1 cteditor-overflow-x-auto cteditor-scrollbar-hide",
-            style: { scrollbarWidth: "none", msOverflowStyle: "none" },
-            children: [
-              enableUndoRedo && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      onClick: () => activeEditor.dispatchCommand(UNDO_COMMAND, void 0),
-                      disabled: disableMap["undo"],
-                      size: "icon-sm",
-                      children: /* @__PURE__ */ jsx(UndoIcon, {})
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Undo (Ctrl + Z)" }) })
-                ] }) }),
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon-sm",
-                      onClick: () => activeEditor.dispatchCommand(REDO_COMMAND, void 0),
-                      disabled: disableMap["redo"],
-                      children: /* @__PURE__ */ jsx(RedoIcon, {})
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Redo (Ctrl + Y)" }) })
-                ] }) }),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
-              ] }),
-              enableTextFormatting && activeEditor === editor && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(BlockFormatMenu, { blockType }),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
-              ] }),
-              enableFontControls && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(FontFamilyMenu, { fonts, activeEditor }),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
-                /* @__PURE__ */ jsx(FontSizeControl, {}),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
-              ] }),
-              enableTableOptions && activeEditor === editor && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(TableOptionPlugin, {}),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
-              ] }),
-              enableTextFormatting && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon-sm",
-                      onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
-                      className: cn(toolbarState.isBold && "cteditor-bg-foreground/20"),
-                      children: /* @__PURE__ */ jsx(BoldIcon, {})
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Bold (Ctrl + B)" }) })
-                ] }) }),
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon-sm",
-                      onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
-                      className: cn(toolbarState.isItalic && "cteditor-bg-foreground/20"),
-                      children: /* @__PURE__ */ jsx(ItalicIcon, {})
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Italic (Ctrl + I)" }) })
-                ] }) }),
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon-sm",
-                      onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
-                      className: cn(toolbarState.isUnderline && "cteditor-bg-foreground/20"),
-                      children: /* @__PURE__ */ jsx(UnderlineIcon, {})
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Underline (Ctrl + U)" }) })
-                ] }) }),
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon-sm",
-                      onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
-                      className: cn(toolbarState.isStrikethrough && "cteditor-bg-foreground/20"),
-                      children: /* @__PURE__ */ jsx(StrikethroughIcon, {})
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Strikethrough" }) })
-                ] }) })
-              ] }),
-              enableCodeFormat && activeEditor === editor && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon-sm",
-                    onClick: formatCodeBlock,
-                    className: cn(toolbarState.isCode && "cteditor-bg-foreground/20"),
-                    children: /* @__PURE__ */ jsx(CodeIcon, {})
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Insert code block" }) })
-              ] }) }),
-              enableFormatTextMenu && activeEditor === editor && /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat }),
-              /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
-              enableColorPicker && activeEditor === editor && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  ColorPicker$2,
-                  {
-                    title: "Font color",
-                    onChange: (color) => {
-                      onFontColorSelect(color);
-                    },
-                    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"
-                ),
-                /* @__PURE__ */ jsx(
-                  ColorPicker$2,
-                  {
-                    title: "Background color",
-                    onChange: (color) => {
-                      onBgColorSelect(color);
-                    }
-                  },
-                  "bg-color-picker"
-                ),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
-              ] }),
-              enableLinks && activeEditor === editor && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon-sm",
-                    onClick: insertLink,
-                    className: cn(isLinkActive ? "dark:cteditor-text-blue-500 cteditor-text-blue-700" : "cteditor-text-foreground"),
-                    children: /* @__PURE__ */ jsx(LinkIcon, {})
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Insert Link" }) })
-              ] }) }),
-              enableEmojiPicker && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  EmojiPickerWidget,
-                  {
-                    icon: /* @__PURE__ */ jsx(FaceSmileIcon, {}),
-                    onChange: (emojiData) => {
-                      handleEmojiClick(emojiData);
-                    }
-                  },
-                  "emoji-picker"
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Emoji picker" }) })
-              ] }) }),
-              enableInsertMenu && activeEditor === editor && /* @__PURE__ */ jsx(InsertMenu, {}),
-              enableTodoList && activeEditor === editor && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon-sm",
-                    onClick: createTodo,
-                    className: "[&>svg]:!cteditor-size-5",
-                    children: /* @__PURE__ */ jsx(TodoIcon, {})
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Create Todo List" }) })
-              ] }) }),
-              enableNotePanels && activeEditor === editor && /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(NotePanelMenu, {}) }),
-              /* @__PURE__ */ jsx(
-                HighlightColorPicker,
-                {
-                  onChange: (color) => {
-                    onHighlightColorSelect(color);
-                  },
-                  isActive: toolbarState.isHighlight
-                }
-              ),
-              /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
-              enableAlignment && activeEditor === editor && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(AlignMenu, {}),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
-              ] }),
-              enableClearOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon-sm",
-                      disabled: isEditorEmpty,
-                      onClick: handleClearEditorContent,
-                      children: /* @__PURE__ */ jsx(X$1, { className: "!cteditor-size-4" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Clear editor" }) })
-                ] }) }),
-                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon-sm",
-                      onClick: clearFormatting,
-                      children: /* @__PURE__ */ jsx(Trash, { className: "!cteditor-size-4" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Clear formatting" }) })
-                ] }) })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "cteditor-aiOption", children: /* @__PURE__ */ jsxs(DropdownMenu$1, { modal: false, children: [
-                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: "outline",
-                    size: "sm",
-                    className: "cteditor-px-4 cteditor-gap-3 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
-                    children: [
-                      /* @__PURE__ */ jsx(MagicoonIcon, {}),
-                      " Go with AI"
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem$1,
-                    {
-                      onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "SPELLING_GRAMMAR" }),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
-                        " ",
-                        "Fix Grammar"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem$1,
-                    {
-                      onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "SIMPLIFY" }),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
-                        " ",
-                        "Simplify"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem$1,
-                    {
-                      onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "COMPLETE_SENTENCE" }),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
-                        "Complete Sentence"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem$1,
-                    {
-                      onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "EMOJIFY" }),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
-                        "Emojify"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem$1,
-                    {
-                      onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "TRANSLATE" }),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
-                        "Translate"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem$1,
-                    {
-                      onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "AI_RESPONSE" }),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
-                        "AI"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuItem$1,
-                    {
-                      onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, { type: "CREATE_IMAGE" }),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
-                        "Generate Image"
-                      ]
-                    }
-                  )
-                ] })
-              ] }) }),
-              /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
-              enableAIChat && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon-sm",
-                    onClick: toggleAIChat,
-                    disabled: !editable,
-                    className: cn(classes.toolbarButton, "[&>svg]:!cteditor-size-5"),
-                    children: /* @__PURE__ */ jsx(MessageEditIcon, {})
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "AI Chat" }) })
-              ] }) }),
-              /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor }) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Voice Transcript" }) })
-              ] }) }),
-              /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
-              enableAutocompleteToggle && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon-sm",
-                    onClick: toggleAutocomplete,
-                    disabled: !editable,
-                    className: cn(
-                      classes.toolbarButton,
-                      toolbarState.isAutocompleteEnabled && "cteditor-bg-foreground/20",
-                      "[&>svg]:!cteditor-size-4"
-                    ),
-                    children: /* @__PURE__ */ jsx(SearchTextIcon2, {})
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection" }) })
-              ] }) }),
-              /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
-              (enableHtmlViewToggle || enableHtmlView) && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon-sm",
-                    onClick: toggleHtmlView,
-                    disabled: !editable,
-                    className: cn(classes.toolbarButton, isHtmlView && "cteditor-bg-foreground/20"),
-                    children: /* @__PURE__ */ jsx(FileCode2, { className: "!cteditor-size-4" })
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: isHtmlView ? "Switch to Editor View" : "Switch to HTML View" }) })
-              ] }) })
-            ]
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Toaster,
+      {
+        position: "top-right",
+        richColors: true,
+        expand: false,
+        closeButton: true,
+        toastOptions: {
+          style: {
+            fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
           }
-        ),
-        showMoreMenu && /* @__PURE__ */ jsx("div", { className: "cteditor-ml-2 cteditor-flex-shrink-0", children: /* @__PURE__ */ jsxs(DropdownMenu$1, { open: isMoreMenuOpen, onOpenChange: setIsMoreMenuOpen, children: [
-          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "!cteditor-size-4" }) }) }),
-          /* @__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 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(BlockFormatMenu, { blockType }) }) }),
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-                ] }),
-                enableFontControls && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(FontFamilyMenu, { fonts, activeEditor }) }) }),
-                  /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(FontSizeControl, {}) }) }),
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-                ] }),
-                enableTableOptions && activeEditor === editor && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(TableOptionPlugin, {}) }) }),
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-                ] }),
-                enableTextFormatting && /* @__PURE__ */ jsxs(
-                  DropdownMenuItem$1,
-                  {
-                    onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
-                      "Strikethrough"
-                    ]
-                  }
-                ),
-                enableCodeFormat && activeEditor === editor && /* @__PURE__ */ jsxs(
-                  DropdownMenuItem$1,
-                  {
-                    onClick: formatCodeBlock,
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
-                      "Code Block"
-                    ]
-                  }
-                ),
-                enableFormatTextMenu && activeEditor === editor && /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat }) }) }),
-                /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-                enableColorPicker && activeEditor === editor && /* @__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", 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-sm", children: "Font Color" })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
-                    /* @__PURE__ */ jsx(
-                      ColorPicker$2,
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: toolbarRef,
+        className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-items-center cteditor-gap-1.5 cteditor-relative cteditor-w-full cteditor-min-h-11 cteditor-overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: contentRef,
+              className: "cteditor-flex cteditor-items-center cteditor-gap-1.5 cteditor-flex-1 cteditor-overflow-x-auto cteditor-scrollbar-hide",
+              style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+              children: [
+                enableUndoRedo && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "undoRedo", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
                       {
-                        title: "Background color",
-                        onChange: (color) => {
-                          onBgColorSelect(color);
-                          setIsMoreMenuOpen(true);
-                        }
-                      },
-                      "bg-color-picker-dropdown"
-                    ),
-                    /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Background Color" })
-                  ] }),
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                        variant: "ghost",
+                        onClick: () => activeEditor.dispatchCommand(UNDO_COMMAND, void 0),
+                        disabled: disableMap["undo"],
+                        size: "icon-sm",
+                        children: /* @__PURE__ */ jsx(UndoIcon, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Undo (Ctrl + Z)" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        onClick: () => activeEditor.dispatchCommand(REDO_COMMAND, void 0),
+                        disabled: disableMap["redo"],
+                        children: /* @__PURE__ */ jsx(RedoIcon, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Redo (Ctrl + Y)" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                ] }),
+                enableTextFormatting && activeEditor === editor && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "blockFormat", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+                  /* @__PURE__ */ jsx(BlockFormatMenu, { blockType }),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
                 ] }),
-                enableLinks && activeEditor === editor && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: insertLink, children: [
-                  /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(LinkIcon, {}) }),
-                  isLinkActive ? "Remove Link" : "Insert Link"
+                enableFontControls && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "fontControls", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+                  /* @__PURE__ */ jsx("div", { "data-toolbar-item": "fontFamily", children: /* @__PURE__ */ jsx(FontFamilyMenu, { fonts, activeEditor }) }),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                  /* @__PURE__ */ jsx("div", { "data-toolbar-item": "fontSize", children: /* @__PURE__ */ jsx(FontSizeControl, {}) }),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
                 ] }),
-                enableEmojiPicker && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-px-2 cteditor-py-1.5", children: [
+                enableTableOptions && activeEditor === editor && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "tableOptions", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+                  /* @__PURE__ */ jsx(TableOptionPlugin, {}),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                ] }),
+                enableTextFormatting && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "inlineFormats", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
+                        className: cn$1(toolbarState.isBold && "cteditor-bg-foreground/20"),
+                        children: /* @__PURE__ */ jsx(BoldIcon, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Bold (Ctrl + B)" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
+                        className: cn$1(toolbarState.isItalic && "cteditor-bg-foreground/20"),
+                        children: /* @__PURE__ */ jsx(ItalicIcon, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Italic (Ctrl + I)" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
+                        className: cn$1(toolbarState.isUnderline && "cteditor-bg-foreground/20"),
+                        children: /* @__PURE__ */ jsx(UnderlineIcon, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Underline (Ctrl + U)" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
+                        className: cn$1(toolbarState.isStrikethrough && "cteditor-bg-foreground/20"),
+                        children: /* @__PURE__ */ jsx(StrikethroughIcon, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Strikethrough" }) })
+                  ] }) })
+                ] }),
+                enableCodeFormat && activeEditor === editor && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "data-toolbar-item": "codeBlock",
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: formatCodeBlock,
+                      className: cn$1(toolbarState.isCode && "cteditor-bg-foreground/20"),
+                      children: /* @__PURE__ */ jsx(CodeIcon, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Insert code block" }) })
+                ] }) }),
+                enableFormatTextMenu && activeEditor === editor && /* @__PURE__ */ jsx("div", { "data-toolbar-item": "formatTextMenu", children: /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat }) }),
+                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                enableColorPicker && activeEditor === editor && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "colorPickers", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
                   /* @__PURE__ */ jsx(
+                    ColorPicker$2,
+                    {
+                      title: "Font color",
+                      onChange: (color) => {
+                        onFontColorSelect(color);
+                      },
+                      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"
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "[&>button>span]:cteditor-border [&>button>span]:cteditor-border-black", children: /* @__PURE__ */ jsx(
+                    ColorPicker$2,
+                    {
+                      title: "Background color",
+                      onChange: (color) => {
+                        onBgColorSelect(color);
+                      }
+                    },
+                    "bg-color-picker"
+                  ) }),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                ] }),
+                enableLinks && activeEditor === editor && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "data-toolbar-item": "link",
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: insertLink,
+                      className: cn$1(isLinkActive ? "dark:cteditor-text-blue-500 cteditor-text-blue-700" : "cteditor-text-foreground"),
+                      children: /* @__PURE__ */ jsx(LinkIcon, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Insert Link" }) })
+                ] }) }),
+                enableEmojiPicker && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
                     EmojiPickerWidget,
                     {
-                      icon: /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(FaceSmileIcon, {}) }),
+                      "data-toolbar-item": "emoji",
+                      icon: /* @__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 && /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(InsertMenu, {}) }) }),
-                enableTodoList && activeEditor === editor && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: createTodo, children: [
-                  /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(TodoIcon, {}) }),
-                  "Todo List"
-                ] }),
-                enableNotePanels && activeEditor === editor && /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(NotePanelMenu, {}) }) }) }),
-                /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
-                  /* @__PURE__ */ jsx(
-                    HighlightColorPicker,
+                    "emoji-picker"
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Emoji picker" }) })
+                ] }) }),
+                enableInsertMenu && activeEditor === editor && /* @__PURE__ */ jsx("div", { "data-toolbar-item": "insertMenu", children: /* @__PURE__ */ jsx(InsertMenu, {}) }),
+                enableTodoList && activeEditor === editor && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    Button,
                     {
-                      onChange: (color) => {
-                        onHighlightColorSelect(color);
-                        setIsMoreMenuOpen(true);
-                      },
-                      isActive: toolbarState.isHighlight
+                      "data-toolbar-item": "todo",
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: createTodo,
+                      className: "[&>svg]:!cteditor-size-5",
+                      children: /* @__PURE__ */ jsx(TodoIcon, {})
                     }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Highlight" })
-                ] }),
-                /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-                enableAlignment && activeEditor === editor && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(AlignMenu, {}) }) }),
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Create Todo List" }) })
+                ] }) }),
+                enableNotePanels && activeEditor === editor && /* @__PURE__ */ jsx("div", { "data-toolbar-item": "notePanels", className: "[&>button]:!cteditor-size-6 [&>button]:cteditor-outline-none cteditor-block", children: /* @__PURE__ */ jsx(NotePanelMenu, {}) }),
+                /* @__PURE__ */ jsx("div", { "data-toolbar-item": "highlight", children: /* @__PURE__ */ jsx(
+                  HighlightColorPicker,
+                  {
+                    onChange: (color) => {
+                      onHighlightColorSelect(color);
+                    },
+                    isActive: toolbarState.isHighlight
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                enableAlignment && activeEditor === editor && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "alignMenu", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+                  /* @__PURE__ */ jsx(AlignMenu, {}),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
                 ] }),
-                enableClearOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: handleClearEditorContent, disabled: isEditorEmpty, children: [
-                    /* @__PURE__ */ jsx(X$1, { className: "!cteditor-size-4 cteditor-mr-2" }),
-                    "Clear Editor"
-                  ] }),
-                  /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: clearFormatting, children: [
-                    /* @__PURE__ */ jsx(Trash, { className: "!cteditor-size-4 cteditor-mr-2" }),
-                    "Clear Formatting"
-                  ] }),
-                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                enableClearOptions && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "clearOptions", className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        disabled: isEditorEmpty,
+                        onClick: handleClearEditorContent,
+                        children: /* @__PURE__ */ jsx(X$1, { className: "!cteditor-size-4" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Clear editor" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        onClick: clearFormatting,
+                        children: /* @__PURE__ */ jsx(Trash, { className: "!cteditor-size-4" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Clear formatting" }) })
+                  ] }) })
                 ] }),
-                /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-aiOption cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(DropdownMenu$1, { modal: false, children: [
+                /* @__PURE__ */ jsx("div", { "data-toolbar-item": "aiOptions", className: "cteditor-aiOption", children: /* @__PURE__ */ jsxs(DropdownMenu$1, { modal: false, children: [
                   /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
                     Button,
                     {
                       variant: "outline",
                       size: "sm",
-                      className: "cteditor-w-full cteditor-px-4 cteditor-gap-3 [&>svg]:!cteditor-size-4",
+                      className: "cteditor-px-4 cteditor-gap-3 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
                       children: [
                         /* @__PURE__ */ jsx(MagicoonIcon, {}),
                         " Go with AI"
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs(DropdownMenuContent, { side: "right", align: "start", children: [
+                  /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
                     /* @__PURE__ */ jsxs(
                       DropdownMenuItem$1,
                       {
@@ -22590,33 +23755,351 @@ const Toolbar = ({
                       }
                     )
                   ] })
-                ] }) }) }),
-                /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-                enableAIChat && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: toggleAIChat, disabled: !editable, children: [
-                  /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-5", children: /* @__PURE__ */ jsx(MessageEditIcon, {}) }),
-                  "AI Chat"
-                ] }),
-                /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2", onClick: (e) => e.stopPropagation(), children: [
-                  /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor }),
-                  /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1", children: "Voice Transcript" })
                 ] }) }),
-                /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-                enableAutocompleteToggle && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: toggleAutocomplete, disabled: !editable, children: [
-                  /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(SearchTextIcon2, {}) }),
-                  toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection"
-                ] }),
-                (enableHtmlViewToggle || enableHtmlView) && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: toggleHtmlView, disabled: !editable, children: [
-                  /* @__PURE__ */ jsx(FileCode2, { className: "cteditor-mr-2 !cteditor-size-4" }),
-                  isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
-                ] })
+                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                enableAIChat && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "data-toolbar-item": "aiChat",
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: toggleAIChat,
+                      disabled: !editable,
+                      className: cn$1(classes.toolbarButton, "[&>svg]:!cteditor-size-5"),
+                      children: /* @__PURE__ */ jsx(MessageEditIcon, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "AI Chat" }) })
+                ] }) }),
+                /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { "data-toolbar-item": "voiceTranscript", children: /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor }) }) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Voice Transcript" }) })
+                ] }) }),
+                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                enableAutocompleteToggle && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "data-toolbar-item": "autocomplete",
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: toggleAutocomplete,
+                      disabled: !editable,
+                      className: cn$1(
+                        classes.toolbarButton,
+                        toolbarState.isAutocompleteEnabled && "cteditor-bg-foreground/20",
+                        "[&>svg]:!cteditor-size-4"
+                      ),
+                      children: /* @__PURE__ */ jsx(SearchTextIcon2, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection" }) })
+                ] }) }),
+                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                (enableHtmlViewToggle || enableHtmlView) && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "data-toolbar-item": "htmlView",
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: toggleHtmlView,
+                      disabled: !editable,
+                      className: cn$1(classes.toolbarButton, isHtmlView && "cteditor-bg-foreground/20"),
+                      children: /* @__PURE__ */ jsx(FileCode2, { className: "!cteditor-size-4" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: isHtmlView ? "Switch to Editor View" : "Switch to HTML View" }) })
+                ] }) }),
+                /* @__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(
+                    Button,
+                    {
+                      "data-toolbar-item": "exportPdf",
+                      variant: "ghost",
+                      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-ml-1", children: isExportingPDF ? `Exporting... ${exportProgress}%` : "Export" })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Export to PDF" }) })
+                ] }) })
               ]
             }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx(VoiceTranscriptPlugin, {})
-      ]
-    }
-  );
+          ),
+          showMoreMenu && /* @__PURE__ */ jsx("div", { className: "cteditor-ml-2 cteditor-flex-shrink-0", children: /* @__PURE__ */ jsxs(DropdownMenu$1, { open: isMoreMenuOpen, onOpenChange: setIsMoreMenuOpen, children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "!cteditor-size-4" }) }) }),
+            /* @__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$1, { 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$1, { 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$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(FontSizeControl, {}) }) }),
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                  ] }),
+                  enableTableOptions && activeEditor === editor && hiddenItemIds.has("tableOptions") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(TableOptionPlugin, {}) }) }),
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                  ] }),
+                  enableTextFormatting && hiddenItemIds.has("inlineFormats") && /* @__PURE__ */ jsxs(
+                    DropdownMenuItem$1,
+                    {
+                      onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
+                      children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
+                        "Strikethrough"
+                      ]
+                    }
+                  ),
+                  enableCodeFormat && activeEditor === editor && hiddenItemIds.has("codeBlock") && /* @__PURE__ */ jsxs(
+                    DropdownMenuItem$1,
+                    {
+                      onClick: formatCodeBlock,
+                      children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
+                        "Code Block"
+                      ]
+                    }
+                  ),
+                  enableFormatTextMenu && activeEditor === editor && hiddenItemIds.has("formatTextMenu") && /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat }) }) }),
+                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                  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", 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-sm", children: "Font Color" })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
+                      /* @__PURE__ */ 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-sm", children: "Background Color" })
+                    ] }),
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                  ] }),
+                  enableLinks && activeEditor === editor && hiddenItemIds.has("link") && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: insertLink, children: [
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", 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__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(InsertMenu, {}) }) }),
+                  enableTodoList && activeEditor === editor && hiddenItemIds.has("todo") && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: createTodo, children: [
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(TodoIcon, {}) }),
+                    "Todo List"
+                  ] }),
+                  enableNotePanels && activeEditor === editor && hiddenItemIds.has("notePanels") && /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(NotePanelMenu, {}) }) }) }),
+                  hiddenItemIds.has("highlight") && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.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" })
+                  ] }),
+                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                  enableAlignment && activeEditor === editor && hiddenItemIds.has("alignMenu") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(AlignMenu, {}) }) }),
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                  ] }),
+                  enableClearOptions && hiddenItemIds.has("clearOptions") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: handleClearEditorContent, disabled: isEditorEmpty, children: [
+                      /* @__PURE__ */ jsx(X$1, { className: "!cteditor-size-4 cteditor-mr-2" }),
+                      "Clear Editor"
+                    ] }),
+                    /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: clearFormatting, children: [
+                      /* @__PURE__ */ jsx(Trash, { className: "!cteditor-size-4 cteditor-mr-2" }),
+                      "Clear Formatting"
+                    ] }),
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                  ] }),
+                  hiddenItemIds.has("aiOptions") && /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("div", { className: "cteditor-aiOption cteditor-w-full", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(DropdownMenu$1, { modal: false, children: [
+                    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: "outline",
+                        size: "sm",
+                        className: "cteditor-w-full cteditor-px-4 cteditor-gap-3 [&>svg]:!cteditor-size-4",
+                        children: [
+                          /* @__PURE__ */ jsx(MagicoonIcon, {}),
+                          " Go with AI"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxs(DropdownMenuContent, { side: "right", align: "start", children: [
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem$1,
+                        {
+                          onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "SPELLING_GRAMMAR" }),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
+                            " ",
+                            "Fix Grammar"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem$1,
+                        {
+                          onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "SIMPLIFY" }),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
+                            " ",
+                            "Simplify"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem$1,
+                        {
+                          onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "COMPLETE_SENTENCE" }),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
+                            "Complete Sentence"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem$1,
+                        {
+                          onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "EMOJIFY" }),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
+                            "Emojify"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem$1,
+                        {
+                          onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "TRANSLATE" }),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
+                            "Translate"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem$1,
+                        {
+                          onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "AI_RESPONSE" }),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+                            "AI"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem$1,
+                        {
+                          onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, { type: "CREATE_IMAGE" }),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-1 [&>svg]:cteditor-size-5", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
+                            "Generate Image"
+                          ]
+                        }
+                      )
+                    ] })
+                  ] }) }) }),
+                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                  enableAIChat && hiddenItemIds.has("aiChat") && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: toggleAIChat, disabled: !editable, children: [
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-5", children: /* @__PURE__ */ jsx(MessageEditIcon, {}) }),
+                    "AI Chat"
+                  ] }),
+                  hiddenItemIds.has("voiceTranscript") && /* @__PURE__ */ jsx(DropdownMenuItem$1, { asChild: true, onSelect: (e) => e.preventDefault(), children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2", onClick: (e) => e.stopPropagation(), children: [
+                    /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor }),
+                    /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1", children: "Voice Transcript" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                  enableAutocompleteToggle && hiddenItemIds.has("autocomplete") && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: toggleAutocomplete, disabled: !editable, children: [
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(SearchTextIcon2, {}) }),
+                    toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection"
+                  ] }),
+                  (enableHtmlViewToggle || enableHtmlView) && hiddenItemIds.has("htmlView") && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: toggleHtmlView, disabled: !editable, children: [
+                    /* @__PURE__ */ jsx(FileCode2, { className: "cteditor-mr-2 !cteditor-size-4" }),
+                    isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
+                  ] })
+                ]
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(VoiceTranscriptPlugin, {})
+        ]
+      }
+    )
+  ] });
 };
 function Skeleton({
   className,
@@ -22625,7 +24108,7 @@ function Skeleton({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn("animate-pulse rounded-md bg-primary/10", className),
+      className: cn$1("animate-pulse rounded-md bg-primary/10", className),
       ...props
     }
   );
@@ -23299,7 +24782,7 @@ function AutocompletePlugin({
           /* @__PURE__ */ jsx("div", { className: "cteditor-space-y-1", children: suggestions.map((option, index2) => /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cn(
+              className: cn$1(
                 "cteditor-flex cteditor-items-start cteditor-gap-3 cteditor-p-3 cteditor-rounded-md cteditor-cursor-pointer cteditor-transition-colors cteditor-text-sm",
                 index2 === selectedIndex ? "cteditor-bg-background" : "hover:cteditor-bg-background/50"
               ),
@@ -23309,7 +24792,7 @@ function AutocompletePlugin({
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: cn(
+                    className: cn$1(
                       "cteditor-mt-0.5",
                       index2 === selectedIndex ? "cteditor-text-primary" : "cteditor-text-primary"
                     ),
@@ -24480,11 +25963,11 @@ const DropdownMenu = ({ children, trigger }) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOpen]);
-  return /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: "relative", children: [
+  return /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: "cteditor-relative", children: [
     /* @__PURE__ */ jsx("div", { onClick: () => setIsOpen(!isOpen), children: trigger }),
-    isOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 mt-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-xl z-50 min-w-56 py-1 improve-dropdown", children: [
-      /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide border-b border-gray-100 dark:border-gray-700", children: "AI Tools" }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col", children })
+    isOpen && /* @__PURE__ */ jsxs("div", { className: "cteditor-absolute cteditor-top-full cteditor-left-0 cteditor-mt-2 cteditor-bg-accent  cteditor-rounded-lg cteditor-shadow-xl cteditor-z-50 cteditor-min-w-56 cteditor-py-1 improve-dropdown", children: [
+      /* @__PURE__ */ jsx("div", { className: "cteditor-px-2 cteditor-py-2 cteditor-text-xs cteditor-font-medium  cteditor-uppercase cteditor-tracking-wide cteditor-border-b cteditor-border-foreground/5", children: "AI Tools" }),
+      /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-flex-col", children })
     ] })
   ] });
 };
@@ -24495,7 +25978,7 @@ const DropdownMenuItem = ({
   return /* @__PURE__ */ jsx(
     "button",
     {
-      className: "w-full px-3 py-2.5 text-left text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-3 transition-colors duration-150 improve-dropdown-item block",
+      className: "cteditor-w-full cteditor-px-3 cteditor-py-1.5 cteditor-text-left cteditor-text-xs  cteditor-flex cteditor-items-center cteditor-gap-3 cteditor-transition-colors cteditor-duration-150 improve-dropdown-item block hover:cteditor-bg-foreground/5",
       onClick,
       children
     }
@@ -24650,7 +26133,7 @@ function TextFormatFloatingToolbar({
     "div",
     {
       ref: popupCharStylesEditorRef,
-      className: "floating-text-format-popup bg-secondary",
+      className: "floating-text-format-popup cteditor-bg-accent cteditor-text-sm [&>button]:cteditor-relative [&>button:hover>span]:cteditor-bottom-full [&>button:hover>span]:cteditor-opacity-100",
       children: editor.isEditable() && /* @__PURE__ */ jsxs(Fragment, { children: [
         (features == null ? void 0 : features.bold) && /* @__PURE__ */ jsxs(
           "button",
@@ -24659,12 +26142,12 @@ function TextFormatFloatingToolbar({
             onClick: () => {
               editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold");
             },
-            className: "popup-item spaced " + (isBold ? "active" : ""),
+            className: "popup-item spaced  " + (isBold ? "active" : ""),
             title: "Bold",
             "aria-label": "Format text as bold",
             children: [
               /* @__PURE__ */ jsx(BoldIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Bold" })
+              /* @__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: "Bold" })
             ]
           }
         ),
@@ -24680,7 +26163,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format text as italics",
             children: [
               /* @__PURE__ */ jsx(ItalicIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Italic" })
+              /* @__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: "Italic" })
             ]
           }
         ),
@@ -24696,7 +26179,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format text to underlined",
             children: [
               /* @__PURE__ */ jsx(UnderlineIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Underline" })
+              /* @__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: "Underline" })
             ]
           }
         ),
@@ -24712,7 +26195,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format text with a strikethrough",
             children: [
               /* @__PURE__ */ jsx(StrikethroughIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Strikethrough" })
+              /* @__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: "Strikethrough" })
             ]
           }
         ),
@@ -24728,7 +26211,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format Subscript",
             children: [
               /* @__PURE__ */ jsx(SubscriptIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Subscript" })
+              /* @__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: "Subscript" })
             ]
           }
         ),
@@ -24744,7 +26227,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format Superscript",
             children: [
               /* @__PURE__ */ jsx(SuperscriptIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Superscript" })
+              /* @__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: "Superscript" })
             ]
           }
         ),
@@ -24760,7 +26243,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format text to uppercase",
             children: [
               /* @__PURE__ */ jsx(TypeUppercaseIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Uppercase" })
+              /* @__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: "Uppercase" })
             ]
           }
         ),
@@ -24776,7 +26259,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format text to lowercase",
             children: [
               /* @__PURE__ */ jsx(TypeLowercaseIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Lowercase" })
+              /* @__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: "Lowercase" })
             ]
           }
         ),
@@ -24792,7 +26275,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Format text to capitalize",
             children: [
               /* @__PURE__ */ jsx(TypeCapitalizeIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Capitalize" })
+              /* @__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: "Capitalize" })
             ]
           }
         ),
@@ -24806,7 +26289,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Insert code block",
             children: [
               /* @__PURE__ */ jsx(CodeIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Code block" })
+              /* @__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: "Code block" })
             ]
           }
         ),
@@ -24820,7 +26303,7 @@ function TextFormatFloatingToolbar({
             "aria-label": "Insert link",
             children: [
               /* @__PURE__ */ jsx(LinkIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Insert link" })
+              /* @__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: "Insert link" })
             ]
           }
         ),
@@ -24831,12 +26314,13 @@ function TextFormatFloatingToolbar({
             onClick: () => {
               editor.dispatchCommand(TOGGLE_AI_CHAT_COMMAND, void 0);
             },
-            className: "popup-item spaced [&>svg]:cteditor-h-4 [&>svg]:cteditor-w-5 flex items-center justify-center",
+            className: "popup-item spaced  cteditor-flex cteditor-items-center cteditor-justify-center",
             title: "AI Chat",
             "aria-label": "Open AI Chat",
             children: [
               /* @__PURE__ */ jsx(MessageEditIcon, {}),
-              " AI Chat"
+              "  ",
+              /* @__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: "AI Chat" })
             ]
           }
         ),
@@ -24847,12 +26331,12 @@ function TextFormatFloatingToolbar({
             onClick: () => {
               editor.dispatchCommand(OPEN_COMMENT_MODAL_COMMAND, void 0);
             },
-            className: "popup-item spaced [&>svg]:cteditor-h-4 [&>svg]:cteditor-w-6 flex items-center justify-center",
+            className: "popup-item spaced  cteditor-flex cteditor-items-center cteditor-justify-center",
             title: "Add Comment",
             "aria-label": "Add Comment",
             children: [
-              /* @__PURE__ */ jsx(MessageSquare, { size: 16, strokeWidth: 1.5 }),
-              " Add Comment"
+              /* @__PURE__ */ jsx(AddCommentIcon, {}),
+              /* @__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: "Add Comment" })
             ]
           }
         ),
@@ -24863,12 +26347,12 @@ function TextFormatFloatingToolbar({
               "button",
               {
                 type: "button",
-                className: "popup-item spaced [&>svg]:cteditor-h-4 [&>svg]:cteditor-w-4 flex items-center justify-center",
+                className: "popup-item spaced  cteditor-flex cteditor-items-center cteditor-justify-center cteditor-relative [&>span]:hover:cteditor-bottom-full [&>span]:hover:cteditor-opacity-100",
                 title: "Improve with AI",
                 "aria-label": "Improve with AI",
                 children: [
                   /* @__PURE__ */ jsx(MagicoonIcon, {}),
-                  " Improve with AI"
+                  /* @__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: "Improve with AI" })
                 ]
               }
             ),
@@ -24878,7 +26362,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "SPELLING_GRAMMAR" }),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
                     /* @__PURE__ */ jsx("span", { children: "Fix Grammar" })
                   ]
                 }
@@ -24888,7 +26372,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "SIMPLIFY" }),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
                     /* @__PURE__ */ jsx("span", { children: "Simplify" })
                   ]
                 }
@@ -24898,7 +26382,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "COMPLETE_SENTENCE" }),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
                     /* @__PURE__ */ jsx("span", { children: "Complete Sentence" })
                   ]
                 }
@@ -24908,7 +26392,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "EMOJIFY" }),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
                     /* @__PURE__ */ jsx("span", { children: "Emojify" })
                   ]
                 }
@@ -24918,7 +26402,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "TRANSLATE" }),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
                     /* @__PURE__ */ jsx("span", { children: "Translate" })
                   ]
                 }
@@ -24928,7 +26412,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, { type: "AI_RESPONSE" }),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
                     /* @__PURE__ */ jsx("span", { children: "AI Response" })
                   ]
                 }
@@ -24938,7 +26422,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, { type: "CREATE_IMAGE" }),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
                     /* @__PURE__ */ jsx("span", { children: "Generate Image" })
                   ]
                 }
@@ -24948,7 +26432,7 @@ function TextFormatFloatingToolbar({
                 {
                   onClick: toggleHtmlView,
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex items-center justify-center", children: /* @__PURE__ */ jsx(FileCode2, { className: "!cteditor-size-4" }) }),
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FileCode2, { className: "!cteditor-size-4" }) }),
                     /* @__PURE__ */ jsx("span", { children: isHtmlView ? "Switch to Editor View" : "Switch to HTML View" })
                   ]
                 }
@@ -27569,17 +29053,80 @@ function GrammarCheckPlugin() {
 }
 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-[150px] cteditor-max-h-[500px] cteditor-resize-none cteditor-outline-none cteditor-bg-background cteditor-rounded-lg",
-    "cteditor-text-base cteditor-caret-[#757575] cteditor-p-[15px] cteditor-overflow-auto",
+  contentEditable: cn$1(
+    "cteditor-relative cteditor-min-h-[150px] cteditor-resize-none cteditor-outline-none cteditor-bg-background cteditor-rounded-lg",
+    "cteditor-text-base cteditor-caret-[#757575] cteditor-p-[15px] cteditor-transition-all cteditor-duration-200",
+    "cteditor-w-full cteditor-box-border",
     "[&>hr]:cteditor-border-none [&>hr]:cteditor-h-[2px]"
   ),
-  placeholder: cn(
+  placeholder: cn$1(
     "cteditor-absolute cteditor-top-4 cteditor-left-4 cteditor-text-[15px] cteditor-text-[#9e9e9e]",
     "cteditor-overflow-hidden cteditor-text-ellipsis cteditor-whitespace-nowrap",
     "cteditor-select-none cteditor-pointer-events-none cteditor-inline-block"
   )
 });
+const useAutoExpandingHeight = ({
+  minHeight = 150,
+  maxHeight = 800,
+  transitionDuration = 200
+} = {}) => {
+  const [height, setHeight] = useState(minHeight);
+  const contentRef = useRef(null);
+  const resizeObserverRef = useRef(null);
+  useEffect(() => {
+    const element = contentRef.current;
+    if (!element)
+      return;
+    const updateHeight = () => {
+      const scrollHeight = element.scrollHeight;
+      const newHeight = Math.max(minHeight, Math.min(maxHeight, scrollHeight));
+      if (newHeight !== height) {
+        setHeight(newHeight);
+      }
+    };
+    updateHeight();
+    if (window.ResizeObserver) {
+      resizeObserverRef.current = new ResizeObserver(() => {
+        updateHeight();
+      });
+      resizeObserverRef.current.observe(element);
+    }
+    const mutationObserver = new MutationObserver(() => {
+      updateHeight();
+      const imgs = element.querySelectorAll("img");
+      imgs.forEach((img) => {
+        img.addEventListener("load", updateHeight, { once: true });
+      });
+    });
+    mutationObserver.observe(element, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      characterData: true
+    });
+    const handleInput = () => updateHeight();
+    element.addEventListener("input", handleInput);
+    element.addEventListener("load", updateHeight, true);
+    return () => {
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+      }
+      mutationObserver.disconnect();
+      element.removeEventListener("input", handleInput);
+      element.removeEventListener("load", updateHeight, true);
+    };
+  }, [minHeight, maxHeight, height]);
+  return {
+    height,
+    contentRef,
+    style: {
+      height: `${height}px`,
+      transition: `height ${transitionDuration}ms ease-in-out`,
+      // Avoid clipping content while height recalculates; allow scroll if needed
+      overflow: "auto"
+    }
+  };
+};
 const ToolbarWithEditor = (props) => {
   const [editor] = useLexicalComposerContext();
   return /* @__PURE__ */ jsx(
@@ -27642,6 +29189,11 @@ const ConfigurableEditor = ({
 }) => {
   const classes = useStyles();
   const [isLinkEditMode, setIsLinkEditMode] = useState(false);
+  const { contentRef, style: autoHeightStyle } = useAutoExpandingHeight({
+    minHeight: 150,
+    maxHeight: 800,
+    transitionDuration: 200
+  });
   useState(null);
   useState(null);
   const [floatingAnchorElem, setFloatingAnchorElem] = useState(null);
@@ -27701,9 +29253,11 @@ const ConfigurableEditor = ({
               contentEditable: /* @__PURE__ */ jsx("div", { className: "editor-scroller", children: /* @__PURE__ */ jsx("div", { className: "editor", ref: onRef, children: /* @__PURE__ */ jsx(
                 ContentEditable,
                 {
+                  ref: contentRef,
                   className: classes.contentEditable,
                   style: {
-                    tabSize: 1
+                    tabSize: 1,
+                    ...autoHeightStyle
                   }
                 }
               ) }) }),
@@ -27904,9 +29458,11 @@ export {
   LocalStoragePlugin$1 as L,
   useEditor as a,
   ConfigurableEditor as b,
+  commonjsGlobal as c,
   editorConfig as e,
+  getDefaultExportFromCjs as g,
   initialConfig as i,
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-5238e1b7.js.map
+//# sourceMappingURL=index-25cc2475.js.map