[eric] frontend: done and stopped go silent, status only speaks when it needs the user

This commit is contained in:
ciregenz
2026-06-10 02:41:11 -07:00
parent 5063506e19
commit 7bde6a4efe
2 changed files with 11 additions and 9 deletions
@@ -968,8 +968,8 @@ const AgentChat: React.FC<AgentChatProps> = ({ sessionId: sessionIdProp, onClose
<Box sx={{ flex: 1, minWidth: 0 }}>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
<Typography noWrap sx={{ color: c.text.primary, fontWeight: 600 }}>{session.name}</Typography>
{!isDraft && statusStyle && (
// Dot + word instead of a filled chip: one color cue, zero chrome.
{!isDraft && statusStyle && session.status !== 'completed' && session.status !== 'stopped' && (
// Status speaks only when it needs the user; finished work sits quiet.
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.6, flexShrink: 0 }}>
<Box sx={{ width: 6, height: 6, borderRadius: '50%', bgcolor: statusStyle.color, flexShrink: 0 }} />
<Typography sx={{ fontSize: '0.75rem', fontWeight: 500, color: c.text.secondary, whiteSpace: 'nowrap' }}>
@@ -757,13 +757,15 @@ const AgentCard: React.FC<Props> = ({
<Typography sx={{ color: c.text.primary, fontWeight: 600, fontSize: '0.95rem', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
{session.name}
</Typography>
{/* Dot + word instead of a filled chip: one color cue, zero chrome. */}
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.6, flexShrink: 0 }}>
<Box sx={{ width: 6, height: 6, borderRadius: '50%', bgcolor: statusStyle.color, flexShrink: 0 }} />
<Typography sx={{ fontSize: '0.75rem', fontWeight: 500, color: c.text.secondary, whiteSpace: 'nowrap' }}>
{friendlyStatusLabel(session.status)}
</Typography>
</Box>
{/* Status speaks only when it needs the user; finished work sits quiet. */}
{session.status !== 'completed' && session.status !== 'stopped' && (
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.6, flexShrink: 0 }}>
<Box sx={{ width: 6, height: 6, borderRadius: '50%', bgcolor: statusStyle.color, flexShrink: 0 }} />
<Typography sx={{ fontSize: '0.75rem', fontWeight: 500, color: c.text.secondary, whiteSpace: 'nowrap' }}>
{friendlyStatusLabel(session.status)}
</Typography>
</Box>
)}
{/* Calm, zero-click signal: the agent recalled or built up memory of
this site, so the user feels it getting smarter on its own. */}
<Fade in={session.memory_recalled || session.memory_learned} timeout={{ enter: 200, exit: 220 }} unmountOnExit>