@underverse-ui/underverse 2.0.30 → 2.0.32

package/dist/{chunk-2P7TSXEE.js → chunk-RSSSQS2A.js}

@@ -1,7 +1,7 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-37MHVJMV.js";
+} from "./chunk-4TXHZS3S.js";
 import {
   cn,
   useGlobalI18n
@@ -253,4 +253,4 @@ var Modal_default = Modal;
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-2P7TSXEE.js.map
+//# sourceMappingURL=chunk-RSSSQS2A.js.map

package/dist/index.cjs

@@ -6393,10 +6393,15 @@ function isCrossRealmTableRow(value) {
 function isCrossRealmTableCell(value) {
   return isCrossRealmElement(value) && ["TD", "TH"].includes(String(value.tagName).toUpperCase()) && "cellIndex" in value;
 }
+function isValidProseMirrorPosition(doc, pos) {
+  return Number.isInteger(pos) && pos >= 0 && pos <= doc.content.size;
+}
 function findTableRowNodeInfo(view, rowElement) {
+  if (!view.dom.contains(rowElement)) return null;
   const firstCell = rowElement.querySelector("th,td");
-  if (!firstCell) return null;
+  if (!isCrossRealmTableCell(firstCell) || !view.dom.contains(firstCell)) return null;
   const cellPos = view.posAtDOM(firstCell, 0);
+  if (!isValidProseMirrorPosition(view.state.doc, cellPos)) return null;
   const $pos = view.state.doc.resolve(cellPos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -6438,14 +6443,14 @@ function getSelectionTableCell(view) {
   const browserSelection = realm?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (realm && anchorCell instanceof realm.HTMLElement) {
+  if (isCrossRealmTableCell(anchorCell) && view.dom.contains(anchorCell)) {
     return anchorCell;
   }
   const { from } = view.state.selection;
   const domAtPos = view.domAtPos(from);
   const element = resolveEventElement(domAtPos.node);
   const cell = element?.closest?.("th,td");
-  return realm && cell instanceof realm.HTMLElement ? cell : null;
+  return isCrossRealmTableCell(cell) && view.dom.contains(cell) ? cell : null;
 }
 function resolveRowResizeTarget(cell, clientX, clientY) {
   const rect = cell.getBoundingClientRect();
@@ -8448,18 +8453,22 @@ function getTableAnchorPos(editor) {
   const editorWindow = editorDocument.defaultView;
   const selectionAnchor = resolveEventElement(editorWindow?.getSelection()?.anchorNode ?? null);
   const selectionCell2 = selectionAnchor?.closest?.("th,td");
-  if (editorWindow && selectionCell2 instanceof editorWindow.HTMLTableCellElement && editor.view.dom.contains(selectionCell2)) {
-    return editor.view.posAtDOM(selectionCell2, 0) + 1;
+  if (isCrossRealmTableCell(selectionCell2) && editor.view.dom.contains(selectionCell2)) {
+    const cellPos2 = editor.view.posAtDOM(selectionCell2, 0);
+    return isValidProseMirrorPosition(editor.state.doc, cellPos2) && isValidProseMirrorPosition(editor.state.doc, cellPos2 + 1) ? cellPos2 + 1 : null;
   }
   const activeElement = editorWindow && editorDocument.activeElement instanceof editorWindow.Element ? editorDocument.activeElement : null;
   const activeCell = activeElement?.closest?.("th,td");
-  if (editorWindow && activeCell instanceof editorWindow.HTMLTableCellElement && editor.view.dom.contains(activeCell)) {
-    return editor.view.posAtDOM(activeCell, 0) + 1;
+  if (isCrossRealmTableCell(activeCell) && editor.view.dom.contains(activeCell)) {
+    const cellPos2 = editor.view.posAtDOM(activeCell, 0);
+    return isValidProseMirrorPosition(editor.state.doc, cellPos2) && isValidProseMirrorPosition(editor.state.doc, cellPos2 + 1) ? cellPos2 + 1 : null;
   }
   const tables = editor.view.dom.querySelectorAll("table");
   if (tables.length !== 1) return null;
   const firstCell = tables[0]?.querySelector("th,td");
-  return editorWindow && firstCell instanceof editorWindow.HTMLTableCellElement ? editor.view.posAtDOM(firstCell, 0) + 1 : null;
+  if (!isCrossRealmTableCell(firstCell) || !editor.view.dom.contains(firstCell)) return null;
+  const cellPos = editor.view.posAtDOM(firstCell, 0);
+  return isValidProseMirrorPosition(editor.state.doc, cellPos) && isValidProseMirrorPosition(editor.state.doc, cellPos + 1) ? cellPos + 1 : null;
 }
 function computeEditorUiRenderState(editor) {
   const textStyle = editor.getAttributes("textStyle");
@@ -15838,6 +15847,7 @@ var Combobox = ({
   virtualized = false,
   estimatedItemHeight = 44,
   overscan = 8,
+  enableSearch: enableSearchProp,
   searchMode = "auto",
   onSearchChange,
   searchDebounceMs = 0,
@@ -15866,28 +15876,28 @@ var Combobox = ({
   const autoId = (0, import_react18.useId)();
   const resolvedId = id ? String(id) : `combobox-${autoId}`;
   const labelId = label ? `${resolvedId}-label` : void 0;
-  const enableSearch = options.length > 10 || searchMode === "manual" || minSearchLength > 0 || !!onSearchChange;
+  const isSearchEnabled = enableSearchProp ?? (options.length > 10 || searchMode === "manual" || minSearchLength > 0 || !!onSearchChange);
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
-  const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
+  const shouldPromptForSearch = isSearchEnabled && minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
   const filteredOptions = React31.useMemo(
     () => {
       if (shouldPromptForSearch) return [];
-      if (!enableSearch || searchMode === "manual") return options;
+      if (!isSearchEnabled || searchMode === "manual") return options;
       const normalizedQuery = trimmedQuery.toLowerCase();
       if (!normalizedQuery) return options;
       return options.filter((o) => getOptionLabel(o).toLowerCase().includes(normalizedQuery));
     },
-    [enableSearch, options, searchMode, shouldPromptForSearch, trimmedQuery]
+    [isSearchEnabled, options, searchMode, shouldPromptForSearch, trimmedQuery]
   );
   const renderLimitedOptions = React31.useMemo(
     () => {
-      if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
+      if (!isSearchEnabled || trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
         return filteredOptions;
       }
       return filteredOptions.slice(0, maxInitialOptions);
     },
-    [filteredOptions, maxInitialOptions, trimmedQuery]
+    [filteredOptions, isSearchEnabled, maxInitialOptions, trimmedQuery]
   );
   const canVirtualize = virtualized && !groupBy;
   const optionVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -15948,7 +15958,7 @@ var Combobox = ({
       setQuery("");
       setActiveIndex(null);
       scrollVirtualListToStart();
-    } else if (enableSearch) {
+    } else if (isSearchEnabled) {
       const triggerWindow = triggerRef.current?.ownerDocument.defaultView;
       if (!triggerWindow) return void 0;
       const timeoutId = triggerWindow.setTimeout(() => {
@@ -15957,14 +15967,14 @@ var Combobox = ({
       return () => triggerWindow.clearTimeout(timeoutId);
     }
     return void 0;
-  }, [enableSearch, open, scrollVirtualListToStart]);
+  }, [isSearchEnabled, open, scrollVirtualListToStart]);
   React31.useEffect(() => {
-    if (!onSearchChange) return void 0;
+    if (!isSearchEnabled || !onSearchChange) return void 0;
     const triggerWindow = triggerRef.current?.ownerDocument.defaultView;
     if (!triggerWindow) return void 0;
     const timeoutId = triggerWindow.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => triggerWindow.clearTimeout(timeoutId);
-  }, [onSearchChange, query, searchDebounceMs]);
+  }, [isSearchEnabled, onSearchChange, query, searchDebounceMs]);
   React31.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && options.length > 300 && !virtualized && searchMode !== "manual" && maxInitialOptions === void 0) {
       console.warn(
@@ -16100,7 +16110,7 @@ var Combobox = ({
       style: usePortal ? { maxHeight: "var(--underverse-popover-available-height)" } : void 0,
       className: cn("w-full overflow-hidden", usePortal && "flex min-h-0 flex-col", getPanelBorderRadiusClass(resolvedBorderMode)),
       children: [
-        enableSearch && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("relative shrink-0 border-b border-border/30", size === "xs" ? "p-1.5" : size === "sm" ? "p-2" : size === "lg" ? "p-3" : size === "xl" ? "p-3.5" : "p-2.5"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", children: [
+        isSearchEnabled && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("relative shrink-0 border-b border-border/30", size === "xs" ? "p-1.5" : size === "sm" ? "p-2" : size === "lg" ? "p-3" : size === "xl" ? "p-3.5" : "p-2.5"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", children: [
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             import_lucide_react15.Search,
             {
@@ -16256,11 +16266,24 @@ var Combobox = ({
     "aria-invalid": !!effectiveError,
     id: resolvedId,
     "aria-labelledby": labelId,
+    "aria-activedescendant": activeIndex !== null ? `${resolvedId}-item-${activeIndex}` : void 0,
     onKeyDown: (e) => {
       if (disabled) return;
-      if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+      if (!open && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
         setOpen(true);
+        if (!isSearchEnabled && e.key === "ArrowDown") moveActiveIndex(1);
+      } else if (open && !isSearchEnabled && e.key === "ArrowDown") {
+        e.preventDefault();
+        moveActiveIndex(1);
+      } else if (open && !isSearchEnabled && e.key === "ArrowUp") {
+        e.preventDefault();
+        moveActiveIndex(-1);
+      } else if (open && !isSearchEnabled && e.key === "Enter") {
+        e.preventDefault();
+        if (activeIndex !== null && renderLimitedOptions[activeIndex] && !getOptionDisabled(renderLimitedOptions[activeIndex])) {
+          handleSelect(renderLimitedOptions[activeIndex]);
+        }
       } else if (e.key === "Escape") {
         e.preventDefault();
         setOpen(false);
@@ -26250,6 +26273,7 @@ var MultiCombobox = ({
   virtualized = false,
   estimatedItemHeight = 44,
   overscan = 8,
+  enableSearch: enableSearchProp,
   searchMode = "auto",
   onSearchChange,
   searchDebounceMs = 0,
@@ -26282,25 +26306,25 @@ var MultiCombobox = ({
     ),
     [options]
   );
-  const enableSearch = normalizedOptions.length > 10 || searchMode === "manual" || minSearchLength > 0 || !!onSearchChange;
+  const isSearchEnabled = enableSearchProp ?? (normalizedOptions.length > 10 || searchMode === "manual" || minSearchLength > 0 || !!onSearchChange);
   const trimmedQuery = query.trim();
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
-  const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
+  const shouldPromptForSearch = isSearchEnabled && minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
   const filtered = React47.useMemo(() => {
     if (shouldPromptForSearch) return [];
-    if (!enableSearch || searchMode === "manual") return normalizedOptions;
+    if (!isSearchEnabled || searchMode === "manual") return normalizedOptions;
     const normalizedQuery = trimmedQuery.toLowerCase();
     if (!normalizedQuery) return normalizedOptions;
     return normalizedOptions.filter(
       (opt) => opt.label.toLowerCase().includes(normalizedQuery) || opt.description?.toLowerCase().includes(normalizedQuery)
     );
-  }, [enableSearch, normalizedOptions, searchMode, shouldPromptForSearch, trimmedQuery]);
+  }, [isSearchEnabled, normalizedOptions, searchMode, shouldPromptForSearch, trimmedQuery]);
   const renderLimitedOptions = React47.useMemo(() => {
-    if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
+    if (!isSearchEnabled || trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
       return filtered;
     }
     return filtered.slice(0, maxInitialOptions);
-  }, [filtered, maxInitialOptions, trimmedQuery]);
+  }, [filtered, isSearchEnabled, maxInitialOptions, trimmedQuery]);
   const canVirtualize = virtualized && !groupBy;
   const optionVirtualizer = (0, import_react_virtual2.useVirtualizer)({
     count: canVirtualize ? renderLimitedOptions.length : 0,
@@ -26344,24 +26368,32 @@ var MultiCombobox = ({
     onChange(value.filter((v) => v !== val));
   };
   const handleKeyDown2 = (e) => {
-    if (!open) setOpen(true);
     if (e.key === "ArrowDown") {
       e.preventDefault();
+      if (!open) setOpen(true);
       if (renderLimitedOptions.length === 0) return;
       const next = activeIndex === null ? 0 : (activeIndex + 1) % renderLimitedOptions.length;
       setActiveIndex(next);
       scrollVirtualListToIndex(next);
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
+      if (!open) setOpen(true);
       if (renderLimitedOptions.length === 0) return;
       const next = activeIndex === null ? renderLimitedOptions.length - 1 : (activeIndex - 1 + renderLimitedOptions.length) % renderLimitedOptions.length;
       setActiveIndex(next);
       scrollVirtualListToIndex(next);
     } else if (e.key === "Enter") {
       e.preventDefault();
+      if (!open) {
+        setOpen(true);
+        return;
+      }
       if (activeIndex !== null && renderLimitedOptions[activeIndex]) {
         toggleSelect(renderLimitedOptions[activeIndex].value);
       }
+    } else if (e.key === " " && !open) {
+      e.preventDefault();
+      setOpen(true);
     } else if (e.key === "Escape") {
       e.preventDefault();
       setOpen(false);
@@ -26377,7 +26409,7 @@ var MultiCombobox = ({
     }
   }, [disabled, required, value.length]);
   React47.useEffect(() => {
-    if (open && enableSearch) {
+    if (open && isSearchEnabled) {
       setTimeout(() => {
         inputRef.current?.focus();
       }, 100);
@@ -26386,12 +26418,12 @@ var MultiCombobox = ({
       setActiveIndex(null);
       scrollVirtualListToStart();
     }
-  }, [enableSearch, open, scrollVirtualListToStart]);
+  }, [isSearchEnabled, open, scrollVirtualListToStart]);
   React47.useEffect(() => {
-    if (!onSearchChange) return void 0;
+    if (!isSearchEnabled || !onSearchChange) return void 0;
     const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
     return () => window.clearTimeout(timeoutId);
-  }, [onSearchChange, query, searchDebounceMs]);
+  }, [isSearchEnabled, onSearchChange, query, searchDebounceMs]);
   React47.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && normalizedOptions.length > 300 && !virtualized && searchMode !== "manual" && maxInitialOptions === void 0) {
       console.warn(
@@ -26466,6 +26498,10 @@ var MultiCombobox = ({
       return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "li",
         {
+          id: `${resolvedId}-option-${index}`,
+          role: "option",
+          "aria-selected": isSelected,
+          "aria-disabled": isDisabled,
           ref: (node) => {
             measureRef?.(node);
             listRef.current[index] = node;
@@ -26477,7 +26513,7 @@ var MultiCombobox = ({
             e.preventDefault();
             e.stopPropagation();
             if (!isDisabled) toggleSelect(item.value);
-            inputRef.current?.focus();
+            (isSearchEnabled ? inputRef.current : triggerRef.current)?.focus();
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("dropdown-item", isDisabled && "opacity-50 cursor-not-allowed pointer-events-none"), children: renderOption(item, isSelected) })
         },
@@ -26487,6 +26523,10 @@ var MultiCombobox = ({
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "li",
       {
+        id: `${resolvedId}-option-${index}`,
+        role: "option",
+        "aria-selected": isSelected,
+        "aria-disabled": isDisabled,
         ref: (node) => {
           measureRef?.(node);
           listRef.current[index] = node;
@@ -26498,7 +26538,7 @@ var MultiCombobox = ({
           e.preventDefault();
           e.stopPropagation();
           if (!isDisabled) toggleSelect(item.value);
-          inputRef.current?.focus();
+          (isSearchEnabled ? inputRef.current : triggerRef.current)?.focus();
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
           "div",
@@ -26554,7 +26594,7 @@ var MultiCombobox = ({
         }
       )
     ] }),
-    enableSearch && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative border-b border-border/40", children: [
+    isSearchEnabled && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative border-b border-border/40", children: [
       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react27.Search, { className: cn("absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", sizeStyles8[size].icon) }),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "input",
@@ -26666,6 +26706,8 @@ var MultiCombobox = ({
       "aria-controls": listboxId,
       "aria-required": required,
       "aria-invalid": !!effectiveError,
+      "aria-activedescendant": activeIndex !== null ? `${resolvedId}-option-${activeIndex}` : void 0,
+      onKeyDown: !isSearchEnabled ? handleKeyDown2 : void 0,
       className: cn(
         "group flex w-full items-center gap-2 transition-all duration-200",
         formControlFixedClass,
@@ -26735,7 +26777,13 @@ var MultiCombobox = ({
                 e.stopPropagation();
                 handleClearAll();
               },
-              onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && handleClearAll(),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  handleClearAll();
+                }
+              },
               className: "opacity-0 group-hover:opacity-100 transition-all duration-200 p-1 rounded-lg hover:bg-destructive/10 text-muted-foreground hover:text-destructive",
               children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react27.X, { className: "h-3.5 w-3.5" })
             }
@@ -28381,7 +28429,7 @@ function CategoryTreeSelect(props) {
   const trimmedQuery = (0, import_react26.useMemo)(() => query.trim(), [query]);
   const normalizedQuery = (0, import_react26.useMemo)(() => trimmedQuery.toLowerCase(), [trimmedQuery]);
   const queryMeetsMinimum = trimmedQuery.length >= minSearchLength;
-  const shouldPromptForSearch = minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
+  const shouldPromptForSearch = isSearchEnabled && minSearchLength > 0 && !queryMeetsMinimum && (searchMode === "manual" || showSearchPromptWhenEmptyQuery);
   const isSearchMode = isSearchEnabled && normalizedQuery.length > 0;
   const shouldAutoExpandSearchResults = searchMode === "auto" && isSearchMode;
   const effectiveExpandedNodes = (0, import_react26.useMemo)(() => getExpandedNodesState(expandedIds, expandedNodes), [expandedIds, expandedNodes]);
@@ -28425,12 +28473,12 @@ function CategoryTreeSelect(props) {
     return visible;
   }, [byId, categories, childrenMap, isSearchMode, normalizedQuery, searchMode, shouldPromptForSearch]);
   (0, import_react26.useEffect)(() => {
-    if (!onSearchChange) return;
+    if (!isSearchEnabled || !onSearchChange) return;
     const timeoutId = window.setTimeout(() => {
       onSearchChange(trimmedQuery);
     }, Math.max(0, searchDebounceMs));
     return () => window.clearTimeout(timeoutId);
-  }, [onSearchChange, searchDebounceMs, trimmedQuery]);
+  }, [isSearchEnabled, onSearchChange, searchDebounceMs, trimmedQuery]);
   (0, import_react26.useEffect)(() => {
     if (!isOpen) return;
     if (!isSearchEnabled) return;
@@ -28513,7 +28561,7 @@ function CategoryTreeSelect(props) {
   const flattenedRows = (0, import_react26.useMemo)(() => {
     if (shouldPromptForSearch) return [];
     const rows = flattenVisibleCategories(effectiveParentCategories, effectiveChildrenMap, effectiveExpandedNodes, shouldAutoExpandSearchResults);
-    if (trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
+    if (!isSearchEnabled || trimmedQuery || maxInitialOptions === void 0 || maxInitialOptions < 1) {
       return rows;
     }
     const limitedRows = rows.slice(0, maxInitialOptions);
@@ -28541,6 +28589,7 @@ function CategoryTreeSelect(props) {
     effectiveExpandedNodes,
     effectiveParentCategories,
     expandToId,
+    isSearchEnabled,
     maxInitialOptions,
     selectedIds,
     shouldAutoExpandSearchResults,
@@ -40821,6 +40870,7 @@ function getBubbleMenuPosition({
   end,
   menuSize,
   viewport,
+  preferredPlacement = "auto",
   offset = 16,
   padding = 8
 }) {
@@ -40828,7 +40878,7 @@ function getBubbleMenuPosition({
   const selectionBottom = Math.max(start.bottom, end.bottom);
   const spaceAbove = selectionTop - offset - padding;
   const spaceBelow = viewport.height - padding - selectionBottom - offset;
-  const placement = menuSize.height <= spaceAbove || spaceAbove >= spaceBelow ? "top" : "bottom";
+  const placement = preferredPlacement === "auto" ? menuSize.height <= spaceAbove || spaceAbove >= spaceBelow ? "top" : "bottom" : preferredPlacement;
   const halfWidth = menuSize.width / 2;
   const minLeft = padding + halfWidth;
   const maxLeft = viewport.width - padding - halfWidth;
@@ -41732,6 +41782,7 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
 };
 var CustomBubbleMenu = ({
   editor,
+  placement = "auto",
   fontSizes,
   lineHeights
 }) => {
@@ -41825,6 +41876,7 @@ var CustomBubbleMenu = ({
           width: editorWindow?.innerWidth ?? window.innerWidth,
           height: editorWindow?.innerHeight ?? window.innerHeight
         },
+        preferredPlacement: placement,
         offset: BUBBLE_MENU_OFFSET
       }));
       if (keepOpenRef.current) {
@@ -41871,7 +41923,7 @@ var CustomBubbleMenu = ({
       editorWindow?.removeEventListener("resize", schedulePositionUpdate);
       editorWindow?.removeEventListener("scroll", schedulePositionUpdate, true);
     };
-  }, [editor, editorDocument, editorWindow]);
+  }, [editor, editorDocument, editorWindow, placement]);
   (0, import_react76.useEffect)(() => {
     if (!isVisible || !portalWindow?.ResizeObserver) return;
     const menu = menuRef.current;
@@ -41925,6 +41977,7 @@ var CustomBubbleMenu = ({
       {
         ref: menuRef,
         "data-popover": true,
+        "data-placement": position.placement,
         className: "fixed z-[99999] flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
@@ -46740,6 +46793,7 @@ function getCellFromTarget(target) {
   return null;
 }
 function findTableInfo(editor, pos) {
+  if (!isValidProseMirrorPosition(editor.state.doc, pos)) return null;
   const $pos = editor.state.doc.resolve(pos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -46782,6 +46836,7 @@ function buildLogicalColumnMetrics({
     for (const tableCell of Array.from(firstRow.cells)) {
       if (!isTableCellElement(tableCell)) continue;
       const cellPos = editor.view.posAtDOM(tableCell, 0);
+      if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) continue;
       const relativeCellPos = getCellRelativePosFromDomPos(map, tableInfo.start, cellPos);
       if (relativeCellPos == null) continue;
       const cellMapRect = map.findCell(relativeCellPos);
@@ -46855,18 +46910,20 @@ function buildLogicalRowMetrics({
   if (visualRows.length > 0) {
     return visualRows.sort((a, b) => a.index - b.index);
   }
-  return rows.map((tableRow, index) => {
+  return rows.flatMap((tableRow, index) => {
     const rowRect = tableRow.getBoundingClientRect();
     const anchorCell = tableRow.cells.item(0) ?? cornerCell;
     const start = rowRect.height > 0 ? rowRect.top - surfaceRect.top - surface.clientTop + surface.scrollTop : tableTop + index * fallbackHeight;
     const size = metricOrFallback(rowRect.height, fallbackHeight);
-    return {
+    const cellPos = editor.view.posAtDOM(anchorCell, 0);
+    if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) return [];
+    return [{
       index,
-      cellPos: editor.view.posAtDOM(anchorCell, 0),
+      cellPos,
       start,
       size,
       center: start + size / 2
-    };
+    }];
   });
 }
 function getTableCellTextSelectionRange(editor, cellPos) {
@@ -46886,6 +46943,7 @@ function getTableCellTextSelectionRange(editor, cellPos) {
   return from !== null && to !== null && from < to ? { from, to } : null;
 }
 function buildTableControlLayout(editor, surface, cell) {
+  if (!editor.view.dom.contains(cell)) return null;
   const row = cell.closest("tr");
   const table = cell.closest("table");
   if (!isTableRowElement(row) || !isTableElement(table)) {
@@ -46894,6 +46952,7 @@ function buildTableControlLayout(editor, surface, cell) {
   const rows = Array.from(table.rows).filter(isTableRowElement);
   const cornerCell = getLastCell(table);
   const cellPos = editor.view.posAtDOM(cell, 0);
+  if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) return null;
   const tableInfo = findTableInfo(editor, cellPos);
   if (rows.length === 0 || !tableInfo || !isTableCellElement(cornerCell)) {
     return null;
@@ -47851,7 +47910,7 @@ function getSelectedCell(editor) {
   const browserSelection = editorWindow?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (isCrossRealmTableCell(anchorCell)) {
+  if (isCrossRealmTableCell(anchorCell) && editor.view.dom.contains(anchorCell)) {
     return anchorCell;
   }
   const domAtPos = editor.view.domAtPos(editor.state.selection.from);
@@ -49328,12 +49387,12 @@ function getFormulaEditingTableContext(view) {
     if (!getCellText2(node).startsWith("=")) return null;
     const cellPos = $from.before(depth);
     const cellDom = view.nodeDOM(cellPos);
-    if (!(cellDom instanceof HTMLTableCellElement)) return null;
+    if (!isCrossRealmTableCell(cellDom) || !view.dom.contains(cellDom)) return null;
     const tableDepth = depth - 2;
     const tableNode = tableDepth > 0 ? $from.node(tableDepth) : null;
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
-    if (!(tableDom instanceof HTMLTableElement)) return null;
+    if (!isCrossRealmTable(tableDom) || !view.dom.contains(tableDom)) return null;
     const tableMap = import_tables9.TableMap.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
@@ -49405,6 +49464,7 @@ function getReferenceInsertionPrefix(view, cellContentStart, insertionPos) {
   return isInsideFunctionArguments && followsReference ? "," : "";
 }
 function findTableForPos(view, pos) {
+  if (!isValidProseMirrorPosition(view.state.doc, pos)) return null;
   const $pos = view.state.doc.resolve(pos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -49433,8 +49493,9 @@ function getCellRelativePosFromDomPos2(map, tableStart, domPos) {
 function getFormulaTableCellInfo(view, target, tablePos) {
   const element = resolveEventElement(target);
   const cell = element?.closest?.("th,td");
-  if (!(cell instanceof HTMLTableCellElement)) return null;
+  if (!isCrossRealmTableCell(cell) || !view.dom.contains(cell)) return null;
   const domPos = view.posAtDOM(cell, 0);
+  if (!isValidProseMirrorPosition(view.state.doc, domPos)) return null;
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
   const map = import_tables9.TableMap.get(tableInfo.node);
@@ -50132,6 +50193,7 @@ var UEditor = import_react86.default.forwardRef(({
   autofocus = false,
   showToolbar = true,
   showBubbleMenu = true,
+  bubbleMenuPlacement = "auto",
   showFloatingMenu = false,
   showCharacterCount = true,
   showFooter = true,
@@ -50491,6 +50553,7 @@ var UEditor = import_react86.default.forwardRef(({
             CustomBubbleMenu,
             {
               editor,
+              placement: bubbleMenuPlacement,
               fontSizes,
               lineHeights
             }