Add Suggest Feedback button to chapter pages (#2)

Author: Siddhant-K-code

src/components/TableOfContents.astro

@@ -1,9 +1,11 @@
 ---
 interface Props {
   headings: { depth: number; slug: string; text: string }[];
+  editUrl?: string;
+  feedbackUrl?: string;
 }
 
-const { headings } = Astro.props;
+const { headings, editUrl, feedbackUrl } = Astro.props;
 const filtered = headings.filter((h) => h.depth >= 2 && h.depth <= 3);
 ---
 
@@ -31,6 +33,36 @@ const filtered = headings.filter((h) => h.depth >= 2 && h.depth <= 3);
         ))}
       </ul>
     </nav>
+    {(editUrl || feedbackUrl) && (
+      <div class="mt-6 pt-4 border-t border-[var(--border-subtle)] flex flex-col gap-1.5">
+        {editUrl && (
+          <a
+            href={editUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            class="inline-flex items-center gap-1.5 text-[11px] text-[var(--text-tertiary)] hover:text-[var(--text-secondary)] transition-colors"
+          >
+            <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" /><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+            </svg>
+            Edit on GitHub
+          </a>
+        )}
+        {feedbackUrl && (
+          <a
+            href={feedbackUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            class="inline-flex items-center gap-1.5 text-[11px] text-[var(--text-tertiary)] hover:text-[var(--text-secondary)] transition-colors"
+          >
+            <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+            </svg>
+            Suggest Feedback
+          </a>
+        )}
+      </div>
+    )}
   </aside>
 )}
 

src/layouts/ChapterLayout.astro

@@ -25,6 +25,7 @@ const pageTitle = chapter
   : `${title} | The Agentic Engineering Guide`;
 
 const editUrl = `https://github.com/Siddhant-K-code/agentic-engineering-guide/edit/main/src/content/chapters/${currentSlug}.mdx`;
+const feedbackUrl = `https://github.com/Siddhant-K-code/agentic-engineering-guide/issues/new?title=Feedback:+${encodeURIComponent(title)}&labels=feedback`;
 ---
 
 <BaseLayout title={pageTitle} description={description}>
@@ -52,7 +53,7 @@ const editUrl = `https://github.com/Siddhant-K-code/agentic-engineering-guide/ed
                 Part {part} / {partTitle}
               </span>
             )}
-            <div class="mt-3">
+            <div class="mt-3 flex flex-wrap gap-3">
               <a
                 href={editUrl}
                 target="_blank"
@@ -64,6 +65,17 @@ const editUrl = `https://github.com/Siddhant-K-code/agentic-engineering-guide/ed
                 </svg>
                 Edit on GitHub
               </a>
+              <a
+                href={feedbackUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                class="inline-flex items-center gap-1 text-xs text-[var(--text-tertiary)] hover:text-[var(--text-secondary)] transition-colors"
+              >
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+                </svg>
+                Suggest Feedback
+              </a>
             </div>
           </header>
 
@@ -77,7 +89,7 @@ const editUrl = `https://github.com/Siddhant-K-code/agentic-engineering-guide/ed
         </article>
 
         <!-- Right rail: Table of Contents -->
-        <TableOfContents headings={headings} />
+        <TableOfContents headings={headings} editUrl={editUrl} feedbackUrl={feedbackUrl} />
       </div>
     </main>
   </div>