feat(assistants): Add "Discover Assistant" Page #222
Merged
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.
Screen.Recording.2024-06-17.at.6.09.28.PM.mov
Closes OS-2132
Note: the "Discover" icon is not the one in the designs due to missing
defaultstyling. I already requested the asset and will update once we have itAI Description
This PR adds a new feature to the Agents interface, allowing users to discover assistants.
Summary
The main changes include:
DiscoverAgentCardcomponent to display agent cards with names, descriptions, and a "Try now" button.Discoveroption in theAgentsSidePanelcomponent, allowing users to navigate to the discovery page.Discoverpage (/agents/discover) that lists available agents and allows users to search for specific agents.Details
DiscoverAgentCardcomponent inDiscoverAgentCard.tsxrenders a card for an agent with the agent's name, description, and a "Try now" button. The card also includes a logo or the first letter of the agent's name, with a color based on the agent's ID.AgentsSidePanelcomponent inAgentsSidePanel.tsxnow includes aDiscoveroption in the navigation items, allowing users to navigate to the discovery page.AgentsSidePanelcomponent now conditionally renders the navigation items based on theisAgentsSidePanelOpenflag. When the panel is open, the navigation items are rendered as buttons; otherwise, they are rendered as icon buttons with tooltips.AgentsListcomponent inAgentsList.tsxnow uses thetruncateclass for the "Most recent" text to prevent text overflow.Discoverpage is added indiscover/index.tsx, which lists available agents and allows users to search for specific agents. The page uses theDiscoverAgentCardcomponent to display each agent.cellBackground.svgfor the agent discovery page.