Refactor snooze functionality: remove expired snooze rendering and cleanup logic; adjust auto-refresh interval to 5 minutes

Author: jonmartin721

README.md

@@ -1,151 +1,222 @@
 # GitHub Devwatch for Chrome
 
-A Chrome extension that helps developers stay on top of GitHub activity across multiple repositories.
+<div align="center">
 
-## Features
+**Stay on top of GitHub activity across all your repositories**
 
-- **Multi-repo monitoring** - Watch unlimited repositories for new activity
-- **Smart notifications** - Get browser notifications for new PRs, issues, and releases
-- **Activity filtering** - Filter by repository and activity type (PRs, issues, releases)
-- **Configurable intervals** - Check for updates every 5, 15, 30, or 60 minutes
-- **Badge counts** - See unread activity count directly on the extension icon
-- **Secure token storage** - Your GitHub token is stored securely using Chrome's storage API
+[![Chrome Web Store](https://img.shields.io/badge/Chrome-Web_Store-green?logo=google-chrome)](https://chrome.google.com/webstore)
+[![License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
 
-## Installation
+![Demo GIF](screenshots/demo.gif)
 
-### From Source
+*Keep track of PRs, issues, and releases without constantly refreshing GitHub pages*
+
+</div>
+
+## ✨ Key Features
+
+- **🔔 Smart Notifications** - Get browser notifications for new PRs, issues, and releases
+- **📊 Multi-Repo Monitoring** - Watch up to 50 repositories from a single interface
+- **⚡ Real-time Updates** - Configurable check intervals (5, 15, 30, or 60 minutes)
+- **🎯 Activity Filtering** - Filter by repository and activity type with search
+- **🏷️ Badge Counts** - See unread activity count directly on the extension icon
+- **🔒 Secure & Private** - Token stored securely, no third-party data sharing
+
+## 📸 Screenshots
+
+### Extension Interface
+<table>
+  <tr>
+    <td width="50%">
+      <img src="screenshots/popup-interface.png" alt="Popup interface showing GitHub activity feed">
+      <br><em>Popup interface with activity feed and filtering</em>
+    </td>
+    <td width="50%">
+      <img src="screenshots/settings-page.png" alt="Settings page for configuring repositories">
+      <br><em>Settings page with repository management</em>
+    </td>
+  </tr>
+  <tr>
+    <td width="50%">
+      <img src="screenshots/browser-notification.png" alt="Browser notification example">
+      <br><em>Real-time browser notifications</em>
+    </td>
+    <td width="50%">
+      <img src="screenshots/badge-count.png" alt="Extension badge count">
+      <br><em>Badge showing unread activity count</em>
+    </td>
+  </tr>
+</table>
+
+## 🚀 Installation
+
+### From Chrome Web Store (Recommended)
+
+1. Visit the Chrome Web Store (coming soon)
+2. Click "Add to Chrome"
+3. Grant permissions when prompted
+4. Configure your GitHub token and repositories
+
+### Manual Installation (For Development)
 
 1. Clone this repository
 ```bash
 git clone https://github.com/jonmartin721/devwatch-github.git
 cd devwatch-github
 ```
 
-2. Generate extension icons:
-   - If you have ImageMagick: `cd icons && bash create_simple_icons.sh`
-   - Icons are required for the extension to load properly
-
-3. Load the extension in Chrome:
+2. Load the extension in Chrome:
    - Open Chrome and go to `chrome://extensions/`
    - Enable "Developer mode" (toggle in top right)
    - Click "Load unpacked"
    - Select the extension directory
 
-## Setup
+## ⚙️ Quick Setup
+
+### 1. Create a GitHub Personal Access Token
+- The extension will help you create one with the correct permissions. Click "Create a token with recommended permissions" under the token entry field to do this much more quickly.
 
-1. **Create a GitHub Personal Access Token**
-   - Go to https://github.com/settings/tokens/new
-   - Give it a descriptive name (e.g., "GitHub Devwatch Extension")
-   - Select scopes:
-     - `repo` (for private repositories)
-     - OR `public_repo` (for public repositories only)
-   - Click "Generate token" and copy it
+- Go to [GitHub Settings > Tokens](https://github.com/settings/tokens/new)
+- Give it a descriptive name (e.g., "GitHub Devwatch Extension")
+- Select scopes:
+  - `repo` (for private repositories)
+  - OR `public_repo` (for public repositories only)
+- Click "Generate token" and copy it
 
-2. **Configure the extension**
-   - Click the extension icon and open Settings
-   - Paste your GitHub token
-   - Add repositories to watch (format: `owner/repo`)
-   - Choose which activity types to monitor
-   - Set your preferred check interval
-   - Click "Save Settings"
+### 2. Configure the Extension
+- Click the extension icon and open **Settings**
+- Paste your GitHub token
+- Add repositories to watch (format: `owner/repo`)
+- Choose activity types to monitor (PRs, Issues, Releases)
+- Set your preferred check interval (5, 15, 30, or 60 minutes)
+- Click **Save Settings**
 
-3. **Start receiving notifications**
-   - The extension will now check for activity at your chosen interval
-   - Click the extension icon to view recent activity
-   - Click any activity item to open it in GitHub
+### 3. Start Monitoring
+- The extension automatically checks for activity at your chosen interval
+- Click the extension icon to view recent activity
+- Click any activity item to open it directly in GitHub
+- Badge count shows unread activity
 
-## Usage
+## 🎯 How to Use
 
 ### Popup Interface
-- **All/PRs/Issues/Releases tabs** - Filter activity by type
-- **Refresh button** - Manually check for new activity
-- **Search** - Filter activities by keyword
-- **Archive** - View previously read activities
-- **Activity items** - Click to open in GitHub
+- **Tabs**: Filter between All/PRs/Issues/Releases
+- **Search**: Filter activities by keyword
+- **Refresh**: Manually check for new activity
+- **Archive**: View previously read activities
+- **Activity Items**: Click to open in GitHub
 
 ### Settings Page
-- **GitHub Token** - Your personal access token
-- **Watched Repositories** - Add/remove repositories, import from GitHub
-- **Activity Filters** - Choose what to monitor
-- **Check Interval** - How often to check for updates
-- **Notifications** - Toggle browser notifications
-- **Theme** - Choose dark, light, or system theme
-- **Backup/Restore** - Export and import your settings
+- **GitHub Token**: Secure storage of your personal access token
+- **Watched Repositories**: Add/remove repositories, import from GitHub
+- **Activity Filters**: Choose what types of activity to monitor
+- **Check Interval**: Configure how often to check for updates
+- **Notifications**: Toggle browser notifications on/off
+- **Theme**: Choose dark, light, or system theme
+- **Backup/Restore**: Export and import your settings
+
+## 🔒 Privacy & Security
 
-## Privacy & Security
+Your privacy and security are top priorities:
 
-- Your GitHub token is stored locally using Chrome's sync storage
-- The extension only communicates with GitHub's official API
-- No data is sent to third-party servers
-- Token is only used to fetch repository activity
+- **Local Storage Only** - Your GitHub token is stored locally using Chrome's encrypted sync storage
+- **API-Only Communication** - The extension only communicates with GitHub's official API
+- **No Third Parties** - No data is sent to external servers or analytics services
+- **Minimal Permissions** - Token is used exclusively for fetching repository activity
+- **Open Source** - Full transparency - you can review the entire codebase
 
-## Rate Limiting
+## 📊 Rate Limiting
 
-GitHub's API has rate limits (5,000 requests/hour for authenticated users). This extension is designed to stay well within these limits:
-- Default check interval: 15 minutes
-- Each check typically uses 1-3 API requests per repository
+GitHub's API has generous rate limits that this extension respects:
 
-If you're watching many repositories with frequent checks, be mindful of GitHub's rate limits.
+- **5,000 requests/hour** for authenticated users (compared to 60 for unauthenticated)
+- **Default interval**: 15 minutes (well within rate limits)
+- **Efficient checking**: Each repo typically uses 1-3 API requests per check
+- **Smart batching**: Groups requests to minimize API usage
 
-## Development
+You can safely monitor dozens of repositories without approaching GitHub's limits.
+
+## 🛠️ Development
 
 ### Project Structure
 ```
 /devwatch-github
-  /icons                  # Extension icons
-  /popup                  # Popup interface
-    popup.html
-    popup.js
-    popup.css
-  /options                # Settings page
-    options.html
-    options.js
-  /shared                 # Shared utilities
-  background.js           # Service worker
-  manifest.json           # Extension manifest
+  /icons                  # Extension icons in various sizes
+  /popup                  # Popup interface files
+    popup.html           # Main popup HTML
+    popup.js             # Popup logic and interactions
+    popup.css            # Popup styling
+  /options                # Settings page files
+    options.html         # Settings interface
+    options.js           # Settings management
+  /shared                 # Shared utilities and helpers
+  background.js           # Service worker for background tasks
+  manifest.json           # Extension manifest (Manifest V3)
 ```
 
-### Technologies
-- Vanilla JavaScript (no frameworks)
-- Chrome Extension Manifest V3
-- GitHub REST API
-- Chrome Storage, Notifications, and Alarms APIs
+### Technologies Used
+- **Vanilla JavaScript** - No frameworks, pure JS for maximum compatibility
+- **Chrome Extension Manifest V3** - Latest extension standards
+- **GitHub REST API** - Direct integration with GitHub's API
+- **Chrome APIs** - Storage, Notifications, and Alarms for core functionality
 
-### Testing
+### Running Tests
 ```bash
 npm test
 ```
 
-## Contributing
+### Local Development
+1. Clone the repository
+2. Run `npm install` for dependencies
+3. Load as unpacked extension in Chrome
+4. Make changes and reload the extension from `chrome://extensions/`
+
+## 🤝 Contributing
 
 Contributions are welcome! Please feel free to submit issues or pull requests. See [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines.
 
-## Documentation
+### How to Contribute
+- **Bug Reports**: Use GitHub Issues with clear reproduction steps
+- **Feature Requests**: Open an issue describing the feature and use case
+- **Pull Requests**: Fork, branch, and submit with clear commit messages
+- **Code Style**: Follow existing patterns and use ESLint configuration
 
-- [Privacy Policy](PRIVACY.md) - How we handle your data
-- [Changelog](CHANGELOG.md) - Version history and release notes
-- [License](LICENSE) - MIT License
+## 📚 Documentation
 
-## Roadmap
+- [**Privacy Policy**](PRIVACY.md) - How we handle your data
+- [**Changelog**](CHANGELOG.md) - Version history and release notes
+- [**License**](LICENSE) - MIT License
+- [**Contributing Guidelines**](CONTRIBUTING.md) - How to contribute
+
+## 🗺️ Roadmap
 
 Future features being considered:
-- Comment notifications
-- Mention tracking
-- Multiple GitHub account support
-- Custom notification filters
-- Internationalization (i18n) support
+- **Comment notifications** - Track new comments on issues and PRs
+- **Mention tracking** - Get notified when you're mentioned
+- **Multiple GitHub accounts** - Switch between different accounts
+- **Custom notification filters** - Advanced filtering rules
+- **Internationalization** - Support for multiple languages
+- **Dashboard view** - Full-page dashboard for all activity
+- **Integration with other platforms** - GitLab, Bitbucket support
 
-## License
+## 📄 License
 
 MIT License - see [LICENSE](LICENSE) file for details.
 
 Copyright (c) 2024 Jonathan Martin
 
-## Acknowledgments
+## 🙋‍♂️ Support
+
+- **Report issues**: [GitHub Issues](https://github.com/jonmartin721/devwatch-github/issues)
+- **Feature requests**: [GitHub Discussions](https://github.com/jonmartin721/devwatch-github/discussions)
+- **View source**: [GitHub Repository](https://github.com/jonmartin721/devwatch-github)
+
+---
+
+<div align="center">
 
-Built with Chrome Extension Manifest V3 and GitHub's REST API.
+**Built with ❤️ for developers who want to stay productive**
 
-## Support
+[⭐ Star this repo](https://github.com/jonmartin721/devwatch-github) if it helps you stay on top of your GitHub activity!
 
-- Report issues: [GitHub Issues](https://github.com/jonmartin721/devwatch-github/issues)
-- View source: [GitHub Repository](https://github.com/jonmartin721/devwatch-github)
+</div>

options/options.css

@@ -1510,15 +1510,6 @@ body.dark-mode select:focus-visible {
   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;