fix(copilot): added user scrolling, fixed code block, fixed code copying and styling

[waleedlatif1]

Summary

respect user scrolling, fixed code block, fixed code copying and styling
final touches

Type of Change

• Bug fix

Testing

Tested manually

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sim	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 5, 2025 2:47am

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
docs	⬜️ Skipped (Inspect)			Aug 5, 2025 2:47am

[greptile-apps]

Greptile Summary

This PR implements comprehensive improvements to the chat and copilot interfaces, focusing on user experience enhancements and code organization. The changes address multiple UX issues by introducing intelligent scrolling behavior that respects user intent - when users scroll up to read previous messages, auto-scrolling is disabled to prevent interruption, but new messages still auto-scroll when users are at the bottom of the chat. A floating "scroll to bottom" button appears when users scroll up, providing easy navigation back to recent messages.

The PR significantly improves markdown rendering by extracting functionality into a dedicated CopilotMarkdownRenderer component. This new component includes enhanced code block rendering with improved text extraction, per-block copy-to-clipboard functionality, and CSS fixes for text rendering issues. The component also supports link previews and comprehensive markdown element styling with theme support.

Code organization improvements include separating concerns by moving markdown rendering logic from the main CopilotMessage component into the specialized renderer, replacing console.log statements with structured logging using a proper logger, and simplifying component interfaces by removing unnecessary props.

Styling consistency is addressed through standardizing font sizes across the interface - user messages are changed from text-lg to text-base to match assistant messages, and the chat input component is updated to use consistent text-base sizing across all screen sizes, removing responsive font size variations.

Confidence score: 3/5

• This PR contains significant improvements but has some implementation concerns that could cause issues
• Score reflects complex DOM manipulation logic, global CSS injection patterns, and potential fragility in scroll detection
• Pay close attention to the new markdown renderer component and scroll behavior implementations

_{6 files reviewed, 3 comments}

_{Edit Code Review Bot Settings | Greptile}