team-board/web-client-vite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: colored message backgrounds — yellow for system, green for agents

Browse Source
This commit is contained in:
Markov 2026-02-24 12:32:56 +01:00
parent 9b2026c5fa
commit 2210b6ae9f
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ChatPanel.tsx
View File

@ -202,14 +202,22 @@ export default function ChatPanel({ chatId, fullscreen = false }: Props) {
{loadingOlder && ( {loadingOlder && (
<div className="text-center text-xs text-[var(--muted)] py-1">Загрузка...</div> <div className="text-center text-xs text-[var(--muted)] py-1">Загрузка...</div>
)} )}
{messages.map((msg) => ( {messages.map((msg) => {
<div key={msg.id} className="text-sm"> const bgClass =
msg.author_type === "system"
? "bg-yellow-900/30 rounded px-2 py-1"
: msg.author_type === "agent"
? "bg-green-900/30 rounded px-2 py-1"
: "";
return (
<div key={msg.id} className={`text-sm ${bgClass}`}>
<span className="text-xs text-[var(--muted)]"> <span className="text-xs text-[var(--muted)]">
{AUTHOR_ICON[msg.author_type] || "👤"} {msg.author_slug} {AUTHOR_ICON[msg.author_type] || "👤"} {msg.author_slug}
</span> </span>
<span className="ml-2">{msg.content}</span> <span className="ml-2">{msg.content}</span>
</div> </div>
))} );
})}
{messages.length === 0 && ( {messages.length === 0 && (
<div className="text-sm text-[var(--muted)] italic py-4 text-center">Нет сообщений</div> <div className="text-sm text-[var(--muted)] italic py-4 text-center">Нет сообщений</div>
)} )}