Improve comment rendering: human-readable paragraph labels, use authorHandle

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

templates/document_edit.html

···
             byParagraph[pid].push(c);
         }
 
-        container.innerHTML = Object.entries(byParagraph).map(([pid, thread]) => `
+        container.innerHTML = Object.entries(byParagraph).map(([pid, thread]) => {
+            const label = pid === 'general' ? 'General' : 'Paragraph ' + (parseInt(pid.replace('p-', ''), 10) + 1);
+            return `
             <div class="comment-thread" data-paragraph="${escHtml(pid)}">
-                <div class="comment-thread-label">¶ ${escHtml(pid)}</div>
+                <div class="comment-thread-label">¶ ${escHtml(label)}</div>
                 ${thread.map(c => `
                     <div class="comment-item">
-                        <div class="comment-author">${escHtml(c.authorName || c.author)}</div>
+                        <div class="comment-author">${escHtml(c.authorHandle || c.author)}</div>
                         <div class="comment-text">${escHtml(c.text)}</div>
                         <div class="comment-time">${formatTime(c.createdAt)}</div>
                     </div>
                 `).join('')}
             </div>
-        `).join('');
+        `;
+        }).join('');
     }
 
     function formatTime(ts) {