Base Design (No Links)
Default Header - Links Section Hidden
How the popup looks when no quick links are configured
DW
dreamwidth_acc
IJ
insane_journal
New Feature: Group switcher allows quick switching between up to 4 account groups. Users can organize accounts into groups (e.g., "RP Group", "Personal", "Work") and quickly filter which accounts are shown.
Note: When no quick links are configured, only the group switcher appears below the toggles, keeping the interface clean and focused on account management.
Option 1: Button Grid
Option 1A: Four Links
Clean grid layout with all four quick links
DW
character_alice
LJ
character_bob
Option 1B: Two Links
Wider buttons when fewer links configured
IJ
rp_character
LJ
rp_npc
Design Notes: Traditional button layout that adapts based on link count. Four buttons form a flexible grid, two buttons split the width evenly.
Best for: Clear, touchable targets with full text labels
Trade-off: Takes more vertical space but very clear to use
Option 2: Pill Buttons
Option 2A: Four Links
Rounded pill-style buttons, centered layout
DW
personal_blog
IJ
photo_journal
Option 2B: Two Links
Centered pills adapt to content width
LJ
test_account
DW
dev_account
Design Notes: Modern pill-shaped buttons that flow naturally and wrap if needed. Width adjusts to content.
Best for: Variable link text lengths, modern aesthetic
Trade-off: May wrap to multiple lines with long text
Option 3: Icons with Labels
Option 3A: Four Links
16x16px custom icons with text labels
IJ
all_accounts
LJ
livejournal
Option 3B: Two Links
Same 16x16px icons, centered layout
Design Notes: User-configurable icons (consistent 16x16px regardless of link count). Users can provide custom image URLs or choose from defaults.
Best for: Visual recognition, compact layout, professional appearance
Trade-off: Requires icon images (either defaults included with extension or user-provided URLs)