fix: share persistence + clipboard fallback + auto-save

- DB: pages.share_mode (private/invited/anyone) + published (bool)
- API: POST /board/api/share/{id} saves share settings to DB
- view_page: passes page_share_mode + page_published to template
- page_editor: inits share state from server, auto-saves on change
- Clipboard: fallback to textarea for HTTP (navigator.clipboard blocked)
- Toast: showToast() with proper timeout clearing

app/templates/page_editor.html

@@ -334,8 +334,9 @@ function editor(pid,title,fmt,raw,favorited){
     pid,pageTitle:title,blocks:[],dirty:false,saving:false,lastSaved:'',st:null,
     fmt:{open:false,top:0,left:0,idx:-1},
     shareOpen:false,moreOpen:false,gsMoreOpen:false,accessMenuOpen:false,
-    shareTab:'share',favorited:!!favorited,pagePublished:false,
-    generalAccess:'invited',publicPerm:'viewer',
+    shareTab:'share',favorited:!!favorited,
+    pagePublished:{{ page_published | tojson }},
+    generalAccess:'{{ page_share_mode }}',publicPerm:'viewer',
     pubAllowEdit:false,pubAllowComments:true,
     pageUrl:window.location.href,publishedUrl:'',
     inviteEmail:'',invitePermission:'editor',accessList:[],
@@ -374,15 +375,30 @@ function editor(pid,title,fmt,raw,favorited){
       const m=this.favorited?'DELETE':'POST';
       fetch(`/board/api/favorites/${this.pid}`,{method:m,headers:{'X-CSRF-Token':csrf?csrf[1]:''}})
         .then(r=>r.json()).then(()=>{this.favorited=!this.favorited;}).catch(()=>{});
+    togglePublish(){this.pagePublished=!this.pagePublished;this.saveShare();},
+    saveShare(){
+      const csrf=document.cookie.match(/csrf_token=([^;]+)/);
+      fetch(`/board/api/share/${this.pid}`,{method:'POST',headers:{'Content-Type':'application/json','X-CSRF-Token':csrf?csrf[1]:''},body:JSON.stringify({mode:this.generalAccess,published:this.pagePublished})}).catch(()=>{});
     },
     copyPageLink(){
-      navigator.clipboard.writeText(this.pageUrl).then(()=>{
-        this.toastMsg='Link copied to clipboard';
-        this.toastVisible=true;
-        setTimeout(()=>{this.toastVisible=false;},2500);
-      }).catch(()=>{});
+      const url = this.pageUrl;
+      const fallback = () => {
+        const ta = document.createElement('textarea');
+        ta.value = url; ta.style.position='fixed'; ta.style.opacity='0';
+        document.body.appendChild(ta); ta.select();
+        document.execCommand('copy'); document.body.removeChild(ta);
+      };
+      try {
+        navigator.clipboard.writeText(url).then(() => {
+          this.showToast('Link copied to clipboard');
+        }).catch(() => { fallback(); this.showToast('Link copied to clipboard'); });
+      } catch(e) { fallback(); this.showToast('Link copied to clipboard'); }
+    },
+    showToast(msg){
+      this.toastMsg = msg; this.toastVisible = true;
+      clearTimeout(this._toastTimer);
+      this._toastTimer = setTimeout(() => { this.toastVisible = false; }, 2500);
     },
-    togglePublish(){this.pagePublished=!this.pagePublished;},
     invitePerson(){if(!this.inviteEmail.trim())return;this.accessList.push({email:this.inviteEmail,permission:this.invitePermission,permOpen:false});this.inviteEmail='';},
     removeAccess(email){this.accessList=this.accessList.filter(a=>a.email!==email);},
     exportPage(){this.moreOpen=false;},