feat(web): refine workspace layout and profile controls#96
Merged
Conversation
Collaborator
Author
|
… forms - Updated NotifierControls to use the new Select component for delivery mode selection. - Refactored AgentDetailPane to replace select elements with the Select component for provider, model, and reasoning selections. - Modified AgentProfileModal to utilize the Select component for template, runtime kind, provider, model, and reasoning selections. - Changed ManagerProfileSetupModal to implement the Select component for runtime kind, provider, model, and reasoning selections. - Updated ManagerRebuildModal to use the Select component for runtime kind selection. - Added new Select component with styles and functionality based on Radix UI. - Adjusted CSS for various components to ensure proper z-index values and styling. - Included global styles for Tailwind CSS and updated tokens for z-index variables. - Added tests for the ManagerRebuildModal to ensure proper functionality with the new Select component.
- Added WorkspaceTopBar component to display branding in the workspace layout. - Integrated WorkspaceTopBar into WorkspaceLayout for improved UI. - Created SidebarUserButton for user settings, including theme and language options. - Updated SidebarRail to include SidebarUserButton for better accessibility. - Refactored SidebarHeader and WorkspaceSidebar to streamline layout and functionality. - Improved WorkspaceTabBar to support different display variants (default and rail). - Added localization support for new settings and appearance options in messages. - Updated CSS for improved styling and layout consistency across components.
…nent reuse and layering practices
- Added `bot_type` to `AgentLike` type for better agent categorization. - Introduced `AgentDraftSource` type to streamline agent draft creation. - Implemented `hasUpgradeAttention` function to determine if upgrade actions are needed based on status. - Refactored `agentToDraft` to utilize new `bot_type` for normalization. - Removed deprecated `SidebarFooter` component and integrated its functionality into `SidebarUserButton`. - Created `SidebarRailControlButton` for sidebar expansion/collapse actions. - Updated CSS styles for improved layout and visual feedback in the sidebar. - Enhanced version display and upgrade status notifications in the sidebar. - Added tests for new upgrade status functions to ensure correct behavior.
Closed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
@radix-ui/react-selectas the first Radix UI integration sample, covering dependency setup, shared component wrapping, and workspace form usage.tailwindcssand@tailwindcss/viteso future styling work can build on a consistent utility layer.Purpose
This PR is mainly groundwork for a broader UX upgrade. The Radix Select integration is a concrete sample for adopting Radix UI in the web app, while the Tailwind setup and structural styling changes establish clearer rules for follow-up UX and visual design iterations.
Testing