Skip to content

Conversation

thetronjohnson
Copy link
Contributor

Summary

This PR introduces a major UI redesign with improved user experience, custom titlebar
implementation, and persistent tab/session management across app restarts.

Key Changes

🎨 UI/UX Improvements

  • Custom Titlebar: Added native-looking custom titlebar with integrated controls
    (src/components/CustomTitlebar.tsx)
  • Typography: Integrated Inter font for better readability across the application
  • Theme Enhancements: Improved visual contrast and consistency for both light and dark
    themes
  • Custom Tooltips: Implemented modern tooltip component for better user guidance
    (src/components/ui/tooltip-modern.tsx)
  • Micro-interactions: Added button hover states and smooth transitions throughout

💾 State Persistence

  • Tab Persistence: Tabs now persist across app restarts (src/services/tabPersistence.ts)
  • Session Persistence: Claude Code sessions maintain state between restarts
    (src/services/sessionPersistence.ts)
  • Enhanced Tab Context: Improved tab state management with better hydration handling

🔧 Component Refactoring

  • Agents Module: New dedicated Agents component for better agent management
    (src/components/Agents.tsx)
  • Usage Dashboard: Complete redesign with improved performance and metrics display
  • Settings Organization: Moved privacy settings to General tab for better discoverability
  • Project & Session Lists: Redesigned UI with improved visual hierarchy and usability

🐛 Bug Fixes

  • Fixed Claude Code agent metrics display issues
  • Resolved duplicate tab opening problems
  • Corrected session creation flow inconsistencies
  • Fixed padding and spacing issues in Settings page

thetronjohnson and others added 30 commits August 5, 2025 01:19
- Add "New Project" button to empty tab state
- Round cost display to 2 decimal places in usage dashboard
- Fix agent history tab to show local timezone and proper metrics

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

Co-Authored-By: Claude <noreply@anthropic.com>
- Add tab persistence service to save/restore tabs to localStorage
- Add session persistence service to save/restore chat session data
- Update TabContext to restore saved tabs and session data on app startup
- Add settings toggle to enable/disable tab persistence
- Fix TypeScript errors in AgentRunWithMetrics interface
- Sessions now resume properly when app is reopened

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

Co-Authored-By: Claude <noreply@anthropic.com>
…election to tabs\n\n- Remove unused icons/components and dead handlers (e.g., directory selection) across UI components\n- Drop unused callbacks from props (onBack, onMCPClick, onUsageClick, etc.)\n- Fix createAgentsTab reference in App.tsx\n- Silence TypeScript lints by renaming unused vars (e.g., _error, _className)\n- Centralize project path selection in tab controls
- Only set minimal first_message for restored sessions; drop placeholder metrics
- Align with API expectations and avoid misleading defaults
- Add drag-region helpers (.tauri-drag/.tauri-no-drag)\n- Apply transparent background and clip-path rounding\n- Define theme tokens and typography utilities\n- Refine scrollbars and markdown editor/prose styles
- Window minimize/maximize/close via Tauri API\n- Hover-revealed control icons, improved spacing\n- Agents/Usage buttons with tooltips and motion\n- More options dropdown for Claude, MCP, About
@123vivekr 123vivekr merged commit c469951 into winfunc:dev Aug 10, 2025
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