feat: add download + copy file content to context menus and editor

- Add /api/pages/{id}/download and /api/pages/{id}/file-content endpoints
- Add Download + Copy content to shared context menu (_ctx_menu.html)
- Wire handlers in local-workspace and library context menus
- Add Download + Copy content to editor '...' menu for file pages
- Multi-block selection copy/cut/paste with Ctrl+C/X/V shortcuts
- Align page title with blocks start (CSS pseudo-element offset)

app/routers/dashboard.py

@@ -1021,6 +1021,92 @@ async def get_page_content(page_id: int):
     return {"content": row["content"] or "", "format": fmt}
 
 
+def _file_page_disk_path(page: dict):
+    """Resolve the on-disk file behind a ``content_format == 'file'`` page.
+
+    Returns ``(abs_path: Path, filename: str, mime: str, size: int)`` or None
+    when the row is not a file page, references a non-textual/missing file, or
+    the path escapes the data root (path-traversal guard).
+    """
+    if (page.get("content_format") or "") != "file":
+        return None
+    import json as _json
+    try:
+        meta = _json.loads(page.get("content", "{}"))
+    except (_json.JSONDecodeError, TypeError):
+        meta = {}
+    if not isinstance(meta, dict):
+        return None
+    rel = (meta.get("file_path") or "").replace("\\", "/").strip()
+    if not rel or not rel.startswith("uploads/"):
+        return None
+    parts = rel.split("/")
+    if ".." in parts or "." in parts:
+        return None
+    import os as _os
+    from pathlib import Path
+    root = Path(_os.environ.get("FLOWDECK_DATA_DIR", "/data")).resolve()
+    full = (root / rel).resolve()
+    try:
+        full.relative_to(root)
+    except ValueError:
+        return None
+    if not full.exists() or not full.is_file():
+        return None
+    filename = parts[-1] or page.get("title", "file")
+    mime = meta.get("mime_type") or "application/octet-stream"
+    size = meta.get("size") or 0
+    return (full, filename, mime, size)
+
+
+@router.get("/api/pages/{page_id}/download")
+async def download_page_file(page_id: int):
+    """Download the original uploaded file of a ``file`` page (attachment)."""
+    with get_conn() as conn:
+        row = conn.execute(
+            "SELECT id, title, content, content_format FROM pages "
+            "WHERE id=? AND deleted_at IS NULL",
+            (page_id,),
+        ).fetchone()
+    if not row:
+        return JSONResponse({"error": "Not found"}, status_code=404)
+    resolved = _file_page_disk_path(dict(row))
+    if not resolved:
+        return JSONResponse({"error": "No downloadable file"}, status_code=404)
+    full, filename, mime, _size = resolved
+    from fastapi.responses import FileResponse
+    return FileResponse(
+        str(full), media_type=mime or "application/octet-stream",
+        filename=filename, content_disposition_type="attachment",
+    )
+
+
+@router.get("/api/pages/{page_id}/file-content")
+async def page_file_content(page_id: int):
+    """Return the textual content of a ``file`` page (for copy to clipboard).
+
+    Binary files (PDF, images…) answer ``{ok: false}`` — the clipboard copy is
+    only meaningful for plain-text / code / markdown files.
+    """
+    from app.services.export import _file_text
+    with get_conn() as conn:
+        row = conn.execute(
+            "SELECT id, title, content, content_format FROM pages "
+            "WHERE id=? AND deleted_at IS NULL",
+            (page_id,),
+        ).fetchone()
+    if not row:
+        return JSONResponse({"error": "Not found"}, status_code=404)
+    page = dict(row)
+    text = _file_text(page)
+    if text is None:
+        return JSONResponse(
+            {"ok": False, "error": "Not a textual file", "name": page.get("title", "")},
+            status_code=415,
+        )
+    return {"ok": True, "name": page.get("title") or "File", "content": text}
+
+
 @router.get("/api/local-workspace/breadcrumb")
 async def local_workspace_breadcrumb(request: Request, folder: int):
     """Return breadcrumb trail for a folder."""

app/templates/_ctx_menu.html

@@ -12,8 +12,8 @@
   avec la capacité respective de la page au clic.
 
   Handlers attendus (tous optionnels) :
-    open, openTab, peek, folder, rename, setIcon, duplicate, link, move,
-    fav, recent, delete, tagExisting, tagAdd, tagRemove
+    open, openTab, peek, folder, rename, setIcon, duplicate, link, download,
+    copyContent, move, fav, recent, delete, tagExisting, tagAdd, tagRemove
   ############################################################################}
 <script data-cfasync="false">
 /* ═════════════════════════════════════════════════════════════════════
@@ -224,6 +224,18 @@
     <span style="flex:1;">Copy link</span>
   </div>
 
+  {# ── Download file (file pages) ── #}
+  <div class="menu-item" x-show="$store.fdCtx.has('download')" @click="$store.fdCtx.run('download')">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
+    <span style="flex:1;">Download</span>
+  </div>
+
+  {# ── Copy file content (textual file pages) ── #}
+  <div class="menu-item" x-show="$store.fdCtx.has('copyContent')" @click="$store.fdCtx.run('copyContent')">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
+    <span style="flex:1;">Copy content</span>
+  </div>
+
   {# ── Move to ── #}
   <div class="menu-item" x-show="$store.fdCtx.has('move')" @click="$store.fdCtx.run('move')">
     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/></svg>

app/templates/_page_editor_content.html

@@ -457,6 +457,15 @@
                     <div class="more-menu-item" @click="exportPage('site')"> Site statique (.zip)</div>
                   </div>
                 </template>
+                <template x-if="contentFormat === 'file' && fileUrl">
+                  <div class="more-menu-sep"></div>
+                  <div class="more-menu-item" @click="downloadFile()">
+                    {{ fd_icon("download",14) }} Download
+                  </div>
+                  <div class="more-menu-item" @click="copyFileContent()">
+                    {{ fd_icon("copy",14) }} Copy content
+                  </div>
+                </template>
                 <div class="more-menu-item" @click="duplicatePage">
                     {{ fd_icon("copy",14) }} Duplicate
                 </div>

app/templates/_page_editor_scripts.html

@@ -781,6 +781,9 @@
       if(act==='turn'){var m=document.getElementById('blockMenu');if(m){var r=m.getBoundingClientRect();_blockTurnMenuOpen(r.right+4,r.top,bid||'');}return;}
       if(act==='duplicate'){E.duplicateBlock(idx);}
       else if(act==='copy-link'){E.copyBlockLink(bid||'');}
+      else if(act==='copy-blocks'){E.copySelectedBlocks();}
+      else if(act==='cut-blocks'){E.cutSelectedBlocks();}
+      else if(act==='paste-blocks'){E.pasteBlocks();}
       else if(act==='move-to'){_blockMoveToOpen(idx);}
       else if(act==='delete'){E.deleteSelected(idx);}
       else if(act==='color'){var key=t.getAttribute('data-color-key'),val=t.getAttribute('data-color-val');E.setBlockColor(idx,key,val);}
@@ -800,6 +803,11 @@
         +'<div class="bm-sep"></div>'
         +'<div class="bm-item" data-bm-act="duplicate" data-bid="'+b.id+'"><span class="bm-ico">▣</span>Duplicate <span class="bm-hint">'+(_rtMac()?'⌘D':'Ctrl+D')+'</span></div>'
         +'<div class="bm-item" data-bm-act="copy-link" data-bid="'+b.id+'"><span class="bm-ico">🔗</span>Copy link to block</div>'
+        +'<div class="bm-sep"></div>'
+        +'<div class="bm-item" data-bm-act="copy-blocks" data-bid="'+b.id+'"><span class="bm-ico">⎘</span>Copy blocks <span class="bm-hint">'+(_rtMac()?'⌘C':'Ctrl+C')+'</span></div>'
+        +'<div class="bm-item" data-bm-act="cut-blocks" data-bid="'+b.id+'"><span class="bm-ico">✂</span>Cut blocks <span class="bm-hint">'+(_rtMac()?'⌘X':'Ctrl+X')+'</span></div>'
+        +'<div class="bm-item" data-bm-act="paste-blocks" data-bid="'+b.id+'"><span class="bm-ico">⎘</span>Paste blocks <span class="bm-hint">'+(_rtMac()?'⌘V':'Ctrl+V')+'</span></div>'
+        +'<div class="bm-sep"></div>'
         +'<div class="bm-item" data-bm-act="move-to" data-bid="'+b.id+'"><span class="bm-ico">↪</span>Move to…</div>'
         +'<div class="bm-sep"></div>'
         +'<div class="bm-colors"><div class="bm-colors-label">Text</div><div class="bm-swatches">'+colorsText+'</div></div>'
@@ -1245,6 +1253,12 @@ replaceBlock(idx,type){const b=this.blocks[idx];if(!b)return;this.sync();this.pu
         setBlockColor(idx,key,val){if(idx<0||idx>=this.blocks.length)return;const targets=this._blockTargets(idx);const v=(!val||val==='default')?null:val;this.sync();this.pushHistory();targets.forEach(i=>{const b=this.blocks[i];if(!b)return;if(!b.style)b.style={};if(v==null)delete b.style[key];else b.style[key]=v;});this.dirty=true;this.autoSave();this.render();_rtSync();_selClear();},
         copyBlockLink(bid){const url=window.location.origin+window.location.pathname+'#fdblk-'+bid;if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(url).then(()=>this.showToast('Lien du bloc copié')).catch(()=>this.showToast('Copie impossible','error'));}else{this.showToast(url,'error');}},
         deleteSelected(idx){const indices=_selIndicesSorted();if(indices.length<=1)return this.removeBlock(idx);this.sync();this.pushHistory();const keep=this.blocks.filter((b,i)=>indices.indexOf(i)<0);this.blocks=keep.length?keep:[this.mkB('paragraph','')];const fi=Math.min(idx,this.blocks.length-1);this.dirty=true;this.autoSave();this.render();_rtSync();_selClear();setTimeout(()=>{const el=this.getEl(this.blocks[fi]?.id);if(el){el.focus();ce(el);}},60);},
+        // ── v5.11: Copy / Cut / Paste selected blocks ──
+        _blocksToMarkdown(blocks){return blocks.map(blocksToMarkdown).join('\n\n');},
+        copySelectedBlocks(){const indices=_selIndicesSorted();if(!indices.length)return;const selected=indices.map(i=>this.blocks[i]).filter(Boolean);if(!selected.length)return;const md=this._blocksToMarkdown(selected);if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(md).then(()=>this.showToast('Blocs copiés')).catch(()=>this.showToast('Copie impossible','error'));}else{this.showToast(md,'error');}},
+        cutSelectedBlocks(){const indices=_selIndicesSorted();if(!indices.length)return;this.sync();this.pushHistory();const selected=indices.map(i=>this.blocks[i]).filter(Boolean);if(!selected.length)return;const md=this._blocksToMarkdown(selected);if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(md).then(()=>{});}this.blocks=this.blocks.filter((b,i)=>indices.indexOf(i)<0);if(!this.blocks.length)this.blocks=[this.mkB('paragraph','')];this.dirty=true;this.autoSave();this.render();_rtSync();_selClear();this.showToast('Blocs coupés');},
+        async pasteBlocks(){const idx=this._focusedIdx();if(idx<0)return;try{const text=await navigator.clipboard.readText();if(!text||!text.trim())return;const parsed=this.md2b(text);if(!parsed.length)return;this.sync();this.pushHistory();this.blocks.splice(idx+1,0,...parsed);this.dirty=true;this.autoSave();this.render();_rtSync();this._focusBid(parsed[parsed.length-1].id);_selClear();}catch(e){if(e.name==='NotAllowedError'){this.showToast('Permission presse-papier refusée');}else{this.showToast('Coller impossible','error');}},
+        _focusedIdx(){const a=this.getActiveBlock();return a?a.idx:-1;},
         async moveBlockToPage(idx,pageId){if(idx<0||idx>=this.blocks.length||pageId===this.pid)return;this.sync();this.pushHistory();const block=this.blocks[idx];const self=this;const csrf=document.cookie.match(/csrf_token=([^;]+)/);this.showToast('Déplacement du bloc…');try{const r=await fetch(`/board/api/pages/${pageId}`,{credentials:'same-origin'});const d=await r.json();let tblocks=[];if(d.content_format==='blocks'&&d.content){try{tblocks=JSON.parse(d.content);}catch(e){tblocks=[];}}tblocks.push(block);await fetch(`/board/api/pages/${pageId}/blocks`,{method:'POST',headers:{'Content-Type':'application/json','X-CSRF-Token':csrf?csrf[1]:''},body:JSON.stringify({title:d.title||'',blocks:tblocks})});
           if(this.blocks.length<=1){this.blocks[0]=this.mkB('paragraph','');}else{this.blocks.splice(idx,1);}this.dirty=true;this.autoSave();this.render();_rtSync();_selClear();this.showToast('Bloc déplacé');
         }catch(e){this.showToast('Échec du déplacement','error');}},
@@ -1558,6 +1572,8 @@ applyAIBlocks(text){
             .catch(function(){ self.showToast('Move failed'); });
         },
         deletePage(){this.moreOpen=false;if(!confirm('Move to Trash?'))return;const csrf=document.cookie.match(/csrf_token=([^;]+)/);fetch(`/board/api/pages/${this.pid}/trash`,{method:'POST',headers:{'X-CSRF-Token':csrf?csrf[1]:''}}).then(()=>{window.location.href='/';}).catch(()=>{window.showToast('Failed','error');});},
+        downloadFile(){this.moreOpen=false;if(!this.fileUrl)return;var a=document.createElement('a');a.href=this.fileUrl;a.download='';document.body.appendChild(a);a.click();document.body.removeChild(a);this.showToast('Download started','success');},
+        async copyFileContent(){this.moreOpen=false;if(!this.fileUrl)return;try{var r=await fetch('/api/pages/'+this.pid+'/file-content');var d=await r.json();if(d.ok&&d.content!==undefined){await navigator.clipboard.writeText(d.content);this.showToast('Content copied to clipboard','success');}else{this.showToast('Not a text file','error');}}catch(e){this.showToast('Copy failed','error');}},
 
         // ── v4.6.0 / v5.3.0: Get Started actions — Database (template picker) ──
         dbTplOpen:false, dbTplLoading:false, dbTemplates:[], dbTplTargetIdx:-1,
@@ -1645,7 +1661,7 @@ applyAIBlocks(text){
           }
         },
 
-        onKd(e){
+        async onKd(e){
           const ab=this.getActiveBlock();if(!ab)return;
           const{el,bid,idx}=ab;const block=this.blocks[idx];if(!block)return;
           if(SM.isOpen){
@@ -1690,6 +1706,20 @@ applyAIBlocks(text){
             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;}
             if(e.key.toLowerCase()==='d'){e.preventDefault();const ab2=this.getActiveBlock();if(ab2)this.duplicateBlock(ab2.idx);return;}
+            if(e.key.toLowerCase()==='c'){
+              e.preventDefault();
+              const sel=_selIndicesSorted();
+              if(sel.length>0){this.copySelectedBlocks();return;}
+            }
+            if(e.key.toLowerCase()==='x'){
+              e.preventDefault();
+              const sel=_selIndicesSorted();
+              if(sel.length>0){this.cutSelectedBlocks();return;}
+            }
+            if(e.key.toLowerCase()==='v'){
+              e.preventDefault();
+              await this.pasteBlocks();return;
+            }
             const m={b:'bold',i:'italic',u:'underline'};if(m[e.key]){e.preventDefault();document.execCommand(m[e.key]);this.dirty=true;this.autoSave();}}
           if(e.key==='Tab'&&block.type==='code'){e.preventDefault();document.execCommand('insertText',false,'  ');}
           this.dirty=true;this.autoSave();

app/templates/base.html

@@ -45,6 +45,15 @@
       .page-title-block {
         padding: 16px 8px;
       }
+      .page-title-block::before {
+        display: none;
+      }
+      .page-title-block .page-icon-emoji {
+        margin-left: 0;
+      }
+      .page-title-block .page-title-input {
+        padding-left: 0;
+      }
       .blocks-container {
         padding: 0 4px;
       }

app/templates/library.html

@@ -718,6 +718,8 @@ function libraryPage() {
         setIcon: function (icon) { self.setItemIcon(item, icon); },
         duplicate: function (n) { self.duplicateItem(n); },
         link: function (n) { self.copyLink(n); },
+        download: function (n) { self.downloadItem(n); },
+        copyContent: function (n) { self.copyItemContent(n); },
         move: function (n) { self.openMovePicker([n.id]); },
         fav: function (n) { self.toggleFavoriteItem(n); },
         delete: function (n) { self.deleteItem(n); },
@@ -731,6 +733,34 @@ function libraryPage() {
       store.openMenu(evt, item, 'library', handlers);
     },
 
+    downloadItem(node) {
+      if (!node || node.is_folder) return;
+      var url = '/api/pages/' + node.id + '/download';
+      var a = document.createElement('a');
+      a.href = url;
+      a.style.display = 'none';
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      if (window.showToast) window.showToast('Download started', 'success');
+    },
+
+    async copyItemContent(node) {
+      if (!node || node.is_folder) return;
+      try {
+        var r = await fetch('/api/pages/' + node.id + '/file-content');
+        var d = await r.json();
+        if (d.ok && d.content !== undefined) {
+          await navigator.clipboard.writeText(d.content);
+          if (window.showToast) window.showToast('Content copied to clipboard', 'success');
+        } else {
+          if (window.showToast) window.showToast('Not a text file', 'error');
+        }
+      } catch (e) {
+        if (window.showToast) window.showToast('Copy failed', 'error');
+      }
+    },
+
     // ── Drag & drop (move / reparent) ──
     onRowDragStart(evt, id) {
       if (!evt.target.closest('.drag-handle')) { evt.preventDefault(); return; }

app/templates/local_workspace.html

@@ -1025,6 +1025,8 @@ window._wsInitData = (function() {
         setIcon: function (icon) { self.setItemIcon(node, icon); },
         duplicate: function (n) { self.duplicateItem(n); },
         link: function (n) { self.copyItemLink(n); },
+        download: function (n) { self.downloadItem(n); },
+        copyContent: function (n) { self.copyItemContent(n); },
         move: function (n) { self._ctxMove(n); },
         fav: function (n) { self.toggleFavorite(n); },
         delete: function (n) { self.deleteWithUndo(n); },
@@ -1035,6 +1037,34 @@ window._wsInitData = (function() {
       store.openMenu(ev, node, 'workspace', handlers);
     },
 
+    downloadItem(node) {
+      if (!node || node.is_folder) return;
+      var url = '/api/pages/' + node.id + '/download';
+      var a = document.createElement('a');
+      a.href = url;
+      a.style.display = 'none';
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      if (window.showToast) window.showToast('Download started', 'success');
+    },
+
+    async copyItemContent(node) {
+      if (!node || node.is_folder) return;
+      try {
+        var r = await fetch('/api/pages/' + node.id + '/file-content');
+        var d = await r.json();
+        if (d.ok && d.content !== undefined) {
+          await navigator.clipboard.writeText(d.content);
+          if (window.showToast) window.showToast('Content copied to clipboard', 'success');
+        } else {
+          if (window.showToast) window.showToast('Not a text file', 'error');
+        }
+      } catch (e) {
+        if (window.showToast) window.showToast('Copy failed', 'error');
+      }
+    },
+
     _ctxAvailTags(node) {
       return (this.workspaceTags || []).filter(function(t) {
         return !((node && node.tags) || []).some(function(nt) { return nt.id === t.id; });