feat(extension): popup UI with session controls, auth flow, and notes (Week 2 AC 4)

[BODMAT]

What

Implements the Chrome Extension popup — the primary UI for WorkTrace.

Changes

• Popup HTML/CSS — BEM structure with neon-tinted dark theme (cyan/purple/yellow/pink on #080812)
• Session controls — Start / Pause / Resume / Stop with live timer (polling service worker every 1 s)
• Auth flow — Sign In / Sign Out driven by AUTH_LOGIN / AUTH_LOGOUT / AUTH_GET_STATUS messages
• Notes — inline note + tags fields; queued as pendingEvents in chrome.storage.local
• Sync indicator — shows count of pending events; highlights when queue is non-empty
• Session persistence — timer survives service-worker restart (state stored in chrome.storage.local, elapsed computed from timestamps)
• Gap 1 fix (from AC 3) — added pauseSession / resumeSession to background/session.ts
• Dev mode bypass — VITE_DEV_MODE=true stores a fake JWT on login click (no Google OAuth needed)

Testing without Google OAuth

VITE_DEV_MODE is already "true" in extension/.env.
Load the unpacked extension → click Sign in with Google → fake JWT is stored automatically.

To reset auth state, paste in the Service Worker DevTools console:

chrome.storage.local.clear().then(() => console.log('cleared'))

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
worktrace	Ready	Preview, Comment	May 21, 2026 10:12pm