Tab Renamer

Rename your browser tabs with custom names that persist across sessions

## Overview A Chrome extension that allows users to assign custom names to tabs based on their URLs. The custom names persist across browser sessions and automatically apply when visiting the same URLs. ## Core Features ### 1. Interactive Tab Naming - **Trigger**: Click the extension icon in the toolbar - **UI**: Small popup window with input field and restore button - **Behavior**: - For new URLs: Empty input field for entering custom name - For renamed URLs: Pre-populated with current custom name, editable - Press Enter to save and apply the custom name - Click "Restore" button to revert to original tab title - **Tab Title Replacement**: - Custom names **completely replace** the original tab title - No concatenation or combination with original title - Short, clean tab titles as specified by the user - **Example**: - User visits `https://github.com/user/repo/issues/1234/long-issue-title-that-makes-tab-unreadable` - Original tab shows: "Fix: Implementation of new feature system with multiple components · Issue #1234 · user/repo" - User clicks extension, enters "Bug #1234" - Tab now shows only: "Bug #1234" - The long original title is completely replaced ### 2. Persistent Storage - **Storage**: Chrome's local storage API - **Data Structure**: Key-value pairs (URL → Custom Name) - **Persistence**: Survives browser restarts, profile syncing - **Example**: ```json { "https://github.com/user/repo": "My Project", "https://stackoverflow.com/questions/123": "React Hook Solution" } ``` ### 3. Automatic Tab Renaming - **Trigger**: Page load/refresh - **Behavior**: Automatically applies saved custom name - **Example**: - User previously named `https://docs.google.com/document/d/abc123` as "Q4 Report" - Every time this URL loads (new tab, refresh, browser restart), tab shows "Q4 Report" ### 4. Duplicate URL Handling - **Behavior**: All tabs with the same URL get the same custom name - **Real-time sync**: Renaming one tab updates all tabs with that URL - **Example**: - User has 3 tabs open with `https://mail.google.com` - Names one tab "Work Email" - All 3 tabs immediately show "Work Email" ### 5. Subdomain/Path Inheritance - **Pattern Matching**: URLs with additional path segments inherit base name with suffix - **Format**: `{custom_name} - {additional_path_info}` - **Examples**: - Base: `https://example.com/docs` → "API Docs" - Inherits: - `https://example.com/docs/authentication` → "API Docs - authentication" - `https://example.com/docs/api/v2` → "API Docs - api/v2" - `https://example.com/docs/guides/quickstart` → "API Docs - guides/quickstart"