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
default
styling. 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:
DiscoverAgentCard
component to display agent cards with names, descriptions, and a "Try now" button.Discover
option in theAgentsSidePanel
component, allowing users to navigate to the discovery page.Discover
page (/agents/discover
) that lists available agents and allows users to search for specific agents.Details
DiscoverAgentCard
component inDiscoverAgentCard.tsx
renders 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.AgentsSidePanel
component inAgentsSidePanel.tsx
now includes aDiscover
option in the navigation items, allowing users to navigate to the discovery page.AgentsSidePanel
component now conditionally renders the navigation items based on theisAgentsSidePanelOpen
flag. When the panel is open, the navigation items are rendered as buttons; otherwise, they are rendered as icon buttons with tooltips.AgentsList
component inAgentsList.tsx
now uses thetruncate
class for the "Most recent" text to prevent text overflow.Discover
page is added indiscover/index.tsx
, which lists available agents and allows users to search for specific agents. The page uses theDiscoverAgentCard
component to display each agent.cellBackground.svg
for the agent discovery page.