fix(wysiwyg): Fix text selection detection for formatting menu in Shadow DOM

- Update selection detection to properly handle Shadow DOM boundaries
- Use getComposedRanges API correctly according to MDN documentation
- Add direct selection detection within block components
- Dispatch custom events from blocks when text is selected
- Fix formatting menu positioning using selection rect from events

ts_web/elements/wysiwyg/wysiwyg.selection.ts

@@ -20,13 +20,16 @@ export class WysiwygSelection {
    */
   static getSelectionInfo(...shadowRoots: ShadowRoot[]): SelectionInfo | null {
     const selection = window.getSelection();
+    console.log('WysiwygSelection.getSelectionInfo - selection:', selection, 'rangeCount:', selection?.rangeCount);
     if (!selection) return null;
 
     // Try using getComposedRanges if available (better Shadow DOM support)
     if ('getComposedRanges' in selection && typeof selection.getComposedRanges === 'function') {
+      console.log('Using getComposedRanges with', shadowRoots.length, 'shadow roots');
       try {
         // Pass shadow roots in the correct format as per MDN
         const ranges = selection.getComposedRanges({ shadowRoots });
+        console.log('getComposedRanges returned', ranges.length, 'ranges');
         if (ranges.length > 0) {
           const range = ranges[0];
           return {
@@ -40,6 +43,8 @@ export class WysiwygSelection {
       } catch (error) {
         console.warn('getComposedRanges failed, falling back to getRangeAt:', error);
       }
+    } else {
+      console.log('getComposedRanges not available, using fallback');
     }
 
     // Fallback to traditional selection API