eddyter 1.3.37 → 1.3.38

package/dist/{index-6717344b.js → index-0bc350db.js}

@@ -4,10 +4,12 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React$1 from "react";
-import React__default, { createContext, useContext, useState as useState$1, useRef, useCallback, useEffect as useEffect$1, Suspense, forwardRef, createElement, useImperativeHandle, useMemo, useLayoutEffect as useLayoutEffect$1, Component } from "react";
+import React__default, { createContext, useContext, useState as useState$1, useRef, useEffect as useEffect$1, useCallback, Suspense, forwardRef, createElement, useImperativeHandle, useMemo, useLayoutEffect as useLayoutEffect$1, Component } from "react";
 import axios from "axios";
+import * as ReactDOM from "react-dom";
+import ReactDOM__default, { createPortal } from "react-dom";
 import styled from "@emotion/styled";
 import { $generateNodesFromDOM, $generateHtmlFromNodes } from "@lexical/html";
 import { CheckListPlugin } from "@lexical/react/LexicalCheckListPlugin";
@@ -23,9 +25,7 @@ import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
 import { TableNode, TableCellNode, TableRowNode, $createTableNodeWithDimensions, $isTableRowNode, $isTableCellNode, TableCellHeaderStates, $isTableNode, $isTableSelection, $getTableCellNodeFromLexicalNode, $getTableNodeFromLexicalNodeOrThrow, getTableElement, getTableObserverFromTableElement, $getTableRowIndexFromTableCellNode, $getNodeTriplet, $insertTableRow__EXPERIMENTAL, $getTableColumnIndexFromTableCellNode, $insertTableColumn__EXPERIMENTAL, $deleteTableRow__EXPERIMENTAL, $deleteTableColumn__EXPERIMENTAL, $unmergeCell, $computeTableMapSkipCellCheck, getDOMCellFromTarget, $getTableAndElementByKey } from "@lexical/table";
 import { mergeRegister, $wrapNodeInElement, $findMatchingParent, $getNearestNodeOfType, $getNearestBlockElementAncestorOrThrow, $insertNodeToNearestRoot, $isEditorIsNestedEditor, mediaFileReader, isMimeType, calculateZoomLevel, CAN_USE_DOM } from "@lexical/utils";
-import { createCommand, DecoratorNode, createEditor, $applyNodeReplacement, $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $getNearestNodeFromDOMNode, isHTMLElement as isHTMLElement$1, TextNode, $getRoot, $createTextNode, $getNodeByKey, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, KEY_DOWN_COMMAND, COMMAND_PRIORITY_CRITICAL, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, UNDO_COMMAND, REDO_COMMAND, KEY_SPACE_COMMAND, $isLineBreakNode, $createRangeSelection, $setSelection, COMMAND_PRIORITY_HIGH, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, PASTE_COMMAND, getDOMSelection, CLICK_COMMAND, KEY_BACKSPACE_COMMAND, ParagraphNode, $createLineBreakNode, isDOMNode } from "lexical";
-import * as ReactDOM from "react-dom";
-import ReactDOM__default, { createPortal } from "react-dom";
+import { createCommand, DecoratorNode, createEditor, $applyNodeReplacement, $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $getNearestNodeFromDOMNode, isHTMLElement as isHTMLElement$1, TextNode, $getRoot, $createTextNode, $getNodeByKey, $isParagraphNode, $isTextNode, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, KEY_DOWN_COMMAND, COMMAND_PRIORITY_CRITICAL, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $isElementNode, SELECTION_CHANGE_COMMAND, UNDO_COMMAND, REDO_COMMAND, KEY_SPACE_COMMAND, $isLineBreakNode, $createRangeSelection, $setSelection, COMMAND_PRIORITY_HIGH, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, $createNodeSelection, $isNodeSelection, PASTE_COMMAND, CLICK_COMMAND, getDOMSelection, KEY_BACKSPACE_COMMAND, ParagraphNode, $createLineBreakNode, isDOMNode } from "lexical";
 import { $isCodeNode, CodeNode, normalizeCodeLang, getLanguageFriendlyName, CodeHighlightNode, CODE_LANGUAGE_MAP, $createCodeNode, registerCodeHighlighting, $isCodeHighlightNode } from "@lexical/code";
 import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $isAutoLinkNode, $createLinkNode } from "@lexical/link";
 import { ListNode, ListItemNode, $isListNode, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, $isListItemNode, $createListNode, $createListItemNode } from "@lexical/list";
@@ -104,6 +104,566 @@ const verifyApiKey = async (apiKey) => {
     throw new Error("Failed to verify API key");
   }
 };
+const backendInstance = axios.create({
+  baseURL: "https://api.cteditor.com/",
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
+const backendAPI = backendInstance;
+const apiEndpoints = {
+  // School management endpoints
+  chat: {
+    stream: "/api/chat/stream",
+    json: "/api/chat/json",
+    textEnhance: "/api/chat/text-enhance",
+    textTransform: "/api/chat/text-transform",
+    imageCreation: "/api/chat/image-creation",
+    editorAction: "/api/chat/chat-action",
+    credits: "/api/chat/credits",
+    userInfo: "/api/chat/user-info"
+  },
+  project: {
+    fileUpload: "/api/files/upload"
+  },
+  transcript: {
+    voiceTranscript: "/api/transcript/get-assemblyai-token",
+    endSession: "/api/transcript/end-session"
+  },
+  linkPreview: {
+    getPreview: "/api/link-preview"
+  }
+};
+const cache = /* @__PURE__ */ new Map();
+const CACHE_TTL = 30 * 60 * 1e3;
+const MAX_CACHE_SIZE$1 = 100;
+function getCached(url) {
+  const entry = cache.get(url);
+  if (!entry)
+    return null;
+  if (Date.now() - entry.timestamp > CACHE_TTL) {
+    cache.delete(url);
+    return null;
+  }
+  return entry.data;
+}
+function setCache(url, data) {
+  if (cache.size >= MAX_CACHE_SIZE$1) {
+    const oldestKey = cache.keys().next().value;
+    if (oldestKey)
+      cache.delete(oldestKey);
+  }
+  cache.set(url, { data, timestamp: Date.now() });
+}
+async function fetchLinkPreview({
+  url,
+  apiKey
+}) {
+  const cached = getCached(url);
+  if (cached)
+    return cached;
+  try {
+    const response = await backendAPI.post(
+      apiEndpoints.linkPreview.getPreview,
+      { url },
+      apiKey ? { headers: { "X-API-Key": apiKey } } : void 0
+    );
+    if (response.data.success && response.data.data) {
+      setCache(url, response.data.data);
+      return response.data.data;
+    }
+    return null;
+  } catch (error) {
+    console.error("Error fetching link preview:", error);
+    return null;
+  }
+}
+function LinkPreviewHover({
+  containerRef,
+  children,
+  apiKey,
+  showDelay = 500,
+  hideDelay = 300,
+  enabled = true
+}) {
+  const internalRef = useRef(null);
+  const [hoveredLink, setHoveredLink] = useState$1(null);
+  const effectiveRef = containerRef || internalRef;
+  useEffect$1(() => {
+    if (!enabled)
+      return;
+    const container = effectiveRef.current;
+    if (!container)
+      return;
+    let showTimeout = null;
+    let hideTimeout = null;
+    let isOverPreview = false;
+    const handleMouseOver = (event) => {
+      const target = event.target;
+      if (target.closest(".link-preview-card")) {
+        isOverPreview = true;
+        if (hideTimeout) {
+          clearTimeout(hideTimeout);
+          hideTimeout = null;
+        }
+        return;
+      }
+      const linkElement = target.closest("a");
+      if (linkElement && container.contains(linkElement)) {
+        const href = linkElement.getAttribute("href");
+        if (href && href !== "https://" && href !== "http://" && href !== "#" && !href.startsWith("javascript:")) {
+          if (showTimeout)
+            clearTimeout(showTimeout);
+          if (hideTimeout) {
+            clearTimeout(hideTimeout);
+            hideTimeout = null;
+          }
+          showTimeout = window.setTimeout(() => {
+            setHoveredLink({ url: href, rect: linkElement.getBoundingClientRect() });
+          }, showDelay);
+        }
+      }
+    };
+    const handleMouseOut = (event) => {
+      const target = event.target;
+      const relatedTarget = event.relatedTarget;
+      if (target.closest(".link-preview-card")) {
+        isOverPreview = false;
+        if (!(relatedTarget == null ? void 0 : relatedTarget.closest("a"))) {
+          hideTimeout = window.setTimeout(() => {
+            if (!isOverPreview)
+              setHoveredLink(null);
+          }, hideDelay);
+        }
+        return;
+      }
+      const linkElement = target.closest("a");
+      if (linkElement && container.contains(linkElement)) {
+        if (showTimeout) {
+          clearTimeout(showTimeout);
+          showTimeout = null;
+        }
+        if (!(relatedTarget == null ? void 0 : relatedTarget.closest(".link-preview-card"))) {
+          hideTimeout = window.setTimeout(() => {
+            if (!isOverPreview)
+              setHoveredLink(null);
+          }, hideDelay);
+        }
+      }
+    };
+    const handlePreviewMouseOver = (event) => {
+      if (event.target.closest(".link-preview-card")) {
+        isOverPreview = true;
+        if (hideTimeout) {
+          clearTimeout(hideTimeout);
+          hideTimeout = null;
+        }
+      }
+    };
+    const handlePreviewMouseOut = (event) => {
+      const target = event.target;
+      const relatedTarget = event.relatedTarget;
+      if (target.closest(".link-preview-card")) {
+        isOverPreview = false;
+        if (!(relatedTarget == null ? void 0 : relatedTarget.closest("a")) || !container.contains(relatedTarget)) {
+          hideTimeout = window.setTimeout(() => {
+            if (!isOverPreview)
+              setHoveredLink(null);
+          }, hideDelay);
+        }
+      }
+    };
+    container.addEventListener("mouseover", handleMouseOver);
+    container.addEventListener("mouseout", handleMouseOut);
+    document.body.addEventListener("mouseover", handlePreviewMouseOver);
+    document.body.addEventListener("mouseout", handlePreviewMouseOut);
+    return () => {
+      if (showTimeout)
+        clearTimeout(showTimeout);
+      if (hideTimeout)
+        clearTimeout(hideTimeout);
+      container.removeEventListener("mouseover", handleMouseOver);
+      container.removeEventListener("mouseout", handleMouseOut);
+      document.body.removeEventListener("mouseover", handlePreviewMouseOver);
+      document.body.removeEventListener("mouseout", handlePreviewMouseOut);
+    };
+  }, [effectiveRef, showDelay, hideDelay, enabled]);
+  if (children) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { ref: internalRef, children }),
+      hoveredLink && createPortal(
+        /* @__PURE__ */ jsx(
+          LinkPreviewCard,
+          {
+            url: hoveredLink.url,
+            rect: hoveredLink.rect,
+            apiKey,
+            onClose: () => setHoveredLink(null)
+          }
+        ),
+        document.body
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: hoveredLink && createPortal(
+    /* @__PURE__ */ jsx(
+      LinkPreviewCard,
+      {
+        url: hoveredLink.url,
+        rect: hoveredLink.rect,
+        apiKey,
+        onClose: () => setHoveredLink(null)
+      }
+    ),
+    document.body
+  ) });
+}
+const PREVIEW_WIDTH$1 = 320;
+function LinkPreviewCard({ url, rect, apiKey, onClose }) {
+  const [position, setPosition] = useState$1({ top: 0, left: 0 });
+  const [previewData, setPreviewData] = useState$1(null);
+  const [isLoading, setIsLoading] = useState$1(true);
+  const [hasError, setHasError] = useState$1(false);
+  const fetchedRef = useRef(false);
+  useEffect$1(() => {
+    if (fetchedRef.current)
+      return;
+    fetchedRef.current = true;
+    setIsLoading(true);
+    setHasError(false);
+    fetchLinkPreview({ url, apiKey }).then((data) => {
+      if (data)
+        setPreviewData(data);
+      else
+        setHasError(true);
+    }).catch(() => setHasError(true)).finally(() => setIsLoading(false));
+  }, [url, apiKey]);
+  useEffect$1(() => {
+    const previewHeight = (previewData == null ? void 0 : previewData.image) ? 280 : 160;
+    let top = rect.top + window.scrollY - previewHeight - 10;
+    if (rect.top - previewHeight - 10 < 0) {
+      top = rect.bottom + window.scrollY + 10;
+    }
+    let left = rect.left + window.scrollX + rect.width / 2 - PREVIEW_WIDTH$1 / 2;
+    const viewportWidth = window.innerWidth;
+    if (left < 10)
+      left = 10;
+    else if (left + PREVIEW_WIDTH$1 > viewportWidth - 10)
+      left = viewportWidth - PREVIEW_WIDTH$1 - 10;
+    setPosition({ top, left });
+  }, [rect, previewData]);
+  const getDomain = useCallback((urlString) => {
+    try {
+      return new URL(urlString).hostname.replace("www.", "");
+    } catch {
+      return urlString;
+    }
+  }, []);
+  const domain = getDomain(url);
+  const cardStyle = {
+    position: "absolute",
+    top: `${position.top}px`,
+    left: `${position.left}px`,
+    zIndex: 1e4,
+    pointerEvents: "auto",
+    animation: "linkPreviewFadeIn 0.2s ease-out"
+  };
+  const containerStyle = {
+    width: `${PREVIEW_WIDTH$1}px`,
+    backgroundColor: "#1e1e1e",
+    borderRadius: "12px",
+    boxShadow: "0 10px 40px rgba(0, 0, 0, 0.4)",
+    overflow: "hidden",
+    position: "relative",
+    border: "1px solid #333"
+  };
+  const closeButtonStyle = {
+    position: "absolute",
+    top: "8px",
+    right: "8px",
+    width: "24px",
+    height: "24px",
+    borderRadius: "6px",
+    backgroundColor: "rgba(0,0,0,0.5)",
+    border: "none",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 10
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "link-preview-card", style: cardStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onClose();
+          },
+          style: closeButtonStyle,
+          onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = "rgba(0,0,0,0.7)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = "rgba(0,0,0,0.5)";
+          },
+          title: "Close preview",
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              style: { width: "14px", height: "14px", color: "#fff" },
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
+            }
+          )
+        }
+      ),
+      isLoading && /* @__PURE__ */ jsxs("div", { style: { padding: "40px", textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: "24px",
+              height: "24px",
+              border: "2px solid #444",
+              borderTopColor: "#fff",
+              borderRadius: "50%",
+              animation: "linkPreviewSpin 1s linear infinite",
+              margin: "0 auto 12px"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: "12px", color: "#888" }, children: "Loading preview..." })
+      ] }),
+      !isLoading && hasError && /* @__PURE__ */ jsxs("div", { style: { padding: "16px" }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              style: { width: "16px", height: "16px", color: "#fff" },
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: "600", color: "#fff" }, children: domain })
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { backgroundColor: "#2a2a2a", padding: "10px", borderRadius: "6px" }, children: /* @__PURE__ */ jsx("p", { style: { fontSize: "12px", color: "#ccc", wordBreak: "break-all", lineHeight: "1.5" }, children: url }) })
+      ] }),
+      !isLoading && !hasError && previewData && /* @__PURE__ */ jsxs(Fragment, { children: [
+        previewData.image && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: "100%",
+              height: "140px",
+              backgroundColor: "#2a2a2a",
+              backgroundImage: `url(${previewData.image})`,
+              backgroundSize: "cover",
+              backgroundPosition: "center"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { padding: "14px" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "10px" }, children: [
+            previewData.favicon ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: previewData.favicon,
+                alt: "",
+                style: { width: "16px", height: "16px", borderRadius: "2px", objectFit: "contain" },
+                onError: (e) => {
+                  e.currentTarget.style.display = "none";
+                }
+              }
+            ) : /* @__PURE__ */ jsx("span", { style: { color: "#888" }, children: /* @__PURE__ */ jsx(TypeIcon, { type: previewData.type }) }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: "12px",
+                  color: "#888",
+                  flex: 1,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: previewData.siteName || domain
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: "10px",
+                  color: "#666",
+                  padding: "2px 6px",
+                  backgroundColor: "#333",
+                  borderRadius: "4px",
+                  textTransform: "uppercase"
+                },
+                children: previewData.type
+              }
+            )
+          ] }),
+          previewData.title && /* @__PURE__ */ jsx(
+            "h4",
+            {
+              style: {
+                fontSize: "14px",
+                fontWeight: "600",
+                color: "#fff",
+                marginBottom: "6px",
+                lineHeight: "1.4",
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                overflow: "hidden"
+              },
+              children: previewData.title
+            }
+          ),
+          previewData.description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              style: {
+                fontSize: "12px",
+                color: "#999",
+                lineHeight: "1.5",
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                overflow: "hidden",
+                marginBottom: "10px"
+              },
+              children: previewData.description
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "8px 10px",
+                backgroundColor: "#252525",
+                borderRadius: "6px",
+                marginTop: "8px"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    style: { width: "12px", height: "12px", color: "#666", flexShrink: 0 },
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "11px",
+                      color: "#888",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: url
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("style", { children: `
+        @keyframes linkPreviewFadeIn {
+          from { opacity: 0; transform: translateY(5px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+        @keyframes linkPreviewSpin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      ` })
+  ] });
+}
+function TypeIcon({ type }) {
+  const iconProps = {
+    style: { width: "14px", height: "14px" },
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  };
+  const pathProps = {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2
+  };
+  switch (type) {
+    case "image":
+      return /* @__PURE__ */ jsx("svg", { ...iconProps, children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          ...pathProps,
+          d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+        }
+      ) });
+    case "video":
+      return /* @__PURE__ */ jsxs("svg", { ...iconProps, children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            ...pathProps,
+            d: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { ...pathProps, d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })
+      ] });
+    case "pdf":
+      return /* @__PURE__ */ jsx("svg", { ...iconProps, children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          ...pathProps,
+          d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+        }
+      ) });
+    default:
+      return /* @__PURE__ */ jsx("svg", { ...iconProps, children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          ...pathProps,
+          d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
+        }
+      ) });
+  }
+}
 const convertToEditorConfigTypes = (config) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   return {
@@ -137,7 +697,9 @@ const EditorProvider = ({
   children,
   defaultFontFamilies = [],
   mentionUserList = [],
-  currentUser
+  currentUser,
+  enableLinkPreview = true,
+  apiKey: initialApiKey
 }) => {
   const [isAuthenticated, setIsAuthenticated] = useState$1(false);
   const [isLoading, setIsLoading] = useState$1(false);
@@ -148,7 +710,14 @@ const EditorProvider = ({
   const [projectName, setProjectName] = useState$1(null);
   const [isPaidPlan, setIsPaidPlan] = useState$1(false);
   const [apiKey, setApiKey] = useState$1(null);
-  const verifyKey = async (apiKey2) => {
+  const hasAutoAuthenticatedRef = useRef(false);
+  useEffect$1(() => {
+    if (initialApiKey && !isAuthenticated && !isLoading && !hasAutoAuthenticatedRef.current) {
+      hasAutoAuthenticatedRef.current = true;
+      verifyKeyInternal(initialApiKey);
+    }
+  }, [initialApiKey, isAuthenticated, isLoading]);
+  const verifyKeyInternal = async (key) => {
     var _a, _b;
     if (isAuthenticated || isLoading)
       return;
@@ -156,14 +725,14 @@ const EditorProvider = ({
     setIsLoading(true);
     setError(null);
     try {
-      const response = await verifyApiKey(apiKey2);
+      const response = await verifyApiKey(key);
       console.log(response, "response form verifyKey");
       if (response.success) {
         setIsAuthenticated(true);
         setEditorConfig(convertToEditorConfigTypes(response.data));
         setProjectName(response.data.name);
         setIsPaidPlan(response.data.paidPlan);
-        setApiKey(apiKey2);
+        setApiKey(key);
       } else {
         console.log(response.message, "response.message form verifyKey");
         setError(response.message);
@@ -176,6 +745,9 @@ const EditorProvider = ({
       setIsLoading(false);
     }
   };
+  const verifyKey = (key) => verifyKeyInternal(key);
+  const effectiveApiKey = apiKey || initialApiKey;
+  const wrappedChildren = enableLinkPreview && effectiveApiKey ? /* @__PURE__ */ jsx(LinkPreviewHover, { apiKey: effectiveApiKey, enabled: enableLinkPreview, children }) : children;
   return /* @__PURE__ */ jsx(
     EditorContext.Provider,
     {
@@ -190,7 +762,7 @@ const EditorProvider = ({
         currentUser: currentUser || null,
         verifyKey
       },
-      children
+      children: wrappedChildren
     }
   );
 };
@@ -198,13 +770,6 @@ const globals = "";
 const EditorTheme = "";
 const PlaygroundEditorTheme = "";
 const AIChatPlugin$1 = "";
-const backendInstance = axios.create({
-  baseURL: "https://api.cteditor.com/",
-  headers: {
-    "Content-Type": "application/json"
-  }
-});
-const backendAPI = backendInstance;
 const editorConfig = {
   enableToolbar: true,
   toolbarOptions: {
@@ -1500,34 +2065,13 @@ const Toaster = /* @__PURE__ */ React__default.forwardRef(function Toaster2(prop
     }))
   );
 });
-const apiEndpoints = {
-  // School management endpoints
-  chat: {
-    stream: "/api/chat/stream",
-    json: "/api/chat/json",
-    textEnhance: "/api/chat/text-enhance",
-    textTransform: "/api/chat/text-transform",
-    imageCreation: "/api/chat/image-creation",
-    editorAction: "/api/chat/chat-action",
-    credits: "/api/chat/credits",
-    userInfo: "/api/chat/user-info"
-  },
-  project: {
-    fileUpload: "/api/files/upload"
-  },
-  transcript: {
-    voiceTranscript: "/api/transcript/get-assemblyai-token",
-    endSession: "/api/transcript/end-session"
-  },
-  linkPreview: {
-    getPreview: "/api/link-preview"
-  }
-};
-const AiJsonResponse = async ({ content }) => {
+const AiJsonResponse = async ({ content, apiKey }) => {
   try {
-    const res = await backendAPI.post(apiEndpoints.chat.json, {
-      content
-    });
+    const res = await backendAPI.post(
+      apiEndpoints.chat.json,
+      { content },
+      apiKey ? { headers: { "X-API-Key": apiKey } } : void 0
+    );
     return res.data;
   } catch (error) {
     console.error("Error in AiJsonResponse:", error);
@@ -1604,7 +2148,7 @@ const AiTextTransform = async ({ content, apiKey }) => {
 const AI_ACTION_COMMAND = createCommand(
   "AI_ACTION_COMMAND"
 );
-const ImageView = React__default.lazy(() => import("./index-da40f793.js"));
+const ImageView = React__default.lazy(() => import("./index-f51de846.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -1907,18 +2451,18 @@ const ImagePlugin = ({
   }, [captionsEnabled, editor]);
   return null;
 };
-function setRef(ref, value) {
+function setRef$1(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
+function composeRefs$1(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
+      const cleanup = setRef$1(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -1931,34 +2475,31 @@ function composeRefs(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef(refs[i2], null);
+            setRef$1(refs[i2], null);
           }
         }
       };
     }
   };
 }
-function useComposedRefs(...refs) {
-  return React$1.useCallback(composeRefs(...refs), refs);
-}
-var REACT_LAZY_TYPE$3 = Symbol.for("react.lazy");
-var use$3 = React$1[" use ".trim().toString()];
-function isPromiseLike$3(value) {
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = React$1[" use ".trim().toString()];
+function isPromiseLike(value) {
   return typeof value === "object" && value !== null && "then" in value;
 }
-function isLazyComponent$3(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$3 && "_payload" in element && isPromiseLike$3(element._payload);
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot$4(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$4(ownerName);
+function createSlot$1(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone$1(ownerName);
   const Slot2 = React$1.forwardRef((props, forwardedRef) => {
     let { children, ...slotProps } = props;
-    if (isLazyComponent$3(children) && typeof use$3 === "function") {
-      children = use$3(children._payload);
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
     }
     const childrenArray = React$1.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$4);
+    const slottable = childrenArray.find(isSlottable$1);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -1977,19 +2518,19 @@ function createSlot$4(ownerName) {
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
 }
-var Slot$4 = /* @__PURE__ */ createSlot$4("Slot");
+var Slot$4 = /* @__PURE__ */ createSlot$1("Slot");
 // @__NO_SIDE_EFFECTS__
-function createSlotClone$4(ownerName) {
+function createSlotClone$1(ownerName) {
   const SlotClone = React$1.forwardRef((props, forwardedRef) => {
     let { children, ...slotProps } = props;
-    if (isLazyComponent$3(children) && typeof use$3 === "function") {
-      children = use$3(children._payload);
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
     }
     if (React$1.isValidElement(children)) {
-      const childrenRef = getElementRef$5(children);
-      const props2 = mergeProps$4(slotProps, children.props);
+      const childrenRef = getElementRef$2(children);
+      const props2 = mergeProps$1(slotProps, children.props);
       if (children.type !== React$1.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
       return React$1.cloneElement(children, props2);
     }
@@ -1998,11 +2539,11 @@ function createSlotClone$4(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER$4 = Symbol("radix.slottable");
-function isSlottable$4(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$4;
+var SLOTTABLE_IDENTIFIER$1 = Symbol("radix.slottable");
+function isSlottable$1(child) {
+  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$1;
 }
-function mergeProps$4(slotProps, childProps) {
+function mergeProps$1(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -2026,7 +2567,7 @@ function mergeProps$4(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef$5(element) {
+function getElementRef$2(element) {
   var _a, _b;
   let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -2101,28 +2642,7 @@ const cva = (base, config) => (props) => {
   }, []);
   return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
 };
-const concatArrays = (array1, array2) => {
-  const combinedArray = new Array(array1.length + array2.length);
-  for (let i2 = 0; i2 < array1.length; i2++) {
-    combinedArray[i2] = array1[i2];
-  }
-  for (let i2 = 0; i2 < array2.length; i2++) {
-    combinedArray[array1.length + i2] = array2[i2];
-  }
-  return combinedArray;
-};
-const createClassValidatorObject = (classGroupId, validator) => ({
-  classGroupId,
-  validator
-});
-const createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
-  nextPart,
-  validators,
-  classGroupId
-});
 const CLASS_PART_SEPARATOR = "-";
-const EMPTY_CONFLICTS = [];
-const ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
 const createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);
   const {
@@ -2130,135 +2650,104 @@ const createClassGroupUtils = (config) => {
     conflictingClassGroupModifiers
   } = config;
   const getClassGroupId = (className) => {
-    if (className.startsWith("[") && className.endsWith("]")) {
-      return getGroupIdForArbitraryProperty(className);
-    }
     const classParts = className.split(CLASS_PART_SEPARATOR);
-    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
-    return getGroupRecursive(classParts, startIndex, classMap);
+    if (classParts[0] === "" && classParts.length !== 1) {
+      classParts.shift();
+    }
+    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
   };
   const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    if (hasPostfixModifier) {
-      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
-      const baseConflicts = conflictingClassGroups[classGroupId];
-      if (modifierConflicts) {
-        if (baseConflicts) {
-          return concatArrays(baseConflicts, modifierConflicts);
-        }
-        return modifierConflicts;
-      }
-      return baseConflicts || EMPTY_CONFLICTS;
+    const conflicts = conflictingClassGroups[classGroupId] || [];
+    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
+      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
     }
-    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+    return conflicts;
   };
   return {
     getClassGroupId,
     getConflictingClassGroupIds
   };
 };
-const getGroupRecursive = (classParts, startIndex, classPartObject) => {
-  const classPathsLength = classParts.length - startIndex;
-  if (classPathsLength === 0) {
+const getGroupRecursive = (classParts, classPartObject) => {
+  var _a;
+  if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
-  const currentClassPart = classParts[startIndex];
+  const currentClassPart = classParts[0];
   const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  if (nextClassPartObject) {
-    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
-    if (result)
-      return result;
+  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
+  if (classGroupFromNextClassPart) {
+    return classGroupFromNextClassPart;
   }
-  const validators = classPartObject.validators;
-  if (validators === null) {
+  if (classPartObject.validators.length === 0) {
     return void 0;
   }
-  const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
-  const validatorsLength = validators.length;
-  for (let i2 = 0; i2 < validatorsLength; i2++) {
-    const validatorObj = validators[i2];
-    if (validatorObj.validator(classRest)) {
-      return validatorObj.classGroupId;
+  const classRest = classParts.join(CLASS_PART_SEPARATOR);
+  return (_a = classPartObject.validators.find(({
+    validator
+  }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
+};
+const arbitraryPropertyRegex = /^\[(.+)\]$/;
+const getGroupIdForArbitraryProperty = (className) => {
+  if (arbitraryPropertyRegex.test(className)) {
+    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
+    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    if (property) {
+      return "arbitrary.." + property;
     }
   }
-  return void 0;
 };
-const getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const content = className.slice(1, -1);
-  const colonIndex = content.indexOf(":");
-  const property = content.slice(0, colonIndex);
-  return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
-})();
 const createClassMap = (config) => {
   const {
     theme: theme2,
     classGroups
   } = config;
-  return processClassGroups(classGroups, theme2);
-};
-const processClassGroups = (classGroups, theme2) => {
-  const classMap = createClassPartObject();
+  const classMap = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
   for (const classGroupId in classGroups) {
-    const group = classGroups[classGroupId];
-    processClassesRecursively(group, classMap, classGroupId, theme2);
+    processClassesRecursively(classGroups[classGroupId], classMap, classGroupId, theme2);
   }
   return classMap;
 };
 const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme2) => {
-  const len = classGroup.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const classDefinition = classGroup[i2];
-    processClassDefinition(classDefinition, classPartObject, classGroupId, theme2);
-  }
-};
-const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
-  if (typeof classDefinition === "string") {
-    processStringDefinition(classDefinition, classPartObject, classGroupId);
-    return;
-  }
-  if (typeof classDefinition === "function") {
-    processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme2);
-    return;
-  }
-  processObjectDefinition(classDefinition, classPartObject, classGroupId, theme2);
-};
-const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
-  const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-  classPartObjectToEdit.classGroupId = classGroupId;
-};
-const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
-  if (isThemeGetter(classDefinition)) {
-    processClassesRecursively(classDefinition(theme2), classPartObject, classGroupId, theme2);
-    return;
-  }
-  if (classPartObject.validators === null) {
-    classPartObject.validators = [];
-  }
-  classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
-};
-const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
-  const entries = Object.entries(classDefinition);
-  const len = entries.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const [key, value] = entries[i2];
-    processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme2);
-  }
+  classGroup.forEach((classDefinition) => {
+    if (typeof classDefinition === "string") {
+      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+      classPartObjectToEdit.classGroupId = classGroupId;
+      return;
+    }
+    if (typeof classDefinition === "function") {
+      if (isThemeGetter(classDefinition)) {
+        processClassesRecursively(classDefinition(theme2), classPartObject, classGroupId, theme2);
+        return;
+      }
+      classPartObject.validators.push({
+        validator: classDefinition,
+        classGroupId
+      });
+      return;
+    }
+    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
+      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme2);
+    });
+  });
 };
 const getPart = (classPartObject, path) => {
-  let current = classPartObject;
-  const parts = path.split(CLASS_PART_SEPARATOR);
-  const len = parts.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const part = parts[i2];
-    let next = current.nextPart.get(part);
-    if (!next) {
-      next = createClassPartObject();
-      current.nextPart.set(part, next);
+  let currentClassPartObject = classPartObject;
+  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
+    if (!currentClassPartObject.nextPart.has(pathPart)) {
+      currentClassPartObject.nextPart.set(pathPart, {
+        nextPart: /* @__PURE__ */ new Map(),
+        validators: []
+      });
     }
-    current = next;
-  }
-  return current;
+    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
+  });
+  return currentClassPartObject;
 };
-const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
+const isThemeGetter = (func) => func.isThemeGetter;
 const createLruCache = (maxCacheSize) => {
   if (maxCacheSize < 1) {
     return {
@@ -2268,31 +2757,31 @@ const createLruCache = (maxCacheSize) => {
     };
   }
   let cacheSize = 0;
-  let cache2 = /* @__PURE__ */ Object.create(null);
-  let previousCache = /* @__PURE__ */ Object.create(null);
+  let cache2 = /* @__PURE__ */ new Map();
+  let previousCache = /* @__PURE__ */ new Map();
   const update = (key, value) => {
-    cache2[key] = value;
+    cache2.set(key, value);
     cacheSize++;
     if (cacheSize > maxCacheSize) {
       cacheSize = 0;
       previousCache = cache2;
-      cache2 = /* @__PURE__ */ Object.create(null);
+      cache2 = /* @__PURE__ */ new Map();
     }
   };
   return {
     get(key) {
-      let value = cache2[key];
+      let value = cache2.get(key);
       if (value !== void 0) {
         return value;
       }
-      if ((value = previousCache[key]) !== void 0) {
+      if ((value = previousCache.get(key)) !== void 0) {
         update(key, value);
         return value;
       }
     },
     set(key, value) {
-      if (key in cache2) {
-        cache2[key] = value;
+      if (cache2.has(key)) {
+        cache2.set(key, value);
       } else {
         update(key, value);
       }
@@ -2301,14 +2790,7 @@ const createLruCache = (maxCacheSize) => {
 };
 const IMPORTANT_MODIFIER = "!";
 const MODIFIER_SEPARATOR = ":";
-const EMPTY_MODIFIERS = [];
-const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
-  modifiers,
-  hasImportantModifier,
-  baseClassName,
-  maybePostfixModifierPosition,
-  isExternal
-});
+const MODIFIER_SEPARATOR_LENGTH = MODIFIER_SEPARATOR.length;
 const createParseClassName = (config) => {
   const {
     prefix,
@@ -2320,13 +2802,12 @@ const createParseClassName = (config) => {
     let parenDepth = 0;
     let modifierStart = 0;
     let postfixModifierPosition;
-    const len = className.length;
-    for (let index2 = 0; index2 < len; index2++) {
-      const currentCharacter = className[index2];
+    for (let index2 = 0; index2 < className.length; index2++) {
+      let currentCharacter = className[index2];
       if (bracketDepth === 0 && parenDepth === 0) {
         if (currentCharacter === MODIFIER_SEPARATOR) {
           modifiers.push(className.slice(modifierStart, index2));
-          modifierStart = index2 + 1;
+          modifierStart = index2 + MODIFIER_SEPARATOR_LENGTH;
           continue;
         }
         if (currentCharacter === "/") {
@@ -2334,38 +2815,37 @@ const createParseClassName = (config) => {
           continue;
         }
       }
-      if (currentCharacter === "[")
+      if (currentCharacter === "[") {
         bracketDepth++;
-      else if (currentCharacter === "]")
+      } else if (currentCharacter === "]") {
         bracketDepth--;
-      else if (currentCharacter === "(")
+      } else if (currentCharacter === "(") {
         parenDepth++;
-      else if (currentCharacter === ")")
+      } else if (currentCharacter === ")") {
         parenDepth--;
+      }
     }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
-    let baseClassName = baseClassNameWithImportantModifier;
-    let hasImportantModifier = false;
-    if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
-      baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
-      hasImportantModifier = true;
-    } else if (
-      /**
-       * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
-       * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
-       */
-      baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)
-    ) {
-      baseClassName = baseClassNameWithImportantModifier.slice(1);
-      hasImportantModifier = true;
-    }
+    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
+    const baseClassName = stripImportantModifier(baseClassNameWithImportantModifier);
+    const hasImportantModifier = baseClassName !== baseClassNameWithImportantModifier;
     const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-    return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
+    return {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    };
   };
   if (prefix) {
     const fullPrefix = prefix + MODIFIER_SEPARATOR;
     const parseClassNameOriginal = parseClassName;
-    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
+    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.substring(fullPrefix.length)) : {
+      isExternal: true,
+      modifiers: [],
+      hasImportantModifier: false,
+      baseClassName: className,
+      maybePostfixModifierPosition: void 0
+    };
   }
   if (experimentalParseClassName) {
     const parseClassNameOriginal = parseClassName;
@@ -2376,35 +2856,36 @@ const createParseClassName = (config) => {
   }
   return parseClassName;
 };
+const stripImportantModifier = (baseClassName) => {
+  if (baseClassName.endsWith(IMPORTANT_MODIFIER)) {
+    return baseClassName.substring(0, baseClassName.length - 1);
+  }
+  if (baseClassName.startsWith(IMPORTANT_MODIFIER)) {
+    return baseClassName.substring(1);
+  }
+  return baseClassName;
+};
 const createSortModifiers = (config) => {
-  const modifierWeights = /* @__PURE__ */ new Map();
-  config.orderSensitiveModifiers.forEach((mod, index2) => {
-    modifierWeights.set(mod, 1e6 + index2);
-  });
-  return (modifiers) => {
-    const result = [];
-    let currentSegment = [];
-    for (let i2 = 0; i2 < modifiers.length; i2++) {
-      const modifier = modifiers[i2];
-      const isArbitrary = modifier[0] === "[";
-      const isOrderSensitive = modifierWeights.has(modifier);
-      if (isArbitrary || isOrderSensitive) {
-        if (currentSegment.length > 0) {
-          currentSegment.sort();
-          result.push(...currentSegment);
-          currentSegment = [];
-        }
-        result.push(modifier);
+  const orderSensitiveModifiers = Object.fromEntries(config.orderSensitiveModifiers.map((modifier) => [modifier, true]));
+  const sortModifiers = (modifiers) => {
+    if (modifiers.length <= 1) {
+      return modifiers;
+    }
+    const sortedModifiers = [];
+    let unsortedModifiers = [];
+    modifiers.forEach((modifier) => {
+      const isPositionSensitive = modifier[0] === "[" || orderSensitiveModifiers[modifier];
+      if (isPositionSensitive) {
+        sortedModifiers.push(...unsortedModifiers.sort(), modifier);
+        unsortedModifiers = [];
       } else {
-        currentSegment.push(modifier);
+        unsortedModifiers.push(modifier);
       }
-    }
-    if (currentSegment.length > 0) {
-      currentSegment.sort();
-      result.push(...currentSegment);
-    }
-    return result;
+    });
+    sortedModifiers.push(...unsortedModifiers.sort());
+    return sortedModifiers;
   };
+  return sortModifiers;
 };
 const createConfigUtils = (config) => ({
   cache: createLruCache(config.cacheSize),
@@ -2450,10 +2931,10 @@ const mergeClassList = (classList, configUtils) => {
       }
       hasPostfixModifier = false;
     }
-    const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
+    const variantModifier = sortModifiers(modifiers).join(":");
     const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
     const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.indexOf(classId) > -1) {
+    if (classGroupsInConflict.includes(classId)) {
       continue;
     }
     classGroupsInConflict.push(classId);
@@ -2466,13 +2947,13 @@ const mergeClassList = (classList, configUtils) => {
   }
   return result;
 };
-const twJoin = (...classLists) => {
+function twJoin() {
   let index2 = 0;
   let argument;
   let resolvedValue;
   let string = "";
-  while (index2 < classLists.length) {
-    if (argument = classLists[index2++]) {
+  while (index2 < arguments.length) {
+    if (argument = arguments[index2++]) {
       if (resolvedValue = toValue(argument)) {
         string && (string += " ");
         string += resolvedValue;
@@ -2480,7 +2961,7 @@ const twJoin = (...classLists) => {
     }
   }
   return string;
-};
+}
 const toValue = (mix) => {
   if (typeof mix === "string") {
     return mix;
@@ -2497,20 +2978,20 @@ const toValue = (mix) => {
   }
   return string;
 };
-const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
+function createTailwindMerge(createConfigFirst, ...createConfigRest) {
   let configUtils;
   let cacheGet;
   let cacheSet;
-  let functionToCall;
-  const initTailwindMerge = (classList) => {
+  let functionToCall = initTailwindMerge;
+  function initTailwindMerge(classList) {
     const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
     configUtils = createConfigUtils(config);
     cacheGet = configUtils.cache.get;
     cacheSet = configUtils.cache.set;
     functionToCall = tailwindMerge;
     return tailwindMerge(classList);
-  };
-  const tailwindMerge = (classList) => {
+  }
+  function tailwindMerge(classList) {
     const cachedResult = cacheGet(classList);
     if (cachedResult) {
       return cachedResult;
@@ -2518,13 +2999,13 @@ const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
     const result = mergeClassList(classList, configUtils);
     cacheSet(classList, result);
     return result;
+  }
+  return function callTailwindMerge() {
+    return functionToCall(twJoin.apply(null, arguments));
   };
-  functionToCall = initTailwindMerge;
-  return (...args) => functionToCall(twJoin(...args));
-};
-const fallbackThemeArr = [];
+}
 const fromTheme = (key) => {
-  const themeGetter = (theme2) => theme2[key] || fallbackThemeArr;
+  const themeGetter = (theme2) => theme2[key] || [];
   themeGetter.isThemeGetter = true;
   return themeGetter;
 };
@@ -5166,6 +5647,40 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
     }
   };
 }
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i2 = 0; i2 < cleanups.length; i2++) {
+          const cleanup = cleanups[i2];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i2], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React$1.useCallback(composeRefs(...refs), refs);
+}
 function createContext2(rootComponentName, defaultContext) {
   const Context2 = React$1.createContext(defaultContext);
   const Provider2 = (props) => {
@@ -5184,7 +5699,7 @@ function createContext2(rootComponentName, defaultContext) {
   }
   return [Provider2, useContext2];
 }
-function createContextScope$1(scopeName, createContextScopeDeps = []) {
+function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React$1.createContext(defaultContext);
@@ -5223,9 +5738,9 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$1(...scopes) {
+function composeContextScopes(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1)
     return baseScope;
@@ -5325,12 +5840,12 @@ function isFunction(value) {
   return typeof value === "function";
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot$3(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$3(ownerName);
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
   const Slot2 = React$1.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
     const childrenArray = React$1.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$3);
+    const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -5350,12 +5865,12 @@ function createSlot$3(ownerName) {
   return Slot2;
 }
 // @__NO_SIDE_EFFECTS__
-function createSlotClone$3(ownerName) {
+function createSlotClone(ownerName) {
   const SlotClone = React$1.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
     if (React$1.isValidElement(children)) {
-      const childrenRef = getElementRef$4(children);
-      const props2 = mergeProps$3(slotProps, children.props);
+      const childrenRef = getElementRef$1(children);
+      const props2 = mergeProps(slotProps, children.props);
       if (children.type !== React$1.Fragment) {
         props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
@@ -5366,20 +5881,20 @@ function createSlotClone$3(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER$3 = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
     return /* @__PURE__ */ jsx(Fragment, { children });
   };
   Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER$3;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
   return Slottable2;
 }
-function isSlottable$3(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$3;
+function isSlottable(child) {
+  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
-function mergeProps$3(slotProps, childProps) {
+function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -5403,7 +5918,7 @@ function mergeProps$3(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef$4(element) {
+function getElementRef$1(element) {
   var _a, _b;
   let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -5417,7 +5932,7 @@ function getElementRef$4(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES$3 = [
+var NODES = [
   "a",
   "button",
   "div",
@@ -5436,8 +5951,8 @@ var NODES$3 = [
   "svg",
   "ul"
 ];
-var Primitive$3 = NODES$3.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$3(`Primitive.${node}`);
+var Primitive = NODES.reduce((primitive, node) => {
+  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
   const Node2 = React$1.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
@@ -5570,7 +6085,7 @@ var DismissableLayer = React$1.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -5603,7 +6118,7 @@ var DismissableLayerBranch = React$1.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
@@ -5812,7 +6327,7 @@ var FocusScope = React$1.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -5909,7 +6424,7 @@ var Portal$5 = React$1.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React$1.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
-  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$5.displayName = PORTAL_NAME$6;
 function useStateMachine(initialState, machine) {
@@ -5922,7 +6437,7 @@ var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence(present);
   const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
-  const ref = useComposedRefs(presence.ref, getElementRef$3(child));
+  const ref = useComposedRefs(presence.ref, getElementRef(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React$1.cloneElement(child, { ref }) : null;
 };
@@ -6021,7 +6536,7 @@ function usePresence(present) {
 function getAnimationName(styles) {
   return (styles == null ? void 0 : styles.animationName) || "none";
 }
-function getElementRef$3(element) {
+function getElementRef(element) {
   var _a, _b;
   let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -6844,7 +7359,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 var DIALOG_NAME = "Dialog";
-var [createDialogContext, createDialogScope] = createContextScope$1(DIALOG_NAME);
+var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
 var Dialog$1 = (props) => {
   const {
@@ -6888,7 +7403,7 @@ var DialogTrigger = React$1.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -6923,7 +7438,7 @@ var DialogOverlay$1 = React$1.forwardRef(
   }
 );
 DialogOverlay$1.displayName = OVERLAY_NAME;
-var Slot$3 = /* @__PURE__ */ createSlot$3("DialogOverlay.RemoveScroll");
+var Slot$3 = /* @__PURE__ */ createSlot("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
@@ -6932,7 +7447,7 @@ var DialogOverlayImpl = React$1.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ jsx(RemoveScroll, { as: Slot$3, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
-        Primitive$3.div,
+        Primitive.div,
         {
           "data-state": getState$1(context.open),
           ...overlayProps,
@@ -7077,7 +7592,7 @@ var DialogTitle$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$3.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME;
@@ -7086,7 +7601,7 @@ var DialogDescription$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$3.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -7096,7 +7611,7 @@ var DialogClose = React$1.forwardRef(
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive.button,
       {
         type: "button",
         ...closeProps,
@@ -7293,6 +7808,18 @@ const ArrowRight = createLucideIcon("ArrowRight", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const BarChart3 = createLucideIcon("BarChart3", [
+  ["path", { d: "M3 3v18h18", key: "1s2lah" }],
+  ["path", { d: "M18 17V9", key: "2bz60n" }],
+  ["path", { d: "M13 17V5", key: "1frdt8" }],
+  ["path", { d: "M8 17v-3", key: "17ska0" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -7426,23 +7953,6 @@ const Download = createLucideIcon("Download", [
   ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
 ]);
-/**
- * @license lucide-react v0.344.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Eraser = createLucideIcon("Eraser", [
-  [
-    "path",
-    {
-      d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21",
-      key: "182aya"
-    }
-  ],
-  ["path", { d: "M22 21H7", key: "t4ddhn" }],
-  ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
-]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -7820,6 +8330,18 @@ const PenLine = createLucideIcon("PenLine", [
   ["path", { d: "M12 20h9", key: "t2du7b" }],
   ["path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z", key: "ymcmye" }]
 ]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const PenTool = createLucideIcon("PenTool", [
+  ["path", { d: "m12 19 7-7 3 3-7 7-3-3z", key: "rklqx2" }],
+  ["path", { d: "m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z", key: "1et58u" }],
+  ["path", { d: "m2 2 7.586 7.586", key: "etlp93" }],
+  ["circle", { cx: "11", cy: "11", r: "2", key: "xmgehs" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -7933,6 +8455,17 @@ const Sparkles = createLucideIcon("Sparkles", [
   ["path", { d: "M3 5h4", key: "nem4j1" }],
   ["path", { d: "M17 19h4", key: "lbex7p" }]
 ]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const SpellCheck = createLucideIcon("SpellCheck", [
+  ["path", { d: "m6 16 6-12 6 12", key: "1b4byz" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }],
+  ["path", { d: "m16 20 2 2 4-4", key: "13tcca" }]
+]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -8126,7 +8659,7 @@ const DialogContent = React$1.forwardRef(({ className, children, ...props }, ref
         /* @__PURE__ */ jsxs(
           Close,
           {
-            className: "closeDialog cteditor-absolute cteditor-right-4 cteditor-top-4 cteditor-rounded-full cteditor-bg-secondary cteditor-p-1 cteditor-opacity-70 cteditor-transition-opacity focus:cteditor-outline-none cteditor-disabled:pointer-events-none data-[state=open]:cteditor-bg-accent data-[state=open]:cteditor-text-muted-foreground hover:cteditor-opacity-100\n",
+            className: "closeDialog cteditor-absolute cteditor-right-4 cteditor-top-4 cteditor-rounded-full cteditor-bg-secondary cteditor-p-1 cteditor-opacity-70 cteditor-transition-opacity focus:cteditor-outline-none cteditor-disabled:pointer-events-none data-[state=open]:cteditor-bg-accent data-[state=open]:cteditor-text-muted-foreground hover:cteditor-opacity-100\r\n",
             children: [
               /* @__PURE__ */ jsx(X$1, { className: "cteditor-h-4 cteditor-w-4" }),
               /* @__PURE__ */ jsx("span", { className: "!cteditor-sr-only", children: "Close" })
@@ -8204,140 +8737,10 @@ const Input$1 = React$1.forwardRef(
   }
 );
 Input$1.displayName = "Input";
-var REACT_LAZY_TYPE$2 = Symbol.for("react.lazy");
-var use$2 = React$1[" use ".trim().toString()];
-function isPromiseLike$2(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent$2(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$2 && "_payload" in element && isPromiseLike$2(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot$2(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$2(ownerName);
-  const Slot2 = React$1.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent$2(children) && typeof use$2 === "function") {
-      children = use$2(children._payload);
-    }
-    const childrenArray = React$1.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$2);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React$1.Children.count(newElement) > 1)
-            return React$1.Children.only(null);
-          return React$1.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React$1.isValidElement(newElement) ? React$1.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone$2(ownerName) {
-  const SlotClone = React$1.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent$2(children) && typeof use$2 === "function") {
-      children = use$2(children._payload);
-    }
-    if (React$1.isValidElement(children)) {
-      const childrenRef = getElementRef$2(children);
-      const props2 = mergeProps$2(slotProps, children.props);
-      if (children.type !== React$1.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React$1.cloneElement(children, props2);
-    }
-    return React$1.Children.count(children) > 1 ? React$1.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER$2 = Symbol("radix.slottable");
-function isSlottable$2(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$2;
-}
-function mergeProps$2(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef$2(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES$2 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$2 = NODES$2.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$2(`Primitive.${node}`);
-  const Node2 = React$1.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var NAME$4 = "Label";
 var Label$3 = React$1.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
-    Primitive$2.label,
+    Primitive.label,
     {
       ...props,
       ref: forwardedRef,
@@ -8856,7 +9259,7 @@ const AIRephrasePlugin = () => {
       duration: Infinity
     });
     try {
-      const response = type === "MAKE_LONGER" || type === "MAKE_SHORTER" ? await AiTextTransform({ content: prompt, apiKey: apiKey || void 0 }) : await AiJsonResponse({ content: prompt });
+      const response = type === "MAKE_LONGER" || type === "MAKE_SHORTER" ? await AiTextTransform({ content: prompt, apiKey: apiKey || void 0 }) : await AiJsonResponse({ content: prompt, apiKey: apiKey || void 0 });
       if (!response.data) {
         console.warn("Empty response received");
         toast.dismiss(loadingToastId);
@@ -8898,7 +9301,7 @@ const AIRephrasePlugin = () => {
       const prompt = `Translate this text to ${targetLanguage}. Return ONLY the translated text without any markdown formatting, headers, or special symbols. Just the plain translated text:
 
 "${selectedTextForTranslation}"`;
-      const response = await AiJsonResponse({ content: prompt });
+      const response = await AiJsonResponse({ content: prompt, apiKey: apiKey || void 0 });
       if (!response.data) {
         console.warn("Empty response received");
         toast.dismiss(loadingToastId);
@@ -9026,7 +9429,7 @@ const AIRephrasePlugin = () => {
   };
   const generateImageFromPrompt = async (promptText) => {
     try {
-      const response = await AiJsonResponse({ content: `Generate Image: ${promptText}` });
+      const response = await AiJsonResponse({ content: `Generate Image: ${promptText}`, apiKey: apiKey || void 0 });
       const htmlString = response == null ? void 0 : response.data;
       if (!htmlString) {
         console.warn("No HTML returned from agent for image generation");
@@ -9181,7 +9584,7 @@ const AIRephrasePlugin = () => {
     )
   ] });
 };
-const index$8 = "";
+const index$7 = "";
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -9409,18 +9812,18 @@ function CopyButton({ editor, getCodeDOMNode }) {
     }
   );
 }
-const index$7 = "";
+const index$6 = "";
 const PRETTIER_PARSER_MODULES = {
-  css: [() => import("./postcss-f084f74d.js")],
-  html: [() => import("./html-5586dbf6.js")],
+  css: [() => import("./postcss-c2592f3f.js")],
+  html: [() => import("./html-f95ee5dc.js")],
   js: [
-    () => import("./babel-d3085146.js"),
-    () => import("./estree-164983f6.js")
+    () => import("./babel-d155920e.js"),
+    () => import("./estree-b1fff53b.js")
   ],
-  markdown: [() => import("./markdown-d513479b.js")],
+  markdown: [() => import("./markdown-1d9e6c3f.js")],
   typescript: [
-    () => import("./typescript-b1005db4.js"),
-    () => import("./estree-164983f6.js")
+    () => import("./typescript-48c10f50.js"),
+    () => import("./estree-b1fff53b.js")
   ]
 };
 async function loadPrettierParserByLang(lang) {
@@ -9431,7 +9834,7 @@ async function loadPrettierParserByLang(lang) {
   return modules;
 }
 async function loadPrettierFormat() {
-  const { format } = await import("./standalone-5a8c6b7e.js");
+  const { format } = await import("./standalone-bcc7f37a.js");
   return format;
 }
 const PRETTIER_OPTIONS_BY_LANG = {
@@ -9908,199 +10311,6 @@ function $createCommentedTextNode(text, commentId, commentText, commentAuthor, c
 function $isCommentedTextNode(node) {
   return node instanceof CommentedTextNode;
 }
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React$1.createContext(defaultContext);
-    BaseContext.displayName = rootComponentName + "Context";
-    const index2 = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider2 = (props) => {
-      var _a;
-      const { scope, children, ...context } = props;
-      const Context2 = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
-      const value = React$1.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context2.Provider, { value, children });
-    };
-    Provider2.displayName = rootComponentName + "Provider";
-    function useContext2(consumerName, scope) {
-      var _a;
-      const Context2 = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
-      const context = React$1.useContext(Context2);
-      if (context)
-        return context;
-      if (defaultContext !== void 0)
-        return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider2, useContext2];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React$1.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React$1.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1)
-    return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return { ...nextScopes2, ...currentScope };
-      }, {});
-      return React$1.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-var REACT_LAZY_TYPE$1 = Symbol.for("react.lazy");
-var use$1 = React$1[" use ".trim().toString()];
-function isPromiseLike$1(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent$1(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$1 && "_payload" in element && isPromiseLike$1(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot$1(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$1(ownerName);
-  const Slot2 = React$1.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent$1(children) && typeof use$1 === "function") {
-      children = use$1(children._payload);
-    }
-    const childrenArray = React$1.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$1);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React$1.Children.count(newElement) > 1)
-            return React$1.Children.only(null);
-          return React$1.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React$1.isValidElement(newElement) ? React$1.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone$1(ownerName) {
-  const SlotClone = React$1.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent$1(children) && typeof use$1 === "function") {
-      children = use$1(children._payload);
-    }
-    if (React$1.isValidElement(children)) {
-      const childrenRef = getElementRef$1(children);
-      const props2 = mergeProps$1(slotProps, children.props);
-      if (children.type !== React$1.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React$1.cloneElement(children, props2);
-    }
-    return React$1.Children.count(children) > 1 ? React$1.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER$1 = Symbol("radix.slottable");
-function isSlottable$1(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$1;
-}
-function mergeProps$1(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef$1(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES$1 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$1(`Primitive.${node}`);
-  const Node2 = React$1.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -10186,7 +10396,7 @@ var Avatar$1 = React$1.forwardRef(
         scope: __scopeAvatar,
         imageLoadingStatus,
         onImageLoadingStatusChange: setImageLoadingStatus,
-        children: /* @__PURE__ */ jsx(Primitive$1.span, { ...avatarProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })
       }
     );
   }
@@ -10208,7 +10418,7 @@ var AvatarImage$1 = React$1.forwardRef(
         handleLoadingStatusChange(imageLoadingStatus);
       }
     }, [imageLoadingStatus, handleLoadingStatusChange]);
-    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive$1.img, { ...imageProps, ref: forwardedRef, src }) : null;
+    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
   }
 );
 AvatarImage$1.displayName = IMAGE_NAME;
@@ -10224,7 +10434,7 @@ var AvatarFallback$1 = React$1.forwardRef(
         return () => window.clearTimeout(timerId);
       }
     }, [delayMs]);
-    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive$1.span, { ...fallbackProps, ref: forwardedRef }) : null;
+    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
   }
 );
 AvatarFallback$1.displayName = FALLBACK_NAME;
@@ -10369,136 +10579,6 @@ const CardFooter = React$1.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CardFooter.displayName = "CardFooter";
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-var use = React$1[" use ".trim().toString()];
-function isPromiseLike(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React$1.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
-    }
-    const childrenArray = React$1.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React$1.Children.count(newElement) > 1)
-            return React$1.Children.only(null);
-          return React$1.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React$1.isValidElement(newElement) ? React$1.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
-  const SlotClone = React$1.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
-    }
-    if (React$1.isValidElement(children)) {
-      const childrenRef = getElementRef(children);
-      const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React$1.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React$1.cloneElement(children, props2);
-    }
-    return React$1.Children.count(children) > 1 ? React$1.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-function isSlottable(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
-function mergeProps(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
-  const Node2 = React$1.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var NAME$3 = "Separator";
 var DEFAULT_ORIENTATION = "horizontal";
 var ORIENTATIONS = ["horizontal", "vertical"];
@@ -10625,7 +10705,7 @@ const SheetDescription = React$1.forwardRef(({ className, ...props }, ref) => /*
 SheetDescription.displayName = Description.displayName;
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope$1(PROVIDER_NAME2);
+  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME2,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -10638,7 +10718,7 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = /* @__PURE__ */ createSlot$3(COLLECTION_SLOT_NAME);
+  const CollectionSlotImpl = /* @__PURE__ */ createSlot(COLLECTION_SLOT_NAME);
   const CollectionSlot = React__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
@@ -10650,7 +10730,7 @@ function createCollection(name) {
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot$3(ITEM_SLOT_NAME);
+  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot(ITEM_SLOT_NAME);
   const CollectionItemSlot = React__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
@@ -10695,7 +10775,7 @@ var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var GROUP_NAME$3 = "RovingFocusGroup";
 var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(GROUP_NAME$3);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$1(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
   GROUP_NAME$3,
   [createCollectionScope$2]
 );
@@ -10762,7 +10842,7 @@ var RovingFocusGroupImpl = React$1.forwardRef((props, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive$3.div,
+        Primitive.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -10827,7 +10907,7 @@ var RovingFocusGroupItem = React$1.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.span,
+          Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -10912,7 +10992,7 @@ function wrapArray$2(array, startIndex) {
 var Root$2 = RovingFocusGroup;
 var Item$1 = RovingFocusGroupItem;
 var TABS_NAME = "Tabs";
-var [createTabsContext, createTabsScope] = createContextScope$1(TABS_NAME, [
+var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope$1 = createRovingFocusGroupScope();
@@ -10947,7 +11027,7 @@ var Tabs$1 = React$1.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -10975,7 +11055,7 @@ var TabsList$1 = React$1.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -11005,7 +11085,7 @@ var TabsTrigger$1 = React$1.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.button,
+          Primitive.button,
           {
             type: "button",
             role: "tab",
@@ -11055,7 +11135,7 @@ var TabsContent$1 = React$1.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -13194,7 +13274,7 @@ const computePosition = (reference, floating, options) => {
 var isClient = typeof document !== "undefined";
 var noop = function noop2() {
 };
-var index$6 = isClient ? useLayoutEffect$1 : noop;
+var index$5 = isClient ? useLayoutEffect$1 : noop;
 function deepEqual(a, b2) {
   if (a === b2) {
     return true;
@@ -13256,7 +13336,7 @@ function roundByDPR(element, value) {
 }
 function useLatestRef(value) {
   const ref = React$1.useRef(value);
-  index$6(() => {
+  index$5(() => {
     ref.current = value;
   });
   return ref;
@@ -13342,7 +13422,7 @@ function useFloating(options) {
       }
     });
   }, [latestMiddleware, placement, strategy, platformRef, openRef]);
-  index$6(() => {
+  index$5(() => {
     if (open === false && dataRef.current.isPositioned) {
       dataRef.current.isPositioned = false;
       setData((data2) => ({
@@ -13352,13 +13432,13 @@ function useFloating(options) {
     }
   }, [open]);
   const isMountedRef = React$1.useRef(false);
-  index$6(() => {
+  index$5(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  index$6(() => {
+  index$5(() => {
     if (referenceEl)
       referenceRef.current = referenceEl;
     if (floatingEl)
@@ -13477,7 +13557,7 @@ var NAME$2 = "Arrow";
 var Arrow$1 = React$1.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$3.svg,
+    Primitive.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -13526,7 +13606,7 @@ function useSize(element) {
   return size2;
 }
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope$1(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
@@ -13549,7 +13629,7 @@ var PopperAnchor = React$1.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -13678,7 +13758,7 @@ var PopperContent = React$1.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -13814,7 +13894,7 @@ var NAME$1 = "VisuallyHidden";
 var VisuallyHidden = React$1.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive.span,
       {
         ...props,
         ref: forwardedRef,
@@ -13825,7 +13905,7 @@ var VisuallyHidden = React$1.forwardRef(
 );
 VisuallyHidden.displayName = NAME$1;
 var Root = VisuallyHidden;
-var [createTooltipContext, createTooltipScope] = createContextScope$1("Tooltip", [
+var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
   createPopperScope
 ]);
 var usePopperScope$3 = createPopperScope();
@@ -13986,7 +14066,7 @@ var TooltipTrigger$1 = React$1.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -14609,7 +14689,7 @@ const HtmlViewDisplay = () => {
         onBlur: handleTextareaBlur,
         onClick: handleTextareaClick,
         onKeyDown: handleTextareaKeyDown,
-        className: " cteditor-w-full cteditor-flex-1\n  cteditor-font-mono cteditor-text-[13px] \n  cteditor-p-3 \n  cteditor-border cteditor-rounded-lg \n  cteditor-resize-y cteditor-leading-[1.4] \n  cteditor-outline-none cteditor-transition-colors cteditor-duration-200 \n  cteditor-whitespace-pre-wrap cteditor-break-words\n  dark:cteditor-text-background\n  cteditor-text-foreground\n  cteditor-bg-foreground/5\n",
+        className: " cteditor-w-full cteditor-flex-1\r\n  cteditor-font-mono cteditor-text-[13px] \r\n  cteditor-p-3 \r\n  cteditor-border cteditor-rounded-lg \r\n  cteditor-resize-y cteditor-leading-[1.4] \r\n  cteditor-outline-none cteditor-transition-colors cteditor-duration-200 \r\n  cteditor-whitespace-pre-wrap cteditor-break-words\r\n  dark:cteditor-text-background\r\n  cteditor-text-foreground\r\n  cteditor-bg-foreground/5\r\n",
         placeholder: "HTML content will appear here... Edit and click 'Sync to Editor' to apply changes."
       }
     )
@@ -15815,7 +15895,7 @@ const EmbedComponent = ({ url, displayType, alignment, width: initialWidth, heig
     }
   );
 };
-const FileComponent = React$1.lazy(() => import("./index-35336e5d.js"));
+const FileComponent = React$1.lazy(() => import("./index-39c10e00.js"));
 function convertFileElement(domNode) {
   if (domNode instanceof HTMLDivElement) {
     const dataUrl = domNode.getAttribute("data-lexical-file-src");
@@ -16298,7 +16378,7 @@ var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS$1 = [" ", "Enter"];
 var SELECT_NAME = "Select";
 var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(SELECT_NAME);
-var [createSelectContext, createSelectScope] = createContextScope$1(SELECT_NAME, [
+var [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [
   createCollectionScope$1,
   createPopperScope
 ]);
@@ -16435,7 +16515,7 @@ var SelectTrigger$1 = React$1.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive.button,
       {
         type: "button",
         role: "combobox",
@@ -16496,7 +16576,7 @@ var SelectValue$1 = React$1.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -16511,7 +16591,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+    return /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -16542,7 +16622,7 @@ SelectContent$1.displayName = CONTENT_NAME$3;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$3);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var Slot$2 = /* @__PURE__ */ createSlot$3("SelectContent.RemoveScroll");
+var Slot$2 = /* @__PURE__ */ createSlot("SelectContent.RemoveScroll");
 var SelectContentImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -16931,7 +17011,7 @@ var SelectItemAlignedPosition = React$1.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$3.div,
+            Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -17005,7 +17085,7 @@ var SelectViewport = React$1.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection$1.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive$3.div,
+        Primitive.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -17060,7 +17140,7 @@ var SelectGroup = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME$2;
@@ -17069,7 +17149,7 @@ var SelectLabel$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME$2, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive$3.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME$2;
@@ -17128,7 +17208,7 @@ var SelectItem$1 = React$1.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -17216,7 +17296,7 @@ var SelectItemText = React$1.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive$3.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -17227,7 +17307,7 @@ var SelectItemIndicator = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME$1, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -17318,7 +17398,7 @@ var SelectScrollButtonImpl = React$1.forwardRef((props, forwardedRef) => {
     (_a = activeItem == null ? void 0 : activeItem.ref.current) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsx(
-    Primitive$3.div,
+    Primitive.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -17346,7 +17426,7 @@ var SEPARATOR_NAME$2 = "SelectSeparator";
 var SelectSeparator$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME$2;
@@ -17384,7 +17464,7 @@ var SelectBubbleInput = React$1.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive$3.select,
+      Primitive.select,
       {
         ...props,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props.style },
@@ -20011,7 +20091,7 @@ function AIChatDialog({
     return imageKeywords.some((keyword) => lowerPrompt.includes(keyword));
   };
   const handleSubmit = async () => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (!inputValue.trim() || isLoading)
       return;
     setIsLoading(true);
@@ -20061,7 +20141,11 @@ Text to transform:
       setIsLoading(false);
     } catch (error) {
       console.error("Error processing AI action:", error);
-      const apiMessage = ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) ?? (error instanceof Error ? error.message : null);
+      const errorCode = (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.code;
+      const errorCodeMessages = {
+        "INSUFFICIENT_CREDITS": "You have insufficient credits. Please purchase more credits to continue using AI features."
+      };
+      const apiMessage = errorCodeMessages[errorCode] ?? ((_d = (_c = error == null ? void 0 : error.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) ?? (error instanceof Error ? error.message : null);
       const safeMessage = apiMessage && !/^Request failed with status code \d+/.test(apiMessage) ? apiMessage : "Error processing your request. Please try again.";
       setErrorMessage(safeMessage);
       toast.error(safeMessage);
@@ -20373,29 +20457,28 @@ function InlineAIPrompt({
     return imageKeywords.some((keyword) => lowerPrompt.includes(keyword));
   };
   const handleSubmit = async () => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (!inputValue.trim() || isLoading)
       return;
-    const isImageRequest = isImageGenerationRequest(inputValue) || selectedText && isImageGenerationRequest(selectedText);
-    if (!isImageRequest && (!selectedText || selectedText.trim() === "")) {
-      toast.error("Please select some text first");
-      return;
-    }
     setIsLoading(true);
+    const isImageRequest = isImageGenerationRequest(inputValue) || selectedText && isImageGenerationRequest(selectedText);
+    const hasSelectedText2 = selectedText && selectedText.trim() !== "";
     let finalPrompt;
     if (isImageRequest) {
-      if (selectedText && selectedText.trim()) {
+      if (hasSelectedText2) {
         finalPrompt = `${inputValue}: ${selectedText}`;
       } else {
         finalPrompt = inputValue;
       }
-    } else {
+    } else if (hasSelectedText2) {
       finalPrompt = `${inputValue}
 
 IMPORTANT: Return ONLY the modified/transformed text. Do NOT include any labels, prefixes, explanations, or formatting like "Simplified:", "Result:", "Here is", etc. Just return the pure result text.
 
 Text to transform:
 "${selectedText}"`;
+    } else {
+      finalPrompt = inputValue;
     }
     try {
       const response = await AiEditorAction({ content: finalPrompt, provider, apiKey });
@@ -20431,7 +20514,11 @@ Text to transform:
       setShowMessage(true);
     } catch (error) {
       console.error("Error processing AI action:", error);
-      const apiMessage = ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) ?? (error instanceof Error ? error.message : null);
+      const errorCode = (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.code;
+      const errorCodeMessages = {
+        "INSUFFICIENT_CREDITS": "You have insufficient credits. Please purchase more credits to continue using AI features."
+      };
+      const apiMessage = errorCodeMessages[errorCode] ?? ((_d = (_c = error == null ? void 0 : error.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) ?? (error instanceof Error ? error.message : null);
       const safeMessage = apiMessage && !/^Request failed with status code \d+/.test(apiMessage) ? apiMessage : "Error processing your request. Please try again.";
       toast.error(safeMessage);
       setStatus("error");
@@ -20450,10 +20537,9 @@ Text to transform:
     }
   };
   const hasSelectedText = selectedText && selectedText.trim() !== "";
-  const isCurrentInputImageRequest = isImageGenerationRequest(inputValue);
   const displayText = hasSelectedText ? selectedText.length > 50 ? selectedText.substring(0, 50) + "..." : selectedText : "";
   return /* @__PURE__ */ jsxs("div", { className: "cteditor-absolute cteditor-bottom-1 cteditor-left-1/2 cteditor--translate-x-1/2 cteditor-flex cteditor-flex-col cteditor-gap-2 cteditor-bg-[#1a1a1a] cteditor-px-2 cteditor-py-2 cteditor-rounded-md cteditor-border cteditor-border-[#333] cteditor-shadow-[0_8px_24px_rgba(0,0,0,0.4)] cteditor-z-10 cteditor-max-w-[435px] cteditor-w-full", children: [
-    showMessage && /* @__PURE__ */ jsxs("div", { className: `cteditor-relative cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-pl-2.5 cteditor-pr-6 cteditor-py-1.5 cteditor-rounded-md cteditor-text-xs cteditor-text-[#999] ${status === "success" ? "cteditor-bg-[#1a2e1a] cteditor-border cteditor-border-[#3a5a3a]" : status === "error" ? "cteditor-bg-[#2e1a1a] cteditor-border cteditor-border-[#5a3a3a]" : hasSelectedText ? "cteditor-bg-[#2a2a2a]" : isCurrentInputImageRequest ? "cteditor-bg-[#2a3a2a] cteditor-border cteditor-border-[#3a5a3a]" : "cteditor-bg-[#3a2a2a] cteditor-border cteditor-border-[#5a3a3a]"}`, children: [
+    showMessage && /* @__PURE__ */ jsxs("div", { className: `cteditor-relative cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-pl-2.5 cteditor-pr-6 cteditor-py-1.5 cteditor-rounded-md cteditor-text-xs cteditor-text-[#999] ${status === "success" ? "cteditor-bg-[#1a2e1a] cteditor-border cteditor-border-[#3a5a3a]" : status === "error" ? "cteditor-bg-[#2e1a1a] cteditor-border cteditor-border-[#5a3a3a]" : "cteditor-bg-[#2a2a2a]"}`, children: [
       status === "success" ? /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#4ade80]", children: "✓ Content inserted! Select new text or enter another prompt" }) : status === "error" ? /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#f87171]", children: "✗ Request failed. Try again or select different text" }) : hasSelectedText ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#666]", children: "Selected:" }),
         /* @__PURE__ */ jsxs("span", { className: "cteditor-text-[#ccc] cteditor-italic", children: [
@@ -20461,7 +20547,7 @@ Text to transform:
           displayText,
           '"'
         ] })
-      ] }) : isCurrentInputImageRequest ? /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#4ade80]", children: "🖼️ Image generation mode - no text selection required" }) : /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#f87171]", children: "⚠ Please select some text or enter an image generation prompt" }),
+      ] }) : /* @__PURE__ */ jsx("span", { className: "cteditor-text-[#ccc]", children: "Ask AI anything or select text to transform" }),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -20495,7 +20581,7 @@ Text to transform:
             setShowMessage(true);
           },
           onKeyDown: handleKeyDown,
-          placeholder: hasSelectedText ? "What do you want to do with this text?" : "Generate image of... or select text",
+          placeholder: hasSelectedText ? "What do you want to do with this text?" : "Ask AI anything...",
           disabled: isLoading,
           className: " cteditor-h-8 cteditor-px-2 cteditor-text-xs cteditor-w-full cteditor-border cteditor-border-[#444] cteditor-rounded-md cteditor-outline-none cteditor-bg-[#2a2a2a] cteditor-text-white md:cteditor-w-60"
         }
@@ -20614,6 +20700,47 @@ function AIChatPlugin({
   const [editor] = useLexicalComposerContext();
   return useAIChatToolbar(editor, apiKey);
 }
+const BACKEND_URL = "https://api.cteditor.com/";
+async function generateChart(metadata, apiKey) {
+  try {
+    const response = await fetch(`${BACKEND_URL}api/chat/regenerate`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey || ""
+      },
+      body: JSON.stringify(metadata)
+    });
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => ({}));
+      throw new Error(errorData.message || `Server error: ${response.status}`);
+    }
+    const data = await response.json();
+    if (!data.success || !data.html) {
+      throw new Error(data.message || "Failed to generate chart");
+    }
+    return {
+      success: true,
+      html: data.html
+    };
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
+    return {
+      success: false,
+      error: errorMessage
+    };
+  }
+}
+async function generateChartWithToast(metadata, apiKey) {
+  const toastId = toast.loading("Generating chart...");
+  const result = await generateChart(metadata, apiKey);
+  if (result.success) {
+    toast.success("Chart inserted successfully!", { id: toastId });
+  } else {
+    toast.error(`Failed to insert chart: ${result.error}`, { id: toastId });
+  }
+  return result;
+}
 const CREATE_TABLE_COMMAND = createCommand();
 function TableOptionPlugin({ isActive }) {
   const [editor] = useLexicalComposerContext();
@@ -20653,6 +20780,8 @@ function TableOptionPlugin({ isActive }) {
           if ($isTableCellNode(cellNode)) {
             cellNode.setHeaderStyles(TableCellHeaderStates.COLUMN);
             cellNode.setBackgroundColor(headerColor);
+            const textNode = $createTextNode("​");
+            cellNode.append(textNode);
           }
         }
       }
@@ -21346,10 +21475,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-4f1c3930.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-d6fba18e.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-d4225b87.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-d21122e4.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -22101,7 +22230,7 @@ var SUB_CLOSE_KEYS = {
 };
 var MENU_NAME = "Menu";
 var [Collection, useCollection, createCollectionScope] = createCollection(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope$1(MENU_NAME, [
+var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [
   createCollectionScope,
   createPopperScope,
   createRovingFocusGroupScope
@@ -22226,7 +22355,7 @@ var MenuRootContentNonModal = React$1.forwardRef((props, forwardedRef) => {
     }
   );
 });
-var Slot$1 = /* @__PURE__ */ createSlot$3("MenuContent.ScrollLock");
+var Slot$1 = /* @__PURE__ */ createSlot("MenuContent.ScrollLock");
 var MenuContentImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -22428,7 +22557,7 @@ var GROUP_NAME$1 = "MenuGroup";
 var MenuGroup = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$1;
@@ -22436,7 +22565,7 @@ var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$1;
@@ -22516,7 +22645,7 @@ var MenuItemImpl = React$1.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item$1, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -22627,7 +22756,7 @@ var MenuItemIndicator = React$1.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.span,
+          Primitive.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -22644,7 +22773,7 @@ var MenuSeparator = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -22904,7 +23033,7 @@ var Arrow2 = MenuArrow;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$1(
+var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -22951,7 +23080,7 @@ var DropdownMenuTrigger$1 = React$1.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME$1, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive.button,
       {
         type: "button",
         id: context.triggerId,
@@ -23290,13 +23419,13 @@ const AlignMenu = () => {
           {
             variant: "ghost",
             size: "sm",
-            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\n",
+            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\r\n",
             children: [
               /* @__PURE__ */ jsx(AlignLeft, { className: "!cteditor-size-4" }),
               /* @__PURE__ */ jsx(
                 ChevronDown,
                 {
-                  className: "!cteditor-size-4 cteditor-opacity-50\n"
+                  className: "!cteditor-size-4 cteditor-opacity-50\r\n"
                 }
               )
             ]
@@ -23799,7 +23928,7 @@ var V = "undefined" != typeof window ? useLayoutEffect$1 : useEffect$1, $ = func
   return React__default.createElement(U, u({}, r2, { colorModel: W }));
 };
 var POPOVER_NAME = "Popover";
-var [createPopoverContext, createPopoverScope] = createContextScope$1(POPOVER_NAME, [
+var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope = createPopperScope();
@@ -23863,7 +23992,7 @@ var PopoverTrigger$1 = React$1.forwardRef(
     const popperScope = usePopperScope(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -23899,7 +24028,7 @@ var PopoverContent$1 = React$1.forwardRef(
   }
 );
 PopoverContent$1.displayName = CONTENT_NAME;
-var Slot = /* @__PURE__ */ createSlot$3("PopoverContent.RemoveScroll");
+var Slot = /* @__PURE__ */ createSlot("PopoverContent.RemoveScroll");
 var PopoverContentModal = React$1.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
@@ -24056,7 +24185,7 @@ var PopoverClose = React$1.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive.button,
       {
         type: "button",
         ...closeProps,
@@ -24271,7 +24400,7 @@ const ColorPicker$2 = ({
                     {
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => setShowAdvanced(!showAdvanced),
-                      className: "cteditor-text-xs cteditor-text-primary/90 hover:cteditor-text-primary cteditor-transition-colors cteditor-flex cteditor-items-center cteditor-gap-2\n",
+                      className: "cteditor-text-xs cteditor-text-primary/90 hover:cteditor-text-primary cteditor-transition-colors cteditor-flex cteditor-items-center cteditor-gap-2\r\n",
                       children: [
                         /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs", children: showAdvanced ? "▼" : "▶" }),
                         showAdvanced ? "Hide Advanced" : "Show Advanced"
@@ -27354,29 +27483,10 @@ const Toolbar = ({
   }, []);
   const handleChartInsert = useCallback(
     async (metadata) => {
-      const toastId = toast.loading("Generating chart...");
-      try {
-        const backendUrl = "https://api.cteditor.com/".replace(/\/$/, "");
-        const response = await fetch(`${backendUrl}/api/chat/regenerate`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            "x-api-key": apiKey || ""
-          },
-          body: JSON.stringify(metadata)
-        });
-        if (!response.ok) {
-          const errorData = await response.json().catch(() => ({}));
-          throw new Error(
-            errorData.message || `Server error: ${response.status}`
-          );
-        }
-        const data = await response.json();
-        if (!data.success || !data.html) {
-          throw new Error(data.message || "Failed to generate chart");
-        }
+      const result = await generateChartWithToast(metadata, apiKey);
+      if (result.success) {
         editor.update(() => {
-          const chartNode = $createChartNode(data.html, metadata);
+          const chartNode = $createChartNode(result.html, metadata);
           const selection = $getSelection();
           if (!selection) {
             const root2 = $getRoot();
@@ -27387,10 +27497,6 @@ const Toolbar = ({
           const paragraphNode = $createParagraphNode();
           chartNode.insertAfter(paragraphNode);
         });
-        toast.success("Chart inserted successfully!", { id: toastId });
-      } catch (error) {
-        const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-        toast.error(`Failed to insert chart: ${errorMessage}`, { id: toastId });
       }
     },
     [editor, apiKey]
@@ -28814,7 +28920,7 @@ const STATIC_SUGGESTIONS = [
   "programming"
 ];
 const CACHE_MAX_AGE = 5 * 60 * 1e3;
-const MAX_CACHE_SIZE$1 = 200;
+const MAX_CACHE_SIZE = 200;
 const REQUEST_TIMEOUT = 3e4;
 const MENU_CONFIG = { width: 320, height: 200, padding: 8 };
 const TOOLTIP_CONFIG = {
@@ -28986,7 +29092,7 @@ class GrammarAIService {
       errors,
       checkedAt: Date.now()
     });
-    if (this.sentenceCache.size > MAX_CACHE_SIZE$1) {
+    if (this.sentenceCache.size > MAX_CACHE_SIZE) {
       const oldestKey = this.sentenceCache.keys().next().value;
       if (oldestKey)
         this.sentenceCache.delete(oldestKey);
@@ -30919,43 +31025,31 @@ const EmbedPreviewPlugin = ({
         if (!text.match(/^https?:\/\//)) {
           return false;
         }
-        const selection = $getSelection();
-        if (!$isRangeSelection(selection)) {
-          return false;
-        }
-        const anchorNode = selection.anchor.getNode();
-        let isInsideTableCell = false;
-        let currentNode = anchorNode;
-        while (currentNode) {
-          if ($isTableCellNode(currentNode)) {
-            isInsideTableCell = true;
-            break;
-          }
-          currentNode = currentNode.getParent();
-        }
-        if (isInsideTableCell) {
-          selection.insertText(text);
-          return true;
-        }
         const isVideoEmbed = VIDEO_EMBED_URLS.some(
           (domain) => text.includes(domain)
         );
         if (isVideoEmbed) {
           console.log("Detected video embed URL:", text);
-          const embedNode2 = $createEmbedNode(text);
-          embedNode2.setDisplayType("embed");
-          selection.insertNodes([embedNode2]);
-          console.log("Inserted video embed node");
+          const selection2 = $getSelection();
+          if ($isRangeSelection(selection2)) {
+            const embedNode = $createEmbedNode(text);
+            embedNode.setDisplayType("embed");
+            selection2.insertNodes([embedNode]);
+            console.log("Inserted video embed node");
+          }
           return true;
         }
-        const embedNode = $createEmbedNode(text);
-        if (text.match(/\.(pdf|docx?|xlsx?|pptx?|zip|rar|txt)$/)) {
-          embedNode.setDisplayType("card");
-        } else {
-          embedNode.setDisplayType("url");
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+          const embedNode = $createEmbedNode(text);
+          if (text.match(/\.(pdf|docx?|xlsx?|pptx?|zip|rar|txt)$/)) {
+            embedNode.setDisplayType("card");
+          } else {
+            embedNode.setDisplayType("url");
+          }
+          selection.insertNodes([embedNode]);
+          console.log("Inserted embed node with URL:", text);
         }
-        selection.insertNodes([embedNode]);
-        console.log("Inserted embed node with URL:", text);
         return true;
       },
       COMMAND_PRIORITY_HIGH
@@ -30963,416 +31057,6 @@ const EmbedPreviewPlugin = ({
   }, [editor]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FloatingEmbedMenuPlugin, { anchorElem: floatingAnchorElem }) });
 };
-const index$5 = "";
-function getDOMRangeRect(nativeSelection, rootElement) {
-  const domRange = nativeSelection.getRangeAt(0);
-  let rect;
-  if (nativeSelection.anchorNode === rootElement) {
-    let inner = rootElement;
-    while (inner.firstElementChild != null) {
-      inner = inner.firstElementChild;
-    }
-    rect = inner.getBoundingClientRect();
-  } else {
-    rect = domRange.getBoundingClientRect();
-  }
-  return rect;
-}
-const TextEnhanceDialog = forwardRef(
-  ({ onEnhance }, ref) => {
-    const [isOpen, setIsOpen] = useState$1(false);
-    const [selectedText, setSelectedText] = useState$1("");
-    const [userPrompt, setUserPrompt] = useState$1("");
-    const [enhancedText, setEnhancedText] = useState$1("");
-    const [isLoading, setIsLoading] = useState$1(false);
-    const [showResult, setShowResult] = useState$1(false);
-    const [onInsertCallback, setOnInsertCallback] = useState$1(null);
-    useImperativeHandle(ref, () => ({
-      openDialog: (text, insertCallback) => {
-        setSelectedText(text);
-        setUserPrompt("");
-        setEnhancedText("");
-        setShowResult(false);
-        setOnInsertCallback(() => insertCallback);
-        setIsOpen(true);
-      },
-      closeDialog: () => {
-        setIsOpen(false);
-        setTimeout(() => {
-          setSelectedText("");
-          setUserPrompt("");
-          setEnhancedText("");
-          setShowResult(false);
-          setOnInsertCallback(null);
-        }, 300);
-      }
-    }));
-    const handleClose = () => {
-      setIsOpen(false);
-      setTimeout(() => {
-        setSelectedText("");
-        setUserPrompt("");
-        setEnhancedText("");
-        setShowResult(false);
-        setOnInsertCallback(null);
-      }, 300);
-    };
-    const handleEnhance = async () => {
-      if (!userPrompt.trim())
-        return;
-      setIsLoading(true);
-      try {
-        const result = await onEnhance(selectedText, userPrompt);
-        setEnhancedText(result);
-        setShowResult(true);
-      } catch (error) {
-        console.error("Enhancement error:", error);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    const handleInsert = () => {
-      if (onInsertCallback && enhancedText) {
-        onInsertCallback(enhancedText);
-      }
-      handleClose();
-    };
-    return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:cteditor-max-w-[500px] cteditor-max-h-[650px]", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
-          /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-5" }),
-          "Enhance Text"
-        ] }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Enhance your selected text with AI assistance." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4 cteditor-overflow-y-auto cteditor-max-h-[400px] cteditor-pr-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Selected Text" }),
-          /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-accent/50 cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-max-h-24 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: selectedText }) })
-        ] }),
-        !showResult && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "How to enhance?" }),
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              value: userPrompt,
-              onChange: (e) => setUserPrompt(e.target.value),
-              placeholder: "E.g., Make it professional, Add details, Simplify...",
-              className: "cteditor-w-full cteditor-h-20 cteditor-p-3 cteditor-bg-background cteditor-rounded-lg cteditor-border cteditor-border-border focus:cteditor-border-foreground cteditor-outline-none cteditor-text-sm cteditor-text-foreground cteditor-placeholder-muted-foreground cteditor-resize-none",
-              disabled: isLoading,
-              onKeyDown: (e) => {
-                if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
-                  handleEnhance();
-                }
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: "Ctrl+Enter to enhance" })
-        ] }),
-        isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-py-0 cteditor-space-y-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "cteditor-relative cteditor-w-14 cteditor-h-14", children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-opacity-75",
-                style: {
-                  background: "linear-gradient(to right, #a855f7, #ec4899, #a855f7)",
-                  animation: "spin 2s linear infinite",
-                  padding: "2px",
-                  WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-                  WebkitMaskComposite: "xor",
-                  maskComposite: "exclude"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-bg-background cteditor-flex cteditor-items-center cteditor-justify-center cteditor-m-[2px]", children: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-w-6 cteditor-h-6 cteditor-text-purple-500 cteditor-animate-pulse" }) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "cteditor-text-center", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-foreground", children: "Enhancing text..." }) })
-        ] }),
-        showResult && !isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5 cteditor-animate-in cteditor-fade-in cteditor-slide-in-from-bottom-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
-            /* @__PURE__ */ jsx(Check, { className: "cteditor-w-3.5 cteditor-h-3.5 cteditor-text-green-500" }),
-            /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Enhanced Text" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-gradient-to-br cteditor-from-purple-500/5 cteditor-to-pink-500/5 cteditor-rounded-lg cteditor-border cteditor-border-purple-500/20 cteditor-max-h-48 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: enhancedText }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, children: "Cancel" }),
-        !showResult && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            onClick: handleEnhance,
-            disabled: !userPrompt.trim() || isLoading,
-            className: "cteditor-gap-2",
-            children: [
-              /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-5" }),
-              "Enhance"
-            ]
-          }
-        ),
-        showResult && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            onClick: handleInsert,
-            className: "cteditor-gap-2",
-            children: [
-              "Insert",
-              /* @__PURE__ */ jsx(ArrowRight, { className: "cteditor-size-5" })
-            ]
-          }
-        )
-      ] })
-    ] }) });
-  }
-);
-TextEnhanceDialog.displayName = "TextEnhanceDialog";
-const TEXT_ENHANCE_COMMAND = createCommand("TEXT_ENHANCE_COMMAND");
-const TextEnhancePlugin = ({ apiKey }) => {
-  const [editor] = useLexicalComposerContext();
-  const enhanceDialogRef = useRef(null);
-  const handleTextEnhancement = async (selectedText, userPrompt) => {
-    try {
-      const prompt = `Enhance the following text based on this instruction: "${userPrompt}"
-
-Original text:
-"${selectedText}"
-
-Provide only the enhanced text without any additional explanation.`;
-      const response = await AiTextEnhance({ content: prompt, apiKey });
-      if (!response.data) {
-        throw new Error("No response received from AI");
-      }
-      return response.data;
-    } catch (error) {
-      console.error("Error enhancing text:", error);
-      toast.error("Enhancement failed", {
-        description: error instanceof Error ? error.message : "An error occurred"
-      });
-      throw error;
-    }
-  };
-  const handleOpenDialog = (selectedText) => {
-    editor.getEditorState().read(() => {
-      var _a;
-      const selection = $getSelection();
-      if (!$isRangeSelection(selection))
-        return;
-      const text = selectedText || selection.getTextContent().trim();
-      if (!text) {
-        toast.error("No text selected", {
-          description: "Please select some text to enhance"
-        });
-        return;
-      }
-      (_a = enhanceDialogRef.current) == null ? void 0 : _a.openDialog(text, (enhancedText) => {
-        editor.update(() => {
-          const currentSelection = $getSelection();
-          if (!currentSelection || !$isRangeSelection(currentSelection))
-            return;
-          const parser = new DOMParser();
-          const dom = parser.parseFromString(enhancedText, "text/html");
-          const nodes = $generateNodesFromDOM(editor, dom);
-          currentSelection.insertText("");
-          $insertNodes(nodes);
-        });
-        toast.success("Text inserted successfully!");
-      });
-    });
-    return true;
-  };
-  useEffect$1(() => {
-    return editor.registerCommand(
-      TEXT_ENHANCE_COMMAND,
-      (selectedText) => {
-        handleOpenDialog(selectedText);
-        return true;
-      },
-      COMMAND_PRIORITY_LOW
-    );
-  }, [editor]);
-  return /* @__PURE__ */ jsx(
-    TextEnhanceDialog,
-    {
-      ref: enhanceDialogRef,
-      onEnhance: handleTextEnhancement
-    }
-  );
-};
-function FloatingEnhanceButton({
-  anchorElem
-}) {
-  const [editor] = useLexicalComposerContext();
-  const enhanceButtonRef = useRef(null);
-  const [isVisible, setIsVisible] = useState$1(false);
-  const updateButtonPosition = useCallback(() => {
-    const selection = $getSelection();
-    const buttonElem = enhanceButtonRef.current;
-    const nativeSelection = getDOMSelection(editor._window);
-    if (buttonElem === null) {
-      return;
-    }
-    const rootElement = editor.getRootElement();
-    if (selection !== null && nativeSelection !== null && !nativeSelection.isCollapsed && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
-      const rangeRect = getDOMRangeRect(nativeSelection, rootElement);
-      if (rangeRect) {
-        const BUTTON_WIDTH = 32;
-        const BUTTON_HEIGHT = 32;
-        const SPACING = 8;
-        const TOOLBAR_HEIGHT = 40;
-        const viewportWidth = window.innerWidth;
-        const rightPosition = rangeRect.right + anchorElem.offsetLeft + SPACING;
-        const hasSpaceOnRight = rightPosition + BUTTON_WIDTH + 20 < viewportWidth;
-        let top;
-        let left;
-        if (hasSpaceOnRight) {
-          top = rangeRect.top + anchorElem.offsetTop + rangeRect.height / 2 - BUTTON_HEIGHT / 2;
-          left = rightPosition;
-        } else {
-          top = rangeRect.top + anchorElem.offsetTop - BUTTON_HEIGHT - SPACING - TOOLBAR_HEIGHT;
-          left = rangeRect.left + anchorElem.offsetLeft + rangeRect.width / 2 - BUTTON_WIDTH / 2;
-          if (left < 10) {
-            left = 10;
-          }
-          if (left + BUTTON_WIDTH > viewportWidth - 10) {
-            left = viewportWidth - BUTTON_WIDTH - 10;
-          }
-          if (top < 10) {
-            top = rangeRect.bottom + anchorElem.offsetTop + SPACING;
-          }
-        }
-        buttonElem.style.opacity = "1";
-        buttonElem.style.top = `${top}px`;
-        buttonElem.style.left = `${left}px`;
-        setIsVisible(true);
-      }
-    } else {
-      buttonElem.style.opacity = "0";
-      buttonElem.style.top = "-10000px";
-      buttonElem.style.left = "-10000px";
-      setIsVisible(false);
-    }
-  }, [editor, anchorElem]);
-  useEffect$1(() => {
-    const scrollerElem = anchorElem.parentElement;
-    const update = () => {
-      editor.getEditorState().read(() => {
-        updateButtonPosition();
-      });
-    };
-    window.addEventListener("resize", update);
-    if (scrollerElem) {
-      scrollerElem.addEventListener("scroll", update);
-    }
-    return () => {
-      window.removeEventListener("resize", update);
-      if (scrollerElem) {
-        scrollerElem.removeEventListener("scroll", update);
-      }
-    };
-  }, [editor, updateButtonPosition, anchorElem]);
-  useEffect$1(() => {
-    editor.getEditorState().read(() => {
-      updateButtonPosition();
-    });
-    return mergeRegister(
-      editor.registerUpdateListener(({ editorState }) => {
-        editorState.read(() => {
-          updateButtonPosition();
-        });
-      }),
-      editor.registerCommand(
-        SELECTION_CHANGE_COMMAND,
-        () => {
-          updateButtonPosition();
-          return false;
-        },
-        COMMAND_PRIORITY_LOW
-      )
-    );
-  }, [editor, updateButtonPosition]);
-  const handleClick = () => {
-    editor.dispatchCommand(TEXT_ENHANCE_COMMAND, void 0);
-  };
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref: enhanceButtonRef,
-      className: "floating-enhance-button",
-      onClick: handleClick,
-      title: "Enhance Text with AI",
-      "aria-label": "Enhance Text with AI",
-      children: [
-        /* @__PURE__ */ jsx(SparkleIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "floating-enhance-button-tooltip", children: "Enhance with AI" })
-      ]
-    }
-  );
-}
-function FloatingEnhanceButtonPlugin({
-  anchorElem = document.body
-}) {
-  const [editor] = useLexicalComposerContext();
-  const [isText, setIsText] = useState$1(false);
-  useEffect$1(() => {
-    const updateTextSelection = () => {
-      editor.getEditorState().read(() => {
-        if (editor.isComposing()) {
-          return;
-        }
-        const selection = $getSelection();
-        const nativeSelection = getDOMSelection(editor._window);
-        const rootElement = editor.getRootElement();
-        if (nativeSelection !== null && (!$isRangeSelection(selection) || rootElement === null || !rootElement.contains(nativeSelection.anchorNode))) {
-          setIsText(false);
-          return;
-        }
-        if (!$isRangeSelection(selection)) {
-          return;
-        }
-        const textContent = selection.getTextContent();
-        if (!selection.isCollapsed() && textContent.trim() !== "") {
-          setIsText(true);
-        } else {
-          setIsText(false);
-        }
-      });
-    };
-    document.addEventListener("selectionchange", updateTextSelection);
-    return () => {
-      document.removeEventListener("selectionchange", updateTextSelection);
-    };
-  }, [editor]);
-  useEffect$1(() => {
-    return mergeRegister(
-      editor.registerUpdateListener(() => {
-        editor.getEditorState().read(() => {
-          const selection = $getSelection();
-          const nativeSelection = getDOMSelection(editor._window);
-          const rootElement = editor.getRootElement();
-          if (nativeSelection !== null && $isRangeSelection(selection) && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
-            const textContent = selection.getTextContent();
-            setIsText(!selection.isCollapsed() && textContent.trim() !== "");
-          } else {
-            setIsText(false);
-          }
-        });
-      }),
-      editor.registerRootListener(() => {
-        if (editor.getRootElement() === null) {
-          setIsText(false);
-        }
-      })
-    );
-  }, [editor]);
-  if (!isText) {
-    return null;
-  }
-  return createPortal(
-    /* @__PURE__ */ jsx(FloatingEnhanceButton, { anchorElem }),
-    anchorElem
-  );
-}
 const index$4 = "";
 const VERTICAL_GAP$1 = 10;
 const HORIZONTAL_OFFSET$1 = 5;
@@ -31820,6 +31504,20 @@ function FloatingLinkEditorPlugin({
   );
 }
 const index$3 = "";
+function getDOMRangeRect(nativeSelection, rootElement) {
+  const domRange = nativeSelection.getRangeAt(0);
+  let rect;
+  if (nativeSelection.anchorNode === rootElement) {
+    let inner = rootElement;
+    while (inner.firstElementChild != null) {
+      inner = inner.firstElementChild;
+    }
+    rect = inner.getBoundingClientRect();
+  } else {
+    rect = domRange.getBoundingClientRect();
+  }
+  return rect;
+}
 const VERTICAL_GAP = 10;
 const HORIZONTAL_OFFSET = 5;
 function setFloatingElemPosition(targetRect, floatingElem, anchorElem, isLink = false, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET, isEmbed = false) {
@@ -31878,6 +31576,227 @@ function setFloatingElemPosition(targetRect, floatingElem, anchorElem, isLink =
   floatingElem.style.opacity = "1";
   floatingElem.style.transform = `translate(${left}px, ${top}px)`;
 }
+const TextEnhanceDialog = forwardRef(
+  ({ onEnhance }, ref) => {
+    const [isOpen, setIsOpen] = useState$1(false);
+    const [selectedText, setSelectedText] = useState$1("");
+    const [userPrompt, setUserPrompt] = useState$1("");
+    const [enhancedText, setEnhancedText] = useState$1("");
+    const [isLoading, setIsLoading] = useState$1(false);
+    const [showResult, setShowResult] = useState$1(false);
+    const [onInsertCallback, setOnInsertCallback] = useState$1(null);
+    useImperativeHandle(ref, () => ({
+      openDialog: (text, insertCallback) => {
+        setSelectedText(text);
+        setUserPrompt("");
+        setEnhancedText("");
+        setShowResult(false);
+        setOnInsertCallback(() => insertCallback);
+        setIsOpen(true);
+      },
+      closeDialog: () => {
+        setIsOpen(false);
+        setTimeout(() => {
+          setSelectedText("");
+          setUserPrompt("");
+          setEnhancedText("");
+          setShowResult(false);
+          setOnInsertCallback(null);
+        }, 300);
+      }
+    }));
+    const handleClose = () => {
+      setIsOpen(false);
+      setTimeout(() => {
+        setSelectedText("");
+        setUserPrompt("");
+        setEnhancedText("");
+        setShowResult(false);
+        setOnInsertCallback(null);
+      }, 300);
+    };
+    const handleEnhance = async () => {
+      if (!userPrompt.trim())
+        return;
+      setIsLoading(true);
+      try {
+        const result = await onEnhance(selectedText, userPrompt);
+        setEnhancedText(result);
+        setShowResult(true);
+      } catch (error) {
+        console.error("Enhancement error:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    const handleInsert = () => {
+      if (onInsertCallback && enhancedText) {
+        onInsertCallback(enhancedText);
+      }
+      handleClose();
+    };
+    return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:cteditor-max-w-[500px] cteditor-max-h-[650px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxs(DialogTitle, { className: "cteditor-flex cteditor-items-center cteditor-gap-2", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-5" }),
+          "Enhance Text"
+        ] }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Enhance your selected text with AI assistance." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4 cteditor-overflow-y-auto cteditor-max-h-[400px] cteditor-pr-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Selected Text" }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-accent/50 cteditor-rounded-lg cteditor-border cteditor-border-border cteditor-max-h-24 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: selectedText }) })
+        ] }),
+        !showResult && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "How to enhance?" }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: userPrompt,
+              onChange: (e) => setUserPrompt(e.target.value),
+              placeholder: "E.g., Make it professional, Add details, Simplify...",
+              className: "cteditor-w-full cteditor-h-20 cteditor-p-3 cteditor-bg-background cteditor-rounded-lg cteditor-border cteditor-border-border focus:cteditor-border-foreground cteditor-outline-none cteditor-text-sm cteditor-text-foreground cteditor-placeholder-muted-foreground cteditor-resize-none",
+              disabled: isLoading,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+                  handleEnhance();
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: "Ctrl+Enter to enhance" })
+        ] }),
+        isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-py-0 cteditor-space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "cteditor-relative cteditor-w-14 cteditor-h-14", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-opacity-75",
+                style: {
+                  background: "linear-gradient(to right, #a855f7, #ec4899, #a855f7)",
+                  animation: "spin 2s linear infinite",
+                  padding: "2px",
+                  WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+                  WebkitMaskComposite: "xor",
+                  maskComposite: "exclude"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "cteditor-absolute cteditor-inset-0 cteditor-rounded-full cteditor-bg-background cteditor-flex cteditor-items-center cteditor-justify-center cteditor-m-[2px]", children: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-w-6 cteditor-h-6 cteditor-text-purple-500 cteditor-animate-pulse" }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-text-center", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-foreground", children: "Enhancing text..." }) })
+        ] }),
+        showResult && !isLoading && /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-1.5 cteditor-animate-in cteditor-fade-in cteditor-slide-in-from-bottom-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+            /* @__PURE__ */ jsx(Check, { className: "cteditor-w-3.5 cteditor-h-3.5 cteditor-text-green-500" }),
+            /* @__PURE__ */ jsx("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Enhanced Text" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-p-3 cteditor-bg-gradient-to-br cteditor-from-purple-500/5 cteditor-to-pink-500/5 cteditor-rounded-lg cteditor-border cteditor-border-purple-500/20 cteditor-max-h-48 cteditor-overflow-y-auto", children: /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: enhancedText }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, children: "Cancel" }),
+        !showResult && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: handleEnhance,
+            disabled: !userPrompt.trim() || isLoading,
+            className: "cteditor-gap-2",
+            children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-5" }),
+              "Enhance"
+            ]
+          }
+        ),
+        showResult && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: handleInsert,
+            className: "cteditor-gap-2",
+            children: [
+              "Insert",
+              /* @__PURE__ */ jsx(ArrowRight, { className: "cteditor-size-5" })
+            ]
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+TextEnhanceDialog.displayName = "TextEnhanceDialog";
+const TEXT_ENHANCE_COMMAND = createCommand("TEXT_ENHANCE_COMMAND");
+const TextEnhancePlugin = ({ apiKey }) => {
+  const [editor] = useLexicalComposerContext();
+  const enhanceDialogRef = useRef(null);
+  const handleTextEnhancement = async (selectedText, userPrompt) => {
+    try {
+      const prompt = `Enhance the following text based on this instruction: "${userPrompt}"
+
+Original text:
+"${selectedText}"
+
+Provide only the enhanced text without any additional explanation.`;
+      const response = await AiTextEnhance({ content: prompt, apiKey });
+      if (!response.data) {
+        throw new Error("No response received from AI");
+      }
+      return response.data;
+    } catch (error) {
+      console.error("Error enhancing text:", error);
+      toast.error("Enhancement failed", {
+        description: error instanceof Error ? error.message : "An error occurred"
+      });
+      throw error;
+    }
+  };
+  const handleOpenDialog = (selectedText) => {
+    editor.getEditorState().read(() => {
+      var _a;
+      const selection = $getSelection();
+      if (!$isRangeSelection(selection))
+        return;
+      const text = selectedText || selection.getTextContent().trim();
+      if (!text) {
+        toast.error("No text selected", {
+          description: "Please select some text to enhance"
+        });
+        return;
+      }
+      (_a = enhanceDialogRef.current) == null ? void 0 : _a.openDialog(text, (enhancedText) => {
+        editor.update(() => {
+          const currentSelection = $getSelection();
+          if (!currentSelection || !$isRangeSelection(currentSelection))
+            return;
+          const parser = new DOMParser();
+          const dom = parser.parseFromString(enhancedText, "text/html");
+          const nodes = $generateNodesFromDOM(editor, dom);
+          currentSelection.insertText("");
+          $insertNodes(nodes);
+        });
+        toast.success("Text inserted successfully!");
+      });
+    });
+    return true;
+  };
+  useEffect$1(() => {
+    return editor.registerCommand(
+      TEXT_ENHANCE_COMMAND,
+      (selectedText) => {
+        handleOpenDialog(selectedText);
+        return true;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+  }, [editor]);
+  return /* @__PURE__ */ jsx(
+    TextEnhanceDialog,
+    {
+      ref: enhanceDialogRef,
+      onEnhance: handleTextEnhancement
+    }
+  );
+};
 const DropdownMenu = ({ children, trigger }) => {
   const [isOpen, setIsOpen] = useState$1(false);
   const dropdownRef = useRef(null);
@@ -32147,6 +32066,26 @@ function TextFormatFloatingToolbar({
                   ]
                 }
               ),
+              /* @__PURE__ */ jsxs(
+                DropdownMenuItem,
+                {
+                  onClick: () => {
+                    editor.getEditorState().read(() => {
+                      const selection = $getSelection();
+                      if ($isRangeSelection(selection)) {
+                        const selectedText = selection.getTextContent();
+                        editor.dispatchCommand(TEXT_ENHANCE_COMMAND, selectedText || void 0);
+                      } else {
+                        editor.dispatchCommand(TEXT_ENHANCE_COMMAND, void 0);
+                      }
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "cteditor-w-5 cteditor-h-5 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+                    /* @__PURE__ */ jsx("span", { children: "Enhance with AI" })
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxs(
                 DropdownMenuItem,
                 {
@@ -32573,50 +32512,6 @@ function LinkPlugin({
     }
   );
 }
-const cache = /* @__PURE__ */ new Map();
-const CACHE_TTL = 30 * 60 * 1e3;
-const MAX_CACHE_SIZE = 100;
-function getCached(url) {
-  const entry = cache.get(url);
-  if (!entry)
-    return null;
-  if (Date.now() - entry.timestamp > CACHE_TTL) {
-    cache.delete(url);
-    return null;
-  }
-  return entry.data;
-}
-function setCache(url, data) {
-  if (cache.size >= MAX_CACHE_SIZE) {
-    const oldestKey = cache.keys().next().value;
-    if (oldestKey)
-      cache.delete(oldestKey);
-  }
-  cache.set(url, { data, timestamp: Date.now() });
-}
-async function fetchLinkPreview({
-  url,
-  apiKey
-}) {
-  const cached = getCached(url);
-  if (cached)
-    return cached;
-  try {
-    const response = await backendAPI.post(
-      apiEndpoints.linkPreview.getPreview,
-      { url },
-      apiKey ? { headers: { "X-API-Key": apiKey } } : void 0
-    );
-    if (response.data.success && response.data.data) {
-      setCache(url, response.data.data);
-      return response.data.data;
-    }
-    return null;
-  } catch (error) {
-    console.error("Error fetching link preview:", error);
-    return null;
-  }
-}
 function LinkPreviewPlugin({ apiKey }) {
   const [editor] = useLexicalComposerContext();
   const [hoveredLink, setHoveredLink] = useState$1(null);
@@ -32774,7 +32669,7 @@ function LinkPreview({ url, rect, apiKey, onClose }) {
     }
   };
   const domain = getDomain(url);
-  const TypeIcon = ({ type }) => {
+  const TypeIcon2 = ({ type }) => {
     const iconProps = { style: { width: "14px", height: "14px" }, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" };
     const pathProps = { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 };
     switch (type) {
@@ -32884,7 +32779,7 @@ function LinkPreview({ url, rect, apiKey, onClose }) {
                   e.currentTarget.style.display = "none";
                 }
               }
-            ) : /* @__PURE__ */ jsx("span", { style: { color: "#888" }, children: /* @__PURE__ */ jsx(TypeIcon, { type: previewData.type }) }),
+            ) : /* @__PURE__ */ jsx("span", { style: { color: "#888" }, children: /* @__PURE__ */ jsx(TypeIcon2, { type: previewData.type }) }),
             /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: "#888", flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: previewData.siteName || domain }),
             /* @__PURE__ */ jsx("span", { style: {
               fontSize: "10px",
@@ -35065,23 +34960,6 @@ function RichTextPastePlugin() {
               const selection = $getSelection();
               if (!$isRangeSelection(selection))
                 return;
-              const anchorNode = selection.anchor.getNode();
-              let isInsideTableCell = false;
-              let currentNode = anchorNode;
-              while (currentNode) {
-                if ($isTableCellNode(currentNode)) {
-                  isInsideTableCell = true;
-                  break;
-                }
-                currentNode = currentNode.getParent();
-              }
-              if (isInsideTableCell) {
-                if (plainText) {
-                  const cleanText = plainText.replace(/[\r\n]+/g, " ").trim();
-                  selection.insertText(cleanText);
-                }
-                return;
-              }
               try {
                 const nodes = convertHTMLToNodesWithStyles(htmlContent, editor);
                 if (nodes.length > 0) {
@@ -35694,21 +35572,6 @@ function PasteOptionsPlugin() {
             const selection = $getSelection();
             if (!$isRangeSelection(selection))
               return;
-            const anchorNode = selection.anchor.getNode();
-            let isInsideTableCell = false;
-            let currentNode = anchorNode;
-            while (currentNode) {
-              if ($isTableCellNode(currentNode)) {
-                isInsideTableCell = true;
-                break;
-              }
-              currentNode = currentNode.getParent();
-            }
-            if (isInsideTableCell) {
-              const cleanText = pasteData.plain.replace(/[\r\n]+/g, " ").trim();
-              selection.insertText(cleanText);
-              return;
-            }
             let nodes = [];
             if (mode === "plain") {
               nodes = convertPlainTextToNodes(pasteData.plain);
@@ -35795,6 +35658,8 @@ function getOptionMeta(label) {
     return { icon: /* @__PURE__ */ jsx(Quote, { className: "cteditor-size-4" }), description: "Insert a quote block" };
   if (lower.includes("code block"))
     return { icon: /* @__PURE__ */ jsx(Code, { className: "cteditor-size-4" }), description: "Insert a code block" };
+  if (lower.includes("horizontal") || lower.includes("divider"))
+    return { icon: /* @__PURE__ */ jsx(Minus, { className: "cteditor-size-4" }), description: "Insert horizontal line" };
   if (lower.includes("bullet"))
     return { icon: /* @__PURE__ */ jsx(List$1, { className: "cteditor-size-4" }), description: "Create a bulleted list", shortcut: "•" };
   if (lower.includes("numbered"))
@@ -35807,6 +35672,8 @@ function getOptionMeta(label) {
     return { icon: /* @__PURE__ */ jsx(Video, { className: "cteditor-size-4" }), description: "Embed a video", shortcut: "Vid" };
   if (lower.includes("table"))
     return { icon: /* @__PURE__ */ jsx(Table, { className: "cteditor-size-4" }), description: "Insert a table" };
+  if (lower.includes("chart"))
+    return { icon: /* @__PURE__ */ jsx(BarChart3, { className: "cteditor-size-4" }), description: "Insert a chart" };
   if (lower.includes("bold"))
     return { icon: /* @__PURE__ */ jsx(Bold, { className: "cteditor-size-4" }), description: "Make text bold" };
   if (lower.includes("italic"))
@@ -35819,6 +35686,8 @@ function getOptionMeta(label) {
     return { icon: /* @__PURE__ */ jsx(Subscript, { className: "cteditor-size-4" }), description: "Format as subscript" };
   if (lower.includes("superscript"))
     return { icon: /* @__PURE__ */ jsx(Superscript, { className: "cteditor-size-4" }), description: "Format as superscript" };
+  if (lower.includes("signature"))
+    return { icon: /* @__PURE__ */ jsx(PenTool, { className: "cteditor-size-4" }), description: "Add your signature" };
   if (lower.includes("align left"))
     return { icon: /* @__PURE__ */ jsx(AlignLeft, { className: "cteditor-size-4" }), description: "Align text left" };
   if (lower.includes("align center"))
@@ -35827,30 +35696,26 @@ function getOptionMeta(label) {
     return { icon: /* @__PURE__ */ jsx(AlignRight, { className: "cteditor-size-4" }), description: "Align text right" };
   if (lower.includes("justify"))
     return { icon: /* @__PURE__ */ jsx(AlignJustify, { className: "cteditor-size-4" }), description: "Justify text" };
-  if (lower.includes("info"))
+  if (lower.includes("info panel"))
     return { icon: /* @__PURE__ */ jsx(Info, { className: "cteditor-size-4" }), description: "Insert info panel" };
-  if (lower.includes("warning"))
+  if (lower.includes("warning panel"))
     return { icon: /* @__PURE__ */ jsx(AlertTriangle, { className: "cteditor-size-4" }), description: "Insert warning panel" };
-  if (lower.includes("error"))
+  if (lower.includes("error panel"))
     return { icon: /* @__PURE__ */ jsx(XCircle, { className: "cteditor-size-4" }), description: "Insert error panel" };
-  if (lower.includes("success"))
+  if (lower.includes("success panel"))
     return { icon: /* @__PURE__ */ jsx(CheckCircle, { className: "cteditor-size-4" }), description: "Insert success panel" };
   if (lower.includes("undo"))
     return { icon: /* @__PURE__ */ jsx(Undo, { className: "cteditor-size-4" }), description: "Undo last action" };
   if (lower.includes("redo"))
     return { icon: /* @__PURE__ */ jsx(Redo, { className: "cteditor-size-4" }), description: "Redo last action" };
-  if (lower.includes("clear"))
-    return { icon: /* @__PURE__ */ jsx(Eraser, { className: "cteditor-size-4" }), description: "Clear formatting" };
-  if (lower.includes("comment"))
-    return { icon: /* @__PURE__ */ jsx(MessageSquare, { className: "cteditor-size-4" }), description: "Add a comment" };
   if (lower.includes("ai chat"))
     return { icon: /* @__PURE__ */ jsx(MessageCircle, { className: "cteditor-size-4" }), description: "Open AI chat" };
   if (lower.includes("ai") || lower.includes("improve"))
     return { icon: /* @__PURE__ */ jsx(Sparkles, { className: "cteditor-size-4" }), description: "AI improvements" };
-  if (lower.includes("html"))
-    return { icon: /* @__PURE__ */ jsx(FileCode2, { className: "cteditor-size-4" }), description: "Toggle HTML view" };
-  if (lower.includes("pdf") || lower.includes("export"))
-    return { icon: /* @__PURE__ */ jsx(Download, { className: "cteditor-size-4" }), description: "Export to PDF" };
+  if (lower.includes("autocomplete") || lower.includes("grammar"))
+    return { icon: /* @__PURE__ */ jsx(SpellCheck, { className: "cteditor-size-4" }), description: "Toggle grammar & autocomplete" };
+  if (lower.includes("html") || lower.includes("source"))
+    return { icon: /* @__PURE__ */ jsx(FileCode2, { className: "cteditor-size-4" }), description: "Switch to HTML view" };
   return { icon: /* @__PURE__ */ jsx(ParagraphIcon, {}) };
 }
 class SlashMenuOption extends MenuOption {
@@ -35896,6 +35761,9 @@ function SlashMenuItem({
 }
 function SlashCommandPlugin() {
   const [editor] = useLexicalComposerContext();
+  const { toolbarState, updateToolbarState } = useToolbarState();
+  const { isHtmlView, setIsHtmlView } = useHtmlView();
+  const { apiKey } = useEditor();
   const [queryString, setQueryString] = useState$1(null);
   const [searchQuery, setSearchQuery] = useState$1("");
   const searchInputRef = useRef(null);
@@ -35904,6 +35772,8 @@ function SlashCommandPlugin() {
   const anchorRef = useRef(null);
   const [isMenuOpen, setIsMenuOpen] = useState$1(false);
   const [showImageDialog, setShowImageDialog] = useState$1(false);
+  const [showSignatureDialog, setShowSignatureDialog] = useState$1(false);
+  const [showChartDialog, setShowChartDialog] = useState$1(false);
   const triggerFn = useBasicTypeaheadTriggerMatch("/", { minLength: 0 });
   useEffect$1(() => {
     if (!isMenuOpen) {
@@ -35980,6 +35850,30 @@ function SlashCommandPlugin() {
   const insertTable = useCallback(() => {
     editor.dispatchCommand(CREATE_TABLE_COMMAND, void 0);
   }, [editor]);
+  const insertHorizontalRule = useCallback(() => {
+    editor.dispatchCommand(INSERT_CUSTOM_HORIZONTAL_RULE_COMMAND, {
+      color: "#e5e7eb",
+      strokeWidth: 1
+    });
+  }, [editor]);
+  const insertSignature = useCallback(() => {
+    setShowSignatureDialog(true);
+  }, []);
+  const insertInfoPanel = useCallback(() => {
+    editor.dispatchCommand(INSERT_NOTE_PANEL_COMMAND, { type: "info" });
+  }, [editor]);
+  const insertWarningPanel = useCallback(() => {
+    editor.dispatchCommand(INSERT_NOTE_PANEL_COMMAND, { type: "warning" });
+  }, [editor]);
+  const insertErrorPanel = useCallback(() => {
+    editor.dispatchCommand(INSERT_NOTE_PANEL_COMMAND, { type: "error" });
+  }, [editor]);
+  const insertSuccessPanel = useCallback(() => {
+    editor.dispatchCommand(INSERT_NOTE_PANEL_COMMAND, { type: "success" });
+  }, [editor]);
+  const alignJustify = useCallback(() => {
+    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, "justify");
+  }, [editor]);
   const formatBold = useCallback(() => {
     editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold");
   }, [editor]);
@@ -35998,40 +35892,47 @@ function SlashCommandPlugin() {
   const formatSuperscript = useCallback(() => {
     editor.dispatchCommand(FORMAT_TEXT_COMMAND, "superscript");
   }, [editor]);
-  const alignJustify = useCallback(() => {
-    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, "justify");
-  }, [editor]);
   const undo = useCallback(() => {
     editor.dispatchCommand(UNDO_COMMAND, void 0);
   }, [editor]);
   const redo = useCallback(() => {
     editor.dispatchCommand(REDO_COMMAND, void 0);
   }, [editor]);
-  const { clearFormatting } = useEditorToolbar();
-  const { clearEditorContent } = useCustomCommands();
-  const handleClearFormatting = useCallback(() => {
-    clearFormatting();
-    toast.success("Formatting cleared");
-  }, [clearFormatting]);
-  const handleClearContent = useCallback(() => {
-    toast.warning("Clear editor content?", {
-      description: "This will remove all content.",
-      action: {
-        label: "OK",
-        onClick: () => {
-          clearEditorContent();
-          toast.success("Editor cleared");
-        }
-      },
-      duration: 8e3
-    });
-  }, [clearEditorContent]);
-  const addComment = useCallback(() => {
-    editor.dispatchCommand(OPEN_COMMENT_MODAL_COMMAND, void 0);
-  }, [editor]);
   const openAIChat = useCallback(() => {
     editor.dispatchCommand(TOGGLE_AI_CHAT_COMMAND, void 0);
   }, [editor]);
+  const insertChart = useCallback(() => {
+    setShowChartDialog(true);
+  }, []);
+  const handleChartInsert = useCallback(
+    async (metadata) => {
+      const result = await generateChartWithToast(metadata, apiKey);
+      if (result.success) {
+        editor.update(() => {
+          const chartNode = $createChartNode(result.html, metadata);
+          const selection = $getSelection();
+          if (!selection) {
+            const root2 = $getRoot();
+            root2.append(chartNode);
+          } else {
+            $insertNodes([chartNode]);
+          }
+          const paragraphNode = $createParagraphNode();
+          chartNode.insertAfter(paragraphNode);
+        });
+      }
+    },
+    [editor, apiKey]
+  );
+  const toggleAutocomplete = useCallback(() => {
+    updateToolbarState("isAutocompleteEnabled", !toolbarState.isAutocompleteEnabled);
+    toast.success(
+      toolbarState.isAutocompleteEnabled ? "Autocomplete & Grammar disabled" : "Autocomplete & Grammar enabled"
+    );
+  }, [toolbarState.isAutocompleteEnabled, updateToolbarState]);
+  const switchToHtmlView = useCallback(() => {
+    setIsHtmlView(!isHtmlView);
+  }, [isHtmlView, setIsHtmlView]);
   const baseOptions = useMemo(() => {
     return [
       // Block types
@@ -36046,6 +35947,7 @@ function SlashCommandPlugin() {
       new SlashMenuOption("Heading 6", () => insertHeading("h6")),
       new SlashMenuOption("Quote", insertQuote),
       new SlashMenuOption("Code block", insertCodeBlock),
+      new SlashMenuOption("Horizontal line", insertHorizontalRule),
       // Lists
       new SlashMenuOption("__label__LISTS", () => {
       }),
@@ -36058,6 +35960,22 @@ function SlashCommandPlugin() {
       new SlashMenuOption("Image", insertImage),
       new SlashMenuOption("Video", insertVideo),
       new SlashMenuOption("Table", insertTable),
+      new SlashMenuOption("Chart", insertChart),
+      new SlashMenuOption("Signature", insertSignature),
+      // Note Panels
+      new SlashMenuOption("__label__PANELS", () => {
+      }),
+      new SlashMenuOption("Info panel", insertInfoPanel),
+      new SlashMenuOption("Warning panel", insertWarningPanel),
+      new SlashMenuOption("Error panel", insertErrorPanel),
+      new SlashMenuOption("Success panel", insertSuccessPanel),
+      // Alignment
+      new SlashMenuOption("__label__ALIGN", () => {
+      }),
+      new SlashMenuOption("Align left", () => align("left")),
+      new SlashMenuOption("Align center", () => align("center")),
+      new SlashMenuOption("Align right", () => align("right")),
+      new SlashMenuOption("Justify", alignJustify),
       // Text formatting
       new SlashMenuOption("__label__FORMAT", () => {
       }),
@@ -36067,52 +35985,52 @@ function SlashCommandPlugin() {
       new SlashMenuOption("Strikethrough", formatStrikethrough),
       new SlashMenuOption("Subscript", formatSubscript),
       new SlashMenuOption("Superscript", formatSuperscript),
-      // Alignment
-      new SlashMenuOption("__label__ALIGN", () => {
-      }),
-      new SlashMenuOption("Align left", () => align("left")),
-      new SlashMenuOption("Align center", () => align("center")),
-      new SlashMenuOption("Align right", () => align("right")),
-      new SlashMenuOption("Justify", alignJustify),
       // Actions
       new SlashMenuOption("__label__ACTIONS", () => {
       }),
       new SlashMenuOption("Undo", undo),
       new SlashMenuOption("Redo", redo),
-      new SlashMenuOption("Clear formatting", handleClearFormatting),
-      new SlashMenuOption("Clear content", handleClearContent),
-      new SlashMenuOption("Add comment", addComment),
       // AI features
       new SlashMenuOption("__label__AI", () => {
       }),
-      new SlashMenuOption("AI Chat", openAIChat)
-      // new SlashMenuOption("AI Generate image", aiGenerateImage),
+      new SlashMenuOption("AI Chat", openAIChat),
+      // Tools
+      new SlashMenuOption("__label__TOOLS", () => {
+      }),
+      new SlashMenuOption("Toggle Autocomplete", toggleAutocomplete),
+      new SlashMenuOption("Switch to HTML View", switchToHtmlView)
     ];
   }, [
     insertParagraph,
     insertHeading,
     insertQuote,
     insertCodeBlock,
+    insertHorizontalRule,
     toggleBullet,
     toggleNumber,
     toggleTodo,
     insertImage,
     insertVideo,
     insertTable,
+    insertChart,
+    insertSignature,
+    insertInfoPanel,
+    insertWarningPanel,
+    insertErrorPanel,
+    insertSuccessPanel,
+    align,
+    alignJustify,
     formatBold,
     formatItalic,
     formatUnderline,
     formatStrikethrough,
     formatSubscript,
     formatSuperscript,
-    align,
-    alignJustify,
     undo,
     redo,
-    handleClearFormatting,
-    handleClearContent,
-    addComment,
-    openAIChat
+    openAIChat,
+    toggleAutocomplete,
+    switchToHtmlView
   ]);
   const options = useMemo(() => {
     const query = searchQuery || queryString || "";
@@ -36275,6 +36193,20 @@ function SlashCommandPlugin() {
         activeEditor: editor,
         onClose: () => setShowImageDialog(false)
       }
+    ),
+    showSignatureDialog && /* @__PURE__ */ jsx(
+      SignatureCanvasDialog,
+      {
+        onClose: () => setShowSignatureDialog(false)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChartInsertDialog,
+      {
+        open: showChartDialog,
+        onOpenChange: setShowChartDialog,
+        onInsert: handleChartInsert
+      }
     )
   ] });
 }
@@ -37096,7 +37028,15 @@ function TableActionMenu({
                   }
                   if (newHeaderCell.getChildrenSize() === 0) {
                     const paragraph = $createParagraphNode();
+                    const textNode = $createTextNode("​");
+                    paragraph.append(textNode);
                     newHeaderCell.append(paragraph);
+                  } else {
+                    const firstChild = newHeaderCell.getFirstChild();
+                    if ($isParagraphNode(firstChild) && firstChild.getTextContentSize() === 0) {
+                      const textNode = $createTextNode("​");
+                      firstChild.append(textNode);
+                    }
                   }
                 }
               }
@@ -37432,7 +37372,7 @@ function TableActionMenu({
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "dropdown table-drop   cteditor-z-[100]\n  cteditor-flex\n    cteditor-flex-col\n  cteditor-fixed\n  cteditor-min-h-[40px]\n  cteditor-min-w-[200px]\n  cteditor-p-[6px]\n  cteditor-overflow-y-auto\n  cteditor-overflow-x-hidden \n  cteditor-shadow-xl\n  cteditor-rounded-lg\n  cteditor-border\n  cteditor-border-border\n  cteditor-bg-background \n  cteditor-backdrop-blur-md\n  cteditor-space-y-0.5\n  ",
+        className: "dropdown table-drop   cteditor-z-[100]\r\n  cteditor-flex\r\n    cteditor-flex-col\r\n  cteditor-fixed\r\n  cteditor-min-h-[40px]\r\n  cteditor-min-w-[200px]\r\n  cteditor-p-[6px]\r\n  cteditor-overflow-y-auto\r\n  cteditor-overflow-x-hidden \r\n  cteditor-shadow-xl\r\n  cteditor-rounded-lg\r\n  cteditor-border\r\n  cteditor-border-border\r\n  cteditor-bg-background \r\n  cteditor-backdrop-blur-md\r\n  cteditor-space-y-0.5\r\n  ",
         ref: dropDownRef,
         onClick: (e) => {
           e.stopPropagation();
@@ -38736,7 +38676,15 @@ function TableHoverActionsContainer({
                   }
                   if (newHeaderCell.getChildrenSize() === 0) {
                     const paragraph = $createParagraphNode();
+                    const textNode = $createTextNode("​");
+                    paragraph.append(textNode);
                     newHeaderCell.append(paragraph);
+                  } else {
+                    const firstChild = newHeaderCell.getFirstChild();
+                    if ($isParagraphNode(firstChild) && firstChild.getTextContentSize() === 0) {
+                      const textNode = $createTextNode("​");
+                      firstChild.append(textNode);
+                    }
                   }
                 }
               }
@@ -39856,47 +39804,6 @@ const WordCountPlugin = () => {
     ] })
   ] });
 };
-const NORMALIZED_CODE_BLOCK_COLORS = {
-  // Dark neutral background - works on both light and dark pages
-  backgroundColor: "#2d2d2d",
-  // Light text for readability on dark background
-  textColor: "#f8f8f2",
-  // Slightly lighter gutter background
-  gutterBackgroundColor: "#252525",
-  gutterTextColor: "#8c8c8c",
-  // Syntax highlighting token colors (inspired by popular dark themes like Monokai/One Dark)
-  tokenColors: {
-    comment: "#6a9955",
-    // Green for comments
-    punctuation: "#d4d4d4",
-    // Light gray for punctuation
-    property: "#e06c75",
-    // Red/pink for properties, numbers, tags
-    selector: "#98c379",
-    // Green for strings, selectors
-    operator: "#d19a66",
-    // Orange for operators
-    attr: "#61afef",
-    // Blue for keywords, attributes
-    variable: "#e5c07b",
-    // Yellow for variables, regex
-    function: "#c678dd"
-    // Purple for functions, class names
-  }
-};
-function getNormalizedTokenColor(tokenClass) {
-  const classToColor = {
-    "PlaygroundEditorTheme__tokenComment": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.comment,
-    "PlaygroundEditorTheme__tokenPunctuation": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.punctuation,
-    "PlaygroundEditorTheme__tokenProperty": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.property,
-    "PlaygroundEditorTheme__tokenSelector": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.selector,
-    "PlaygroundEditorTheme__tokenOperator": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.operator,
-    "PlaygroundEditorTheme__tokenAttr": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.attr,
-    "PlaygroundEditorTheme__tokenVariable": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.variable,
-    "PlaygroundEditorTheme__tokenFunction": NORMALIZED_CODE_BLOCK_COLORS.tokenColors.function
-  };
-  return classToColor[tokenClass] || NORMALIZED_CODE_BLOCK_COLORS.textColor;
-}
 function exportEditorWithInlineStyle(editor) {
   const rootElement = editor.getRootElement();
   if (!rootElement)
@@ -40105,7 +40012,7 @@ function processHtmlForExport(html, tableStyleMap, codeBlockStyles) {
     });
   });
   cleanupHeaderCellStructure(doc.body);
-  applyCodeSyntaxHighlighting(doc.body);
+  applyCodeSyntaxHighlighting(doc.body, codeBlockStyles);
   processCodeBlocks(doc.body, codeBlockStyles);
   applyGenericSafeStyles(doc.body, codeBlockStyles);
   cleanupClasses(doc.body);
@@ -40286,10 +40193,12 @@ function applyGenericSafeStyles(container, codeBlockStyles) {
   addStyle("ul, ol", "margin: 1em 0; padding-left: 40px;");
   addStyle("li", "margin: 0.5em 0;");
   addStyle("a", "color: #0066cc; text-decoration: underline;");
+  const codeBlockBg = codeBlockStyles.backgroundColor || "#f5f5f5";
+  const codeBlockText = codeBlockStyles.textColor || "#333";
   const codeBlockFont = codeBlockStyles.fontFamily || "Menlo, Consolas, Monaco, monospace";
   addStyle(
     "code:not(.code-line-numbers):not(.code-content):not([data-language]):not([data-highlight-language])",
-    `font-family: ${codeBlockFont}; background-color: ${NORMALIZED_CODE_BLOCK_COLORS.backgroundColor}; color: ${NORMALIZED_CODE_BLOCK_COLORS.textColor}; padding: 2px 6px; border-radius: 3px;`
+    `font-family: ${codeBlockFont}; background-color: ${codeBlockBg}; color: ${codeBlockText}; padding: 2px 4px; border-radius: 3px;`
   );
   addStyle(
     "blockquote",
@@ -40301,18 +40210,15 @@ function applyGenericSafeStyles(container, codeBlockStyles) {
 }
 function applyCodeSyntaxHighlighting(container, codeBlockStyles) {
   const codeBlocks = container.querySelectorAll('code, pre[data-language], pre[data-highlight-language], pre[spellcheck="false"]');
-  codeBlocks.forEach((codeBlock) => {
+  codeBlocks.forEach((codeBlock, codeBlockIndex) => {
+    const capturedSpanColors = codeBlockStyles.spanColors.get(codeBlockIndex) || [];
     const spans = codeBlock.querySelectorAll("span");
-    spans.forEach((span) => {
+    spans.forEach((span, spanIndex) => {
       const htmlSpan = span;
-      const classList = Array.from(htmlSpan.classList);
-      for (const className of classList) {
-        if (className.startsWith("PlaygroundEditorTheme__token")) {
-          const normalizedColor = getNormalizedTokenColor(className);
-          if (normalizedColor !== NORMALIZED_CODE_BLOCK_COLORS.textColor) {
-            htmlSpan.style.color = normalizedColor;
-          }
-          break;
+      if (spanIndex < capturedSpanColors.length) {
+        const { color } = capturedSpanColors[spanIndex];
+        if (color && color !== codeBlockStyles.textColor) {
+          htmlSpan.style.color = color;
         }
       }
     });
@@ -40348,8 +40254,8 @@ function processCodeBlocks(container, codeBlockStyles) {
     const fontFamily = codeBlockStyles.fontFamily || "Menlo, Consolas, Monaco, monospace";
     const fontSize = codeBlockStyles.fontSize || "13px";
     const lineHeight = codeBlockStyles.lineHeight || "1.53";
-    const gutterBg = NORMALIZED_CODE_BLOCK_COLORS.gutterBackgroundColor;
-    const gutterColor = NORMALIZED_CODE_BLOCK_COLORS.gutterTextColor;
+    const gutterBg = codeBlockStyles.gutterBackgroundColor || "rgba(0, 0, 0, 0.1)";
+    const gutterColor = codeBlockStyles.gutterTextColor || "rgba(0, 0, 0, 0.5)";
     gutter.style.cssText = [
       "display: table-cell",
       "vertical-align: top",
@@ -40362,7 +40268,7 @@ function processCodeBlocks(container, codeBlockStyles) {
       `font-family: ${fontFamily}`,
       `font-size: ${fontSize}`,
       `line-height: ${lineHeight}`,
-      "border-right: 1px solid #404040",
+      "border-right: 1px solid rgba(128, 128, 128, 0.3)",
       "border-top-left-radius: 5px",
       "border-bottom-left-radius: 5px",
       "user-select: none",
@@ -40385,8 +40291,8 @@ function processCodeBlocks(container, codeBlockStyles) {
     while (htmlCodeBlock.firstChild) {
       codeContent.appendChild(htmlCodeBlock.firstChild);
     }
-    const codeBlockBg = NORMALIZED_CODE_BLOCK_COLORS.backgroundColor;
-    const codeBlockText = NORMALIZED_CODE_BLOCK_COLORS.textColor;
+    const codeBlockBg = codeBlockStyles.backgroundColor || "#f5f5f5";
+    const codeBlockText = codeBlockStyles.textColor || "#333";
     htmlCodeBlock.style.cssText = [
       "display: table",
       "table-layout: fixed",
@@ -41359,7 +41265,7 @@ const ConfigurableEditor = ({
       /* @__PURE__ */ jsx(LocalStoragePlugin$1, { namespace: initialConfig.namespace }),
       /* @__PURE__ */ jsx(ListPlugin, {}),
       /* @__PURE__ */ jsx(LinkPlugin, { hasLinkAttributes: false }),
-      /* @__PURE__ */ jsx(LinkPreviewPlugin, {}),
+      /* @__PURE__ */ jsx(LinkPreviewPlugin, { apiKey }),
       /* @__PURE__ */ jsx(DragDropPaste, {}),
       /* @__PURE__ */ jsx(RichTextPastePlugin, {}),
       /* @__PURE__ */ jsx(PasteOptionsPlugin, {}),
@@ -41407,12 +41313,6 @@ const ConfigurableEditor = ({
             setIsLinkEditMode,
             features: config.floatingMenuOptions
           }
-        ),
-        /* @__PURE__ */ jsx(
-          FloatingEnhanceButtonPlugin,
-          {
-            anchorElem: floatingAnchorElem
-          }
         )
       ] })
     ] }) }),
@@ -41478,7 +41378,11 @@ const ConfigurableEditorWithAuth = ({
   onEditorReady,
   onFocus,
   onBlur,
-  onHeightChange
+  onHeightChange,
+  mode = "edit",
+  previewClassName = "",
+  previewStyle,
+  onPreviewClick
 }) => {
   const { isAuthenticated, isLoading, error, editorConfig: editorConfig2, currentUser, verifyKey } = useEditor();
   const successRef = useRef(onAuthSuccess);
@@ -41560,6 +41464,19 @@ const ConfigurableEditorWithAuth = ({
   if (!isAuthenticated || !editorConfig2) {
     return /* @__PURE__ */ jsx(ScopedEditorWrapper, { children: /* @__PURE__ */ jsx(AuthMessage, { children: /* @__PURE__ */ jsx("span", { children: "Please provide a valid API key to access the editor" }) }) });
   }
+  if (mode === "preview") {
+    return /* @__PURE__ */ jsx(ScopedEditorWrapper, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: previewClassName,
+        style: previewStyle,
+        onClick: onPreviewClick,
+        dangerouslySetInnerHTML: {
+          __html: initialContent || ""
+        }
+      }
+    ) });
+  }
   return /* @__PURE__ */ jsx(ScopedEditorWrapper, { children: /* @__PURE__ */ jsx(
     ConfigurableEditor,
     {
@@ -41576,6 +41493,25 @@ const ConfigurableEditorWithAuth = ({
     }
   ) });
 };
+function ContentPreview({
+  content,
+  className = "",
+  style,
+  onClick
+}) {
+  const defaultContent = "<p class='text-muted-foreground italic'>No content</p>";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      style,
+      onClick,
+      dangerouslySetInnerHTML: {
+        __html: content || defaultContent
+      }
+    }
+  );
+}
 export {
   $isFileNode as $,
   AlignLeft as A,
@@ -41606,11 +41542,13 @@ export {
   EditorProvider as p,
   useEditor as q,
   ConfigurableEditor as r,
-  isReactNativeWebView as s,
+  LinkPreviewHover as s,
   toast as t,
   useHtmlView as u,
   verifyApiKey as v,
-  useReactNativeBridge as w,
-  editorConfig as x
+  ContentPreview as w,
+  isReactNativeWebView as x,
+  useReactNativeBridge as y,
+  editorConfig as z
 };
-//# sourceMappingURL=index-6717344b.js.map
+//# sourceMappingURL=index-0bc350db.js.map