Improve popup UI and add snooze management

Fix popup header scrolling issues and make repo rows fully clickable.
Move refresh button to header for better accessibility. Increase filter
button font size for readability. Add comprehensive snooze management
in settings with ability to view and cancel active snoozes.

Author: jonmartin721

generate-icons.html

@@ -528,6 +528,8 @@ body.dark-mode .notification-toggle input:checked + .toggle-slider {
 }
 
 .repo-name {
+  display: flex;
+  align-items: center;
   font-family: 'Monaco', 'Courier New', monospace;
   font-size: 14px;
   font-weight: 600;
@@ -1233,6 +1235,47 @@ body.dark-mode .notification-toggle input:checked + .toggle-slider {
   border-color: var(--error-text);
 }
 
+.link-btn {
+  background: none;
+  border: 1px solid var(--border-color-dark);
+  border-radius: 6px;
+  padding: 8px 10px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--link-color);
+  transition: all 0.2s;
+}
+
+.link-btn:hover {
+  background: var(--bg-tertiary);
+  border-color: var(--link-color);
+}
+
+.link-btn:focus-visible {
+  outline: 2px solid var(--link-color);
+  outline-offset: 2px;
+}
+
+/* Inline link button positioned right after repo name */
+.link-btn.inline-link {
+  border: none;
+  background: none;
+  padding: 2px 4px;
+  margin-left: 6px;
+  color: var(--text-secondary);
+  opacity: 0.7;
+  transition: all 0.15s ease;
+  border-radius: 3px;
+}
+
+.link-btn.inline-link:hover {
+  background: var(--bg-tertiary);
+  color: var(--link-color);
+  opacity: 1;
+}
+
 .repo-item.muted {
   opacity: 0.5;
   transition: opacity 0.2s;
@@ -1338,4 +1381,122 @@ body.dark-mode select:focus-visible {
 .search-clear-btn:focus-visible {
   outline: 2px solid var(--link-color);
   outline-offset: 2px;
+}
+
+/* Current Snoozes Section */
+.current-snoozes {
+  margin-top: 24px;
+}
+
+.current-snoozes h3 {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 8px;
+  color: var(--text-primary);
+}
+
+.snoozed-repos-list {
+  margin-top: 16px;
+}
+
+.empty-snoozes {
+  text-align: center;
+  padding: 40px 20px;
+  color: var(--text-secondary);
+  background: var(--bg-secondary);
+  border: 2px dashed var(--border-color);
+  border-radius: 8px;
+}
+
+.empty-snoozes p {
+  margin-bottom: 8px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.empty-snoozes small {
+  font-size: 14px;
+  opacity: 0.8;
+}
+
+.snoozed-repo-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  margin-bottom: 8px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  transition: all 0.2s;
+}
+
+.snoozed-repo-item:hover {
+  background: var(--bg-tertiary);
+  border-color: var(--border-color-dark);
+}
+
+.snoozed-repo-info {
+  flex: 1;
+}
+
+.snoozed-repo-name {
+  font-weight: 600;
+  color: var(--text-primary);
+  font-family: 'Monaco', 'Courier New', monospace;
+  font-size: 15px;
+  margin-bottom: 4px;
+}
+
+.snoozed-repo-time {
+  font-size: 13px;
+  color: var(--text-secondary);
+}
+
+.snoozed-repo-actions {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.unsnooze-btn {
+  background: var(--danger-bg);
+  color: white;
+  border: none;
+  padding: 8px 16px;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.unsnooze-btn:hover {
+  background: var(--danger-hover);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
+}
+
+.unsnooze-btn:focus-visible {
+  outline: 2px solid var(--link-color);
+  outline-offset: 2px;
+}
+
+.snooze-expired {
+  opacity: 0.6;
+  font-style: italic;
+}
+
+.snooze-expired .snoozed-repo-name {
+  color: var(--text-secondary);
+  text-decoration: line-through;
+}
+
+.snooze-expiry-warning {
+  color: #f0ad4e;
+  font-weight: 500;
+}
+
+body.dark-mode .snooze-expiry-warning {
+  color: #ffc107;
 }

options/options.css

@@ -310,7 +310,7 @@ <h2>Check Interval</h2>
 
     <section class="section" id="snooze">
       <h2>Snooze Duration</h2>
-      <p class="help-text">How long to silence notifications when you snooze a repository</p>
+      <p class="help-text">How long to silence notifications when you snooze a repository. Snoozed repositories will appear below for management.</p>
 
       <div class="chip-group">
         <div class="chip">
@@ -334,6 +334,16 @@ <h2>Snooze Duration</h2>
           <label for="snooze-24">24 hours</label>
         </div>
       </div>
+
+      <div class="current-snoozes">
+        <h3>Currently Snoozed</h3>
+        <div id="snoozedReposList" class="snoozed-repos-list">
+          <div class="empty-snoozes" id="emptySnoozes">
+            <p>No repositories are currently snoozed</p>
+            <small>Snooze repositories from the popup to see them here</small>
+          </div>
+        </div>
+      </div>
     </section>
 
     <section class="section" id="import-export">