[eric] frontend: the snag card's Details row keeps no stock focus ring after a mouse click

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012G8kyALnPjsA7aJFmMBq3R
This commit is contained in:
ciregenz
2026-09-02 08:25:54 -07:00
co-authored by Claude Fable 5.1
parent f7472a36af
commit 6ede3fcfb3
@@ -913,7 +913,7 @@ const MessageBubble: React.FC<Props> = React.memo((props) => {
Something went wrong on that one. Send your message again to retry.
</Typography>
<Box component="details" sx={{ fontSize: '0.75rem', color: c.text.tertiary }}>
<Box component="summary" sx={{ cursor: 'pointer', userSelect: 'none' }}>Details</Box>
<Box component="summary" sx={{ cursor: 'pointer', userSelect: 'none', '&:focus:not(:focus-visible)': { outline: 'none' } }}>Details</Box>
<Box component="pre" sx={{ m: 0, mt: 0.5, whiteSpace: 'pre-wrap', wordBreak: 'break-word', fontFamily: 'inherit' }}>
{sysText}
</Box>