diff --git a/bugs.html b/bugs.html
index 06c9d54..38016b2 100644
--- a/bugs.html
+++ b/bugs.html
@@ -1399,7 +1399,7 @@
 
       function showError(msg) {
         const el = document.getElementById("error-banner");
-        el.innerHTML = `<span>${esc(msg)}</span><button onclick="hideError()">×</button>`;
+        el.innerHTML = `<span>${esc(msg)}</span><button onclick="BugsApp.hideError()">×</button>`;
         el.classList.remove("hidden");
       }
 
@@ -1544,8 +1544,8 @@
           errorEl.innerHTML = `
             This looks like a domain. Did you mean <strong>${esc(suggested)}</strong>?
             <div style="margin-top: 0.5rem;">
-              <button type="button" class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="useSuggestedNamespace('${esc(suggested)}')">Use ${esc(suggested)}</button>
-              <button type="button" class="btn btn-secondary" style="margin-left: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="dismissNamespaceSuggestion()">Keep as-is</button>
+              <button type="button" class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="BugsApp.useSuggestedNamespace('${esc(suggested)}')">Use ${esc(suggested)}</button>
+              <button type="button" class="btn btn-secondary" style="margin-left: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="BugsApp.dismissNamespaceSuggestion()">Keep as-is</button>
             </div>
           `;
           input.parentElement.classList.add("has-error");
@@ -2031,18 +2031,18 @@
           return `
             <div class="loading-container">
               <p>No bug reports yet.</p>
-              <button class="btn btn-primary" onclick="handleReportBug()">Report First Bug</button>
+              <button class="btn btn-primary" onclick="BugsApp.handleReportBug()">Report First Bug</button>
             </div>
           `;
         }
 
         return `
-          <div class="filter-bar" style="justify-content: flex-end;"><button class="btn btn-primary" onclick="handleReportBug()">Report Bug</button></div>
+          <div class="filter-bar" style="justify-content: flex-end;"><button class="btn btn-primary" onclick="BugsApp.handleReportBug()">Report Bug</button></div>
           <div class="namespace-grid">
             ${state.namespaces
               .map(
                 (ns) => `
-              <div class="card namespace-card" onclick="navigateToNamespace('${esc(ns.namespace)}')">
+              <div class="card namespace-card" onclick="BugsApp.navigateToNamespace('${esc(ns.namespace)}')">
                 <div class="namespace-name">${esc(ns.namespace)}</div>
                 <div class="namespace-count">${ns.count} bug${ns.count !== 1 ? "s" : ""}</div>
               </div>
@@ -2075,7 +2075,7 @@
         content += `
           <div class="filter-bar">
             <div class="filter-group">
-              <select onchange="handleSeverityFilter(this.value)">
+              <select onchange="BugsApp.handleSeverityFilter(this.value)">
                 <option value="">All Severities</option>
                 <option value="unusable" ${state.filters.severity === "unusable" ? "selected" : ""}>Unusable</option>
                 <option value="broken" ${state.filters.severity === "broken" ? "selected" : ""}>Broken</option>
@@ -2083,7 +2083,7 @@
                 <option value="cosmetic" ${state.filters.severity === "cosmetic" ? "selected" : ""}>Cosmetic</option>
               </select>
             </div>
-            <button class="btn btn-primary" onclick="handleReportBug()">Report Bug</button>
+            <button class="btn btn-primary" onclick="BugsApp.handleReportBug()">Report Bug</button>
           </div>
         `;
 
@@ -2115,7 +2115,7 @@
           if (state.hasMore) {
             content += `
               <div class="load-more">
-                <button class="btn btn-secondary" onclick="loadMoreBugs()" ${state.isLoading ? "disabled" : ""}>
+                <button class="btn btn-secondary" onclick="BugsApp.loadMoreBugs()" ${state.isLoading ? "disabled" : ""}>
                   ${state.isLoading ? '<span class="spinner" style="width:16px;height:16px;border-width:2px;display:inline-block;vertical-align:middle;"></span>' : "Load More"}
                 </button>
               </div>
@@ -2130,7 +2130,7 @@
         const displayStatus = getBugDisplayStatus(bug);
         const commentCount = bug.networkSlicesToolsBugCommentViaBug?.totalCount || 0;
         return `
-          <div class="card bug-card" onclick="openBugDetail('${esc(bug.uri)}')">
+          <div class="card bug-card" onclick="BugsApp.openBugDetail('${esc(bug.uri)}')">
             <div class="bug-card-header">
               <span class="badge ${getSeverityClass(bug.severity)}">${esc(bug.severity)}</span>
               <span class="status-badge ${displayStatus.cssClass}">${esc(displayStatus.label)}</span>
@@ -2191,7 +2191,7 @@
         overlay.innerHTML = `
           <div class="overlay-header">
             <span class="overlay-title">Loading...</span>
-            <button class="overlay-close" onclick="closeOverlay()">×</button>
+            <button class="overlay-close" onclick="BugsApp.closeOverlay()">×</button>
           </div>
           <div class="overlay-body">
             <div class="loading-container">
@@ -2235,7 +2235,7 @@
               <span class="status-badge ${displayStatus.cssClass}">${esc(displayStatus.label)}</span>
               <h2 class="overlay-title">${esc(bug.title)}</h2>
             </div>
-            <button class="overlay-close" onclick="closeOverlay()">×</button>
+            <button class="overlay-close" onclick="BugsApp.closeOverlay()">×</button>
           </div>
           <div class="overlay-body">
             <div class="overlay-meta">
@@ -2245,13 +2245,13 @@
             </div>
 
             <div class="overlay-actions" style="margin-bottom: 1.5rem;">
-              <button class="btn btn-secondary" onclick="shareBug()">Share</button>
-              ${canAddResponse ? `<button class="btn btn-secondary btn-icon-text" onclick="openLinkIssueModal('${esc(bug.uri)}')">${tangledIcon(16)} Link Issue</button>` : ""}
+              <button class="btn btn-secondary" onclick="BugsApp.shareBug()">Share</button>
+              ${canAddResponse ? `<button class="btn btn-secondary btn-icon-text" onclick="BugsApp.openLinkIssueModal('${esc(bug.uri)}')">${tangledIcon(16)} Link Issue</button>` : ""}
               ${
                 canEdit
                   ? `
-                <button class="btn btn-secondary" onclick="openEditModal('${esc(bug.uri)}')">Edit</button>
-                <button class="btn btn-danger" onclick="handleDeleteBug('${esc(bug.uri)}')">Delete</button>
+                <button class="btn btn-secondary" onclick="BugsApp.openEditModal('${esc(bug.uri)}')">Edit</button>
+                <button class="btn btn-danger" onclick="BugsApp.handleDeleteBug('${esc(bug.uri)}')">Delete</button>
               `
                   : ""
               }
@@ -2317,7 +2317,7 @@
               <span class="status-badge ${displayStatus.cssClass}">${esc(displayStatus.label)}</span>
               <h2 class="overlay-title">${esc(bug.title)}</h2>
             </div>
-            <button class="overlay-close" onclick="closeOverlay()">×</button>
+            <button class="overlay-close" onclick="BugsApp.closeOverlay()">×</button>
           </div>
           <div class="overlay-body">
             <div class="overlay-meta">
@@ -2327,13 +2327,13 @@
             </div>
 
             <div class="overlay-actions" style="margin-bottom: 1.5rem;">
-              <button class="btn btn-secondary" onclick="shareBug()">Share</button>
-              ${canAddResponse ? `<button class="btn btn-secondary btn-icon-text" onclick="openLinkIssueModal('${esc(bug.uri)}')">${tangledIcon(16)} Link Issue</button>` : ""}
+              <button class="btn btn-secondary" onclick="BugsApp.shareBug()">Share</button>
+              ${canAddResponse ? `<button class="btn btn-secondary btn-icon-text" onclick="BugsApp.openLinkIssueModal('${esc(bug.uri)}')">${tangledIcon(16)} Link Issue</button>` : ""}
               ${
                 canEdit
                   ? `
-                <button class="btn btn-secondary" onclick="openEditModal('${esc(bug.uri)}')">Edit</button>
-                <button class="btn btn-danger" onclick="handleDeleteBug('${esc(bug.uri)}')">Delete</button>
+                <button class="btn btn-secondary" onclick="BugsApp.openEditModal('${esc(bug.uri)}')">Edit</button>
+                <button class="btn btn-danger" onclick="BugsApp.handleDeleteBug('${esc(bug.uri)}')">Delete</button>
               `
                   : ""
               }
@@ -2418,7 +2418,7 @@
           content = `
             <div class="modal-header">
               <h2 style="display: flex; align-items: center; gap: 0.5rem;">${tangledIcon(20)} Link to Tangled Issue</h2>
-              <button class="modal-close" onclick="closeLinkIssueModal()">×</button>
+              <button class="modal-close" onclick="BugsApp.closeLinkIssueModal()">×</button>
             </div>
             <div class="modal-body">
               ${
@@ -2439,7 +2439,7 @@
                     : `
                 <div class="form-group">
                   <label for="repo-select">Select a repository:</label>
-                  <select id="repo-select" onchange="if(this.value) selectRepoForLinking(this.value)">
+                  <select id="repo-select" onchange="if(this.value) BugsApp.selectRepoForLinking(this.value)">
                     <option value="">Choose a repo...</option>
                     ${repos
                       .map(
@@ -2459,13 +2459,13 @@
           content = `
             <div class="modal-header">
               <h2 style="display: flex; align-items: center; gap: 0.5rem;">${tangledIcon(20)} Link to Tangled Issue</h2>
-              <button class="modal-close" onclick="closeLinkIssueModal()">×</button>
+              <button class="modal-close" onclick="BugsApp.closeLinkIssueModal()">×</button>
             </div>
             <div class="modal-body">
-              <button class="btn btn-secondary" onclick="goBackToRepos()" style="margin-bottom: 1rem;">← Back to repos</button>
+              <button class="btn btn-secondary" onclick="BugsApp.goBackToRepos()" style="margin-bottom: 1rem;">← Back to repos</button>
               <p style="margin-bottom: 0.5rem;"><strong>${esc(selectedRepo.name)}</strong></p>
 
-              <button class="btn btn-primary" style="width: 100%; margin-bottom: 1rem;" onclick="createAndLinkIssue()" ${isLoading ? "disabled" : ""}>
+              <button class="btn btn-primary" style="width: 100%; margin-bottom: 1rem;" onclick="BugsApp.createAndLinkIssue()" ${isLoading ? "disabled" : ""}>
                 + Create New Issue from Bug
               </button>
 
@@ -2487,7 +2487,7 @@
                   ${issues
                     .map(
                       (issue) => `
-                    <div class="card" style="cursor: pointer;" onclick="linkToExistingIssue('${esc(issue.uri)}')">
+                    <div class="card" style="cursor: pointer;" onclick="BugsApp.linkToExistingIssue('${esc(issue.uri)}')">
                       <div style="font-weight: 500;">${esc(issue.title)}</div>
                       <div class="text-secondary" style="font-size: 0.75rem;">${formatTime(issue.createdAt)}</div>
                     </div>
@@ -2502,7 +2502,7 @@
         }
 
         modal.innerHTML = `
-          <div class="modal-backdrop" onclick="closeLinkIssueModal()"></div>
+          <div class="modal-backdrop" onclick="BugsApp.closeLinkIssueModal()"></div>
           <div class="modal-content scrollable">
             ${content}
           </div>
@@ -2689,7 +2689,7 @@ Linked from bug: ${bugUrl}`;
                         ${url ? ` · <a href="${esc(url)}" target="_blank" onclick="event.stopPropagation()">View on Tangled</a>` : ""}
                       </div>
                     </div>
-                    ${canUnlink ? `<button class="btn-icon btn-danger-text" onclick="unlinkIssue('${esc(link.uri)}')" title="Unlink">×</button>` : ""}
+                    ${canUnlink ? `<button class="btn-icon btn-danger-text" onclick="BugsApp.unlinkIssue('${esc(link.uri)}')" title="Unlink">×</button>` : ""}
                   </div>
                 `;
                 })
@@ -2739,7 +2739,7 @@ Linked from bug: ${bugUrl}`;
                   class="attachment-image"
                   src="${esc(img.image.url)}"
                   alt="${esc(img.alt || "Bug attachment")}"
-                  onclick="openLightbox('${esc(img.image.url)}')"
+                  onclick="BugsApp.openLightbox('${esc(img.image.url)}')"
                 />
               `,
                 )
@@ -2764,7 +2764,7 @@ Linked from bug: ${bugUrl}`;
             <div class="response-header">
               <span class="status-badge ${getStatusClass(response.status)}">${esc(response.status)}</span>
               <span class="response-meta"><span class="user-info">${renderAvatar(response.appBskyActorProfileByDid, response.actorHandle, "user-avatar-sm")}@${esc(response.actorHandle)}</span> · ${formatTime(response.createdAt)}</span>
-              ${isResponseAuthor ? `<button class="btn-icon btn-danger-text" onclick="handleDeleteResponse('${esc(response.uri)}')" title="Delete response">×</button>` : ""}
+              ${isResponseAuthor ? `<button class="btn-icon btn-danger-text" onclick="BugsApp.handleDeleteResponse('${esc(response.uri)}')" title="Delete response">×</button>` : ""}
             </div>
             ${response.message ? `<p class="response-message">${renderFacetedText(response.message, response.messageFacets, { escapeHtml: esc })}</p>` : ""}
           </div>
@@ -2775,7 +2775,7 @@ Linked from bug: ${bugUrl}`;
         return `
           <div class="overlay-section">
             <h3>Add Response</h3>
-            <form onsubmit="handleSubmitResponse(event)">
+            <form onsubmit="BugsApp.handleSubmitResponse(event)">
               <div class="form-group">
                 <label for="response-status">Status</label>
                 <select id="response-status" required>
@@ -2813,7 +2813,7 @@ Linked from bug: ${bugUrl}`;
                   (img, i) => `
                 <div class="image-preview">
                   <img src="${esc(img.image?.url)}" alt="${esc(img.alt || "")}" style="max-width: 80px; max-height: 80px; width: auto; height: auto;">
-                  <button type="button" onclick="removeEditCommentAttachment(${i})">×</button>
+                  <button type="button" onclick="BugsApp.removeEditCommentAttachment(${i})">×</button>
                 </div>
               `,
                 )
@@ -2825,11 +2825,11 @@ Linked from bug: ${bugUrl}`;
           return `
             <div class="comment-card" data-uri="${esc(comment.uri)}">
               <div class="comment-form-inline" style="border-top: none; margin-top: 0; padding-top: 0;">
-                <form onsubmit="handleSaveEditComment(event, '${esc(comment.uri)}')">
+                <form onsubmit="BugsApp.handleSaveEditComment(event, '${esc(comment.uri)}')">
                   <textarea id="edit-comment-${esc(comment.uri)}" required>${esc(comment.body)}</textarea>
                   ${attachmentPreviews}
                   <div class="comment-form-actions">
-                    <button type="button" class="btn btn-secondary" onclick="cancelEditComment()">Cancel</button>
+                    <button type="button" class="btn btn-secondary" onclick="BugsApp.cancelEditComment()">Cancel</button>
                     <button type="submit" class="btn btn-primary">Save</button>
                   </div>
                 </form>
@@ -2846,8 +2846,8 @@ Linked from bug: ${bugUrl}`;
                 canEdit
                   ? `
                 <div>
-                  <button class="btn-icon" onclick="startEditComment('${esc(comment.uri)}')" title="Edit"><i data-lucide="pencil"></i></button>
-                  <button class="btn-icon btn-danger-text" onclick="handleDeleteComment('${esc(comment.uri)}')" title="Delete"><i data-lucide="trash-2"></i></button>
+                  <button class="btn-icon" onclick="BugsApp.startEditComment('${esc(comment.uri)}')" title="Edit"><i data-lucide="pencil"></i></button>
+                  <button class="btn-icon btn-danger-text" onclick="BugsApp.handleDeleteComment('${esc(comment.uri)}')" title="Delete"><i data-lucide="trash-2"></i></button>
                 </div>
               `
                   : ""
@@ -2859,7 +2859,7 @@ Linked from bug: ${bugUrl}`;
               !isReply && canComment()
                 ? `
               <div class="comment-actions">
-                <button class="btn btn-secondary" onclick="showReplyForm('${esc(comment.uri)}')">Reply</button>
+                <button class="btn btn-secondary" onclick="BugsApp.showReplyForm('${esc(comment.uri)}')">Reply</button>
               </div>
             `
                 : ""
@@ -2882,7 +2882,7 @@ Linked from bug: ${bugUrl}`;
                 class="attachment-image"
                 src="${esc(img.image.url)}"
                 alt="${esc(img.alt || "Comment attachment")}"
-                onclick="openLightbox('${esc(img.image.url)}')"
+                onclick="BugsApp.openLightbox('${esc(img.image.url)}')"
               />
             `,
               )
@@ -2894,12 +2894,12 @@ Linked from bug: ${bugUrl}`;
       function renderReplyForm(parentUri) {
         return `
           <div class="comment-form-inline">
-            <form onsubmit="handleSubmitComment(event, '${esc(parentUri)}')">
+            <form onsubmit="BugsApp.handleSubmitComment(event, '${esc(parentUri)}')">
               <textarea id="reply-body" placeholder="Write a reply..." required></textarea>
               ${renderCommentImagePreviews()}
               <div class="comment-form-actions">
-                <button type="button" class="btn btn-secondary" onclick="cancelReply()">Cancel</button>
-                <input type="file" id="reply-images" accept="image/*" multiple onchange="handleCommentImageSelect(event)" style="display: none;">
+                <button type="button" class="btn btn-secondary" onclick="BugsApp.cancelReply()">Cancel</button>
+                <input type="file" id="reply-images" accept="image/*" multiple onchange="BugsApp.handleCommentImageSelect(event)" style="display: none;">
                 <button type="button" class="btn btn-secondary btn-icon" onclick="document.getElementById('reply-images').click()" title="Add images">
                   <i data-lucide="image"></i>
                 </button>
@@ -2943,11 +2943,11 @@ Linked from bug: ${bugUrl}`;
       function renderCommentForm() {
         return `
           <div class="comment-form-inline" style="border-top: none; margin-top: 1rem;">
-            <form onsubmit="handleSubmitComment(event)">
+            <form onsubmit="BugsApp.handleSubmitComment(event)">
               <textarea id="comment-body" placeholder="Add a comment..." required></textarea>
               ${renderCommentImagePreviews()}
               <div class="comment-form-actions">
-                <input type="file" id="comment-images" accept="image/*" multiple onchange="handleCommentImageSelect(event)" style="display: none;">
+                <input type="file" id="comment-images" accept="image/*" multiple onchange="BugsApp.handleCommentImageSelect(event)" style="display: none;">
                 <button type="button" class="btn btn-secondary btn-icon" onclick="document.getElementById('comment-images').click()" title="Add images">
                   <i data-lucide="image"></i>
                 </button>
@@ -2967,7 +2967,7 @@ Linked from bug: ${bugUrl}`;
                 (img, i) => `
               <div class="image-preview">
                 <img src="${img.preview}" alt="Preview">
-                <button type="button" onclick="removeCommentImage(${i})">×</button>
+                <button type="button" onclick="BugsApp.removeCommentImage(${i})">×</button>
               </div>
             `,
               )
@@ -3284,14 +3284,14 @@ Linked from bug: ${bugUrl}`;
 
         const modal = document.getElementById("modal");
         modal.innerHTML = `
-          <div class="modal-backdrop" onclick="closeModal()"></div>
+          <div class="modal-backdrop" onclick="BugsApp.closeModal()"></div>
           <div class="modal-content scrollable">
             <div class="modal-header">
               <h2>Report Bug</h2>
-              <button class="modal-close" onclick="closeModal()">×</button>
+              <button class="modal-close" onclick="BugsApp.closeModal()">×</button>
             </div>
             <div class="modal-body">
-              <form id="bug-form" onsubmit="handleSubmitBug(event)">
+              <form id="bug-form" onsubmit="BugsApp.handleSubmitBug(event)">
                 <div class="form-group">
                   <label for="bug-title">Title *</label>
                   <input type="text" id="bug-title" required maxlength="100" placeholder="Brief description of the issue">
@@ -3300,7 +3300,7 @@ Linked from bug: ${bugUrl}`;
                 <div class="form-group">
                   <label for="bug-namespace">Namespace *</label>
                   <p class="hint">e.g., social.grain, app.bsky, fm.teal</p>
-                  <input type="text" id="bug-namespace" required placeholder="com.example" value="${esc(state.namespace || "")}" onblur="validateNamespaceOnBlur()">
+                  <input type="text" id="bug-namespace" required placeholder="com.example" value="${esc(state.namespace || "")}" onblur="BugsApp.validateNamespaceOnBlur()">
                   <div class="error" id="namespace-error"></div>
                 </div>
 
@@ -3335,14 +3335,14 @@ Linked from bug: ${bugUrl}`;
                 <div class="form-group">
                   <label>Screenshots (optional)</label>
                   <div class="image-upload" onclick="document.getElementById('bug-images').click()">
-                    <input type="file" id="bug-images" accept="image/*" multiple onchange="handleImageSelect(event)">
+                    <input type="file" id="bug-images" accept="image/*" multiple onchange="BugsApp.handleImageSelect(event)">
                     <p>Click to upload images</p>
                   </div>
                   <div class="image-previews" id="image-previews"></div>
                 </div>
 
                 <div class="form-actions">
-                  <button type="button" class="btn btn-secondary" onclick="closeModal()">Cancel</button>
+                  <button type="button" class="btn btn-secondary" onclick="BugsApp.closeModal()">Cancel</button>
                   <button type="submit" class="btn btn-primary" id="submit-bug-btn">Submit Bug</button>
                 </div>
               </form>
@@ -3364,11 +3364,11 @@ Linked from bug: ${bugUrl}`;
       function openInfoModal() {
         const modal = document.getElementById("modal");
         modal.innerHTML = `
-          <div class="modal-backdrop" onclick="closeModal()"></div>
+          <div class="modal-backdrop" onclick="BugsApp.closeModal()"></div>
           <div class="modal-content scrollable">
             <div class="modal-header">
               <h2>How Bug Tracker Works</h2>
-              <button class="modal-close" onclick="closeModal()">×</button>
+              <button class="modal-close" onclick="BugsApp.closeModal()">×</button>
             </div>
             <div class="modal-body">
               <div class="info-section">
@@ -3441,14 +3441,14 @@ Linked from bug: ${bugUrl}`;
 
         const modal = document.getElementById("modal");
         modal.innerHTML = `
-          <div class="modal-backdrop" onclick="closeModal()"></div>
+          <div class="modal-backdrop" onclick="BugsApp.closeModal()"></div>
           <div class="modal-content scrollable">
             <div class="modal-header">
               <h2>Edit Bug</h2>
-              <button class="modal-close" onclick="closeModal()">×</button>
+              <button class="modal-close" onclick="BugsApp.closeModal()">×</button>
             </div>
             <div class="modal-body">
-              <form id="bug-form" onsubmit="handleEditBug(event)">
+              <form id="bug-form" onsubmit="BugsApp.handleEditBug(event)">
                 <div class="form-group">
                   <label for="bug-title">Title *</label>
                   <input type="text" id="bug-title" required maxlength="100" value="${esc(bug.title)}">
@@ -3457,7 +3457,7 @@ Linked from bug: ${bugUrl}`;
                 <div class="form-group">
                   <label for="bug-namespace">Namespace *</label>
                   <p class="hint">e.g., social.grain, app.bsky, fm.teal</p>
-                  <input type="text" id="bug-namespace" required value="${esc(bug.namespace)}" onblur="validateNamespaceOnBlur()">
+                  <input type="text" id="bug-namespace" required value="${esc(bug.namespace)}" onblur="BugsApp.validateNamespaceOnBlur()">
                   <div class="error" id="namespace-error"></div>
                 </div>
 
@@ -3492,14 +3492,14 @@ Linked from bug: ${bugUrl}`;
                   <label>Attachments</label>
                   <div id="edit-attachments-list"></div>
                   <div class="image-upload" onclick="document.getElementById('edit-images').click()">
-                    <input type="file" id="edit-images" accept="image/*" multiple onchange="handleEditImageSelect(event)">
+                    <input type="file" id="edit-images" accept="image/*" multiple onchange="BugsApp.handleEditImageSelect(event)">
                     <p>Click to add images</p>
                   </div>
                   <div id="edit-new-images"></div>
                 </div>
 
                 <div class="form-actions">
-                  <button type="button" class="btn btn-secondary" onclick="closeModal()">Cancel</button>
+                  <button type="button" class="btn btn-secondary" onclick="BugsApp.closeModal()">Cancel</button>
                   <button type="submit" class="btn btn-primary" id="submit-bug-btn">Save Changes</button>
                 </div>
               </form>
@@ -3526,7 +3526,7 @@ Linked from bug: ${bugUrl}`;
                 (img, index) => `
               <div class="image-preview">
                 <img src="${esc(img.image.url)}" alt="${esc(img.alt || "Attachment")}">
-                <button type="button" class="remove-image" onclick="removeExistingAttachment(${index})">×</button>
+                <button type="button" class="remove-image" onclick="BugsApp.removeExistingAttachment(${index})">×</button>
               </div>
             `,
               )
@@ -3586,7 +3586,7 @@ Linked from bug: ${bugUrl}`;
                 (img, index) => `
               <div class="image-preview">
                 <img src="${img.dataUrl}" alt="New attachment">
-                <button type="button" class="remove-image" onclick="removeEditPendingImage(${index})">×</button>
+                <button type="button" class="remove-image" onclick="BugsApp.removeEditPendingImage(${index})">×</button>
               </div>
             `,
               )
@@ -3631,8 +3631,8 @@ Linked from bug: ${bugUrl}`;
           document.getElementById("namespace-error").innerHTML = `
             This looks like a domain. Did you mean <strong>${esc(suggested)}</strong>?
             <div style="margin-top: 0.5rem;">
-              <button type="button" class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="useSuggestedNamespace('${esc(suggested)}')">Use ${esc(suggested)}</button>
-              <button type="button" class="btn btn-secondary" style="margin-left: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="confirmNamespace()">Keep as-is</button>
+              <button type="button" class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="BugsApp.useSuggestedNamespace('${esc(suggested)}')">Use ${esc(suggested)}</button>
+              <button type="button" class="btn btn-secondary" style="margin-left: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="BugsApp.confirmNamespace()">Keep as-is</button>
             </div>
           `;
           document.getElementById("bug-namespace").parentElement.classList.add("has-error");
@@ -3850,7 +3850,7 @@ Linked from bug: ${bugUrl}`;
             (img, i) => `
           <div class="image-preview">
             <img src="${img.dataUrl}" alt="Preview">
-            <button type="button" onclick="removeImage(${i})">×</button>
+            <button type="button" onclick="BugsApp.removeImage(${i})">×</button>
           </div>
         `,
           )
@@ -3890,8 +3890,8 @@ Linked from bug: ${bugUrl}`;
           document.getElementById("namespace-error").innerHTML = `
             This looks like a domain. Did you mean <strong>${esc(suggested)}</strong>?
             <div style="margin-top: 0.5rem;">
-              <button type="button" class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="useSuggestedNamespace('${esc(suggested)}')">Use ${esc(suggested)}</button>
-              <button type="button" class="btn btn-secondary" style="margin-left: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="confirmNamespace()">Keep as-is</button>
+              <button type="button" class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="BugsApp.useSuggestedNamespace('${esc(suggested)}')">Use ${esc(suggested)}</button>
+              <button type="button" class="btn btn-secondary" style="margin-left: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem;" onclick="BugsApp.confirmNamespace()">Keep as-is</button>
             </div>
           `;
           document.getElementById("bug-namespace").parentElement.classList.add("has-error");
@@ -3979,7 +3979,7 @@ Linked from bug: ${bugUrl}`;
         el.style.background = "#dcfce7";
         el.style.borderColor = "#86efac";
         el.style.color = "#16a34a";
-        el.innerHTML = `<span>✓ ${esc(msg)}</span><button style="color: #16a34a" onclick="hideError()">×</button>`;
+        el.innerHTML = `<span>✓ ${esc(msg)}</span><button style="color: #16a34a" onclick="BugsApp.hideError()">×</button>`;
         el.classList.remove("hidden");
         setTimeout(hideError, 3000);
       }
@@ -4073,12 +4073,12 @@ Linked from bug: ${bugUrl}`;
       function renderHeaderComponent() {
         const header = document.getElementById("header");
 
-        let left = `<h1>🐛 Bug Tracker</h1> <button class="btn-info" onclick="openInfoModal()" title="How it works">?</button>`;
+        let left = `<h1>🐛 Bug Tracker</h1> <button class="btn-info" onclick="BugsApp.openInfoModal()" title="How it works">?</button>`;
         if (state.namespace) {
           left = `
             <div class="breadcrumb">
-              <a href="?" onclick="navigateHome(event)">🐛 Bug Tracker</a>
-              <button class="btn-info" onclick="openInfoModal()" title="How it works">?</button>
+              <a href="?" onclick="BugsApp.navigateHome(event)">🐛 Bug Tracker</a>
+              <button class="btn-info" onclick="BugsApp.openInfoModal()" title="How it works">?</button>
               <span>/</span>
               <span>${esc(state.namespace)}</span>
             </div>
@@ -4088,9 +4088,9 @@ Linked from bug: ${bugUrl}`;
         const right = state.viewer
           ? `<div class="user-status">
               ${renderAvatar(state.viewer.appBskyActorProfileByDid, state.viewer.handle, "user-avatar-xl user-avatar-ring")}
-              <button class="btn-icon" onclick="logout()" title="Logout"><i data-lucide="log-out"></i></button>
+              <button class="btn-icon" onclick="BugsApp.logout()" title="Logout"><i data-lucide="log-out"></i></button>
             </div>`
-          : `<button class="btn btn-primary" onclick="login()">Login</button>`;
+          : `<button class="btn btn-primary" onclick="BugsApp.login()">Login</button>`;
 
         header.innerHTML = `${left}<div class="user-status">${right}</div>`;
       }
@@ -4221,7 +4221,7 @@ Linked from bug: ${bugUrl}`;
           .map(
             (actor, i) => `
           <li class="autocomplete-item ${i === state.handleSuggestionIndex ? "active" : ""}"
-              onmousedown="selectHandleSuggestion(${i})">
+              onmousedown="BugsApp.selectHandleSuggestion(${i})">
             <div class="autocomplete-avatar">
               ${actor.avatar ? `<img src="${esc(actor.avatar)}" alt="">` : ""}
             </div>
@@ -4261,24 +4261,24 @@ Linked from bug: ${bugUrl}`;
         // Show login modal to get handle
         const modal = document.getElementById("modal");
         modal.innerHTML = `
-          <div class="modal-backdrop" onclick="closeModal()"></div>
+          <div class="modal-backdrop" onclick="BugsApp.closeModal()"></div>
           <div class="modal-content">
             <div class="modal-header">
               <h2>Login</h2>
-              <button class="modal-close" onclick="closeModal()">×</button>
+              <button class="modal-close" onclick="BugsApp.closeModal()">×</button>
             </div>
             <div class="modal-body">
-              <form onsubmit="handleLogin(event)">
+              <form onsubmit="BugsApp.handleLogin(event)">
                 <div class="form-group handle-autocomplete">
                   <label for="login-handle">Sign in with your <a href="https://internethandle.org/" target="_blank">internet handle</a></label>
                   <input type="text" id="login-handle" required placeholder="you.bsky.social" autocomplete="off" data-1p-ignore
-                    oninput="handleHandleInput(event)"
-                    onkeydown="handleHandleKeydown(event)"
-                    onfocusout="setTimeout(() => clearHandleSuggestions(), 150)">
+                    oninput="BugsApp.handleHandleInput(event)"
+                    onkeydown="BugsApp.handleHandleKeydown(event)"
+                    onfocusout="setTimeout(() => BugsApp.clearHandleSuggestions(), 150)">
                   <ul id="handle-suggestions" class="autocomplete-menu"></ul>
                 </div>
                 <div class="form-actions">
-                  <button type="button" class="btn btn-secondary" onclick="closeModal()">Cancel</button>
+                  <button type="button" class="btn btn-secondary" onclick="BugsApp.closeModal()">Cancel</button>
                   <button type="submit" class="btn btn-primary">Login</button>
                 </div>
               </form>
@@ -4336,6 +4336,73 @@ Linked from bug: ${bugUrl}`;
         }
       }
 
+      // Expose functions via namespace for inline event handlers
+      // (required because script type="module" scopes everything to the module)
+      window.BugsApp = {
+        // Error display
+        hideError,
+        // Namespace suggestions
+        useSuggestedNamespace,
+        dismissNamespaceSuggestion,
+        confirmNamespace,
+        validateNamespaceOnBlur,
+        // Navigation
+        navigateToNamespace,
+        navigateHome,
+        // Bug list
+        handleReportBug,
+        handleSeverityFilter,
+        loadMoreBugs,
+        openBugDetail,
+        // Overlay/modal
+        closeOverlay,
+        closeModal,
+        openInfoModal,
+        // Bug actions
+        shareBug,
+        openEditModal,
+        handleDeleteBug,
+        handleSubmitBug,
+        handleEditBug,
+        // Images
+        handleImageSelect,
+        handleEditImageSelect,
+        removeImage,
+        removeExistingAttachment,
+        removeEditPendingImage,
+        openLightbox,
+        // Link issue modal
+        openLinkIssueModal,
+        closeLinkIssueModal,
+        selectRepoForLinking,
+        goBackToRepos,
+        createAndLinkIssue,
+        linkToExistingIssue,
+        unlinkIssue,
+        // Comments
+        handleSubmitComment,
+        handleDeleteComment,
+        startEditComment,
+        cancelEditComment,
+        handleSaveEditComment,
+        removeEditCommentAttachment,
+        showReplyForm,
+        cancelReply,
+        handleCommentImageSelect,
+        removeCommentImage,
+        // Responses
+        handleSubmitResponse,
+        handleDeleteResponse,
+        // Auth
+        login,
+        logout,
+        handleLogin,
+        handleHandleInput,
+        handleHandleKeydown,
+        selectHandleSuggestion,
+        clearHandleSuggestions,
+      };
+
       main();
     </script>
   </body>