-
Notifications
You must be signed in to change notification settings - Fork 7.8k
feat(frontend): improve conversation card context menu #9917
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(frontend): improve conversation card context menu #9917
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Very nice, thank you. Maybe we can also do something like:
const IconTextButton = ({
icon: Icon,
text,
className,
iconClassName
}: {
icon: React.ComponentType<{ className?: string }>;
text: string;
className?: string;
iconClassName?: string;
}) => (
<div className={cn("flex items-center gap-3 px-1", className)}>
<Icon className={cn("w-4 h-4 shrink-0", iconClassName)} />
{text}
</div>
);
// Usage remains the same:
<IconTextButton
icon={Wrench}
text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}
/>
I think we should add a cursor: pointer style when hovering over these items. Screen.Recording.2025-07-30.at.02.56.19.mov |
…n card context menu
I created a new component, since context menus are also used in |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you!
End-user friendly description of the problem this fixes or functionality this introduces.
Improved conversation context menu UI with icons and separators
Summarize what the PR does, explaining any non-trivial design decisions.
Updated the conversation context menu:
Screenshot - all icons visible (all menu items force-enabled):

Screenshots - normal usage (before):


Screenshots - normal usage (after):


Link of any specific issues this addresses: