v3.0.0: UI overhaul, simplified expiration logic, new modals

Author: risunCode

.gitignore

@@ -21,6 +21,7 @@ npm-debug.log*
 # Environment
 .env
 .env.local
+.claude/
 
 # Package lock (optional - uncomment if you want to ignore)
 # package-lock.json

CHANGELOG.md

@@ -0,0 +1,72 @@
+# Changelog
+
+## v3.0.0 (2026-02-07)
+
+### New Features
+- **UI Overhaul** — New macOS-inspired "Traffic Lights" modal design with smooth entry/exit animations
+- **Delete Expired Sessions** — New batch action in Manage tab to find and delete sessions with expired auth cookies
+- **Edit Session Modal** — Proper modal dialog for editing session names (replaces browser prompt)
+- **Replace Session Modal** — Safe confirmation dialog for replacing sessions (replaces browser confirm)
+- **Batch OWI Export** — New modal for password-protected batch exports
+- **Saved Data Card** — New card in Session Actions showing cookies/localStorage/sessionStorage counts
+- **Repo Info Card** — Added repository and author information card in the popup
+
+### UI Improvements
+- **Cleaner Session Cards** — Removed data counts from cards, now shows only expiration status
+- **Compact Expiration Info** — New format: "Expiration info (Valid: 48d)" with expand toggle
+- **Domain Badge** — Shows simplified domain (e.g., "facebook" not "facebook.com") next to Visit button
+- **Better Layout** — URL on left, timestamp on right in session cards
+- **Auto Domain Grouping** — Sessions grouped by domain instead of manual tags
+- **Consistent Icons** — All favicons now have a unified light grey background for better visibility
+- **Enhanced Add Session Button** — Improved button styling with better visibility and hover effects
+
+### Changes
+- **Simplified Expiration Logic** — Now uses longest cookie expiration date instead of complex login cookie detection
+- **Removed isLoginCookie()** — No more pattern matching for auth cookies, simpler and more reliable
+
+### Removed
+- **Tag System** — Replaced with automatic domain-based grouping
+- **Data Counts in Cards** — Moved to Session Actions modal for cleaner list view
+- **Native Dialogs** — All `alert()`, `confirm()`, and `prompt()` calls replaced with custom modals
+- **Smart Cookie Detection** — Removed complex login cookie heuristics in favor of simple expiration tracking
+
+### Documentation
+- Added Showcase section with screenshot table in README
+- Added experimental warning for Smart Expiration feature
+- Added Netscape Cookies Exporter to credits
+
+### Bug Fixes
+- Fixed false expiration detection on tracking cookies (wd, wl_cbv, dbln)
+- Fixed sessions with >30 days showing only checkmark without days count
+- Fixed password field eye icon alignment in export modal
+- Fixed visibility of white icons/favicons on light backgrounds
+
+---
+
+## v2.2.0
+
+### Clean Current Tab Enhancements
+- Data preview for cookies, localStorage, sessionStorage, and history
+- Expandable sections with cookie expiration status
+- History preview with relative visit times
+
+### Bug Fixes & Security
+- Fixed CSP violations (removed inline event handlers)
+- Fixed history clearing using proper Chrome API
+- Improved cookie domain matching
+
+---
+
+## v2.1.0
+
+### Architecture Rebuild
+- 43% fewer files (21 → 12)
+- Modular structure with core/ and ui/ separation
+- Single consolidated CSS file
+- Vite build system
+
+### New Features
+- Selective storage save options
+- Clear after save option
+- Enhanced Clean Tab modal
+- Improved favicon caching

README.md

@@ -1,152 +1,61 @@
-# SesWi — Advanced Session Manager (Chrome Extension)
+# SesWi — Session Manager
 
-SesWi is a Chrome extension (Manifest V3) for saving and restoring login sessions per domain. It captures cookies along with `localStorage` and `sessionStorage` snapshots, lets you list and group sessions across domains, backup/restore sessions (plain JSON or password-encrypted OWI), and clean current tab data when needed.
+Chrome extension for saving and restoring login sessions. Captures cookies, localStorage, and sessionStorage per domain.
 
-## What's New in v2.2
-
-### 🧹 Clean Current Tab Enhancements
-- **Data preview** — See cookies, localStorage, sessionStorage, and history items before clearing
-- **Expandable sections** — Click to expand each data type and view details
-- **Cookie expiration status** — Visual indicators showing if cookies are Session, Valid, Warning, or Expired
-- **History preview** — View page titles, URLs, and relative visit times
-- **History count detection** — Shows actual number of history entries for current domain
-
-### 🔒 Bug Fixes & Security
-- **Fixed CSP violations** — Removed all inline event handlers for better security compliance
-- **Fixed history clearing** — Now uses `chrome.history.deleteUrl` API properly
-- **Fixed cookie domain matching** — Exact domain matching prevents accidental cross-domain deletion
-- **Improved cache clearing** — Added fallback for browsers that don't support origin-based cache clearing
-
-### 🛠️ Code Cleanup
-- Removed all TODO/FIXME comments (implementations complete)
-- Cleaner codebase with proper JS event handlers
-
----
-
-## What's New in v2.1
-
-### 🔄 Complete Architecture Rebuild
-- **43% fewer files** — Consolidated from 21 files to 12 files
-- **Modular structure** — Clean separation: `core/` for Chrome APIs, `ui/` for interface
-- **Single CSS file** — All styles consolidated into `main.css` with Tailwind utilities
-- **Vite build system** — Modern bundler for faster development and optimized builds
-
-### ✨ New Features
-- **Selective storage save** — Choose to include/exclude localStorage and sessionStorage when saving
-- **Clear after save** — Option to clear tab data immediately after saving a session
-- **Enhanced Clean Tab modal** — Selectively clear cookies, localStorage, sessionStorage, history, or cache
-- **Improved favicon caching** — Faster icon loading with persistent cache
-- **Better sensitive domain detection** — Expanded warnings for Google/Microsoft ecosystems
-
-### 🛠️ Improvements
-- **Faster popup load** — Reduced file count and optimized imports
-- **Better error handling** — Consistent Response pattern across all modules
-- **Improved pagination** — Smoother navigation in session lists
-- **Enhanced UI feedback** — Better visual states for actions and selections
-
-### 🔧 Technical Changes
-- Migrated to ES modules throughout
-- Removed redundant abstraction layers
-- Unified utility functions in `utils.js`
-- Backward compatible — existing sessions will work without migration
+## Features
 
-## Alpha version
-- https://github.com/risunCode/SesWi-Session-Manager/tree/Alpha
+- **Save & Restore** — Save complete login sessions and restore them later
+- **Smart Expiration** — Tracks cookie expiration based on longest-lasting cookie *(experimental, may be inaccurate)*
+- **Domain Groups** — Auto-groups sessions by domain for easy management
+- **Backup/Export** — JSON (plain) or OWI (AES-256 encrypted) formats
+- **Batch Operations** — Bulk backup, delete expired, or clean by domain
+- **Clean Tab** — Selectively clear cookies, storage, history, and cache
 
-## Features
+## Showcase
 
-- **Save sessions per domain**: cookies + `localStorage` + `sessionStorage`
-- **Restore cookies** only when on the same domain (prevents cross-domain conflicts)
-- **Three tabs**: `Current` (active domain), `Groups` (all domains), `Manage` (backup/restore, bulk actions, clean data)
-- **Backup/Restore**: export all sessions to JSON (plain) or OWI (AES-CCM 256-bit via SJCL), restore with password verification for OWI
-- **Clean Current Tab**: selectively remove cookies, localStorage, sessionStorage, history, and cache for the active domain
-- **Cached favicons** per domain for a faster, informative UI
+| Current Tab | Groups Tab | Manage Tab |
+|:-----------:|:----------:|:----------:|
+| <img width="280" alt="Current Tab" src="https://github.com/user-attachments/assets/82415046-8903-4e6b-bd63-ef8a35a7eac3" /> | <img width="280" alt="Groups Tab" src="https://github.com/user-attachments/assets/648ba543-bb21-4159-a436-7114e65ef0d7" /> | <img width="280" alt="Manage Tab" src="https://github.com/user-attachments/assets/900dff33-7de2-4a6d-b4ff-5f9b5e82de90" /> |
 
-## Installation (Load Unpacked)
+## Installation
 
-1. Clone or download this repository
-2. Run `npm install` and `npm run build` to generate the `dist` folder
-3. Open Chrome → `chrome://extensions`
-4. Enable `Developer mode` (top right)
-5. Click `Load unpacked` and select the `dist` folder
-6. Pin the extension icon if needed
+1. Clone/download this repository
+2. Run `npm install && npm run build`
+3. Open `chrome://extensions` → Enable Developer mode
+4. Click "Load unpacked" → Select the `dist` folder
 
 ## Usage
 
-- Click the extension icon to open the popup
-- Header displays the current domain and `Add Session` button
-- **Current tab**: shows sessions for the active domain; click a card to open Session Actions (Restore, Edit, Replace, Delete, Backup JSON/OWI)
-- **Groups tab**: grouped sessions across all domains with expand/collapse and pagination
-- **Manage tab**:
-  - `Backup All Sessions`: export to JSON (unencrypted) or OWI (encrypted)
-  - `Restore Sessions`: import from `.json` or `.owi` file with password verification
-  - `Group Manage`: select domains for bulk backup or delete
-  - `Clean Current Tab`: selectively clear cookies, localStorage, sessionStorage, history, and cache
-
-> **Note**: Session restore is restricted to the same domain as the current tab to prevent cross-domain cookie conflicts.
+- **Current tab** — Sessions for active domain
+- **Groups tab** — All sessions grouped by domain
+- **Manage tab** — Backup, restore, clean data, delete expired
 
 ## Permissions
 
-Declared in `manifest.json`:
-
 | Permission | Purpose |
 |------------|---------|
-| `tabs` | Read active tab, reload after restore/clean, fetch favicons |
-| `cookies` | Read, delete, and set cookies per domain |
-| `storage` | Store sessions and icon cache in `chrome.storage.local` |
-| `scripting` | Execute scripts to read/write `localStorage` and `sessionStorage` |
-| `history` | Search and delete browsing history for current domain |
-| `browsingData` | Clear cache (optional) |
-| `favicon` | Access favicon API for domain icons |
-| `host_permissions: <all_urls>` | Enable cookie operations across all domains |
- 
-
-## Security & Privacy
-
-- Sessions are stored locally in `chrome.storage.local` (unencrypted). Protect your device.
-- OWI encrypted backups use [SJCL](https://github.com/bitwiseshiftleft/sjcl) with AES-CCM 256-bit. Passwords are never stored.
-- Sensitive domains (Google, Microsoft ecosystems) use complex auth flows; saving/restoring may not always work. The UI displays a warning for these domains.
+| `cookies` | Read/write cookies |
+| `storage` | Store sessions locally |
+| `scripting` | Access localStorage/sessionStorage |
+| `tabs` | Get active tab info |
+| `history` | Clean browsing history |
+| `browsingData` | Clear cache |
 
 ## Development
 
 ```bash
-# Install dependencies
 npm install
-
-# Development build with watch
-npm run dev
-
-# Production build
-npm run build
+npm run dev      # Development with watch
+npm run build    # Production build
 ```
 
 ## License
 
-```
-MIT License
-
-Copyright (c) 2025 risunCode
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to use,
-copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-derivative works of the Software, subject to the following conditions:
-
-1. The Software may be used for commercial purposes as part of a larger system or service.
-2. The Software itself may not be sold as a standalone product or bundled and sold directly.
-3. The above copyright notice and this permission notice shall be included in all
-   copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
-PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE
-FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
-DEALINGS IN THE SOFTWARE.
-```
+MIT License - See LICENSE file for details.
 
 ## Credits
 
-- [SJCL](https://github.com/bitwiseshiftleft/sjcl) (Stanford Javascript Crypto Library) for encryption
+- [SJCL](https://github.com/bitwiseshiftleft/sjcl) for encryption
+- [Netscape Cookies Exporter](https://github.com/osiro/netscape-cookies-exporter) for Netscape format reference
 - [FontAwesome](https://fontawesome.com/) for icons
 - Built by [risunCode](https://github.com/risunCode)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "seswi-session-manager",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "description": "Advanced Session Manager Chrome Extension",
   "type": "module",
   "scripts": {