Wire paragraph click to comment button; pass ownerDID in comment API calls

Co-Authored-By: Claude Sonnet 4.6 <[e-mail]>

templates/document_edit.html

···
         if (!text) return;
 
         try {
+            const body = { paragraphId: activeCommentParagraphId, text };
+            if (ownerDID) body.ownerDID = ownerDID;
             const resp = await fetch(`/api/docs/${rkey}/comments`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ paragraphId: activeCommentParagraphId, text }),
+                body: JSON.stringify(body),
             });
             if (!resp.ok) throw new Error(await resp.text());
             closeCommentForm();
···
     async function loadComments() {
         if (!accessToken) return;
         try {
-            const resp = await fetch(`/api/docs/${rkey}/comments`);
+            const qs = ownerDID ? '?ownerDID=' + encodeURIComponent(ownerDID) : '';
+            const resp = await fetch(`/api/docs/${rkey}/comments${qs}`);
             if (!resp.ok) return;
             const comments = await resp.json();
             renderCommentThreads(comments);
···
             console.error('Load comments failed:', e);
         }
     }
+
+    function setupParagraphCommentTrigger() {
+        const editorEl = document.getElementById('editor-rich');
+        if (!editorEl) return;
+        editorEl.addEventListener('click', e => {
+            const pmEl = e.target.closest('.ProseMirror');
+            if (!pmEl) return;
+            const paraEl = e.target.closest('p, h1, h2, h3, h4, h5, h6, li');
+            if (!paraEl) return;
+            const siblings = Array.from(paraEl.parentElement.children);
+            const idx = siblings.indexOf(paraEl);
+            const pid = 'p-' + idx;
+            activeCommentParagraphId = pid;
+            if (commentBtn) {
+                const rect = paraEl.getBoundingClientRect();
+                commentBtn.style.top = (rect.top + window.scrollY + rect.height / 2 - 12) + 'px';
+                commentBtn.style.left = (rect.right + window.scrollX + 8) + 'px';
+                commentBtn.style.display = 'block';
+            }
+        });
+    }
+    setupParagraphCommentTrigger();
 
     // ── Init ──────────────────────────────────────────────────────────────────