Fix flow from new page creation to page editor.

frontend/src/SiteEditor.vue

@@ -190,7 +190,7 @@ async function loadPlain(p) {
   history.replaceState(null, '', finalUrl)
   runScripts(document.getElementById('page-banner'))
   runScripts(document.getElementById('main'))
-  dispatchEvent(new CustomEvent('pagerite:preview')) // re-tuck the edit pen
+  dispatchEvent(new CustomEvent('pagerite:preview')) // re-inject + re-tuck the edit pens
   // The swap brought in the server-rendered (inherited) banner; overlay
   // the page's own banner if one is being edited.
   if (banner.value.trim()) previewBanner()

frontend/src/pagerite.js

@@ -214,7 +214,14 @@ import { showAuthIframe } from 'paskia'
     if (btn && h1 && btn.parentElement !== h1) h1.append(btn);
   }
 
-  addEventListener("pagerite:preview", placeEditPen);
+  addEventListener("pagerite:preview", () => {
+    // The editors' in-place swaps (SiteEditor.loadPlain) replace #main
+    // without applyEffects, discarding the injected pens; re-add them
+    // before tucking the article pen into the h1. Without this a freshly
+    // created page has no pen for commitPending's handover click.
+    renderAuthUi();
+    placeEditPen();
+  });
 
   function applyEffects() {
     (window.requestIdleCallback || setTimeout)(preload);