feat: menu contextuel au highlight de texte — toolbar 4 lignes façon Notion (v7.62.0)

- Toolbar de sélection sous le surlignage : ligne de style (T + type de bloc
  dynamique → sous-menu Turn into), A/B/I/U/T barré/Tx, lien/surlignage/
  code/équation/…, Comment + Ask AI, section grise Skills (4 actions) et pied
  « Edit with AI » (Alt+⇧+E) ; positionnée sous la sélection (au-dessus si
  manque de place), fermée au clic hors sélection
- « … » → menu contextuel de bloc existant (recherche « Search actions… »,
  groupe Text, 10 actions + raccourcis, pied auteur/heure/taille)
- Info-bulle claire à droite des éléments du menu : data-tooltip-html +
  classe .tooltip-light dans le tooltip global (app.js)
- Persistance du formatage inline : sérialiseur gtMd() (DOM formaté → source
  markdown) branché sur sync() ; mdEsc() rend __…__ (u), ==…== (mark) et
  $$…$$ (équation inline KaTeX, data-tex conservé)
- Fixes racine : askAI(idx) écrasé par askAI() → askAIBlock(idx) (menu de bloc,
  Ctrl+J, Alt+⇧+E) ; ed.__x (Alpine v2) inexistant sous v3 → _xed() via
  _x_dataStack[0] (showFmt/hideCommentBtn/mentions ne s'exécutaient jamais) ;
  ancre de sélection nœud élément gérée ; checkMd() appelé avec un id au lieu
  de l'index (exception à chaque barre d'espace)
- Tests : tests/test_v762_selection_toolbar.py (roundtrip gtMd/mdEsc sous node)
  + e2e/v762_selection_toolbar.spec.js (structure, sous-menus, géométrie,
  persistance bold/highlight après reload) ; suite complète 1368 passed / 0
  failed, ruff OK, OpenAPI régénérée 7.62.0 (525 chemins)

static/js/app.js

@@ -84,19 +84,32 @@
 
   // Tooltip system
   document.addEventListener('mouseover', function(e) {
-    const target = e.target.closest('[data-tooltip]');
+    const target = e.target.closest('[data-tooltip], [data-tooltip-html]');
     if (!target) return;
     const tip = document.getElementById('tooltip');
     if (!tip) return;
-    tip.textContent = target.getAttribute('data-tooltip');
+    const html = target.getAttribute('data-tooltip-html');
+    if (html) tip.innerHTML = html;
+    else tip.textContent = target.getAttribute('data-tooltip') || '';
+    // v7.62 : éléments du menu de sélection → info-bulle claire à droite (façon Notion)
+    const inToolbar = !!target.closest('.format-toolbar');
+    tip.classList.toggle('tooltip-light', inToolbar);
     tip.style.display = 'block';
     const rect = target.getBoundingClientRect();
-    tip.style.left = rect.left + 'px';
-    tip.style.top = (rect.bottom + 4) + 'px';
+    if (inToolbar) {
+      tip.style.left = (rect.right + 8) + 'px';
+      tip.style.top = Math.max(8, rect.top + rect.height / 2 - tip.offsetHeight / 2) + 'px';
+      if (rect.right + 8 + tip.offsetWidth > window.innerWidth) {
+        tip.style.left = Math.max(8, rect.left - tip.offsetWidth - 8) + 'px';
+      }
+    } else {
+      tip.style.left = rect.left + 'px';
+      tip.style.top = (rect.bottom + 4) + 'px';
+    }
   });
 
   document.addEventListener('mouseout', function(e) {
-    const target = e.target.closest('[data-tooltip]');
+    const target = e.target.closest('[data-tooltip], [data-tooltip-html]');
     if (!target) return;
     const tip = document.getElementById('tooltip');
     if (tip) tip.style.display = 'none';

static/js/page_editor_scripts.js

@@ -52,6 +52,57 @@ const PD=(()=>{try{const el=document.getElementById('page-data');return el?JSON.
       return out;
     }
     window.gtTok=gtTok;
+    // v7.62.0 : lecture d'un bloc vers sa source markdown, en passant par le
+    // DOM formaté (bold/italic/underline/strike/code/mark/liens inline posés
+    // par le menu de sélection). Sans ça, sync() relisait du texte brut et
+    // perdait tout le formatage au prochain render(). Sans balise de mise en
+    // forme, on retombe sur gtTok (comportement identique à l'ancien).
+    function gtMd(e){
+      if(!e) return '';
+      if(!e.querySelector||!e.querySelector('strong,b,em,i,u,s,del,strike,code,mark,a[href]')) return gtTok(e);
+      function w(node){
+        var out='';
+        for(var i=0;i<node.childNodes.length;i++){
+          var n=node.childNodes[i];
+          if(n.nodeType===3){out+=n.nodeValue;continue;}
+          if(n.nodeType!==1)continue;
+          var cl=n.classList;
+          if(cl&&(cl.contains('fd-wiki-chip')||cl.contains('fd-wiki-date'))){out+=n.getAttribute('data-token')||'';continue;}
+          if(n.tagName==='BR'){out+='\n';continue;}
+          if(cl&&cl.contains('fd-math-inline')){out+='$$'+(n.getAttribute('data-tex')||'')+'$$';continue;}
+          var t=n.tagName, inner=w(n);
+          if((t==='STRONG'||t==='B')&&inner){out+='**'+inner+'**';continue;}
+          if((t==='EM'||t==='I')&&inner){out+='*'+inner+'*';continue;}
+          if(t==='U'&&inner){out+='__'+inner+'__';continue;}
+          if((t==='S'||t==='DEL'||t==='STRIKE')&&inner){out+='~~'+inner+'~~';continue;}
+          if(t==='CODE'&&inner&&!(n.hasAttribute&&n.hasAttribute('data-bid'))){out+='`'+inner+'`';continue;}
+          if(t==='MARK'&&inner){out+='=='+inner+'==';continue;}
+          if(t==='A'){var h=n.getAttribute('href')||'';out+=/^https?:/i.test(h)?'['+(inner||h)+']('+h+')':inner;continue;}
+          out+=inner;
+        }
+        return out;
+      }
+      return w(e);
+    }
+    window.gtMd=gtMd;
+    // Enveloppe/désenveloppe une sélection dans une balise inline (code, mark)
+    function _selWrapHost(r,tag){
+      var a=r.startContainer.nodeType===1?r.startContainer:r.startContainer.parentElement;
+      var b=r.endContainer.nodeType===1?r.endContainer:r.endContainer.parentElement;
+      a=a&&a.closest(tag);b=b&&b.closest(tag);
+      if(!a||a!==b)return null;
+      return (a.hasAttribute&&a.hasAttribute('data-bid'))?null:a; // <code> racine d'un bloc code : ne pas dépiler
+    }
+    function _selWrapToggle(tag){
+      var s=window.getSelection();if(!s.rangeCount)return;
+      var r=s.getRangeAt(0);
+      var host=_selWrapHost(r,tag);
+      if(host){var p=host.parentNode;while(host.firstChild)p.insertBefore(host.firstChild,host);p.removeChild(host);p.normalize();return;}
+      var el=document.createElement(tag);
+      try{r.surroundContents(el);}catch(e){el.appendChild(r.extractContents());r.insertNode(el);}
+      var s2=window.getSelection(),nr=document.createRange();
+      nr.selectNodeContents(el);s2.removeAllRanges();s2.addRange(nr);
+    }
     function splitCaret(e){
       const s=window.getSelection(); if(!s.rangeCount||!s.rangeCount)return null; const sel=s.getRangeAt(0);
       const MK='\uF000FD'; const mark=document.createElement('span'); mark.textContent=MK;
@@ -73,6 +124,9 @@ const PD=(()=>{try{const el=document.getElementById('page-data');return el?JSON.
         .replace(/\*\*([^*]+)\*\*/g,'<strong>$1</strong>')
         .replace(/\*([^*]+)\*/g,'<em>$1</em>')
         .replace(/~~([^~]+)~~/g,'<s>$1</s>')
+        .replace(/__([^_]+)__/g,'<u>$1</u>')                          // souligné (toolbar de sélection)
+        .replace(/==([^=]+)==/g,'<mark>$1</mark>')                    // surlignage
+        .replace(/\$\$([^$]+)\$\$/g,function(m,t){return '<span class="fd-math-inline" data-tex="'+t.replace(/"/g,'&quot;')+'"></span>';}) // équation inline
         .replace(/\[\[fdpage:(\d+)\]\]/g,function(m,pid){
           return '<a class="fd-wiki-chip" contenteditable="false" href="/pages/'+pid+'" data-token="'+m+'" data-pid="'+pid+'" title="Linked page"><span class="fd-wiki-label">…</span></a>';})
         .replace(/\[\[fddate:([0-9]{4}-[0-9]{2}-[0-9]{2})(?:T[0-9:]{5,8})?\]\]/g,function(m,iso){
@@ -962,6 +1016,8 @@ const PD=(()=>{try{const el=document.getElementById('page-data');return el?JSON.
             s.addEventListener('mouseleave',function(){_blockSubCloseLater();});}
     }
     function _blockSubCloseLater(){clearTimeout(_bmSubTimer);_bmSubTimer=setTimeout(function(){var s=document.getElementById('blockMenuSub');if(s&&!s.matches(':hover')){s.remove();_bmSubKind='';}},260);}
+    // Sous-menu ouvert depuis la toolbar de sélection (pas de #blockMenu parent)
+    function _subHoverClose(){var s=document.getElementById('blockMenuSub');if(s)s.addEventListener('mouseleave',function(){_blockSubCloseLater();});}
     function _blockMenuClick(ev){
       var t=ev.target.closest&&ev.target.closest('[data-bm-act]');if(!t)return;
       var act=t.getAttribute('data-bm-act');var bid=t.getAttribute('data-bid')||_blockMenuBid();
@@ -976,7 +1032,7 @@ const PD=(()=>{try{const el=document.getElementById('page-data');return el?JSON.
       else if(act==='delete'){E.deleteSelected(idx);}
       else if(act==='comment'){E.commentBlock(idx);}
       else if(act==='suggest'){E.suggestEdit(idx);}
-      else if(act==='ai'){E.askAI(idx);}
+      else if(act==='ai'){E.askAIBlock(idx);}
       else if(act==='skill'){E.runSkill(idx,t.getAttribute('data-prompt')||'');}
       else if(act==='color'){var key=t.getAttribute('data-color-key'),val=t.getAttribute('data-color-val');E.setBlockColor(idx,key,val);}
       else if(act==='turn-type'){E.turnInto(idx,t.getAttribute('data-type'),parseInt(t.getAttribute('data-cols')||'0',10)||0);_blockMenuClose();return;}
@@ -1397,14 +1453,15 @@ const PD=(()=>{try{const el=document.getElementById('page-data');return el?JSON.
         sync(){const ct=document.getElementById('_blocksCt');if(!ct)return;for(const b of this.blocks){if(b.type==='table'){const wrap=ct.querySelector(`[data-bid="${b.id}"].ftable-editor`);if(wrap){const rows=[];wrap.querySelectorAll('tr.ftable-row').forEach(function(tr){const cells=tr.querySelectorAll('th.ftable-cell,td.ftable-cell');if(!cells.length)return;const rowarr=[];cells.forEach(function(cell){rowarr.push(cell.textContent||'');});rows.push(rowarr);});if(rows.length)b.rows=rows;}continue;}
           if(b.type==='divider'||b.type==='image'||b.type==='embed'||b.type==='table_of_contents'||b.type==='button')continue;
           if(b.type==='math'){const te=ct.querySelector(`[data-math-bid="${b.id}"]`);if(te)b.content=te.value||'';continue;}
-          const el=ct.querySelector(`[data-bid="${b.id}"]`);if(el&&!el.classList.contains('toggle-title'))b.content=gtTok(el)||'';else if(el)b.content=gtTok(el)||'';
-          if(b.type==='toggle'&&b.children)b.children.forEach(function(ch){const che=ct.querySelector(`[data-bid="${ch.id}"]`);if(che)ch.content=gtTok(che)||'';});
-          if(b.type==='columns'&&b.children)b.children.forEach(function(ch){const che=ct.querySelector(`[data-bid="${ch.id}"]`);if(che)ch.content=gtTok(che)||'';});
+          const el=ct.querySelector(`[data-bid="${b.id}"]`);if(el&&!el.classList.contains('toggle-title'))b.content=gtMd(el)||'';else if(el)b.content=gtMd(el)||'';
+          if(b.type==='toggle'&&b.children)b.children.forEach(function(ch){const che=ct.querySelector(`[data-bid="${ch.id}"]`);if(che)ch.content=gtMd(che)||'';});
+          if(b.type==='columns'&&b.children)b.children.forEach(function(ch){const che=ct.querySelector(`[data-bid="${ch.id}"]`);if(che)ch.content=gtMd(che)||'';});
         }},
         render(){const ct=document.getElementById('_blocksCt');if(!ct)return;let html='';for(let i=0;i<this.blocks.length;i++)html+=renderBlock(this.blocks[i],i);ct.innerHTML=html;
          // Render math blocks with KaTeX
          var self=this;
          ct.querySelectorAll('.math-display').forEach(function(el){var bid=el.dataset.bid;var b=self.blocks.find(function(x){return x.id===bid;});self._renderKatex(el,b?b.content:'');});
+         ct.querySelectorAll('.fd-math-inline').forEach(function(el){var tex=el.getAttribute('data-tex')||'';if(window.katex&&tex){try{el.innerHTML=window.katex.renderToString(tex,{displayMode:false,throwOnError:false});}catch(e){el.textContent=tex;}}else if(tex&&!el.textContent){el.textContent=tex;}});
          ct.querySelectorAll('.math-editor').forEach(function(ta){var disp=ct.querySelector(`.math-display[data-bid="${ta.dataset.mathBid}"]`);ta.addEventListener('input',function(){self._renderKatex(disp,ta.value);self.dirty=true;self.autoSave();});});
            // Initialize inline database blocks (scripts in innerHTML don't execute)
            setTimeout(()=>{ct.querySelectorAll('.block-embed-collection').forEach(el=>{const cid=parseInt(el.id.replace('inline-db-',''));if(cid&&window.FlowDeckDB)window.FlowDeckDB.renderInto(el,cid,null);});},50);
@@ -1680,7 +1737,9 @@ replaceBlock(idx,type){const b=this.blocks[idx];if(!b)return;this.sync();this.pu
           if(!this._commentSel||!this._commentSel.range){this.showToast('Sélectionnez du texte pour commenter','error');return;}
           this.commentOnSelection();
         },
-        askAI(idx){const b=this.blocks[idx];if(!b)return;if(window.AIC)window.AIC.open(idx);},
+        // v7.62 : renommé — « askAI() » (sans argument, plus bas) l'écrasait,
+        // le menu de bloc et Ctrl+J ouvraient l'IA de page au lieu du bloc.
+        askAIBlock(idx){const b=this.blocks[idx];if(!b)return;if(window.AIC)window.AIC.open(idx);},
         suggestEdit(idx){
           const b=this.blocks[idx];if(!b||!(b.content||'').trim()){this.showToast('Bloc vide','error');return;}
           this.showToast('FlowDeck AI : suggestion en cours…');
@@ -2193,7 +2252,7 @@ applyAIBlocks(text){
           if(e.key==='ArrowUp'){const _sp=splitCaret(el);if(_sp&&!_sp.before.trim()&&idx>0){e.preventDefault();const prev=this.getEl(this.blocks[idx-1]?.id);if(prev){prev.focus();ce(prev);}}return;}
           if(e.key==='ArrowDown'){const _sp=splitCaret(el);if(_sp&&!_sp.after.trim()&&idx<this.blocks.length-1){e.preventDefault();const next=this.getEl(this.blocks[idx+1]?.id);if(next){next.focus();cs(next);}}return;}
           if(e.key==='Backspace'){if(!(el.textContent||'').trim()){this.sync();if(block.type!=='paragraph'){e.preventDefault();this.pushHistory();block.type='paragraph';block.content='';this.render();_rtSync();setTimeout(()=>{const ne=this.getEl(block.id);if(ne)ne.focus();},60);}else if(this.blocks.length>1){e.preventDefault();this.removeBlock(idx);}}return;}
-          if(e.key===' '){const b2=bid;setTimeout(()=>this.checkMd(b2),15);}
+          if(e.key===' '){const i3=idx;setTimeout(()=>this.checkMd(i3),15);}
           if((e.ctrlKey||e.metaKey)&&!e.altKey){
             if(e.key.toLowerCase()==='z'){e.preventDefault();if(e.shiftKey)this.redo();else this.undo();return;}
             if(e.key.toLowerCase()==='y'){e.preventDefault();this.redo();return;}
@@ -2315,9 +2374,48 @@ applyAIBlocks(text){
              this.render();this.dirty=true;this.autoSave();_rtSync();
            }catch(e){this.showToast('Failed to load synced blocks','error');}
          },
-         showFmt(idx){const s=window.getSelection();if(!s.rangeCount||s.isCollapsed){this.fmt.open=false;return;}const r=s.getRangeAt(0).getBoundingClientRect();this.fmt.open=true;this.fmt.idx=idx;this.fmt.top=Math.max(r.top-44,0);this.fmt.left=Math.min(r.left+r.width/2-120,window.innerWidth-260);this._sel={range:s.getRangeAt(0).cloneRange(),idx};},
-        fmtApply(f){this.fmt.open=false;if(!this._sel)return;const s=window.getSelection();s.removeAllRanges();s.addRange(this._sel.range);document.execCommand(f==='strikeThrough'?'strikeThrough':f);this._sel=null;this.dirty=true;this.autoSave();},
-        fmtLink(){this.fmt.open=false;const u=prompt('URL:');if(u){document.execCommand('createLink',false,u);this.dirty=true;this.autoSave();}},
+         // ── v7.62.0 : menu contextuel au highlight de texte (façon Notion) ──
+        showFmt(idx){const s=window.getSelection();if(!s.rangeCount||s.isCollapsed){this.fmt.open=false;this._sel=null;return;}const r=s.getRangeAt(0).getBoundingClientRect();
+          const H=300,W=230;let top=r.bottom+8;if(top+H>window.innerHeight-8)top=Math.max(8,r.top-H);
+          this.fmt.open=true;this.fmt.idx=idx;this.fmt.top=top;
+          this.fmt.left=Math.max(8,Math.min(r.left+r.width/2-W/2,window.innerWidth-W-8));
+          this._sel={range:s.getRangeAt(0).cloneRange(),idx};},
+        _fmtRestore(){const s=window.getSelection();if(this._sel&&this._sel.range){s.removeAllRanges();s.addRange(this._sel.range);}},
+        _fmtBid(){const b=this.blocks[this.fmt.idx];return b?b.id:'';},
+        _fmtSaved(){this.sync();this.dirty=true;this.autoSave();},
+        // style de la 1ʳᵉ ligne : libellé du type de bloc courant
+        fmtStyleName(){const b=this.blocks[this.fmt.idx];const t=b?b.type:'paragraph';
+          const m={paragraph:'Normal Text',heading_1:'Heading 1',heading_2:'Heading 2',heading_3:'Heading 3',heading_4:'Heading 4',
+            bulleted_list:'Bulleted list',numbered_list:'Numbered list',to_do:'To-do list',toggle:'Toggle list',quote:'Quote',
+            callout:'Callout',code:'Code',math:'Block equation',divider:'Divider',table:'Table',image:'Image',embed:'Embed',button:'Button'};
+          return m[t]||'Normal Text';},
+        _fmtSubPos(ev){const r=ev.currentTarget.getBoundingClientRect();
+          return {x:Math.min(r.right+4,window.innerWidth-250),y:Math.min(Math.max(8,r.top),window.innerHeight-140)};},
+        // « Normal Text › » → sous-menu Turn into (menu de bloc existant)
+        fmtStyle(ev){const bid=this._fmtBid();if(!bid)return;const p=this._fmtSubPos(ev);_blockTurnMenuOpen(p.x,p.y,bid);_subHoverClose();},
+        // « A » → sous-menu Color
+        fmtColor(ev){const bid=this._fmtBid();if(!bid)return;const p=this._fmtSubPos(ev);_blockColorMenuOpen(p.x,p.y,bid);_subHoverClose();},
+        // mise en forme de base : le navigateur fait le toggle, sync() persiste (gtMd)
+        fmtApply(f){if(!this._sel)return;const idx=this.fmt.idx;this._fmtRestore();document.execCommand(f);this._fmtSaved();this.showFmt(idx);},
+        fmtCode(){if(!this._sel)return;this._fmtRestore();_selWrapToggle('code');this._fmtSaved();this.fmt.open=false;},
+        fmtHighlight(){if(!this._sel)return;this._fmtRestore();_selWrapToggle('mark');this._fmtSaved();this.fmt.open=false;},
+        fmtCodeBlock(){this.fmt.open=false;const i=this.fmt.idx;if(i>=0)this.turnInto(i,'code');},
+        fmtLink(){if(!this._sel)return;this._fmtRestore();const u=prompt('URL:');if(!u)return;
+          document.execCommand('createLink',false,u);this._fmtSaved();this.fmt.open=false;},
+        fmtEquation(){if(!this._sel)return;this._fmtRestore();const s=window.getSelection();if(!s.rangeCount)return;
+          const tex=prompt('Equation (LaTeX):',s.toString()||'x^2');if(tex===null||!tex.trim())return;
+          const span=document.createElement('span');span.className='fd-math-inline';span.setAttribute('data-tex',tex.trim());
+          if(window.katex){try{span.innerHTML=window.katex.renderToString(tex.trim(),{displayMode:false,throwOnError:false});}catch(e){span.textContent=tex;}}
+          else span.textContent=tex;
+          const r=s.getRangeAt(0);r.deleteContents();r.insertNode(span);
+          this._fmtSaved();this.fmt.open=false;},
+        // « … » → le menu contextuel de bloc (recherche + Text + pied métadonnées)
+        fmtMore(ev){const bid=this._fmtBid();if(!bid)return;const r=ev.currentTarget.getBoundingClientRect();
+          this.fmt.open=false;blockMenuOpen(Math.max(8,Math.min(r.left-190,window.innerWidth-250)),r.bottom+6,bid);},
+        fmtComment(){this.fmt.open=false;const i=this.fmt.idx;if(i>=0)this.commentBlock(i);},
+        fmtAskAI(){this.fmt.open=false;const i=this.fmt.idx;if(i>=0)this.askAIBlock(i);},
+        fmtEditAI(){this.fmtAskAI();},
+        fmtSkill(tpl){this.fmt.open=false;const i=this.fmt.idx;if(i>=0)this.runSkill(i,tpl);},
         // ── v4.9.0: Collaboration — comments & mentions ──
         toggleComments(){this.commentsOpen=!this.commentsOpen;if(this.commentsOpen)this.loadComments();},
         async loadComments(){try{const r=await fetch('/api/pages/'+this.pid+'/comments',{credentials:'same-origin'});const d=await r.json();this.comments=d.comments||[];this.commentCount=this.comments.length;}catch(e){this.comments=[];}},
@@ -2686,11 +2784,27 @@ applyAIBlocks(text){
         }return bl;},
     	  };
     	}
-    document.addEventListener('mouseup',()=>{setTimeout(()=>{const s=window.getSelection();if(!s||s.isCollapsed)return;const ed=document.querySelector('.page-editor-wrapper');if(!ed?.__x)return;const d=ed.__x.$data;const ct=document.getElementById('_blocksCt');if(!ct?.contains(s.anchorNode))return;const bel=s.anchorNode.parentElement?.closest('[data-bid]');if(bel){const idx=d.getIdx(bel.dataset.bid);if(idx>=0)d.showFmt(idx);d.showCommentBtn();}else{d.hideCommentBtn();}},80);});
-    document.addEventListener('mousedown',()=>{setTimeout(()=>{const ed=document.querySelector('.page-editor-wrapper');if(ed?.__x)ed.__x.$data.hideCommentBtn();},10);});
+    // v7.62 : data Alpine du wrapper éditeur — Alpine v3 n'expose plus __x
+    // (l'ancien accès rendait muets showFmt/hideCommentBtn/mentions).
+    function _xed(el){ if(!el) return null; if(el.__x&&el.__x.$data) return el.__x.$data;
+      return (el._x_dataStack&&el._x_dataStack[0])||null; }
+    document.addEventListener('mouseup',(ev)=>{setTimeout(()=>{
+      // v7.62 : clic dans la toolbar → on laisse la sélection (et le menu) intacts ;
+      // sélection relâchée/cliquée ailleurs → le menu de sélection se ferme.
+      if(ev.target&&ev.target.closest&&ev.target.closest('.format-toolbar'))return;
+      const d=_xed(document.querySelector('.page-editor-wrapper'));if(!d)return;
+      const s=window.getSelection();
+      if(!s||s.isCollapsed){d.fmt.open=false;d._sel=null;return;}
+      const ct=document.getElementById('_blocksCt');
+      if(!ct?.contains(s.anchorNode)){d.fmt.open=false;d._sel=null;return;}
+      const bel0=s.anchorNode&&(s.anchorNode.nodeType===1?s.anchorNode:s.anchorNode.parentElement);
+      const bel=bel0?bel0.closest('[data-bid]'):null;
+      if(bel){const idx=d.getIdx(bel.dataset.bid);if(idx>=0)d.showFmt(idx);d.showCommentBtn();}else{d.hideCommentBtn();}
+    },80);});
+    document.addEventListener('mousedown',()=>{setTimeout(()=>{const d=_xed(document.querySelector('.page-editor-wrapper'));if(d)d.hideCommentBtn();},10);});
     document.addEventListener('keyup',(e)=>{
-      const ed=document.querySelector('.page-editor-wrapper');if(!ed?.__x)return;
-      const d=ed.__x.$data;if(!d.mentionOpen){if(e.key!=='@')return;}
+      const d=_xed(document.querySelector('.page-editor-wrapper'));if(!d)return;
+      if(!d.mentionOpen){if(e.key!=='@')return;}
       const el=document.activeElement;if(!el||!el.hasAttribute('data-bid'))return;
       const ct=document.getElementById('_blocksCt');if(!ct||!ct.contains(el))return;
       if(d.mentionOpen){
@@ -2701,8 +2815,8 @@ applyAIBlocks(text){
       d.openMention(el);
     },true);
     document.addEventListener('click',(e)=>{
-      const ed=document.querySelector('.page-editor-wrapper');if(!ed?.__x)return;
-      const d=ed.__x.$data;if(!d.mentionOpen)return;
+      const d=_xed(document.querySelector('.page-editor-wrapper'));if(!d)return;
+      if(!d.mentionOpen)return;
       const menu=document.getElementById('_mentionMenu');
       if(menu&&!menu.contains(e.target))d.closeMention();
     });
@@ -2763,11 +2877,12 @@ applyAIBlocks(text){
         var ab = E.getActiveBlock();
         return ab && ab.idx >= 0 ? ab.idx : -1;
       }
-      if (ctrl && !sh && !alt && k === 'j') { e.preventDefault(); var i1 = curIdx(); if (i1 >= 0) E.askAI(i1); return; }
+      if (ctrl && !sh && !alt && k === 'j') { e.preventDefault(); var i1 = curIdx(); if (i1 >= 0) E.askAIBlock(i1); return; }
       if (ctrl && sh && !alt && k === 'h') { e.preventDefault(); var i2 = curIdx(); if (i2 >= 0) E.applyLastColor(i2); return; }
       if (ctrl && sh && !alt && k === 'm') { e.preventDefault(); var i3 = curIdx(); if (i3 >= 0) E.commentBlock(i3); return; }
       if (ctrl && sh && alt && k === 'x') { e.preventDefault(); var i4 = curIdx(); if (i4 >= 0) E.suggestEdit(i4); return; }
       if (alt && sh && !ctrl && k === 'l') { e.preventDefault(); var i5 = curIdx(); if (i5 >= 0) E.copyBlockLink(E.blocks[i5].id); return; }
+      if (alt && sh && !ctrl && k === 'e') { e.preventDefault(); var i7 = curIdx(); if (i7 >= 0) E.askAIBlock(i7); return; }
       if (ctrl && sh && !alt && k === 'p') { e.preventDefault(); var i6 = curIdx(); if (i6 >= 0) _blockMoveToOpen(i6); return; }
       // Ctrl+D : déjà géré par la saisie quand le bloc a le focus (pas de doublon)
       if (ctrl && !sh && !alt && k === 'd') {