feat: Improve Mobile Responsiveness Across Application

[open-swe]

Fixes #776

Owner: @bracesproul

Mobile Responsiveness Enhancements

This pull request introduces comprehensive mobile-friendly improvements across multiple components of the application:

Key Changes

• Thread View: Implemented responsive layout with mobile tabs for Manager Chat, Planner, and Programmer sections
• Manager Chat: Made component width responsive with mobile and desktop layouts
• Thread Card: Fixed text overflow and improved mobile display
• All Threads Page: Responsive filter buttons with better mobile layout
• Default View: Adjusted padding and spacing for improved mobile experience

Improvements

• Added mobile-specific layouts using useMediaQuery
• Implemented responsive width and padding classes
• Ensured proper text truncation on small screens
• Maintained existing functionality while improving mobile UX

Technical Details

• Used Tailwind CSS responsive classes (sm:, md:, etc.)
• Preserved existing state management
• Minimal changes to core component logic

Testing

• Verified responsiveness across different screen sizes
• Ran build, lint, and format checks successfully
• Maintained all existing functionality

Mobile users will now experience a more intuitive and user-friendly interface across the application.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
open-swe-web	Ready	Preview	Comment	Aug 20, 2025 3:22pm
open-swe-web-langgraph	Ready	Preview	Comment	Aug 20, 2025 3:22pm