eddyter 1.3.42 → 1.3.43

package/dist/{index-9ff3d80c.js → index-636eff7f.js}

@@ -25,7 +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, CLICK_COMMAND, getDOMSelection, KEY_BACKSPACE_COMMAND, ParagraphNode, $createLineBreakNode, isDOMNode } from "lexical";
+import { createCommand, DecoratorNode, createEditor, $applyNodeReplacement, $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, $getNearestNodeFromDOMNode, isHTMLElement as isHTMLElement$1, TextNode, $getRoot, $createTextNode, $getNodeByKey, $isParagraphNode, $isTextNode, $setSelection, 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, 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";
@@ -118,8 +118,10 @@ const apiEndpoints = {
     json: "/api/chat/json",
     textEnhance: "/api/chat/text-enhance",
     textTransform: "/api/chat/text-transform",
+    textTransformStream: "/api/chat/text-transform-stream",
     imageCreation: "/api/chat/image-creation",
     editorAction: "/api/chat/chat-action",
+    editorActionStream: "/api/chat/chat-action-stream",
     credits: "/api/chat/credits",
     userInfo: "/api/chat/user-info"
   },
@@ -2117,11 +2119,11 @@ function handleApiError(error) {
   }
   throw error;
 }
-const AiJsonResponse = async ({ content, apiKey }) => {
+const AiJsonResponse = async ({ content, apiKey, userTextLength }) => {
   try {
     const res = await backendAPI.post(
       apiEndpoints.chat.json,
-      { content },
+      { content, userTextLength },
       apiKey ? { headers: { "X-API-Key": apiKey } } : void 0
     );
     return res.data;
@@ -2130,28 +2132,94 @@ const AiJsonResponse = async ({ content, apiKey }) => {
     handleApiError(error);
   }
 };
-const AiEditorAction = async ({
+const AiEditorActionStream = async ({
   content,
   provider = "chatgpt",
-  apiKey
+  apiKey,
+  userTextLength,
+  onChunk,
+  onComplete,
+  onError: onError2
 }) => {
+  var _a;
   try {
+    let fullContent = "";
+    let metadata = {};
+    let processedLength = 0;
+    let lineBuffer = "";
     const res = await backendAPI.post(
-      apiEndpoints.chat.editorAction,
-      { content, provider },
-      apiKey ? { headers: { "X-API-Key": apiKey } } : void 0
+      apiEndpoints.chat.editorActionStream,
+      { content, provider, userTextLength },
+      {
+        headers: apiKey ? { "X-API-Key": apiKey } : void 0,
+        responseType: "stream",
+        onDownloadProgress: (progressEvent) => {
+          var _a2, _b;
+          const responseText = (_b = (_a2 = progressEvent.event) == null ? void 0 : _a2.target) == null ? void 0 : _b.responseText;
+          if (!responseText)
+            return;
+          const newData = responseText.slice(processedLength);
+          processedLength = responseText.length;
+          if (!newData)
+            return;
+          const dataToProcess = lineBuffer + newData;
+          const lines = dataToProcess.split("\n");
+          lineBuffer = lines.pop() || "";
+          for (const line of lines) {
+            if (!line.trim() || !line.startsWith("data: "))
+              continue;
+            const data = line.slice(6);
+            if (data === "[DONE]") {
+              continue;
+            }
+            try {
+              const parsed = JSON.parse(data);
+              if (parsed.type === "chunk" && parsed.content) {
+                const newChunk = parsed.content;
+                fullContent += newChunk;
+                onChunk(newChunk, fullContent);
+              } else if (parsed.type === "complete") {
+                fullContent = parsed.content || fullContent;
+                metadata = {
+                  isImage: parsed.isImage,
+                  isChart: parsed.isChart,
+                  credits: parsed.credits
+                };
+              } else if (parsed.type === "error") {
+                onError2(new Error(parsed.message || "Stream error"));
+                return;
+              }
+            } catch {
+            }
+          }
+        }
+      }
     );
-    return res.data;
+    if (res.status === 200) {
+      onComplete(fullContent, metadata);
+    }
   } catch (error) {
-    console.error("Error in AiEditorAction:", error);
-    handleApiError(error);
+    console.error("Error in AiEditorActionStream:", error);
+    const responseData = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data;
+    if (responseData) {
+      const { code, message } = responseData;
+      if (code === "API_KEYS_REQUIRED" || code === "NO_API_KEYS_CONFIGURED" || code === "API_KEYS_DISABLED") {
+        onError2(new ApiKeyRequiredError$1(message || "API key required", code));
+        return;
+      }
+      if (code === "INSUFFICIENT_CREDITS" || code === "NO_ACTIVE_SUBSCRIPTION" || code === "SUBSCRIPTION_EXPIRED") {
+        onError2(new CreditError$1(message || "Credit error", code));
+        return;
+      }
+    }
+    onError2(error instanceof Error ? error : new Error(String(error)));
   }
 };
-const AiTextEnhance = async ({ content, apiKey }) => {
+const AiTextEnhance = async ({ content, apiKey, userTextLength }) => {
   try {
     const res = await backendAPI.post(
       apiEndpoints.chat.textEnhance,
-      { content },
+      { content, userTextLength },
       apiKey ? { headers: { "X-API-Key": apiKey } } : void 0
     );
     return res.data;
@@ -2184,23 +2252,88 @@ const GetUserInfo = async ({ apiKey }) => {
     return { success: false, data: null };
   }
 };
-const AiTextTransform = async ({ content, apiKey }) => {
+const AiTextTransformStream = async ({
+  content,
+  apiKey,
+  userTextLength,
+  onChunk,
+  onComplete,
+  onError: onError2
+}) => {
+  var _a;
   try {
+    let fullText = "";
+    let credits;
+    let processedLength = 0;
+    let lineBuffer = "";
     const res = await backendAPI.post(
-      apiEndpoints.chat.textTransform,
-      { content },
-      apiKey ? { headers: { "X-API-Key": apiKey } } : void 0
+      apiEndpoints.chat.textTransformStream,
+      { content, userTextLength },
+      {
+        headers: apiKey ? { "X-API-Key": apiKey } : void 0,
+        responseType: "stream",
+        onDownloadProgress: (progressEvent) => {
+          var _a2, _b;
+          const responseText = (_b = (_a2 = progressEvent.event) == null ? void 0 : _a2.target) == null ? void 0 : _b.responseText;
+          if (!responseText)
+            return;
+          const newData = responseText.slice(processedLength);
+          processedLength = responseText.length;
+          if (!newData)
+            return;
+          const dataToProcess = lineBuffer + newData;
+          const lines = dataToProcess.split("\n");
+          lineBuffer = lines.pop() || "";
+          for (const line of lines) {
+            if (!line.trim() || !line.startsWith("data: "))
+              continue;
+            const data = line.slice(6);
+            if (data === "[DONE]") {
+              continue;
+            }
+            try {
+              const parsed = JSON.parse(data);
+              if (parsed.type === "chunk" && parsed.content) {
+                const newChunk = parsed.content;
+                fullText += newChunk;
+                onChunk(newChunk);
+              } else if (parsed.type === "complete") {
+                fullText = parsed.content || fullText;
+                credits = parsed.credits;
+              } else if (parsed.type === "error") {
+                onError2(new Error(parsed.message || "Stream error"));
+                return;
+              }
+            } catch {
+            }
+          }
+        }
+      }
     );
-    return res.data;
+    if (res.status === 200) {
+      onComplete(fullText, credits);
+    }
   } catch (error) {
-    console.error("Error in AiTextTransform:", error);
-    handleApiError(error);
+    console.error("Error in AiTextTransformStream:", error);
+    const responseData = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data;
+    if (responseData) {
+      const { code, message } = responseData;
+      if (code === "API_KEYS_REQUIRED" || code === "NO_API_KEYS_CONFIGURED" || code === "API_KEYS_DISABLED") {
+        onError2(new ApiKeyRequiredError$1(message || "API key required", code));
+        return;
+      }
+      if (code === "INSUFFICIENT_CREDITS" || code === "NO_ACTIVE_SUBSCRIPTION" || code === "SUBSCRIPTION_EXPIRED") {
+        onError2(new CreditError$1(message || "Credit error", code));
+        return;
+      }
+    }
+    onError2(error instanceof Error ? error : new Error(String(error)));
   }
 };
 const AI_ACTION_COMMAND = createCommand(
   "AI_ACTION_COMMAND"
 );
-const ImageView = React__default.lazy(() => import("./index-ef9100c2.js"));
+const ImageView = React__default.lazy(() => import("./index-34ac313f.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -2503,18 +2636,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;
       }
@@ -2527,34 +2660,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) => {
@@ -2573,19 +2703,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);
     }
@@ -2594,11 +2724,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];
@@ -2622,7 +2752,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;
@@ -2697,28 +2827,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 {
@@ -2726,135 +2835,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 {
@@ -2864,31 +2942,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);
       }
@@ -2897,14 +2975,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,
@@ -2916,13 +2987,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 === "/") {
@@ -2930,38 +3000,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;
@@ -2972,35 +3041,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),
@@ -3046,10 +3116,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);
@@ -3062,13 +3132,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;
@@ -3076,7 +3146,7 @@ const twJoin = (...classLists) => {
     }
   }
   return string;
-};
+}
 const toValue = (mix) => {
   if (typeof mix === "string") {
     return mix;
@@ -3093,20 +3163,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;
@@ -3114,13 +3184,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;
 };
@@ -5762,6 +5832,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) => {
@@ -5780,7 +5884,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);
@@ -5819,9 +5923,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;
@@ -5921,12 +6025,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) => {
@@ -5946,12 +6050,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;
       }
@@ -5962,20 +6066,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];
@@ -5999,7 +6103,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;
@@ -6013,7 +6117,7 @@ function getElementRef$4(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES$3 = [
+var NODES = [
   "a",
   "button",
   "div",
@@ -6032,8 +6136,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;
@@ -6166,7 +6270,7 @@ var DismissableLayer = React$1.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -6199,7 +6303,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) {
@@ -6408,7 +6512,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 } = {}) {
@@ -6505,7 +6609,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) {
@@ -6518,7 +6622,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;
 };
@@ -6617,7 +6721,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;
@@ -7440,7 +7544,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 {
@@ -7484,7 +7588,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",
@@ -7519,7 +7623,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;
@@ -7528,7 +7632,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,
@@ -7673,7 +7777,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;
@@ -7682,7 +7786,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;
@@ -7692,7 +7796,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,
@@ -8366,7 +8470,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" })
@@ -8444,140 +8548,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,
@@ -9111,7 +9085,59 @@ 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, apiKey: apiKey || void 0 });
+      const userTextLength = selectedText.length;
+      if (type === "MAKE_LONGER" || type === "MAKE_SHORTER") {
+        const savedSelection = {
+          anchor: { key: selection.anchor.key, offset: selection.anchor.offset, type: selection.anchor.type },
+          focus: { key: selection.focus.key, offset: selection.focus.offset, type: selection.focus.type }
+        };
+        let isFirstChunk = true;
+        let streamedContent = "";
+        await AiTextTransformStream({
+          content: prompt,
+          apiKey: apiKey || void 0,
+          userTextLength,
+          onChunk: (chunk) => {
+            streamedContent += chunk;
+            editor.update(() => {
+              if (isFirstChunk) {
+                isFirstChunk = false;
+                try {
+                  const newSelection = $getSelection();
+                  if (newSelection && $isRangeSelection(newSelection)) {
+                    newSelection.anchor.set(savedSelection.anchor.key, savedSelection.anchor.offset, savedSelection.anchor.type);
+                    newSelection.focus.set(savedSelection.focus.key, savedSelection.focus.offset, savedSelection.focus.type);
+                    newSelection.insertText("");
+                  }
+                } catch (e) {
+                  console.warn("Could not restore selection", e);
+                }
+              }
+              const currentSelection = $getSelection();
+              if (currentSelection && $isRangeSelection(currentSelection)) {
+                currentSelection.insertText(chunk);
+              }
+            });
+          },
+          onComplete: () => {
+            toast.dismiss(loadingToastId);
+            toast.success(successMessage);
+          },
+          onError: (error) => {
+            toast.dismiss(loadingToastId);
+            if (error instanceof ApiKeyRequiredError$1) {
+              const title = error.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
+              toast.error(title, { description: error.message, duration: 8e3 });
+            } else if (error instanceof CreditError$1) {
+              toast.error("Credits Issue", { description: error.message, duration: 8e3 });
+            } else {
+              toast.error(`${actionName} failed`, { description: error.message });
+            }
+          }
+        });
+        return true;
+      }
+      const response = await AiJsonResponse({ content: prompt, apiKey: apiKey || void 0, userTextLength });
       if (!response.data) {
         console.warn("Empty response received");
         toast.dismiss(loadingToastId);
@@ -9163,10 +9189,11 @@ const AIRephrasePlugin = () => {
       duration: Infinity
     });
     try {
+      const userTextLength = selectedTextForTranslation.length;
       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, apiKey: apiKey || void 0 });
+      const response = await AiJsonResponse({ content: prompt, apiKey: apiKey || void 0, userTextLength });
       if (!response.data) {
         console.warn("Empty response received");
         toast.dismiss(loadingToastId);
@@ -9236,6 +9263,7 @@ const AIRephrasePlugin = () => {
       toast.error("No text selected for tone adjustment");
       return false;
     }
+    const userTextLength = selectedText.length;
     const prompt = `Adjust the tone of this text to be ${targetTone.toLowerCase()}. Maintain the core message and key information, but change the style and word choice to match the ${targetTone.toLowerCase()} tone:
 "${selectedText}"`;
     const loadingToastId = toast.loading(`Adjusting to ${targetTone} tone...`, {
@@ -9243,39 +9271,49 @@ const AIRephrasePlugin = () => {
       duration: Infinity
     });
     try {
-      const response = await AiTextTransform({ content: prompt, apiKey: apiKey || void 0 });
-      if (!response.data) {
-        console.warn("Empty response received");
-        toast.dismiss(loadingToastId);
-        toast.error("Tone adjustment failed", {
-          description: "No response received from AI"
-        });
-        return false;
-      }
-      editor.update(() => {
-        if (!savedSelection)
-          return;
-        try {
-          const newSelection = $getSelection();
-          if (newSelection && $isRangeSelection(newSelection)) {
-            newSelection.anchor.set(savedSelection.anchor.key, savedSelection.anchor.offset, savedSelection.anchor.type);
-            newSelection.focus.set(savedSelection.focus.key, savedSelection.focus.offset, savedSelection.focus.type);
+      let isFirstChunk = true;
+      await AiTextTransformStream({
+        content: prompt,
+        apiKey: apiKey || void 0,
+        userTextLength,
+        onChunk: (chunk) => {
+          editor.update(() => {
+            if (isFirstChunk) {
+              isFirstChunk = false;
+              try {
+                const newSelection = $getSelection();
+                if (newSelection && $isRangeSelection(newSelection)) {
+                  newSelection.anchor.set(savedSelection.anchor.key, savedSelection.anchor.offset, savedSelection.anchor.type);
+                  newSelection.focus.set(savedSelection.focus.key, savedSelection.focus.offset, savedSelection.focus.type);
+                  newSelection.insertText("");
+                }
+              } catch (e) {
+                console.warn("Could not restore selection", e);
+              }
+            }
+            const currentSelection = $getSelection();
+            if (currentSelection && $isRangeSelection(currentSelection)) {
+              currentSelection.insertText(chunk);
+            }
+          });
+        },
+        onComplete: () => {
+          toast.dismiss(loadingToastId);
+          toast.success(`Tone adjusted to ${targetTone} successfully!`);
+          toneSelectionRef.current = null;
+        },
+        onError: (error) => {
+          toast.dismiss(loadingToastId);
+          if (error instanceof ApiKeyRequiredError$1) {
+            const title = error.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
+            toast.error(title, { description: error.message, duration: 8e3 });
+          } else if (error instanceof CreditError$1) {
+            toast.error("Credits Issue", { description: error.message, duration: 8e3 });
+          } else {
+            toast.error("Tone adjustment failed", { description: error.message });
           }
-        } catch (e) {
-          console.warn("Could not restore selection, will append at end", e);
         }
-        const currentSelection = $getSelection();
-        if (!currentSelection || !$isRangeSelection(currentSelection))
-          return;
-        const parser = new DOMParser();
-        const dom = parser.parseFromString(response.data, "text/html");
-        const nodes = $generateNodesFromDOM(editor, dom);
-        currentSelection.insertText("");
-        $insertNodes(nodes);
       });
-      toast.dismiss(loadingToastId);
-      toast.success(`Tone adjusted to ${targetTone} successfully!`);
-      toneSelectionRef.current = null;
       return true;
     } catch (error) {
       console.error("Error in tone adjustment:", error);
@@ -9705,16 +9743,16 @@ function CopyButton({ editor, getCodeDOMNode }) {
 }
 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) {
@@ -9725,7 +9763,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 = {
@@ -10202,199 +10240,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;
@@ -10480,7 +10325,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 })
       }
     );
   }
@@ -10502,7 +10347,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;
@@ -10518,7 +10363,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;
@@ -10663,136 +10508,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"];
@@ -10919,7 +10634,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() }
@@ -10932,7 +10647,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;
@@ -10944,7 +10659,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;
@@ -10989,7 +10704,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]
 );
@@ -11056,7 +10771,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,
@@ -11121,7 +10836,7 @@ var RovingFocusGroupItem = React$1.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.span,
+          Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -11206,7 +10921,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();
@@ -11241,7 +10956,7 @@ var Tabs$1 = React$1.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -11269,7 +10984,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,
@@ -11299,7 +11014,7 @@ var TabsTrigger$1 = React$1.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.button,
+          Primitive.button,
           {
             type: "button",
             role: "tab",
@@ -11349,7 +11064,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,
@@ -13771,7 +13486,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,
@@ -13820,7 +13535,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;
@@ -13843,7 +13558,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;
@@ -13972,7 +13687,7 @@ var PopperContent = React$1.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -14108,7 +13823,7 @@ var NAME$1 = "VisuallyHidden";
 var VisuallyHidden = React$1.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive.span,
       {
         ...props,
         ref: forwardedRef,
@@ -14119,7 +13834,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();
@@ -14280,7 +13995,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,
@@ -15330,7 +15045,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."
       }
     )
@@ -16536,7 +16251,7 @@ const EmbedComponent = ({ url, displayType, alignment, width: initialWidth, heig
     }
   );
 };
-const FileComponent = React$1.lazy(() => import("./index-5a175541.js"));
+const FileComponent = React$1.lazy(() => import("./index-4ea49f5b.js"));
 function convertFileElement(domNode) {
   if (domNode instanceof HTMLDivElement) {
     const dataUrl = domNode.getAttribute("data-lexical-file-src");
@@ -17019,7 +16734,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
 ]);
@@ -17156,7 +16871,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",
@@ -17217,7 +16932,7 @@ var SelectValue$1 = React$1.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -17232,7 +16947,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;
@@ -17263,7 +16978,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 {
@@ -17652,7 +17367,7 @@ var SelectItemAlignedPosition = React$1.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$3.div,
+            Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -17726,7 +17441,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",
@@ -17781,7 +17496,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;
@@ -17790,7 +17505,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;
@@ -17849,7 +17564,7 @@ var SelectItem$1 = React$1.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -17937,7 +17652,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
     ] });
   }
@@ -17948,7 +17663,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;
@@ -18039,7 +17754,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,
@@ -18067,7 +17782,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;
@@ -18105,7 +17820,7 @@ var SelectBubbleInput = React$1.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive$3.select,
+      Primitive.select,
       {
         ...props,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props.style },
@@ -19864,7 +19579,8 @@ function AIChatDialog({
   apiKey,
   initialText,
   onShowInEditor,
-  selectedTextForInline
+  selectedTextForInline,
+  savedSelection
 }) {
   const [inputValue, setInputValue] = useState$1("");
   const [selectedText, setSelectedText] = useState$1("");
@@ -19958,6 +19674,7 @@ function AIChatDialog({
     const isImageRequest = isImageGenerationRequest(inputValue);
     let finalPrompt;
     const hasSelectedText = selectedText && selectedText.trim() !== "";
+    const userTextLength = inputValue.length + (hasSelectedText ? selectedText.length : 0);
     if (isImageRequest) {
       if (hasSelectedText) {
         finalPrompt = `${inputValue}: ${selectedText}`;
@@ -19975,29 +19692,140 @@ Text to transform:
       finalPrompt = inputValue;
     }
     try {
-      const response = await AiEditorAction({ content: finalPrompt, provider, apiKey });
-      const htmlString = response.data;
-      const parser = new DOMParser();
-      const dom = parser.parseFromString(htmlString.trim(), "text/html");
-      const imgElement = dom.querySelector("img");
-      if (isImageRequest && imgElement && imgElement.src) {
-        editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
-          src: imgElement.src,
-          altText: imgElement.alt || "AI generated image",
-          originalPrompt: inputValue
-          // Store the prompt for refinement
-        });
-      } else {
-        editor.update(() => {
-          const nodes = $generateNodesFromDOM(editor, dom);
-          const currentSelection = $getSelection();
-          if (currentSelection) {
-            $insertNodes(nodes);
+      let isFirstChunk = true;
+      let selectionInfo = null;
+      if (savedSelection && $isRangeSelection(savedSelection)) {
+        selectionInfo = {
+          anchor: {
+            key: savedSelection.anchor.key,
+            offset: savedSelection.anchor.offset,
+            type: savedSelection.anchor.type
+          },
+          focus: {
+            key: savedSelection.focus.key,
+            offset: savedSelection.focus.offset,
+            type: savedSelection.focus.type
           }
-        });
+        };
       }
-      handleClose();
-      setIsLoading(false);
+      await AiEditorActionStream({
+        content: finalPrompt,
+        provider,
+        apiKey,
+        userTextLength,
+        onChunk: (chunk) => {
+          editor.focus();
+          editor.update(() => {
+            if (isFirstChunk) {
+              isFirstChunk = false;
+              if (selectionInfo) {
+                try {
+                  const newSelection = $getSelection();
+                  if (newSelection && $isRangeSelection(newSelection)) {
+                    newSelection.anchor.set(selectionInfo.anchor.key, selectionInfo.anchor.offset, selectionInfo.anchor.type);
+                    newSelection.focus.set(selectionInfo.focus.key, selectionInfo.focus.offset, selectionInfo.focus.type);
+                    const selText = newSelection.getTextContent();
+                    if (selText && selText.trim()) {
+                      newSelection.insertText("");
+                    }
+                  }
+                } catch (e) {
+                  console.warn("Could not restore selection", e);
+                  const root2 = $getRoot();
+                  const lastChild = root2.getLastChild();
+                  if (lastChild) {
+                    lastChild.selectEnd();
+                  }
+                }
+              } else {
+                const root2 = $getRoot();
+                const lastChild = root2.getLastChild();
+                if (lastChild) {
+                  lastChild.selectEnd();
+                } else {
+                  const paragraph = $createParagraphNode();
+                  root2.append(paragraph);
+                  paragraph.select();
+                }
+              }
+            }
+            const selection = $getSelection();
+            if (selection && $isRangeSelection(selection)) {
+              selection.insertText(chunk);
+            } else {
+              const root2 = $getRoot();
+              const lastChild = root2.getLastChild();
+              if (lastChild) {
+                lastChild.selectEnd();
+                const newSelection = $getSelection();
+                if (newSelection && $isRangeSelection(newSelection)) {
+                  newSelection.insertText(chunk);
+                }
+              }
+            }
+          });
+        },
+        onComplete: (fullContent, metadata) => {
+          if (metadata == null ? void 0 : metadata.isImage) {
+            const parser = new DOMParser();
+            const dom = parser.parseFromString(fullContent.trim(), "text/html");
+            const imgElement = dom.querySelector("img");
+            if (imgElement && imgElement.src) {
+              editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+                src: imgElement.src,
+                altText: imgElement.alt || "AI generated image",
+                originalPrompt: inputValue
+              });
+            }
+            handleClose();
+            setIsLoading(false);
+            return;
+          } else if (metadata == null ? void 0 : metadata.isChart) {
+            let dom;
+            try {
+              const chartData = JSON.parse(fullContent);
+              const parser = new DOMParser();
+              dom = parser.parseFromString(chartData.html || fullContent, "text/html");
+            } catch {
+              const parser = new DOMParser();
+              dom = parser.parseFromString(fullContent.trim(), "text/html");
+            }
+            editor.update(
+              () => {
+                const nodes = $generateNodesFromDOM(editor, dom);
+                if (savedSelection) {
+                  $setSelection(savedSelection.clone());
+                }
+                const currentSelection = $getSelection();
+                if (currentSelection) {
+                  $insertNodes(nodes);
+                } else {
+                  const root2 = $getRoot();
+                  root2.append(...nodes);
+                }
+              },
+              {
+                onUpdate: () => {
+                  handleClose();
+                  setIsLoading(false);
+                }
+              }
+            );
+            return;
+          } else {
+            handleClose();
+            setIsLoading(false);
+            return;
+          }
+        },
+        onError: (error) => {
+          console.error("Error processing AI action:", error);
+          const safeMessage = error.message || "Error processing your request. Please try again.";
+          setErrorMessage(safeMessage);
+          toast.error(safeMessage);
+          setIsLoading(false);
+        }
+      });
     } catch (error) {
       console.error("Error processing AI action:", error);
       const errorCode = (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.code;
@@ -20268,7 +20096,16 @@ function InlineAIPrompt({
   const [status, setStatus] = useState$1("idle");
   const [showMessage, setShowMessage] = useState$1(true);
   const inputRef = useRef(null);
+  const savedSelectionRef = useRef(null);
   const [selectedText, setSelectedText] = useState$1(initialSelectedText);
+  useEffect$1(() => {
+    editor.getEditorState().read(() => {
+      const selection = $getSelection();
+      if (selection) {
+        savedSelectionRef.current = selection.clone();
+      }
+    });
+  }, [editor]);
   useEffect$1(() => {
     const unregister = editor.registerUpdateListener(({ editorState }) => {
       editorState.read(() => {
@@ -20322,6 +20159,7 @@ function InlineAIPrompt({
     setIsLoading(true);
     const isImageRequest = isImageGenerationRequest(inputValue) || selectedText && isImageGenerationRequest(selectedText);
     const hasSelectedText2 = selectedText && selectedText.trim() !== "";
+    const userTextLength = inputValue.length + (hasSelectedText2 ? selectedText.length : 0);
     let finalPrompt;
     if (isImageRequest) {
       if (hasSelectedText2) {
@@ -20340,37 +20178,149 @@ Text to transform:
       finalPrompt = inputValue;
     }
     try {
-      const response = await AiEditorAction({ content: finalPrompt, provider, apiKey });
-      let htmlString = response.data;
-      if (typeof htmlString === "string") {
-        htmlString = htmlString.trim();
-        if (htmlString.startsWith('"') && htmlString.endsWith('"') || htmlString.startsWith("'") && htmlString.endsWith("'")) {
-          htmlString = htmlString.slice(1, -1);
-        }
-      }
-      const parser = new DOMParser();
-      const dom = parser.parseFromString(htmlString.trim(), "text/html");
-      const imgElement = dom.querySelector("img");
-      if (isImageRequest && imgElement && imgElement.src) {
-        editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
-          src: imgElement.src,
-          altText: imgElement.alt || "AI generated image",
-          originalPrompt: finalPrompt
-          // Store the prompt for refinement
-        });
-      } else {
-        editor.update(() => {
-          const nodes = $generateNodesFromDOM(editor, dom);
-          const currentSelection = $getSelection();
-          if (currentSelection) {
-            $insertNodes(nodes);
+      let isFirstChunk = true;
+      let selectionInfo = null;
+      if (savedSelectionRef.current && $isRangeSelection(savedSelectionRef.current)) {
+        selectionInfo = {
+          anchor: {
+            key: savedSelectionRef.current.anchor.key,
+            offset: savedSelectionRef.current.anchor.offset,
+            type: savedSelectionRef.current.anchor.type
+          },
+          focus: {
+            key: savedSelectionRef.current.focus.key,
+            offset: savedSelectionRef.current.focus.offset,
+            type: savedSelectionRef.current.focus.type
           }
-        });
+        };
       }
-      setInputValue("");
-      setSelectedText("");
-      setStatus("success");
-      setShowMessage(true);
+      await AiEditorActionStream({
+        content: finalPrompt,
+        provider,
+        apiKey,
+        userTextLength,
+        onChunk: (chunk) => {
+          editor.focus();
+          editor.update(() => {
+            if (isFirstChunk) {
+              isFirstChunk = false;
+              if (selectionInfo) {
+                try {
+                  const newSelection = $getSelection();
+                  if (newSelection && $isRangeSelection(newSelection)) {
+                    newSelection.anchor.set(selectionInfo.anchor.key, selectionInfo.anchor.offset, selectionInfo.anchor.type);
+                    newSelection.focus.set(selectionInfo.focus.key, selectionInfo.focus.offset, selectionInfo.focus.type);
+                    const selText = newSelection.getTextContent();
+                    if (selText && selText.trim()) {
+                      newSelection.insertText("");
+                    }
+                  }
+                } catch (e) {
+                  console.warn("Could not restore selection", e);
+                  const root2 = $getRoot();
+                  const lastChild = root2.getLastChild();
+                  if (lastChild) {
+                    lastChild.selectEnd();
+                  }
+                }
+              } else {
+                const root2 = $getRoot();
+                const lastChild = root2.getLastChild();
+                if (lastChild) {
+                  lastChild.selectEnd();
+                } else {
+                  const paragraph = $createParagraphNode();
+                  root2.append(paragraph);
+                  paragraph.select();
+                }
+              }
+            }
+            const selection = $getSelection();
+            if (selection && $isRangeSelection(selection)) {
+              selection.insertText(chunk);
+            } else {
+              const root2 = $getRoot();
+              const lastChild = root2.getLastChild();
+              if (lastChild) {
+                lastChild.selectEnd();
+                const newSelection = $getSelection();
+                if (newSelection && $isRangeSelection(newSelection)) {
+                  newSelection.insertText(chunk);
+                }
+              }
+            }
+          });
+        },
+        onComplete: (fullContent, metadata) => {
+          if (metadata == null ? void 0 : metadata.isImage) {
+            const parser = new DOMParser();
+            const dom = parser.parseFromString(fullContent.trim(), "text/html");
+            const imgElement = dom.querySelector("img");
+            if (imgElement && imgElement.src) {
+              editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+                src: imgElement.src,
+                altText: imgElement.alt || "AI generated image",
+                originalPrompt: finalPrompt
+              });
+            }
+            setInputValue("");
+            setSelectedText("");
+            setStatus("success");
+            setShowMessage(true);
+            setIsLoading(false);
+            return;
+          } else if (metadata == null ? void 0 : metadata.isChart) {
+            let dom;
+            try {
+              const chartData = JSON.parse(fullContent);
+              const parser = new DOMParser();
+              dom = parser.parseFromString(chartData.html || fullContent, "text/html");
+            } catch {
+              const parser = new DOMParser();
+              dom = parser.parseFromString(fullContent.trim(), "text/html");
+            }
+            editor.update(
+              () => {
+                const nodes = $generateNodesFromDOM(editor, dom);
+                if (savedSelectionRef.current) {
+                  $setSelection(savedSelectionRef.current.clone());
+                }
+                const currentSelection = $getSelection();
+                if (currentSelection) {
+                  $insertNodes(nodes);
+                } else {
+                  const root2 = $getRoot();
+                  root2.append(...nodes);
+                }
+              },
+              {
+                onUpdate: () => {
+                  setInputValue("");
+                  setSelectedText("");
+                  setStatus("success");
+                  setShowMessage(true);
+                  setIsLoading(false);
+                }
+              }
+            );
+            return;
+          } else {
+            setInputValue("");
+            setSelectedText("");
+            setStatus("success");
+            setShowMessage(true);
+            setIsLoading(false);
+            return;
+          }
+        },
+        onError: (error) => {
+          console.error("Error processing AI action:", error);
+          toast.error(error.message || "Error processing your request. Please try again.");
+          setStatus("error");
+          setShowMessage(true);
+          setIsLoading(false);
+        }
+      });
     } catch (error) {
       console.error("Error processing AI action:", error);
       const errorCode = (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.code;
@@ -20382,7 +20332,6 @@ Text to transform:
       toast.error(safeMessage);
       setStatus("error");
       setShowMessage(true);
-    } finally {
       setIsLoading(false);
     }
   };
@@ -21332,10 +21281,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-4c9e3abf.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-f6392183.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-2448d0c9.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-29ea2f41.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -22087,7 +22036,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
@@ -22212,7 +22161,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 {
@@ -22414,7 +22363,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;
@@ -22422,7 +22371,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;
@@ -22502,7 +22451,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,
@@ -22613,7 +22562,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,
@@ -22630,7 +22579,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",
@@ -22890,7 +22839,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]
 );
@@ -22937,7 +22886,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,
@@ -23276,13 +23225,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(AlignLeftIcon, {}),
               /* @__PURE__ */ jsx(
                 ChevronDown,
                 {
-                  className: "!cteditor-size-4 cteditor-opacity-50\n"
+                  className: "!cteditor-size-4 cteditor-opacity-50\r\n"
                 }
               )
             ]
@@ -23785,7 +23734,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();
@@ -23849,7 +23798,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",
@@ -23885,7 +23834,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);
@@ -24042,7 +23991,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,
@@ -24257,7 +24206,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"
@@ -28671,12 +28620,6 @@ function normalizeCodeNodeLineBreaks(codeNode) {
       node.remove();
     }
   });
-  let lastChild = codeNode.getLastChild();
-  while (lastChild && $isLineBreakNode(lastChild)) {
-    const toRemove = lastChild;
-    lastChild = toRemove.getPreviousSibling();
-    toRemove.remove();
-  }
 }
 function CodeBlockNormalizerPlugin() {
   const [editor] = useLexicalComposerContext();
@@ -31604,13 +31547,14 @@ const TextEnhancePlugin = ({ apiKey }) => {
   const enhanceDialogRef = useRef(null);
   const handleTextEnhancement = async (selectedText, userPrompt) => {
     try {
+      const userTextLength = selectedText.length + userPrompt.length;
       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 });
+      const response = await AiTextEnhance({ content: prompt, apiKey, userTextLength });
       if (!response.data) {
         throw new Error("No response received from AI");
       }
@@ -37261,7 +37205,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();
@@ -39674,20 +39618,14 @@ const WordCountPlugin = () => {
       });
     });
   }, [editor]);
-  return /* @__PURE__ */ jsxs("div", { className: "cteditor-absolute cteditor-bottom-1 cteditor-right-1 cteditor-flex cteditor-flex-col cteditor-items-end cteditor-text-xs cteditor-text-gray-600 cteditor-bg-white/90 cteditor-py-1.5 cteditor-px-3 cteditor-rounded cteditor-shadow-sm cteditor-z-[5] cteditor-pointer-events-none", children: [
-    /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-gap-4", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        "Words: ",
-        stats.words
-      ] }),
-      /* @__PURE__ */ jsxs("span", { children: [
-        "Characters: ",
-        stats.characters
-      ] })
+  return /* @__PURE__ */ jsxs("div", { className: "cteditor-absolute cteditor-bottom-1 cteditor-right-1 cteditor-flex cteditor-gap-4 cteditor-text-xs cteditor-text-gray-600 cteditor-bg-white/90 cteditor-py-1.5 cteditor-px-3 cteditor-rounded cteditor-shadow-sm cteditor-z-[5] cteditor-pointer-events-none", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Words: ",
+      stats.words
     ] }),
-    /* @__PURE__ */ jsxs("span", { className: "cteditor-text-[10px] cteditor-text-gray-400", children: [
-      "v",
-      "1.3.42"
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Characters: ",
+      stats.characters
     ] })
   ] });
 };
@@ -40054,9 +39992,7 @@ function applyGenericSafeStyles(container, codeBlockStyles) {
   addStyleIfNotSetOnElementOrChildren(blockSelectors, "font-family", defaultFontFamily);
   addStyleIfNotSet("table, p, li, td, th, div", "font-size", "16px");
   addStyle("p", "margin: 0;");
-  addStyle("p + p", "margin-top: 1em;");
   addStyle("th p, td p", "margin: 0; padding: 0;");
-  addStyle("th p + p, td p + p", "margin-top: 0;");
   addStyle(
     "table",
     "border-collapse: collapse; width: 100%; max-width: 100%; margin: 20px 0;"
@@ -40139,10 +40075,6 @@ 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) => {
-    const htmlCodeBlock = codeBlock;
-    if (htmlCodeBlock.classList.contains("PlaygroundEditorTheme__textCode") || htmlCodeBlock.classList.contains("bg-foreground/15") || htmlCodeBlock.querySelector(".PlaygroundEditorTheme__textCode") || htmlCodeBlock.querySelector('[class*="textCode"]')) {
-      return;
-    }
     const spans = codeBlock.querySelectorAll("span");
     spans.forEach((span) => {
       const htmlSpan = span;
@@ -40163,9 +40095,6 @@ function processCodeBlocks(container, codeBlockStyles) {
   const codeBlocks = container.querySelectorAll('code, pre[data-language], pre[data-highlight-language], pre[spellcheck="false"]');
   codeBlocks.forEach((codeBlock) => {
     const htmlCodeBlock = codeBlock;
-    if (htmlCodeBlock.classList.contains("PlaygroundEditorTheme__textCode") || htmlCodeBlock.classList.contains("bg-foreground/15") || htmlCodeBlock.querySelector(".PlaygroundEditorTheme__textCode") || htmlCodeBlock.querySelector('[class*="textCode"]')) {
-      return;
-    }
     const brElements = Array.from(htmlCodeBlock.querySelectorAll("br"));
     const toRemove = [];
     for (let i2 = 0; i2 < brElements.length - 1; i2++) {
@@ -40177,12 +40106,6 @@ function processCodeBlocks(container, codeBlockStyles) {
       }
     }
     toRemove.forEach((br) => br.remove());
-    let lastChild = htmlCodeBlock.lastChild;
-    while (lastChild && lastChild.nodeName === "BR") {
-      const toRemove2 = lastChild;
-      lastChild = lastChild.previousSibling;
-      toRemove2.remove();
-    }
     const brCount = htmlCodeBlock.querySelectorAll("br").length;
     const lineCount = brCount + 1;
     const lineNumbers = [];
@@ -40191,7 +40114,7 @@ function processCodeBlocks(container, codeBlockStyles) {
     }
     const lineNumbersStr = lineNumbers.join("\n");
     const maxDigits = lineCount.toString().length;
-    const gutterWidth = Math.max(25, maxDigits * 8) + 16;
+    const gutterWidth = Math.max(40, 20 + maxDigits * 10);
     const gutter = container.ownerDocument.createElement("div");
     gutter.className = "code-line-numbers";
     gutter.textContent = lineNumbersStr;
@@ -40205,7 +40128,7 @@ function processCodeBlocks(container, codeBlockStyles) {
       "vertical-align: top",
       `width: ${gutterWidth}px`,
       `min-width: ${gutterWidth}px`,
-      "padding: 8px",
+      "padding: 10px 8px",
       `background-color: ${gutterBg}`,
       `color: ${gutterColor}`,
       "text-align: right",
@@ -40213,8 +40136,8 @@ function processCodeBlocks(container, codeBlockStyles) {
       `font-size: ${fontSize}`,
       `line-height: ${lineHeight}`,
       "border-right: 1px solid #404040",
-      "border-top-left-radius: 6px",
-      "border-bottom-left-radius: 6px",
+      "border-top-left-radius: 5px",
+      "border-bottom-left-radius: 5px",
       "user-select: none",
       "white-space: pre",
       "box-sizing: border-box"
@@ -40224,7 +40147,7 @@ function processCodeBlocks(container, codeBlockStyles) {
     codeContent.style.cssText = [
       "display: table-cell",
       "vertical-align: top",
-      "padding: 8px 8px 8px 12px",
+      "padding: 10px 10px 10px 12px",
       `font-family: ${fontFamily}`,
       `font-size: ${fontSize}`,
       `line-height: ${lineHeight}`,
@@ -40243,9 +40166,8 @@ function processCodeBlocks(container, codeBlockStyles) {
       "width: 100%",
       `background-color: ${codeBlockBg}`,
       `color: ${codeBlockText}`,
-      "border-radius: 6px",
-      "border: 1px solid #404040",
-      "margin: 8px 0",
+      "border-radius: 5px",
+      "margin: 1em 0",
       "overflow: hidden"
     ].join("; ");
     htmlCodeBlock.appendChild(gutter);
@@ -40432,29 +40354,18 @@ function preprocessInitialContent(html) {
   let body = doc.body;
   if (body.children.length === 1) {
     const firstChild = body.children[0];
-    if (firstChild.tagName === "DIV" && // New export wrapper with background-color and color
-    (firstChild.style.backgroundColor && firstChild.style.color && firstChild.style.padding || // Editor content wrapper class
-    firstChild.classList.contains("editor-content-wrapper"))) {
+    if (firstChild.tagName === "DIV" && firstChild.style.backgroundColor && firstChild.style.color && firstChild.style.padding) {
       const innerHtml = firstChild.innerHTML;
       doc = parser.parseFromString(innerHtml, "text/html");
       body = doc.body;
     }
   }
-  const styleElements = body.querySelectorAll("style");
-  styleElements.forEach((style) => style.remove());
-  const blockTags = ["H1", "H2", "H3", "H4", "H5", "H6", "P", "DIV", "PRE", "CODE", "BLOCKQUOTE", "UL", "OL", "TABLE"];
-  const allSpans = Array.from(body.querySelectorAll("span"));
-  allSpans.forEach((span) => {
-    var _a;
-    if (span.textContent && span.textContent.trim() === "" && span.textContent.length > 0) {
-      const prev = span.previousElementSibling;
-      const next = span.nextElementSibling;
-      if (prev && next && blockTags.includes(prev.tagName) && blockTags.includes(next.tagName)) {
-        const spacerParagraph = doc.createElement("p");
-        spacerParagraph.className = "PlaygroundEditorTheme__paragraph";
-        spacerParagraph.innerHTML = "<br>";
-        (_a = span.parentNode) == null ? void 0 : _a.replaceChild(spacerParagraph, span);
-      }
+  const emptyParagraphs = body.querySelectorAll("p");
+  emptyParagraphs.forEach((p2) => {
+    var _a, _b;
+    const hasOnlyBrOrWhitespace = !((_a = p2.textContent) == null ? void 0 : _a.trim()) && (p2.innerHTML.trim() === "" || p2.innerHTML.trim() === "<br>" || p2.querySelector("br") !== null && !((_b = p2.textContent) == null ? void 0 : _b.trim()));
+    if (hasOnlyBrOrWhitespace) {
+      p2.remove();
     }
   });
   const tables = doc.querySelectorAll("table");
@@ -41509,4 +41420,4 @@ export {
   ContentPreview as y,
   isReactNativeWebView as z
 };
-//# sourceMappingURL=index-9ff3d80c.js.map
+//# sourceMappingURL=index-636eff7f.js.map