App tab layout fixes

[cte]

Context

• Add a Tab component to standardize the root layout of each tab view.
• Add roo-portal div and use it in our @shadcn/ui components that require a portal.

Before:

After:

Implementation

Screenshots

before	after

How to Test

Get in Touch

---

Important

Introduce Tab component for standardized layout and roo-portal for consistent portal rendering across views.

• Components:
  • Introduce Tab, TabHeader, and TabContent components in Tab.tsx for consistent layout across views.
  • Add Alert component in Alert.tsx for displaying alert messages.
  • Implement useRooPortal hook in useRooPortal.ts for consistent portal rendering.
• Layout Changes:
  • Refactor HistoryView.tsx, McpView.tsx, PromptsView.tsx, SettingsView.tsx, and WelcomeView.tsx to use Tab components for layout.
  • Replace chat-view-portal with roo-portal in ChatView.tsx and CheckpointMenu.tsx.
• Miscellaneous:
  • Remove unused import in CheckpointMenu.tsx.
  • Update dropdown-menu.tsx, popover.tsx, and select-dropdown.tsx to use useRooPortal for portal container.
  • Minor CSS adjustments in index.css for consistent styling.

^{This description was created by for 9fdc546. It will automatically update as commits are pushed.}

[ellipsis-dev]

Thank you for your contributions! After reviewing the pull request, it seems that the changes are primarily focused on layout fixes and component updates across various files. While the number of files changed is significant, the changes appear to be related and cohesive, focusing on improving the UI structure and component functionality.

However, if you believe there are distinct groups of changes that could be logically separated for better clarity and reviewability, please consider splitting the pull request into smaller ones. This can help streamline the review process and ensure each set of changes is thoroughly evaluated.

If you need any assistance or have questions about how to split the changes, feel free to reach out!

[mrubens]

Nice!

[changeset-bot]

🦋 Changeset detected

Latest commit: 9fdc546

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
roo-cline	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR