Skip to content

Redesign chat UI with vertical sidebar tabs#608

Merged
bokelley merged 2 commits into
mainfrom
bokelley/chat-ui-redesign
Jan 5, 2026
Merged

Redesign chat UI with vertical sidebar tabs#608
bokelley merged 2 commits into
mainfrom
bokelley/chat-ui-redesign

Conversation

@bokelley

@bokelley bokelley commented Jan 5, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Replace floating "Chats" button with always-visible vertical sidebar
  • Add Home tab, New Chat button, Active section, History section
  • Implement activity indicators (pulsing yellow when thinking, green when ready, gray idle)
  • Add browser notifications (opt-in) when Addie finishes responding in background tab
  • Track active tabs in localStorage with max 7 tabs
  • Add document title unread count badge (N) Chat with Addie
  • Mobile: collapsible sidebar with hamburger menu and overlay

Security Fixes

  • Validate URLs in image/iframe rendering (block javascript: and other unsafe schemes)
  • Sandbox HTML creatives in iframes to prevent XSS
  • Escape attribute values in markdown renderer

Performance Improvements

  • Use event delegation for tab/history click handlers (instead of per-element listeners)
  • Debounce thread refresh API calls (1s delay)
  • Validate localStorage data structure on load

Test plan

  • Build passes
  • All tests pass (179 unit tests)
  • JavaScript syntax validation passes
  • Manual testing: sidebar visible, tab switching works, activity indicators animate
  • Mobile responsive testing

🤖 Generated with Claude Code

bokelley and others added 2 commits January 4, 2026 19:15
- Replace floating "Chats" button with always-visible vertical sidebar
- Add Home tab, New Chat button, Active section, History section
- Implement activity indicators (pulsing yellow when thinking, green when ready)
- Add browser notifications (opt-in) when Addie finishes responding
- Track active tabs in localStorage with max 7 tabs
- Add document title unread count badge
- Mobile: collapsible sidebar with hamburger menu
- Security fixes: validate URLs in image/iframe rendering, sandbox HTML creatives
- Performance: use event delegation for tab clicks, debounce thread refresh

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add CSS rules to ensure the chat sidebar works correctly in native
mobile/desktop apps (Tauri, Capacitor) with proper handling of iOS
safe area insets for the notch, home indicator, and landscape mode.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@bokelley bokelley merged commit 1db0490 into main Jan 5, 2026
6 checks passed
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.

1 participant