apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-25 19:15:18 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat: enhance token display in MessageInfoDropdown with improved visual separation

Browse source
This commit is contained in:
Anish Sarkar 2026-05-20 15:29:41 +05:30
parent 8c9be9796a
commit 39c29d651f
1 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

25
surfsense_web/components/assistant-ui/assistant-message.tsx
View file

@ -14,6 +14,7 @@ import {
ClipboardPaste,
CopyIcon,
DownloadIcon,
Dot,
ExternalLink,
Globe,
MessageCircleReply,
@ -330,9 +331,14 @@ const MessageInfoDropdown: FC<{ chatTurnId: string | null | undefined }> = ({ ch
{icon}
{name}
</span>
<span className="text-xs text-muted-foreground">
{counts.total_tokens.toLocaleString()} tokens
{costMicros && costMicros > 0 ? ` · ${formatTurnCost(costMicros)}` : ""}
<span className="flex items-center text-xs text-muted-foreground">
<span>{counts.total_tokens.toLocaleString()} tokens</span>
{costMicros && costMicros > 0 ? (
<>
<Dot className="size-4 shrink-0" aria-hidden="true" />
<span>{formatTurnCost(costMicros)}</span>
</>
) : null}
</span>
</ActionBarMorePrimitive.Item>
);
@ -342,11 +348,14 @@ const MessageInfoDropdown: FC<{ chatTurnId: string | null | undefined }> = ({ ch
className="focus:bg-accent focus:text-accent-foreground relative flex cursor-default flex-col items-start gap-0.5 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none"
onSelect={(e) => e.preventDefault()}
>
<span className="text-xs text-muted-foreground">
{usage.total_tokens.toLocaleString()} tokens
{usage.cost_micros && usage.cost_micros > 0
? ` · ${formatTurnCost(usage.cost_micros)}`
: ""}
<span className="flex items-center text-xs text-muted-foreground">
<span>{usage.total_tokens.toLocaleString()} tokens</span>
{usage.cost_micros && usage.cost_micros > 0 ? (
<>
<Dot className="size-4 shrink-0" aria-hidden="true" />
<span>{formatTurnCost(usage.cost_micros)}</span>
</>
) : null}
</span>
</ActionBarMorePrimitive.Item>
)}