From a38ce269cc9283556621b5447eb3a0caf697eae9 Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Tue, 20 Jan 2026 21:07:36 -1000
Subject: Add in-app bug reporting feature

- New bugs table in SQLite (migration 005)
- Store methods for saving and retrieving bugs
- Handlers for GET/POST /bugs
- Floating bug button with modal UI
- Shows recent bug reports in modal

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 web/templates/index.html | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

(limited to 'web/templates')

diff --git a/web/templates/index.html b/web/templates/index.html
index 617ccfe..2cd4c59 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -84,6 +84,48 @@
         </div>
     </div>
 
+    <!-- Bug Report Button -->
+    <button onclick="document.getElementById('bug-modal').classList.remove('hidden')"
+            class="fixed bottom-4 right-4 bg-red-500 hover:bg-red-600 text-white p-3 rounded-full shadow-lg no-print"
+            title="Report a bug">
+        🐛
+    </button>
+
+    <!-- Bug Report Modal -->
+    <div id="bug-modal" class="hidden fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50">
+        <div class="bg-white rounded-lg shadow-xl max-w-md w-full max-h-[80vh] overflow-hidden">
+            <div class="p-4 border-b border-gray-200 flex justify-between items-center">
+                <h2 class="font-semibold text-gray-900">Report Bug</h2>
+                <button onclick="document.getElementById('bug-modal').classList.add('hidden')"
+                        class="text-gray-400 hover:text-gray-600">✕</button>
+            </div>
+            <div class="p-4">
+                <form hx-post="/bugs"
+                      hx-target="#bug-list"
+                      hx-swap="innerHTML"
+                      hx-on::after-request="if(event.detail.successful) this.reset()">
+                    <textarea name="description"
+                              placeholder="Describe the bug..."
+                              class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm mb-3 h-24"
+                              required></textarea>
+                    <button type="submit"
+                            class="w-full bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg text-sm font-medium">
+                        Submit Bug Report
+                    </button>
+                </form>
+                <div class="mt-4 border-t border-gray-200 pt-4">
+                    <h3 class="text-sm font-medium text-gray-700 mb-2">Recent Reports</h3>
+                    <div id="bug-list"
+                         class="max-h-48 overflow-y-auto"
+                         hx-get="/bugs"
+                         hx-trigger="load">
+                        <p class="text-gray-400 text-sm">Loading...</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script src="/static/js/htmx.min.js"></script>
     <script src="/static/js/app.js"></script>
 </body>
-- 
cgit v1.2.3