eddyter 1.3.32 → 1.3.34

package/dist/{index-e6dfde84.js → index-c32880a3.js}

@@ -76,7 +76,7 @@ const HtmlViewProvider = ({
     }
   );
 };
-const DEFAULT_API_ENDPOINT = "https://api.cteditor.com/api/license/validate";
+const DEFAULT_API_ENDPOINT = "http://localhost:3000/api/license/validate";
 const getApiEndpoint = () => {
   return DEFAULT_API_ENDPOINT;
 };
@@ -199,7 +199,7 @@ const EditorTheme = "";
 const PlaygroundEditorTheme = "";
 const AIChatPlugin$1 = "";
 const backendInstance = axios.create({
-  baseURL: "https://api.cteditor.com/",
+  baseURL: "http://localhost:3000/",
   headers: {
     "Content-Type": "application/json"
   }
@@ -1516,7 +1516,8 @@ const apiEndpoints = {
     fileUpload: "/api/files/upload"
   },
   transcript: {
-    voiceTranscript: "/api/transcript/get-assemblyai-token"
+    voiceTranscript: "/api/transcript/get-assemblyai-token",
+    endSession: "/api/transcript/end-session"
   },
   linkPreview: {
     getPreview: "/api/link-preview"
@@ -1603,7 +1604,7 @@ const AiTextTransform = async ({ content, apiKey }) => {
 const AI_ACTION_COMMAND = createCommand(
   "AI_ACTION_COMMAND"
 );
-const ImageView = React__default.lazy(() => import("./index-68349a2f.js"));
+const ImageView = React__default.lazy(() => import("./index-b749f5db.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -1906,18 +1907,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;
       }
@@ -1930,34 +1931,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) => {
@@ -1976,19 +1974,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);
     }
@@ -1997,11 +1995,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];
@@ -2025,7 +2023,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;
@@ -2100,28 +2098,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 {
@@ -2129,135 +2106,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 {
@@ -2267,31 +2213,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);
       }
@@ -2300,14 +2246,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,
@@ -2319,13 +2258,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 === "/") {
@@ -2333,38 +2271,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;
@@ -2375,35 +2312,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),
@@ -2449,10 +2387,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);
@@ -2465,13 +2403,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;
@@ -2479,7 +2417,7 @@ const twJoin = (...classLists) => {
     }
   }
   return string;
-};
+}
 const toValue = (mix) => {
   if (typeof mix === "string") {
     return mix;
@@ -2496,20 +2434,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;
@@ -2517,13 +2455,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;
 };
@@ -5165,6 +5103,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) => {
@@ -5183,7 +5155,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);
@@ -5222,9 +5194,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;
@@ -5324,12 +5296,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) => {
@@ -5349,12 +5321,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;
       }
@@ -5365,20 +5337,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];
@@ -5402,7 +5374,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;
@@ -5416,7 +5388,7 @@ function getElementRef$4(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES$3 = [
+var NODES = [
   "a",
   "button",
   "div",
@@ -5435,8 +5407,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;
@@ -5569,7 +5541,7 @@ var DismissableLayer = React$1.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -5602,7 +5574,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) {
@@ -5811,7 +5783,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 } = {}) {
@@ -5908,7 +5880,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) {
@@ -5921,7 +5893,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;
 };
@@ -6020,7 +5992,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;
@@ -6843,7 +6815,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 {
@@ -6887,7 +6859,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",
@@ -6922,7 +6894,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;
@@ -6931,7 +6903,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,
@@ -7076,7 +7048,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;
@@ -7085,7 +7057,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;
@@ -7095,7 +7067,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,
@@ -8125,7 +8097,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" })
@@ -8203,140 +8175,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,
@@ -9410,16 +9252,16 @@ function CopyButton({ editor, getCodeDOMNode }) {
 }
 const index$7 = "";
 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) {
@@ -9430,7 +9272,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 = {
@@ -9907,199 +9749,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;
@@ -10185,7 +9834,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 })
       }
     );
   }
@@ -10207,7 +9856,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;
@@ -10223,7 +9872,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;
@@ -10368,136 +10017,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"];
@@ -10624,7 +10143,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() }
@@ -10637,7 +10156,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;
@@ -10649,7 +10168,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;
@@ -10694,7 +10213,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]
 );
@@ -10761,7 +10280,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,
@@ -10826,7 +10345,7 @@ var RovingFocusGroupItem = React$1.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.span,
+          Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -10911,7 +10430,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();
@@ -10946,7 +10465,7 @@ var Tabs$1 = React$1.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -10974,7 +10493,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,
@@ -11004,7 +10523,7 @@ var TabsTrigger$1 = React$1.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.button,
+          Primitive.button,
           {
             type: "button",
             role: "tab",
@@ -11054,7 +10573,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,
@@ -13476,7 +12995,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,
@@ -13525,7 +13044,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;
@@ -13548,7 +13067,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;
@@ -13677,7 +13196,7 @@ var PopperContent = React$1.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -13813,7 +13332,7 @@ var NAME$1 = "VisuallyHidden";
 var VisuallyHidden = React$1.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive.span,
       {
         ...props,
         ref: forwardedRef,
@@ -13824,7 +13343,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();
@@ -13985,7 +13504,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,
@@ -14337,7 +13856,7 @@ const CommentToggle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-h-11 cteditor-items-center cteditor-justify-center cteditor-ml-2 max-md:cteditor-hidden\n",
+      className: "cteditor-flex dark:cteditor-bg-background cteditor-bg-foreground/5 cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-h-11 cteditor-items-center cteditor-justify-center cteditor-ml-2 max-md:cteditor-hidden",
       children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           Button,
@@ -14608,7 +14127,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."
       }
     )
@@ -15814,7 +15333,7 @@ const EmbedComponent = ({ url, displayType, alignment, width: initialWidth, heig
     }
   );
 };
-const FileComponent = React$1.lazy(() => import("./index-e7705f79.js"));
+const FileComponent = React$1.lazy(() => import("./index-f66d9237.js"));
 function convertFileElement(domNode) {
   if (domNode instanceof HTMLDivElement) {
     const dataUrl = domNode.getAttribute("data-lexical-file-src");
@@ -16297,7 +15816,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
 ]);
@@ -16434,7 +15953,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",
@@ -16495,7 +16014,7 @@ var SelectValue$1 = React$1.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -16510,7 +16029,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;
@@ -16541,7 +16060,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 {
@@ -16930,7 +16449,7 @@ var SelectItemAlignedPosition = React$1.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$3.div,
+            Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -17004,7 +16523,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",
@@ -17059,7 +16578,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;
@@ -17068,7 +16587,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;
@@ -17127,7 +16646,7 @@ var SelectItem$1 = React$1.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -17215,7 +16734,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
     ] });
   }
@@ -17226,7 +16745,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;
@@ -17317,7 +16836,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,
@@ -17345,7 +16864,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;
@@ -17383,7 +16902,7 @@ var SelectBubbleInput = React$1.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive$3.select,
+      Primitive.select,
       {
         ...props,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props.style },
@@ -17584,57 +17103,123 @@ const UnderlineIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const ItalicIcon = () => /* @__PURE__ */ jsx(
+const ItalicIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
+    width: "28",
+    height: "28",
+    viewBox: "0 0 28 28",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M14 6H16.6666M14 6H11.3333M14 6L9.99998 18M9.99998 18H12.6666M9.99998 18H7.33331",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18.6666 8.66663H12.6666",
+          stroke: "currentColor",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M15.3334 19.3334H9.33337",
+          stroke: "currentColor",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16 8.66663L12 19.3333",
+          stroke: "currentColor",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
   }
 );
-const StrikethroughIcon = () => /* @__PURE__ */ jsx(
+const StrikethroughIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
+    width: "28",
+    height: "28",
+    viewBox: "0 0 28 28",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M19.1828 12.4156H13.1708C12.9051 12.3442 12.6381 12.2773 12.37 12.2151C10.6892 11.8177 9.73872 11.5268 9.73872 10.1662C9.72514 9.93138 9.75995 9.69624 9.84098 9.47539C9.92201 9.25454 10.0475 9.05268 10.2098 8.88233C10.7185 8.46472 11.3551 8.2344 12.0132 8.22991C13.7072 8.18801 14.4883 8.76262 15.1269 9.63652L16.0936 8.93022C15.6412 8.28026 15.0244 7.7621 14.3061 7.42873C13.5878 7.09535 12.7939 6.95871 12.0055 7.03279C11.037 7.03882 10.1027 7.39152 9.3718 8.027C9.09485 8.30808 8.87837 8.64288 8.73569 9.01079C8.59302 9.3787 8.52717 9.77192 8.5422 10.1662C8.51585 10.5977 8.59686 11.0291 8.77798 11.4216C8.9591 11.8141 9.23469 12.1557 9.5801 12.4156H4.81738V13.6127H12.9889C14.1662 13.9539 14.8701 14.398 14.8881 15.6227C14.9075 15.8843 14.8716 16.147 14.7827 16.3938C14.6938 16.6406 14.5539 16.8659 14.3721 17.055C13.7389 17.5545 12.9519 17.8187 12.1455 17.8026C11.5436 17.7854 10.9536 17.6314 10.42 17.3523C9.88648 17.0733 9.42343 16.6764 9.06594 16.1919L8.14835 16.9605C8.61339 17.5799 9.21328 18.0854 9.90258 18.4387C10.5919 18.792 11.3525 18.9839 12.127 18.9997H12.1868C13.2922 19.0124 14.3651 18.6258 15.2083 17.911C15.5075 17.6092 15.7402 17.248 15.8912 16.8508C16.0422 16.4536 16.1083 16.0291 16.0852 15.6047C16.1077 14.8788 15.8627 14.1699 15.3969 13.6127H19.1828V12.4156Z",
-        fill: "currentColor"
-      }
-    )
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16.6666 8.66663H12C11.6799 8.66646 11.3645 8.7431 11.0802 8.89012C10.7959 9.03713 10.5511 9.25023 10.3662 9.5115C10.1814 9.77277 10.0619 10.0746 10.0179 10.3916C9.97389 10.7086 10.0066 11.0315 10.1133 11.3333",
+          stroke: "#D1D5DC",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M15.3333 14C16.0406 14 16.7189 14.281 17.219 14.781C17.719 15.2811 18 15.9594 18 16.6667C18 17.3739 17.719 18.0522 17.219 18.5523C16.7189 19.0524 16.0406 19.3333 15.3333 19.3333H10",
+          stroke: "#D1D5DC",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8.66663 14H19.3333",
+          stroke: "currentColor",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
   }
 );
-const CodeIcon = () => /* @__PURE__ */ jsx(
+const CodeIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {
-    width: "25",
-    height: "24",
-    viewBox: "0 0 25 24",
+    width: "28",
+    height: "28",
+    viewBox: "0 0 28 28",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M14.4333 6.85056C14.5614 6.88479 14.6707 6.96849 14.7371 7.08325C14.8034 7.19802 14.8215 7.33446 14.7873 7.46256L12.1387 17.3492C12.1043 17.4774 12.0204 17.5867 11.9054 17.653C11.7904 17.7193 11.6538 17.7373 11.5257 17.7029C11.3975 17.6685 11.2882 17.5846 11.2219 17.4696C11.1555 17.3547 11.1376 17.2181 11.172 17.0899L13.8213 7.20322C13.8383 7.13979 13.8677 7.08033 13.9077 7.02823C13.9477 6.97614 13.9976 6.93244 14.0545 6.89963C14.1114 6.86682 14.1742 6.84554 14.2393 6.837C14.3044 6.82847 14.3706 6.83285 14.434 6.84989M15.942 8.88522C16.0307 8.78667 16.1549 8.72737 16.2873 8.72037C16.4197 8.71337 16.5494 8.75924 16.648 8.84789L17.806 9.89056C18.2973 10.3319 18.704 10.6986 18.984 11.0306C19.2773 11.3806 19.4867 11.7559 19.4867 12.2199C19.4867 12.6832 19.278 13.0586 18.984 13.4079C18.704 13.7406 18.2973 14.1072 17.806 14.5486L16.648 15.5912C16.5494 15.68 16.4196 15.7259 16.2872 15.719C16.1547 15.7121 16.0304 15.6528 15.9417 15.5542C15.8529 15.4557 15.8069 15.3259 15.8139 15.1934C15.8208 15.0609 15.8801 14.9366 15.9787 14.8479L17.11 13.8299C17.6353 13.3572 17.9893 13.0366 18.2187 12.7646C18.4387 12.5026 18.4867 12.3499 18.4867 12.2192C18.4867 12.0886 18.4387 11.9366 18.2187 11.6746C17.9893 11.4019 17.6353 11.0812 17.11 10.6092L15.9787 9.59122C15.9298 9.5473 15.89 9.49417 15.8617 9.43487C15.8333 9.37557 15.8169 9.31126 15.8135 9.24563C15.81 9.18 15.8195 9.11432 15.8415 9.05236C15.8634 8.99041 15.8973 8.93338 15.9413 8.88456M9.98133 9.59122C10.0799 9.50246 10.1392 9.37818 10.1461 9.24572C10.1531 9.11326 10.1071 8.98346 10.0183 8.88489C9.92957 8.78632 9.80529 8.72704 9.67282 8.7201C9.54036 8.71316 9.41057 8.75913 9.31199 8.84789L8.15399 9.89056C7.66266 10.3319 7.25599 10.6986 6.97599 11.0306C6.68266 11.3806 6.47333 11.7559 6.47333 12.2199C6.47333 12.6832 6.68199 13.0586 6.97599 13.4079C7.25599 13.7406 7.66266 14.1072 8.15399 14.5486L9.31199 15.5912C9.41057 15.68 9.54036 15.7259 9.67282 15.719C9.80529 15.7121 9.92957 15.6528 10.0183 15.5542C10.1071 15.4557 10.1531 15.3259 10.1461 15.1934C10.1392 15.0609 10.0799 14.9366 9.98133 14.8479L8.84999 13.8299C8.32466 13.3572 7.97066 13.0366 7.74133 12.7646C7.52133 12.5026 7.47333 12.3499 7.47333 12.2192C7.47333 12.0886 7.52133 11.9366 7.74133 11.6746C7.97066 11.4019 8.32466 11.0812 8.84999 10.6092L9.98133 9.59122Z",
-        fill: "currentColor"
-      }
-    )
+    children: [
+      /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3553_901)", children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M16.6667 18L20.6667 14L16.6667 10",
+            stroke: "currentColor",
+            strokeWidth: "1.33333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.3333 10L7.33331 14L11.3333 18",
+            stroke: "currentColor",
+            strokeWidth: "1.33333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_3553_901", children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(6 6)" }) }) })
+    ]
   }
 );
 const LinkIcon = () => /* @__PURE__ */ jsx(
@@ -17722,7 +17307,23 @@ const TodoIcon = () => /* @__PURE__ */ jsxs(
     ]
   }
 );
-const NoteIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19.6402 9.02826L14.9718 4.36058C14.8575 4.24627 14.7218 4.15558 14.5725 4.09371C14.4231 4.03184 14.2631 4 14.1014 4C13.9398 4 13.7797 4.03184 13.6304 4.09371C13.481 4.15558 13.3453 4.24627 13.231 4.36058L9.10566 8.49903C8.28566 8.24211 6.41336 7.93211 4.45951 9.5098C4.32484 9.61809 4.21448 9.75353 4.13562 9.9073C4.05676 10.0611 4.01117 10.2297 4.00181 10.4023C3.99245 10.5748 4.01953 10.7474 4.08129 10.9088C4.14306 11.0702 4.23812 11.2168 4.36028 11.339L8.0772 15.0544L4.79567 18.3336C4.6802 18.4491 4.61533 18.6057 4.61533 18.769C4.61533 18.9323 4.6802 19.0889 4.79567 19.2044C4.91114 19.3199 5.06775 19.3847 5.23105 19.3847C5.39435 19.3847 5.55096 19.3199 5.66643 19.2044L8.94566 15.9229L12.6603 19.6375C12.7745 19.7521 12.9101 19.8432 13.0596 19.9053C13.209 19.9675 13.3692 19.9996 13.531 19.9998H13.618C13.7934 19.9876 13.9642 19.9378 14.1187 19.8538C14.2732 19.7698 14.4078 19.6535 14.5133 19.5129C16.0241 17.5052 15.8787 15.8729 15.5279 14.8975L19.641 10.769C19.7553 10.6547 19.8459 10.519 19.9077 10.3696C19.9695 10.2202 20.0013 10.0601 20.0012 9.89849C20.0011 9.73684 19.9692 9.57678 19.9073 9.42747C19.8454 9.27815 19.7546 9.1425 19.6402 9.02826ZM18.7695 9.89903L14.3641 14.319C14.2731 14.4103 14.2131 14.5279 14.1926 14.6552C14.172 14.7824 14.1919 14.9129 14.2495 15.0282C14.9772 16.4844 14.111 17.9967 13.531 18.7682L5.23105 10.4675C6.16028 9.71826 7.04951 9.52057 7.72951 9.52057C8.16099 9.51461 8.58893 9.59926 8.98566 9.76903C9.1014 9.82696 9.23247 9.84692 9.36022 9.82606C9.48796 9.80521 9.60588 9.74461 9.69719 9.65288L14.1018 5.23058L18.7695 9.89826V9.89903Z", fill: "currentColor" }) });
+const NoteIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M19.6402 9.02826L14.9718 4.36058C14.8575 4.24627 14.7218 4.15558 14.5725 4.09371C14.4231 4.03184 14.2631 4 14.1014 4C13.9398 4 13.7797 4.03184 13.6304 4.09371C13.481 4.15558 13.3453 4.24627 13.231 4.36058L9.10566 8.49903C8.28566 8.24211 6.41336 7.93211 4.45951 9.5098C4.32484 9.61809 4.21448 9.75353 4.13562 9.9073C4.05676 10.0611 4.01117 10.2297 4.00181 10.4023C3.99245 10.5748 4.01953 10.7474 4.08129 10.9088C4.14306 11.0702 4.23812 11.2168 4.36028 11.339L8.0772 15.0544L4.79567 18.3336C4.6802 18.4491 4.61533 18.6057 4.61533 18.769C4.61533 18.9323 4.6802 19.0889 4.79567 19.2044C4.91114 19.3199 5.06775 19.3847 5.23105 19.3847C5.39435 19.3847 5.55096 19.3199 5.66643 19.2044L8.94566 15.9229L12.6603 19.6375C12.7745 19.7521 12.9101 19.8432 13.0596 19.9053C13.209 19.9675 13.3692 19.9996 13.531 19.9998H13.618C13.7934 19.9876 13.9642 19.9378 14.1187 19.8538C14.2732 19.7698 14.4078 19.6535 14.5133 19.5129C16.0241 17.5052 15.8787 15.8729 15.5279 14.8975L19.641 10.769C19.7553 10.6547 19.8459 10.519 19.9077 10.3696C19.9695 10.2202 20.0013 10.0601 20.0012 9.89849C20.0011 9.73684 19.9692 9.57678 19.9073 9.42747C19.8454 9.27815 19.7546 9.1425 19.6402 9.02826ZM18.7695 9.89903L14.3641 14.319C14.2731 14.4103 14.2131 14.5279 14.1926 14.6552C14.172 14.7824 14.1919 14.9129 14.2495 15.0282C14.9772 16.4844 14.111 17.9967 13.531 18.7682L5.23105 10.4675C6.16028 9.71826 7.04951 9.52057 7.72951 9.52057C8.16099 9.51461 8.58893 9.59926 8.98566 9.76903C9.1014 9.82696 9.23247 9.84692 9.36022 9.82606C9.48796 9.80521 9.60588 9.74461 9.69719 9.65288L14.1018 5.23058L18.7695 9.89826V9.89903Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
 const FaceSmileIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -17740,24 +17341,43 @@ const FaceSmileIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const MagicoonIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19.4777 11.5301C19.374 11.2782 19.1825 11.0913 18.8792 10.9613L16.8124 10.36C15.1366 9.88058 13.7959 8.52361 13.325 6.81725L12.7346 4.72086C12.6388 4.3877 12.3914 4.13582 12.0642 4.03831C11.8089 3.96518 11.5455 3.99769 11.3221 4.12769C11.0907 4.2577 10.931 4.46896 10.8592 4.72086L10.2687 6.81725C9.79788 8.52361 8.45722 9.88058 6.77343 10.36L4.70661 10.9613C4.37943 11.0507 4.12405 11.3188 4.03626 11.6438C3.89262 12.172 4.18791 12.7245 4.70661 12.8708L6.77343 13.4721C8.44923 13.9515 9.78989 15.3085 10.2607 17.0149L10.8513 19.1112C10.971 19.5337 11.354 19.8344 11.7849 19.8344C12.2159 19.8344 12.5989 19.5419 12.7266 19.1112L13.3171 17.0067C13.7879 15.3003 15.1286 13.9433 16.8124 13.4558L18.9351 12.8383C19.1824 12.7408 19.3819 12.5376 19.4777 12.2857C19.5815 12.0338 19.5734 11.7576 19.4777 11.5138V11.5301ZM16.4852 12.302C14.4104 12.8951 12.7585 14.5772 12.168 16.6898L11.7929 18.0387L11.4098 16.6898C10.8193 14.5772 9.16746 12.8951 7.09265 12.302L5.76793 11.9201L7.09265 11.5382C9.16746 10.945 10.8193 9.26304 11.4098 7.15039L11.7929 5.80155L12.168 7.15039C12.7585 9.26304 14.4104 10.945 16.4852 11.5382L17.8099 11.9201L16.4852 12.302ZM8.89615 16.9905C8.92009 17.0554 8.89614 17.1204 8.8323 17.1448L8.20988 17.3236C7.64329 17.4861 7.19638 17.933 7.03678 18.5099L6.86124 19.1437C6.86124 19.1437 6.82131 19.2086 6.78141 19.225C6.71757 19.2412 6.65374 19.2088 6.63777 19.1437L6.46224 18.5099C6.30263 17.933 5.85573 17.4861 5.28914 17.3236L4.66673 17.1448C4.66673 17.1448 4.60285 17.1042 4.58689 17.0636C4.57093 16.9985 4.60288 16.9416 4.66673 16.9172L5.28914 16.7385C5.85573 16.576 6.30263 16.1291 6.46224 15.5523L6.63777 14.9185C6.63777 14.9185 6.67766 14.8534 6.71755 14.8372C6.7814 14.821 6.84529 14.8534 6.86124 14.9185L7.03678 15.5523C7.19638 16.1291 7.64329 16.576 8.20988 16.7385L8.8323 16.9172C8.8323 16.9172 8.88019 16.9498 8.89615 16.9823V16.9905ZM16.142 6.1347C16.142 6.1347 16.1021 6.11033 16.0941 6.08595C16.0862 6.04533 16.1021 6.00469 16.142 5.98844L16.557 5.86656C16.9321 5.76093 17.2273 5.46028 17.339 5.07838L17.4588 4.65585C17.4588 4.65585 17.4827 4.61522 17.5067 4.60709C17.5465 4.59898 17.5864 4.61522 17.6024 4.65585L17.7221 5.07838C17.8258 5.46028 18.1211 5.76093 18.5041 5.86656L18.9192 5.98844C18.9192 5.98844 18.951 6.01282 18.959 6.02907C18.9749 6.06969 18.959 6.11846 18.9192 6.1347L18.5041 6.25659C18.1291 6.36221 17.8338 6.66286 17.7221 7.04476L17.6024 7.46729C17.6024 7.46729 17.5785 7.50791 17.5546 7.51604C17.5146 7.52417 17.4747 7.50793 17.4588 7.46729L17.339 7.04476C17.2353 6.66286 16.94 6.36221 16.557 6.25659L16.142 6.1347Z", fill: "currentColor" }) });
-const BoldIcon = () => /* @__PURE__ */ jsx(
+const MagicoonIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M8.0215 17C7.90417 17 7.80817 16.9627 7.7335 16.888C7.65883 16.8133 7.6215 16.7173 7.6215 16.6V6.2C7.6215 6.08267 7.65883 5.98667 7.7335 5.912C7.80817 5.83733 7.90417 5.8 8.0215 5.8H12.7735C13.6588 5.8 14.3842 5.928 14.9495 6.184C15.5148 6.44 15.9308 6.80267 16.1975 7.272C16.4748 7.74133 16.6135 8.29067 16.6135 8.92C16.6135 9.31467 16.5388 9.66133 16.3895 9.96C16.2508 10.2587 16.0748 10.504 15.8615 10.696C15.6588 10.888 15.4615 11.032 15.2695 11.128C15.6855 11.32 16.0482 11.64 16.3575 12.088C16.6775 12.5253 16.8375 13.048 16.8375 13.656C16.8375 14.328 16.6882 14.9147 16.3895 15.416C16.0908 15.9173 15.6482 16.3067 15.0615 16.584C14.4748 16.8613 13.7602 17 12.9175 17H8.0215ZM10.1655 15.128H12.6135C13.1362 15.128 13.5308 14.984 13.7975 14.696C14.0642 14.3973 14.1975 14.0453 14.1975 13.64C14.1975 13.224 14.0588 12.8773 13.7815 12.6C13.5148 12.312 13.1255 12.168 12.6135 12.168H10.1655V15.128ZM10.1655 10.328H12.4695C12.9708 10.328 13.3442 10.2053 13.5895 9.96C13.8455 9.704 13.9735 9.37867 13.9735 8.984C13.9735 8.58933 13.8455 8.27467 13.5895 8.04C13.3442 7.79467 12.9708 7.672 12.4695 7.672H10.1655V10.328Z",
+        d: "M19.4777 11.5301C19.374 11.2782 19.1825 11.0913 18.8792 10.9613L16.8124 10.36C15.1366 9.88058 13.7959 8.52361 13.325 6.81725L12.7346 4.72086C12.6388 4.3877 12.3914 4.13582 12.0642 4.03831C11.8089 3.96518 11.5455 3.99769 11.3221 4.12769C11.0907 4.2577 10.931 4.46896 10.8592 4.72086L10.2687 6.81725C9.79788 8.52361 8.45722 9.88058 6.77343 10.36L4.70661 10.9613C4.37943 11.0507 4.12405 11.3188 4.03626 11.6438C3.89262 12.172 4.18791 12.7245 4.70661 12.8708L6.77343 13.4721C8.44923 13.9515 9.78989 15.3085 10.2607 17.0149L10.8513 19.1112C10.971 19.5337 11.354 19.8344 11.7849 19.8344C12.2159 19.8344 12.5989 19.5419 12.7266 19.1112L13.3171 17.0067C13.7879 15.3003 15.1286 13.9433 16.8124 13.4558L18.9351 12.8383C19.1824 12.7408 19.3819 12.5376 19.4777 12.2857C19.5815 12.0338 19.5734 11.7576 19.4777 11.5138V11.5301ZM16.4852 12.302C14.4104 12.8951 12.7585 14.5772 12.168 16.6898L11.7929 18.0387L11.4098 16.6898C10.8193 14.5772 9.16746 12.8951 7.09265 12.302L5.76793 11.9201L7.09265 11.5382C9.16746 10.945 10.8193 9.26304 11.4098 7.15039L11.7929 5.80155L12.168 7.15039C12.7585 9.26304 14.4104 10.945 16.4852 11.5382L17.8099 11.9201L16.4852 12.302ZM8.89615 16.9905C8.92009 17.0554 8.89614 17.1204 8.8323 17.1448L8.20988 17.3236C7.64329 17.4861 7.19638 17.933 7.03678 18.5099L6.86124 19.1437C6.86124 19.1437 6.82131 19.2086 6.78141 19.225C6.71757 19.2412 6.65374 19.2088 6.63777 19.1437L6.46224 18.5099C6.30263 17.933 5.85573 17.4861 5.28914 17.3236L4.66673 17.1448C4.66673 17.1448 4.60285 17.1042 4.58689 17.0636C4.57093 16.9985 4.60288 16.9416 4.66673 16.9172L5.28914 16.7385C5.85573 16.576 6.30263 16.1291 6.46224 15.5523L6.63777 14.9185C6.63777 14.9185 6.67766 14.8534 6.71755 14.8372C6.7814 14.821 6.84529 14.8534 6.86124 14.9185L7.03678 15.5523C7.19638 16.1291 7.64329 16.576 8.20988 16.7385L8.8323 16.9172C8.8323 16.9172 8.88019 16.9498 8.89615 16.9823V16.9905ZM16.142 6.1347C16.142 6.1347 16.1021 6.11033 16.0941 6.08595C16.0862 6.04533 16.1021 6.00469 16.142 5.98844L16.557 5.86656C16.9321 5.76093 17.2273 5.46028 17.339 5.07838L17.4588 4.65585C17.4588 4.65585 17.4827 4.61522 17.5067 4.60709C17.5465 4.59898 17.5864 4.61522 17.6024 4.65585L17.7221 5.07838C17.8258 5.46028 18.1211 5.76093 18.5041 5.86656L18.9192 5.98844C18.9192 5.98844 18.951 6.01282 18.959 6.02907C18.9749 6.06969 18.959 6.11846 18.9192 6.1347L18.5041 6.25659C18.1291 6.36221 17.8338 6.66286 17.7221 7.04476L17.6024 7.46729C17.6024 7.46729 17.5785 7.50791 17.5546 7.51604C17.5146 7.52417 17.4747 7.50793 17.4588 7.46729L17.339 7.04476C17.2353 6.66286 16.94 6.36221 16.557 6.25659L16.142 6.1347Z",
         fill: "currentColor"
       }
     )
   }
 );
+const BoldIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "28",
+    height: "28",
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M10 14H16C16.7072 14 17.3855 14.2809 17.8856 14.781C18.3857 15.2811 18.6667 15.9594 18.6667 16.6666C18.6667 17.3739 18.3857 18.0521 17.8856 18.5522C17.3855 19.0523 16.7072 19.3333 16 19.3333H10.6667C10.4899 19.3333 10.3203 19.2631 10.1953 19.138C10.0702 19.013 10 18.8434 10 18.6666V9.33329C10 9.15648 10.0702 8.98691 10.1953 8.86189C10.3203 8.73686 10.4899 8.66663 10.6667 8.66663H15.3333C16.0406 8.66663 16.7189 8.94758 17.219 9.44767C17.719 9.94777 18 10.626 18 11.3333C18 12.0405 17.719 12.7188 17.219 13.2189C16.7189 13.719 16.0406 14 15.3333 14",
+        stroke: "currentColor",
+        strokeWidth: "1.33333",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
 const ChevronDownIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -17773,7 +17393,23 @@ const ChevronDownIcon = () => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
   }
 );
-const MessageEditIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M17.7211 4H8.02885C6.07585 4 5 5.07585 5 7.02885V19.1442C5 19.389 5.14772 19.6103 5.37387 19.704C5.44899 19.7355 5.52742 19.75 5.60577 19.75C5.76327 19.75 5.91837 19.6886 6.03387 19.5723L8.27928 17.3269H17.7211C19.6741 17.3269 20.75 16.2511 20.75 14.2981V7.02885C20.75 5.07585 19.6741 4 17.7211 4ZM19.5384 14.2981C19.5384 15.5718 18.9949 16.1154 17.7211 16.1154H8.02885C7.86812 16.1154 7.71382 16.1792 7.60075 16.2931L6.21154 17.6822V7.02885C6.21154 5.75512 6.75512 5.21154 8.02885 5.21154H17.7211C18.9949 5.21154 19.5384 5.75512 19.5384 7.02885V14.2981ZM15.5235 7.2146C15.2731 6.96421 14.9411 6.82692 14.5882 6.82692H14.5856C14.2318 6.82692 13.8991 6.96589 13.6504 7.21628L9.21535 11.6715C9.10146 11.7853 9.03846 11.9388 9.03846 12.0987V13.8934C9.03846 14.2278 9.30985 14.4992 9.64423 14.4992H11.4396C11.5996 14.4992 11.7539 14.4354 11.867 14.3231L16.3223 9.88811C16.5735 9.63853 16.7107 9.30652 16.7115 8.95194C16.7123 8.59737 16.5742 8.2638 16.3238 8.01341L15.5235 7.2146ZM14.5874 8.03846C14.6084 8.03846 14.639 8.04413 14.6673 8.07159L15.4669 8.8712C15.4943 8.89866 15.5 8.93015 15.5 8.95115C15.5 8.97215 15.4943 9.00289 15.4669 9.02954L14.9532 9.54154L13.9976 8.58606L14.5097 8.07159C14.5363 8.04413 14.5672 8.03846 14.5874 8.03846ZM11.1894 13.2885H10.25V12.3491L13.1424 9.44384L14.0939 10.396L11.1894 13.2885Z", fill: "currentColor" }) });
+const MessageEditIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "25",
+    height: "24",
+    viewBox: "0 0 25 24",
+    fill: "none",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.7211 4H8.02885C6.07585 4 5 5.07585 5 7.02885V19.1442C5 19.389 5.14772 19.6103 5.37387 19.704C5.44899 19.7355 5.52742 19.75 5.60577 19.75C5.76327 19.75 5.91837 19.6886 6.03387 19.5723L8.27928 17.3269H17.7211C19.6741 17.3269 20.75 16.2511 20.75 14.2981V7.02885C20.75 5.07585 19.6741 4 17.7211 4ZM19.5384 14.2981C19.5384 15.5718 18.9949 16.1154 17.7211 16.1154H8.02885C7.86812 16.1154 7.71382 16.1792 7.60075 16.2931L6.21154 17.6822V7.02885C6.21154 5.75512 6.75512 5.21154 8.02885 5.21154H17.7211C18.9949 5.21154 19.5384 5.75512 19.5384 7.02885V14.2981ZM15.5235 7.2146C15.2731 6.96421 14.9411 6.82692 14.5882 6.82692H14.5856C14.2318 6.82692 13.8991 6.96589 13.6504 7.21628L9.21535 11.6715C9.10146 11.7853 9.03846 11.9388 9.03846 12.0987V13.8934C9.03846 14.2278 9.30985 14.4992 9.64423 14.4992H11.4396C11.5996 14.4992 11.7539 14.4354 11.867 14.3231L16.3223 9.88811C16.5735 9.63853 16.7107 9.30652 16.7115 8.95194C16.7123 8.59737 16.5742 8.2638 16.3238 8.01341L15.5235 7.2146ZM14.5874 8.03846C14.6084 8.03846 14.639 8.04413 14.6673 8.07159L15.4669 8.8712C15.4943 8.89866 15.5 8.93015 15.5 8.95115C15.5 8.97215 15.4943 9.00289 15.4669 9.02954L14.9532 9.54154L13.9976 8.58606L14.5097 8.07159C14.5363 8.04413 14.5672 8.03846 14.5874 8.03846ZM11.1894 13.2885H10.25V12.3491L13.1424 9.44384L14.0939 10.396L11.1894 13.2885Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
 const UploadIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -18105,14 +17741,91 @@ const ImageIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const AddCommentIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19 14.3333C19 14.7459 18.8361 15.1416 18.5444 15.4333C18.2527 15.725 17.857 15.8889 17.4444 15.8889H8.11111L5 19V6.55556C5 6.143 5.16389 5.74733 5.45561 5.45561C5.74733 5.16389 6.143 5 6.55556 5H17.4444C17.857 5 18.2527 5.16389 18.5444 5.45561C18.8361 5.74733 19 6.143 19 6.55556V14.3333Z", stroke: "currentColor", strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }) });
-const QuoteIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-  /* @__PURE__ */ jsx("path", { d: "M4.75 19C7 19 10 18.2222 10 12.7779V6.55575C10 5.58354 9.433 4.98699 8.5 5.00022H5.5C4.5625 5.00022 4 5.58354 4 6.53397V11.2223C4 12.1945 4.5625 12.7779 5.5 12.7779C6.25 12.7779 6.25 12.7779 6.25 13.5556V14.3334C6.25 15.1112 5.5 15.8889 4.75 15.8889C4 15.8889 4 15.8952 4 16.6908V18.2222C4 19 4 19 4.75 19Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx("path", { d: "M14.75 19C17 19 20 18.2222 20 12.7779V6.55575C20 5.58354 19.4323 4.98699 18.5 5.00022H15.5C14.5625 5.00022 14 5.58354 14 6.53397V11.2223C14 12.1945 14.5625 12.7779 15.5 12.7779H16.0625C16.0625 14.5278 16.25 15.8889 14 15.8889V18.2222C14 19 14 19 14.75 19Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-const StopCircleIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", viewBox: "0 0 256 256", children: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm32,132a4,4,0,0,1-4,4H100a4,4,0,0,1-4-4V100a4,4,0,0,1,4-4h56a4,4,0,0,1,4,4Z" }) });
-const PauseCircleIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", viewBox: "0 0 256 256", children: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.13,104.13,0,0,0,128,24ZM112,160a8,8,0,0,1-16,0V96a8,8,0,0,1,16,0Zm48,0a8,8,0,0,1-16,0V96a8,8,0,0,1,16,0Z" }) });
-const PlayCircleIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", viewBox: "0 0 256 256", children: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm40.55,110.58-52,36A8,8,0,0,1,104,164V92a8,8,0,0,1,12.55-6.58l52,36a8,8,0,0,1,0,13.16Z" }) });
+const AddCommentIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M19 14.3333C19 14.7459 18.8361 15.1416 18.5444 15.4333C18.2527 15.725 17.857 15.8889 17.4444 15.8889H8.11111L5 19V6.55556C5 6.143 5.16389 5.74733 5.45561 5.45561C5.74733 5.16389 6.143 5 6.55556 5H17.4444C17.857 5 18.2527 5.16389 18.5444 5.45561C18.8361 5.74733 19 6.143 19 6.55556V14.3333Z",
+        stroke: "currentColor",
+        strokeWidth: "1.33333",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+const QuoteIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4.75 19C7 19 10 18.2222 10 12.7779V6.55575C10 5.58354 9.433 4.98699 8.5 5.00022H5.5C4.5625 5.00022 4 5.58354 4 6.53397V11.2223C4 12.1945 4.5625 12.7779 5.5 12.7779C6.25 12.7779 6.25 12.7779 6.25 13.5556V14.3334C6.25 15.1112 5.5 15.8889 4.75 15.8889C4 15.8889 4 15.8952 4 16.6908V18.2222C4 19 4 19 4.75 19Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14.75 19C17 19 20 18.2222 20 12.7779V6.55575C20 5.58354 19.4323 4.98699 18.5 5.00022H15.5C14.5625 5.00022 14 5.58354 14 6.53397V11.2223C14 12.1945 14.5625 12.7779 15.5 12.7779H16.0625C16.0625 14.5278 16.25 15.8889 14 15.8889V18.2222C14 19 14 19 14.75 19Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const StopCircleIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    fill: "currentColor",
+    viewBox: "0 0 256 256",
+    children: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm32,132a4,4,0,0,1-4,4H100a4,4,0,0,1-4-4V100a4,4,0,0,1,4-4h56a4,4,0,0,1,4,4Z" })
+  }
+);
+const PauseCircleIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    fill: "currentColor",
+    viewBox: "0 0 256 256",
+    children: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.13,104.13,0,0,0,128,24ZM112,160a8,8,0,0,1-16,0V96a8,8,0,0,1,16,0Zm48,0a8,8,0,0,1-16,0V96a8,8,0,0,1,16,0Z" })
+  }
+);
+const PlayCircleIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    fill: "currentColor",
+    viewBox: "0 0 256 256",
+    children: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm40.55,110.58-52,36A8,8,0,0,1,104,164V92a8,8,0,0,1,12.55-6.58l52,36a8,8,0,0,1,0,13.16Z" })
+  }
+);
 const ChartBarIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -18133,7 +17846,26 @@ const ChartBarIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const ParagraphIcon = () => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M19 7H16.4286M16.4286 7H12.1429M16.4286 7V19M12.1429 7V15.5714M12.1429 7H11.2857C9.85686 7 7 7.85714 7 11.2857C7 14.7143 9.85686 15.5714 11.2857 15.5714H12.1429M12.1429 15.5714V19", stroke: "currentColor", "stroke-width": "1.28571", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
+const ParagraphIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M19 7H16.4286M16.4286 7H12.1429M16.4286 7V19M12.1429 7V15.5714M12.1429 7H11.2857C9.85686 7 7 7.85714 7 11.2857C7 14.7143 9.85686 15.5714 11.2857 15.5714H12.1429M12.1429 15.5714V19",
+        stroke: "currentColor",
+        strokeWidth: "1.28571",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
 const CHART_TYPES$1 = [
   { value: "bar", label: "Bar Chart" },
   { value: "horizontal-bar", label: "Horizontal Bar" },
@@ -18370,7 +18102,7 @@ function ChartComponent({
     setIsLoading(true);
     const toastId = toast.loading("Updating chart...");
     try {
-      const backendUrl = "https://api.cteditor.com/".replace(/\/$/, "");
+      const backendUrl = "http://localhost:3000/".replace(/\/$/, "");
       const apiKey = localStorage.getItem("apiKey") || "";
       const response = await fetch(`${backendUrl}/api/chat/regenerate`, {
         method: "POST",
@@ -19341,17 +19073,93 @@ const useEditorToolbar = () => {
     clearFormatting
   };
 };
-const getAssemblyAIToken = async () => {
+class ApiKeyRequiredError extends Error {
+  constructor(message, code) {
+    super(message);
+    __publicField(this, "code");
+    this.name = "ApiKeyRequiredError";
+    this.code = code;
+  }
+}
+const getAssemblyAIToken = async (apiKey) => {
+  var _a;
   try {
-    const res = await backendAPI.get(apiEndpoints.transcript.voiceTranscript);
+    const res = await backendAPI.get(apiEndpoints.transcript.voiceTranscript, {
+      headers: {
+        ...apiKey && { "x-api-key": apiKey }
+      }
+    });
     console.log(res, "voice response");
     return res.data.data;
   } catch (error) {
-    console.error("Error in AiEditorAction:", error);
+    console.error("Error in getAssemblyAIToken:", 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 === "ASSEMBLYAI_KEY_REQUIRED" || code === "NO_API_KEYS_CONFIGURED") {
+        throw new ApiKeyRequiredError(message || "API key configuration required", code);
+      }
+      if (code === "INSUFFICIENT_CREDITS") {
+        throw new Error("Insufficient credits for voice transcription. Please purchase more credits.");
+      }
+      if (code === "NO_ACTIVE_SUBSCRIPTION") {
+        throw new Error("No active subscription. Please subscribe to use voice transcription.");
+      }
+      if (code === "SUBSCRIPTION_EXPIRED") {
+        throw new Error("Your subscription has expired. Please renew to continue.");
+      }
+      if (message) {
+        throw new Error(message);
+      }
+    }
     throw error;
   }
 };
-const useVoiceToText = ({ onTranscriptUpdate }) => {
+class CreditError extends Error {
+  constructor(message, code) {
+    super(message);
+    __publicField(this, "code");
+    this.name = "CreditError";
+    this.code = code;
+  }
+}
+const endVoiceSession = async (durationSeconds, apiKey) => {
+  var _a;
+  try {
+    const res = await backendAPI.post(apiEndpoints.transcript.endSession, {
+      durationSeconds
+    }, {
+      headers: {
+        ...apiKey && { "x-api-key": apiKey }
+      }
+    });
+    const data = res.data;
+    if (data.credits && !data.credits.success) {
+      throw new CreditError(
+        data.message || "Credit deduction failed",
+        data.code || data.credits.error || "CREDIT_DEDUCTION_FAILED"
+      );
+    }
+    return data;
+  } catch (error) {
+    console.error("Error in endVoiceSession:", error);
+    const responseData = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data;
+    if (responseData) {
+      const { code, message } = responseData;
+      if (code === "INSUFFICIENT_CREDITS") {
+        throw new CreditError("Insufficient credits. Please purchase more credits.", code);
+      }
+      if (code === "CREDIT_DEDUCTION_FAILED") {
+        throw new CreditError(message || "Failed to deduct credits", code);
+      }
+      if (message) {
+        throw new Error(message);
+      }
+    }
+    throw error;
+  }
+};
+const useVoiceToText = ({ onTranscriptUpdate, onSessionEnd, apiKey }) => {
   const [isRecording, setIsRecording] = useState$1(false);
   const [isPaused, setIsPaused] = useState$1(false);
   const [isLoading, setIsLoading] = useState$1(false);
@@ -19402,7 +19210,7 @@ const useVoiceToText = ({ onTranscriptUpdate }) => {
       startTimeRef.current = 0;
       pausedTimeRef.current = 0;
       setIsPaused(false);
-      const data = await getAssemblyAIToken();
+      const data = await getAssemblyAIToken(apiKey);
       if (!data.token) {
         throw new Error(data.error || "Failed to get token");
       }
@@ -19488,13 +19296,24 @@ const useVoiceToText = ({ onTranscriptUpdate }) => {
       }
       setIsRecording(true);
     } catch (err) {
-      setError(
-        "Error starting recording: " + (err && err.message ? err.message : "Unknown error")
-      );
+      if (err instanceof ApiKeyRequiredError) {
+        toast.error("API Key Required", {
+          description: "Please upload your AssemblyAI key in License Section > Manage API keys > API Keys to configure your keys.",
+          duration: 5e3
+        });
+        setError(err.message);
+      } else {
+        const errorMessage = err && err.message ? err.message : "Unknown error";
+        toast.error("Voice Recording Error", {
+          description: errorMessage,
+          duration: 5e3
+        });
+        setError("Error starting recording: " + errorMessage);
+      }
       setIsLoading(false);
       setIsRecording(false);
     }
-  }, [onTranscriptUpdate]);
+  }, [onTranscriptUpdate, apiKey]);
   const fallbackScriptProcessor = (audioContext, source, ws) => {
     const processor = audioContext.createScriptProcessor(1024, 1, 1);
     processorRef.current = processor;
@@ -19545,8 +19364,9 @@ const useVoiceToText = ({ onTranscriptUpdate }) => {
       audioContextRef.current.resume();
     }
   }, [isRecording, isPaused]);
-  const stopRecording = useCallback(() => {
+  const stopRecording = useCallback(async () => {
     isManualStopRef.current = true;
+    const finalElapsedTime = elapsedTime;
     setIsRecording(false);
     setIsPaused(false);
     setElapsedTime(0);
@@ -19569,11 +19389,32 @@ const useVoiceToText = ({ onTranscriptUpdate }) => {
       streamRef.current = null;
     }
     if (wsRef.current) {
-      wsRef.current.close();
+      if (wsRef.current.readyState === WebSocket.OPEN) {
+        wsRef.current.close(1e3, "Recording stopped");
+      }
       wsRef.current = null;
     }
     setIsConnected(false);
-  }, []);
+    if (finalElapsedTime > 0) {
+      try {
+        const result = await endVoiceSession(finalElapsedTime, apiKey);
+        if (onSessionEnd && result.credits) {
+          onSessionEnd({
+            creditsUsed: result.credits.creditsUsed,
+            totalCredits: result.credits.totalCredits
+          });
+        }
+      } catch (error2) {
+        console.error("Failed to end voice session:", error2);
+        if (error2 instanceof CreditError) {
+          toast.error("Credit Error", {
+            description: error2.message,
+            duration: 5e3
+          });
+        }
+      }
+    }
+  }, [elapsedTime, onSessionEnd, apiKey]);
   const toggleRecording = useCallback(() => {
     if (isRecording) {
       stopRecording();
@@ -19633,7 +19474,8 @@ function AIChatDialog({
   } = useVoiceToText({
     onTranscriptUpdate: (text) => {
       setInputValue(text);
-    }
+    },
+    apiKey
   });
   const formatTime = (seconds) => {
     const mins = Math.floor(seconds / 60);
@@ -19939,25 +19781,27 @@ Text to transform:
       ] }) })
     ] }),
     /* @__PURE__ */ jsxs(DialogFooter, { className: "cteditor-space-x-0 cteditor-gap-2", children: [
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "outline",
-          onClick: () => {
-            if (onShowInEditor) {
-              onShowInEditor(provider, selectedTextForInline);
-              handleClose();
-            }
-          },
-          disabled: isLoading,
-          title: "Show AI prompt in the editor text area",
-          className: "md:cteditor-mr-auto",
-          children: [
-            /* @__PURE__ */ jsx(PanelBottomOpen, { className: "!cteditor-size-4" }),
-            "Show in Editor"
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => {
+              if (onShowInEditor) {
+                onShowInEditor(provider, selectedTextForInline);
+                handleClose();
+              }
+            },
+            disabled: isLoading,
+            className: "md:cteditor-mr-auto",
+            children: [
+              /* @__PURE__ */ jsx(PanelBottomOpen, { className: "!cteditor-size-4" }),
+              "Show in Editor"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Show AI prompt in the editor text area" }) })
+      ] }) }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -20579,7 +20423,7 @@ const TextCursorIcon = ({ isRecording, editor }) => {
     }
   );
 };
-const useVoiceRecording = () => {
+const useVoiceRecording = (apiKey) => {
   const [isRecording, setIsRecording] = useState$1(false);
   const [isPaused, setIsPaused] = useState$1(false);
   const [isLoading, setIsLoading] = useState$1(false);
@@ -20597,6 +20441,10 @@ const useVoiceRecording = () => {
   const timerIntervalRef = useRef(null);
   const startTimeRef = useRef(0);
   const pausedTimeRef = useRef(0);
+  const apiKeyRef = useRef(apiKey);
+  useEffect$1(() => {
+    apiKeyRef.current = apiKey;
+  }, [apiKey]);
   const setEditor = useCallback((editor) => {
     editorRef.current = editor;
   }, []);
@@ -20646,7 +20494,7 @@ const useVoiceRecording = () => {
       if (editorRef.current) {
         editorRef.current.focus();
       }
-      const data = await getAssemblyAIToken();
+      const data = await getAssemblyAIToken(apiKey);
       console.log(data, "data", data.token);
       if (!data.token) {
         throw new Error(data.error || "Failed to get token");
@@ -20774,14 +20622,25 @@ const useVoiceRecording = () => {
       setIsRecording(true);
       updateCursorStyle(true);
     } catch (err) {
-      setError(
-        "Error starting recording: " + (err && err.message ? err.message : "Unknown error")
-      );
+      if (err instanceof ApiKeyRequiredError) {
+        toast.error("API Key Required", {
+          description: "Please upload your AssemblyAI key in License Section > Manage API keys > API Keys to configure your keys.",
+          duration: 5e3
+        });
+        setError(err.message);
+      } else {
+        const errorMessage = err && err.message ? err.message : "Unknown error";
+        toast.error("Voice Recording Error", {
+          description: errorMessage,
+          duration: 5e3
+        });
+        setError("Error starting recording: " + errorMessage);
+      }
       setIsLoading(false);
       setIsRecording(false);
       updateCursorStyle(false);
     }
-  }, [updateCursorStyle]);
+  }, [updateCursorStyle, apiKey]);
   const fallbackScriptProcessor = (audioContext, source, ws) => {
     const processor = audioContext.createScriptProcessor(1024, 1, 1);
     processorRef.current = processor;
@@ -20832,7 +20691,8 @@ const useVoiceRecording = () => {
       audioContextRef.current.resume();
     }
   }, [isRecording, isPaused]);
-  const stopRecording = useCallback(() => {
+  const stopRecording = useCallback(async () => {
+    const finalElapsedTime = startTimeRef.current > 0 ? Math.floor((Date.now() - startTimeRef.current) / 1e3) : 0;
     setIsRecording(false);
     setIsPaused(false);
     setElapsedTime(0);
@@ -20862,10 +20722,23 @@ const useVoiceRecording = () => {
       wsRef.current = null;
     }
     setIsConnected(false);
+    if (finalElapsedTime > 0) {
+      try {
+        await endVoiceSession(finalElapsedTime, apiKeyRef.current);
+      } catch (error2) {
+        console.error("Failed to end voice session:", error2);
+        if (error2 instanceof CreditError) {
+          toast.error("Credit Error", {
+            description: error2.message,
+            duration: 5e3
+          });
+        }
+      }
+    }
   }, [updateCursorStyle]);
   const toggleRecording = useCallback(async () => {
     if (isRecording) {
-      stopRecording();
+      await stopRecording();
     } else {
       await startRecording();
     }
@@ -20888,7 +20761,7 @@ const useVoiceRecording = () => {
     setEditor
   };
 };
-const VoiceTranscriptButton = ({ editor }) => {
+const VoiceTranscriptButton = ({ editor, apiKey }) => {
   const {
     isRecording,
     isPaused,
@@ -20898,7 +20771,7 @@ const VoiceTranscriptButton = ({ editor }) => {
     pauseRecording,
     resumeRecording,
     setEditor
-  } = useVoiceRecording();
+  } = useVoiceRecording(apiKey);
   useEffect$1(() => {
     setEditor(editor);
   }, [editor, setEditor]);
@@ -20919,50 +20792,55 @@ const VoiceTranscriptButton = ({ editor }) => {
           children: formatTime(elapsedTime)
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: isPaused ? resumeRecording : pauseRecording,
+            disabled: isLoading,
+            className: cn(
+              "[&>svg]:!cteditor-size-4",
+              isPaused ? "" : ""
+            ),
+            children: isPaused ? /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "10", x2: "10", y1: "15", y2: "9" }),
+              /* @__PURE__ */ jsx("line", { x1: "14", x2: "14", y1: "15", y2: "9" })
+            ] }) : /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+              /* @__PURE__ */ jsx("path", { d: "M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z" }),
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: isPaused ? "Resume recording" : "Pause recording" }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "ghost",
           size: "icon-sm",
-          onClick: isPaused ? resumeRecording : pauseRecording,
-          disabled: isLoading,
+          onClick: toggleRecording,
+          disabled: isLoading || !editor,
           className: cn(
+            isRecording && "cteditor-bg-foreground/20",
             "[&>svg]:!cteditor-size-4",
-            isPaused ? "" : ""
+            isRecording && !isPaused && "cteditor-animate-pulse"
           ),
-          title: isPaused ? "Resume recording" : "Pause recording",
-          children: isPaused ? /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ jsx("line", { x1: "10", x2: "10", y1: "15", y2: "9" }),
-            /* @__PURE__ */ jsx("line", { x1: "14", x2: "14", y1: "15", y2: "9" })
-          ] }) : /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-            /* @__PURE__ */ jsx("path", { d: "M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z" }),
-            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" })
-          ] })
+          style: {
+            color: isRecording ? isPaused ? "#f59e0b" : "#ef4444" : "currentColor"
+          },
+          children: isLoading ? /* @__PURE__ */ jsxs("svg", { className: "cteditor-w-[18px] cteditor-h-[18px] cteditor-animate-spin", fill: "none", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ jsx("circle", { className: "cteditor-opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ jsx("path", { className: "cteditor-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+          ] }) : isRecording ? /* @__PURE__ */ jsx(Disc2, {}) : /* @__PURE__ */ jsx(Mic, {})
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon-sm",
-        onClick: toggleRecording,
-        disabled: isLoading || !editor,
-        className: cn(
-          isRecording && "cteditor-bg-foreground/20",
-          "[&>svg]:!cteditor-size-4",
-          isRecording && !isPaused && "cteditor-animate-pulse"
-        ),
-        style: {
-          color: isRecording ? isPaused ? "#f59e0b" : "#ef4444" : "currentColor"
-        },
-        children: isLoading ? /* @__PURE__ */ jsxs("svg", { className: "cteditor-w-[18px] cteditor-h-[18px] cteditor-animate-spin", fill: "none", viewBox: "0 0 24 24", children: [
-          /* @__PURE__ */ jsx("circle", { className: "cteditor-opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-          /* @__PURE__ */ jsx("path", { className: "cteditor-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-        ] }) : isRecording ? /* @__PURE__ */ jsx(Disc2, {}) : /* @__PURE__ */ jsx(Mic, {})
-      }
-    ),
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: isLoading ? "Starting recording..." : isRecording ? "Stop recording" : "Start voice recording" }) })
+    ] }) }),
     /* @__PURE__ */ jsx(TextCursorIcon, { isRecording: isRecording && !isPaused, editor })
   ] });
 };
@@ -20988,10 +20866,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-d80d5aa7.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-ae547e03.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-8d3a50b2.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-3478ea73.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -21743,7 +21621,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
@@ -21868,7 +21746,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 {
@@ -22070,7 +21948,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;
@@ -22078,7 +21956,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;
@@ -22158,7 +22036,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,
@@ -22269,7 +22147,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,
@@ -22286,7 +22164,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",
@@ -22546,7 +22424,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]
 );
@@ -22593,7 +22471,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,
@@ -22932,13 +22810,13 @@ const AlignMenu = () => {
           {
             variant: "ghost",
             size: "sm",
-            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\n",
+            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\r\n",
             children: [
               /* @__PURE__ */ jsx(AlignLeft, { className: "!cteditor-size-4" }),
               /* @__PURE__ */ jsx(
                 ChevronDown,
                 {
-                  className: "!cteditor-size-4 cteditor-opacity-50\n"
+                  className: "!cteditor-size-4 cteditor-opacity-50\r\n"
                 }
               )
             ]
@@ -23146,7 +23024,7 @@ const BlockFormatMenu = ({ blockType }) => {
             onClick: handleClickIconButton,
             variant: "ghost",
             className: cn(
-              "cteditor-flex cteditor-items-center !cteditor-gap-1 cteditor-whitespace-nowrap",
+              "cteditor-flex cteditor-items-center !cteditor-gap-1 cteditor-whitespace-nowrap ",
               open && "cteditor-bg-slate-100/5"
             ),
             size: "sm",
@@ -23441,7 +23319,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();
@@ -23505,7 +23383,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",
@@ -23541,7 +23419,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);
@@ -23698,7 +23576,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,
@@ -23913,7 +23791,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"
@@ -24124,7 +24002,7 @@ function FeatureSuggestionDialog({
           errors.title && /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-red-500", children: errors.title })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "cteditor-grid cteditor-gap-2", children: [
-          /* @__PURE__ */ jsx(Label$2, { htmlFor: "description", children: "Description *" }),
+          /* @__PURE__ */ jsx(Label$2, { htmlFor: "description", children: "Description * dss" }),
           /* @__PURE__ */ jsx(
             "textarea",
             {
@@ -24137,7 +24015,7 @@ function FeatureSuggestionDialog({
                   setErrors({ ...errors, description: void 0 });
                 }
               },
-              className: `cteditor-flex text-sm cteditor-min-h-[120px] cteditor-w-full cteditor-rounded-md cteditor-border cteditor-border-input cteditor-bg-transparent cteditor-px-3 cteditor-py-2  cteditor-shadow-sm placeholder:cteditor-text-muted-foreground focus-visible:cteditor-outline-none focus-visible:cteditor-ring-1 focus-visible:cteditor-ring-ring disabled:cteditor-cursor-not-allowed disabled:cteditor-opacity-50 ${errors.description ? "cteditor-border-red-500 focus-visible:cteditor-ring-red-500" : ""}`
+              className: `cteditor-flex cteditor-text-sm cteditor-min-h-[120px] cteditor-w-full cteditor-rounded-md cteditor-border cteditor-border-input cteditor-bg-transparent cteditor-px-3 cteditor-py-2  cteditor-shadow-sm placeholder:cteditor-text-muted-foreground focus-visible:cteditor-outline-none focus-visible:cteditor-ring-1 focus-visible:cteditor-ring-ring disabled:cteditor-cursor-not-allowed disabled:cteditor-opacity-50 ${errors.description ? "cteditor-border-red-500 focus-visible:cteditor-ring-red-500" : ""}`
             }
           ),
           errors.description && /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm cteditor-text-red-500", children: errors.description })
@@ -26998,7 +26876,7 @@ const Toolbar = ({
     async (metadata) => {
       const toastId = toast.loading("Generating chart...");
       try {
-        const backendUrl = "https://api.cteditor.com/".replace(/\/$/, "");
+        const backendUrl = "http://localhost:3000/".replace(/\/$/, "");
         const response = await fetch(`${backendUrl}/api/chat/regenerate`, {
           method: "POST",
           headers: {
@@ -27115,16 +26993,16 @@ const Toolbar = ({
       "div",
       {
         ref: toolbarRef,
-        className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-items-center cteditor-gap-1.5 cteditor-relative cteditor-w-full cteditor-min-h-11 cteditor-overflow-hidden ",
+        className: "cteditor-flex dark:cteditor-bg-background cteditor-bg-foreground/5 cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-items-center cteditor-gap-1.5 cteditor-relative cteditor-w-full cteditor-min-h-11 cteditor-overflow-hidden ",
         children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
               "data-toolbar-item": "voiceTranscript",
-              className: "cteditor-flex cteditor-items-center cteditor-gap-1.5 md:cteditor-hidden",
+              className: "cteditor-flex cteditor-items-center md:cteditor-hidden",
               children: [
-                /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor }),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor, apiKey: apiKey ?? void 0 }),
+                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7 cteditor-ml-1.5" })
               ]
             }
           ),
@@ -27174,7 +27052,7 @@ const Toolbar = ({
                   {
                     "data-toolbar-item": "voiceTranscript",
                     className: "cteditor-flex cteditor-items-center max-md:cteditor-hidden",
-                    children: /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor })
+                    children: /* @__PURE__ */ jsx(VoiceTranscriptButton, { editor: activeEditor, apiKey: apiKey ?? void 0 })
                   }
                 ),
                 /* @__PURE__ */ jsx(VoiceTranscriptPlugin, {}),
@@ -27743,7 +27621,7 @@ const Toolbar = ({
                       }
                     },
                     children: [
-                      /* @__PURE__ */ jsxs("div", { className: "cteditor-sticky cteditor-top-0 cteditor-z-10", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "cteditor-sticky cteditor-top-0 cteditor-z-10 cteditor-bg-popover ", children: [
                         /* @__PURE__ */ jsxs("div", { className: "cteditor-relative", children: [
                           /* @__PURE__ */ jsx(Search, { className: "cteditor-absolute cteditor-left-2.5 cteditor-top-1/2 cteditor-transform -cteditor-translate-y-1/2 cteditor-size-3.5 cteditor-text-muted-foreground/60" }),
                           /* @__PURE__ */ jsx(
@@ -27769,53 +27647,53 @@ const Toolbar = ({
                         ] }),
                         moreMenuSearch && /* @__PURE__ */ jsx("p", { className: "cteditor-text-[10px] cteditor-text-muted-foreground/60 cteditor-mt-1.5 cteditor-px-0.5", children: hasMatchingItems ? "Showing matching tools" : "No tools found" })
                       ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "md:cteditor-hidden", children: [
-                        /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: () => setIsFeatureSuggestionDialogOpen(true), children: [
-                          /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Lightbulb, {}) }),
-                          /* @__PURE__ */ jsx("span", { children: "Suggest a Feature" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: clearFormatting, children: [
-                          /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(RemoveFormatting, {}) }),
-                          /* @__PURE__ */ jsx("span", { children: "Clear formatting" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenuItem$1,
-                          {
-                            onClick: handleClearEditorContent,
-                            disabled: isEditorEmpty,
-                            children: [
-                              /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(X$1, {}) }),
-                              /* @__PURE__ */ jsx("span", { children: "Clear editor" })
-                            ]
-                          }
-                        ),
-                        enableUndoRedo && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsxs("div", { children: [
+                        /* @__PURE__ */ jsxs("div", { className: "md:cteditor-hidden", children: [
+                          /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: () => setIsFeatureSuggestionDialogOpen(true), children: [
+                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Lightbulb, {}) }),
+                            /* @__PURE__ */ jsx("span", { children: "Suggest a Feature" })
+                          ] }),
+                          /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: clearFormatting, children: [
+                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(RemoveFormatting, {}) }),
+                            /* @__PURE__ */ jsx("span", { children: "Clear formatting" })
+                          ] }),
                           /* @__PURE__ */ jsxs(
                             DropdownMenuItem$1,
                             {
-                              onClick: () => activeEditor.dispatchCommand(UNDO_COMMAND, void 0),
-                              disabled: disableMap["undo"],
+                              onClick: handleClearEditorContent,
+                              disabled: isEditorEmpty,
                               children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Undo, {}) }),
-                                /* @__PURE__ */ jsx("span", { children: "Undo (Ctrl + Z)" })
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(X$1, {}) }),
+                                /* @__PURE__ */ jsx("span", { children: "Clear editor" })
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs(
-                            DropdownMenuItem$1,
-                            {
-                              onClick: () => activeEditor.dispatchCommand(REDO_COMMAND, void 0),
-                              disabled: disableMap["redo"],
-                              children: [
-                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Redo, {}) }),
-                                /* @__PURE__ */ jsx("span", { children: "Redo (Ctrl + Y)" })
-                              ]
-                            }
-                          )
+                          enableUndoRedo && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenuItem$1,
+                              {
+                                onClick: () => activeEditor.dispatchCommand(UNDO_COMMAND, void 0),
+                                disabled: disableMap["undo"],
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Undo, {}) }),
+                                  /* @__PURE__ */ jsx("span", { children: "Undo (Ctrl + Z)" })
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenuItem$1,
+                              {
+                                onClick: () => activeEditor.dispatchCommand(REDO_COMMAND, void 0),
+                                disabled: disableMap["redo"],
+                                children: [
+                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(Redo, {}) }),
+                                  /* @__PURE__ */ jsx("span", { children: "Redo (Ctrl + Y)" })
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
                         ] }),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "cteditor-overflow-y-auto cteditor-flex-1 cteditor-py-1", children: [
                         !hasMatchingItems && moreMenuSearch && /* @__PURE__ */ jsxs("div", { className: "cteditor-py-8 cteditor-text-center cteditor-text-muted-foreground/60", children: [
                           /* @__PURE__ */ jsx(Search, { className: "cteditor-size-8 cteditor-mx-auto cteditor-mb-2 cteditor-opacity-40" }),
                           /* @__PURE__ */ jsx("p", { className: "cteditor-text-sm", children: "No tools found" }),
@@ -28607,7 +28485,7 @@ class GrammarAIService {
     __publicField(this, "apiEndpoint");
     __publicField(this, "requestTimeout", REQUEST_TIMEOUT);
     __publicField(this, "sentenceCache", /* @__PURE__ */ new Map());
-    this.apiEndpoint = "https://api.cteditor.com/" + apiEndpoint;
+    this.apiEndpoint = "http://localhost:3000/" + apiEndpoint;
   }
   isSentenceCached(text) {
     const hash = generateSentenceHash(text);
@@ -37038,7 +36916,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();
@@ -40400,7 +40278,7 @@ const useStyles = () => ({
   contentEditable: cn(
     "cteditor-relative cteditor-min-h-[300px] cteditor-rounded-lg cteditor-p-3 !cteditor-h-auto cteditor-resize-none cteditor-outline-0 cteditor-content cteditor-pb-12",
     // Ensure strong contrast in both themes
-    "cteditor-text-foreground cteditor-bg-background",
+    "cteditor-text-foreground dark:cteditor-bg-background cteditor-bg-foreground/5",
     // Default font: Arial 16px to match toolbar defaults and ensure WYSIWYG output
     "cteditor-font-arial cteditor-text-base",
     // Caret and spacing
@@ -41185,4 +41063,4 @@ export {
   useReactNativeBridge as w,
   editorConfig as x
 };
-//# sourceMappingURL=index-e6dfde84.js.map
+//# sourceMappingURL=index-c32880a3.js.map