ct-rich-text-editor 1.3.4 → 1.3.5

package/dist/{index-db43388d.js → index-1719c0e6.js}

@@ -27,7 +27,7 @@ import { createCommand, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection,
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
 import { $isCodeNode, CodeNode, normalizeCodeLang, getLanguageFriendlyName, CodeHighlightNode, CODE_LANGUAGE_MAP, $createCodeNode, registerCodeHighlighting, $isCodeHighlightNode } from "@lexical/code";
-import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $createLinkNode, $isAutoLinkNode } from "@lexical/link";
+import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $isAutoLinkNode, $createLinkNode } from "@lexical/link";
 import { ListNode, ListItemNode, $isListNode, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, $createListNode, $createListItemNode } from "@lexical/list";
 import { HeadingNode, QuoteNode, $isHeadingNode, $createHeadingNode, $createQuoteNode, DRAG_DROP_PASTE } from "@lexical/rich-text";
 import { $isAtNodeEnd, $selectAll, $patchStyleText, $setBlocksType, $isParentElementRTL, $getSelectionStyleValueForProperty } from "@lexical/selection";
@@ -343,18 +343,18 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
     }
   };
 }
-function setRef(ref, value) {
+function setRef$1(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
+function composeRefs$1(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
+      const cleanup = setRef$1(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -367,7 +367,7 @@ function composeRefs(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef(refs[i2], null);
+            setRef$1(refs[i2], null);
           }
         }
       };
@@ -375,7 +375,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React$1.useCallback(composeRefs(...refs), refs);
+  return React$1.useCallback(composeRefs$1(...refs), refs);
 }
 function createContext2(rootComponentName, defaultContext) {
   const Context2 = React$1.createContext(defaultContext);
@@ -395,7 +395,7 @@ function createContext2(rootComponentName, defaultContext) {
   }
   return [Provider2, useContext2];
 }
-function createContextScope$1(scopeName, createContextScopeDeps = []) {
+function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React$1.createContext(defaultContext);
@@ -434,9 +434,9 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$1(...scopes) {
+function composeContextScopes(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1)
     return baseScope;
@@ -568,7 +568,7 @@ function createSlotClone$1(ownerName) {
       const childrenRef = getElementRef$2(children);
       const props2 = mergeProps$1(slotProps, children.props);
       if (children.type !== React$1.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
       return React$1.cloneElement(children, props2);
     }
@@ -628,7 +628,7 @@ function getElementRef$2(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES$1 = [
+var NODES = [
   "a",
   "button",
   "div",
@@ -647,7 +647,7 @@ var NODES$1 = [
   "svg",
   "ul"
 ];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
+var Primitive = NODES.reduce((primitive, node) => {
   const Slot2 = /* @__PURE__ */ createSlot$1(`Primitive.${node}`);
   const Node2 = React$1.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
@@ -781,7 +781,7 @@ var DismissableLayer = React$1.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$1.div,
+      Primitive.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -814,7 +814,7 @@ var DismissableLayerBranch = React$1.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$1.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
@@ -1023,7 +1023,7 @@ var FocusScope = React$1.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -1120,7 +1120,7 @@ var Portal$5 = React$1.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React$1.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
-  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$5.displayName = PORTAL_NAME$6;
 function useStateMachine(initialState, machine) {
@@ -2055,7 +2055,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 var DIALOG_NAME = "Dialog";
-var [createDialogContext, createDialogScope] = createContextScope$1(DIALOG_NAME);
+var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
 var Dialog$1 = (props) => {
   const {
@@ -2099,7 +2099,7 @@ var DialogTrigger = React$1.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -2143,7 +2143,7 @@ var DialogOverlayImpl = React$1.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ jsx(RemoveScroll, { as: Slot$4, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
-        Primitive$1.div,
+        Primitive.div,
         {
           "data-state": getState$1(context.open),
           ...overlayProps,
@@ -2288,7 +2288,7 @@ var DialogTitle$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$1.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME;
@@ -2297,7 +2297,7 @@ var DialogDescription$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$1.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -2307,7 +2307,7 @@ var DialogClose = React$1.forwardRef(
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive.button,
       {
         type: "button",
         ...closeProps,
@@ -2504,6 +2504,16 @@ const Ban = createLucideIcon("Ban", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m4.9 4.9 14.2 14.2", key: "1m5liu" }]
 ]);
+/**
+ * @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 Bold = createLucideIcon("Bold", [
+  ["path", { d: "M14 12a4 4 0 0 0 0-8H6v8", key: "v2sylx" }],
+  ["path", { d: "M15 20a4 4 0 0 0 0-8H6v8Z", key: "1ef5ya" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2565,6 +2575,16 @@ const Clock = createLucideIcon("Clock", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
 ]);
+/**
+ * @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 Code = createLucideIcon("Code", [
+  ["polyline", { points: "16 18 22 12 16 6", key: "z7tu5w" }],
+  ["polyline", { points: "8 6 2 12 8 18", key: "1eg1df" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2586,6 +2606,23 @@ const Download = createLucideIcon("Download", [
   ["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
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Eraser = createLucideIcon("Eraser", [
+  [
+    "path",
+    {
+      d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21",
+      key: "182aya"
+    }
+  ],
+  ["path", { d: "M22 21H7", key: "t4ddhn" }],
+  ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2720,6 +2757,17 @@ const Info = createLucideIcon("Info", [
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ]);
+/**
+ * @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 Italic = createLucideIcon("Italic", [
+  ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
+  ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
+  ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2787,6 +2835,15 @@ const List$1 = createLucideIcon("List", [
 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
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const MessageCircle = createLucideIcon("MessageCircle", [
+  ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2847,6 +2904,38 @@ const Plus = createLucideIcon("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Quote = createLucideIcon("Quote", [
+  [
+    "path",
+    {
+      d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z",
+      key: "4rm80e"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z",
+      key: "10za9r"
+    }
+  ]
+]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Redo = createLucideIcon("Redo", [
+  ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
+  ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2857,6 +2946,16 @@ const Reply = createLucideIcon("Reply", [
   ["polyline", { points: "9 17 4 12 9 7", key: "hvgpf2" }],
   ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }]
 ]);
+/**
+ * @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 Search = createLucideIcon("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2886,6 +2985,17 @@ const StickyNote = createLucideIcon("StickyNote", [
   ["path", { d: "M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z", key: "qazsjp" }],
   ["path", { d: "M15 3v4a2 2 0 0 0 2 2h4", key: "40519r" }]
 ]);
+/**
+ * @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 Strikethrough = createLucideIcon("Strikethrough", [
+  ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
+  ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2920,6 +3030,18 @@ const Superscript = createLucideIcon("Superscript", [
     }
   ]
 ]);
+/**
+ * @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 Table = createLucideIcon("Table", [
+  ["path", { d: "M12 3v18", key: "108xh3" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }],
+  ["path", { d: "M3 15h18", key: "5xshup" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2966,6 +3088,26 @@ const Type = createLucideIcon("Type", [
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
 ]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Underline = createLucideIcon("Underline", [
+  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
+  ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
+]);
+/**
+ * @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 Undo = createLucideIcon("Undo", [
+  ["path", { d: "M3 7v6h6", key: "1v2h90" }],
+  ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -2976,6 +3118,17 @@ const Video = createLucideIcon("Video", [
   ["path", { d: "m22 8-6 4 6 4V8Z", key: "50v9me" }],
   ["rect", { width: "14", height: "12", x: "2", y: "6", rx: "2", ry: "2", key: "1rqjg6" }]
 ]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const XCircle = createLucideIcon("XCircle", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -3005,28 +3158,7 @@ function clsx() {
     (e = arguments[f2]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
-const concatArrays = (array1, array2) => {
-  const combinedArray = new Array(array1.length + array2.length);
-  for (let i2 = 0; i2 < array1.length; i2++) {
-    combinedArray[i2] = array1[i2];
-  }
-  for (let i2 = 0; i2 < array2.length; i2++) {
-    combinedArray[array1.length + i2] = array2[i2];
-  }
-  return combinedArray;
-};
-const createClassValidatorObject = (classGroupId, validator) => ({
-  classGroupId,
-  validator
-});
-const createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
-  nextPart,
-  validators,
-  classGroupId
-});
 const CLASS_PART_SEPARATOR = "-";
-const EMPTY_CONFLICTS = [];
-const ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
 const createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);
   const {
@@ -3034,135 +3166,104 @@ const createClassGroupUtils = (config) => {
     conflictingClassGroupModifiers
   } = config;
   const getClassGroupId = (className) => {
-    if (className.startsWith("[") && className.endsWith("]")) {
-      return getGroupIdForArbitraryProperty(className);
-    }
     const classParts = className.split(CLASS_PART_SEPARATOR);
-    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
-    return getGroupRecursive(classParts, startIndex, classMap);
+    if (classParts[0] === "" && classParts.length !== 1) {
+      classParts.shift();
+    }
+    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
   };
   const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    if (hasPostfixModifier) {
-      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
-      const baseConflicts = conflictingClassGroups[classGroupId];
-      if (modifierConflicts) {
-        if (baseConflicts) {
-          return concatArrays(baseConflicts, modifierConflicts);
-        }
-        return modifierConflicts;
-      }
-      return baseConflicts || EMPTY_CONFLICTS;
+    const conflicts = conflictingClassGroups[classGroupId] || [];
+    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
+      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
     }
-    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+    return conflicts;
   };
   return {
     getClassGroupId,
     getConflictingClassGroupIds
   };
 };
-const getGroupRecursive = (classParts, startIndex, classPartObject) => {
-  const classPathsLength = classParts.length - startIndex;
-  if (classPathsLength === 0) {
+const getGroupRecursive = (classParts, classPartObject) => {
+  var _a;
+  if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
-  const currentClassPart = classParts[startIndex];
+  const currentClassPart = classParts[0];
   const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  if (nextClassPartObject) {
-    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
-    if (result)
-      return result;
+  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
+  if (classGroupFromNextClassPart) {
+    return classGroupFromNextClassPart;
   }
-  const validators = classPartObject.validators;
-  if (validators === null) {
+  if (classPartObject.validators.length === 0) {
     return void 0;
   }
-  const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
-  const validatorsLength = validators.length;
-  for (let i2 = 0; i2 < validatorsLength; i2++) {
-    const validatorObj = validators[i2];
-    if (validatorObj.validator(classRest)) {
-      return validatorObj.classGroupId;
+  const classRest = classParts.join(CLASS_PART_SEPARATOR);
+  return (_a = classPartObject.validators.find(({
+    validator
+  }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
+};
+const arbitraryPropertyRegex = /^\[(.+)\]$/;
+const getGroupIdForArbitraryProperty = (className) => {
+  if (arbitraryPropertyRegex.test(className)) {
+    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
+    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    if (property) {
+      return "arbitrary.." + property;
     }
   }
-  return void 0;
 };
-const getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const content = className.slice(1, -1);
-  const colonIndex = content.indexOf(":");
-  const property = content.slice(0, colonIndex);
-  return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
-})();
 const createClassMap = (config) => {
   const {
     theme: theme2,
     classGroups
   } = config;
-  return processClassGroups(classGroups, theme2);
-};
-const processClassGroups = (classGroups, theme2) => {
-  const classMap = createClassPartObject();
+  const classMap = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
   for (const classGroupId in classGroups) {
-    const group = classGroups[classGroupId];
-    processClassesRecursively(group, classMap, classGroupId, theme2);
+    processClassesRecursively(classGroups[classGroupId], classMap, classGroupId, theme2);
   }
   return classMap;
 };
 const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme2) => {
-  const len = classGroup.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const classDefinition = classGroup[i2];
-    processClassDefinition(classDefinition, classPartObject, classGroupId, theme2);
-  }
-};
-const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
-  if (typeof classDefinition === "string") {
-    processStringDefinition(classDefinition, classPartObject, classGroupId);
-    return;
-  }
-  if (typeof classDefinition === "function") {
-    processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme2);
-    return;
-  }
-  processObjectDefinition(classDefinition, classPartObject, classGroupId, theme2);
-};
-const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
-  const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-  classPartObjectToEdit.classGroupId = classGroupId;
-};
-const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
-  if (isThemeGetter(classDefinition)) {
-    processClassesRecursively(classDefinition(theme2), classPartObject, classGroupId, theme2);
-    return;
-  }
-  if (classPartObject.validators === null) {
-    classPartObject.validators = [];
-  }
-  classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
-};
-const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
-  const entries = Object.entries(classDefinition);
-  const len = entries.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const [key, value] = entries[i2];
-    processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme2);
-  }
+  classGroup.forEach((classDefinition) => {
+    if (typeof classDefinition === "string") {
+      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+      classPartObjectToEdit.classGroupId = classGroupId;
+      return;
+    }
+    if (typeof classDefinition === "function") {
+      if (isThemeGetter(classDefinition)) {
+        processClassesRecursively(classDefinition(theme2), classPartObject, classGroupId, theme2);
+        return;
+      }
+      classPartObject.validators.push({
+        validator: classDefinition,
+        classGroupId
+      });
+      return;
+    }
+    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
+      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme2);
+    });
+  });
 };
 const getPart = (classPartObject, path) => {
-  let current = classPartObject;
-  const parts = path.split(CLASS_PART_SEPARATOR);
-  const len = parts.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const part = parts[i2];
-    let next = current.nextPart.get(part);
-    if (!next) {
-      next = createClassPartObject();
-      current.nextPart.set(part, next);
-    }
-    current = next;
-  }
-  return current;
+  let currentClassPartObject = classPartObject;
+  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
+    if (!currentClassPartObject.nextPart.has(pathPart)) {
+      currentClassPartObject.nextPart.set(pathPart, {
+        nextPart: /* @__PURE__ */ new Map(),
+        validators: []
+      });
+    }
+    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
+  });
+  return currentClassPartObject;
 };
-const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
+const isThemeGetter = (func) => func.isThemeGetter;
 const createLruCache = (maxCacheSize) => {
   if (maxCacheSize < 1) {
     return {
@@ -3172,31 +3273,31 @@ const createLruCache = (maxCacheSize) => {
     };
   }
   let cacheSize = 0;
-  let cache = /* @__PURE__ */ Object.create(null);
-  let previousCache = /* @__PURE__ */ Object.create(null);
+  let cache = /* @__PURE__ */ new Map();
+  let previousCache = /* @__PURE__ */ new Map();
   const update = (key, value) => {
-    cache[key] = value;
+    cache.set(key, value);
     cacheSize++;
     if (cacheSize > maxCacheSize) {
       cacheSize = 0;
       previousCache = cache;
-      cache = /* @__PURE__ */ Object.create(null);
+      cache = /* @__PURE__ */ new Map();
     }
   };
   return {
     get(key) {
-      let value = cache[key];
+      let value = cache.get(key);
       if (value !== void 0) {
         return value;
       }
-      if ((value = previousCache[key]) !== void 0) {
+      if ((value = previousCache.get(key)) !== void 0) {
         update(key, value);
         return value;
       }
     },
     set(key, value) {
-      if (key in cache) {
-        cache[key] = value;
+      if (cache.has(key)) {
+        cache.set(key, value);
       } else {
         update(key, value);
       }
@@ -3205,14 +3306,7 @@ const createLruCache = (maxCacheSize) => {
 };
 const IMPORTANT_MODIFIER = "!";
 const MODIFIER_SEPARATOR = ":";
-const EMPTY_MODIFIERS = [];
-const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
-  modifiers,
-  hasImportantModifier,
-  baseClassName,
-  maybePostfixModifierPosition,
-  isExternal
-});
+const MODIFIER_SEPARATOR_LENGTH = MODIFIER_SEPARATOR.length;
 const createParseClassName = (config) => {
   const {
     prefix,
@@ -3224,13 +3318,12 @@ const createParseClassName = (config) => {
     let parenDepth = 0;
     let modifierStart = 0;
     let postfixModifierPosition;
-    const len = className.length;
-    for (let index2 = 0; index2 < len; index2++) {
-      const currentCharacter = className[index2];
+    for (let index2 = 0; index2 < className.length; index2++) {
+      let currentCharacter = className[index2];
       if (bracketDepth === 0 && parenDepth === 0) {
         if (currentCharacter === MODIFIER_SEPARATOR) {
           modifiers.push(className.slice(modifierStart, index2));
-          modifierStart = index2 + 1;
+          modifierStart = index2 + MODIFIER_SEPARATOR_LENGTH;
           continue;
         }
         if (currentCharacter === "/") {
@@ -3238,38 +3331,37 @@ const createParseClassName = (config) => {
           continue;
         }
       }
-      if (currentCharacter === "[")
+      if (currentCharacter === "[") {
         bracketDepth++;
-      else if (currentCharacter === "]")
+      } else if (currentCharacter === "]") {
         bracketDepth--;
-      else if (currentCharacter === "(")
+      } else if (currentCharacter === "(") {
         parenDepth++;
-      else if (currentCharacter === ")")
+      } else if (currentCharacter === ")") {
         parenDepth--;
+      }
     }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
-    let baseClassName = baseClassNameWithImportantModifier;
-    let hasImportantModifier = false;
-    if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
-      baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
-      hasImportantModifier = true;
-    } else if (
-      /**
-       * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
-       * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
-       */
-      baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)
-    ) {
-      baseClassName = baseClassNameWithImportantModifier.slice(1);
-      hasImportantModifier = true;
-    }
+    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
+    const baseClassName = stripImportantModifier(baseClassNameWithImportantModifier);
+    const hasImportantModifier = baseClassName !== baseClassNameWithImportantModifier;
     const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-    return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
+    return {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    };
   };
   if (prefix) {
     const fullPrefix = prefix + MODIFIER_SEPARATOR;
     const parseClassNameOriginal = parseClassName;
-    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
+    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.substring(fullPrefix.length)) : {
+      isExternal: true,
+      modifiers: [],
+      hasImportantModifier: false,
+      baseClassName: className,
+      maybePostfixModifierPosition: void 0
+    };
   }
   if (experimentalParseClassName) {
     const parseClassNameOriginal = parseClassName;
@@ -3280,35 +3372,36 @@ const createParseClassName = (config) => {
   }
   return parseClassName;
 };
+const stripImportantModifier = (baseClassName) => {
+  if (baseClassName.endsWith(IMPORTANT_MODIFIER)) {
+    return baseClassName.substring(0, baseClassName.length - 1);
+  }
+  if (baseClassName.startsWith(IMPORTANT_MODIFIER)) {
+    return baseClassName.substring(1);
+  }
+  return baseClassName;
+};
 const createSortModifiers = (config) => {
-  const modifierWeights = /* @__PURE__ */ new Map();
-  config.orderSensitiveModifiers.forEach((mod, index2) => {
-    modifierWeights.set(mod, 1e6 + index2);
-  });
-  return (modifiers) => {
-    const result = [];
-    let currentSegment = [];
-    for (let i2 = 0; i2 < modifiers.length; i2++) {
-      const modifier = modifiers[i2];
-      const isArbitrary = modifier[0] === "[";
-      const isOrderSensitive = modifierWeights.has(modifier);
-      if (isArbitrary || isOrderSensitive) {
-        if (currentSegment.length > 0) {
-          currentSegment.sort();
-          result.push(...currentSegment);
-          currentSegment = [];
-        }
-        result.push(modifier);
+  const orderSensitiveModifiers = Object.fromEntries(config.orderSensitiveModifiers.map((modifier) => [modifier, true]));
+  const sortModifiers = (modifiers) => {
+    if (modifiers.length <= 1) {
+      return modifiers;
+    }
+    const sortedModifiers = [];
+    let unsortedModifiers = [];
+    modifiers.forEach((modifier) => {
+      const isPositionSensitive = modifier[0] === "[" || orderSensitiveModifiers[modifier];
+      if (isPositionSensitive) {
+        sortedModifiers.push(...unsortedModifiers.sort(), modifier);
+        unsortedModifiers = [];
       } else {
-        currentSegment.push(modifier);
+        unsortedModifiers.push(modifier);
       }
-    }
-    if (currentSegment.length > 0) {
-      currentSegment.sort();
-      result.push(...currentSegment);
-    }
-    return result;
+    });
+    sortedModifiers.push(...unsortedModifiers.sort());
+    return sortedModifiers;
   };
+  return sortModifiers;
 };
 const createConfigUtils = (config) => ({
   cache: createLruCache(config.cacheSize),
@@ -3354,10 +3447,10 @@ const mergeClassList = (classList, configUtils) => {
       }
       hasPostfixModifier = false;
     }
-    const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
+    const variantModifier = sortModifiers(modifiers).join(":");
     const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
     const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.indexOf(classId) > -1) {
+    if (classGroupsInConflict.includes(classId)) {
       continue;
     }
     classGroupsInConflict.push(classId);
@@ -3370,13 +3463,13 @@ const mergeClassList = (classList, configUtils) => {
   }
   return result;
 };
-const twJoin = (...classLists) => {
+function twJoin() {
   let index2 = 0;
   let argument;
   let resolvedValue;
   let string = "";
-  while (index2 < classLists.length) {
-    if (argument = classLists[index2++]) {
+  while (index2 < arguments.length) {
+    if (argument = arguments[index2++]) {
       if (resolvedValue = toValue(argument)) {
         string && (string += " ");
         string += resolvedValue;
@@ -3384,7 +3477,7 @@ const twJoin = (...classLists) => {
     }
   }
   return string;
-};
+}
 const toValue = (mix) => {
   if (typeof mix === "string") {
     return mix;
@@ -3401,20 +3494,20 @@ const toValue = (mix) => {
   }
   return string;
 };
-const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
+function createTailwindMerge(createConfigFirst, ...createConfigRest) {
   let configUtils;
   let cacheGet;
   let cacheSet;
-  let functionToCall;
-  const initTailwindMerge = (classList) => {
+  let functionToCall = initTailwindMerge;
+  function initTailwindMerge(classList) {
     const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
     configUtils = createConfigUtils(config);
     cacheGet = configUtils.cache.get;
     cacheSet = configUtils.cache.set;
     functionToCall = tailwindMerge;
     return tailwindMerge(classList);
-  };
-  const tailwindMerge = (classList) => {
+  }
+  function tailwindMerge(classList) {
     const cachedResult = cacheGet(classList);
     if (cachedResult) {
       return cachedResult;
@@ -3422,13 +3515,13 @@ const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
     const result = mergeClassList(classList, configUtils);
     cacheSet(classList, result);
     return result;
+  }
+  return function callTailwindMerge() {
+    return functionToCall(twJoin.apply(null, arguments));
   };
-  functionToCall = initTailwindMerge;
-  return (...args) => functionToCall(twJoin(...args));
-};
-const fallbackThemeArr = [];
+}
 const fromTheme = (key) => {
-  const themeGetter = (theme2) => theme2[key] || fallbackThemeArr;
+  const themeGetter = (theme2) => theme2[key] || [];
   themeGetter.isThemeGetter = true;
   return themeGetter;
 };
@@ -6050,7 +6143,7 @@ const DialogContent = React$1.forwardRef(({ className, children, ...props }, ref
         /* @__PURE__ */ jsxs(
           Close,
           {
-            className: "cteditor-absolute cteditor-right-4 cteditor-top-4 cteditor-rounded-full cteditor-bg-secondary cteditor-p-1 cteditor-opacity-70 cteditor-transition-opacity focus:cteditor-outline-none cteditor-disabled:pointer-events-none data-[state=open]:cteditor-bg-accent data-[state=open]:cteditor-text-muted-foreground hover:cteditor-opacity-100\n",
+            className: "cteditor-absolute cteditor-right-4 cteditor-top-4 cteditor-rounded-full cteditor-bg-secondary cteditor-p-1 cteditor-opacity-70 cteditor-transition-opacity focus:cteditor-outline-none cteditor-disabled:pointer-events-none data-[state=open]:cteditor-bg-accent data-[state=open]:cteditor-text-muted-foreground hover:cteditor-opacity-100\r\n",
             children: [
               /* @__PURE__ */ jsx(X$1, { className: "cteditor-h-4 cteditor-w-4" }),
               /* @__PURE__ */ jsx("span", { className: "!cteditor-sr-only", children: "Close" })
@@ -6111,6 +6204,37 @@ const DialogDescription = React$1.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 DialogDescription.displayName = Description.displayName;
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i2 = 0; i2 < cleanups.length; i2++) {
+          const cleanup = cleanups[i2];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i2], null);
+          }
+        }
+      };
+    }
+  };
+}
 var REACT_LAZY_TYPE = Symbol.for("react.lazy");
 var use = React$1[" use ".trim().toString()];
 function isPromiseLike(value) {
@@ -6311,38 +6435,6 @@ const Input$1 = React$1.forwardRef(
   }
 );
 Input$1.displayName = "Input";
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
-  const Node2 = React$1.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var NAME$4 = "Label";
 var Label$3 = React$1.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
@@ -7990,16 +8082,16 @@ function CopyButton({ editor, getCodeDOMNode }) {
 }
 const index$4 = "";
 const PRETTIER_PARSER_MODULES = {
-  css: [() => import("./postcss-f084f74d.js")],
-  html: [() => import("./html-5586dbf6.js")],
+  css: [() => import("./postcss-c2592f3f.js")],
+  html: [() => import("./html-f95ee5dc.js")],
   js: [
-    () => import("./babel-d3085146.js"),
-    () => import("./estree-164983f6.js")
+    () => import("./babel-d155920e.js"),
+    () => import("./estree-b1fff53b.js")
   ],
-  markdown: [() => import("./markdown-d513479b.js")],
+  markdown: [() => import("./markdown-1d9e6c3f.js")],
   typescript: [
-    () => import("./typescript-b1005db4.js"),
-    () => import("./estree-164983f6.js")
+    () => import("./typescript-48c10f50.js"),
+    () => import("./estree-b1fff53b.js")
   ]
 };
 async function loadPrettierParserByLang(lang) {
@@ -8010,7 +8102,7 @@ async function loadPrettierParserByLang(lang) {
   return modules;
 }
 async function loadPrettierFormat() {
-  const { format } = await import("./standalone-5a8c6b7e.js");
+  const { format } = await import("./standalone-bcc7f37a.js");
   return format;
 }
 const PRETTIER_OPTIONS_BY_LANG = {
@@ -8468,69 +8560,6 @@ function $createCommentedTextNode(text, commentId, commentText, commentAuthor, c
 function $isCommentedTextNode(node) {
   return node instanceof CommentedTextNode;
 }
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React$1.createContext(defaultContext);
-    BaseContext.displayName = rootComponentName + "Context";
-    const index2 = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider2 = (props) => {
-      var _a;
-      const { scope, children, ...context } = props;
-      const Context2 = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
-      const value = React$1.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context2.Provider, { value, children });
-    };
-    Provider2.displayName = rootComponentName + "Provider";
-    function useContext2(consumerName, scope) {
-      var _a;
-      const Context2 = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
-      const context = React$1.useContext(Context2);
-      if (context)
-        return context;
-      if (defaultContext !== void 0)
-        return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider2, useContext2];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React$1.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React$1.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1)
-    return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return { ...nextScopes2, ...currentScope };
-      }, {});
-      return React$1.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -8944,7 +8973,7 @@ const SheetDescription = React$1.forwardRef(({ className, ...props }, ref) => /*
 SheetDescription.displayName = Description.displayName;
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope$1(PROVIDER_NAME2);
+  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME2,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -9014,7 +9043,7 @@ var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var GROUP_NAME$3 = "RovingFocusGroup";
 var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(GROUP_NAME$3);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$1(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
   GROUP_NAME$3,
   [createCollectionScope$2]
 );
@@ -9081,7 +9110,7 @@ var RovingFocusGroupImpl = React$1.forwardRef((props, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive$1.div,
+        Primitive.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -9146,7 +9175,7 @@ var RovingFocusGroupItem = React$1.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$1.span,
+          Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -9231,7 +9260,7 @@ function wrapArray$2(array, startIndex) {
 var Root$2 = RovingFocusGroup;
 var Item$1 = RovingFocusGroupItem;
 var TABS_NAME = "Tabs";
-var [createTabsContext, createTabsScope] = createContextScope$1(TABS_NAME, [
+var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope$1 = createRovingFocusGroupScope();
@@ -9266,7 +9295,7 @@ var Tabs$1 = React$1.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$1.div,
+          Primitive.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -9294,7 +9323,7 @@ var TabsList$1 = React$1.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive$1.div,
+          Primitive.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -9324,7 +9353,7 @@ var TabsTrigger$1 = React$1.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$1.button,
+          Primitive.button,
           {
             type: "button",
             role: "tab",
@@ -9374,7 +9403,7 @@ var TabsContent$1 = React$1.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive$1.div,
+      Primitive.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -11754,7 +11783,7 @@ var NAME$2 = "Arrow";
 var Arrow$1 = React$1.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$1.svg,
+    Primitive.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -11803,7 +11832,7 @@ function useSize(element) {
   return size2;
 }
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope$1(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
@@ -11826,7 +11855,7 @@ var PopperAnchor = React$1.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$1.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -11955,7 +11984,7 @@ var PopperContent = React$1.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$1.div,
+              Primitive.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -12091,7 +12120,7 @@ var NAME$1 = "VisuallyHidden";
 var VisuallyHidden = React$1.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$1.span,
+      Primitive.span,
       {
         ...props,
         ref: forwardedRef,
@@ -12102,7 +12131,7 @@ var VisuallyHidden = React$1.forwardRef(
 );
 VisuallyHidden.displayName = NAME$1;
 var Root = VisuallyHidden;
-var [createTooltipContext, createTooltipScope] = createContextScope$1("Tooltip", [
+var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
   createPopperScope
 ]);
 var usePopperScope$3 = createPopperScope();
@@ -12263,7 +12292,7 @@ var TooltipTrigger$1 = React$1.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -12615,7 +12644,7 @@ const CommentToggle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-h-11 cteditor-items-center cteditor-justify-center cteditor-ml-2\n",
+      className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-h-11 cteditor-items-center cteditor-justify-center cteditor-ml-2\r\n",
       children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           Button,
@@ -12798,44 +12827,23 @@ const HtmlViewDisplay = () => {
         return "Sync to Editor";
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "htmlView", style: { marginTop: "16px" }, children: [
+  return /* @__PURE__ */ jsx("div", { className: "htmlView cteditor-text-background cteditor-absolute cteditor-top-0 cteditor-pt-16 cteditor-left-0 cteditor-w-full cteditor-flex cteditor-flex-col cteditor-h-full cteditor-p-2 ", children: /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-h-full  cteditor-p-2 cteditor-bg-background cteditor-border cteditor-border-background/10 cteditor-rounded-md", children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
-        style: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          marginBottom: "8px",
-          padding: "8px 12px",
-          background: isUserTyping ? "hsl(var(--accent))" : "hsl(var(--muted))",
-          borderRadius: "6px",
-          fontSize: "12px",
-          color: isUserTyping ? "hsl(var(--accent-foreground))" : "hsl(var(--muted-foreground))"
-        },
+        className: "cteditor-flex cteditor-justify-between cteditor-rounded-lg  cteditor-pb-2 cteditor-text-sm cteditor-text-foreground cteditor-items-center",
         children: [
-          /* @__PURE__ */ jsx("span", { children: "HTML View" }),
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+          /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs", children: "HTML View" }),
+          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
             isUserTyping && /* @__PURE__ */ jsxs(
               "span",
               {
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "4px",
-                  fontWeight: "500"
-                },
+                className: "cteditor-flex cteditor-items-center cteditor-gap-4 cteditor-font-medium cteditor-text-xs",
                 children: [
                   /* @__PURE__ */ jsx(
                     "div",
                     {
-                      style: {
-                        width: "6px",
-                        height: "6px",
-                        borderRadius: "50%",
-                        background: "currentColor",
-                        animation: "pulse 1.5s ease-in-out infinite"
-                      }
+                      className: "cteditor-size-1.5 cteditor-rounded-full cteditor-bg-current cteditor-animate-[pulse_1.5s_ease-in-out_infinite]"
                     }
                   ),
                   "Editing..."
@@ -12907,27 +12915,11 @@ const HtmlViewDisplay = () => {
         onBlur: handleTextareaBlur,
         onClick: handleTextareaClick,
         onKeyDown: handleTextareaKeyDown,
-        style: {
-          background: "hsl(var(--background))",
-          color: "hsl(var(--foreground))",
-          width: "100%",
-          height: "400px",
-          fontFamily: "monospace",
-          fontSize: "13px",
-          padding: "12px",
-          border: `1px solid ${isUserTyping ? "hsl(var(--accent))" : "hsl(var(--border))"}`,
-          borderRadius: "8px",
-          resize: "vertical",
-          lineHeight: "1.4",
-          outline: "none",
-          transition: "border-color 0.2s ease",
-          whiteSpace: "pre-wrap",
-          wordWrap: "break-word"
-        },
+        className: " cteditor-w-full cteditor-flex-1\r\n  cteditor-font-mono cteditor-text-[13px] \r\n  cteditor-p-3 \r\n  cteditor-border cteditor-rounded-lg \r\n  cteditor-resize-y cteditor-leading-[1.4] \r\n  cteditor-outline-none cteditor-transition-colors cteditor-duration-200 \r\n  cteditor-whitespace-pre-wrap cteditor-break-words\r\n",
         placeholder: "HTML content will appear here... Edit and click 'Sync to Editor' to apply changes."
       }
     )
-  ] });
+  ] }) });
 };
 const PDF_CONFIG = {
   A4_WIDTH: "210mm",
@@ -12948,10 +12940,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-8fcf4f01.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-64f254e4.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-5c5747c7.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-c0e42624.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -14158,7 +14150,115 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const ImageView = React__default.lazy(() => import("./index-48519641.js"));
+const FileComponent = React$1.lazy(() => import("./index-46b9ecb6.js"));
+function convertFileElement(domNode) {
+  if (domNode instanceof HTMLDivElement) {
+    const dataUrl = domNode.getAttribute("data-lexical-file-src");
+    const fileName = domNode.getAttribute("data-lexical-file-name");
+    if (dataUrl && fileName) {
+      const node = $createFileNode({ src: dataUrl, fileName });
+      return { node };
+    }
+  }
+  return null;
+}
+class FileNode extends DecoratorNode {
+  constructor(src, fileName, fileSize, key) {
+    super(key);
+    __publicField(this, "__src");
+    __publicField(this, "__fileName");
+    __publicField(this, "__fileSize");
+    this.__src = src;
+    this.__fileName = fileName;
+    this.__fileSize = fileSize;
+  }
+  static getType() {
+    return "file";
+  }
+  static clone(node) {
+    return new FileNode(node.__src, node.__fileName, node.__fileSize, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const { src, fileName, fileSize } = serializedNode;
+    const node = $createFileNode({
+      src,
+      fileName,
+      fileSize
+    });
+    return node;
+  }
+  exportDOM() {
+    const element = document.createElement("div");
+    element.setAttribute("data-lexical-file-src", this.__src);
+    element.setAttribute("data-lexical-file-name", this.__fileName);
+    if (this.__fileSize) {
+      element.setAttribute("data-lexical-file-size", this.__fileSize.toString());
+    }
+    return { element };
+  }
+  static importDOM() {
+    return {
+      div: (node) => ({
+        conversion: convertFileElement,
+        priority: 0
+      })
+    };
+  }
+  exportJSON() {
+    return {
+      src: this.__src,
+      fileName: this.__fileName,
+      fileSize: this.__fileSize,
+      type: "file",
+      version: 1
+    };
+  }
+  // View
+  createDOM(config) {
+    const span = document.createElement("span");
+    const theme2 = config.theme;
+    const className = theme2.file;
+    if (className !== void 0) {
+      span.className = className;
+    }
+    return span;
+  }
+  updateDOM() {
+    return false;
+  }
+  getSrc() {
+    return this.__src;
+  }
+  getFileName() {
+    return this.__fileName;
+  }
+  getFileSize() {
+    return this.__fileSize;
+  }
+  decorate() {
+    try {
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "Loading file..." }), children: /* @__PURE__ */ jsx(
+        FileComponent,
+        {
+          src: this.__src,
+          fileName: this.__fileName,
+          fileSize: this.__fileSize,
+          nodeKey: this.getKey()
+        }
+      ) });
+    } catch (error) {
+      console.error("Error decorating FileNode:", error, { src: this.__src, fileName: this.__fileName });
+      return /* @__PURE__ */ jsx("div", { children: "Error loading file" });
+    }
+  }
+}
+function $createFileNode({ src, fileName, fileSize, key }) {
+  return new FileNode(src, fileName, fileSize, key);
+}
+function $isFileNode(node) {
+  return node instanceof FileNode;
+}
+const ImageView = React__default.lazy(() => import("./index-2e8a7483.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -15824,6 +15924,7 @@ const EDITOR_NODES = [
   TableRowNode,
   ImageNode,
   EmbedNode,
+  FileNode,
   MentionNode,
   NotePanelNode,
   CommentNode,
@@ -16613,6 +16714,7 @@ function AIChatPlugin({
   const [editor] = useLexicalComposerContext();
   return useAIChatToolbar(editor, apiKey);
 }
+const OPEN_TABLE_MODAL_COMMAND = createCommand();
 const getContrastColor = (hexColor) => {
   const hex = hexColor.replace("#", "");
   const r2 = parseInt(hex.substr(0, 2), 16);
@@ -16630,6 +16732,16 @@ function TableOptionPlugin() {
   const [headerColor, setHeaderColor] = useState$1("#4A90E2");
   const [editor] = useLexicalComposerContext();
   const headerCellsMapRef = useRef(/* @__PURE__ */ new Map());
+  useEffect$1(() => {
+    return editor.registerCommand(
+      OPEN_TABLE_MODAL_COMMAND,
+      () => {
+        setIsOpen(true);
+        return true;
+      },
+      COMMAND_PRIORITY_EDITOR
+    );
+  }, [editor]);
   useEffect$1(() => {
     const headerCellsMap = headerCellsMapRef.current;
     const reapplyHeaderStyles = () => {
@@ -16842,7 +16954,7 @@ function TableOptionPlugin() {
                         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        "
+                    className: "\r\n          cteditor-peer\r\n          cteditor-appearance-none\r\n          cteditor-w-5 cteditor-h-5\r\n          cteditor-border cteditor-border-gray-400 cteditor-rounded\r\n          cteditor-transition-all cteditor-duration-200\r\n          checked:cteditor-bg-blue-600 checked:cteditor-border-blue-600\r\n          hover:cteditor-border-blue-500 [&>span]:checked:cteditor-opacity-100\r\n         \r\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, {}) })
@@ -17377,7 +17489,7 @@ var SUB_CLOSE_KEYS = {
 };
 var MENU_NAME = "Menu";
 var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope$1(MENU_NAME, [
+var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [
   createCollectionScope$1,
   createPopperScope,
   createRovingFocusGroupScope
@@ -17704,7 +17816,7 @@ var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$1.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$2;
@@ -17712,7 +17824,7 @@ var LABEL_NAME$2 = "MenuLabel";
 var MenuLabel = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$1.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$2;
@@ -17792,7 +17904,7 @@ var MenuItemImpl = React$1.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item$1, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive$1.div,
+          Primitive.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -17903,7 +18015,7 @@ var MenuItemIndicator = React$1.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive$1.span,
+          Primitive.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -17920,7 +18032,7 @@ var MenuSeparator = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsx(
-      Primitive$1.div,
+      Primitive.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -17974,7 +18086,7 @@ var MenuSubTrigger = React$1.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState(context.open),
         ...props,
-        ref: composeRefs(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$1(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
           var _a;
           (_a = props.onClick) == null ? void 0 : _a.call(props, event);
@@ -18180,7 +18292,7 @@ var Arrow2 = MenuArrow;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$1(
+var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -18227,7 +18339,7 @@ var DropdownMenuTrigger$1 = React$1.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME$2, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive.button,
       {
         type: "button",
         id: context.triggerId,
@@ -18238,7 +18350,7 @@ var DropdownMenuTrigger$1 = React$1.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs(forwardedRef, context.triggerRef),
+        ref: composeRefs$1(forwardedRef, context.triggerRef),
         onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
@@ -18564,14 +18676,14 @@ const AlignMenu = () => {
           {
             variant: "ghost",
             size: "sm",
-            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\n",
+            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\r\n",
             children: [
               /* @__PURE__ */ jsx(AlignLeft, { className: "!cteditor-size-4" }),
               "Align",
               /* @__PURE__ */ jsx(
                 ChevronDown,
                 {
-                  className: "!cteditor-size-4 cteditor-opacity-50\n"
+                  className: "!cteditor-size-4 cteditor-opacity-50\r\n"
                 }
               )
             ]
@@ -18969,7 +19081,7 @@ var V = "undefined" != typeof window ? useLayoutEffect$1 : useEffect$1, $ = func
   return React__default.createElement(U, u({}, r2, { colorModel: W }));
 };
 var POPOVER_NAME = "Popover";
-var [createPopoverContext, createPopoverScope] = createContextScope$1(POPOVER_NAME, [
+var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope$1 = createPopperScope();
@@ -19033,7 +19145,7 @@ var PopoverTrigger$1 = React$1.forwardRef(
     const popperScope = usePopperScope$1(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -19226,7 +19338,7 @@ var PopoverClose = React$1.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive.button,
       {
         type: "button",
         ...closeProps,
@@ -19462,7 +19574,7 @@ const ColorPicker$2 = ({
                     "button",
                     {
                       onClick: () => setShowAdvanced(!showAdvanced),
-                      className: "cteditor-text-xs cteditor-text-primary/90 hover:cteditor-text-primary cteditor-transition-colors cteditor-flex cteditor-items-center cteditor-gap-2\n",
+                      className: "cteditor-text-xs cteditor-text-primary/90 hover:cteditor-text-primary cteditor-transition-colors cteditor-flex cteditor-items-center cteditor-gap-2\r\n",
                       children: [
                         /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs", children: showAdvanced ? "▼" : "▶" }),
                         showAdvanced ? "Hide Advanced" : "Show Advanced"
@@ -19591,7 +19703,7 @@ var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
 var [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME);
-var [createSelectContext, createSelectScope] = createContextScope$1(SELECT_NAME, [
+var [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [
   createCollectionScope,
   createPopperScope
 ]);
@@ -19728,7 +19840,7 @@ var SelectTrigger$1 = React$1.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive.button,
       {
         type: "button",
         role: "combobox",
@@ -19789,7 +19901,7 @@ var SelectValue$1 = React$1.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$1.span,
+      Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -19804,7 +19916,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$1.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+    return /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -20224,7 +20336,7 @@ var SelectItemAlignedPosition = React$1.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$1.div,
+            Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -20298,7 +20410,7 @@ var SelectViewport = React$1.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive$1.div,
+        Primitive.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -20353,7 +20465,7 @@ var SelectGroup = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$1.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME;
@@ -20362,7 +20474,7 @@ var SelectLabel$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive$1.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME;
@@ -20421,7 +20533,7 @@ var SelectItem$1 = React$1.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$1.div,
+              Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -20509,7 +20621,7 @@ var SelectItemText = React$1.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive$1.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -20520,7 +20632,7 @@ var SelectItemIndicator = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$1.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -20611,7 +20723,7 @@ var SelectScrollButtonImpl = React$1.forwardRef((props, forwardedRef) => {
     (_a = activeItem == null ? void 0 : activeItem.ref.current) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsx(
-    Primitive$1.div,
+    Primitive.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -20639,7 +20751,7 @@ var SEPARATOR_NAME = "SelectSeparator";
 var SelectSeparator$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$1.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME;
@@ -20677,7 +20789,7 @@ var SelectBubbleInput = React$1.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive$1.select,
+      Primitive.select,
       {
         ...props,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props.style },
@@ -21192,78 +21304,30 @@ const FilePlugin = () => {
   useEffect$1(() => {
     return editor.registerCommand(
       INSERT_FILE_COMMAND,
-      ({ src, linkText }) => {
-        console.log("Received INSERT_FILE_COMMAND with:", { src, linkText });
+      ({ src, linkText, fileSize }) => {
+        console.log("Received INSERT_FILE_COMMAND with:", { src, linkText, fileSize });
         try {
           editor.update(() => {
             editor.focus();
             const selection = $getSelection();
-            console.log("Current Selection after focus:", selection);
-            const isPreviewable = src.match(
-              /\.(mp4|webm|ogg|pdf|docx?|xlsx?|pptx?|zip|rar|txt|csv|json|png|jpe?g|gif|webp|svg)$/i
-            );
-            let embedSuccess = false;
-            if (isPreviewable) {
-              try {
-                console.log("Embedding file preview using EmbedNode.");
-                if ($isRangeSelection(selection)) {
-                  selection.insertNodes([$createEmbedNode(src)]);
-                } else {
-                  console.warn(
-                    "No valid range selection found. Creating a new paragraph."
-                  );
-                  const paragraphNode = $createParagraphNode();
-                  paragraphNode.append($createEmbedNode(src));
-                  const root2 = editor.getEditorState().read(() => $getRoot());
-                  root2.append(paragraphNode);
-                }
-                embedSuccess = true;
-              } catch (embedError) {
-                console.error("Failed to create EmbedNode, falling back to link:", embedError);
-                embedSuccess = false;
-              }
-            }
-            if (!embedSuccess) {
-              console.log("Inserting file as a simple link.");
-              const linkNode = $createLinkNode(src);
-              linkNode.setURL(src);
-              linkNode.append($createTextNode(linkText || src.split("/").pop() || "Download File"));
-              if ($isRangeSelection(selection)) {
-                selection.insertNodes([linkNode]);
-              } else {
-                console.warn(
-                  "No valid range selection found. Creating a new paragraph."
-                );
-                const paragraphNode = $createParagraphNode();
-                paragraphNode.append(linkNode);
-                const root2 = editor.getEditorState().read(() => $getRoot());
-                root2.append(paragraphNode);
-              }
+            const fileNode = $createFileNode({
+              src,
+              fileName: linkText || src.split("/").pop() || "Download File",
+              fileSize
+            });
+            if ($isRangeSelection(selection)) {
+              selection.insertNodes([fileNode]);
+            } else {
+              const paragraphNode = $createParagraphNode();
+              paragraphNode.append(fileNode);
+              const root2 = editor.getEditorState().read(() => $getRoot());
+              root2.append(paragraphNode);
             }
           });
           return true;
         } catch (error) {
           console.error("Error in INSERT_FILE_COMMAND handler:", error);
-          try {
-            editor.update(() => {
-              const selection = $getSelection();
-              const linkNode = $createLinkNode(src);
-              linkNode.append($createTextNode(linkText || src.split("/").pop() || "Download File"));
-              if ($isRangeSelection(selection)) {
-                selection.insertNodes([linkNode]);
-              } else {
-                const paragraphNode = $createParagraphNode();
-                paragraphNode.append(linkNode);
-                const root2 = editor.getEditorState().read(() => $getRoot());
-                root2.append(paragraphNode);
-              }
-            });
-            console.log("Successfully inserted file as fallback link");
-            return true;
-          } catch (fallbackError) {
-            console.error("Complete failure to insert file:", fallbackError);
-            return false;
-          }
+          return false;
         }
       },
       0
@@ -21403,7 +21467,7 @@ const InsertFileUploadedDialogBody = ({ onClick }) => {
       if (!url)
         return;
       console.log("Dispatching command with URL:", url, "Link text:", linkText);
-      onClick({ linkText: linkText || url, src: url });
+      onClick({ linkText: linkText || fileToUpload.name, src: url });
       setFileToUpload(null);
       setLinkText("");
     } catch (uploadError) {
@@ -22663,8 +22727,8 @@ const SignatureCanvasDialog = ({
     setIsEmpty(false);
     setUploadedImage(null);
   };
-  const handleColorChange = (event) => {
-    setPenColor(event.target.value);
+  const handleColorChange = (color) => {
+    setPenColor(color);
   };
   const handleUpload = (event) => {
     var _a;
@@ -22683,17 +22747,15 @@ const SignatureCanvasDialog = ({
       /* @__PURE__ */ jsx("div", { className: "cteditor-text-lg cteditor-font-medium", children: "Draw your signature" }),
       /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-gap-3 cteditor-items-center", children: [
         /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-gap-2 cteditor-items-center", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "penColor", children: "Choose Color:" }),
-          /* @__PURE__ */ jsx("div", { className: "cteditor-size-8 cteditor-overflow-hidden cteditor-relative cteditor-rounded-md cteditor-border cteditor-border-foreground/5", children: /* @__PURE__ */ jsx(
-            "input",
+          /* @__PURE__ */ jsx("label", { children: "Choose Color:" }),
+          /* @__PURE__ */ jsx(
+            ColorPicker$2,
             {
-              type: "color",
-              id: "penColor",
-              value: penColor,
+              title: "Pen Color",
               onChange: handleColorChange,
-              className: "cteditor-scale-[5] cteditor-absolute cteditor-inset-0 cteditor-cursor-pointer"
+              icon: /* @__PURE__ */ jsx("div", { className: "cteditor-w-4 cteditor-h-4", style: { backgroundColor: penColor } })
             }
-          ) })
+          )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { htmlFor: "uploadSignature", className: "cteditor-cursor-pointer cteditor-text-foreground underline cteditor-text-sm cteditor-rounded-md cteditor-h-9 cteditor-px-4 cteditor-font-medium cteditor-shadow-sm cteditor-bg-background cteditor-border-input cteditor-border cteditor-flex cteditor-items-center hover:cteditor-bg-accent", children: "Upload Signature Image" }),
@@ -23980,7 +24042,7 @@ const Toolbar = ({
               ]
             }
           ),
-          showMoreMenu && /* @__PURE__ */ jsx("div", { className: "cteditor-flex-shrink-0", children: /* @__PURE__ */ jsxs(
+          showMoreMenu && /* @__PURE__ */ jsx("div", { className: "cteditor-flex-shrink-0 cteditor-h-7", children: /* @__PURE__ */ jsxs(
             DropdownMenu$1,
             {
               open: isMoreMenuOpen,
@@ -24445,11 +24507,16 @@ const STATIC_SUGGESTIONS = [
   "integration"
 ];
 class AIService {
+  // Only log errors once per minute
   constructor(apiEndpoint = "api/ai/process") {
     __publicField(this, "apiEndpoint");
     __publicField(this, "cache", /* @__PURE__ */ new Map());
-    __publicField(this, "requestTimeout", 1e4);
+    __publicField(this, "requestTimeout", 3e4);
+    // Increased to 30 seconds for AI processing
     __publicField(this, "pendingRequests", /* @__PURE__ */ new Map());
+    __publicField(this, "isBackendAvailable", true);
+    __publicField(this, "lastErrorTime", 0);
+    __publicField(this, "errorCooldown", 6e4);
     this.apiEndpoint = "https://api.cteditor.com/" + apiEndpoint;
   }
   async makeRequest(payload) {
@@ -24470,6 +24537,9 @@ class AIService {
     }
   }
   async executeRequest(payload, cacheKey) {
+    if (!this.isBackendAvailable) {
+      return null;
+    }
     try {
       const controller = new AbortController();
       const timeoutId = setTimeout(() => controller.abort(), this.requestTimeout);
@@ -24484,9 +24554,11 @@ class AIService {
       clearTimeout(timeoutId);
       if (!response.ok) {
         const errorText = await response.text();
-        throw new Error(`AI service error: ${response.status} - ${errorText}`);
+        this.handleError(`API error: ${response.status} - ${errorText}`);
+        return null;
       }
       const result = await response.json();
+      this.isBackendAvailable = true;
       this.cache.set(cacheKey, result.data);
       if (this.cache.size > 50) {
         const firstKey = this.cache.keys().next().value;
@@ -24496,10 +24568,30 @@ class AIService {
       }
       return result.data;
     } catch (error) {
-      console.error("❌ AIService: Request failed:", error);
+      if (error instanceof Error) {
+        if (error.name === "AbortError") {
+          this.handleError(`Request timeout (${this.requestTimeout}ms) - Backend may be slow or unavailable`);
+        } else if (error.message.includes("Failed to fetch")) {
+          this.handleError("Network error - Backend may be offline");
+          this.isBackendAvailable = false;
+        } else {
+          this.handleError(`Request failed: ${error.message}`);
+        }
+      } else {
+        this.handleError("Unknown error occurred");
+      }
       return null;
     }
   }
+  handleError(message) {
+    const now2 = Date.now();
+    if (now2 - this.lastErrorTime > this.errorCooldown) {
+      console.warn(`⚠️ AIService: ${message}`);
+      console.warn(`   Endpoint: ${this.apiEndpoint}`);
+      console.warn(`   AI features will be disabled until the backend is available`);
+      this.lastErrorTime = now2;
+    }
+  }
   async getIntelligentSuggestions(currentWord, text, maxSuggestions = 5) {
     if (!text || text.length < 2 || /^\s*$/.test(text)) {
       return null;
@@ -24513,10 +24605,16 @@ class AIService {
   }
 }
 class GrammarCheckService {
+  // 30 seconds timeout
   constructor() {
     __publicField(this, "cache", /* @__PURE__ */ new Map());
     __publicField(this, "apiEndpoint");
     __publicField(this, "pendingRequest", null);
+    __publicField(this, "isBackendAvailable", true);
+    __publicField(this, "lastErrorTime", 0);
+    __publicField(this, "errorCooldown", 6e4);
+    // Only log errors once per minute
+    __publicField(this, "requestTimeout", 3e4);
     this.apiEndpoint = "https://api.cteditor.com/api/ai/process";
   }
   async check(text) {
@@ -24540,18 +24638,25 @@ class GrammarCheckService {
   }
   async executeCheck(text) {
     var _a, _b, _c, _d, _e, _f;
+    if (!this.isBackendAvailable) {
+      return [];
+    }
     try {
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), this.requestTimeout);
       const response = await fetch(this.apiEndpoint, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ text: text.trim(), maxSuggestions: 3 }),
-        signal: AbortSignal.timeout(1e4)
+        signal: controller.signal
       });
+      clearTimeout(timeoutId);
       if (!response.ok) {
-        console.error("❌ GrammarCheck: API error:", response.status);
+        this.handleError(`API error: ${response.status}`);
         return [];
       }
       const result = await response.json();
+      this.isBackendAvailable = true;
       const foundErrors = [];
       if ((_c = (_b = (_a = result.data) == null ? void 0 : _a.corrections) == null ? void 0 : _b.spelling) == null ? void 0 : _c.errors) {
         result.data.corrections.spelling.errors.forEach((err, idx) => {
@@ -24583,10 +24688,30 @@ class GrammarCheckService {
       }
       return foundErrors;
     } catch (error) {
-      console.error("❌ GrammarCheck: Check failed:", error);
+      if (error instanceof Error) {
+        if (error.name === "AbortError") {
+          this.handleError(`Request timeout (${this.requestTimeout}ms) - Backend may be slow or unavailable`);
+        } else if (error.message.includes("Failed to fetch")) {
+          this.handleError("Network error - Backend may be offline");
+          this.isBackendAvailable = false;
+        } else {
+          this.handleError(`Check failed: ${error.message}`);
+        }
+      } else {
+        this.handleError("Unknown error occurred");
+      }
       return [];
     }
   }
+  handleError(message) {
+    const now2 = Date.now();
+    if (now2 - this.lastErrorTime > this.errorCooldown) {
+      console.warn(`⚠️ GrammarCheck: ${message}`);
+      console.warn(`   Endpoint: ${this.apiEndpoint}`);
+      console.warn(`   Grammar checking will be disabled until the backend is available`);
+      this.lastErrorTime = now2;
+    }
+  }
 }
 function CombinedAutocompleteGrammarPlugin({
   onQueryChange,
@@ -24598,7 +24723,7 @@ function CombinedAutocompleteGrammarPlugin({
   debounceDelay = 200
 }) {
   const [editor] = useLexicalComposerContext();
-  const { updateToolbarState } = useToolbarState();
+  const { updateToolbarState, toolbarState } = useToolbarState();
   const [activeTab, setActiveTab] = useState$1("autocomplete");
   const [queryString, setQueryString] = useState$1(null);
   const [suggestions, setSuggestions] = useState$1([]);
@@ -24819,6 +24944,10 @@ function CombinedAutocompleteGrammarPlugin({
     [getTraditionalSuggestions, getAISuggestions, enableAI, maxSuggestions]
   );
   const checkForAutocompleteTrigger = useCallback(() => {
+    if (!toolbarState.isAutocompleteEnabled) {
+      setQueryString(null);
+      return;
+    }
     if (justSelectedOption.current) {
       setTimeout(() => {
         justSelectedOption.current = false;
@@ -24850,7 +24979,20 @@ function CombinedAutocompleteGrammarPlugin({
         setQueryString(null);
       }
     });
-  }, [editor, minMatchLength]);
+  }, [editor, minMatchLength, toolbarState.isAutocompleteEnabled]);
+  useEffect$1(() => {
+    if (!toolbarState.isAutocompleteEnabled) {
+      setQueryString(null);
+      setSuggestions([]);
+      setSelectedIndex(0);
+    }
+  }, [toolbarState.isAutocompleteEnabled]);
+  useEffect$1(() => {
+    if (!toolbarState.isGrammarCheckEnabled) {
+      setErrors([]);
+      setUserDismissed(false);
+    }
+  }, [toolbarState.isGrammarCheckEnabled]);
   useEffect$1(() => {
     if (debounceTimer.current) {
       clearTimeout(debounceTimer.current);
@@ -25029,6 +25171,10 @@ function CombinedAutocompleteGrammarPlugin({
     };
   }, [editor, checkForAutocompleteTrigger]);
   const checkGrammar = useCallback(async () => {
+    if (!toolbarState.isGrammarCheckEnabled) {
+      setErrors([]);
+      return;
+    }
     const isSlashActive = editor.getEditorState().read(() => {
       const selection = $getSelection();
       if (!$isRangeSelection(selection))
@@ -25061,7 +25207,7 @@ function CombinedAutocompleteGrammarPlugin({
     }
     const foundErrors = await grammarService.current.check(text);
     setErrors(foundErrors);
-  }, [editor]);
+  }, [editor, toolbarState.isGrammarCheckEnabled]);
   useEffect$1(() => {
     const unregister = editor.registerUpdateListener(() => {
       clearTimeout(checkTimeout.current);
@@ -25129,27 +25275,40 @@ function CombinedAutocompleteGrammarPlugin({
     (suggestion, original, errorType) => {
       editor.update(() => {
         const root2 = $getRoot();
-        const currentText = root2.getTextContent();
-        const isSpellingError = errorType === "spelling";
-        let newText = currentText;
-        if (isSpellingError) {
-          const escapedOriginal = original.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          const regex = new RegExp(`\\b${escapedOriginal}\\b`, "gi");
-          newText = currentText.replace(regex, suggestion);
-        } else {
-          const escapedOriginal = original.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          const regex = new RegExp(escapedOriginal, "gi");
-          if (currentText.toLowerCase().includes(original.toLowerCase())) {
-            newText = currentText.replace(regex, suggestion);
-          } else {
-            newText = suggestion;
+        let targetNode = null;
+        let targetIndex = -1;
+        const findNode = (node) => {
+          if (node.getType && node.getType() === "text") {
+            const text = node.getTextContent();
+            const lowerText = text.toLowerCase();
+            const lowerOriginal = original.toLowerCase();
+            const index2 = lowerText.indexOf(lowerOriginal);
+            if (index2 !== -1) {
+              targetNode = node;
+              targetIndex = index2;
+              return true;
+            }
+          }
+          const children = node.getChildren ? node.getChildren() : [];
+          for (const child of children) {
+            if (findNode(child)) {
+              return true;
+            }
           }
+          return false;
+        };
+        findNode(root2);
+        if (targetNode && targetIndex !== -1) {
+          const text = targetNode.getTextContent();
+          const before = text.substring(0, targetIndex);
+          const after = text.substring(targetIndex + original.length);
+          const newText = before + suggestion + after;
+          const cursorPosition = before.length + suggestion.length;
+          targetNode.setTextContent(newText);
+          targetNode.select(cursorPosition, cursorPosition);
+        } else {
+          console.warn("Could not find text to replace:", original);
         }
-        root2.clear();
-        const paragraph = $createParagraphNode();
-        const textNode = $createTextNode(newText);
-        paragraph.append(textNode);
-        root2.append(paragraph);
       });
       setTimeout(() => {
         lastCheckedText.current = "";
@@ -25335,7 +25494,10 @@ function CombinedAutocompleteGrammarPlugin({
                   onClick: () => {
                     setQueryString(null);
                     setSuggestions([]);
+                    setUserDismissed(true);
+                    setErrors([]);
                     updateToolbarState("isAutocompleteEnabled", false);
+                    updateToolbarState("isGrammarCheckEnabled", false);
                   },
                   children: [
                     /* @__PURE__ */ jsx(Ban, { className: "!cteditor-size-3" }),
@@ -25382,8 +25544,11 @@ function CombinedAutocompleteGrammarPlugin({
                   size: "sm",
                   className: "cteditor-w-full cteditor-justify-start cteditor-gap-2 cteditor-text-muted-foreground hover:cteditor-text-foreground",
                   onClick: () => {
+                    setQueryString(null);
+                    setSuggestions([]);
                     setUserDismissed(true);
                     setErrors([]);
+                    updateToolbarState("isAutocompleteEnabled", false);
                     updateToolbarState("isGrammarCheckEnabled", false);
                   },
                   children: [
@@ -25621,8 +25786,8 @@ const fileToDataURL = (file) => {
 function DragDropPaste() {
   const [editor] = useLexicalComposerContext();
   const [isDragging, setIsDragging] = useState$1(false);
-  const apiKey = void 0;
-  const { uploadFileToS3 } = useS3Uploader(apiKey);
+  const { apiKey } = useEditor();
+  const { uploadFileToS3 } = useS3Uploader(apiKey || void 0);
   useEffect$1(() => {
     const handleDragEnter = (e) => {
       var _a, _b;
@@ -25732,9 +25897,10 @@ function DragDropPaste() {
           for (const { file, result } of filesResult) {
             let fileUrl;
             try {
-              if (apiKey)
-                ;
-              else {
+              if (apiKey) {
+                fileUrl = await uploadFileToS3(file);
+                console.log("File uploaded to S3:", fileUrl);
+              } else {
                 fileUrl = await fileToDataURL(file);
                 console.log("Using local data URL (no S3 upload)");
               }
@@ -25750,7 +25916,8 @@ function DragDropPaste() {
             } else if (isMimeType(file, ACCEPTABLE_APPLICATION_TYPES)) {
               editor.dispatchCommand(INSERT_FILE_COMMAND, {
                 linkText: file.name || "Download File",
-                src: fileUrl
+                src: fileUrl,
+                fileSize: file.size
               });
             }
           }
@@ -26782,8 +26949,29 @@ function setFloatingElemPosition(targetRect, floatingElem, anchorElem, isLink =
       left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
     }
   }
+  if (left < editorScrollerRect.left) {
+    left = editorScrollerRect.left + horizontalOffset;
+  }
+  const viewportWidth = window.innerWidth;
+  if (floatingElemRect.width > viewportWidth - 20) {
+    left = editorScrollerRect.left + 10;
+  } else {
+    const maxLeft = viewportWidth - floatingElemRect.width - 10;
+    const minLeft = 10;
+    left = Math.max(minLeft, Math.min(left, maxLeft));
+  }
   top -= anchorElementRect.top;
   left -= anchorElementRect.left;
+  const absoluteLeft = left + anchorElementRect.left;
+  if (absoluteLeft < 10) {
+    left = 10 - anchorElementRect.left;
+  } else if (absoluteLeft + floatingElemRect.width > viewportWidth - 10) {
+    if (floatingElemRect.width > viewportWidth - 20) {
+      left = 10 - anchorElementRect.left;
+    } else {
+      left = viewportWidth - floatingElemRect.width - 10 - anchorElementRect.left;
+    }
+  }
   floatingElem.style.opacity = "1";
   floatingElem.style.transform = `translate(${left}px, ${top}px)`;
 }
@@ -29040,24 +29228,57 @@ function TableCellResizer({ editor }) {
   const [activeCell, updateActiveCell] = useState$1(null);
   const [isMouseDown, updateIsMouseDown] = useState$1(false);
   const [draggingDirection, updateDraggingDirection] = useState$1(null);
+  const [currentDimension, setCurrentDimension] = useState$1(null);
+  const [hoveredDirection, setHoveredDirection] = useState$1(null);
   const resetState = useCallback(() => {
     updateActiveCell(null);
     targetRef.current = null;
     updateDraggingDirection(null);
     mouseStartPosRef.current = null;
     tableRectRef.current = null;
+    setCurrentDimension(null);
+    setHoveredDirection(null);
   }, []);
   const isMouseDownOnEvent = (event) => {
     return (event.buttons & 1) === 1;
   };
   useEffect$1(() => {
     return editor.registerNodeTransform(TableNode, (tableNode) => {
-      if (tableNode.getColWidths()) {
+      const existingWidths = tableNode.getColWidths();
+      const numColumns = tableNode.getColumnCount();
+      const tableElement = editor.getElementByKey(tableNode.getKey());
+      if (existingWidths && existingWidths.length > 0) {
+        if (tableElement) {
+          const totalWidth = existingWidths.reduce((sum, w2) => sum + w2, 0);
+          const currentWidth = tableElement.style.width;
+          if (!currentWidth || parseInt(currentWidth) !== totalWidth) {
+            tableElement.style.setProperty("width", `${totalWidth}px`, "important");
+          }
+        }
         return tableNode;
       }
-      const numColumns = tableNode.getColumnCount();
-      const columnWidth = MIN_COLUMN_WIDTH;
-      tableNode.setColWidths(Array(numColumns).fill(columnWidth));
+      if (tableElement) {
+        const firstRow = tableElement.querySelector("tr");
+        if (firstRow) {
+          const cells = Array.from(firstRow.querySelectorAll("th, td"));
+          const actualWidths = cells.map((cell) => {
+            const width = cell.offsetWidth;
+            return Math.max(width || MIN_COLUMN_WIDTH, MIN_COLUMN_WIDTH);
+          });
+          if (actualWidths.length === numColumns) {
+            tableNode.setColWidths(actualWidths);
+            const totalWidth = actualWidths.reduce((sum, w2) => sum + w2, 0);
+            tableElement.style.setProperty("width", `${totalWidth}px`, "important");
+            return tableNode;
+          }
+        }
+      }
+      const fallbackWidths = Array(numColumns).fill(MIN_COLUMN_WIDTH);
+      tableNode.setColWidths(fallbackWidths);
+      if (tableElement) {
+        const totalWidth = fallbackWidths.reduce((sum, w2) => sum + w2, 0);
+        tableElement.style.setProperty("width", `${totalWidth}px`, "important");
+      }
       return tableNode;
     });
   }, [editor]);
@@ -29112,6 +29333,11 @@ function TableCellResizer({ editor }) {
     };
     const onMouseUp = (event) => {
       updateIsMouseDown(false);
+      if (draggingDirection) {
+        updateDraggingDirection(null);
+        updateMouseCurrentPos(null);
+        setCurrentDimension(null);
+      }
     };
     const removeRootListener = editor.registerRootListener(
       (rootElement, prevRootElement) => {
@@ -29126,7 +29352,7 @@ function TableCellResizer({ editor }) {
     return () => {
       removeRootListener();
     };
-  }, [activeCell, draggingDirection, editor, resetState]);
+  }, [activeCell, draggingDirection, editor, resetState, setCurrentDimension]);
   const isHeightChanging = (direction) => {
     if (direction === "bottom") {
       return true;
@@ -29165,12 +29391,34 @@ function TableCellResizer({ editor }) {
           }
           const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT);
           tableRow.setHeight(newHeight);
+          setCurrentDimension(newHeight);
         },
         { tag: "skip-scroll-into-view" }
       );
     },
     [activeCell, editor]
   );
+  const autoFitRowHeight = useCallback(() => {
+    if (!activeCell)
+      return;
+    editor.update(
+      () => {
+        const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
+        if (!$isTableCellNode(tableCellNode))
+          return;
+        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
+        const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode) + tableCellNode.getRowSpan() - 1;
+        const tableRows = tableNode.getChildren();
+        if (tableRowIndex >= tableRows.length || tableRowIndex < 0)
+          return;
+        const tableRow = tableRows[tableRowIndex];
+        if (!$isTableRowNode(tableRow))
+          return;
+        tableRow.setHeight(void 0);
+      },
+      { tag: "skip-scroll-into-view" }
+    );
+  }, [activeCell, editor]);
   const getCellNodeHeight = (cell, activeEditor) => {
     const domCellNode = activeEditor.getElementByKey(cell.getKey());
     return domCellNode == null ? void 0 : domCellNode.clientHeight;
@@ -29183,6 +29431,7 @@ function TableCellResizer({ editor }) {
         }
       }
     }
+    return void 0;
   };
   const updateColumnWidth = useCallback(
     (widthChange) => {
@@ -29201,28 +29450,117 @@ function TableCellResizer({ editor }) {
             null,
             null
           );
-          const columnIndex = getCellColumnIndex(tableCellNode, tableMap);
-          if (columnIndex === void 0) {
+          let startColumnIndex;
+          for (let row = 0; row < tableMap.length; row++) {
+            for (let column = 0; column < tableMap[row].length; column++) {
+              if (tableMap[row][column].cell === tableCellNode) {
+                startColumnIndex = column;
+                break;
+              }
+            }
+            if (startColumnIndex !== void 0)
+              break;
+          }
+          if (startColumnIndex === void 0) {
             throw new Error("TableCellResizer: Table column not found.");
           }
+          const colSpan = tableCellNode.getColSpan() || 1;
+          const columnIndex = startColumnIndex + colSpan - 1;
           const colWidths = tableNode.getColWidths();
-          if (!colWidths) {
+          if (!colWidths || columnIndex >= colWidths.length) {
             return;
           }
           const width = colWidths[columnIndex];
           if (width === void 0) {
             return;
           }
-          const newColWidths = [...colWidths];
           const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);
-          newColWidths[columnIndex] = newWidth;
+          const newColWidths = colWidths.map((w2, i2) => {
+            if (i2 === columnIndex) {
+              return newWidth;
+            }
+            return w2;
+          });
           tableNode.setColWidths(newColWidths);
+          setCurrentDimension(newWidth);
+          const totalWidth = newColWidths.reduce((sum, w2) => sum + w2, 0);
+          const tableElement = editor.getElementByKey(tableNode.getKey());
+          if (tableElement) {
+            tableElement.style.setProperty("width", `${totalWidth}px`, "important");
+          }
         },
         { tag: "skip-scroll-into-view" }
       );
+      setTimeout(() => {
+        editor.getEditorState().read(() => {
+          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
+          if (!$isTableCellNode(tableCellNode))
+            return;
+          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
+          const tableElement = editor.getElementByKey(tableNode.getKey());
+          const colWidths = tableNode.getColWidths();
+          if (tableElement && colWidths) {
+            const totalWidth = colWidths.reduce((sum, w2) => sum + w2, 0);
+            tableElement.style.width = `${totalWidth}px`;
+          }
+        });
+      }, 0);
     },
     [activeCell, editor]
   );
+  const autoFitColumnWidth = useCallback(() => {
+    if (!activeCell)
+      return;
+    editor.update(
+      () => {
+        const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
+        if (!$isTableCellNode(tableCellNode))
+          return;
+        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
+        const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);
+        const columnIndex = getCellColumnIndex(tableCellNode, tableMap);
+        if (columnIndex === void 0)
+          return;
+        const colWidths = tableNode.getColWidths();
+        if (!colWidths)
+          return;
+        let maxContentWidth = MIN_COLUMN_WIDTH;
+        for (let row = 0; row < tableMap.length; row++) {
+          const cellInfo = tableMap[row][columnIndex];
+          if (cellInfo && cellInfo.cell) {
+            const cellElement = editor.getElementByKey(cellInfo.cell.getKey());
+            if (cellElement) {
+              const contentWidth = cellElement.scrollWidth + 16;
+              maxContentWidth = Math.max(maxContentWidth, contentWidth);
+            }
+          }
+        }
+        const newColWidths = [...colWidths];
+        newColWidths[columnIndex] = Math.max(maxContentWidth, MIN_COLUMN_WIDTH);
+        tableNode.setColWidths(newColWidths);
+        const totalWidth = newColWidths.reduce((sum, w2) => sum + w2, 0);
+        const tableElement = editor.getElementByKey(tableNode.getKey());
+        if (tableElement) {
+          tableElement.style.setProperty("width", `${totalWidth}px`, "important");
+        }
+      },
+      { tag: "skip-scroll-into-view" }
+    );
+    setTimeout(() => {
+      editor.getEditorState().read(() => {
+        const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
+        if (!$isTableCellNode(tableCellNode))
+          return;
+        const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
+        const tableElement = editor.getElementByKey(tableNode.getKey());
+        const colWidths = tableNode.getColWidths();
+        if (tableElement && colWidths) {
+          const totalWidth = colWidths.reduce((sum, w2) => sum + w2, 0);
+          tableElement.style.setProperty("width", `${totalWidth}px`, "important");
+        }
+      });
+    }, 0);
+  }, [activeCell, editor]);
   const mouseUpHandler = useCallback(
     (direction) => {
       const handler = (event) => {
@@ -29244,13 +29582,16 @@ function TableCellResizer({ editor }) {
             const widthChange = (event.clientX - x2) / zoom;
             updateColumnWidth(widthChange);
           }
-          resetState();
+          updateDraggingDirection(null);
+          updateMouseCurrentPos(null);
+          mouseStartPosRef.current = null;
+          setCurrentDimension(null);
           document.removeEventListener("mouseup", handler);
         }
       };
       return handler;
     },
-    [activeCell, resetState, updateColumnWidth, updateRowHeight]
+    [activeCell, updateColumnWidth, updateRowHeight]
   );
   const toggleResize = useCallback(
     (direction) => (event) => {
@@ -29269,6 +29610,18 @@ function TableCellResizer({ editor }) {
     },
     [activeCell, mouseUpHandler]
   );
+  const handleDoubleClick = useCallback(
+    (direction) => (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (direction === "right") {
+        autoFitColumnWidth();
+      } else {
+        autoFitRowHeight();
+      }
+    },
+    [autoFitColumnWidth, autoFitRowHeight]
+  );
   const getResizers = useCallback(() => {
     if (activeCell) {
       const { height, width, top, left } = activeCell.elem.getBoundingClientRect();
@@ -29281,7 +29634,8 @@ function TableCellResizer({ editor }) {
           height: `${zoneWidth}px`,
           left: `${window.pageXOffset + left}px`,
           top: `${window.pageYOffset + top + height - zoneWidth / 2}px`,
-          width: `${width}px`
+          width: `${width}px`,
+          boxShadow: void 0
         },
         right: {
           backgroundColor: "none",
@@ -29289,7 +29643,8 @@ function TableCellResizer({ editor }) {
           height: `${height}px`,
           left: `${window.pageXOffset + left + width - zoneWidth / 2}px`,
           top: `${window.pageYOffset + top}px`,
-          width: `${zoneWidth}px`
+          width: `${zoneWidth}px`,
+          boxShadow: void 0
         }
       };
       const tableRect = tableRectRef.current;
@@ -29305,7 +29660,8 @@ function TableCellResizer({ editor }) {
           styles[draggingDirection].width = "3px";
           styles[draggingDirection].height = `${tableRect.height}px`;
         }
-        styles[draggingDirection].backgroundColor = "#adf";
+        styles[draggingDirection].backgroundColor = "#3b82f6";
+        styles[draggingDirection].boxShadow = "0 0 8px rgba(59, 130, 246, 0.6)";
       }
       return styles;
     }
@@ -29317,24 +29673,54 @@ function TableCellResizer({ editor }) {
     };
   }, [activeCell, draggingDirection, mouseCurrentPos]);
   const resizerStyles = getResizers();
-  return /* @__PURE__ */ jsx("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "TableCellResizer__resizer TableCellResizer__ui",
-        style: resizerStyles.right || void 0,
-        onMouseDown: toggleResize("right")
-      }
-    ),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { ref: resizerRef, children: [
+    activeCell != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+      !draggingDirection && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `TableCellResizer__resizer TableCellResizer__ui ${hoveredDirection === "right" ? "TableCellResizer__resizer--hovered" : ""}`,
+            style: resizerStyles.right || void 0,
+            onMouseDown: toggleResize("right"),
+            onDoubleClick: handleDoubleClick("right"),
+            onMouseEnter: () => setHoveredDirection("right"),
+            onMouseLeave: () => setHoveredDirection(null),
+            title: "Drag to resize column • Double-click to auto-fit"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `TableCellResizer__resizer TableCellResizer__ui ${hoveredDirection === "bottom" ? "TableCellResizer__resizer--hovered" : ""}`,
+            style: resizerStyles.bottom || void 0,
+            onMouseDown: toggleResize("bottom"),
+            onDoubleClick: handleDoubleClick("bottom"),
+            onMouseEnter: () => setHoveredDirection("bottom"),
+            onMouseLeave: () => setHoveredDirection(null),
+            title: "Drag to resize row • Double-click to auto-fit"
+          }
+        )
+      ] }),
+      draggingDirection && mouseCurrentPos && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "TableCellResizer__dragLine",
+          style: resizerStyles[draggingDirection] || void 0
+        }
+      )
+    ] }),
+    draggingDirection && mouseCurrentPos && currentDimension !== null && /* @__PURE__ */ jsx(
       "div",
       {
-        className: "TableCellResizer__resizer TableCellResizer__ui",
-        style: resizerStyles.bottom || void 0,
-        onMouseDown: toggleResize("bottom")
+        className: "TableCellResizer__tooltip",
+        style: {
+          left: mouseCurrentPos.x + 15,
+          top: mouseCurrentPos.y - 35
+        },
+        children: draggingDirection === "right" ? `Width: ${Math.round(currentDimension)}px` : `Height: ${Math.round(currentDimension)}px`
       }
     )
-  ] }) });
+  ] });
 }
 function TableCellResizerPlugin() {
   const [editor] = useLexicalComposerContext();
@@ -29646,42 +30032,80 @@ function TableHoverActionsPlugin({
 }
 function getOptionMeta(label) {
   const lower = label.toLowerCase();
-  if (lower.startsWith("paragraph")) {
+  if (lower.startsWith("paragraph"))
     return { icon: /* @__PURE__ */ jsx(Type, { className: "cteditor-size-4" }), description: "Start a new paragraph", shortcut: "P" };
-  }
-  if (lower.includes("heading 1")) {
+  if (lower.includes("heading 1"))
     return { icon: /* @__PURE__ */ jsx(Heading1, { className: "cteditor-size-4" }), description: "Large section title", shortcut: "H1" };
-  }
-  if (lower.includes("heading 2")) {
+  if (lower.includes("heading 2"))
     return { icon: /* @__PURE__ */ jsx(Heading2, { className: "cteditor-size-4" }), description: "Section heading", shortcut: "H2" };
-  }
-  if (lower.includes("heading 3")) {
+  if (lower.includes("heading 3"))
     return { icon: /* @__PURE__ */ jsx(Heading3, { className: "cteditor-size-4" }), description: "Subsection heading", shortcut: "H3" };
-  }
-  if (lower.includes("bullet")) {
+  if (lower.includes("heading 4"))
+    return { icon: /* @__PURE__ */ jsx(Heading4, { className: "cteditor-size-4" }), description: "Small section heading", shortcut: "H4" };
+  if (lower.includes("heading 5"))
+    return { icon: /* @__PURE__ */ jsx(Heading5, { className: "cteditor-size-4" }), description: "Minor heading", shortcut: "H5" };
+  if (lower.includes("heading 6"))
+    return { icon: /* @__PURE__ */ jsx(Heading6, { className: "cteditor-size-4" }), description: "Smallest heading", shortcut: "H6" };
+  if (lower.includes("quote"))
+    return { icon: /* @__PURE__ */ jsx(Quote, { className: "cteditor-size-4" }), description: "Insert a quote block" };
+  if (lower.includes("code block"))
+    return { icon: /* @__PURE__ */ jsx(Code, { className: "cteditor-size-4" }), description: "Insert a code block" };
+  if (lower.includes("bullet"))
     return { icon: /* @__PURE__ */ jsx(List$1, { className: "cteditor-size-4" }), description: "Create a bulleted list", shortcut: "•" };
-  }
-  if (lower.includes("numbered")) {
+  if (lower.includes("numbered"))
     return { icon: /* @__PURE__ */ jsx(ListOrdered, { className: "cteditor-size-4" }), description: "Create a numbered list", shortcut: "1." };
-  }
-  if (lower.includes("todo")) {
+  if (lower.includes("todo"))
     return { icon: /* @__PURE__ */ jsx(ListChecks, { className: "cteditor-size-4" }), description: "Create a checklist", shortcut: "[ ]" };
-  }
-  if (lower.includes("image")) {
+  if (lower.includes("image"))
     return { icon: /* @__PURE__ */ jsx(Image$2, { className: "cteditor-size-4" }), description: "Insert an image", shortcut: "Img" };
-  }
-  if (lower.includes("video")) {
+  if (lower.includes("video"))
     return { icon: /* @__PURE__ */ jsx(Video, { className: "cteditor-size-4" }), description: "Embed a video", shortcut: "Vid" };
-  }
-  if (lower.includes("align left")) {
+  if (lower.includes("table"))
+    return { icon: /* @__PURE__ */ jsx(Table, { className: "cteditor-size-4" }), description: "Insert a table" };
+  if (lower.includes("bold"))
+    return { icon: /* @__PURE__ */ jsx(Bold, { className: "cteditor-size-4" }), description: "Make text bold" };
+  if (lower.includes("italic"))
+    return { icon: /* @__PURE__ */ jsx(Italic, { className: "cteditor-size-4" }), description: "Make text italic" };
+  if (lower.includes("underline"))
+    return { icon: /* @__PURE__ */ jsx(Underline, { className: "cteditor-size-4" }), description: "Underline text" };
+  if (lower.includes("strikethrough"))
+    return { icon: /* @__PURE__ */ jsx(Strikethrough, { className: "cteditor-size-4" }), description: "Strike through text" };
+  if (lower.includes("subscript"))
+    return { icon: /* @__PURE__ */ jsx(Subscript, { className: "cteditor-size-4" }), description: "Format as subscript" };
+  if (lower.includes("superscript"))
+    return { icon: /* @__PURE__ */ jsx(Superscript, { className: "cteditor-size-4" }), description: "Format as superscript" };
+  if (lower.includes("align left"))
     return { icon: /* @__PURE__ */ jsx(AlignLeft, { className: "cteditor-size-4" }), description: "Align text left" };
-  }
-  if (lower.includes("align center")) {
+  if (lower.includes("align center"))
     return { icon: /* @__PURE__ */ jsx(AlignCenter, { className: "cteditor-size-4" }), description: "Align text center" };
-  }
-  if (lower.includes("align right")) {
+  if (lower.includes("align right"))
     return { icon: /* @__PURE__ */ jsx(AlignRight, { className: "cteditor-size-4" }), description: "Align text right" };
-  }
+  if (lower.includes("justify"))
+    return { icon: /* @__PURE__ */ jsx(AlignJustify, { className: "cteditor-size-4" }), description: "Justify text" };
+  if (lower.includes("info"))
+    return { icon: /* @__PURE__ */ jsx(Info, { className: "cteditor-size-4" }), description: "Insert info panel" };
+  if (lower.includes("warning"))
+    return { icon: /* @__PURE__ */ jsx(AlertTriangle, { className: "cteditor-size-4" }), description: "Insert warning panel" };
+  if (lower.includes("error"))
+    return { icon: /* @__PURE__ */ jsx(XCircle, { className: "cteditor-size-4" }), description: "Insert error panel" };
+  if (lower.includes("success"))
+    return { icon: /* @__PURE__ */ jsx(CheckCircle, { className: "cteditor-size-4" }), description: "Insert success panel" };
+  if (lower.includes("undo"))
+    return { icon: /* @__PURE__ */ jsx(Undo, { className: "cteditor-size-4" }), description: "Undo last action" };
+  if (lower.includes("redo"))
+    return { icon: /* @__PURE__ */ jsx(Redo, { className: "cteditor-size-4" }), description: "Redo last action" };
+  if (lower.includes("clear"))
+    return { icon: /* @__PURE__ */ jsx(Eraser, { className: "cteditor-size-4" }), description: "Clear formatting" };
+  if (lower.includes("comment"))
+    return { icon: /* @__PURE__ */ jsx(MessageSquare, { className: "cteditor-size-4" }), description: "Add a comment" };
+  if (lower.includes("ai chat"))
+    return { icon: /* @__PURE__ */ jsx(MessageCircle, { className: "cteditor-size-4" }), description: "Open AI chat" };
+  if (lower.includes("ai") || lower.includes("improve"))
+    return { icon: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-4" }), description: "AI improvements" };
+  if (lower.includes("html"))
+    return { icon: /* @__PURE__ */ jsx(FileCode2, { className: "cteditor-size-4" }), description: "Toggle HTML view" };
+  if (lower.includes("pdf") || lower.includes("export"))
+    return { icon: /* @__PURE__ */ jsx(Download, { className: "cteditor-size-4" }), description: "Export to PDF" };
   return { icon: /* @__PURE__ */ jsx(Type, { className: "cteditor-size-4" }) };
 }
 class SlashMenuOption extends MenuOption {
@@ -29700,12 +30124,16 @@ function SlashMenuItem({
   onMouseEnter,
   option
 }) {
+  if (option.label.startsWith("__label__")) {
+    const labelText = option.label.replace("__label__", "");
+    return /* @__PURE__ */ jsx("li", { className: "cteditor-px-2 !cteditor-mt-0", children: /* @__PURE__ */ jsx("span", { className: "cteditor-text-[11px] cteditor-text-muted-foreground cteditor-font-medium cteditor-tracking-wider", children: labelText }) }, option.key);
+  }
   const meta = getOptionMeta(option.label);
   return /* @__PURE__ */ jsxs(
     "li",
     {
       tabIndex: -1,
-      className: (isSelected ? "cteditor-bg-primary/10 cteditor-border-primary/40 cteditor-shadow-md " : "hover:cteditor-bg-accent/50 hover:cteditor-border-primary/30 hover:cteditor-shadow ") + "cteditor-group cteditor-flex cteditor-items-center cteditor-gap-3 cteditor-px-3 cteditor-py-2 cteditor-rounded-xl cteditor-transition-all cteditor-duration-200 cteditor-cursor-pointer cteditor-border cteditor-border-border hover:cteditor-translate-x-[1px]",
+      className: (isSelected ? "cteditor-bg-primary/10 " : "hover:cteditor-bg-accent/50  ") + "cteditor-group cteditor-flex cteditor-items-center cteditor-gap-1.5 cteditor-p-1 cteditor-rounded-sm cteditor-transition-all cteditor-duration-200 cteditor-cursor-pointer ",
       ref: option.setRefElement,
       role: "option",
       "aria-selected": isSelected,
@@ -29713,11 +30141,8 @@ function SlashMenuItem({
       onMouseEnter,
       onClick,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-lg cteditor-h-8 cteditor-w-8 cteditor-text-primary cteditor-bg-gradient-to-br cteditor-from-primary/10 cteditor-to-accent/10 group-hover:cteditor-from-primary/20 group-hover:cteditor-to-accent/20", children: meta.icon }),
-        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-0.5 cteditor-min-w-0", children: [
-          /* @__PURE__ */ jsx("span", { className: "cteditor-text-sm cteditor-font-semibold cteditor-text-foreground cteditor-truncate", children: option.label }),
-          meta.description && /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-truncate", children: meta.description })
-        ] }),
+        /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-center  cteditor-size-5 ", children: meta.icon }),
+        /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-0.5 cteditor-min-w-0", children: /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs  cteditor-text-foreground cteditor-truncate", children: option.label }) }),
         meta.shortcut && /* @__PURE__ */ jsx("span", { className: "cteditor-ml-auto cteditor-text-[10px] cteditor-text-muted-foreground cteditor-border cteditor-border-border cteditor-rounded-md cteditor-px-1.5 cteditor-py-0.5 cteditor-bg-foreground/5", children: meta.shortcut })
       ]
     },
@@ -29727,11 +30152,23 @@ function SlashMenuItem({
 function SlashCommandPlugin() {
   const [editor] = useLexicalComposerContext();
   const [queryString, setQueryString] = useState$1(null);
+  const [searchQuery, setSearchQuery] = useState$1("");
+  const searchInputRef = useRef(null);
   const menuRef = useRef(null);
   const [menuPosition, setMenuPosition] = useState$1({ left: 0 });
   const anchorRef = useRef(null);
   const [isMenuOpen, setIsMenuOpen] = useState$1(false);
   const triggerFn = useBasicTypeaheadTriggerMatch("/", { minLength: 0 });
+  useEffect$1(() => {
+    if (isMenuOpen && searchInputRef.current) {
+      setTimeout(() => {
+        var _a;
+        (_a = searchInputRef.current) == null ? void 0 : _a.focus();
+      }, 50);
+    } else if (!isMenuOpen) {
+      setSearchQuery("");
+    }
+  }, [isMenuOpen]);
   const makeBlock = useCallback((cb) => {
     editor.update(() => {
       cb();
@@ -29786,28 +30223,170 @@ function SlashCommandPlugin() {
       }
     });
   }, [editor]);
+  const insertQuote = useCallback(() => {
+    makeBlock(() => {
+      const selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        selection.insertNodes([$createQuoteNode()]);
+      }
+    });
+  }, [makeBlock]);
+  const insertCodeBlock = useCallback(() => {
+    makeBlock(() => {
+      const selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        selection.insertNodes([$createCodeNode()]);
+      }
+    });
+  }, [makeBlock]);
+  const insertTable = useCallback(() => {
+    editor.dispatchCommand(OPEN_TABLE_MODAL_COMMAND, void 0);
+  }, [editor]);
+  const formatBold = useCallback(() => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold");
+  }, [editor]);
+  const formatItalic = useCallback(() => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic");
+  }, [editor]);
+  const formatUnderline = useCallback(() => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline");
+  }, [editor]);
+  const formatStrikethrough = useCallback(() => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough");
+  }, [editor]);
+  const formatSubscript = useCallback(() => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "subscript");
+  }, [editor]);
+  const formatSuperscript = useCallback(() => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "superscript");
+  }, [editor]);
+  const alignJustify = useCallback(() => {
+    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, "justify");
+  }, [editor]);
+  const undo = useCallback(() => {
+    editor.dispatchCommand(UNDO_COMMAND, void 0);
+  }, [editor]);
+  const redo = useCallback(() => {
+    editor.dispatchCommand(REDO_COMMAND, void 0);
+  }, [editor]);
+  const { clearFormatting } = useEditorToolbar();
+  const { clearEditorContent } = useCustomCommands();
+  const handleClearFormatting = useCallback(() => {
+    clearFormatting();
+    toast.success("Formatting cleared");
+  }, [clearFormatting]);
+  const handleClearContent = useCallback(() => {
+    toast.warning("Clear editor content?", {
+      description: "This will remove all content.",
+      action: {
+        label: "OK",
+        onClick: () => {
+          clearEditorContent();
+          toast.success("Editor cleared");
+        }
+      },
+      duration: 8e3
+    });
+  }, [clearEditorContent]);
+  const addComment = useCallback(() => {
+    editor.dispatchCommand(OPEN_COMMENT_MODAL_COMMAND, void 0);
+  }, [editor]);
+  const openAIChat = useCallback(() => {
+    editor.dispatchCommand(TOGGLE_AI_CHAT_COMMAND, void 0);
+  }, [editor]);
+  const aiGenerateImage = useCallback(() => {
+    editor.dispatchCommand(AI_IMAGE_COMMAND, { type: "CREATE_IMAGE" });
+  }, [editor]);
   const baseOptions = useMemo(() => {
     return [
+      // Block types
+      new SlashMenuOption("__label__BLOCKS", () => {
+      }),
       new SlashMenuOption("Paragraph", insertParagraph),
       new SlashMenuOption("Heading 1", () => insertHeading("h1")),
       new SlashMenuOption("Heading 2", () => insertHeading("h2")),
       new SlashMenuOption("Heading 3", () => insertHeading("h3")),
+      new SlashMenuOption("Heading 4", () => insertHeading("h4")),
+      new SlashMenuOption("Heading 5", () => insertHeading("h5")),
+      new SlashMenuOption("Heading 6", () => insertHeading("h6")),
+      new SlashMenuOption("Quote", insertQuote),
+      new SlashMenuOption("Code block", insertCodeBlock),
+      // Lists
+      new SlashMenuOption("__label__LISTS", () => {
+      }),
       new SlashMenuOption("Bullet list", toggleBullet),
       new SlashMenuOption("Numbered list", toggleNumber),
       new SlashMenuOption("Todo list", toggleTodo),
+      // Media
+      new SlashMenuOption("__label__MEDIA", () => {
+      }),
       new SlashMenuOption("Image", insertImage),
       new SlashMenuOption("Video", insertVideo),
+      new SlashMenuOption("Table", insertTable),
+      // Text formatting
+      new SlashMenuOption("__label__FORMAT", () => {
+      }),
+      new SlashMenuOption("Bold", formatBold),
+      new SlashMenuOption("Italic", formatItalic),
+      new SlashMenuOption("Underline", formatUnderline),
+      new SlashMenuOption("Strikethrough", formatStrikethrough),
+      new SlashMenuOption("Subscript", formatSubscript),
+      new SlashMenuOption("Superscript", formatSuperscript),
+      // Alignment
+      new SlashMenuOption("__label__ALIGN", () => {
+      }),
       new SlashMenuOption("Align left", () => align("left")),
       new SlashMenuOption("Align center", () => align("center")),
-      new SlashMenuOption("Align right", () => align("right"))
+      new SlashMenuOption("Align right", () => align("right")),
+      new SlashMenuOption("Justify", alignJustify),
+      // Actions
+      new SlashMenuOption("__label__ACTIONS", () => {
+      }),
+      new SlashMenuOption("Undo", undo),
+      new SlashMenuOption("Redo", redo),
+      new SlashMenuOption("Clear formatting", handleClearFormatting),
+      new SlashMenuOption("Clear content", handleClearContent),
+      new SlashMenuOption("Add comment", addComment),
+      // AI features
+      new SlashMenuOption("__label__AI", () => {
+      }),
+      new SlashMenuOption("AI Chat", openAIChat),
+      new SlashMenuOption("AI Generate image", aiGenerateImage)
     ];
-  }, [insertParagraph, insertHeading, toggleBullet, toggleNumber, toggleTodo, insertImage, insertVideo, align]);
+  }, [
+    insertParagraph,
+    insertHeading,
+    insertQuote,
+    insertCodeBlock,
+    toggleBullet,
+    toggleNumber,
+    toggleTodo,
+    insertImage,
+    insertVideo,
+    insertTable,
+    formatBold,
+    formatItalic,
+    formatUnderline,
+    formatStrikethrough,
+    formatSubscript,
+    formatSuperscript,
+    align,
+    alignJustify,
+    undo,
+    redo,
+    handleClearFormatting,
+    handleClearContent,
+    addComment,
+    openAIChat,
+    aiGenerateImage
+  ]);
   const options = useMemo(() => {
-    if (!queryString)
+    const query = searchQuery || queryString || "";
+    if (!query)
       return baseOptions;
-    const q2 = queryString.toLowerCase();
+    const q2 = query.toLowerCase();
     return baseOptions.filter((o) => o.label.toLowerCase().includes(q2));
-  }, [baseOptions, queryString]);
+  }, [baseOptions, queryString, searchQuery]);
   const onSelectOption = useCallback(
     (selectedOption, nodeToReplace, closeMenu) => {
       selectedOption.onSelect();
@@ -29885,7 +30464,7 @@ function SlashCommandPlugin() {
             "div",
             {
               ref: menuRef,
-              className: "cteditor-w-72 cteditor-max-h-60 cteditor-overflow-y-auto no-scrollbar cteditor-backdrop-blur-md cteditor-shadow-xl cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-p-1.5 cteditor-bg-background cteditor-z-50",
+              className: "cteditor-w-72 cteditor-max-h-96 cteditor-backdrop-blur-md cteditor-shadow-xl cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-bg-background cteditor-z-50 cteditor-flex cteditor-flex-col cteditor-overflow-hidden",
               style: {
                 position: "fixed",
                 top: menuPosition.top,
@@ -29893,11 +30472,40 @@ function SlashCommandPlugin() {
                 left: menuPosition.left
               },
               children: [
-                /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-px-2 cteditor-py-1 cteditor-text-[11px] cteditor-text-muted-foreground", children: [
-                  /* @__PURE__ */ jsx("span", { children: queryString ? "Search results" : "Quick actions" }),
-                  /* @__PURE__ */ jsx("span", { className: "cteditor-hidden sm:cteditor-inline", children: "Type to filter" })
+                /* @__PURE__ */ jsxs("div", { className: "cteditor-sticky cteditor-top-0 cteditor-bg-background/95 cteditor-backdrop-blur-sm cteditor-border-b cteditor-border-border cteditor-z-10", children: [
+                  /* @__PURE__ */ jsx("div", { className: "cteditor-px-3 cteditor-py-2", children: /* @__PURE__ */ jsxs("div", { className: "cteditor-relative cteditor-group", children: [
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-absolute cteditor-left-2.5 cteditor-top-1/2 -cteditor-translate-y-1/2 cteditor-text-muted-foreground cteditor-transition-colors group-focus-within:cteditor-text-primary", children: /* @__PURE__ */ jsx(Search, { className: "cteditor-size-3.5" }) }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: searchInputRef,
+                        type: "text",
+                        value: searchQuery,
+                        onChange: (e) => setSearchQuery(e.target.value),
+                        placeholder: "Search commands...",
+                        className: "cteditor-w-full cteditor-pl-8 cteditor-pr-8 cteditor-py-1.5 cteditor-text-xs cteditor-bg-accent/50 cteditor-border cteditor-border-border cteditor-rounded-md cteditor-outline-none focus:cteditor-border-primary focus:cteditor-ring-1 focus:cteditor-ring-primary/20 cteditor-transition-all cteditor-placeholder-muted-foreground/60",
+                        onKeyDown: (e) => {
+                          if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+                            e.preventDefault();
+                          }
+                        }
+                      }
+                    ),
+                    searchQuery && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: () => setSearchQuery(""),
+                        className: "cteditor-absolute cteditor-right-2 cteditor-top-1/2 -cteditor-translate-y-1/2 cteditor-text-muted-foreground hover:cteditor-text-foreground cteditor-transition-colors cteditor-p-0.5 cteditor-rounded hover:cteditor-bg-accent",
+                        children: /* @__PURE__ */ jsx(X$1, { className: "cteditor-size-3" })
+                      }
+                    )
+                  ] }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-px-3 cteditor-pb-1.5 cteditor-text-[10px] cteditor-text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx("span", { className: "cteditor-font-medium cteditor-tracking-wider", children: searchQuery || queryString ? `${options.length} RESULT${options.length !== 1 ? "S" : ""}` : "QUICK ACTIONS" }),
+                    /* @__PURE__ */ jsx("span", { className: "cteditor-hidden sm:cteditor-inline cteditor-text-[9px] cteditor-bg-accent/50 cteditor-px-1.5 cteditor-py-0.5 cteditor-rounded", children: "↑↓ Navigate" })
+                  ] })
                 ] }),
-                options.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "cteditor-space-y-1", children: options.map((option, i2) => /* @__PURE__ */ jsx(
+                options.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "cteditor-space-y-0.5 cteditor-p-2 cteditor-overflow-y-auto cteditor-flex-1", children: options.map((option, i2) => /* @__PURE__ */ jsx(
                   SlashMenuItem,
                   {
                     index: i2,
@@ -29905,6 +30513,7 @@ function SlashCommandPlugin() {
                     onClick: () => {
                       setHighlightedIndex(i2);
                       selectOptionAndCleanUp(option);
+                      setSearchQuery("");
                     },
                     onMouseEnter: () => {
                       setHighlightedIndex(i2);
@@ -29912,7 +30521,11 @@ function SlashCommandPlugin() {
                     option
                   },
                   option.key
-                )) }) : /* @__PURE__ */ jsx("div", { className: "cteditor-text-[11px] cteditor-text-muted-foreground cteditor-px-3 cteditor-py-2", children: "No results" })
+                )) }) : /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-py-8 cteditor-px-4 cteditor-text-center", children: [
+                  /* @__PURE__ */ jsx("div", { className: "cteditor-size-10 cteditor-rounded-full cteditor-bg-accent/50 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-mb-3", children: /* @__PURE__ */ jsx(Search, { className: "cteditor-size-5 cteditor-text-muted-foreground" }) }),
+                  /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-foreground cteditor-mb-1", children: "No results found" }),
+                  /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: "Try a different search term" })
+                ] })
               ]
             }
           ),
@@ -29973,7 +30586,7 @@ const WordCountPlugin = () => {
 const useStyles = () => ({
   // container: "cteditor-relative cteditor-w-full cteditor-bg-white cteditor-text-black cteditor-font-normal cteditor-text-left cteditor-border cteditor-border-red-500",
   contentEditable: cn$1(
-    "cteditor-relative cteditor-min-h-[150px] !cteditor-h-auto cteditor-resize-none cteditor-outline-0",
+    "cteditor-relative cteditor-min-h-[300px] !cteditor-h-auto cteditor-resize-none cteditor-outline-0 cteditor-content",
     // Ensure strong contrast in both themes
     "cteditor-text-black dark:cteditor-text-white ",
     // Caret and spacing
@@ -30222,24 +30835,26 @@ const ConfigurableEditor = ({
         /* @__PURE__ */ jsx(EmbedPreviewPlugin, {}),
         config.htmlViewOption && !config.toolbarOptions.enableHtmlViewToggle && /* @__PURE__ */ jsx(HtmlViewTogglePlugin, {})
       ] }),
-      floatingAnchorElem && !isSmallWidthViewport && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          TableActionMenuPlugin,
-          {
-            anchorElem: floatingAnchorElem,
-            cellMerge: true
-          }
-        ),
-        /* @__PURE__ */ jsx(TableHoverActionsPlugin, { anchorElem: floatingAnchorElem }),
-        /* @__PURE__ */ jsx(CodeActionMenuPlugin, { anchorElem: floatingAnchorElem }),
-        /* @__PURE__ */ jsx(
-          FloatingLinkEditorPlugin,
-          {
-            anchorElem: floatingAnchorElem,
-            isLinkEditMode,
-            setIsLinkEditMode
-          }
-        ),
+      floatingAnchorElem && /* @__PURE__ */ jsxs(Fragment, { children: [
+        !isSmallWidthViewport && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TableActionMenuPlugin,
+            {
+              anchorElem: floatingAnchorElem,
+              cellMerge: true
+            }
+          ),
+          /* @__PURE__ */ jsx(TableHoverActionsPlugin, { anchorElem: floatingAnchorElem }),
+          /* @__PURE__ */ jsx(CodeActionMenuPlugin, { anchorElem: floatingAnchorElem }),
+          /* @__PURE__ */ jsx(
+            FloatingLinkEditorPlugin,
+            {
+              anchorElem: floatingAnchorElem,
+              isLinkEditMode,
+              setIsLinkEditMode
+            }
+          )
+        ] }),
         config.enableFloatingMenu && /* @__PURE__ */ jsx(
           FloatingTextFormatToolbarPlugin,
           {
@@ -30265,7 +30880,7 @@ const ScopedEditorWrapper = ({
   className = "",
   darkMode = false
 }) => {
-  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", className: "cteditor-max-w-full", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full", children }) });
+  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", className: "cteditor-max-w-full", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full cteditor-relative", children }) });
 };
 const MessageContainer = styled.div`
   display: flex;
@@ -30375,18 +30990,23 @@ const ConfigurableEditorWithAuth = ({
   ) });
 };
 export {
-  $isImageNode as $,
+  $isFileNode as $,
   ConfigurableEditorWithAuth as C,
-  EditorProvider as E,
+  Download as D,
+  ExternalLink as E,
   HtmlViewProvider as H,
   LocalStoragePlugin$1 as L,
-  useEditor as a,
-  ConfigurableEditor as b,
+  Trash2 as T,
+  createLucideIcon as a,
+  $isImageNode as b,
   commonjsGlobal as c,
-  editorConfig as e,
+  EditorProvider as d,
+  useEditor as e,
+  ConfigurableEditor as f,
   getDefaultExportFromCjs as g,
+  editorConfig as h,
   initialConfig as i,
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-db43388d.js.map
+//# sourceMappingURL=index-1719c0e6.js.map