feat: show discussion comments in anchor modal

- Fetch up to 10 recent comments per discussion (author, avatar, body, date)
- Render comments above the Vote/Discuss buttons in the modal
- Update feedback.json with comment content

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: raifdmueller

scripts/fetch-discussion-votes.js

@@ -36,7 +36,14 @@ function fetchAllDiscussions() {
             body
             url
             upvoteCount
-            comments { totalCount }
+            comments(first: 10) {
+              totalCount
+              nodes {
+                author { login avatarUrl }
+                body
+                createdAt
+              }
+            }
           }
           pageInfo { hasNextPage endCursor }
         }
@@ -74,11 +81,22 @@ function main() {
       continue
     }
 
-    feedback[anchorId] = {
+    const entry = {
       upvotes: d.upvoteCount,
       comments: d.comments.totalCount,
       url: d.url,
     }
+
+    if (d.comments.nodes && d.comments.nodes.length > 0) {
+      entry.recentComments = d.comments.nodes.map((c) => ({
+        author: c.author ? c.author.login : 'ghost',
+        avatar: c.author ? c.author.avatarUrl : '',
+        body: c.body,
+        date: c.createdAt,
+      }))
+    }
+
+    feedback[anchorId] = entry
     mapped++
   }
 

website/public/data/feedback.json

@@ -2,7 +2,15 @@
   "socratic-method": {
     "upvotes": 2,
     "comments": 1,
-    "url": "https://github.com/LLM-Coding/Semantic-Anchors/discussions/291"
+    "url": "https://github.com/LLM-Coding/Semantic-Anchors/discussions/291",
+    "recentComments": [
+      {
+        "author": "rdmueller",
+        "avatar": "https://avatars.githubusercontent.com/u/1856308?u=2c7443f52b575e8b3aefbc3007aea8b3cccac00f&v=4",
+        "body": "works best for me to clarify requirements",
+        "date": "2026-03-18T12:25:31Z"
+      }
+    ]
   },
   "yagni": {
     "upvotes": 1,

website/src/components/anchor-modal.js

@@ -277,8 +277,30 @@ export async function loadAnchorContent(anchorId) {
         ? fb.url
         : null
     if (safeFeedbackUrl) {
+      const commentsHtml =
+        fb.recentComments && fb.recentComments.length > 0
+          ? `
+          <div class="feedback-comments">
+            ${fb.recentComments
+              .map(
+                (c) => `
+              <div class="feedback-comment">
+                <img src="${escapeHtml(c.avatar)}" alt="${escapeHtml(c.author)}" class="feedback-avatar" width="24" height="24" />
+                <div class="feedback-comment-body">
+                  <span class="feedback-author">${escapeHtml(c.author)}</span>
+                  <p class="feedback-text">${escapeHtml(c.body)}</p>
+                </div>
+              </div>
+            `
+              )
+              .join('')}
+          </div>
+        `
+          : ''
+
       const feedbackHtml = `
         <div class="feedback-section">
+          ${commentsHtml}
           <div class="feedback-actions">
             <a href="${escapeHtml(safeFeedbackUrl)}" target="_blank" rel="noopener noreferrer" class="feedback-btn feedback-btn-vote">
               <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">

website/src/styles/main.css

@@ -196,6 +196,30 @@ body {
   @apply dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700;
 }
 
+.feedback-comments {
+  @apply mb-4 space-y-3;
+}
+
+.feedback-comment {
+  @apply flex gap-3 items-start;
+}
+
+.feedback-avatar {
+  @apply rounded-full flex-shrink-0;
+}
+
+.feedback-comment-body {
+  @apply min-w-0;
+}
+
+.feedback-author {
+  @apply text-sm font-medium text-[var(--color-text)];
+}
+
+.feedback-text {
+  @apply text-sm text-[var(--color-text-secondary)] mt-0.5 mb-0;
+}
+
 .feedback-hint {
   @apply mt-2 text-xs text-gray-400 dark:text-gray-500;
 }