engineering/tpmjs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2.1k

fix: improve text readability for user messages in chat

Browse source 
User messages now use plain text rendering instead of prose classes
to ensure proper contrast on the primary (blue) background. Assistant
messages continue using Streamdown with prose styling for markdown.
This commit is contained in:
Ajax Davis 2026-01-15 05:39:31 +10:00
parent 1c903cd26e
commit 4d265cd24d
2 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/web/src/app/agents/[id]/chat/[chatId]/page.tsx
View file

@ -887,9 +887,7 @@ export default function PublicAgentChatPage(): React.ReactElement {
{message.role === 'USER' && (
<div className="flex justify-end">
<div className="max-w-[80%] rounded-lg p-4 bg-primary text-primary-foreground">
<div className="text-sm prose prose-sm prose-invert max-w-none">
<Streamdown>{message.content}</Streamdown>
</div>
<div className="text-sm whitespace-pre-wrap">{message.content}</div>
</div>
</div>
)}

10
apps/web/src/app/dashboard/agents/[id]/chat/[chatId]/page.tsx
View file

@ -679,9 +679,13 @@ export default function AgentChatPage(): React.ReactElement {
: 'bg-surface-secondary'
}`}
>
<div className="text-sm prose prose-sm dark:prose-invert max-w-none">
<Streamdown>{message.content}</Streamdown>
</div>
{message.role === 'USER' ? (
<div className="text-sm whitespace-pre-wrap">{message.content}</div>
) : (
<div className="text-sm prose prose-sm dark:prose-invert max-w-none">
<Streamdown>{message.content}</Streamdown>
</div>
)}
</div>
</div>
)}