@rufous/ui 0.1.87 → 0.1.88

package/dist/main.js

@@ -4080,23 +4080,23 @@ function DataGrid({
   }, [resolvedColumns]);
   const getLeftOffset = (col, idx) => {
     if (col.pinned !== "left") return void 0;
-    let offset = 0;
+    let offset2 = 0;
     for (let i = 0; i < idx; i++) {
       if (visibleColumns[i].pinned === "left") {
-        offset += columnWidths[String(visibleColumns[i].field)] || 200;
+        offset2 += columnWidths[String(visibleColumns[i].field)] || 200;
       }
     }
-    return offset;
+    return offset2;
   };
   const getRightOffset = (col, idx) => {
     if (col.pinned !== "right") return void 0;
-    let offset = 0;
+    let offset2 = 0;
     for (let i = visibleColumns.length - 1; i > idx; i--) {
       if (visibleColumns[i].pinned === "right") {
-        offset += columnWidths[String(visibleColumns[i].field)] || 200;
+        offset2 += columnWidths[String(visibleColumns[i].field)] || 200;
       }
     }
-    return offset;
+    return offset2;
   };
   const hasActiveFilters = advancedFilters.some((f) => f.value);
   return /* @__PURE__ */ React74.createElement("div", { className: ["dg-root", sxClass, className].filter(Boolean).join(" ") }, /* @__PURE__ */ React74.createElement("div", { className: "dg-header" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-header-info" }, /* @__PURE__ */ React74.createElement("h2", null, title), /* @__PURE__ */ React74.createElement("p", null, filteredData.length, " total records")), /* @__PURE__ */ React74.createElement("div", { className: "dg-header-actions" }, /* @__PURE__ */ React74.createElement("div", { className: "dg-search-wrap" }, /* @__PURE__ */ React74.createElement(Search, { size: 15 }), /* @__PURE__ */ React74.createElement(
@@ -5345,10 +5345,10 @@ var Radio = React79.forwardRef(function Radio2(props, ref) {
   const isDisabled = disabledProp !== void 0 ? disabledProp : ctx.disabled ?? false;
   const size = sizeProp ?? ctx.size ?? "medium";
   const name = nameProp ?? ctx.name;
-  const handleChange = () => {
+  const handleChange = (e) => {
     if (!isDisabled) {
-      onChangeProp?.(value);
-      ctx.onChange?.(value);
+      onChangeProp?.(e, value);
+      ctx.onChange?.(e, value);
     }
   };
   const rootClasses = [
@@ -7446,7 +7446,7 @@ var Menu = ({
   }, [open]);
   useEffect13(() => {
     if (!open || !anchorEl || !paperRef.current) return;
-    const computePosition2 = () => {
+    const computePosition3 = () => {
       if (!anchorEl || !paperRef.current) return;
       const anchorRect = anchorEl.getBoundingClientRect();
       const menuRect = paperRef.current.getBoundingClientRect();
@@ -7455,20 +7455,20 @@ var Menu = ({
         anchorOrigin.vertical,
         anchorOrigin.horizontal
       );
-      const offset = getTransformOffset(
+      const offset2 = getTransformOffset(
         menuRect,
         transformOrigin.vertical,
         transformOrigin.horizontal
       );
-      let left = anchor.x - offset.dx;
-      let top = anchor.y - offset.dy;
+      let left = anchor.x - offset2.dx;
+      let top = anchor.y - offset2.dy;
       const vw = window.innerWidth;
       const vh = window.innerHeight;
       left = Math.max(8, Math.min(left, vw - menuRect.width - 8));
       top = Math.max(8, Math.min(top, vh - menuRect.height - 8));
       setMenuStyle({ left, top });
     };
-    requestAnimationFrame(computePosition2);
+    requestAnimationFrame(computePosition3);
   }, [open, mounted, anchorEl, anchorOrigin, transformOrigin]);
   useEffect13(() => {
     if (!open) return;
@@ -7787,8 +7787,8 @@ import React102, {
   useState as useState21
 } from "react";
 import ReactDOM5 from "react-dom";
-function computePopperPosition(anchorRect, popperRect, placement, offset = [0, 8]) {
-  const [skid, dist] = offset;
+function computePopperPosition(anchorRect, popperRect, placement, offset2 = [0, 8]) {
+  const [skid, dist] = offset2;
   let top = 0;
   let left = 0;
   switch (placement) {
@@ -7886,14 +7886,14 @@ var Popper = ({
     }
   }, [open, keepMounted]);
   const offsetModifier = modifiers.find((m) => m.name === "offset");
-  const offset = offsetModifier?.options?.offset ?? [0, 8];
+  const offset2 = offsetModifier?.options?.offset ?? [0, 8];
   useLayoutEffect2(() => {
     if (!open || !anchorEl || !popperRef.current) return;
     const compute = () => {
       if (!anchorEl || !popperRef.current) return;
       const anchorRect = anchorEl.getBoundingClientRect();
       const popperRect = popperRef.current.getBoundingClientRect();
-      const pos = computePopperPosition(anchorRect, popperRect, placement, offset);
+      const pos = computePopperPosition(anchorRect, popperRect, placement, offset2);
       setPosStyle(pos);
     };
     requestAnimationFrame(compute);
@@ -7903,7 +7903,7 @@ var Popper = ({
       window.removeEventListener("scroll", compute, true);
       window.removeEventListener("resize", compute);
     };
-  }, [open, anchorEl, placement, offset]);
+  }, [open, anchorEl, placement, offset2]);
   if (!mounted) return null;
   const classes = [
     "rf-popper",
@@ -7985,9 +7985,9 @@ var Popover = ({
       const anchorRect = anchorEl.getBoundingClientRect();
       const paperRect = paperRef.current.getBoundingClientRect();
       const anchor = getPoint(anchorRect, anchorOrigin.vertical, anchorOrigin.horizontal);
-      const offset = getTransform(paperRect, transformOrigin.vertical, transformOrigin.horizontal);
-      let left = anchor.x - offset.dx;
-      let top = anchor.y - offset.dy;
+      const offset2 = getTransform(paperRect, transformOrigin.vertical, transformOrigin.horizontal);
+      let left = anchor.x - offset2.dx;
+      let top = anchor.y - offset2.dy;
       const vw = window.innerWidth;
       const vh = window.innerHeight;
       left = Math.max(8, Math.min(left, vw - paperRect.width - 8));
@@ -8334,8 +8334,7 @@ var ImageField = React105.forwardRef(
         if (!file) return;
         const objectUrl = URL.createObjectURL(file);
         setPreview(objectUrl);
-        onChange?.(file);
-        e.target.value = "";
+        onChange?.(e, file);
       },
       [onChange]
     );
@@ -8392,8 +8391,315 @@ var ImageField = React105.forwardRef(
 );
 ImageField.displayName = "ImageField";
 
+// lib/PhoneField/PhoneField.tsx
+import React106, {
+  useState as useState25,
+  useRef as useRef23,
+  useEffect as useEffect19,
+  useCallback as useCallback8,
+  forwardRef as forwardRef10
+} from "react";
+import { Country as Country2 } from "country-state-city";
+import { computePosition as computePosition2, flip, offset, shift, size as floatingSize } from "@floating-ui/dom";
+function getAllCountries() {
+  return Country2.getAllCountries().map((c) => ({
+    isoCode: c.isoCode,
+    name: c.name,
+    phonecode: c.phonecode.replace("+", ""),
+    flag: c.flag
+  }));
+}
+function findCountryByIso(countries, iso) {
+  return countries.find((c) => c.isoCode.toLowerCase() === iso.toLowerCase());
+}
+function sanitizeValue(val) {
+  return val.replace(/^\+/, "").replace(/[^0-9]/g, "");
+}
+function detectCountryFromValue(countries, digits) {
+  if (!digits) return null;
+  const sorted = [...countries].sort((a, b) => b.phonecode.length - a.phonecode.length);
+  for (const c of sorted) {
+    if (digits.startsWith(c.phonecode)) {
+      return { country: c, phoneNumber: digits.slice(c.phonecode.length) };
+    }
+  }
+  return null;
+}
+var PhoneField = forwardRef10(function PhoneField2(props, ref) {
+  const {
+    value = "",
+    onChange,
+    label,
+    variant = "outlined",
+    size = "medium",
+    error = false,
+    helperText,
+    fullWidth = false,
+    disabled = false,
+    required = false,
+    defaultCountry = "us",
+    onlyCountries,
+    countryCodeEditable = true,
+    inputProps,
+    margin = "none",
+    className = "",
+    style,
+    sx
+  } = props;
+  const sxClass = useSx(sx);
+  const containerRef = useRef23(null);
+  const inputRef = useRef23(null);
+  const listRef = useRef23(null);
+  const popupRef = useRef23(null);
+  const inputId = useRef23(`rf-phone-${Math.random().toString(36).slice(2, 9)}`).current;
+  const countries = React106.useMemo(() => {
+    const all = getAllCountries();
+    if (onlyCountries && onlyCountries.length > 0) {
+      return all.filter((c) => onlyCountries.includes(c.isoCode.toLowerCase()));
+    }
+    return all;
+  }, [onlyCountries]);
+  const [selectedCountry, setSelectedCountry] = useState25(() => {
+    const digits2 = sanitizeValue(value);
+    if (digits2) {
+      const detected = detectCountryFromValue(countries, digits2);
+      if (detected) return detected.country;
+    }
+    return findCountryByIso(countries, defaultCountry) || countries[0];
+  });
+  const [open, setOpen] = useState25(false);
+  const [focusedIdx, setFocusedIdx] = useState25(-1);
+  const [search, setSearch] = useState25("");
+  const prevValueRef = useRef23(value);
+  useEffect19(() => {
+    if (value === prevValueRef.current) return;
+    prevValueRef.current = value;
+    const digits2 = sanitizeValue(value);
+    if (!digits2) return;
+    const detected = detectCountryFromValue(countries, digits2);
+    if (detected && detected.country.isoCode !== selectedCountry?.isoCode) {
+      setSelectedCountry(detected.country);
+    }
+  }, [value, countries, selectedCountry?.isoCode]);
+  const dialCode = selectedCountry?.phonecode || "";
+  const digits = sanitizeValue(value);
+  const phoneNumber = digits.startsWith(dialCode) ? digits.slice(dialCode.length) : digits;
+  const openDropdown = useCallback8(() => {
+    if (disabled) return;
+    setOpen(true);
+    setFocusedIdx(-1);
+    setSearch("");
+  }, [disabled]);
+  const closeDropdown = useCallback8(() => {
+    setOpen(false);
+    setFocusedIdx(-1);
+    setSearch("");
+  }, []);
+  useEffect19(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        closeDropdown();
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open, closeDropdown]);
+  useEffect19(() => {
+    if (!open || !containerRef.current || !popupRef.current) return;
+    const reference = containerRef.current;
+    const floating = popupRef.current;
+    const updatePosition = () => {
+      computePosition2(reference, floating, {
+        placement: "bottom-start",
+        middleware: [
+          offset(4),
+          flip({ padding: 8 }),
+          shift({ padding: 8 }),
+          floatingSize({
+            apply({ availableHeight, elements }) {
+              Object.assign(elements.floating.style, {
+                maxHeight: `${Math.min(280, availableHeight - 8)}px`
+              });
+            },
+            padding: 8
+          })
+        ]
+      }).then(({ x, y, placement }) => {
+        Object.assign(floating.style, {
+          left: `${x}px`,
+          top: `${y}px`
+        });
+        floating.dataset.placement = placement;
+      });
+    };
+    updatePosition();
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [open]);
+  const selectCountry = useCallback8((country) => {
+    setSelectedCountry(country);
+    closeDropdown();
+    const newValue = "+" + country.phonecode + phoneNumber;
+    onChange?.(newValue, {
+      dialCode: "+" + country.phonecode,
+      countryCode: country.isoCode.toLowerCase(),
+      name: country.name
+    });
+    inputRef.current?.focus();
+  }, [closeDropdown, phoneNumber, onChange]);
+  const handleInputChange = (e) => {
+    const raw = e.target.value.replace(/[^0-9]/g, "");
+    const newValue = "+" + dialCode + raw;
+    onChange?.(newValue, {
+      dialCode: "+" + selectedCountry.phonecode,
+      countryCode: selectedCountry.isoCode.toLowerCase(),
+      name: selectedCountry.name
+    });
+  };
+  const filteredCountries = search ? countries.filter(
+    (c) => c.name.toLowerCase().includes(search.toLowerCase()) || c.phonecode.includes(search) || c.isoCode.toLowerCase().includes(search.toLowerCase())
+  ) : countries;
+  const handleDropdownKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setFocusedIdx((i) => {
+        const next = Math.min(i + 1, filteredCountries.length - 1);
+        scrollOptionIntoView(next);
+        return next;
+      });
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setFocusedIdx((i) => {
+        const next = Math.max(i - 1, 0);
+        scrollOptionIntoView(next);
+        return next;
+      });
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      if (focusedIdx >= 0 && filteredCountries[focusedIdx]) {
+        selectCountry(filteredCountries[focusedIdx]);
+      }
+    } else if (e.key === "Escape") {
+      closeDropdown();
+    } else if (e.key.length === 1) {
+      setSearch((s2) => s2 + e.key);
+    } else if (e.key === "Backspace") {
+      setSearch((s2) => s2.slice(0, -1));
+    }
+  };
+  const scrollOptionIntoView = (idx) => {
+    requestAnimationFrame(() => {
+      const el = listRef.current?.querySelector(`[data-idx="${idx}"]`);
+      el?.scrollIntoView({ block: "nearest" });
+    });
+  };
+  const isFloating = Boolean(value || phoneNumber);
+  const hasLabel = Boolean(label);
+  const rootClasses = [
+    "rf-text-field",
+    `rf-text-field--${variant}`,
+    `rf-text-field--${size}`,
+    "rf-text-field--primary",
+    error ? "rf-text-field--error" : "",
+    fullWidth ? "rf-text-field--full-width" : "",
+    disabled ? "rf-text-field--disabled" : "",
+    isFloating ? "rf-text-field--floating" : "",
+    hasLabel ? "rf-text-field--has-label" : "",
+    "rf-text-field--adorned-start",
+    "rf-phone-field",
+    open ? "rf-phone-field--open" : "",
+    margin === "normal" ? "rf-phone-field--margin-normal" : "",
+    margin === "dense" ? "rf-phone-field--margin-dense" : "",
+    sxClass,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React106.createElement(
+    "div",
+    {
+      ref: (node) => {
+        containerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      className: rootClasses,
+      style
+    },
+    /* @__PURE__ */ React106.createElement("div", { className: "rf-text-field__wrapper" }, /* @__PURE__ */ React106.createElement(
+      "div",
+      {
+        className: `rf-phone-field__country-selector ${disabled || !countryCodeEditable ? "rf-phone-field__country-selector--disabled" : ""}`,
+        onClick: () => !disabled && countryCodeEditable && (open ? closeDropdown() : openDropdown()),
+        onKeyDown: open ? handleDropdownKeyDown : void 0,
+        tabIndex: disabled || !countryCodeEditable ? -1 : 0,
+        role: "button",
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        "aria-label": "Select country code"
+      },
+      /* @__PURE__ */ React106.createElement("span", { className: "rf-phone-field__flag" }, selectedCountry?.flag),
+      /* @__PURE__ */ React106.createElement("span", { className: "rf-phone-field__dial-code" }, "+", dialCode)
+    ), /* @__PURE__ */ React106.createElement(
+      "input",
+      {
+        ref: inputRef,
+        type: "tel",
+        className: "rf-text-field__input rf-phone-field__input",
+        id: inputId,
+        value: phoneNumber,
+        onChange: handleInputChange,
+        disabled,
+        required,
+        placeholder: " ",
+        maxLength: 15,
+        ...inputProps
+      }
+    ), hasLabel && /* @__PURE__ */ React106.createElement("label", { htmlFor: inputId, className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React106.createElement("span", { className: "rf-text-field__asterisk" }, " *")), variant === "outlined" && /* @__PURE__ */ React106.createElement("fieldset", { className: "rf-text-field__notch" }, hasLabel ? /* @__PURE__ */ React106.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React106.createElement("span", null, label, required ? " *" : "")) : /* @__PURE__ */ React106.createElement("legend", { className: "rf-text-field__legend--empty" }))),
+    helperText && /* @__PURE__ */ React106.createElement("div", { className: `rf-text-field__helper-text${error ? " rf-text-field__helper-text--error" : ""}` }, helperText),
+    open && !disabled && /* @__PURE__ */ React106.createElement(
+      "div",
+      {
+        ref: popupRef,
+        className: "rf-select__popup rf-phone-field__popup",
+        role: "presentation"
+      },
+      search && /* @__PURE__ */ React106.createElement("div", { className: "rf-phone-field__search-indicator" }, "Search: ", search),
+      /* @__PURE__ */ React106.createElement("ul", { ref: listRef, className: "rf-select__listbox", role: "listbox" }, filteredCountries.map((country, idx) => {
+        const isActive = selectedCountry?.isoCode === country.isoCode;
+        const focused = focusedIdx === idx;
+        return /* @__PURE__ */ React106.createElement(
+          "li",
+          {
+            key: country.isoCode,
+            "data-idx": idx,
+            role: "option",
+            "aria-selected": isActive,
+            className: [
+              "rf-select__option",
+              isActive ? "rf-select__option--selected" : "",
+              focused ? "rf-select__option--focused" : ""
+            ].filter(Boolean).join(" "),
+            onMouseEnter: () => setFocusedIdx(idx),
+            onMouseLeave: () => setFocusedIdx(-1),
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => selectCountry(country)
+          },
+          /* @__PURE__ */ React106.createElement("span", { className: "rf-phone-field__option-flag" }, country.flag),
+          /* @__PURE__ */ React106.createElement("span", { className: "rf-select__option-label", title: country.name }, country.name),
+          /* @__PURE__ */ React106.createElement("span", { className: "rf-phone-field__option-code" }, "+", country.phonecode)
+        );
+      }), filteredCountries.length === 0 && /* @__PURE__ */ React106.createElement("li", { className: "rf-phone-field__no-results" }, "No countries found"))
+    )
+  );
+});
+PhoneField.displayName = "PhoneField";
+
 // lib/RufousTextEditor/RufousTextEditor.tsx
-import React115, { useMemo as useMemo4, useCallback as useCallback12, useState as useState33 } from "react";
+import React116, { useMemo as useMemo4, useCallback as useCallback13, useState as useState34 } from "react";
 import { useEditor, EditorContent, EditorContext, FloatingMenu, BubbleMenu } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
@@ -8419,16 +8725,16 @@ import { ReactRenderer } from "@tiptap/react";
 import tippy from "tippy.js";
 
 // lib/RufousTextEditor/MentionList.tsx
-import React106, { forwardRef as forwardRef10, useEffect as useEffect19, useImperativeHandle, useState as useState25 } from "react";
-var MentionList = forwardRef10((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = useState25(0);
+import React107, { forwardRef as forwardRef11, useEffect as useEffect20, useImperativeHandle, useState as useState26 } from "react";
+var MentionList = forwardRef11((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState26(0);
   const selectItem = (index) => {
     const item = props.items[index];
     if (item) {
       props.command({ id: item.id, label: item.name });
     }
   };
-  useEffect19(() => setSelectedIndex(0), [props.items]);
+  useEffect20(() => setSelectedIndex(0), [props.items]);
   useImperativeHandle(ref, () => ({
     onKeyDown: ({ event }) => {
       if (event.key === "ArrowUp") {
@@ -8447,17 +8753,17 @@ var MentionList = forwardRef10((props, ref) => {
     }
   }));
   if (!props.items.length) {
-    return /* @__PURE__ */ React106.createElement("div", { className: "rf-rte-mention-dropdown" }, /* @__PURE__ */ React106.createElement("div", { className: "rf-rte-mention-item rf-rte-mention-no-result" }, "No results"));
+    return /* @__PURE__ */ React107.createElement("div", { className: "rf-rte-mention-dropdown" }, /* @__PURE__ */ React107.createElement("div", { className: "rf-rte-mention-item rf-rte-mention-no-result" }, "No results"));
   }
-  return /* @__PURE__ */ React106.createElement("div", { className: "rf-rte-mention-dropdown" }, props.items.map((item, index) => /* @__PURE__ */ React106.createElement(
+  return /* @__PURE__ */ React107.createElement("div", { className: "rf-rte-mention-dropdown" }, props.items.map((item, index) => /* @__PURE__ */ React107.createElement(
     "button",
     {
       className: `rf-rte-mention-item ${index === selectedIndex ? "is-selected" : ""}`,
       key: item.id,
       onClick: () => selectItem(index)
     },
-    /* @__PURE__ */ React106.createElement("span", { className: "rf-rte-mention-avatar" }, item.avatar || item.name.charAt(0).toUpperCase()),
-    /* @__PURE__ */ React106.createElement("span", { className: "rf-rte-mention-name" }, item.name)
+    /* @__PURE__ */ React107.createElement("span", { className: "rf-rte-mention-avatar" }, item.avatar || item.name.charAt(0).toUpperCase()),
+    /* @__PURE__ */ React107.createElement("span", { className: "rf-rte-mention-name" }, item.name)
   )));
 });
 MentionList.displayName = "MentionList";
@@ -8515,20 +8821,20 @@ function createMentionSuggestion(users) {
 }
 
 // lib/RufousTextEditor/Toolbar.tsx
-import React112, { useState as useState30, useRef as useRef26, useEffect as useEffect23, useCallback as useCallback11 } from "react";
+import React113, { useState as useState31, useRef as useRef27, useEffect as useEffect24, useCallback as useCallback12 } from "react";
 
 // lib/RufousTextEditor/TextToSpeech.tsx
-import React107, { useState as useState26, useEffect as useEffect20, useRef as useRef23, useCallback as useCallback8 } from "react";
+import React108, { useState as useState27, useEffect as useEffect21, useRef as useRef24, useCallback as useCallback9 } from "react";
 var TextToSpeech = ({ editor, onTextToSpeech }) => {
-  const [speaking, setSpeaking] = useState26(false);
-  const [paused, setPaused] = useState26(false);
-  const [voices, setVoices] = useState26([]);
-  const [selectedVoice, setSelectedVoice] = useState26("");
-  const [rate, setRate] = useState26(1);
-  const [showPanel, setShowPanel] = useState26(false);
-  const utteranceRef = useRef23(null);
-  const panelRef = useRef23(null);
-  useEffect20(() => {
+  const [speaking, setSpeaking] = useState27(false);
+  const [paused, setPaused] = useState27(false);
+  const [voices, setVoices] = useState27([]);
+  const [selectedVoice, setSelectedVoice] = useState27("");
+  const [rate, setRate] = useState27(1);
+  const [showPanel, setShowPanel] = useState27(false);
+  const utteranceRef = useRef24(null);
+  const panelRef = useRef24(null);
+  useEffect21(() => {
     const loadVoices = async () => {
       const available = await window.speechSynthesis.getVoices();
       setVoices(available);
@@ -8543,7 +8849,7 @@ var TextToSpeech = ({ editor, onTextToSpeech }) => {
       window.speechSynthesis.onvoiceschanged = null;
     };
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     const handleClick = (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         setShowPanel(false);
@@ -8552,7 +8858,7 @@ var TextToSpeech = ({ editor, onTextToSpeech }) => {
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, []);
-  const getTextToSpeak = useCallback8(() => {
+  const getTextToSpeak = useCallback9(() => {
     if (!editor) return "";
     const { from, to, empty } = editor.state.selection;
     if (!empty) {
@@ -8560,7 +8866,7 @@ var TextToSpeech = ({ editor, onTextToSpeech }) => {
     }
     return editor.getText();
   }, [editor]);
-  const handleSpeak = useCallback8(async () => {
+  const handleSpeak = useCallback9(async () => {
     const text = getTextToSpeak();
     if (!text.trim()) return;
     if (onTextToSpeech) {
@@ -8602,24 +8908,24 @@ var TextToSpeech = ({ editor, onTextToSpeech }) => {
     setSpeaking(true);
     setPaused(false);
   }, [getTextToSpeak, voices, selectedVoice, rate, onTextToSpeech]);
-  const handlePause = useCallback8(() => {
+  const handlePause = useCallback9(() => {
     if (window.speechSynthesis.speaking && !window.speechSynthesis.paused) {
       window.speechSynthesis.pause();
       setPaused(true);
     }
   }, []);
-  const handleResume = useCallback8(() => {
+  const handleResume = useCallback9(() => {
     if (window.speechSynthesis.paused) {
       window.speechSynthesis.resume();
       setPaused(false);
     }
   }, []);
-  const handleStop = useCallback8(() => {
+  const handleStop = useCallback9(() => {
     window.speechSynthesis.cancel();
     setSpeaking(false);
     setPaused(false);
   }, []);
-  return /* @__PURE__ */ React107.createElement("div", { className: "tts-wrapper", ref: panelRef }, /* @__PURE__ */ React107.createElement(
+  return /* @__PURE__ */ React108.createElement("div", { className: "tts-wrapper", ref: panelRef }, /* @__PURE__ */ React108.createElement(
     "button",
     {
       className: `toolbar-btn ${speaking ? "is-active" : ""}`,
@@ -8633,15 +8939,15 @@ var TextToSpeech = ({ editor, onTextToSpeech }) => {
       title: "Text to Speech"
     },
     speaking ? "\u23F9" : "\u{1F50A}"
-  ), showPanel && !speaking && /* @__PURE__ */ React107.createElement("div", { className: "tts-panel" }, /* @__PURE__ */ React107.createElement("div", { className: "tts-panel-header" }, "Text to Speech"), /* @__PURE__ */ React107.createElement("label", { className: "tts-label" }, "Voice"), /* @__PURE__ */ React107.createElement(
+  ), showPanel && !speaking && /* @__PURE__ */ React108.createElement("div", { className: "tts-panel" }, /* @__PURE__ */ React108.createElement("div", { className: "tts-panel-header" }, "Text to Speech"), /* @__PURE__ */ React108.createElement("label", { className: "tts-label" }, "Voice"), /* @__PURE__ */ React108.createElement(
     "select",
     {
       className: "tts-select",
       value: selectedVoice,
       onChange: (e) => setSelectedVoice(e.target.value)
     },
-    voices.map((v) => /* @__PURE__ */ React107.createElement("option", { key: v.name, value: v.name }, v.name, " (", v.lang, ")"))
-  ), /* @__PURE__ */ React107.createElement("label", { className: "tts-label" }, "Speed: ", rate, "x"), /* @__PURE__ */ React107.createElement(
+    voices.map((v) => /* @__PURE__ */ React108.createElement("option", { key: v.name, value: v.name }, v.name, " (", v.lang, ")"))
+  ), /* @__PURE__ */ React108.createElement("label", { className: "tts-label" }, "Speed: ", rate, "x"), /* @__PURE__ */ React108.createElement(
     "input",
     {
       type: "range",
@@ -8652,26 +8958,26 @@ var TextToSpeech = ({ editor, onTextToSpeech }) => {
       value: rate,
       onChange: (e) => setRate(Number(e.target.value))
     }
-  ), /* @__PURE__ */ React107.createElement("div", { className: "tts-info" }, editor && !editor.state.selection.empty ? "Will read selected text" : "Will read all editor text"), /* @__PURE__ */ React107.createElement("button", { className: "tts-speak-btn", onClick: () => {
+  ), /* @__PURE__ */ React108.createElement("div", { className: "tts-info" }, editor && !editor.state.selection.empty ? "Will read selected text" : "Will read all editor text"), /* @__PURE__ */ React108.createElement("button", { className: "tts-speak-btn", onClick: () => {
     handleSpeak();
     setShowPanel(false);
-  } }, "\u25B6 Speak")), speaking && /* @__PURE__ */ React107.createElement("div", { className: "tts-controls" }, paused ? /* @__PURE__ */ React107.createElement("button", { className: "toolbar-btn", onClick: handleResume, title: "Resume" }, "\u25B6") : /* @__PURE__ */ React107.createElement("button", { className: "toolbar-btn", onClick: handlePause, title: "Pause" }, "\u275A\u275A"), /* @__PURE__ */ React107.createElement("button", { className: "toolbar-btn", onClick: handleStop, title: "Stop" }, "\u25A0")));
+  } }, "\u25B6 Speak")), speaking && /* @__PURE__ */ React108.createElement("div", { className: "tts-controls" }, paused ? /* @__PURE__ */ React108.createElement("button", { className: "toolbar-btn", onClick: handleResume, title: "Resume" }, "\u25B6") : /* @__PURE__ */ React108.createElement("button", { className: "toolbar-btn", onClick: handlePause, title: "Pause" }, "\u275A\u275A"), /* @__PURE__ */ React108.createElement("button", { className: "toolbar-btn", onClick: handleStop, title: "Stop" }, "\u25A0")));
 };
 var TextToSpeech_default = TextToSpeech;
 
 // lib/RufousTextEditor/SpeechToText.tsx
-import React108, { useState as useState27, useRef as useRef24, useCallback as useCallback9, useEffect as useEffect21 } from "react";
+import React109, { useState as useState28, useRef as useRef25, useCallback as useCallback10, useEffect as useEffect22 } from "react";
 var SpeechRecognitionAPI = window.SpeechRecognition || window.webkitSpeechRecognition;
 var SpeechToText = ({ editor, onSpeechToText }) => {
-  const [listening, setListening] = useState27(false);
-  const [showPanel, setShowPanel] = useState27(false);
-  const [language, setLanguage] = useState27("en-US");
-  const [interim, setInterim] = useState27("");
-  const recognitionRef = useRef24(null);
-  const panelRef = useRef24(null);
-  const isListeningRef = useRef24(false);
+  const [listening, setListening] = useState28(false);
+  const [showPanel, setShowPanel] = useState28(false);
+  const [language, setLanguage] = useState28("en-US");
+  const [interim, setInterim] = useState28("");
+  const recognitionRef = useRef25(null);
+  const panelRef = useRef25(null);
+  const isListeningRef = useRef25(false);
   const supported = !!SpeechRecognitionAPI;
-  useEffect21(() => {
+  useEffect22(() => {
     const handleClick = (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         setShowPanel(false);
@@ -8680,7 +8986,7 @@ var SpeechToText = ({ editor, onSpeechToText }) => {
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, []);
-  const createRecognition = useCallback9(() => {
+  const createRecognition = useCallback10(() => {
     if (!supported) return null;
     const recognition = new SpeechRecognitionAPI();
     recognition.lang = language;
@@ -8689,7 +8995,7 @@ var SpeechToText = ({ editor, onSpeechToText }) => {
     recognition.maxAlternatives = 1;
     return recognition;
   }, [supported, language]);
-  const startSession = useCallback9((recognition) => {
+  const startSession = useCallback10((recognition) => {
     if (!recognition || !editor) return;
     recognition.onresult = async (event) => {
       let finalText = "";
@@ -8744,7 +9050,7 @@ var SpeechToText = ({ editor, onSpeechToText }) => {
       }
     };
   }, [editor, createRecognition, onSpeechToText]);
-  const startListening = useCallback9(() => {
+  const startListening = useCallback10(() => {
     if (!supported || !editor) return;
     const recognition = createRecognition();
     if (!recognition) return;
@@ -8760,7 +9066,7 @@ var SpeechToText = ({ editor, onSpeechToText }) => {
       setListening(false);
     }
   }, [supported, editor, createRecognition, startSession]);
-  const stopListening = useCallback9(() => {
+  const stopListening = useCallback10(() => {
     isListeningRef.current = false;
     if (recognitionRef.current) {
       try {
@@ -8773,7 +9079,7 @@ var SpeechToText = ({ editor, onSpeechToText }) => {
     setInterim("");
   }, []);
   if (!supported) {
-    return /* @__PURE__ */ React108.createElement("button", { className: "toolbar-btn", disabled: true, title: "Speech recognition not supported in this browser" }, "\u{1F3A4}");
+    return /* @__PURE__ */ React109.createElement("button", { className: "toolbar-btn", disabled: true, title: "Speech recognition not supported in this browser" }, "\u{1F3A4}");
   }
   const LANGUAGES2 = [
     { code: "en-US", label: "English (US)" },
@@ -8795,7 +9101,7 @@ var SpeechToText = ({ editor, onSpeechToText }) => {
     { code: "kn-IN", label: "Kannada" },
     { code: "ml-IN", label: "Malayalam" }
   ];
-  return /* @__PURE__ */ React108.createElement("div", { className: "stt-wrapper", ref: panelRef }, /* @__PURE__ */ React108.createElement(
+  return /* @__PURE__ */ React109.createElement("div", { className: "stt-wrapper", ref: panelRef }, /* @__PURE__ */ React109.createElement(
     "button",
     {
       className: `toolbar-btn ${listening ? "is-active stt-recording" : ""}`,
@@ -8809,20 +9115,20 @@ var SpeechToText = ({ editor, onSpeechToText }) => {
       title: listening ? "Stop recording" : "Speech to Text"
     },
     "\u{1F3A4}"
-  ), showPanel && !listening && /* @__PURE__ */ React108.createElement("div", { className: "stt-panel" }, /* @__PURE__ */ React108.createElement("div", { className: "stt-panel-header" }, "Speech to Text"), /* @__PURE__ */ React108.createElement("label", { className: "stt-label" }, "Language"), /* @__PURE__ */ React108.createElement(
+  ), showPanel && !listening && /* @__PURE__ */ React109.createElement("div", { className: "stt-panel" }, /* @__PURE__ */ React109.createElement("div", { className: "stt-panel-header" }, "Speech to Text"), /* @__PURE__ */ React109.createElement("label", { className: "stt-label" }, "Language"), /* @__PURE__ */ React109.createElement(
     "select",
     {
       className: "stt-select",
       value: language,
       onChange: (e) => setLanguage(e.target.value)
     },
-    LANGUAGES2.map((l) => /* @__PURE__ */ React108.createElement("option", { key: l.code, value: l.code }, l.label))
-  ), /* @__PURE__ */ React108.createElement("div", { className: "stt-info" }, "Speak into your microphone and the text will be typed into the editor."), /* @__PURE__ */ React108.createElement("button", { className: "stt-start-btn", onClick: startListening }, "\u{1F3A4} Start Listening")), listening && interim && /* @__PURE__ */ React108.createElement("div", { className: "stt-interim" }, interim));
+    LANGUAGES2.map((l) => /* @__PURE__ */ React109.createElement("option", { key: l.code, value: l.code }, l.label))
+  ), /* @__PURE__ */ React109.createElement("div", { className: "stt-info" }, "Speak into your microphone and the text will be typed into the editor."), /* @__PURE__ */ React109.createElement("button", { className: "stt-start-btn", onClick: startListening }, "\u{1F3A4} Start Listening")), listening && interim && /* @__PURE__ */ React109.createElement("div", { className: "stt-interim" }, interim));
 };
 var SpeechToText_default = SpeechToText;
 
 // lib/RufousTextEditor/AICommands.tsx
-import React109, { useState as useState28, useRef as useRef25, useEffect as useEffect22, useCallback as useCallback10 } from "react";
+import React110, { useState as useState29, useRef as useRef26, useEffect as useEffect23, useCallback as useCallback11 } from "react";
 var AI_COMMANDS = [
   { id: "improve", label: "Improve writing", prompt: "Improve the following text to make it clearer, more engaging, and well-structured. Return only the improved text, no explanations." },
   { id: "shorter", label: "Make shorter", prompt: "Make the following text shorter and more concise while keeping the key points. Return only the shortened text, no explanations." },
@@ -8869,16 +9175,16 @@ var callOpenAI = async (prompt, text, previousResults = []) => {
   return data.choices?.[0]?.message?.content?.trim() || "";
 };
 var AICommands = ({ editor, onAICommand }) => {
-  const [open, setOpen] = useState28(false);
-  const [showModal, setShowModal] = useState28(false);
-  const [loading, setLoading] = useState28(false);
-  const [promptText, setPromptText] = useState28("");
-  const [resultText, setResultText] = useState28("");
-  const [originalText, setOriginalText] = useState28("");
-  const [selectionRange, setSelectionRange] = useState28(null);
-  const [previousResults, setPreviousResults] = useState28([]);
-  const panelRef = useRef25(null);
-  useEffect22(() => {
+  const [open, setOpen] = useState29(false);
+  const [showModal, setShowModal] = useState29(false);
+  const [loading, setLoading] = useState29(false);
+  const [promptText, setPromptText] = useState29("");
+  const [resultText, setResultText] = useState29("");
+  const [originalText, setOriginalText] = useState29("");
+  const [selectionRange, setSelectionRange] = useState29(null);
+  const [previousResults, setPreviousResults] = useState29([]);
+  const panelRef = useRef26(null);
+  useEffect23(() => {
     const handleClick = (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         setOpen(false);
@@ -8887,7 +9193,7 @@ var AICommands = ({ editor, onAICommand }) => {
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, []);
-  const getSelectedText = useCallback10(() => {
+  const getSelectedText = useCallback11(() => {
     if (!editor) return { text: "", range: null };
     const { from, to, empty } = editor.state.selection;
     if (!empty) {
@@ -8895,7 +9201,7 @@ var AICommands = ({ editor, onAICommand }) => {
     }
     return { text: editor.getText(), range: null };
   }, [editor]);
-  const fetchAIResult = useCallback10(async (prompt, text, prevResults = []) => {
+  const fetchAIResult = useCallback11(async (prompt, text, prevResults = []) => {
     setLoading(true);
     setResultText("");
     try {
@@ -8913,7 +9219,7 @@ var AICommands = ({ editor, onAICommand }) => {
       setLoading(false);
     }
   }, [onAICommand]);
-  const handleCommandSelect = useCallback10((command) => {
+  const handleCommandSelect = useCallback11((command) => {
     const { text, range } = getSelectedText();
     if (!text.trim()) return;
     setOriginalText(text);
@@ -8924,7 +9230,7 @@ var AICommands = ({ editor, onAICommand }) => {
     setShowModal(true);
     fetchAIResult(command.prompt, text, []);
   }, [getSelectedText, fetchAIResult]);
-  const handleInsert = useCallback10(() => {
+  const handleInsert = useCallback11(() => {
     if (!resultText || !editor) return;
     if (selectionRange) {
       editor.chain().focus().deleteRange(selectionRange).insertContentAt(selectionRange.from, resultText).run();
@@ -8934,7 +9240,7 @@ var AICommands = ({ editor, onAICommand }) => {
     setShowModal(false);
     setResultText("");
   }, [editor, resultText, selectionRange]);
-  const handleInsertAfter = useCallback10(() => {
+  const handleInsertAfter = useCallback11(() => {
     if (!resultText || !editor) return;
     if (selectionRange) {
       editor.chain().focus().insertContentAt(selectionRange.to, "\n" + resultText).run();
@@ -8949,11 +9255,11 @@ var AICommands = ({ editor, onAICommand }) => {
     setShowModal(false);
     setResultText("");
   }, [editor, resultText, selectionRange]);
-  const handleRefresh = useCallback10(() => {
+  const handleRefresh = useCallback11(() => {
     if (!originalText.trim()) return;
     fetchAIResult(promptText, originalText, previousResults);
   }, [originalText, promptText, previousResults, fetchAIResult]);
-  const handleCancel = useCallback10(() => {
+  const handleCancel = useCallback11(() => {
     setShowModal(false);
     setResultText("");
     setPromptText("");
@@ -8962,16 +9268,16 @@ var AICommands = ({ editor, onAICommand }) => {
     setPreviousResults([]);
   }, []);
   if (!editor) return null;
-  return /* @__PURE__ */ React109.createElement(React109.Fragment, null, /* @__PURE__ */ React109.createElement("div", { className: "ai-commands-wrapper", ref: panelRef }, /* @__PURE__ */ React109.createElement(
+  return /* @__PURE__ */ React110.createElement(React110.Fragment, null, /* @__PURE__ */ React110.createElement("div", { className: "ai-commands-wrapper", ref: panelRef }, /* @__PURE__ */ React110.createElement(
     "button",
     {
       className: `toolbar-btn ${open ? "is-active" : ""}`,
       onClick: () => setOpen(!open),
       title: "AI Commands"
     },
-    /* @__PURE__ */ React109.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", stroke: "none" }, /* @__PURE__ */ React109.createElement("path", { d: "M9 2l1.5 3L14 6.5 10.5 8 9 11 7.5 8 4 6.5 7.5 5zM18 10l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM5 17l1.5 3L10 21.5 6.5 23 5 26 3.5 23 0 21.5 3.5 20z" })),
-    /* @__PURE__ */ React109.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
-  ), open && /* @__PURE__ */ React109.createElement("div", { className: "ai-commands-panel" }, /* @__PURE__ */ React109.createElement("div", { className: "ai-commands-header" }, "AI Commands"), /* @__PURE__ */ React109.createElement("div", { className: "ai-commands-list" }, AI_COMMANDS.map((cmd) => /* @__PURE__ */ React109.createElement(
+    /* @__PURE__ */ React110.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", stroke: "none" }, /* @__PURE__ */ React110.createElement("path", { d: "M9 2l1.5 3L14 6.5 10.5 8 9 11 7.5 8 4 6.5 7.5 5zM18 10l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM5 17l1.5 3L10 21.5 6.5 23 5 26 3.5 23 0 21.5 3.5 20z" })),
+    /* @__PURE__ */ React110.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
+  ), open && /* @__PURE__ */ React110.createElement("div", { className: "ai-commands-panel" }, /* @__PURE__ */ React110.createElement("div", { className: "ai-commands-header" }, "AI Commands"), /* @__PURE__ */ React110.createElement("div", { className: "ai-commands-list" }, AI_COMMANDS.map((cmd) => /* @__PURE__ */ React110.createElement(
     "button",
     {
       key: cmd.id,
@@ -8979,7 +9285,7 @@ var AICommands = ({ editor, onAICommand }) => {
       onClick: () => handleCommandSelect(cmd)
     },
     cmd.label
-  ))), /* @__PURE__ */ React109.createElement("div", { className: "ai-commands-hint" }, editor.state.selection.empty ? "Will apply to all text" : "Will apply to selected text"))), showModal && /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-overlay", onMouseDown: handleCancel }, /* @__PURE__ */ React109.createElement("div", { className: "ai-modal", onMouseDown: (e) => e.stopPropagation() }, /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-header" }, /* @__PURE__ */ React109.createElement("span", { className: "ai-modal-title" }, "AI Assistant"), /* @__PURE__ */ React109.createElement("button", { className: "ai-modal-close", onClick: handleCancel }, "\xD7")), /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-prompt-section" }, /* @__PURE__ */ React109.createElement("label", { className: "ai-modal-label" }, "Prompt"), /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-prompt-row" }, /* @__PURE__ */ React109.createElement(
+  ))), /* @__PURE__ */ React110.createElement("div", { className: "ai-commands-hint" }, editor.state.selection.empty ? "Will apply to all text" : "Will apply to selected text"))), showModal && /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-overlay", onMouseDown: handleCancel }, /* @__PURE__ */ React110.createElement("div", { className: "ai-modal", onMouseDown: (e) => e.stopPropagation() }, /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-header" }, /* @__PURE__ */ React110.createElement("span", { className: "ai-modal-title" }, "AI Assistant"), /* @__PURE__ */ React110.createElement("button", { className: "ai-modal-close", onClick: handleCancel }, "\xD7")), /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-prompt-section" }, /* @__PURE__ */ React110.createElement("label", { className: "ai-modal-label" }, "Prompt"), /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-prompt-row" }, /* @__PURE__ */ React110.createElement(
     "textarea",
     {
       className: "ai-modal-prompt",
@@ -8987,7 +9293,7 @@ var AICommands = ({ editor, onAICommand }) => {
       onChange: (e) => setPromptText(e.target.value),
       rows: 3
     }
-  ), /* @__PURE__ */ React109.createElement(
+  ), /* @__PURE__ */ React110.createElement(
     "button",
     {
       className: "ai-modal-robot-btn",
@@ -8995,8 +9301,8 @@ var AICommands = ({ editor, onAICommand }) => {
       disabled: loading,
       title: "Run with custom prompt"
     },
-    /* @__PURE__ */ React109.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React109.createElement("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }), /* @__PURE__ */ React109.createElement("circle", { cx: "9", cy: "16", r: "1" }), /* @__PURE__ */ React109.createElement("circle", { cx: "15", cy: "16", r: "1" }), /* @__PURE__ */ React109.createElement("path", { d: "M12 2v4" }), /* @__PURE__ */ React109.createElement("path", { d: "M8 7h8" }))
-  ))), /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React109.createElement(
+    /* @__PURE__ */ React110.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React110.createElement("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }), /* @__PURE__ */ React110.createElement("circle", { cx: "9", cy: "16", r: "1" }), /* @__PURE__ */ React110.createElement("circle", { cx: "15", cy: "16", r: "1" }), /* @__PURE__ */ React110.createElement("path", { d: "M12 2v4" }), /* @__PURE__ */ React110.createElement("path", { d: "M8 7h8" }))
+  ))), /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React110.createElement(
     "button",
     {
       className: "ai-modal-action-btn ai-modal-insert-btn",
@@ -9004,7 +9310,7 @@ var AICommands = ({ editor, onAICommand }) => {
       disabled: loading || !resultText
     },
     "Insert"
-  ), /* @__PURE__ */ React109.createElement(
+  ), /* @__PURE__ */ React110.createElement(
     "button",
     {
       className: "ai-modal-action-btn ai-modal-insert-after-btn ms-2",
@@ -9012,7 +9318,7 @@ var AICommands = ({ editor, onAICommand }) => {
       disabled: loading || !resultText
     },
     "Insert After"
-  ), /* @__PURE__ */ React109.createElement(
+  ), /* @__PURE__ */ React110.createElement(
     "button",
     {
       className: "ai-modal-action-btn ai-modal-refresh-btn",
@@ -9020,13 +9326,13 @@ var AICommands = ({ editor, onAICommand }) => {
       disabled: loading,
       title: "Generate another response"
     },
-    /* @__PURE__ */ React109.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React109.createElement("path", { d: "M21 2v6h-6" }), /* @__PURE__ */ React109.createElement("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }), /* @__PURE__ */ React109.createElement("path", { d: "M3 22v-6h6" }), /* @__PURE__ */ React109.createElement("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }))
-  )), /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-result-section" }, loading ? /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-loading" }, /* @__PURE__ */ React109.createElement("span", { className: "ai-spinner" }), /* @__PURE__ */ React109.createElement("span", null, "Generating response...")) : /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-result" }, resultText)), /* @__PURE__ */ React109.createElement("div", { className: "ai-modal-footer" }, /* @__PURE__ */ React109.createElement("button", { className: "ai-modal-cancel-btn", onClick: handleCancel }, "CANCEL")))));
+    /* @__PURE__ */ React110.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React110.createElement("path", { d: "M21 2v6h-6" }), /* @__PURE__ */ React110.createElement("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }), /* @__PURE__ */ React110.createElement("path", { d: "M3 22v-6h6" }), /* @__PURE__ */ React110.createElement("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }))
+  )), /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-result-section" }, loading ? /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-loading" }, /* @__PURE__ */ React110.createElement("span", { className: "ai-spinner" }), /* @__PURE__ */ React110.createElement("span", null, "Generating response...")) : /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-result" }, resultText)), /* @__PURE__ */ React110.createElement("div", { className: "ai-modal-footer" }, /* @__PURE__ */ React110.createElement("button", { className: "ai-modal-cancel-btn", onClick: handleCancel }, "CANCEL")))));
 };
 var AICommands_default = AICommands;
 
 // lib/RufousTextEditor/TranslateModal.tsx
-import React110, { useState as useState29, useMemo as useMemo3 } from "react";
+import React111, { useState as useState30, useMemo as useMemo3 } from "react";
 var LANGUAGES = [
   { code: "af", name: "Afrikaans" },
   { code: "sq", name: "Albanian" },
@@ -9165,12 +9471,12 @@ async function translateText(text, sourceLang, targetLang) {
   return null;
 }
 var TranslateModal = ({ editor, onClose, onTranslate, initialSource, initialTarget, onLangChange }) => {
-  const [sourceLang, setSourceLang] = useState29(initialSource || "en");
-  const [targetLang, setTargetLang] = useState29(initialTarget || "hi");
-  const [sourceFilter, setSourceFilter] = useState29("");
-  const [targetFilter, setTargetFilter] = useState29("");
-  const [translating, setTranslating] = useState29(false);
-  const [error, setError] = useState29("");
+  const [sourceLang, setSourceLang] = useState30(initialSource || "en");
+  const [targetLang, setTargetLang] = useState30(initialTarget || "hi");
+  const [sourceFilter, setSourceFilter] = useState30("");
+  const [targetFilter, setTargetFilter] = useState30("");
+  const [translating, setTranslating] = useState30(false);
+  const [error, setError] = useState30("");
   const filteredSource = useMemo3(() => LANGUAGES.filter(
     (l) => l.name.toLowerCase().includes(sourceFilter.toLowerCase()) || l.code.toLowerCase().includes(sourceFilter.toLowerCase())
   ), [sourceFilter]);
@@ -9217,7 +9523,7 @@ var TranslateModal = ({ editor, onClose, onTranslate, initialSource, initialTarg
       setTranslating(false);
     }
   };
-  return /* @__PURE__ */ React110.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React110.createElement("div", { className: "modal-content translate-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React110.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React110.createElement("h3", null, "Translate options"), /* @__PURE__ */ React110.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React110.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React110.createElement("div", { className: "translate-columns" }, /* @__PURE__ */ React110.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React110.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React110.createElement(
+  return /* @__PURE__ */ React111.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React111.createElement("div", { className: "modal-content translate-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React111.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React111.createElement("h3", null, "Translate options"), /* @__PURE__ */ React111.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React111.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React111.createElement("div", { className: "translate-columns" }, /* @__PURE__ */ React111.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React111.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React111.createElement(
     "input",
     {
       type: "text",
@@ -9226,16 +9532,16 @@ var TranslateModal = ({ editor, onClose, onTranslate, initialSource, initialTarg
       onChange: (e) => setSourceFilter(e.target.value),
       className: "translate-filter-input"
     }
-  )), /* @__PURE__ */ React110.createElement("div", { className: "translate-list" }, filteredSource.map((lang) => /* @__PURE__ */ React110.createElement(
+  )), /* @__PURE__ */ React111.createElement("div", { className: "translate-list" }, filteredSource.map((lang) => /* @__PURE__ */ React111.createElement(
     "button",
     {
       key: lang.code,
       className: `translate-item ${sourceLang === lang.code ? "active" : ""}`,
       onClick: () => setSourceLang(lang.code)
     },
-    /* @__PURE__ */ React110.createElement("span", { className: "translate-code" }, lang.code),
-    /* @__PURE__ */ React110.createElement("span", { className: "translate-name" }, lang.name)
-  )))), /* @__PURE__ */ React110.createElement("div", { className: "translate-swap" }, /* @__PURE__ */ React110.createElement("button", { className: "translate-swap-btn", onClick: handleSwap, title: "Swap languages" }, "\u21C4")), /* @__PURE__ */ React110.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React110.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React110.createElement(
+    /* @__PURE__ */ React111.createElement("span", { className: "translate-code" }, lang.code),
+    /* @__PURE__ */ React111.createElement("span", { className: "translate-name" }, lang.name)
+  )))), /* @__PURE__ */ React111.createElement("div", { className: "translate-swap" }, /* @__PURE__ */ React111.createElement("button", { className: "translate-swap-btn", onClick: handleSwap, title: "Swap languages" }, "\u21C4")), /* @__PURE__ */ React111.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React111.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React111.createElement(
     "input",
     {
       type: "text",
@@ -9244,16 +9550,16 @@ var TranslateModal = ({ editor, onClose, onTranslate, initialSource, initialTarg
       onChange: (e) => setTargetFilter(e.target.value),
       className: "translate-filter-input"
     }
-  )), /* @__PURE__ */ React110.createElement("div", { className: "translate-list" }, filteredTarget.map((lang) => /* @__PURE__ */ React110.createElement(
+  )), /* @__PURE__ */ React111.createElement("div", { className: "translate-list" }, filteredTarget.map((lang) => /* @__PURE__ */ React111.createElement(
     "button",
     {
       key: lang.code,
       className: `translate-item ${targetLang === lang.code ? "active" : ""}`,
       onClick: () => setTargetLang(lang.code)
     },
-    /* @__PURE__ */ React110.createElement("span", { className: "translate-code" }, lang.code),
-    /* @__PURE__ */ React110.createElement("span", { className: "translate-name" }, lang.name)
-  ))))), error && /* @__PURE__ */ React110.createElement("div", { className: "translate-error" }, error)), /* @__PURE__ */ React110.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React110.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React110.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "\xD7 Cancel")), /* @__PURE__ */ React110.createElement("button", { className: "modal-btn-apply", onClick: handleSave, disabled: translating }, translating ? "Translating..." : "\u2714 Save"))));
+    /* @__PURE__ */ React111.createElement("span", { className: "translate-code" }, lang.code),
+    /* @__PURE__ */ React111.createElement("span", { className: "translate-name" }, lang.name)
+  ))))), error && /* @__PURE__ */ React111.createElement("div", { className: "translate-error" }, error)), /* @__PURE__ */ React111.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React111.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React111.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "\xD7 Cancel")), /* @__PURE__ */ React111.createElement("button", { className: "modal-btn-apply", onClick: handleSave, disabled: translating }, translating ? "Translating..." : "\u2714 Save"))));
 };
 var TranslateModal_default = TranslateModal;
 
@@ -9610,9 +9916,9 @@ var Fragment = class _Fragment {
 };
 Fragment.empty = new Fragment([], 0);
 var found = { index: 0, offset: 0 };
-function retIndex(index, offset) {
+function retIndex(index, offset2) {
   found.index = index;
-  found.offset = offset;
+  found.offset = offset2;
   return found;
 }
 function compareDeep(a, b) {
@@ -9850,25 +10156,25 @@ var Slice = class _Slice {
 };
 Slice.empty = new Slice(Fragment.empty, 0, 0);
 function removeRange(content, from, to) {
-  let { index, offset } = content.findIndex(from), child = content.maybeChild(index);
+  let { index, offset: offset2 } = content.findIndex(from), child = content.maybeChild(index);
   let { index: indexTo, offset: offsetTo } = content.findIndex(to);
-  if (offset == from || child.isText) {
+  if (offset2 == from || child.isText) {
     if (offsetTo != to && !content.child(indexTo).isText)
       throw new RangeError("Removing non-flat range");
     return content.cut(0, from).append(content.cut(to));
   }
   if (index != indexTo)
     throw new RangeError("Removing non-flat range");
-  return content.replaceChild(index, child.copy(removeRange(child.content, from - offset - 1, to - offset - 1)));
+  return content.replaceChild(index, child.copy(removeRange(child.content, from - offset2 - 1, to - offset2 - 1)));
 }
 function insertInto(content, dist, insert, parent) {
-  let { index, offset } = content.findIndex(dist), child = content.maybeChild(index);
-  if (offset == dist || child.isText) {
+  let { index, offset: offset2 } = content.findIndex(dist), child = content.maybeChild(index);
+  if (offset2 == dist || child.isText) {
     if (parent && !parent.canReplace(index, index, insert))
       return null;
     return content.cut(0, dist).append(insert).append(content.cut(dist));
   }
-  let inner = insertInto(child.content, dist - offset - 1, insert, child);
+  let inner = insertInto(child.content, dist - offset2 - 1, insert, child);
   return inner && content.replaceChild(index, child.copy(inner));
 }
 function replace($from, $to, slice) {
@@ -10210,16 +10516,16 @@ var ResolvedPos = class _ResolvedPos {
     let path = [];
     let start = 0, parentOffset = pos;
     for (let node = doc; ; ) {
-      let { index, offset } = node.content.findIndex(parentOffset);
-      let rem = parentOffset - offset;
-      path.push(node, index, start + offset);
+      let { index, offset: offset2 } = node.content.findIndex(parentOffset);
+      let rem = parentOffset - offset2;
+      path.push(node, index, start + offset2);
       if (!rem)
         break;
       node = node.child(index);
       if (node.isText)
         break;
       parentOffset = rem - 1;
-      start += offset + 1;
+      start += offset2 + 1;
     }
     return new _ResolvedPos(pos, path, parentOffset);
   }
@@ -10471,13 +10777,13 @@ var Node = class _Node {
   */
   nodeAt(pos) {
     for (let node = this; ; ) {
-      let { index, offset } = node.content.findIndex(pos);
+      let { index, offset: offset2 } = node.content.findIndex(pos);
       node = node.maybeChild(index);
       if (!node)
         return null;
-      if (offset == pos || node.isText)
+      if (offset2 == pos || node.isText)
         return node;
-      pos -= offset + 1;
+      pos -= offset2 + 1;
     }
   }
   /**
@@ -10486,8 +10792,8 @@ var Node = class _Node {
   node.
   */
   childAfter(pos) {
-    let { index, offset } = this.content.findIndex(pos);
-    return { node: this.content.maybeChild(index), index, offset };
+    let { index, offset: offset2 } = this.content.findIndex(pos);
+    return { node: this.content.maybeChild(index), index, offset: offset2 };
   }
   /**
   Find the (direct) child node before the given offset, if any,
@@ -10497,11 +10803,11 @@ var Node = class _Node {
   childBefore(pos) {
     if (pos == 0)
       return { node: null, index: 0, offset: 0 };
-    let { index, offset } = this.content.findIndex(pos);
-    if (offset < pos)
-      return { node: this.content.child(index), index, offset };
+    let { index, offset: offset2 } = this.content.findIndex(pos);
+    if (offset2 < pos)
+      return { node: this.content.child(index), index, offset: offset2 };
     let node = this.content.child(index - 1);
-    return { node, index: index - 1, offset: offset - node.nodeSize };
+    return { node, index: index - 1, offset: offset2 - node.nodeSize };
   }
   /**
   Resolve the given position in the document, returning an
@@ -11106,8 +11412,8 @@ function checkForDeadEnds(match, stream) {
 // node_modules/prosemirror-transform/dist/index.js
 var lower16 = 65535;
 var factor16 = Math.pow(2, 16);
-function makeRecover(index, offset) {
-  return index + offset * factor16;
+function makeRecover(index, offset2) {
+  return index + offset2 * factor16;
 }
 function recoverIndex(value) {
   return value & lower16;
@@ -12606,37 +12912,37 @@ var CustomTaskItem = TaskItem.extend({
 });
 
 // lib/RufousTextEditor/icons.tsx
-import * as React111 from "react";
+import * as React112 from "react";
 var s = { width: 20, height: 20, viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" };
-var IconUndo = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M12.5 8C9.85 8 7.45 9 5.6 10.6L2 7v9h9l-3.62-3.62C8.93 11.01 10.63 10.2 12.5 10.2c3.03 0 5.6 1.93 6.55 4.63l2.15-.72C19.93 10.68 16.5 8 12.5 8z" }));
-var IconRedo = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M18.4 10.6C16.55 9 14.15 8 11.5 8c-4 0-7.43 2.68-8.7 6.11l2.15.72c.95-2.7 3.52-4.63 6.55-4.63 1.87 0 3.57.81 5.12 2.18L13 16h9V7l-3.6 3.6z" }));
-var IconBold = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }));
-var IconItalic = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
-var IconLink = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }));
-var IconStrike = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M7.24 11h2.01c-.13-.42-.2-.88-.2-1.37 0-.89.32-1.58.96-2.08.64-.49 1.46-.74 2.47-.74.99 0 1.81.24 2.46.71.64.47.97 1.1.97 1.88h2.04c0-1.27-.55-2.33-1.64-3.18C15.21 5.37 13.83 4.95 12.2 4.95c-1.69 0-3.09.43-4.2 1.3C6.9 7.1 6.35 8.23 6.35 9.63c0 .47.06.92.18 1.37H3v2h18v-2H7.24zM12.2 17.05c-1.03 0-1.89-.28-2.56-.84-.67-.56-1-1.27-1-2.13h-2.1c0 1.36.58 2.5 1.75 3.44 1.16.93 2.56 1.4 4.19 1.4 1.69 0 3.09-.43 4.2-1.3 1.1-.86 1.65-1.99 1.65-3.38h-2.1c0 .85-.33 1.56-1 2.13-.66.56-1.52.84-2.56.84l-.47-.16z" }));
-var IconHeading = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
-var IconFontSize = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
-var IconColor = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M11 2L5.5 16h2.25l1.12-3h6.25l1.12 3h2.25L13 2h-2zm-1.38 9L12 4.67 14.38 11H9.62z" }), /* @__PURE__ */ React111.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
-var IconFont = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z" }));
-var IconLineHeight = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm16-3h-8v2h8V4zm0 4h-8v2h8V8zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2z" }));
-var IconBulletList = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }));
-var IconOrderedList = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }));
-var IconAlignLeft = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
-var IconAlignCenter = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
-var IconAlignRight = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
-var IconAlignJustify = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
-var IconIndentIncrease = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconIndentDecrease = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconTable = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V5h4v14H5zm6 0V5h4v14h-4zm6 0V5h3v14h-3z", fillRule: "evenodd" }));
-var IconImage = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }));
-var IconVideo = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z" }));
-var IconCut = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z" }));
-var IconCopy = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
-var IconCode = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }));
-var IconFullscreen = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
-var IconTranslate = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2.02c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" }));
-var IconTaskList = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M22 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zm0 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zM5.54 11L2 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 11zm0 8L2 15.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 19z" }));
-var IconCheck = () => /* @__PURE__ */ React111.createElement("svg", { ...s }, /* @__PURE__ */ React111.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
+var IconUndo = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M12.5 8C9.85 8 7.45 9 5.6 10.6L2 7v9h9l-3.62-3.62C8.93 11.01 10.63 10.2 12.5 10.2c3.03 0 5.6 1.93 6.55 4.63l2.15-.72C19.93 10.68 16.5 8 12.5 8z" }));
+var IconRedo = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M18.4 10.6C16.55 9 14.15 8 11.5 8c-4 0-7.43 2.68-8.7 6.11l2.15.72c.95-2.7 3.52-4.63 6.55-4.63 1.87 0 3.57.81 5.12 2.18L13 16h9V7l-3.6 3.6z" }));
+var IconBold = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }));
+var IconItalic = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
+var IconLink = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }));
+var IconStrike = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M7.24 11h2.01c-.13-.42-.2-.88-.2-1.37 0-.89.32-1.58.96-2.08.64-.49 1.46-.74 2.47-.74.99 0 1.81.24 2.46.71.64.47.97 1.1.97 1.88h2.04c0-1.27-.55-2.33-1.64-3.18C15.21 5.37 13.83 4.95 12.2 4.95c-1.69 0-3.09.43-4.2 1.3C6.9 7.1 6.35 8.23 6.35 9.63c0 .47.06.92.18 1.37H3v2h18v-2H7.24zM12.2 17.05c-1.03 0-1.89-.28-2.56-.84-.67-.56-1-1.27-1-2.13h-2.1c0 1.36.58 2.5 1.75 3.44 1.16.93 2.56 1.4 4.19 1.4 1.69 0 3.09-.43 4.2-1.3 1.1-.86 1.65-1.99 1.65-3.38h-2.1c0 .85-.33 1.56-1 2.13-.66.56-1.52.84-2.56.84l-.47-.16z" }));
+var IconHeading = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
+var IconFontSize = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
+var IconColor = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M11 2L5.5 16h2.25l1.12-3h6.25l1.12 3h2.25L13 2h-2zm-1.38 9L12 4.67 14.38 11H9.62z" }), /* @__PURE__ */ React112.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
+var IconFont = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z" }));
+var IconLineHeight = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm16-3h-8v2h8V4zm0 4h-8v2h8V8zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2z" }));
+var IconBulletList = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }));
+var IconOrderedList = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }));
+var IconAlignLeft = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
+var IconAlignCenter = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
+var IconAlignRight = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
+var IconAlignJustify = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
+var IconIndentIncrease = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconIndentDecrease = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconTable = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V5h4v14H5zm6 0V5h4v14h-4zm6 0V5h3v14h-3z", fillRule: "evenodd" }));
+var IconImage = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }));
+var IconVideo = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z" }));
+var IconCut = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z" }));
+var IconCopy = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
+var IconCode = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }));
+var IconFullscreen = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
+var IconTranslate = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2.02c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" }));
+var IconTaskList = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M22 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zm0 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zM5.54 11L2 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 11zm0 8L2 15.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 19z" }));
+var IconCheck = () => /* @__PURE__ */ React112.createElement("svg", { ...s }, /* @__PURE__ */ React112.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
 
 // lib/RufousTextEditor/Toolbar.tsx
 var COLOR_PALETTE = [
@@ -12774,16 +13080,16 @@ var SPECIAL_CHARS = [
   "\xA2"
 ];
 var Dropdown = ({ trigger, children, className = "", keepOpen = false }) => {
-  const [open, setOpen] = useState30(false);
-  const ref = useRef26(null);
-  useEffect23(() => {
+  const [open, setOpen] = useState31(false);
+  const ref = useRef27(null);
+  useEffect24(() => {
     const handleClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     };
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, []);
-  return /* @__PURE__ */ React112.createElement("div", { className: `dropdown ${className}`, ref }, /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React113.createElement("div", { className: `dropdown ${className}`, ref }, /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `toolbar-btn ${trigger.className || ""}`,
@@ -12791,12 +13097,12 @@ var Dropdown = ({ trigger, children, className = "", keepOpen = false }) => {
       title: trigger.title
     },
     trigger.label,
-    /* @__PURE__ */ React112.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
-  ), open && /* @__PURE__ */ React112.createElement("div", { className: "dropdown-menu", onClick: keepOpen ? void 0 : () => setOpen(false) }, typeof children === "function" ? children(() => setOpen(false)) : children));
+    /* @__PURE__ */ React113.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
+  ), open && /* @__PURE__ */ React113.createElement("div", { className: "dropdown-menu", onClick: keepOpen ? void 0 : () => setOpen(false) }, typeof children === "function" ? children(() => setOpen(false)) : children));
 };
 var InsertPanel = ({ editor, onClose, mode = "video" }) => {
-  const [activeTab, setActiveTab] = useState30("link");
-  const [url, setUrl] = useState30("");
+  const [activeTab, setActiveTab] = useState31("link");
+  const [url, setUrl] = useState31("");
   const extractIframeSrc = (html) => {
     const match = html.match(/<iframe[^>]+src=["']([^"']+)["']/);
     return match ? match[1] : null;
@@ -12823,14 +13129,14 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
     }
     onClose();
   };
-  return /* @__PURE__ */ React112.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React112.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React113.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React113.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "link" ? "active" : ""}`,
       onClick: () => setActiveTab("link")
     },
     "\u{1F517} Link"
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "code" ? "active" : ""}`,
@@ -12838,7 +13144,7 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
     },
     "</>",
     " Code"
-  )), /* @__PURE__ */ React112.createElement("label", { className: "insert-panel-label" }, activeTab === "link" ? "URL" : "Embed Code"), activeTab === "link" ? /* @__PURE__ */ React112.createElement(
+  )), /* @__PURE__ */ React113.createElement("label", { className: "insert-panel-label" }, activeTab === "link" ? "URL" : "Embed Code"), activeTab === "link" ? /* @__PURE__ */ React113.createElement(
     "input",
     {
       type: "text",
@@ -12849,7 +13155,7 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
       onKeyDown: (e) => e.key === "Enter" && handleInsert(),
       autoFocus: true
     }
-  ) : /* @__PURE__ */ React112.createElement(
+  ) : /* @__PURE__ */ React113.createElement(
     "textarea",
     {
       className: "insert-panel-textarea",
@@ -12858,13 +13164,13 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
       onChange: (e) => setUrl(e.target.value),
       rows: 3
     }
-  ), /* @__PURE__ */ React112.createElement("button", { className: "insert-panel-btn", onClick: handleInsert }, "Insert"));
+  ), /* @__PURE__ */ React113.createElement("button", { className: "insert-panel-btn", onClick: handleInsert }, "Insert"));
 };
 var ImagePanel = ({ editor, onClose }) => {
-  const [activeTab, setActiveTab] = useState30("upload");
-  const [url, setUrl] = useState30("");
-  const [isDragging, setIsDragging] = useState30(false);
-  const fileInputRef = useRef26(null);
+  const [activeTab, setActiveTab] = useState31("upload");
+  const [url, setUrl] = useState31("");
+  const [isDragging, setIsDragging] = useState31(false);
+  const fileInputRef = useRef27(null);
   const insertImageFromFile = (file) => {
     if (!file || !editor) return;
     const reader = new FileReader();
@@ -12891,21 +13197,21 @@ var ImagePanel = ({ editor, onClose }) => {
     editor.chain().focus().setImage({ src: url }).run();
     onClose();
   };
-  return /* @__PURE__ */ React112.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React112.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React113.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React113.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "upload" ? "active" : ""}`,
       onClick: () => setActiveTab("upload")
     },
     "\u2B06 Upload"
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "url" ? "active" : ""}`,
       onClick: () => setActiveTab("url")
     },
     "\u{1F517} URL"
-  )), activeTab === "upload" ? /* @__PURE__ */ React112.createElement(React112.Fragment, null, /* @__PURE__ */ React112.createElement(
+  )), activeTab === "upload" ? /* @__PURE__ */ React113.createElement(React113.Fragment, null, /* @__PURE__ */ React113.createElement(
     "div",
     {
       className: `drop-zone ${isDragging ? "dragging" : ""}`,
@@ -12917,9 +13223,9 @@ var ImagePanel = ({ editor, onClose }) => {
       onDrop: handleDrop,
       onClick: () => fileInputRef.current?.click()
     },
-    /* @__PURE__ */ React112.createElement("span", { className: "drop-zone-text-bold" }, "Drop image"),
-    /* @__PURE__ */ React112.createElement("span", { className: "drop-zone-text-sub" }, "or click")
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement("span", { className: "drop-zone-text-bold" }, "Drop image"),
+    /* @__PURE__ */ React113.createElement("span", { className: "drop-zone-text-sub" }, "or click")
+  ), /* @__PURE__ */ React113.createElement(
     "input",
     {
       ref: fileInputRef,
@@ -12928,7 +13234,7 @@ var ImagePanel = ({ editor, onClose }) => {
       style: { display: "none" },
       onChange: handleFileSelect
     }
-  )) : /* @__PURE__ */ React112.createElement(React112.Fragment, null, /* @__PURE__ */ React112.createElement("label", { className: "insert-panel-label" }, "URL"), /* @__PURE__ */ React112.createElement(
+  )) : /* @__PURE__ */ React113.createElement(React113.Fragment, null, /* @__PURE__ */ React113.createElement("label", { className: "insert-panel-label" }, "URL"), /* @__PURE__ */ React113.createElement(
     "input",
     {
       type: "text",
@@ -12939,18 +13245,18 @@ var ImagePanel = ({ editor, onClose }) => {
       onKeyDown: (e) => e.key === "Enter" && handleUrlInsert(),
       autoFocus: true
     }
-  ), /* @__PURE__ */ React112.createElement("button", { className: "insert-panel-btn", onClick: handleUrlInsert }, "Insert")));
+  ), /* @__PURE__ */ React113.createElement("button", { className: "insert-panel-btn", onClick: handleUrlInsert }, "Insert")));
 };
 var MAX_GRID = 10;
 var TableGridSelector = ({ editor, onClose }) => {
-  const [hoverRow, setHoverRow] = useState30(0);
-  const [hoverCol, setHoverCol] = useState30(0);
+  const [hoverRow, setHoverRow] = useState31(0);
+  const [hoverCol, setHoverCol] = useState31(0);
   const handleInsert = () => {
     if (!editor || hoverRow === 0 || hoverCol === 0) return;
     editor.chain().focus().insertTable({ rows: hoverRow, cols: hoverCol, withHeaderRow: true }).run();
     onClose();
   };
-  return /* @__PURE__ */ React112.createElement("div", { className: "table-grid-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React113.createElement("div", { className: "table-grid-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React113.createElement(
     "div",
     {
       className: "table-grid",
@@ -12959,7 +13265,7 @@ var TableGridSelector = ({ editor, onClose }) => {
         setHoverCol(0);
       }
     },
-    Array.from({ length: MAX_GRID }, (_, r) => /* @__PURE__ */ React112.createElement("div", { key: r, className: "table-grid-row" }, Array.from({ length: MAX_GRID }, (_2, c) => /* @__PURE__ */ React112.createElement(
+    Array.from({ length: MAX_GRID }, (_, r) => /* @__PURE__ */ React113.createElement("div", { key: r, className: "table-grid-row" }, Array.from({ length: MAX_GRID }, (_2, c) => /* @__PURE__ */ React113.createElement(
       "div",
       {
         key: c,
@@ -12971,7 +13277,7 @@ var TableGridSelector = ({ editor, onClose }) => {
         onClick: handleInsert
       }
     ))))
-  ), /* @__PURE__ */ React112.createElement("div", { className: "table-grid-footer" }, /* @__PURE__ */ React112.createElement("span", { className: "table-grid-size" }, hoverRow > 0 && hoverCol > 0 ? `${hoverRow}\xD7${hoverCol}` : "Select size"), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement("div", { className: "table-grid-footer" }, /* @__PURE__ */ React113.createElement("span", { className: "table-grid-size" }, hoverRow > 0 && hoverCol > 0 ? `${hoverRow}\xD7${hoverCol}` : "Select size"), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "table-grid-submit",
@@ -12982,9 +13288,9 @@ var TableGridSelector = ({ editor, onClose }) => {
   )));
 };
 var ColorPickerPanel = ({ editor, onClose }) => {
-  const [tab, setTab] = useState30("background");
-  const [activeBg, setActiveBg] = useState30(() => editor.getAttributes("highlight").color || null);
-  const [activeText, setActiveText] = useState30(() => editor.getAttributes("textStyle").color || null);
+  const [tab, setTab] = useState31("background");
+  const [activeBg, setActiveBg] = useState31(() => editor.getAttributes("highlight").color || null);
+  const [activeText, setActiveText] = useState31(() => editor.getAttributes("textStyle").color || null);
   const activeColor = tab === "background" ? activeBg : activeText;
   const applyColor = (color) => {
     if (tab === "background") {
@@ -13005,21 +13311,21 @@ var ColorPickerPanel = ({ editor, onClose }) => {
     }
     onClose();
   };
-  return /* @__PURE__ */ React112.createElement("div", { className: "color-picker-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React112.createElement("div", { className: "color-picker-tabs" }, /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React113.createElement("div", { className: "color-picker-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React113.createElement("div", { className: "color-picker-tabs" }, /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `color-picker-tab ${tab === "background" ? "active" : ""}`,
       onClick: () => setTab("background")
     },
     "Background"
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `color-picker-tab ${tab === "text" ? "active" : ""}`,
       onClick: () => setTab("text")
     },
     "Text"
-  )), /* @__PURE__ */ React112.createElement("div", { className: "color-picker-grid" }, COLOR_PALETTE.map((color, i) => /* @__PURE__ */ React112.createElement(
+  )), /* @__PURE__ */ React113.createElement("div", { className: "color-picker-grid" }, COLOR_PALETTE.map((color, i) => /* @__PURE__ */ React113.createElement(
     "button",
     {
       key: i,
@@ -13028,18 +13334,18 @@ var ColorPickerPanel = ({ editor, onClose }) => {
       onClick: () => applyColor(color),
       title: color
     }
-  ))), /* @__PURE__ */ React112.createElement("div", { className: "color-picker-footer" }, /* @__PURE__ */ React112.createElement("div", { className: "color-picker-preview", style: { background: activeColor || "#000" } }), /* @__PURE__ */ React112.createElement("button", { className: "color-picker-remove", onClick: removeColor, title: "Remove color" }, "\u2713")));
+  ))), /* @__PURE__ */ React113.createElement("div", { className: "color-picker-footer" }, /* @__PURE__ */ React113.createElement("div", { className: "color-picker-preview", style: { background: activeColor || "#000" } }), /* @__PURE__ */ React113.createElement("button", { className: "color-picker-remove", onClick: removeColor, title: "Remove color" }, "\u2713")));
 };
 var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTextToSpeech }) => {
-  const [, setEditorState] = useState30(0);
-  const [isFullscreen, setIsFullscreen] = useState30(false);
-  useEffect23(() => {
+  const [, setEditorState] = useState31(0);
+  const [isFullscreen, setIsFullscreen] = useState31(false);
+  useEffect24(() => {
     if (!editor) return;
     const onTransaction = () => setEditorState((n) => n + 1);
     editor.on("transaction", onTransaction);
     return () => editor.off("transaction", onTransaction);
   }, [editor]);
-  const toggleFullscreen = useCallback11(() => {
+  const toggleFullscreen = useCallback12(() => {
     const wrapper = document.querySelector(".editor-wrapper");
     if (!wrapper) return;
     if (!isFullscreen) {
@@ -13049,16 +13355,16 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
     }
     setIsFullscreen(!isFullscreen);
   }, [isFullscreen]);
-  const insertSpecialChar = useCallback11((char) => {
+  const insertSpecialChar = useCallback12((char) => {
     if (!editor) return;
     editor.chain().focus().insertContent(char).run();
   }, [editor]);
-  const [copySuccess, setCopySuccess] = useState30(false);
-  const [translateSource, setTranslateSource] = useState30("en");
-  const [translateTarget, setTranslateTarget] = useState30("hi");
-  const [translateStatus, setTranslateStatus] = useState30("");
-  const [showTranslateModal, setShowTranslateModal] = useState30(false);
-  const handleCopy = useCallback11(async () => {
+  const [copySuccess, setCopySuccess] = useState31(false);
+  const [translateSource, setTranslateSource] = useState31("en");
+  const [translateTarget, setTranslateTarget] = useState31("hi");
+  const [translateStatus, setTranslateStatus] = useState31("");
+  const [showTranslateModal, setShowTranslateModal] = useState31(false);
+  const handleCopy = useCallback12(async () => {
     if (!editor) return;
     const { from, to, empty } = editor.state.selection;
     if (empty) return;
@@ -13073,7 +13379,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       setTimeout(() => setCopySuccess(false), 2e3);
     }
   }, [editor]);
-  const handleQuickTranslate = useCallback11(async () => {
+  const handleQuickTranslate = useCallback12(async () => {
     if (!editor) return;
     const { from, to, empty } = editor.state.selection;
     if (empty) {
@@ -13107,7 +13413,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
     setTimeout(() => setTranslateStatus(""), 2e3);
   }, [editor, translateSource, translateTarget, onTranslate]);
   if (!editor) return null;
-  return /* @__PURE__ */ React112.createElement("div", { className: "toolbar" }, /* @__PURE__ */ React112.createElement("div", { className: "toolbar-row" }, /* @__PURE__ */ React112.createElement("div", { className: "toolbar-group" }, /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React113.createElement("div", { className: "toolbar" }, /* @__PURE__ */ React113.createElement("div", { className: "toolbar-row" }, /* @__PURE__ */ React113.createElement("div", { className: "toolbar-group" }, /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "toolbar-btn",
@@ -13115,8 +13421,8 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       disabled: !editor.can().undo(),
       title: "Undo (Ctrl+Z)"
     },
-    /* @__PURE__ */ React112.createElement(IconUndo, null)
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconUndo, null)
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "toolbar-btn",
@@ -13124,17 +13430,17 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       disabled: !editor.can().redo(),
       title: "Redo (Ctrl+Y)"
     },
-    /* @__PURE__ */ React112.createElement(IconRedo, null)
-  )), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconRedo, null)
+  )), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
-      trigger: { label: /* @__PURE__ */ React112.createElement(IconStrike, null), title: "Text decoration", className: editor.isActive("strike") ? "is-active" : "" }
+      trigger: { label: /* @__PURE__ */ React113.createElement(IconStrike, null), title: "Text decoration", className: editor.isActive("strike") ? "is-active" : "" }
     },
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleStrike().run() }, /* @__PURE__ */ React112.createElement("s", null, "Strikethrough")),
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleUnderline().run() }, /* @__PURE__ */ React112.createElement("u", null, "Underline")),
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSuperscript().run() }, "X", /* @__PURE__ */ React112.createElement("sup", null, "2"), " Superscript"),
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSubscript().run() }, "X", /* @__PURE__ */ React112.createElement("sub", null, "2"), " Subscript"),
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onMouseDown: (e) => {
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleStrike().run() }, /* @__PURE__ */ React113.createElement("s", null, "Strikethrough")),
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleUnderline().run() }, /* @__PURE__ */ React113.createElement("u", null, "Underline")),
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSuperscript().run() }, "X", /* @__PURE__ */ React113.createElement("sup", null, "2"), " Superscript"),
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSubscript().run() }, "X", /* @__PURE__ */ React113.createElement("sub", null, "2"), " Subscript"),
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onMouseDown: (e) => {
       e.preventDefault();
       const chain = editor.chain().focus();
       if (!editor.state.selection.empty) {
@@ -13150,16 +13456,16 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         c.run();
       }
     } }, "\u2715 Clear formatting")
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement(IconHeading, null),
+        label: /* @__PURE__ */ React113.createElement(IconHeading, null),
         title: "Block type",
         className: editor.isActive("heading") ? "is-active" : ""
       }
     },
-    /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(
       "button",
       {
         className: `dropdown-item ${!editor.isActive("heading") && !editor.isActive("blockquote") && !editor.isActive("codeBlock") ? "is-active" : ""}`,
@@ -13167,7 +13473,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "\xB6 Paragraph"
     ),
-    /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(
       "button",
       {
         className: `dropdown-item heading-1 ${editor.isActive("heading", { level: 1 }) ? "is-active" : ""}`,
@@ -13175,7 +13481,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 1"
     ),
-    /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(
       "button",
       {
         className: `dropdown-item heading-2 ${editor.isActive("heading", { level: 2 }) ? "is-active" : ""}`,
@@ -13183,7 +13489,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 2"
     ),
-    /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(
       "button",
       {
         className: `dropdown-item heading-3 ${editor.isActive("heading", { level: 3 }) ? "is-active" : ""}`,
@@ -13191,7 +13497,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 3"
     ),
-    /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(
       "button",
       {
         className: `dropdown-item heading-4 ${editor.isActive("heading", { level: 4 }) ? "is-active" : ""}`,
@@ -13199,7 +13505,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 4"
     ),
-    /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(
       "button",
       {
         className: `dropdown-item ${editor.isActive("blockquote") ? "is-active" : ""}`,
@@ -13207,7 +13513,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "\u275E Blockquote"
     ),
-    /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(
       "button",
       {
         className: `dropdown-item ${editor.isActive("codeBlock") ? "is-active" : ""}`,
@@ -13216,19 +13522,19 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       "{ }",
       " Code Block"
     ),
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().setHorizontalRule().run() }, "\u2014 Horizontal Rule")
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().setHorizontalRule().run() }, "\u2014 Horizontal Rule")
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement(IconFontSize, null),
+        label: /* @__PURE__ */ React113.createElement(IconFontSize, null),
         title: "Font size"
       }
     },
     [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48, 56, 64, 72, 80, 96].map((size) => {
       const sizeStr = `${size}px`;
       const isActive = editor.getAttributes("textStyle").fontSize === sizeStr;
-      return /* @__PURE__ */ React112.createElement(
+      return /* @__PURE__ */ React113.createElement(
         "button",
         {
           key: size,
@@ -13244,27 +13550,27 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         sizeStr
       );
     })
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement("span", { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React112.createElement(IconColor, null)),
+        label: /* @__PURE__ */ React113.createElement("span", { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React113.createElement(IconColor, null)),
         title: "Colors"
       },
       keepOpen: true
     },
-    (close2) => /* @__PURE__ */ React112.createElement(ColorPickerPanel, { editor, onClose: close2 })
-  ), /* @__PURE__ */ React112.createElement(
+    (close2) => /* @__PURE__ */ React113.createElement(ColorPickerPanel, { editor, onClose: close2 })
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement(IconFont, null),
+        label: /* @__PURE__ */ React113.createElement(IconFont, null),
         title: "Font family"
       }
     },
     FONT_FAMILIES.map((font) => {
       const isActive = editor.getAttributes("textStyle").fontFamily === font;
-      return /* @__PURE__ */ React112.createElement(
+      return /* @__PURE__ */ React113.createElement(
         "button",
         {
           key: font,
@@ -13281,35 +13587,35 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         font
       );
     })
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("bold") ? "is-active" : ""}`,
       onClick: () => editor.chain().focus().toggleBold().run(),
       title: "Bold (Ctrl+B)"
     },
-    /* @__PURE__ */ React112.createElement(IconBold, null)
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconBold, null)
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("italic") ? "is-active" : ""}`,
       onClick: () => editor.chain().focus().toggleItalic().run(),
       title: "Italic (Ctrl+I)"
     },
-    /* @__PURE__ */ React112.createElement(IconItalic, null)
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconItalic, null)
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("link") ? "is-active" : ""}`,
       onClick: setLink,
       title: "Insert Link"
     },
-    /* @__PURE__ */ React112.createElement(IconLink, null)
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconLink, null)
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement(IconLineHeight, null),
+        label: /* @__PURE__ */ React113.createElement(IconLineHeight, null),
         title: "Line height"
       }
     },
@@ -13317,7 +13623,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       const currentLH = editor.getAttributes("paragraph").lineHeight || editor.getAttributes("heading").lineHeight;
       const lhStr = String(lh);
       const isActive = currentLH === lhStr;
-      return /* @__PURE__ */ React112.createElement(
+      return /* @__PURE__ */ React113.createElement(
         "button",
         {
           key: lh,
@@ -13333,11 +13639,11 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         lh
       );
     })
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement(IconBulletList, null),
+        label: /* @__PURE__ */ React113.createElement(IconBulletList, null),
         title: "Insert Unordered List",
         className: editor.isActive("bulletList") ? "is-active" : ""
       }
@@ -13347,7 +13653,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       { label: "Circle", style: "circle", icon: "\u25CB" },
       { label: "Dot", style: "disc", icon: "\u2219" },
       { label: "Square", style: "square", icon: "\u25A0" }
-    ].map((item) => /* @__PURE__ */ React112.createElement(
+    ].map((item) => /* @__PURE__ */ React113.createElement(
       "button",
       {
         key: item.label,
@@ -13372,15 +13678,15 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
           }).run();
         }
       },
-      /* @__PURE__ */ React112.createElement("span", { className: "bullet-style-icon" }, item.icon),
+      /* @__PURE__ */ React113.createElement("span", { className: "bullet-style-icon" }, item.icon),
       " ",
       item.label
     ))
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement(IconOrderedList, null),
+        label: /* @__PURE__ */ React113.createElement(IconOrderedList, null),
         title: "Insert Ordered List",
         className: editor.isActive("orderedList") ? "is-active" : ""
       }
@@ -13392,7 +13698,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       { label: "Lower Roman", style: "lower-roman", icon: "i." },
       { label: "Upper Alpha", style: "upper-alpha", icon: "A." },
       { label: "Upper Roman", style: "upper-roman", icon: "I." }
-    ].map((item) => /* @__PURE__ */ React112.createElement(
+    ].map((item) => /* @__PURE__ */ React113.createElement(
       "button",
       {
         key: item.label,
@@ -13417,25 +13723,25 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
           }).run();
         }
       },
-      /* @__PURE__ */ React112.createElement("span", { className: "bullet-style-icon" }, item.icon),
+      /* @__PURE__ */ React113.createElement("span", { className: "bullet-style-icon" }, item.icon),
       " ",
       item.label
     ))
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React112.createElement(IconAlignLeft, null),
+        label: /* @__PURE__ */ React113.createElement(IconAlignLeft, null),
         title: "Align",
         className: editor.isActive({ textAlign: "center" }) || editor.isActive({ textAlign: "right" }) || editor.isActive({ textAlign: "justify" }) ? "is-active" : ""
       }
     },
     [
-      { label: "Align Left", value: "left", icon: /* @__PURE__ */ React112.createElement(IconAlignLeft, null) },
-      { label: "Align Center", value: "center", icon: /* @__PURE__ */ React112.createElement(IconAlignCenter, null) },
-      { label: "Align Right", value: "right", icon: /* @__PURE__ */ React112.createElement(IconAlignRight, null) },
-      { label: "Align Justify", value: "justify", icon: /* @__PURE__ */ React112.createElement(IconAlignJustify, null) }
-    ].map((item) => /* @__PURE__ */ React112.createElement(
+      { label: "Align Left", value: "left", icon: /* @__PURE__ */ React113.createElement(IconAlignLeft, null) },
+      { label: "Align Center", value: "center", icon: /* @__PURE__ */ React113.createElement(IconAlignCenter, null) },
+      { label: "Align Right", value: "right", icon: /* @__PURE__ */ React113.createElement(IconAlignRight, null) },
+      { label: "Align Justify", value: "justify", icon: /* @__PURE__ */ React113.createElement(IconAlignJustify, null) }
+    ].map((item) => /* @__PURE__ */ React113.createElement(
       "button",
       {
         key: item.value,
@@ -13446,7 +13752,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       " ",
       item.label
     ))
-  ), /* @__PURE__ */ React112.createElement(
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "toolbar-btn",
@@ -13466,8 +13772,8 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       title: "Increase Indent"
     },
-    /* @__PURE__ */ React112.createElement(IconIndentIncrease, null)
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconIndentIncrease, null)
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "toolbar-btn",
@@ -13487,24 +13793,24 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       title: "Decrease Indent"
     },
-    /* @__PURE__ */ React112.createElement(IconIndentDecrease, null)
-  ), /* @__PURE__ */ React112.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React112.createElement(IconTable, null), title: "Insert Table" }, keepOpen: true }, (close2) => /* @__PURE__ */ React112.createElement(TableGridSelector, { editor, onClose: close2 })), /* @__PURE__ */ React112.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React112.createElement(IconImage, null), title: "Insert Image" }, keepOpen: true }, (close2) => /* @__PURE__ */ React112.createElement(ImagePanel, { editor, onClose: close2 })), /* @__PURE__ */ React112.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React112.createElement(IconVideo, null), title: "Insert Video" }, keepOpen: true }, (close2) => /* @__PURE__ */ React112.createElement(InsertPanel, { editor, onClose: close2, mode: "video" })), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconIndentDecrease, null)
+  ), /* @__PURE__ */ React113.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React113.createElement(IconTable, null), title: "Insert Table" }, keepOpen: true }, (close2) => /* @__PURE__ */ React113.createElement(TableGridSelector, { editor, onClose: close2 })), /* @__PURE__ */ React113.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React113.createElement(IconImage, null), title: "Insert Image" }, keepOpen: true }, (close2) => /* @__PURE__ */ React113.createElement(ImagePanel, { editor, onClose: close2 })), /* @__PURE__ */ React113.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React113.createElement(IconVideo, null), title: "Insert Video" }, keepOpen: true }, (close2) => /* @__PURE__ */ React113.createElement(InsertPanel, { editor, onClose: close2, mode: "video" })), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: () => document.execCommand("cut"),
       title: "Cut (Ctrl+X)"
     },
-    /* @__PURE__ */ React112.createElement(IconCut, null)
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconCut, null)
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: handleCopy,
       title: "Copy selected text"
     },
-    copySuccess ? /* @__PURE__ */ React112.createElement(IconCheck, null) : /* @__PURE__ */ React112.createElement(IconCopy, null)
-  ), /* @__PURE__ */ React112.createElement(Dropdown, { trigger: { label: "\u03A9", title: "Special characters" } }, /* @__PURE__ */ React112.createElement("div", { className: "char-grid" }, SPECIAL_CHARS.map((char) => /* @__PURE__ */ React112.createElement(
+    copySuccess ? /* @__PURE__ */ React113.createElement(IconCheck, null) : /* @__PURE__ */ React113.createElement(IconCopy, null)
+  ), /* @__PURE__ */ React113.createElement(Dropdown, { trigger: { label: "\u03A9", title: "Special characters" } }, /* @__PURE__ */ React113.createElement("div", { className: "char-grid" }, SPECIAL_CHARS.map((char) => /* @__PURE__ */ React113.createElement(
     "button",
     {
       key: char,
@@ -13512,39 +13818,39 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       onClick: () => insertSpecialChar(char)
     },
     char
-  )))), /* @__PURE__ */ React112.createElement(
+  )))), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
-      trigger: { label: /* @__PURE__ */ React112.createElement(IconCode, null), title: "Code", className: editor.isActive("code") ? "is-active" : "" }
+      trigger: { label: /* @__PURE__ */ React113.createElement(IconCode, null), title: "Code", className: editor.isActive("code") ? "is-active" : "" }
     },
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleCode().run() }, "</>", " Inline Code"),
-    /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleCodeBlock().run() }, "{ }", " Code Block")
-  ), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleCode().run() }, "</>", " Inline Code"),
+    /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleCodeBlock().run() }, "{ }", " Code Block")
+  ), /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: `toolbar-btn ${isFullscreen ? "is-active" : ""}`,
       onClick: toggleFullscreen,
       title: "Toggle Fullscreen"
     },
-    /* @__PURE__ */ React112.createElement(IconFullscreen, null)
-  ), /* @__PURE__ */ React112.createElement(TextToSpeech_default, { editor, onTextToSpeech }), /* @__PURE__ */ React112.createElement(SpeechToText_default, { editor, onSpeechToText }), /* @__PURE__ */ React112.createElement("div", { className: "translate-split-btn" }, /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconFullscreen, null)
+  ), /* @__PURE__ */ React113.createElement(TextToSpeech_default, { editor, onTextToSpeech }), /* @__PURE__ */ React113.createElement(SpeechToText_default, { editor, onSpeechToText }), /* @__PURE__ */ React113.createElement("div", { className: "translate-split-btn" }, /* @__PURE__ */ React113.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: handleQuickTranslate,
       title: "Translate selected text"
     },
-    /* @__PURE__ */ React112.createElement(IconTranslate, null)
-  ), /* @__PURE__ */ React112.createElement(Dropdown, { trigger: { label: "", title: "Translate options", className: "translate-arrow-btn" } }, /* @__PURE__ */ React112.createElement("button", { className: "dropdown-item", onClick: () => setShowTranslateModal(true) }, "Options")), translateStatus && /* @__PURE__ */ React112.createElement("span", { className: `translate-toast-popup ${translateStatus === "Please select the text" || translateStatus === "Translation failed" ? "error" : ""}` }, translateStatus)), /* @__PURE__ */ React112.createElement(AICommands_default, { editor, onAICommand }), /* @__PURE__ */ React112.createElement(
+    /* @__PURE__ */ React113.createElement(IconTranslate, null)
+  ), /* @__PURE__ */ React113.createElement(Dropdown, { trigger: { label: "", title: "Translate options", className: "translate-arrow-btn" } }, /* @__PURE__ */ React113.createElement("button", { className: "dropdown-item", onClick: () => setShowTranslateModal(true) }, "Options")), translateStatus && /* @__PURE__ */ React113.createElement("span", { className: `translate-toast-popup ${translateStatus === "Please select the text" || translateStatus === "Translation failed" ? "error" : ""}` }, translateStatus)), /* @__PURE__ */ React113.createElement(AICommands_default, { editor, onAICommand }), /* @__PURE__ */ React113.createElement(
     Dropdown,
     {
-      trigger: { label: /* @__PURE__ */ React112.createElement(IconTaskList, null), title: "Task list", className: editor.isActive("taskList") ? "is-active" : "" },
+      trigger: { label: /* @__PURE__ */ React113.createElement(IconTaskList, null), title: "Task list", className: editor.isActive("taskList") ? "is-active" : "" },
       keepOpen: true
     },
     ["todo", "working", "blocked", "resolved"].map((status) => {
       const symbols = { todo: "\u2610", working: "\u27F3", blocked: "\u25A0", resolved: "\u2611" };
       const labels = { todo: "Todo", working: "Working", blocked: "Blocked", resolved: "Resolved" };
-      return /* @__PURE__ */ React112.createElement("button", { key: status, className: `dropdown-item task-status-item`, onClick: () => {
+      return /* @__PURE__ */ React113.createElement("button", { key: status, className: `dropdown-item task-status-item`, onClick: () => {
         const { state } = editor;
         const { schema } = state;
         const taskItemType = schema.nodes.taskItem;
@@ -13577,9 +13883,9 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
           }
           return true;
         }).run();
-      } }, /* @__PURE__ */ React112.createElement("span", { className: `task-icon task-${status}` }, symbols[status]), " ", labels[status]);
+      } }, /* @__PURE__ */ React113.createElement("span", { className: `task-icon task-${status}` }, symbols[status]), " ", labels[status]);
     })
-  )), showTranslateModal && /* @__PURE__ */ React112.createElement(
+  )), showTranslateModal && /* @__PURE__ */ React113.createElement(
     TranslateModal_default,
     {
       editor,
@@ -13597,7 +13903,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
 var Toolbar_default = Toolbar;
 
 // lib/RufousTextEditor/ImageToolbar.tsx
-import React113, { useState as useState31, useEffect as useEffect24, useRef as useRef27 } from "react";
+import React114, { useState as useState32, useEffect as useEffect25, useRef as useRef28 } from "react";
 var ALIGNMENTS = [
   { value: "left", label: "Left", icon: "\u2630" },
   { value: "center", label: "Center", icon: "\u2261" },
@@ -13609,18 +13915,18 @@ var VERTICAL_ALIGNMENTS = [
   { value: "bottom", label: "Bottom", icon: "\u2193" }
 ];
 var ImagePropertiesModal = ({ editor, node, onClose }) => {
-  const [activeTab, setActiveTab] = useState31("image");
-  const [src, setSrc] = useState31(node?.attrs?.src || "");
-  const [title, setTitle] = useState31(node?.attrs?.title || "");
-  const [alt, setAlt] = useState31(node?.attrs?.alt || "");
-  const [link, setLink] = useState31("");
-  const [openInNewTab, setOpenInNewTab] = useState31(false);
-  const [width, setWidth] = useState31("");
-  const [height, setHeight] = useState31("");
-  const [lockRatio, setLockRatio] = useState31(true);
-  const [naturalWidth, setNaturalWidth] = useState31(0);
-  const [naturalHeight, setNaturalHeight] = useState31(0);
-  useEffect24(() => {
+  const [activeTab, setActiveTab] = useState32("image");
+  const [src, setSrc] = useState32(node?.attrs?.src || "");
+  const [title, setTitle] = useState32(node?.attrs?.title || "");
+  const [alt, setAlt] = useState32(node?.attrs?.alt || "");
+  const [link, setLink] = useState32("");
+  const [openInNewTab, setOpenInNewTab] = useState32(false);
+  const [width, setWidth] = useState32("");
+  const [height, setHeight] = useState32("");
+  const [lockRatio, setLockRatio] = useState32(true);
+  const [naturalWidth, setNaturalWidth] = useState32(0);
+  const [naturalHeight, setNaturalHeight] = useState32(0);
+  useEffect25(() => {
     if (src) {
       const img = new window.Image();
       img.onload = () => {
@@ -13659,7 +13965,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
     editor.chain().focus().deleteSelection().run();
     onClose();
   };
-  return /* @__PURE__ */ React113.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React113.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React113.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React113.createElement("h3", null, "Image properties"), /* @__PURE__ */ React113.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React113.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React113.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React113.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React113.createElement("div", { className: "modal-preview" }, /* @__PURE__ */ React113.createElement("img", { src, alt: alt || "Preview" })), /* @__PURE__ */ React113.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React113.createElement(
+  return /* @__PURE__ */ React114.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React114.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React114.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React114.createElement("h3", null, "Image properties"), /* @__PURE__ */ React114.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React114.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React114.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React114.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React114.createElement("div", { className: "modal-preview" }, /* @__PURE__ */ React114.createElement("img", { src, alt: alt || "Preview" })), /* @__PURE__ */ React114.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React114.createElement(
     "input",
     {
       type: "number",
@@ -13667,7 +13973,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: width,
       onChange: (e) => handleWidthChange(e.target.value)
     }
-  ), /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React114.createElement(
     "button",
     {
       className: `lock-btn ${lockRatio ? "locked" : ""}`,
@@ -13675,7 +13981,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       title: lockRatio ? "Unlock aspect ratio" : "Lock aspect ratio"
     },
     lockRatio ? "\u{1F512}" : "\u{1F513}"
-  ), /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React114.createElement(
     "input",
     {
       type: "number",
@@ -13683,21 +13989,21 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: height,
       onChange: (e) => handleHeightChange(e.target.value)
     }
-  ))), /* @__PURE__ */ React113.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React113.createElement("div", { className: "modal-tabs" }, /* @__PURE__ */ React113.createElement(
+  ))), /* @__PURE__ */ React114.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React114.createElement("div", { className: "modal-tabs" }, /* @__PURE__ */ React114.createElement(
     "button",
     {
       className: `modal-tab ${activeTab === "image" ? "active" : ""}`,
       onClick: () => setActiveTab("image")
     },
     "Image"
-  ), /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React114.createElement(
     "button",
     {
       className: `modal-tab ${activeTab === "advanced" ? "active" : ""}`,
       onClick: () => setActiveTab("advanced")
     },
     "Advanced"
-  )), activeTab === "image" ? /* @__PURE__ */ React113.createElement(React113.Fragment, null, /* @__PURE__ */ React113.createElement("label", { className: "modal-label" }, "Src"), /* @__PURE__ */ React113.createElement(
+  )), activeTab === "image" ? /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Src"), /* @__PURE__ */ React114.createElement(
     "input",
     {
       type: "text",
@@ -13705,7 +14011,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: src,
       onChange: (e) => setSrc(e.target.value)
     }
-  ), /* @__PURE__ */ React113.createElement("label", { className: "modal-label" }, "Title"), /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Title"), /* @__PURE__ */ React114.createElement(
     "input",
     {
       type: "text",
@@ -13713,7 +14019,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: title,
       onChange: (e) => setTitle(e.target.value)
     }
-  ), /* @__PURE__ */ React113.createElement("label", { className: "modal-label" }, "Alternative"), /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Alternative"), /* @__PURE__ */ React114.createElement(
     "input",
     {
       type: "text",
@@ -13721,7 +14027,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: alt,
       onChange: (e) => setAlt(e.target.value)
     }
-  ), /* @__PURE__ */ React113.createElement("label", { className: "modal-label" }, "Link"), /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Link"), /* @__PURE__ */ React114.createElement(
     "input",
     {
       type: "text",
@@ -13729,23 +14035,23 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: link,
       onChange: (e) => setLink(e.target.value)
     }
-  ), /* @__PURE__ */ React113.createElement("label", { className: "modal-checkbox" }, /* @__PURE__ */ React113.createElement(
+  ), /* @__PURE__ */ React114.createElement("label", { className: "modal-checkbox" }, /* @__PURE__ */ React114.createElement(
     "input",
     {
       type: "checkbox",
       checked: openInNewTab,
       onChange: (e) => setOpenInNewTab(e.target.checked)
     }
-  ), "Open link in new tab")) : /* @__PURE__ */ React113.createElement(React113.Fragment, null, /* @__PURE__ */ React113.createElement("label", { className: "modal-label" }, "CSS Class"), /* @__PURE__ */ React113.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. rounded shadow" }), /* @__PURE__ */ React113.createElement("label", { className: "modal-label" }, "Inline Style"), /* @__PURE__ */ React113.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. border: 1px solid #ccc" }))))), /* @__PURE__ */ React113.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React113.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React113.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "\xD7 Cancel"), /* @__PURE__ */ React113.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "\u{1F5D1} Delete")), /* @__PURE__ */ React113.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "\u2714 Apply"))));
+  ), "Open link in new tab")) : /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "CSS Class"), /* @__PURE__ */ React114.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. rounded shadow" }), /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Inline Style"), /* @__PURE__ */ React114.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. border: 1px solid #ccc" }))))), /* @__PURE__ */ React114.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React114.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React114.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "\xD7 Cancel"), /* @__PURE__ */ React114.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "\u{1F5D1} Delete")), /* @__PURE__ */ React114.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "\u2714 Apply"))));
 };
 var ImageToolbar = ({ editor }) => {
-  const [showModal, setShowModal] = useState31(false);
-  const [showAlign, setShowAlign] = useState31(false);
-  const [showVAlign, setShowVAlign] = useState31(false);
-  const [copyStatus, setCopyStatus] = useState31("");
-  const [pos, setPos] = useState31(null);
-  const toolbarRef = useRef27(null);
-  useEffect24(() => {
+  const [showModal, setShowModal] = useState32(false);
+  const [showAlign, setShowAlign] = useState32(false);
+  const [showVAlign, setShowVAlign] = useState32(false);
+  const [copyStatus, setCopyStatus] = useState32("");
+  const [pos, setPos] = useState32(null);
+  const toolbarRef = useRef28(null);
+  useEffect25(() => {
     if (!editor) return;
     const update = () => {
       const { selection } = editor.state;
@@ -13775,7 +14081,7 @@ var ImageToolbar = ({ editor }) => {
   }, [editor]);
   const node = editor?.state.selection.node;
   const isImage = node && node.type.name === "image";
-  if (!editor || !isImage || !pos) return showModal ? /* @__PURE__ */ React113.createElement(ImagePropertiesModal, { editor, node, onClose: () => setShowModal(false) }) : null;
+  if (!editor || !isImage || !pos) return showModal ? /* @__PURE__ */ React114.createElement(ImagePropertiesModal, { editor, node, onClose: () => setShowModal(false) }) : null;
   const handleDelete = () => {
     editor.chain().focus().deleteSelection().run();
   };
@@ -13830,7 +14136,7 @@ var ImageToolbar = ({ editor }) => {
     );
     setShowVAlign(false);
   };
-  return /* @__PURE__ */ React113.createElement(React113.Fragment, null, /* @__PURE__ */ React113.createElement(
+  return /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement(
     "div",
     {
       className: "image-toolbar",
@@ -13838,18 +14144,18 @@ var ImageToolbar = ({ editor }) => {
       style: { top: pos.top, left: pos.left },
       onMouseDown: (e) => e.preventDefault()
     },
-    /* @__PURE__ */ React113.createElement("button", { className: "img-tool-btn", onClick: handleDelete, title: "Delete" }, "\u{1F5D1}"),
-    /* @__PURE__ */ React113.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true), title: "Edit properties" }, "\u270E"),
-    /* @__PURE__ */ React113.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React113.createElement("button", { className: "img-tool-btn", onClick: handleCopy, title: "Copy image" }, copyStatus ? "\u2713" : "\u{1F4CB}"), copyStatus && /* @__PURE__ */ React113.createElement("span", { className: "img-copy-toast" }, copyStatus)),
-    /* @__PURE__ */ React113.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React113.createElement("button", { className: "img-tool-btn", onClick: () => {
+    /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: handleDelete, title: "Delete" }, "\u{1F5D1}"),
+    /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true), title: "Edit properties" }, "\u270E"),
+    /* @__PURE__ */ React114.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: handleCopy, title: "Copy image" }, copyStatus ? "\u2713" : "\u{1F4CB}"), copyStatus && /* @__PURE__ */ React114.createElement("span", { className: "img-copy-toast" }, copyStatus)),
+    /* @__PURE__ */ React114.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: () => {
       setShowVAlign(!showVAlign);
       setShowAlign(false);
-    }, title: "Vertical alignment" }, "\u2195 ", /* @__PURE__ */ React113.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showVAlign && /* @__PURE__ */ React113.createElement("div", { className: "img-tool-menu" }, VERTICAL_ALIGNMENTS.map((a) => /* @__PURE__ */ React113.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setVerticalAlignmentVal(a.value) }, a.icon, " ", a.label)))),
-    /* @__PURE__ */ React113.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React113.createElement("button", { className: "img-tool-btn", onClick: () => {
+    }, title: "Vertical alignment" }, "\u2195 ", /* @__PURE__ */ React114.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showVAlign && /* @__PURE__ */ React114.createElement("div", { className: "img-tool-menu" }, VERTICAL_ALIGNMENTS.map((a) => /* @__PURE__ */ React114.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setVerticalAlignmentVal(a.value) }, a.icon, " ", a.label)))),
+    /* @__PURE__ */ React114.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: () => {
       setShowAlign(!showAlign);
       setShowVAlign(false);
-    }, title: "Horizontal alignment" }, "\u2630 ", /* @__PURE__ */ React113.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showAlign && /* @__PURE__ */ React113.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS.map((a) => /* @__PURE__ */ React113.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
-  ), showModal && /* @__PURE__ */ React113.createElement(
+    }, title: "Horizontal alignment" }, "\u2630 ", /* @__PURE__ */ React114.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showAlign && /* @__PURE__ */ React114.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS.map((a) => /* @__PURE__ */ React114.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
+  ), showModal && /* @__PURE__ */ React114.createElement(
     ImagePropertiesModal,
     {
       editor,
@@ -13861,17 +14167,17 @@ var ImageToolbar = ({ editor }) => {
 var ImageToolbar_default = ImageToolbar;
 
 // lib/RufousTextEditor/VideoToolbar.tsx
-import React114, { useState as useState32, useEffect as useEffect25, useRef as useRef28 } from "react";
+import React115, { useState as useState33, useEffect as useEffect26, useRef as useRef29 } from "react";
 var ALIGNMENTS2 = [
   { value: "left", label: "Left", icon: "\u2630" },
   { value: "center", label: "Center", icon: "\u2261" },
   { value: "right", label: "Right", icon: "\u2263" }
 ];
 var VideoPropertiesModal = ({ editor, node, onClose }) => {
-  const [src, setSrc] = useState32(node?.attrs?.src || "");
-  const [width, setWidth] = useState32(String(node?.attrs?.width || 640));
-  const [height, setHeight] = useState32(String(node?.attrs?.height || 360));
-  const [lockRatio, setLockRatio] = useState32(true);
+  const [src, setSrc] = useState33(node?.attrs?.src || "");
+  const [width, setWidth] = useState33(String(node?.attrs?.width || 640));
+  const [height, setHeight] = useState33(String(node?.attrs?.height || 360));
+  const [lockRatio, setLockRatio] = useState33(true);
   const handleWidthChange = (val) => {
     setWidth(val);
     if (lockRatio) {
@@ -13903,7 +14209,7 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
     editor.chain().focus().deleteSelection().run();
     onClose();
   };
-  return /* @__PURE__ */ React114.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React114.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React114.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React114.createElement("h3", null, "Video properties"), /* @__PURE__ */ React114.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React114.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React114.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React114.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React114.createElement("div", { className: "modal-preview", style: { background: "#000" } }, /* @__PURE__ */ React114.createElement(
+  return /* @__PURE__ */ React115.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React115.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React115.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React115.createElement("h3", null, "Video properties"), /* @__PURE__ */ React115.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React115.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React115.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React115.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React115.createElement("div", { className: "modal-preview", style: { background: "#000" } }, /* @__PURE__ */ React115.createElement(
     "iframe",
     {
       src,
@@ -13911,7 +14217,7 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
       style: { width: "100%", aspectRatio: "16/9", border: "none", display: "block" },
       allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
     }
-  )), /* @__PURE__ */ React114.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React114.createElement(
+  )), /* @__PURE__ */ React115.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React115.createElement(
     "input",
     {
       type: "number",
@@ -13919,7 +14225,7 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
       value: width,
       onChange: (e) => handleWidthChange(e.target.value)
     }
-  ), /* @__PURE__ */ React114.createElement(
+  ), /* @__PURE__ */ React115.createElement(
     "button",
     {
       className: `lock-btn ${lockRatio ? "locked" : ""}`,
@@ -13927,7 +14233,7 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
       title: lockRatio ? "Unlock aspect ratio" : "Lock aspect ratio"
     },
     lockRatio ? "\u{1F512}" : "\u{1F513}"
-  ), /* @__PURE__ */ React114.createElement(
+  ), /* @__PURE__ */ React115.createElement(
     "input",
     {
       type: "number",
@@ -13935,7 +14241,7 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
       value: height,
       onChange: (e) => handleHeightChange(e.target.value)
     }
-  ))), /* @__PURE__ */ React114.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Video URL"), /* @__PURE__ */ React114.createElement(
+  ))), /* @__PURE__ */ React115.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React115.createElement("label", { className: "modal-label" }, "Video URL"), /* @__PURE__ */ React115.createElement(
     "input",
     {
       type: "text",
@@ -13943,7 +14249,7 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
       value: src,
       onChange: (e) => setSrc(e.target.value)
     }
-  ), /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Width"), /* @__PURE__ */ React114.createElement(
+  ), /* @__PURE__ */ React115.createElement("label", { className: "modal-label" }, "Width"), /* @__PURE__ */ React115.createElement(
     "input",
     {
       type: "number",
@@ -13951,7 +14257,7 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
       value: width,
       onChange: (e) => handleWidthChange(e.target.value)
     }
-  ), /* @__PURE__ */ React114.createElement("label", { className: "modal-label" }, "Height"), /* @__PURE__ */ React114.createElement(
+  ), /* @__PURE__ */ React115.createElement("label", { className: "modal-label" }, "Height"), /* @__PURE__ */ React115.createElement(
     "input",
     {
       type: "number",
@@ -13959,16 +14265,16 @@ var VideoPropertiesModal = ({ editor, node, onClose }) => {
       value: height,
       onChange: (e) => handleHeightChange(e.target.value)
     }
-  )))), /* @__PURE__ */ React114.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React114.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React114.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "\xD7 Cancel"), /* @__PURE__ */ React114.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "\u{1F5D1} Delete")), /* @__PURE__ */ React114.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "\u2714 Apply"))));
+  )))), /* @__PURE__ */ React115.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React115.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React115.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "\xD7 Cancel"), /* @__PURE__ */ React115.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "\u{1F5D1} Delete")), /* @__PURE__ */ React115.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "\u2714 Apply"))));
 };
 var VideoToolbar = ({ editor }) => {
-  const [showModal, setShowModal] = useState32(false);
-  const [showSize, setShowSize] = useState32(false);
-  const [showAlign, setShowAlign] = useState32(false);
-  const [copyStatus, setCopyStatus] = useState32("");
-  const [pos, setPos] = useState32(null);
-  const toolbarRef = useRef28(null);
-  useEffect25(() => {
+  const [showModal, setShowModal] = useState33(false);
+  const [showSize, setShowSize] = useState33(false);
+  const [showAlign, setShowAlign] = useState33(false);
+  const [copyStatus, setCopyStatus] = useState33("");
+  const [pos, setPos] = useState33(null);
+  const toolbarRef = useRef29(null);
+  useEffect26(() => {
     if (!editor) return;
     const update = () => {
       const { selection } = editor.state;
@@ -13998,7 +14304,7 @@ var VideoToolbar = ({ editor }) => {
   }, [editor]);
   const node = editor?.state.selection.node;
   const isVideo = node && node.type.name === "youtube";
-  if (!editor || !isVideo || !pos) return showModal ? /* @__PURE__ */ React114.createElement(VideoPropertiesModal, { editor, node, onClose: () => setShowModal(false) }) : null;
+  if (!editor || !isVideo || !pos) return showModal ? /* @__PURE__ */ React115.createElement(VideoPropertiesModal, { editor, node, onClose: () => setShowModal(false) }) : null;
   const handleDelete = () => {
     editor.chain().focus().deleteSelection().run();
   };
@@ -14042,7 +14348,7 @@ var VideoToolbar = ({ editor }) => {
       })
     );
   };
-  return /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement(
+  return /* @__PURE__ */ React115.createElement(React115.Fragment, null, /* @__PURE__ */ React115.createElement(
     "div",
     {
       className: "image-toolbar",
@@ -14050,30 +14356,30 @@ var VideoToolbar = ({ editor }) => {
       style: { top: pos.top, left: pos.left },
       onMouseDown: (e) => e.preventDefault()
     },
-    /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: handleDelete, title: "Delete" }, "\u{1F5D1}"),
-    /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true), title: "Edit properties" }, "\u270E"),
-    /* @__PURE__ */ React114.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: handleCopy, title: "Copy URL" }, copyStatus ? "\u2713" : "\u{1F4CB}"), copyStatus && /* @__PURE__ */ React114.createElement("span", { className: "img-copy-toast" }, copyStatus)),
-    /* @__PURE__ */ React114.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: () => {
+    /* @__PURE__ */ React115.createElement("button", { className: "img-tool-btn", onClick: handleDelete, title: "Delete" }, "\u{1F5D1}"),
+    /* @__PURE__ */ React115.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true), title: "Edit properties" }, "\u270E"),
+    /* @__PURE__ */ React115.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React115.createElement("button", { className: "img-tool-btn", onClick: handleCopy, title: "Copy URL" }, copyStatus ? "\u2713" : "\u{1F4CB}"), copyStatus && /* @__PURE__ */ React115.createElement("span", { className: "img-copy-toast" }, copyStatus)),
+    /* @__PURE__ */ React115.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React115.createElement("button", { className: "img-tool-btn", onClick: () => {
       setShowSize(!showSize);
       setShowAlign(false);
-    }, title: "Size presets" }, /* @__PURE__ */ React114.createElement("span", { style: { fontSize: "11px" } }, node.attrs.width || 640, "x", node.attrs.height || 360), /* @__PURE__ */ React114.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showSize && /* @__PURE__ */ React114.createElement("div", { className: "img-tool-menu" }, /* @__PURE__ */ React114.createElement("button", { className: "dropdown-item", onClick: () => {
+    }, title: "Size presets" }, /* @__PURE__ */ React115.createElement("span", { style: { fontSize: "11px" } }, node.attrs.width || 640, "x", node.attrs.height || 360), /* @__PURE__ */ React115.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showSize && /* @__PURE__ */ React115.createElement("div", { className: "img-tool-menu" }, /* @__PURE__ */ React115.createElement("button", { className: "dropdown-item", onClick: () => {
       handleResize("small");
       setShowSize(false);
-    } }, "Small (320x180)"), /* @__PURE__ */ React114.createElement("button", { className: "dropdown-item", onClick: () => {
+    } }, "Small (320x180)"), /* @__PURE__ */ React115.createElement("button", { className: "dropdown-item", onClick: () => {
       handleResize("medium");
       setShowSize(false);
-    } }, "Medium (480x270)"), /* @__PURE__ */ React114.createElement("button", { className: "dropdown-item", onClick: () => {
+    } }, "Medium (480x270)"), /* @__PURE__ */ React115.createElement("button", { className: "dropdown-item", onClick: () => {
       handleResize("large");
       setShowSize(false);
-    } }, "Large (640x360)"), /* @__PURE__ */ React114.createElement("button", { className: "dropdown-item", onClick: () => {
+    } }, "Large (640x360)"), /* @__PURE__ */ React115.createElement("button", { className: "dropdown-item", onClick: () => {
       handleResize("full");
       setShowSize(false);
     } }, "Full (854x480)"))),
-    /* @__PURE__ */ React114.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React114.createElement("button", { className: "img-tool-btn", onClick: () => {
+    /* @__PURE__ */ React115.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React115.createElement("button", { className: "img-tool-btn", onClick: () => {
       setShowAlign(!showAlign);
       setShowSize(false);
-    }, title: "Horizontal alignment" }, "\u2630 ", /* @__PURE__ */ React114.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showAlign && /* @__PURE__ */ React114.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS2.map((a) => /* @__PURE__ */ React114.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
-  ), showModal && /* @__PURE__ */ React114.createElement(
+    }, title: "Horizontal alignment" }, "\u2630 ", /* @__PURE__ */ React115.createElement("span", { className: "dropdown-arrow" }, "\u25BE")), showAlign && /* @__PURE__ */ React115.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS2.map((a) => /* @__PURE__ */ React115.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
+  ), showModal && /* @__PURE__ */ React115.createElement(
     VideoPropertiesModal,
     {
       editor,
@@ -14193,14 +14499,14 @@ var RufousTextEditor = ({
       }
     }
   });
-  const [linkModalOpen, setLinkModalOpen] = useState33(false);
-  const [linkUrl, setLinkUrl] = useState33("");
-  const [linkText, setLinkText] = useState33("");
-  const [linkClassName, setLinkClassName] = useState33("");
-  const [linkNewTab, setLinkNewTab] = useState33(true);
-  const [linkNoFollow, setLinkNoFollow] = useState33(false);
-  const [linkSelection, setLinkSelection] = useState33(null);
-  const setLink = useCallback12(() => {
+  const [linkModalOpen, setLinkModalOpen] = useState34(false);
+  const [linkUrl, setLinkUrl] = useState34("");
+  const [linkText, setLinkText] = useState34("");
+  const [linkClassName, setLinkClassName] = useState34("");
+  const [linkNewTab, setLinkNewTab] = useState34(true);
+  const [linkNoFollow, setLinkNoFollow] = useState34(false);
+  const [linkSelection, setLinkSelection] = useState34(null);
+  const setLink = useCallback13(() => {
     if (!editor) return;
     const attrs = editor.getAttributes("link");
     const previousUrl = attrs.href || "";
@@ -14214,7 +14520,7 @@ var RufousTextEditor = ({
     setLinkSelection({ from, to });
     setLinkModalOpen(true);
   }, [editor]);
-  const handleLinkSubmit = useCallback12(() => {
+  const handleLinkSubmit = useCallback13(() => {
     if (!editor || !linkSelection) return;
     editor.chain().focus().setTextSelection(linkSelection).run();
     if (linkUrl === "") {
@@ -14250,7 +14556,7 @@ var RufousTextEditor = ({
     setLinkClassName("");
     setLinkSelection(null);
   }, [editor, linkUrl, linkText, linkClassName, linkNewTab, linkNoFollow, linkSelection]);
-  const handleLinkRemove = useCallback12(() => {
+  const handleLinkRemove = useCallback13(() => {
     if (!editor || !linkSelection) return;
     editor.chain().focus().setTextSelection(linkSelection).extendMarkRange("link").unsetLink().run();
     setLinkModalOpen(false);
@@ -14259,7 +14565,7 @@ var RufousTextEditor = ({
     setLinkClassName("");
     setLinkSelection(null);
   }, [editor, linkSelection]);
-  const handleLinkCancel = useCallback12(() => {
+  const handleLinkCancel = useCallback13(() => {
     setLinkModalOpen(false);
     setLinkUrl("");
     setLinkText("");
@@ -14267,26 +14573,26 @@ var RufousTextEditor = ({
     setLinkSelection(null);
     editor?.chain().focus().run();
   }, [editor]);
-  const [saveFormat, setSaveFormat] = useState33("html");
-  const [saveStatus, setSaveStatus] = useState33("");
-  const handleSave = useCallback12(() => {
+  const [saveFormat, setSaveFormat] = useState34("html");
+  const [saveStatus, setSaveStatus] = useState34("");
+  const handleSave = useCallback13(() => {
     if (!editor || !onSaveProp) return;
     onSaveProp(editor.getHTML(), editor.getJSON());
     setSaveStatus("Saved!");
     setTimeout(() => setSaveStatus(""), 2e3);
   }, [editor, onSaveProp]);
-  const handleExport = useCallback12(() => {
+  const handleExport = useCallback13(() => {
     if (!editor || !onExportProp) return;
     onExportProp(editor.getHTML(), editor.getJSON());
   }, [editor, onExportProp]);
-  const handleClear = useCallback12(() => {
+  const handleClear = useCallback13(() => {
     if (!editor) return;
     if (window.confirm("Clear all content? This cannot be undone.")) {
       editor.commands.clearContent();
     }
   }, [editor]);
   const providerValue = useMemo4(() => ({ editor }), [editor]);
-  return /* @__PURE__ */ React115.createElement("div", { className: `rf-rte-wrapper editor-wrapper ${className || ""}`, style }, /* @__PURE__ */ React115.createElement(EditorContext.Provider, { value: providerValue }, /* @__PURE__ */ React115.createElement(
+  return /* @__PURE__ */ React116.createElement("div", { className: `rf-rte-wrapper editor-wrapper ${className || ""}`, style }, /* @__PURE__ */ React116.createElement(EditorContext.Provider, { value: providerValue }, /* @__PURE__ */ React116.createElement(
     Toolbar_default,
     {
       editor,
@@ -14296,7 +14602,7 @@ var RufousTextEditor = ({
       onSpeechToText,
       onTextToSpeech
     }
-  ), /* @__PURE__ */ React115.createElement(EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ React115.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ React115.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ React115.createElement(
+  ), /* @__PURE__ */ React116.createElement(EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ React116.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ React116.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ React116.createElement(
     BubbleMenu,
     {
       editor,
@@ -14308,31 +14614,31 @@ var RufousTextEditor = ({
         return !selection.empty;
       }
     },
-    /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React116.createElement(
       "button",
       {
         onClick: () => editor?.chain().focus().toggleBold().run(),
         className: editor?.isActive("bold") ? "is-active" : ""
       },
-      /* @__PURE__ */ React115.createElement("strong", null, "B")
+      /* @__PURE__ */ React116.createElement("strong", null, "B")
     ),
-    /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React116.createElement(
       "button",
       {
         onClick: () => editor?.chain().focus().toggleItalic().run(),
         className: editor?.isActive("italic") ? "is-active" : ""
       },
-      /* @__PURE__ */ React115.createElement("em", null, "I")
+      /* @__PURE__ */ React116.createElement("em", null, "I")
     ),
-    /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React116.createElement(
       "button",
       {
         onClick: () => editor?.chain().focus().toggleStrike().run(),
         className: editor?.isActive("strike") ? "is-active" : ""
       },
-      /* @__PURE__ */ React115.createElement("s", null, "S")
+      /* @__PURE__ */ React116.createElement("s", null, "S")
     ),
-    /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React116.createElement(
       "button",
       {
         onClick: () => editor?.chain().focus().toggleCode().run(),
@@ -14340,7 +14646,7 @@ var RufousTextEditor = ({
       },
       "</>"
     ),
-    /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React116.createElement(
       "button",
       {
         onClick: setLink,
@@ -14348,51 +14654,51 @@ var RufousTextEditor = ({
       },
       "\u{1F517}"
     )
-  ), /* @__PURE__ */ React115.createElement(FloatingMenu, { editor, className: "floating-menu" }, /* @__PURE__ */ React115.createElement(
+  ), /* @__PURE__ */ React116.createElement(FloatingMenu, { editor, className: "floating-menu" }, /* @__PURE__ */ React116.createElement(
     "button",
     {
       onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
       className: editor?.isActive("heading", { level: 1 }) ? "is-active" : ""
     },
     "H1"
-  ), /* @__PURE__ */ React115.createElement(
+  ), /* @__PURE__ */ React116.createElement(
     "button",
     {
       onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
       className: editor?.isActive("heading", { level: 2 }) ? "is-active" : ""
     },
     "H2"
-  ), /* @__PURE__ */ React115.createElement(
+  ), /* @__PURE__ */ React116.createElement(
     "button",
     {
       onClick: () => editor?.chain().focus().toggleBulletList().run(),
       className: editor?.isActive("bulletList") ? "is-active" : ""
     },
     "\u2022 List"
-  ), /* @__PURE__ */ React115.createElement(
+  ), /* @__PURE__ */ React116.createElement(
     "button",
     {
       onClick: () => editor?.chain().focus().toggleOrderedList().run(),
       className: editor?.isActive("orderedList") ? "is-active" : ""
     },
     "1. List"
-  ), /* @__PURE__ */ React115.createElement(
+  ), /* @__PURE__ */ React116.createElement(
     "button",
     {
       onClick: () => editor?.chain().focus().toggleBlockquote().run(),
       className: editor?.isActive("blockquote") ? "is-active" : ""
     },
     "\u201C Quote"
-  )), /* @__PURE__ */ React115.createElement("div", { className: "status-bar" }, /* @__PURE__ */ React115.createElement("div", { className: "status-bar-left" }, /* @__PURE__ */ React115.createElement(
+  )), /* @__PURE__ */ React116.createElement("div", { className: "status-bar" }, /* @__PURE__ */ React116.createElement("div", { className: "status-bar-left" }, /* @__PURE__ */ React116.createElement(
     "select",
     {
       value: saveFormat,
       onChange: (e) => setSaveFormat(e.target.value),
       className: "format-select"
     },
-    /* @__PURE__ */ React115.createElement("option", { value: "html" }, "HTML"),
-    /* @__PURE__ */ React115.createElement("option", { value: "json" }, "JSON")
-  ), onSaveProp && /* @__PURE__ */ React115.createElement("button", { onClick: handleSave, className: "status-btn save-btn" }, "Save"), onExportProp && /* @__PURE__ */ React115.createElement("button", { onClick: handleExport, className: "status-btn export-btn" }, "Export"), /* @__PURE__ */ React115.createElement("button", { onClick: handleClear, className: "status-btn clear-btn" }, "Clear")), /* @__PURE__ */ React115.createElement("div", { className: "status-bar-right" }, saveStatus && /* @__PURE__ */ React115.createElement("span", { className: "save-status" }, saveStatus), editor && /* @__PURE__ */ React115.createElement(React115.Fragment, null, /* @__PURE__ */ React115.createElement("span", { className: "word-count" }, "CHARS: ", editor.storage.characterCount?.characters?.() ?? editor.getText().length), /* @__PURE__ */ React115.createElement("span", { className: "word-count" }, "WORDS: ", editor.storage.characterCount?.words?.() ?? editor.getText().split(/\s+/).filter(Boolean).length)))), linkModalOpen && /* @__PURE__ */ React115.createElement("div", { className: "link-modal-overlay", onClick: handleLinkCancel }, /* @__PURE__ */ React115.createElement("div", { className: "link-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React115.createElement("div", { className: "link-modal-body" }, /* @__PURE__ */ React115.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React115.createElement("label", { className: "link-modal-label" }, "URL"), /* @__PURE__ */ React115.createElement(
+    /* @__PURE__ */ React116.createElement("option", { value: "html" }, "HTML"),
+    /* @__PURE__ */ React116.createElement("option", { value: "json" }, "JSON")
+  ), onSaveProp && /* @__PURE__ */ React116.createElement("button", { onClick: handleSave, className: "status-btn save-btn" }, "Save"), onExportProp && /* @__PURE__ */ React116.createElement("button", { onClick: handleExport, className: "status-btn export-btn" }, "Export"), /* @__PURE__ */ React116.createElement("button", { onClick: handleClear, className: "status-btn clear-btn" }, "Clear")), /* @__PURE__ */ React116.createElement("div", { className: "status-bar-right" }, saveStatus && /* @__PURE__ */ React116.createElement("span", { className: "save-status" }, saveStatus), editor && /* @__PURE__ */ React116.createElement(React116.Fragment, null, /* @__PURE__ */ React116.createElement("span", { className: "word-count" }, "CHARS: ", editor.storage.characterCount?.characters?.() ?? editor.getText().length), /* @__PURE__ */ React116.createElement("span", { className: "word-count" }, "WORDS: ", editor.storage.characterCount?.words?.() ?? editor.getText().split(/\s+/).filter(Boolean).length)))), linkModalOpen && /* @__PURE__ */ React116.createElement("div", { className: "link-modal-overlay", onClick: handleLinkCancel }, /* @__PURE__ */ React116.createElement("div", { className: "link-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React116.createElement("div", { className: "link-modal-body" }, /* @__PURE__ */ React116.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React116.createElement("label", { className: "link-modal-label" }, "URL"), /* @__PURE__ */ React116.createElement(
     "input",
     {
       type: "url",
@@ -14405,7 +14711,7 @@ var RufousTextEditor = ({
       placeholder: "https://example.com",
       autoFocus: true
     }
-  )), /* @__PURE__ */ React115.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React115.createElement("label", { className: "link-modal-label" }, "Text"), /* @__PURE__ */ React115.createElement(
+  )), /* @__PURE__ */ React116.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React116.createElement("label", { className: "link-modal-label" }, "Text"), /* @__PURE__ */ React116.createElement(
     "input",
     {
       type: "text",
@@ -14417,7 +14723,7 @@ var RufousTextEditor = ({
       },
       placeholder: "Link text"
     }
-  )), /* @__PURE__ */ React115.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React115.createElement("label", { className: "link-modal-label" }, "Class name"), /* @__PURE__ */ React115.createElement(
+  )), /* @__PURE__ */ React116.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React116.createElement("label", { className: "link-modal-label" }, "Class name"), /* @__PURE__ */ React116.createElement(
     "input",
     {
       type: "text",
@@ -14429,21 +14735,21 @@ var RufousTextEditor = ({
       },
       placeholder: ""
     }
-  )), /* @__PURE__ */ React115.createElement("div", { className: "link-modal-checkboxes" }, /* @__PURE__ */ React115.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React115.createElement(
+  )), /* @__PURE__ */ React116.createElement("div", { className: "link-modal-checkboxes" }, /* @__PURE__ */ React116.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React116.createElement(
     "input",
     {
       type: "checkbox",
       checked: linkNewTab,
       onChange: (e) => setLinkNewTab(e.target.checked)
     }
-  ), "Open in new tab"), /* @__PURE__ */ React115.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React115.createElement(
+  ), "Open in new tab"), /* @__PURE__ */ React116.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React116.createElement(
     "input",
     {
       type: "checkbox",
       checked: linkNoFollow,
       onChange: (e) => setLinkNoFollow(e.target.checked)
     }
-  ), "No follow"))), /* @__PURE__ */ React115.createElement("div", { className: "link-modal-footer" }, /* @__PURE__ */ React115.createElement("button", { className: "link-modal-btn-unlink", onClick: handleLinkRemove }, "Unlink"), /* @__PURE__ */ React115.createElement("button", { className: "link-modal-btn-apply", onClick: handleLinkSubmit }, "Update"))))));
+  ), "No follow"))), /* @__PURE__ */ React116.createElement("div", { className: "link-modal-footer" }, /* @__PURE__ */ React116.createElement("button", { className: "link-modal-btn-unlink", onClick: handleLinkRemove }, "Unlink"), /* @__PURE__ */ React116.createElement("button", { className: "link-modal-btn-apply", onClick: handleLinkSubmit }, "Update"))))));
 };
 export {
   APP_THEMES,
@@ -14519,6 +14825,7 @@ export {
   nineDotMenuIcon_default as NineDotMenuIcon,
   notificationIcon_default as NotificationIcon,
   Paper,
+  PhoneField,
   Popover,
   Popper,
   projectIcon_default as ProjectIcon,