Model Dropdown and Scrolling UI

[krishn404]

UI Issues in AI SDK Reasoning Preview

Description

There are several UI issues in the AI SDK Reasoning Preview that need to be fixed for a better user experience.

Model Selection Dropdown

• When selecting a model, the dropdown does not clearly indicate the selected option.
• The selected model should be visually highlighted for better clarity.

Scrollbar Design

• The scrollbar on the chat interface does not look visually appealing.
• It should either have a more subtle design or be hidden when not in use.

Auto-Scrolling Issue

• The chat does not auto-scroll when a new message is sent.
• Users have to manually scroll down to see the latest message, which affects usability.

Expected Behavior

• The model selection dropdown should properly highlight the selected model.
• UI elements such as input fields and buttons should be well-aligned.
• The chat should auto-scroll when a new message is sent.

Video Walkthrough of the Issue

Proposed Fix

I would like to work on fixing these UI issues. Please assign me to this issue.