fix: use accent color for user message bubbles in portal chat

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: jamiepine

interface/src/components/WebChatPanel.tsx

@@ -386,7 +386,7 @@ export function WebChatPanel({agentId}: WebChatPanelProps) {
 						{timeline.length === 0 && !isTyping && (
 							<div className="flex flex-col items-center justify-center py-24">
 								<p className="text-sm text-ink-faint">
-									Start a conversation with {agentId}
+									Start a conversation with {agentDisplayName || agentId}
 								</p>
 							</div>
 						)}
@@ -397,7 +397,7 @@ export function WebChatPanel({agentId}: WebChatPanelProps) {
 								<div key={item.id}>
 									{item.role === "user" ? (
 										<div className="flex justify-end">
-											<div className="max-w-[85%] min-w-0 overflow-hidden rounded-2xl rounded-br-md bg-app-hover/30 px-4 py-2.5">
+											<div className="max-w-[85%] min-w-0 overflow-hidden rounded-2xl rounded-br-md bg-accent/15 px-4 py-2.5">
 												<p className="text-sm text-ink break-all whitespace-pre-wrap">
 													{item.content}
 												</p>