AltQ - Bookmark Layers & Tab Stash Manager

About

Unlock 100% screen real estate. Redefine your browsing experience with hidden menus, shortcuts, and Tab Stash.
Do you feel that traditional bookmark bars clutter your screen and make managing multiple projects chaotic? AltQ uses exclusive SHADOW DOM encapsulation technology to inject a nearly invisible navigation interface (FlowBar) at the top of the webpage, appearing only when you need it.

🚀🚀🚀🚀🚀 CORE FEATURES 🚀🚀🚀🚀🚀

1. 🤖 Smart Trigger Interface (THE FLOWBAR)

    【 Zero UI Footprint 】: Completely hidden by default, freeing up 100% of your screen height.

    【 Instant Activation 】: Hover your mouse over the top 15px of the page, or use the shortcut Alt + Q (Mac: Option + Q) to summon immediately.

    【 Smart Auto-Hide 】: The interface disappears elegantly when the mouse leaves or a selection is made.

    【 Pin Mode 】: Supports "Always Show" (Pin) functionality, fixing the navigation bar to the top and automatically adjusting page margins.

2. 🗂️ Hierarchical Navigation (BOOKMARK LAYERS)

    【 Layered Management 】: Organize bookmarks as horizontal folders (Layers). Switch between projects quickly using the mouse wheel or arrow keys.

    【 Visual Feedback 】: Features an exquisite Glassmorphism design, with selected items highlighted in a pill shape.

    【 Drag & Drop Save 】: Supports dragging links directly from the webpage into the navigation bar for instant saving.

    【 Instant Search 】: Built-in search box allows you to locate and open links across all bookmark layers by typing keywords.

3. 📥 One-Click Tab Stash (TAB STASH & LAUNCH)

    【 Declutter Chaos 】: Press Alt + S or click the STASH button to automatically pack all tabs in the current window into a bookmark folder and close excess tabs.

    【 Rocket Launch 】: Click the "Rocket Icon" to open all links within a layer at once, automatically creating Tab Groups and even color-coding them based on the layer.

4. ⚙️ Control Center & Personalization (CONTROL CENTER)
  
    【 Custom Icons 】: Assign exclusive system icons to different folders (e.g., Tech, Design, Daily).

    【 Dynamic Colors 】: Supports dynamic color rotation, giving each bookmark layer a unique visual identity.

    【 UI Scaling 】: Offers interface scaling options from 0.85x to 1.2x, perfectly adapting to screens of various resolutions.

🚀🚀🚀🚀🚀 TECHNICAL ADVANTAGES & SECURITY 🚀🚀🚀🚀🚀

    【 SHADOW DOM Isolation 】: The UI operates independently outside the webpage's root, ensuring it doesn't break page styles or get affected by site CSS.

    【 CSP Compatibility 】: Optimized for high-security sites like Facebook and Yahoo to ensure stable activation.

    【 Privacy Protection 】: AltQ processes data locally. We absolutely do not upload any information to external servers.

---------------------------------------------------------------------------------------------------------------------------------

Technical Disclosure 🤖: 

Technical Disclosure for Reviewers (Manifest V3 Compliance)
This extension (AltQ - Layer FlowDeck) is developed following Chrome Manifest V3 standards.
The following details the necessity of each declared permission and the technical implementation logic to comply with the "Single Purpose Policy":

1. PERMISSION JUSTIFICATION:

BOOKMARKS:
    Purpose: To read the root AltQ directory structure to build the FlowBar, execute bookmark creation for the "Stash" feature, and support Drag & Drop sorting of folders.

    Necessity: Bookmarks are the data foundation of this tool. All Layer switching and Stash functions rely on this permission to perform CRUD operations.

TABS & TABGROUPS:
    Purpose: To implement tab archiving (tabs.remove) and one-click opening of layer links, utilizing tabs.group to automatically create colored Tab Groups.

STORAGE:
    Purpose: To store user interface preferences, including UI scaling (0.85x - 1.2x), display modes, and custom icon mappings.

<ALL_URLS> (Host Permissions):
    Purpose: To ensure users can trigger the FlowBar interface via mouse hover or keyboard shortcuts on any website.

SCRIPTING:
    Purpose: Used for data exchange and dynamic UI rendering between the Background Worker and the frontend Shadow DOM.

2. SECURITY & ISOLATION:

    Style Isolation (SHADOW DOM): This extension uses attachShadow({ mode: 'open' }) to encapsulate the UI. This ensures extension CSS does not affect the host page, and prevents host page styles from polluting the extension interface.

    CSP (Content Security Policy) Bypass: Local CSS files are read via chrome.runtime.getURL and injected as text into the Shadow Root <style>, ensuring stable operation on strict websites (e.g., Facebook).

    Data Privacy: All data processing is done locally. This extension does NOT collect, transmit, or store any user browsing data or personal information on external servers.

3. CORE WORKFLOWS:

    Activation & Close: Trigger via the top page hotspot or by pressing Alt + Q.

    Tab Stashing: Execute the STASH function to save tabs into bookmarks and redirect to a specified page to show results.

    Layer Launching: Select a bookmark folder and click the Rocket icon to verify correct opening and TabGroup creation.