Skip to content

Redesign popup + overlay sidebar + Bauhaus tokens#4

Open
ma8642 wants to merge 7 commits into
mainfrom
feat/popup-redesign-and-overlay-sidebar
Open

Redesign popup + overlay sidebar + Bauhaus tokens#4
ma8642 wants to merge 7 commits into
mainfrom
feat/popup-redesign-and-overlay-sidebar

Conversation

@ma8642
Copy link
Copy Markdown
Collaborator

@ma8642 ma8642 commented Mar 20, 2026

Summary

  • Popup redesign: Tab navigation [lists]/[settings] replaces stacked accordion + drawer. Shows single site list based on active mode (avoid/visit). Removed description banner. Max-height 520px with scroll + gradient fade.
  • Overlay sidebar: Slide-out management panel on the blocker page — site lists, stats (streak/kept/today), settings (unblock time, custom message). 360px panel with backdrop blur, 300ms slide animation.
  • Bauhaus design system alignment: Added Ink, Peach, Sage, Seafoam, Sand, Umber color tokens. Switched to Sora (body) + Noto Sans Mono (labels) font stack matching the marketing website.
  • Bug fix: URL matching now strips www. prefix so etsy.com matches www.etsy.com and vice versa.

Test plan

  • Load dist/ as unpacked extension in Chrome
  • Open popup — verify tab nav [lists]/[settings] works, mode toggle switches displayed list
  • Add a site (e.g. etsy.com) and visit it — verify overlay blocks with sidebar trigger visible
  • Click "manage" tab on right edge — verify sidebar slides out with stats, site lists, settings
  • Add/remove sites from sidebar — verify changes sync to popup
  • Change settings in sidebar — verify they persist
  • Test www. matching: add youtube.com, visit www.youtube.com — should block

🤖 Generated with Claude Code

tpc-faheem and others added 7 commits March 20, 2026 14:50
Introduces useTracker composable that records overlay_shown, intention_kept,
and unblock events to chrome.storage.local with a 90-day rolling window.
Adds foqusEvents to storage defaults.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Introduces useStats composable that computes streak count, intentions kept
(total + today), unblocks today, and weekly unblock trend from the event log.
Includes getAllEventsForExport for data export.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Records overlay_shown when overlay appears, intention_kept when user clicks
a suggestion or navigates away, and unblock when user unblocks. Adds
beforeunload listener to capture intention_kept on tab close.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Shows streak count, total intentions kept, and kept today in a compact grid.
Displays positive weekly trend message when unblocks decrease. Panel only
appears once tracking data exists.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Adds DataExport component in the settings drawer with buttons to download
all tracked events as JSON or CSV. Uses Blob URLs for client-side download.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Full build spec for a single-page marketing site covering hero, problem
statement, differentiators, personas, features, pricing, privacy, and
competitor comparison. Includes brand voice and design notes.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…th Bauhaus design system

Popup: replace accordion layout with [lists]/[settings] tab navigation, show single
site list based on active mode, remove description banner, add max-height with scroll.
Overlay: add slide-out sidebar with site management, stats, and settings on the blocker page.
Design system: add Bauhaus tokens (Ink, Peach, Sage, Seafoam, Sand, Umber), switch to
Sora + Noto Sans Mono font stack. Fix www. URL matching so etsy.com matches www.etsy.com.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
ma8642 pushed a commit that referenced this pull request Apr 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants