@openim/im-composer 1.0.0 → 1.0.2

package/dist/index.cjs

@@ -1,2603 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  $createEmojiNode: () => $createEmojiNode,
-  $createImageNode: () => $createImageNode,
-  $createMentionNode: () => $createMentionNode,
-  $createQuoteNode: () => $createQuoteNode,
-  $isEmojiNode: () => $isEmojiNode,
-  $isImageNode: () => $isImageNode,
-  $isMentionNode: () => $isMentionNode,
-  $isQuoteNode: () => $isQuoteNode,
-  EmojiNode: () => EmojiNode,
-  IMComposer: () => IMComposer,
-  ImageNode: () => ImageNode,
-  MentionNode: () => MentionNode,
-  QuoteNode: () => QuoteNode,
-  useAttachments: () => useAttachments,
-  useImageUpload: () => useImageUpload
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/IMComposer.tsx
-var import_react14 = require("react");
-var import_LexicalComposer = require("@lexical/react/LexicalComposer");
-var import_LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
-var import_LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
-var import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
-var import_LexicalErrorBoundary = require("@lexical/react/LexicalErrorBoundary");
-var import_LexicalMarkdownShortcutPlugin = require("@lexical/react/LexicalMarkdownShortcutPlugin");
-var import_LexicalListPlugin = require("@lexical/react/LexicalListPlugin");
-var import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
-var import_LexicalComposerContext12 = require("@lexical/react/LexicalComposerContext");
-var import_markdown3 = require("@lexical/markdown");
-var import_rich_text2 = require("@lexical/rich-text");
-var import_list2 = require("@lexical/list");
-var import_code2 = require("@lexical/code");
-var import_link4 = require("@lexical/link");
-var import_lexical18 = require("lexical");
-
-// src/nodes/MentionNode.tsx
-var import_lexical = require("lexical");
-var MentionNode = class _MentionNode extends import_lexical.DecoratorNode {
-  static getType() {
-    return "mention";
-  }
-  static clone(node) {
-    return new _MentionNode(node.__userId, node.__display, node.__key);
-  }
-  constructor(userId, display, key) {
-    super(key);
-    this.__userId = userId;
-    this.__display = display;
-  }
-  createDOM(config) {
-    const span = document.createElement("span");
-    span.className = "im-composer-mention";
-    span.setAttribute("data-user-id", this.__userId);
-    span.setAttribute("data-lexical-mention", "true");
-    span.textContent = `@${this.__display}`;
-    return span;
-  }
-  updateDOM() {
-    return false;
-  }
-  exportDOM() {
-    const span = document.createElement("span");
-    span.className = "im-composer-mention";
-    span.setAttribute("data-user-id", this.__userId);
-    span.textContent = `@${this.__display}`;
-    return { element: span };
-  }
-  static importDOM() {
-    return null;
-  }
-  static importJSON(serializedNode) {
-    return new _MentionNode(serializedNode.userId, serializedNode.display);
-  }
-  exportJSON() {
-    return {
-      type: "mention",
-      version: 1,
-      userId: this.__userId,
-      display: this.__display
-    };
-  }
-  getUserId() {
-    return this.__userId;
-  }
-  getDisplay() {
-    return this.__display;
-  }
-  getTextContent() {
-    return `@${this.__userId} `;
-  }
-  isIsolated() {
-    return true;
-  }
-  isInline() {
-    return true;
-  }
-  canInsertTextBefore() {
-    return false;
-  }
-  canInsertTextAfter() {
-    return false;
-  }
-  decorate() {
-    return null;
-  }
-};
-function $createMentionNode(userId, display) {
-  return new MentionNode(userId, display);
-}
-function $isMentionNode(node) {
-  return node instanceof MentionNode;
-}
-
-// src/nodes/ImageNode.tsx
-var import_lexical2 = require("lexical");
-var import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-var import_useLexicalNodeSelection = require("@lexical/react/useLexicalNodeSelection");
-var import_utils = require("@lexical/utils");
-var import_lexical3 = require("lexical");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ImageComponent({
-  src,
-  alt,
-  width,
-  height,
-  nodeKey
-}) {
-  const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
-  const imageRef = (0, import_react.useRef)(null);
-  const [isSelected, setSelected, clearSelection] = (0, import_useLexicalNodeSelection.useLexicalNodeSelection)(nodeKey);
-  const onDelete = (0, import_react.useCallback)(
-    (event) => {
-      if (isSelected && (0, import_lexical3.$isNodeSelection)((0, import_lexical3.$getSelection)())) {
-        event.preventDefault();
-        editor.update(() => {
-          const node = (0, import_lexical2.$getNodeByKey)(nodeKey);
-          if (node) {
-            node.remove();
-          }
-        });
-        return true;
-      }
-      return false;
-    },
-    [editor, isSelected, nodeKey]
-  );
-  (0, import_react.useEffect)(() => {
-    return (0, import_utils.mergeRegister)(
-      editor.registerCommand(
-        import_lexical3.CLICK_COMMAND,
-        (event) => {
-          if (imageRef.current && imageRef.current.contains(event.target)) {
-            if (!event.shiftKey) {
-              clearSelection();
-            }
-            setSelected(true);
-            return true;
-          }
-          return false;
-        },
-        import_lexical3.COMMAND_PRIORITY_LOW
-      ),
-      editor.registerCommand(
-        import_lexical3.KEY_DELETE_COMMAND,
-        onDelete,
-        import_lexical3.COMMAND_PRIORITY_LOW
-      ),
-      editor.registerCommand(
-        import_lexical3.KEY_BACKSPACE_COMMAND,
-        onDelete,
-        import_lexical3.COMMAND_PRIORITY_LOW
-      )
-    );
-  }, [editor, clearSelection, setSelected, onDelete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `im-composer-image-wrapper ${isSelected ? "selected" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "img",
-    {
-      ref: imageRef,
-      src,
-      alt: alt || "",
-      width,
-      height,
-      className: "im-composer-image",
-      draggable: false
-    }
-  ) });
-}
-var ImageNode = class _ImageNode extends import_lexical2.DecoratorNode {
-  static getType() {
-    return "image";
-  }
-  static clone(node) {
-    return new _ImageNode(node.__src, node.__alt, node.__width, node.__height, node.__key);
-  }
-  constructor(src, alt, width, height, key) {
-    super(key);
-    this.__src = src;
-    this.__alt = alt;
-    this.__width = width;
-    this.__height = height;
-  }
-  createDOM(config) {
-    const div = document.createElement("div");
-    div.className = "im-composer-image-container";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  exportDOM(editor) {
-    const img = document.createElement("img");
-    img.src = this.__src;
-    img.alt = this.__alt || "";
-    if (this.__width) img.width = this.__width;
-    if (this.__height) img.height = this.__height;
-    return { element: img };
-  }
-  static importDOM() {
-    return {
-      img: () => ({
-        conversion: (element) => {
-          const img = element;
-          const src = img.src;
-          const alt = img.alt || "";
-          return { node: new _ImageNode(src, alt, img.width, img.height) };
-        },
-        priority: 0
-      })
-    };
-  }
-  static importJSON(serializedNode) {
-    return new _ImageNode(
-      serializedNode.src,
-      serializedNode.alt,
-      serializedNode.width,
-      serializedNode.height
-    );
-  }
-  exportJSON() {
-    return {
-      type: "image",
-      version: 1,
-      src: this.__src,
-      alt: this.__alt,
-      width: this.__width,
-      height: this.__height
-    };
-  }
-  getSrc() {
-    return this.__src;
-  }
-  getAlt() {
-    return this.__alt;
-  }
-  getTextContent() {
-    return "";
-  }
-  isInline() {
-    return false;
-  }
-  decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ImageComponent,
-      {
-        src: this.__src,
-        alt: this.__alt,
-        width: this.__width,
-        height: this.__height,
-        nodeKey: this.__key
-      }
-    );
-  }
-};
-function $createImageNode(src, alt = "", width, height) {
-  return new ImageNode(src, alt, width, height);
-}
-function $isImageNode(node) {
-  return node instanceof ImageNode;
-}
-
-// src/nodes/EmojiNode.ts
-var import_lexical4 = require("lexical");
-function getEmojiUrl(emoji) {
-  const codePoints = [...emoji].map((char) => {
-    const cp = char.codePointAt(0);
-    if (cp === 65039) return null;
-    return cp?.toString(16);
-  }).filter(Boolean).join("-");
-  return `https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/${codePoints}.png`;
-}
-var EmojiNode = class _EmojiNode extends import_lexical4.DecoratorNode {
-  static getType() {
-    return "emoji";
-  }
-  static clone(node) {
-    return new _EmojiNode(node.__emoji, node.__key);
-  }
-  constructor(emoji, key) {
-    super(key);
-    this.__emoji = emoji;
-  }
-  createDOM(config) {
-    const span = document.createElement("span");
-    span.className = "im-composer-emoji";
-    const img = document.createElement("img");
-    img.src = getEmojiUrl(this.__emoji);
-    img.alt = this.__emoji;
-    img.className = "im-composer-emoji-img";
-    img.draggable = false;
-    img.setAttribute("data-emoji", this.__emoji);
-    span.appendChild(img);
-    return span;
-  }
-  updateDOM() {
-    return false;
-  }
-  exportDOM() {
-    const span = document.createElement("span");
-    span.textContent = this.__emoji;
-    return { element: span };
-  }
-  static importDOM() {
-    return {
-      img: (node) => {
-        const img = node;
-        const emoji = img.getAttribute("data-emoji");
-        if (emoji) {
-          return {
-            conversion: () => ({ node: new _EmojiNode(emoji) }),
-            priority: 1
-          };
-        }
-        return null;
-      }
-    };
-  }
-  static importJSON(serializedNode) {
-    return new _EmojiNode(serializedNode.emoji);
-  }
-  exportJSON() {
-    return {
-      type: "emoji",
-      version: 1,
-      emoji: this.__emoji
-    };
-  }
-  getEmoji() {
-    return this.__emoji;
-  }
-  getTextContent() {
-    return this.__emoji;
-  }
-  isIsolated() {
-    return true;
-  }
-  isInline() {
-    return true;
-  }
-  canInsertTextBefore() {
-    return true;
-  }
-  canInsertTextAfter() {
-    return true;
-  }
-  decorate() {
-    return null;
-  }
-};
-function $createEmojiNode(emoji) {
-  return (0, import_lexical4.$applyNodeReplacement)(new EmojiNode(emoji));
-}
-function $isEmojiNode(node) {
-  return node instanceof EmojiNode;
-}
-
-// src/nodes/QuoteNode.tsx
-var import_lexical5 = require("lexical");
-var import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function QuoteMessageComponent({ title, content, nodeKey }) {
-  const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
-  const handleDelete = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    editor.update(() => {
-      const node = (0, import_lexical5.$getNodeByKey)(nodeKey);
-      node?.remove();
-    });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "im-composer-quote", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "im-composer-quote-text", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "im-composer-quote-title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "im-composer-quote-content", children: content })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "im-composer-quote-close", onClick: handleDelete, children: "\xD7" })
-  ] });
-}
-var QuoteNode = class _QuoteNode extends import_lexical5.DecoratorNode {
-  static getType() {
-    return "quote-message";
-  }
-  static clone(node) {
-    return new _QuoteNode(node.__title, node.__content, node.__key);
-  }
-  constructor(title, content, key) {
-    super(key);
-    this.__title = title;
-    this.__content = content;
-  }
-  createDOM(config) {
-    const div = document.createElement("div");
-    div.className = "im-composer-quote-wrapper";
-    div.contentEditable = "false";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  exportDOM() {
-    const element = document.createElement("blockquote");
-    element.setAttribute("data-title", this.__title);
-    element.textContent = this.__content;
-    return { element };
-  }
-  static importDOM() {
-    return {
-      blockquote: () => ({
-        conversion: (element) => {
-          const title = element.getAttribute("data-title") || "";
-          const content = element.textContent || "";
-          return { node: new _QuoteNode(title, content) };
-        },
-        priority: 0
-      })
-    };
-  }
-  static importJSON(serializedNode) {
-    return new _QuoteNode(serializedNode.title, serializedNode.content);
-  }
-  exportJSON() {
-    return {
-      type: "quote-message",
-      version: 1,
-      title: this.__title,
-      content: this.__content
-    };
-  }
-  getTitle() {
-    return this.__title;
-  }
-  getContent() {
-    return this.__content;
-  }
-  getTextContent() {
-    return "";
-  }
-  isIsolated() {
-    return true;
-  }
-  isInline() {
-    return false;
-  }
-  decorate() {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      QuoteMessageComponent,
-      {
-        title: this.__title,
-        content: this.__content,
-        nodeKey: this.__key
-      }
-    );
-  }
-};
-function $createQuoteNode(title, content) {
-  return (0, import_lexical5.$applyNodeReplacement)(new QuoteNode(title, content));
-}
-function $isQuoteNode(node) {
-  return node instanceof QuoteNode;
-}
-
-// src/plugins/MentionPlugin.tsx
-var import_react2 = require("react");
-var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
-var import_lexical6 = require("lexical");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function MentionPlugin({ mentionProvider, enabled = true, maxMentions, renderMentionItem }) {
-  const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
-  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
-  const [members, setMembers] = (0, import_react2.useState)([]);
-  const [selectedIndex, setSelectedIndex] = (0, import_react2.useState)(0);
-  const [matchInfo, setMatchInfo] = (0, import_react2.useState)(null);
-  const [cursorBottom, setCursorBottom] = (0, import_react2.useState)(0);
-  const [menuLeft, setMenuLeft] = (0, import_react2.useState)(0);
-  const isComposingRef = (0, import_react2.useRef)(false);
-  const menuRef = (0, import_react2.useRef)(null);
-  const itemRefs = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
-  const checkForMention = (0, import_react2.useCallback)(() => {
-    if (!enabled || isComposingRef.current) {
-      setIsOpen(false);
-      return;
-    }
-    editor.getEditorState().read(() => {
-      const selection = (0, import_lexical6.$getSelection)();
-      if (!(0, import_lexical6.$isRangeSelection)(selection) || !selection.isCollapsed()) {
-        setIsOpen(false);
-        return;
-      }
-      if (maxMentions !== void 0) {
-        const root = (0, import_lexical6.$getRoot)();
-        let mentionCount = 0;
-        const countMentions = (node) => {
-          if ($isMentionNode(node)) {
-            mentionCount++;
-          }
-          if (node.getChildren) {
-            node.getChildren().forEach(countMentions);
-          }
-        };
-        countMentions(root);
-        if (mentionCount >= maxMentions) {
-          setIsOpen(false);
-          return;
-        }
-      }
-      const anchor = selection.anchor;
-      const anchorNode = anchor.getNode();
-      if (!(anchorNode instanceof import_lexical6.TextNode)) {
-        setIsOpen(false);
-        return;
-      }
-      const text = anchorNode.getTextContent();
-      const offset = anchor.offset;
-      let atIndex = -1;
-      for (let i = offset - 1; i >= 0; i--) {
-        const char = text[i];
-        if (char === "@") {
-          atIndex = i;
-          break;
-        }
-        if (/\s/.test(char)) {
-          break;
-        }
-      }
-      if (atIndex === -1) {
-        setIsOpen(false);
-        return;
-      }
-      const query = text.slice(atIndex + 1, offset);
-      const replaceableString = text.slice(atIndex, offset);
-      setMatchInfo({
-        leadOffset: atIndex,
-        matchingString: query,
-        replaceableString
-      });
-      const domSelection = window.getSelection();
-      if (domSelection && domSelection.rangeCount > 0) {
-        const range = domSelection.getRangeAt(0);
-        const rect = range.getBoundingClientRect();
-        setCursorBottom(window.innerHeight - rect.top + 4);
-        setMenuLeft(rect.left);
-      }
-      if (mentionProvider) {
-        mentionProvider(query).then((results) => {
-          setMembers(results);
-          setSelectedIndex(0);
-          setIsOpen(results.length > 0);
-        });
-      }
-    });
-  }, [editor, enabled, mentionProvider, maxMentions]);
-  (0, import_react2.useEffect)(() => {
-    const root = editor.getRootElement();
-    if (!root) return;
-    const handleCompositionStart = () => {
-      isComposingRef.current = true;
-    };
-    const handleCompositionEnd = () => {
-      isComposingRef.current = false;
-      setTimeout(() => {
-        checkForMention();
-      }, 0);
-    };
-    root.addEventListener("compositionstart", handleCompositionStart);
-    root.addEventListener("compositionend", handleCompositionEnd);
-    return () => {
-      root.removeEventListener("compositionstart", handleCompositionStart);
-      root.removeEventListener("compositionend", handleCompositionEnd);
-    };
-  }, [editor, checkForMention]);
-  (0, import_react2.useEffect)(() => {
-    return editor.registerUpdateListener(({ dirtyLeaves }) => {
-      if (dirtyLeaves.size > 0) {
-        checkForMention();
-      }
-    });
-  }, [editor, checkForMention]);
-  const insertMention = (0, import_react2.useCallback)(
-    (member) => {
-      if (!matchInfo) return;
-      editor.update(() => {
-        const selection = (0, import_lexical6.$getSelection)();
-        if (!(0, import_lexical6.$isRangeSelection)(selection)) return;
-        const anchor = selection.anchor;
-        const anchorNode = anchor.getNode();
-        if (!(anchorNode instanceof import_lexical6.TextNode)) return;
-        const text = anchorNode.getTextContent();
-        const beforeAt = text.slice(0, matchInfo.leadOffset);
-        const afterQuery = text.slice(matchInfo.leadOffset + matchInfo.replaceableString.length);
-        const mentionNode = $createMentionNode(member.userId, member.display);
-        if (beforeAt) {
-          const beforeNode = (0, import_lexical6.$createTextNode)(beforeAt);
-          anchorNode.replace(beforeNode);
-          beforeNode.insertAfter(mentionNode);
-        } else {
-          anchorNode.replace(mentionNode);
-        }
-        if (afterQuery) {
-          const afterNode = (0, import_lexical6.$createTextNode)(afterQuery);
-          mentionNode.insertAfter(afterNode);
-          afterNode.selectStart();
-        } else {
-          mentionNode.selectNext();
-        }
-      });
-      setIsOpen(false);
-      setMatchInfo(null);
-    },
-    [editor, matchInfo]
-  );
-  (0, import_react2.useEffect)(() => {
-    if (!isOpen) return;
-    const removeArrowDown = editor.registerCommand(
-      import_lexical6.KEY_ARROW_DOWN_COMMAND,
-      (event) => {
-        event.preventDefault();
-        setSelectedIndex((i) => (i + 1) % members.length);
-        return true;
-      },
-      import_lexical6.COMMAND_PRIORITY_LOW
-    );
-    const removeArrowUp = editor.registerCommand(
-      import_lexical6.KEY_ARROW_UP_COMMAND,
-      (event) => {
-        event.preventDefault();
-        setSelectedIndex((i) => (i - 1 + members.length) % members.length);
-        return true;
-      },
-      import_lexical6.COMMAND_PRIORITY_LOW
-    );
-    const removeEnter = editor.registerCommand(
-      import_lexical6.KEY_ENTER_COMMAND,
-      (event) => {
-        if (members[selectedIndex]) {
-          event?.preventDefault();
-          insertMention(members[selectedIndex]);
-          return true;
-        }
-        return false;
-      },
-      import_lexical6.COMMAND_PRIORITY_CRITICAL
-    );
-    const removeEscape = editor.registerCommand(
-      import_lexical6.KEY_ESCAPE_COMMAND,
-      () => {
-        setIsOpen(false);
-        return true;
-      },
-      import_lexical6.COMMAND_PRIORITY_LOW
-    );
-    return () => {
-      removeArrowDown();
-      removeArrowUp();
-      removeEnter();
-      removeEscape();
-    };
-  }, [editor, isOpen, members, selectedIndex, insertMention]);
-  (0, import_react2.useEffect)(() => {
-    if (isOpen && itemRefs.current.has(selectedIndex)) {
-      const item = itemRefs.current.get(selectedIndex);
-      item?.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    }
-  }, [isOpen, selectedIndex]);
-  if (!isOpen || members.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
-    {
-      ref: menuRef,
-      className: "im-composer-mention-menu",
-      style: {
-        position: "fixed",
-        bottom: cursorBottom,
-        left: menuLeft
-      },
-      children: members.map((member, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "div",
-        {
-          ref: (el) => {
-            if (el) {
-              itemRefs.current.set(index, el);
-            } else {
-              itemRefs.current.delete(index);
-            }
-          },
-          className: `im-composer-mention-item ${index === selectedIndex ? "selected" : ""}`,
-          onClick: () => insertMention(member),
-          onMouseEnter: () => setSelectedIndex(index),
-          children: renderMentionItem ? renderMentionItem({ member, isSelected: index === selectedIndex }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-            member.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "img",
-              {
-                src: member.avatarUrl,
-                alt: "",
-                className: "im-composer-mention-avatar"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "im-composer-mention-name", children: member.display })
-          ] })
-        },
-        member.userId
-      ))
-    }
-  );
-}
-
-// src/plugins/PlainTextPastePlugin.tsx
-var import_react3 = require("react");
-var import_LexicalComposerContext4 = require("@lexical/react/LexicalComposerContext");
-var import_lexical7 = require("lexical");
-function PlainTextPastePlugin({ onFilePaste }) {
-  const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
-  const isComposingRef = (0, import_react3.useRef)(false);
-  (0, import_react3.useEffect)(() => {
-    const root = editor.getRootElement();
-    if (!root) return;
-    const handleCompositionStart = () => {
-      isComposingRef.current = true;
-    };
-    const handleCompositionEnd = () => {
-      isComposingRef.current = false;
-    };
-    root.addEventListener("compositionstart", handleCompositionStart);
-    root.addEventListener("compositionend", handleCompositionEnd);
-    return () => {
-      root.removeEventListener("compositionstart", handleCompositionStart);
-      root.removeEventListener("compositionend", handleCompositionEnd);
-    };
-  }, [editor]);
-  (0, import_react3.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical7.PASTE_COMMAND,
-      (event) => {
-        if (isComposingRef.current) {
-          return false;
-        }
-        const clipboardData = event.clipboardData;
-        if (!clipboardData) return false;
-        if (clipboardData.files && clipboardData.files.length > 0) {
-          event.preventDefault();
-          const files = Array.from(clipboardData.files);
-          onFilePaste?.(files);
-          return true;
-        }
-        const text = clipboardData.getData("text/plain");
-        if (text) {
-          event.preventDefault();
-          editor.update(() => {
-            const selection = (0, import_lexical7.$getSelection)();
-            if (!(0, import_lexical7.$isRangeSelection)(selection)) return;
-            const lines = text.split(/\r?\n/);
-            if (lines.length === 1) {
-              selection.insertText(lines[0]);
-            } else {
-              lines.forEach((line, index) => {
-                if (index > 0) {
-                  const paragraph = (0, import_lexical7.$createParagraphNode)();
-                  const textNode = (0, import_lexical7.$createTextNode)(line);
-                  paragraph.append(textNode);
-                  const currentSelection = (0, import_lexical7.$getSelection)();
-                  if ((0, import_lexical7.$isRangeSelection)(currentSelection)) {
-                    currentSelection.insertParagraph();
-                    if (line) {
-                      currentSelection.insertText(line);
-                    }
-                  }
-                } else {
-                  selection.insertText(line);
-                }
-              });
-            }
-          });
-          return true;
-        }
-        return false;
-      },
-      import_lexical7.COMMAND_PRIORITY_HIGH
-    );
-  }, [editor, onFilePaste]);
-  return null;
-}
-
-// src/plugins/RichTextPastePlugin.tsx
-var import_react5 = require("react");
-var import_LexicalComposerContext5 = require("@lexical/react/LexicalComposerContext");
-var import_lexical12 = require("lexical");
-
-// src/utils/helpers.ts
-function generateId() {
-  return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-}
-function formatFileSize(bytes) {
-  if (bytes === 0) return "0 B";
-  const units = ["B", "KB", "MB", "GB", "TB"];
-  const k = 1024;
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${units[i]}`;
-}
-function isMimeTypeAllowed(mime, allowedTypes) {
-  if (!allowedTypes || allowedTypes.length === 0) {
-    return true;
-  }
-  return allowedTypes.some((pattern) => {
-    if (pattern.endsWith("/*")) {
-      const prefix = pattern.slice(0, -1);
-      return mime.startsWith(prefix);
-    }
-    return mime === pattern;
-  });
-}
-function isImageFile(file) {
-  return file.type.startsWith("image/");
-}
-var ALLOWED_PROTOCOLS = ["http:", "https:", "mailto:"];
-function isUrlProtocolAllowed(url) {
-  try {
-    const parsed = new URL(url);
-    return ALLOWED_PROTOCOLS.includes(parsed.protocol);
-  } catch {
-    return false;
-  }
-}
-function sanitizeUrl(url) {
-  if (!url) return null;
-  if (!url.includes("://") && !url.startsWith("mailto:")) {
-    url = "https://" + url;
-  }
-  if (isUrlProtocolAllowed(url)) {
-    return url;
-  }
-  return null;
-}
-
-// src/utils/exportPayload.ts
-var import_lexical8 = require("lexical");
-var import_markdown = require("@lexical/markdown");
-function exportPlainPayload(editor, attachments) {
-  let plainText = "";
-  const mentions = [];
-  let quote;
-  editor.getEditorState().read(() => {
-    const root = (0, import_lexical8.$getRoot)();
-    const children = root.getChildren();
-    children.forEach((child) => {
-      if ($isQuoteNode(child)) {
-        quote = {
-          title: child.getTitle(),
-          content: child.getContent()
-        };
-        return;
-      }
-      if (plainText.length > 0) {
-        plainText += "\n";
-      }
-      const descendants = (0, import_lexical8.$isElementNode)(child) ? child.getChildren() : [];
-      descendants.forEach((node) => {
-        if ($isMentionNode(node)) {
-          const userId = node.getUserId();
-          const display = node.getDisplay();
-          const mentionText = `@${userId} `;
-          const start = plainText.length;
-          const end = start + mentionText.length - 1;
-          mentions.push({
-            userId,
-            display,
-            start,
-            end
-          });
-          plainText += mentionText;
-        } else {
-          plainText += node.getTextContent();
-        }
-      });
-    });
-  });
-  return {
-    type: "text",
-    plainText,
-    mentions,
-    attachments,
-    quote
-  };
-}
-var IMAGE_TRANSFORMER = {
-  dependencies: [ImageNode],
-  export: (node) => {
-    if ($isImageNode(node)) {
-      const src = node.getSrc();
-      const alt = node.getAlt();
-      return `![${alt}](${src})`;
-    }
-    return null;
-  },
-  type: "element",
-  regExp: /!\[([^\]]*)\]\(([^)]*)\)/,
-  // Dummy regex to satisfy type
-  replace: () => {
-  }
-  // Dummy replace to satisfy type
-};
-function exportMarkdownPayload(editor) {
-  let markdown = "";
-  editor.getEditorState().read(() => {
-    const allTransformers = [...import_markdown.TRANSFORMERS, IMAGE_TRANSFORMER];
-    markdown = (0, import_markdown.$convertToMarkdownString)(allTransformers);
-  });
-  return {
-    type: "markdown",
-    markdown
-  };
-}
-
-// src/utils/editorUtils.ts
-var import_lexical9 = require("lexical");
-var import_markdown2 = require("@lexical/markdown");
-function importMarkdownToEditor(editor, markdown) {
-  editor.update(() => {
-    const root = (0, import_lexical9.$getRoot)();
-    root.clear();
-    (0, import_markdown2.$convertFromMarkdownString)(markdown, import_markdown2.TRANSFORMERS);
-  });
-}
-function clearEditor(editor) {
-  editor.update(() => {
-    const root = (0, import_lexical9.$getRoot)();
-    root.clear();
-    const paragraph = (0, import_lexical9.$createParagraphNode)();
-    root.append(paragraph);
-    paragraph.select();
-  });
-}
-function isEditorEmpty(editor) {
-  let isEmpty = true;
-  editor.getEditorState().read(() => {
-    const root = (0, import_lexical9.$getRoot)();
-    const textContent = root.getTextContent().trim();
-    isEmpty = textContent.length === 0;
-  });
-  return isEmpty;
-}
-
-// src/hooks/useImageUpload.ts
-var import_react4 = require("react");
-var import_lexical10 = require("lexical");
-var import_lexical11 = require("lexical");
-function isSafeImageUrl(url) {
-  try {
-    const parsedUrl = new URL(url);
-    return ["https:", "http:", "blob:", "data:"].includes(parsedUrl.protocol);
-  } catch {
-    return false;
-  }
-}
-function useImageUpload(options = {}) {
-  const { uploadImage, onUploadStart, onUploadEnd, onError } = options;
-  const [uploadCount, setUploadCount] = (0, import_react4.useState)(0);
-  const upload = (0, import_react4.useCallback)(
-    async (file) => {
-      if (!uploadImage) {
-        return null;
-      }
-      setUploadCount((c) => c + 1);
-      try {
-        const result = await uploadImage(file);
-        if (!isSafeImageUrl(result.url)) {
-          throw new Error("Image URL must use HTTPS, HTTP, blob:, or data: protocol");
-        }
-        return result;
-      } catch (error) {
-        onError?.(error instanceof Error ? error : new Error("Upload failed"));
-        return null;
-      } finally {
-        setUploadCount((c) => c - 1);
-      }
-    },
-    [uploadImage, onError]
-  );
-  const uploadAndInsert = (0, import_react4.useCallback)(
-    async (file, editor) => {
-      if (!uploadImage) {
-        return false;
-      }
-      onUploadStart?.();
-      setUploadCount((c) => c + 1);
-      try {
-        const result = await uploadImage(file);
-        if (!result || !result.url) {
-          return false;
-        }
-        if (!isSafeImageUrl(result.url)) {
-          throw new Error("Image URL must use HTTPS, HTTP, blob:, or data: protocol");
-        }
-        editor.update(() => {
-          const imageNode = $createImageNode(result.url, result.alt || file.name);
-          const paragraphNode = (0, import_lexical10.$createParagraphNode)();
-          (0, import_lexical11.$insertNodes)([imageNode, paragraphNode]);
-          paragraphNode.select();
-        });
-        setTimeout(() => {
-          editor.focus();
-        }, 0);
-        return true;
-      } catch (error) {
-        onError?.(error instanceof Error ? error : new Error("Upload failed"));
-        return false;
-      } finally {
-        setUploadCount((c) => c - 1);
-        onUploadEnd?.();
-      }
-    },
-    [uploadImage, onUploadStart, onUploadEnd, onError]
-  );
-  return {
-    isUploading: uploadCount > 0,
-    uploadCount,
-    upload,
-    uploadAndInsert
-  };
-}
-
-// src/plugins/RichTextPastePlugin.tsx
-function RichTextPastePlugin({
-  uploadImage,
-  onUploadStart,
-  onUploadEnd,
-  onError
-}) {
-  const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
-  const isComposingRef = (0, import_react5.useRef)(false);
-  const { uploadAndInsert } = useImageUpload({
-    uploadImage,
-    onUploadStart,
-    onUploadEnd,
-    onError
-  });
-  (0, import_react5.useEffect)(() => {
-    const root = editor.getRootElement();
-    if (!root) return;
-    const handleCompositionStart = () => {
-      isComposingRef.current = true;
-    };
-    const handleCompositionEnd = () => {
-      isComposingRef.current = false;
-    };
-    root.addEventListener("compositionstart", handleCompositionStart);
-    root.addEventListener("compositionend", handleCompositionEnd);
-    return () => {
-      root.removeEventListener("compositionstart", handleCompositionStart);
-      root.removeEventListener("compositionend", handleCompositionEnd);
-    };
-  }, [editor]);
-  (0, import_react5.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical12.PASTE_COMMAND,
-      (event) => {
-        if (isComposingRef.current) {
-          return false;
-        }
-        const clipboardData = event.clipboardData;
-        if (!clipboardData) return false;
-        if (clipboardData.files && clipboardData.files.length > 0 && uploadImage) {
-          const files = Array.from(clipboardData.files);
-          const imageFiles = files.filter(isImageFile);
-          if (imageFiles.length > 0) {
-            event.preventDefault();
-            imageFiles.forEach(async (file) => {
-              await uploadAndInsert(file, editor);
-            });
-            return true;
-          }
-        }
-        return false;
-      },
-      import_lexical12.COMMAND_PRIORITY_HIGH
-    );
-  }, [editor, uploadImage, uploadAndInsert]);
-  return null;
-}
-
-// src/plugins/ToolbarPlugin.tsx
-var import_react7 = require("react");
-var import_LexicalComposerContext6 = require("@lexical/react/LexicalComposerContext");
-var import_lexical13 = require("lexical");
-var import_selection = require("@lexical/selection");
-var import_rich_text = require("@lexical/rich-text");
-var import_list = require("@lexical/list");
-var import_code = require("@lexical/code");
-var import_link = require("@lexical/link");
-
-// src/components/Icons.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var BoldIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
-] });
-var ItalicIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
-] });
-var StrikeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M17.3 19c-1.4 1.3-3.2 2-5.3 2-4.7 0-8.5-4-8.5-9s3.8-9 8.5-9c2.1 0 3.9.7 5.3 2" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
-] });
-var H1Icon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 12h8" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 18V6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 18V6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m17 12 3-2v8" })
-] });
-var H2Icon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 12h8" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 18V6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 18V6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" })
-] });
-var H3Icon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 12h8" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 18V6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 18V6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M17.5 11.5c.5-.5 2.5-.5 3 0s.5 2 0 2.5-2 .5-2 .5 1.5 0 2 .5.5 2.5 0 3-2.5.5-3 0" })
-] });
-var BulletListIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "8", y1: "18", x2: "21", y2: "18" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })
-] });
-var OrderedListIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "10", y1: "12", x2: "21", y2: "12" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "10", y1: "18", x2: "21", y2: "18" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 6h1v4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 10h2" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
-] });
-var QuoteIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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", transform: "scale(0.8) translate(3, 3)" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z", transform: "scale(0.8) translate(3, 3)" })
-] });
-var CodeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "16 18 22 12 16 6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "8 6 2 12 8 18" })
-] });
-var LinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
-] });
-var ImageIcon = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "21 15 16 10 5 21" })
-] });
-
-// src/LocaleContext.tsx
-var import_react6 = require("react");
-var defaultLocale = {
-  linkDialog: {
-    textLabel: "Text",
-    urlLabel: "URL",
-    cancelButton: "Cancel",
-    insertButton: "Insert",
-    saveButton: "Save"
-  },
-  toolbar: {
-    bold: "Bold",
-    italic: "Italic",
-    strikethrough: "Strikethrough",
-    code: "Code",
-    heading1: "Heading 1",
-    heading2: "Heading 2",
-    heading3: "Heading 3",
-    bulletList: "Bullet List",
-    orderedList: "Ordered List",
-    quote: "Quote",
-    codeBlock: "Code Block",
-    link: "Insert Link",
-    image: "Insert Image"
-  }
-};
-var LocaleContext = (0, import_react6.createContext)(defaultLocale);
-function useLocale() {
-  return (0, import_react6.useContext)(LocaleContext);
-}
-function mergeLocale(custom) {
-  if (!custom) return defaultLocale;
-  return {
-    linkDialog: { ...defaultLocale.linkDialog, ...custom.linkDialog },
-    toolbar: { ...defaultLocale.toolbar, ...custom.toolbar }
-  };
-}
-
-// src/plugins/ToolbarPlugin.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function ToolbarPlugin({
-  uploadImage,
-  enabledSyntax,
-  onUploadStart,
-  onUploadEnd,
-  onError
-}) {
-  const [editor] = (0, import_LexicalComposerContext6.useLexicalComposerContext)();
-  const locale = useLocale();
-  const [showLinkDialog, setShowLinkDialog] = (0, import_react7.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react7.useState)("");
-  const [linkText, setLinkText] = (0, import_react7.useState)("");
-  const [savedSelection, setSavedSelection] = (0, import_react7.useState)(null);
-  const fileInputRef = (0, import_react7.useRef)(null);
-  const [isBold, setIsBold] = (0, import_react7.useState)(false);
-  const [isItalic, setIsItalic] = (0, import_react7.useState)(false);
-  const [isStrike, setIsStrike] = (0, import_react7.useState)(false);
-  const [isCode, setIsCode] = (0, import_react7.useState)(false);
-  const { uploadAndInsert } = useImageUpload({
-    uploadImage,
-    onUploadStart,
-    onUploadEnd,
-    onError
-  });
-  const updateToolbar = (0, import_react7.useCallback)(() => {
-    const selection = (0, import_lexical13.$getSelection)();
-    if ((0, import_lexical13.$isRangeSelection)(selection)) {
-      setIsBold(selection.hasFormat("bold"));
-      setIsItalic(selection.hasFormat("italic"));
-      setIsStrike(selection.hasFormat("strikethrough"));
-      setIsCode(selection.hasFormat("code"));
-    }
-  }, []);
-  (0, import_react7.useEffect)(() => {
-    return editor.registerUpdateListener(({ editorState }) => {
-      editorState.read(() => {
-        updateToolbar();
-      });
-    });
-  }, [editor, updateToolbar]);
-  const syntax = {
-    heading: enabledSyntax?.heading ?? true,
-    bold: enabledSyntax?.bold ?? true,
-    italic: enabledSyntax?.italic ?? true,
-    strike: enabledSyntax?.strike ?? true,
-    codeInline: enabledSyntax?.codeInline ?? true,
-    codeBlock: enabledSyntax?.codeBlock ?? true,
-    quote: enabledSyntax?.quote ?? true,
-    list: enabledSyntax?.list ?? true,
-    link: enabledSyntax?.link ?? true,
-    image: enabledSyntax?.image ?? true
-  };
-  const formatBold = (0, import_react7.useCallback)(() => {
-    editor.dispatchCommand(import_lexical13.FORMAT_TEXT_COMMAND, "bold");
-  }, [editor]);
-  const formatItalic = (0, import_react7.useCallback)(() => {
-    editor.dispatchCommand(import_lexical13.FORMAT_TEXT_COMMAND, "italic");
-  }, [editor]);
-  const formatStrike = (0, import_react7.useCallback)(() => {
-    editor.dispatchCommand(import_lexical13.FORMAT_TEXT_COMMAND, "strikethrough");
-  }, [editor]);
-  const formatHeading = (0, import_react7.useCallback)(
-    (headingSize) => {
-      editor.update(() => {
-        const selection = (0, import_lexical13.$getSelection)();
-        if ((0, import_lexical13.$isRangeSelection)(selection)) {
-          (0, import_selection.$setBlocksType)(selection, () => (0, import_rich_text.$createHeadingNode)(headingSize));
-        }
-      });
-    },
-    [editor]
-  );
-  const formatBulletList = (0, import_react7.useCallback)(() => {
-    editor.dispatchCommand(import_list.INSERT_UNORDERED_LIST_COMMAND, void 0);
-  }, [editor]);
-  const formatOrderedList = (0, import_react7.useCallback)(() => {
-    editor.dispatchCommand(import_list.INSERT_ORDERED_LIST_COMMAND, void 0);
-  }, [editor]);
-  const formatQuote = (0, import_react7.useCallback)(() => {
-    editor.update(() => {
-      const selection = (0, import_lexical13.$getSelection)();
-      if ((0, import_lexical13.$isRangeSelection)(selection)) {
-        (0, import_selection.$setBlocksType)(selection, () => (0, import_rich_text.$createQuoteNode)());
-      }
-    });
-  }, [editor]);
-  const formatCodeBlock = (0, import_react7.useCallback)(() => {
-    editor.update(() => {
-      const selection = (0, import_lexical13.$getSelection)();
-      if ((0, import_lexical13.$isRangeSelection)(selection)) {
-        (0, import_selection.$setBlocksType)(selection, () => (0, import_code.$createCodeNode)());
-      }
-    });
-  }, [editor]);
-  const handleLinkSubmit = (0, import_react7.useCallback)(() => {
-    const url = sanitizeUrl(linkUrl);
-    if (!url) {
-      onError?.(new Error("Invalid URL"));
-      return;
-    }
-    editor.update(() => {
-      if (savedSelection) {
-        (0, import_lexical13.$setSelection)(savedSelection);
-      }
-      const selection = (0, import_lexical13.$getSelection)();
-      if ((0, import_lexical13.$isRangeSelection)(selection)) {
-        if (selection.isCollapsed()) {
-          const linkNode = (0, import_link.$createLinkNode)(url);
-          const textNode = (0, import_lexical13.$createTextNode)(linkText || url);
-          linkNode.append(textNode);
-          const { $insertNodes: $insertNodes2 } = require("lexical");
-          $insertNodes2([linkNode]);
-        } else {
-          editor.dispatchCommand(import_link.TOGGLE_LINK_COMMAND, url);
-        }
-      }
-    });
-    setSavedSelection(null);
-    setShowLinkDialog(false);
-    setLinkUrl("");
-    setLinkText("");
-  }, [editor, linkUrl, linkText, savedSelection, onError]);
-  const handleImageSelect = (0, import_react7.useCallback)(
-    async (event) => {
-      const file = event.target.files?.[0];
-      if (!file) return;
-      event.target.value = "";
-      await uploadAndInsert(file, editor);
-    },
-    [editor, uploadAndInsert]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "im-composer-toolbar", children: [
-    syntax.bold && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        type: "button",
-        className: `im-composer-toolbar-btn ${isBold ? "active" : ""}`,
-        onClick: formatBold,
-        title: "Bold (Ctrl+B)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BoldIcon, {})
-      }
-    ),
-    syntax.italic && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        type: "button",
-        className: `im-composer-toolbar-btn ${isItalic ? "active" : ""}`,
-        onClick: formatItalic,
-        title: "Italic (Ctrl+I)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ItalicIcon, {})
-      }
-    ),
-    syntax.strike && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        type: "button",
-        className: `im-composer-toolbar-btn ${isStrike ? "active" : ""}`,
-        onClick: formatStrike,
-        title: "Strikethrough",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StrikeIcon, {})
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "im-composer-toolbar-divider" }),
-    syntax.heading && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "im-composer-toolbar-btn",
-          onClick: () => formatHeading("h1"),
-          title: "Heading 1",
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H1Icon, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "im-composer-toolbar-btn",
-          onClick: () => formatHeading("h2"),
-          title: "Heading 2",
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H2Icon, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "im-composer-toolbar-btn",
-          onClick: () => formatHeading("h3"),
-          title: "Heading 3",
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H3Icon, {})
-        }
-      )
-    ] }),
-    syntax.list && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "im-composer-toolbar-btn",
-          onClick: formatBulletList,
-          title: "Bullet List",
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BulletListIcon, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "im-composer-toolbar-btn",
-          onClick: formatOrderedList,
-          title: "Ordered List",
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OrderedListIcon, {})
-        }
-      )
-    ] }),
-    syntax.quote && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "im-composer-toolbar-btn",
-        onClick: formatQuote,
-        title: "Quote",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(QuoteIcon, {})
-      }
-    ),
-    syntax.codeBlock && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "im-composer-toolbar-btn",
-        onClick: formatCodeBlock,
-        title: "Code Block",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CodeIcon, {})
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "im-composer-toolbar-divider" }),
-    syntax.link && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "im-composer-toolbar-btn",
-        onClick: () => {
-          editor.getEditorState().read(() => {
-            const selection = (0, import_lexical13.$getSelection)();
-            if ((0, import_lexical13.$isRangeSelection)(selection)) {
-              setSavedSelection(selection.clone());
-              const selectedText = selection.getTextContent();
-              if (selectedText) {
-                setLinkText(selectedText);
-              }
-            }
-          });
-          setShowLinkDialog(true);
-        },
-        title: "Insert Link",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LinkIcon, {})
-      }
-    ),
-    syntax.image && uploadImage && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          className: "im-composer-toolbar-btn",
-          onClick: () => fileInputRef.current?.click(),
-          title: "Insert Image",
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ImageIcon, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "input",
-        {
-          ref: fileInputRef,
-          type: "file",
-          accept: "image/*",
-          style: { display: "none" },
-          onChange: handleImageSelect
-        }
-      )
-    ] }),
-    showLinkDialog && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "im-composer-link-edit-popup ignore-drag", style: { position: "fixed", top: "50%", left: "50%", transform: "translate(-50%, -50%)", zIndex: 99999, width: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "im-composer-link-edit-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "im-composer-link-edit-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { children: locale.linkDialog.textLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "input",
-          {
-            type: "text",
-            value: linkText,
-            onChange: (e) => setLinkText(e.target.value),
-            autoFocus: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "im-composer-link-edit-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { children: locale.linkDialog.urlLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "input",
-          {
-            type: "url",
-            value: linkUrl,
-            onChange: (e) => setLinkUrl(e.target.value),
-            placeholder: "https://example.com"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "im-composer-link-edit-buttons", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "remove",
-            onClick: () => {
-              setShowLinkDialog(false);
-              setLinkUrl("");
-              setLinkText("");
-              setSavedSelection(null);
-            },
-            children: locale.linkDialog.cancelButton
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "save", onClick: handleLinkSubmit, children: locale.linkDialog.insertButton })
-      ] })
-    ] }) })
-  ] });
-}
-
-// src/plugins/KeymapPlugin.tsx
-var import_react8 = require("react");
-var import_LexicalComposerContext7 = require("@lexical/react/LexicalComposerContext");
-var import_lexical14 = require("lexical");
-function KeymapPlugin({ sendKey = "enter", onSend, canSend, disabled }) {
-  const [editor] = (0, import_LexicalComposerContext7.useLexicalComposerContext)();
-  const isComposingRef = (0, import_react8.useRef)(false);
-  (0, import_react8.useEffect)(() => {
-    const root = editor.getRootElement();
-    if (!root) return;
-    const handleCompositionStart = () => {
-      isComposingRef.current = true;
-    };
-    const handleCompositionEnd = () => {
-      isComposingRef.current = false;
-    };
-    root.addEventListener("compositionstart", handleCompositionStart);
-    root.addEventListener("compositionend", handleCompositionEnd);
-    return () => {
-      root.removeEventListener("compositionstart", handleCompositionStart);
-      root.removeEventListener("compositionend", handleCompositionEnd);
-    };
-  }, [editor]);
-  const shouldSend = (0, import_react8.useCallback)(
-    (event) => {
-      if (!event || disabled || isComposingRef.current) return false;
-      switch (sendKey) {
-        case "enter":
-          return !event.shiftKey && !event.ctrlKey && !event.metaKey;
-        case "ctrlEnter":
-          return event.ctrlKey && !event.metaKey;
-        case "cmdEnter":
-          return event.metaKey && !event.ctrlKey;
-        default:
-          return false;
-      }
-    },
-    [sendKey, disabled]
-  );
-  (0, import_react8.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical14.KEY_ENTER_COMMAND,
-      (event) => {
-        if (shouldSend(event) && canSend()) {
-          event?.preventDefault();
-          onSend();
-          return true;
-        }
-        return false;
-      },
-      import_lexical14.COMMAND_PRIORITY_HIGH
-    );
-  }, [editor, shouldSend, canSend, onSend]);
-  return null;
-}
-
-// src/plugins/DeletionPlugin.tsx
-var import_LexicalComposerContext8 = require("@lexical/react/LexicalComposerContext");
-var import_lexical15 = require("lexical");
-var import_react9 = require("react");
-function DeletionPlugin() {
-  const [editor] = (0, import_LexicalComposerContext8.useLexicalComposerContext)();
-  (0, import_react9.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical15.KEY_BACKSPACE_COMMAND,
-      (event) => {
-        const selection = (0, import_lexical15.$getSelection)();
-        if ((0, import_lexical15.$isRangeSelection)(selection) && selection.isCollapsed()) {
-          const anchor = selection.anchor;
-          const anchorNode = anchor.getNode();
-          if (anchor.offset === 0) {
-            let prevNode = anchorNode.getPreviousSibling();
-            if (!prevNode) {
-              const parent = anchorNode.getParent();
-              if (parent) {
-                prevNode = parent.getPreviousSibling();
-              }
-            }
-            if (!prevNode || !$isImageNode(prevNode)) {
-              const topElement = anchorNode.getTopLevelElement();
-              if (topElement) {
-                const topPrevSibling = topElement.getPreviousSibling();
-                if (topPrevSibling && $isImageNode(topPrevSibling)) {
-                  prevNode = topPrevSibling;
-                }
-              }
-            }
-            if (prevNode && $isImageNode(prevNode)) {
-              event.preventDefault();
-              prevNode.remove();
-              return true;
-            }
-            const topLevelElement = anchorNode.getTopLevelElement();
-            if (topLevelElement) {
-              const isAtStartOfBlock = anchor.type === "text" && anchor.offset === 0 && anchorNode.getPreviousSibling() === null || anchor.type === "element" && anchor.offset === 0;
-              if (isAtStartOfBlock) {
-                const quotePrevSibling = topLevelElement.getPreviousSibling();
-                if ($isQuoteNode(quotePrevSibling)) {
-                  quotePrevSibling.remove();
-                  return true;
-                }
-              }
-            }
-          }
-          let rawPrevNode = null;
-          if ((0, import_lexical15.$isTextNode)(anchorNode)) {
-            if (anchor.offset === 0) {
-              rawPrevNode = anchorNode.getPreviousSibling();
-            }
-          } else if ((0, import_lexical15.$isElementNode)(anchorNode)) {
-            if (anchor.offset > 0) {
-              const children = anchorNode.getChildren();
-              rawPrevNode = children[anchor.offset - 1];
-            }
-          }
-          if ($isEmojiNode(rawPrevNode) || $isMentionNode(rawPrevNode)) {
-            rawPrevNode.remove();
-            return true;
-          }
-        } else if ((0, import_lexical15.$isNodeSelection)(selection)) {
-          const nodes = selection.getNodes();
-          let handled = false;
-          for (const node of nodes) {
-            if ($isQuoteNode(node) || $isEmojiNode(node) || $isMentionNode(node) || $isImageNode(node)) {
-              node.remove();
-              handled = true;
-            }
-          }
-          if (handled) return true;
-        }
-        return false;
-      },
-      import_lexical15.COMMAND_PRIORITY_HIGH
-    );
-  }, [editor]);
-  return null;
-}
-
-// src/plugins/QuoteRemovalListenerPlugin.tsx
-var import_LexicalComposerContext9 = require("@lexical/react/LexicalComposerContext");
-var import_react10 = require("react");
-function QuoteRemovalListenerPlugin({ onQuoteRemoved }) {
-  const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
-  (0, import_react10.useEffect)(() => {
-    if (!onQuoteRemoved) return;
-    return editor.registerMutationListener(QuoteNode, (mutations) => {
-      let hasDestroyed = false;
-      let hasCreated = false;
-      for (const [, mutation] of mutations) {
-        if (mutation === "destroyed") {
-          hasDestroyed = true;
-        }
-        if (mutation === "created") {
-          hasCreated = true;
-        }
-      }
-      if (hasDestroyed && !hasCreated) {
-        onQuoteRemoved();
-      }
-    });
-  }, [editor, onQuoteRemoved]);
-  return null;
-}
-
-// src/plugins/LinkShortcutPlugin.tsx
-var import_react11 = require("react");
-var import_LexicalComposerContext10 = require("@lexical/react/LexicalComposerContext");
-var import_lexical16 = require("lexical");
-var import_link2 = require("@lexical/link");
-var MARKDOWN_LINK_REGEX = /\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)\s$/;
-function LinkShortcutPlugin() {
-  const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
-  (0, import_react11.useEffect)(() => {
-    const removeListener = editor.registerUpdateListener(({ editorState, prevEditorState, tags }) => {
-      if (tags.has("history-merge") || tags.has("collaboration")) {
-        return;
-      }
-      editorState.read(() => {
-        const selection = (0, import_lexical16.$getSelection)();
-        if (!(0, import_lexical16.$isRangeSelection)(selection) || !selection.isCollapsed()) {
-          return;
-        }
-        const anchorNode = selection.anchor.getNode();
-        if (!(0, import_lexical16.$isTextNode)(anchorNode)) {
-          return;
-        }
-        const textContent = anchorNode.getTextContent();
-        const match = textContent.match(MARKDOWN_LINK_REGEX);
-        if (!match) {
-          return;
-        }
-        const [fullMatch, linkText, url] = match;
-        try {
-          new URL(url);
-        } catch {
-          return;
-        }
-        editor.update(() => {
-          const currentSelection = (0, import_lexical16.$getSelection)();
-          if (!(0, import_lexical16.$isRangeSelection)(currentSelection) || !currentSelection.isCollapsed()) {
-            return;
-          }
-          const currentNode = currentSelection.anchor.getNode();
-          if (!(0, import_lexical16.$isTextNode)(currentNode)) {
-            return;
-          }
-          const currentText = currentNode.getTextContent();
-          const currentMatch = currentText.match(MARKDOWN_LINK_REGEX);
-          if (!currentMatch) {
-            return;
-          }
-          const matchStart = currentText.indexOf(currentMatch[0]);
-          const beforeText = currentText.slice(0, matchStart);
-          const afterText = "";
-          const linkNode = (0, import_link2.$createLinkNode)(currentMatch[2]);
-          const linkTextNode = (0, import_lexical16.$createTextNode)(currentMatch[1]);
-          linkNode.append(linkTextNode);
-          const spaceNode = (0, import_lexical16.$createTextNode)(" ");
-          if (beforeText) {
-            const beforeNode = (0, import_lexical16.$createTextNode)(beforeText);
-            currentNode.replace(beforeNode);
-            beforeNode.insertAfter(linkNode);
-            linkNode.insertAfter(spaceNode);
-          } else {
-            currentNode.replace(linkNode);
-            linkNode.insertAfter(spaceNode);
-          }
-          spaceNode.select(1, 1);
-        });
-      });
-    });
-    return removeListener;
-  }, [editor]);
-  return null;
-}
-
-// src/plugins/LinkEditPlugin.tsx
-var import_react12 = require("react");
-var import_react_dom = require("react-dom");
-var import_LexicalComposerContext11 = require("@lexical/react/LexicalComposerContext");
-var import_lexical17 = require("lexical");
-var import_link3 = require("@lexical/link");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var POPUP_WIDTH = 220;
-var POPUP_HEIGHT = 160;
-var POPUP_MARGIN = 6;
-function LinkEditPlugin() {
-  const [editor] = (0, import_LexicalComposerContext11.useLexicalComposerContext)();
-  const locale = useLocale();
-  const [editState, setEditState] = (0, import_react12.useState)({
-    isOpen: false,
-    linkKey: null,
-    text: "",
-    url: "",
-    position: { top: 0, left: 0 }
-  });
-  const popupRef = (0, import_react12.useRef)(null);
-  const calculatePosition = (0, import_react12.useCallback)((linkRect, editorRect) => {
-    let top = linkRect.bottom + POPUP_MARGIN;
-    let left = linkRect.left;
-    const maxRight = editorRect.right - POPUP_MARGIN;
-    if (left + POPUP_WIDTH > maxRight) {
-      left = Math.max(editorRect.left + POPUP_MARGIN, maxRight - POPUP_WIDTH);
-    }
-    const minLeft = editorRect.left + POPUP_MARGIN;
-    if (left < minLeft) {
-      left = minLeft;
-    }
-    const maxBottom = editorRect.bottom - POPUP_MARGIN;
-    if (top + POPUP_HEIGHT > maxBottom) {
-      top = linkRect.top - POPUP_HEIGHT - POPUP_MARGIN;
-    }
-    const minTop = editorRect.top + POPUP_MARGIN;
-    if (top < minTop) {
-      top = minTop;
-    }
-    return { top, left };
-  }, []);
-  (0, import_react12.useEffect)(() => {
-    if (!editState.isOpen) return;
-    const handleClickOutside = (event) => {
-      if (popupRef.current && !popupRef.current.contains(event.target)) {
-        setEditState((prev) => ({ ...prev, isOpen: false }));
-      }
-    };
-    const timer = setTimeout(() => {
-      document.addEventListener("mousedown", handleClickOutside, true);
-    }, 50);
-    return () => {
-      clearTimeout(timer);
-      document.removeEventListener("mousedown", handleClickOutside, true);
-    };
-  }, [editState.isOpen]);
-  (0, import_react12.useEffect)(() => {
-    return editor.registerCommand(
-      import_lexical17.CLICK_COMMAND,
-      (event) => {
-        const target = event.target;
-        const linkElement = target.closest("a");
-        const editorElement = editor.getRootElement();
-        if (linkElement && editorElement && editorElement.contains(linkElement)) {
-          event.preventDefault();
-          event.stopPropagation();
-          const composerContainer = editorElement.closest(".im-composer") || editorElement;
-          const containerRect = composerContainer.getBoundingClientRect();
-          const linkRect = linkElement.getBoundingClientRect();
-          const position = calculatePosition(linkRect, containerRect);
-          editor.getEditorState().read(() => {
-            const selection = (0, import_lexical17.$getSelection)();
-            if (!(0, import_lexical17.$isRangeSelection)(selection)) return;
-            const node = selection.anchor.getNode();
-            const parent = node.getParent();
-            const linkNode = (0, import_link3.$isLinkNode)(node) ? node : (0, import_link3.$isLinkNode)(parent) ? parent : null;
-            if (linkNode && (0, import_link3.$isLinkNode)(linkNode)) {
-              setEditState({
-                isOpen: true,
-                linkKey: linkNode.getKey(),
-                text: linkNode.getTextContent(),
-                url: linkNode.getURL(),
-                position
-              });
-            }
-          });
-          return true;
-        }
-        return false;
-      },
-      import_lexical17.COMMAND_PRIORITY_LOW
-    );
-  }, [editor, calculatePosition]);
-  const handleSave = (0, import_react12.useCallback)(() => {
-    if (!editState.linkKey) return;
-    const url = sanitizeUrl(editState.url);
-    if (!url) return;
-    editor.update(() => {
-      const linkNode = (0, import_lexical17.$getNodeByKey)(editState.linkKey);
-      if (linkNode && (0, import_link3.$isLinkNode)(linkNode)) {
-        linkNode.setURL(url);
-        const currentText = linkNode.getTextContent();
-        if (currentText !== editState.text && editState.text.trim()) {
-          const children = linkNode.getChildren();
-          if (children.length > 0) {
-            for (let i = children.length - 1; i > 0; i--) {
-              children[i].remove();
-            }
-            const firstChild = children[0];
-            if (firstChild.getType() === "text") {
-              firstChild.setTextContent(editState.text);
-            } else {
-              const newTextNode = (0, import_lexical17.$createTextNode)(editState.text);
-              firstChild.replace(newTextNode);
-            }
-          } else {
-            linkNode.append((0, import_lexical17.$createTextNode)(editState.text));
-          }
-        }
-      }
-    });
-    setEditState((prev) => ({ ...prev, isOpen: false }));
-  }, [editor, editState]);
-  const handleCancel = (0, import_react12.useCallback)(() => {
-    setEditState((prev) => ({ ...prev, isOpen: false }));
-  }, []);
-  const handleKeyDown = (0, import_react12.useCallback)((e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleSave();
-    } else if (e.key === "Escape") {
-      handleCancel();
-    }
-  }, [handleSave, handleCancel]);
-  if (!editState.isOpen) {
-    return null;
-  }
-  return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "div",
-      {
-        ref: popupRef,
-        className: "im-composer-link-edit-popup ignore-drag",
-        style: {
-          position: "fixed",
-          top: editState.position.top,
-          left: editState.position.left,
-          width: POPUP_WIDTH,
-          zIndex: 99999
-        },
-        onKeyDown: handleKeyDown,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "im-composer-link-edit-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "im-composer-link-edit-field", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { children: locale.linkDialog.textLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "input",
-              {
-                type: "text",
-                value: editState.text,
-                onChange: (e) => setEditState((prev) => ({ ...prev, text: e.target.value })),
-                autoFocus: true
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "im-composer-link-edit-field", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { children: locale.linkDialog.urlLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "input",
-              {
-                type: "text",
-                value: editState.url,
-                onChange: (e) => setEditState((prev) => ({ ...prev, url: e.target.value }))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "im-composer-link-edit-buttons", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: handleCancel, className: "remove", children: locale.linkDialog.cancelButton }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: handleSave, className: "save", children: locale.linkDialog.saveButton })
-          ] })
-        ] })
-      }
-    ),
-    document.body
-  );
-}
-
-// src/components/AttachmentPreviewBar.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function AttachmentPreviewBar({
-  attachments,
-  onRemove,
-  placement = "bottom"
-}) {
-  if (attachments.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `im-composer-attachments im-composer-attachments-${placement}`, children: attachments.map((attachment) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "im-composer-attachment-item", children: [
-    attachment.previewUrl && isImageFile(attachment.file) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "img",
-      {
-        src: attachment.previewUrl,
-        alt: attachment.name,
-        className: "im-composer-attachment-preview"
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "im-composer-attachment-icon", children: "\u{1F4C4}" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "im-composer-attachment-info", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "im-composer-attachment-name", title: attachment.name, children: attachment.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "im-composer-attachment-size", children: formatFileSize(attachment.size) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "im-composer-attachment-remove",
-        onClick: () => onRemove(attachment.id),
-        title: "Remove attachment",
-        children: "\xD7"
-      }
-    )
-  ] }, attachment.id)) });
-}
-
-// src/hooks/useAttachments.ts
-var import_react13 = require("react");
-function useAttachments(options = {}) {
-  const {
-    maxAttachments = 10,
-    maxFileSize,
-    allowedMimeTypes,
-    onLimitExceeded
-  } = options;
-  const [attachments, setAttachments] = (0, import_react13.useState)([]);
-  const previewUrlsRef = (0, import_react13.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react13.useEffect)(() => {
-    return () => {
-      previewUrlsRef.current.forEach((url) => {
-        URL.revokeObjectURL(url);
-      });
-      previewUrlsRef.current.clear();
-    };
-  }, []);
-  const createPreviewUrl = (0, import_react13.useCallback)((file) => {
-    if (isImageFile(file)) {
-      const url = URL.createObjectURL(file);
-      previewUrlsRef.current.add(url);
-      return url;
-    }
-    return void 0;
-  }, []);
-  const revokePreviewUrl = (0, import_react13.useCallback)((url) => {
-    if (url && previewUrlsRef.current.has(url)) {
-      URL.revokeObjectURL(url);
-      previewUrlsRef.current.delete(url);
-    }
-  }, []);
-  const addFiles = (0, import_react13.useCallback)(
-    (files) => {
-      const fileArray = Array.from(files);
-      setAttachments((prev) => {
-        const newAttachments = [];
-        for (const file of fileArray) {
-          if (prev.length + newAttachments.length >= maxAttachments) {
-            onLimitExceeded?.("count", file);
-            continue;
-          }
-          if (maxFileSize && file.size > maxFileSize) {
-            onLimitExceeded?.("size", file);
-            continue;
-          }
-          if (!isMimeTypeAllowed(file.type, allowedMimeTypes)) {
-            onLimitExceeded?.("mime", file);
-            continue;
-          }
-          const attachment = {
-            id: generateId(),
-            file,
-            name: file.name,
-            size: file.size,
-            mime: file.type || "application/octet-stream",
-            lastModified: file.lastModified,
-            previewUrl: createPreviewUrl(file)
-          };
-          newAttachments.push(attachment);
-        }
-        return [...prev, ...newAttachments];
-      });
-    },
-    [maxAttachments, maxFileSize, allowedMimeTypes, onLimitExceeded, createPreviewUrl]
-  );
-  const removeAttachment = (0, import_react13.useCallback)(
-    (id) => {
-      setAttachments((prev) => {
-        const attachment = prev.find((a) => a.id === id);
-        if (attachment) {
-          revokePreviewUrl(attachment.previewUrl);
-        }
-        return prev.filter((a) => a.id !== id);
-      });
-    },
-    [revokePreviewUrl]
-  );
-  const clearAttachments = (0, import_react13.useCallback)(() => {
-    setAttachments((prev) => {
-      prev.forEach((attachment) => {
-        revokePreviewUrl(attachment.previewUrl);
-      });
-      return [];
-    });
-  }, [revokePreviewUrl]);
-  const setAttachmentsExternal = (0, import_react13.useCallback)(
-    (newAttachments) => {
-      attachments.forEach((attachment) => {
-        revokePreviewUrl(attachment.previewUrl);
-      });
-      setAttachments(newAttachments);
-    },
-    [attachments, revokePreviewUrl]
-  );
-  return {
-    attachments,
-    addFiles,
-    removeAttachment,
-    clearAttachments,
-    setAttachments: setAttachmentsExternal
-  };
-}
-
-// src/themes/EditorTheme.ts
-var EditorTheme = {
-  ltr: "ltr",
-  rtl: "rtl",
-  paragraph: "im-composer-paragraph",
-  quote: "im-composer-quote",
-  heading: {
-    h1: "im-composer-heading-h1",
-    h2: "im-composer-heading-h2",
-    h3: "im-composer-heading-h3",
-    h4: "im-composer-heading-h4",
-    h5: "im-composer-heading-h5",
-    h6: "im-composer-heading-h6"
-  },
-  list: {
-    nested: {
-      listitem: "im-composer-nested-listitem"
-    },
-    ol: "im-composer-list-ol",
-    ul: "im-composer-list-ul",
-    listitem: "im-composer-list-item"
-  },
-  image: "im-composer-image",
-  link: "im-composer-link",
-  text: {
-    bold: "im-composer-text-bold",
-    italic: "im-composer-text-italic",
-    overflowed: "im-composer-text-overflowed",
-    hashtag: "im-composer-text-hashtag",
-    underline: "im-composer-text-underline",
-    strikethrough: "im-composer-text-strikethrough",
-    underlineStrikethrough: "im-composer-text-underline-strikethrough",
-    code: "im-composer-text-code"
-  },
-  code: "im-composer-code"
-};
-
-// src/IMComposer.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function EditorInner({
-  mode,
-  onSend,
-  enableMention = true,
-  mentionProvider,
-  maxMentions,
-  renderMentionItem,
-  enableAttachments = true,
-  showAttachmentPreview = true,
-  attachmentPreviewPlacement = "bottom",
-  attachments,
-  onFilePaste,
-  onRemoveAttachment,
-  markdownOptions,
-  uploadImage,
-  keymap,
-  placeholder,
-  disabled,
-  isUploading,
-  onUploadStart,
-  onUploadEnd,
-  editorRef,
-  onQuoteRemoved,
-  onChange,
-  className,
-  ...restProps
-}) {
-  const [editor] = (0, import_LexicalComposerContext12.useLexicalComposerContext)();
-  editorRef.current = editor;
-  (0, import_react14.useEffect)(() => {
-    if (!onChange) return;
-    return editor.registerUpdateListener(({ editorState, dirtyElements, dirtyLeaves }) => {
-      if (dirtyElements.size > 0 || dirtyLeaves.size > 0) {
-        onChange();
-      }
-    });
-  }, [editor, onChange]);
-  const placeholderText = (0, import_react14.useMemo)(() => {
-    if (typeof placeholder === "string") return placeholder;
-    if (typeof placeholder === "object") {
-      const text = mode === "plain" ? placeholder.plain : placeholder.rich;
-      if (text) return text;
-    }
-    return mode === "plain" ? "Type a message..." : "Type with Markdown...";
-  }, [placeholder, mode]);
-  const canSend = (0, import_react14.useCallback)(() => {
-    if (disabled || isUploading) return false;
-    const isEmpty = isEditorEmpty(editor);
-    if (mode === "plain" && attachments.length > 0) {
-      return true;
-    }
-    return !isEmpty;
-  }, [editor, disabled, isUploading, mode, attachments.length]);
-  const handleSend = (0, import_react14.useCallback)(() => {
-    if (!canSend()) return;
-    if (mode === "plain") {
-      const payload = exportPlainPayload(editor, attachments);
-      onSend?.(payload);
-    } else {
-      const payload = exportMarkdownPayload(editor);
-      onSend?.(payload);
-    }
-  }, [editor, mode, attachments, onSend, canSend]);
-  const handleError = (0, import_react14.useCallback)((error) => {
-    console.error("IMComposer error:", error);
-  }, []);
-  const mergedClassName = [
-    "im-composer",
-    `im-composer-${mode}`,
-    disabled ? "im-composer-disabled" : "",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    "div",
-    {
-      className: mergedClassName,
-      ...restProps,
-      children: [
-        mode === "rich" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          ToolbarPlugin,
-          {
-            uploadImage,
-            enabledSyntax: markdownOptions?.enabledSyntax,
-            onUploadStart,
-            onUploadEnd,
-            onError: handleError
-          }
-        ),
-        mode === "plain" && attachmentPreviewPlacement === "top" && enableAttachments && showAttachmentPreview && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          AttachmentPreviewBar,
-          {
-            attachments,
-            onRemove: onRemoveAttachment,
-            placement: "top"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "im-composer-editor-container", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_LexicalRichTextPlugin.RichTextPlugin,
-            {
-              contentEditable: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                import_LexicalContentEditable.ContentEditable,
-                {
-                  className: "im-composer-editor",
-                  "aria-placeholder": placeholderText,
-                  placeholder: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "im-composer-placeholder", children: placeholderText })
-                }
-              ),
-              ErrorBoundary: import_LexicalErrorBoundary.LexicalErrorBoundary
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_LexicalListPlugin.ListPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_LexicalLinkPlugin.LinkPlugin, {}),
-          mode === "plain" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              MentionPlugin,
-              {
-                mentionProvider,
-                enabled: enableMention,
-                maxMentions,
-                renderMentionItem
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              PlainTextPastePlugin,
-              {
-                onFilePaste: enableAttachments ? onFilePaste : void 0
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DeletionPlugin, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(QuoteRemovalListenerPlugin, { onQuoteRemoved })
-          ] }),
-          mode === "rich" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: import_markdown3.TRANSFORMERS }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              RichTextPastePlugin,
-              {
-                uploadImage,
-                onUploadStart,
-                onUploadEnd,
-                onError: handleError
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LinkShortcutPlugin, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LinkEditPlugin, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DeletionPlugin, {})
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            KeymapPlugin,
-            {
-              sendKey: keymap?.send,
-              onSend: handleSend,
-              canSend,
-              disabled
-            }
-          )
-        ] }),
-        mode === "plain" && attachmentPreviewPlacement === "bottom" && enableAttachments && showAttachmentPreview && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          AttachmentPreviewBar,
-          {
-            attachments,
-            onRemove: onRemoveAttachment,
-            placement: "bottom"
-          }
-        ),
-        isUploading && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "im-composer-uploading", children: "Uploading..." })
-      ]
-    }
-  );
-}
-var IMComposer = (0, import_react14.forwardRef)(
-  function IMComposer2(props, ref) {
-    const {
-      mode: controlledMode,
-      defaultMode = "plain",
-      maxAttachments,
-      maxFileSize,
-      allowedMimeTypes,
-      onAttachmentLimitExceeded,
-      onFilesChange,
-      ...restProps
-    } = props;
-    const [uncontrolledMode, setUncontrolledMode] = (0, import_react14.useState)(defaultMode);
-    const mode = controlledMode ?? uncontrolledMode;
-    const editorRef = (0, import_react14.useRef)(null);
-    const [uploadCount, setUploadCount] = (0, import_react14.useState)(0);
-    const {
-      attachments,
-      addFiles,
-      removeAttachment,
-      clearAttachments,
-      setAttachments
-    } = useAttachments({
-      maxAttachments,
-      maxFileSize,
-      allowedMimeTypes,
-      onLimitExceeded: onAttachmentLimitExceeded
-    });
-    const handleUploadStart = (0, import_react14.useCallback)(() => {
-      setUploadCount((c) => c + 1);
-    }, []);
-    const handleUploadEnd = (0, import_react14.useCallback)(() => {
-      setUploadCount((c) => c - 1);
-    }, []);
-    (0, import_react14.useEffect)(() => {
-      onFilesChange?.(attachments);
-    }, [attachments, onFilesChange]);
-    const initialConfig = (0, import_react14.useMemo)(
-      () => ({
-        namespace: "IMComposer",
-        theme: EditorTheme,
-        nodes: [
-          ImageNode,
-          EmojiNode,
-          MentionNode,
-          import_rich_text2.HeadingNode,
-          import_rich_text2.QuoteNode,
-          QuoteNode,
-          import_list2.ListNode,
-          import_list2.ListItemNode,
-          import_code2.CodeNode,
-          import_link4.LinkNode,
-          import_link4.AutoLinkNode
-        ],
-        onError: (error) => {
-          console.error("Lexical error:", error);
-        },
-        editable: !props.disabled
-      }),
-      [props.disabled]
-    );
-    (0, import_react14.useImperativeHandle)(
-      ref,
-      () => ({
-        focus: () => {
-          editorRef.current?.focus();
-        },
-        clear: () => {
-          if (editorRef.current) {
-            clearEditor(editorRef.current);
-          }
-          clearAttachments();
-        },
-        exportPayload: () => {
-          if (!editorRef.current) return null;
-          if (mode === "plain") {
-            return exportPlainPayload(editorRef.current, attachments);
-          } else {
-            return exportMarkdownPayload(editorRef.current);
-          }
-        },
-        importMarkdown: (markdown) => {
-          if (editorRef.current && mode === "rich") {
-            importMarkdownToEditor(editorRef.current, markdown);
-          }
-        },
-        getAttachments: () => attachments,
-        setAttachments,
-        insertQuote: (title, content) => {
-          if (editorRef.current && mode === "plain") {
-            editorRef.current.update(() => {
-              const root = (0, import_lexical18.$getRoot)();
-              const newQuoteNode = $createQuoteNode(title, content);
-              const children = root.getChildren();
-              let existingQuote = null;
-              for (const child of children) {
-                if ($isQuoteNode(child)) {
-                  existingQuote = child;
-                  break;
-                }
-              }
-              if (existingQuote) {
-                existingQuote.replace(newQuoteNode);
-              } else {
-                const firstChild = root.getFirstChild();
-                if (firstChild) {
-                  firstChild.insertBefore(newQuoteNode);
-                } else {
-                  root.append(newQuoteNode);
-                }
-              }
-            });
-          }
-        },
-        addFiles,
-        removeAttachment,
-        clearAttachments,
-        insertMention: (userId, display) => {
-          if (editorRef.current && mode === "plain") {
-            editorRef.current.update(() => {
-              const selection = (0, import_lexical18.$getSelection)();
-              if ((0, import_lexical18.$isRangeSelection)(selection)) {
-                const mentionNode = $createMentionNode(userId, display);
-                selection.insertNodes([mentionNode]);
-              }
-            });
-          }
-        },
-        getDraft: () => {
-          let editorState = "";
-          let text = "";
-          if (editorRef.current) {
-            editorRef.current.getEditorState().read(() => {
-              text = (0, import_lexical18.$getRoot)().getTextContent().trim();
-            });
-            if (text) {
-              editorState = JSON.stringify(editorRef.current.getEditorState().toJSON());
-            }
-          }
-          return {
-            editorState,
-            text,
-            attachments: attachments.map((a) => ({
-              ...a,
-              file: a.file
-              // Note: File objects can't be serialized to JSON
-            }))
-          };
-        },
-        setDraft: (draft) => {
-          if (editorRef.current && draft.editorState) {
-            try {
-              const parsedState = editorRef.current.parseEditorState(draft.editorState);
-              editorRef.current.setEditorState(parsedState);
-            } catch (e) {
-              console.error("Failed to restore editor state:", e);
-            }
-          }
-          if (draft.attachments) {
-            setAttachments(draft.attachments);
-          }
-        },
-        setText: (text, mentions) => {
-          const editor = editorRef.current;
-          if (!editor) return;
-          editor.update(() => {
-            const root = (0, import_lexical18.$getRoot)();
-            root.clear();
-            const paragraph = (0, import_lexical18.$createParagraphNode)();
-            if (!text) {
-              root.append(paragraph);
-              return;
-            }
-            if (!mentions || mentions.length === 0) {
-              paragraph.append((0, import_lexical18.$createTextNode)(text));
-              root.append(paragraph);
-              return;
-            }
-            const pattern = /@(\S+?)\b/g;
-            let lastIndex = 0;
-            let match;
-            while ((match = pattern.exec(text)) !== null) {
-              const [fullMatch, userId] = match;
-              const matchIndex = match.index;
-              if (matchIndex > lastIndex) {
-                paragraph.append((0, import_lexical18.$createTextNode)(text.slice(lastIndex, matchIndex)));
-              }
-              const member = mentions.find((m) => m.userId === userId);
-              if (member) {
-                const mentionNode = $createMentionNode(member.userId, member.display);
-                paragraph.append(mentionNode);
-              } else {
-                paragraph.append((0, import_lexical18.$createTextNode)(fullMatch));
-              }
-              lastIndex = matchIndex + fullMatch.length;
-            }
-            if (lastIndex < text.length) {
-              paragraph.append((0, import_lexical18.$createTextNode)(text.slice(lastIndex)));
-            }
-            root.append(paragraph);
-          });
-        },
-        insertText: (text) => {
-          const editor = editorRef.current;
-          if (!editor) return;
-          editor.update(() => {
-            const selection = (0, import_lexical18.$getSelection)();
-            if ((0, import_lexical18.$isRangeSelection)(selection)) {
-              selection.insertText(text);
-            } else {
-              const root = (0, import_lexical18.$getRoot)();
-              const lastChild = root.getLastChild();
-              if (lastChild) {
-                lastChild.selectEnd();
-                const newSelection = (0, import_lexical18.$getSelection)();
-                if ((0, import_lexical18.$isRangeSelection)(newSelection)) {
-                  newSelection.insertText(text);
-                }
-              }
-            }
-          });
-        }
-      }),
-      [mode, attachments, clearAttachments, setAttachments, addFiles, removeAttachment]
-    );
-    const mergedLocale = (0, import_react14.useMemo)(() => mergeLocale(restProps.locale), [restProps.locale]);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LocaleContext.Provider, { value: mergedLocale, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_LexicalComposer.LexicalComposer, { initialConfig, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      EditorInner,
-      {
-        ...restProps,
-        mode,
-        attachments,
-        onFilePaste: addFiles,
-        onRemoveAttachment: removeAttachment,
-        isUploading: uploadCount > 0,
-        onUploadStart: handleUploadStart,
-        onUploadEnd: handleUploadEnd,
-        editorRef
-      }
-    ) }) });
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  $createEmojiNode,
-  $createImageNode,
-  $createMentionNode,
-  $createQuoteNode,
-  $isEmojiNode,
-  $isImageNode,
-  $isMentionNode,
-  $isQuoteNode,
-  EmojiNode,
-  IMComposer,
-  ImageNode,
-  MentionNode,
-  QuoteNode,
-  useAttachments,
-  useImageUpload
-});
-//# sourceMappingURL=index.cjs.map