Polish assistant message actions menu (#6962)

* Polish assistant message actions menu

Use the circle question mark (HelpCircleIcon) for the "See response
details" action instead of the file-database icon, and lowercase the
"Export as markdown" label.

* Align response details sheet icon
This commit is contained in:
Michael Han 2026-07-08 01:50:35 -07:00 committed by GitHub
parent 49d1fb3863
commit e7e6a0fb47
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 4 deletions

View file

@ -18,7 +18,7 @@ import {
useExternalProvidersStore,
} from "@/features/chat";
import { cn } from "@/lib/utils";
import { FileDatabaseIcon } from "@hugeicons/core-free-icons";
import { HelpCircleIcon } from "@hugeicons/core-free-icons";
import { HugeiconsIcon } from "@hugeicons/react";
import { useMessage, useMessageTiming } from "@assistant-ui/react";
import type { FC, ReactNode } from "react";
@ -341,7 +341,7 @@ export const MessageResponseDetailsSheet: FC<{
<SheetHeader className="border-b p-4">
<SheetTitle className="flex items-center gap-2 pr-10 font-heading text-base">
<HugeiconsIcon
icon={FileDatabaseIcon}
icon={HelpCircleIcon}
strokeWidth={1.75}
className="size-icon text-chat-icon-fg"
/>

View file

@ -127,6 +127,7 @@ import {
FileDatabaseIcon,
Folder01Icon,
FolderAddIcon,
HelpCircleIcon,
Image03Icon,
McpServerIcon,
PencilRulerIcon,
@ -3952,7 +3953,7 @@ const AssistantActionBar: FC = () => {
strokeWidth={1.75}
className="size-icon"
/>
Export as Markdown
Export as markdown
</ActionBarMorePrimitive.Item>
</ActionBarPrimitive.ExportMarkdown>
<ActionBarMorePrimitive.Item
@ -3960,7 +3961,7 @@ const AssistantActionBar: FC = () => {
className="aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-[12px] px-3 py-2 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
>
<HugeiconsIcon
icon={FileDatabaseIcon}
icon={HelpCircleIcon}
strokeWidth={1.75}
className="size-icon"
/>