From 6ede3fcfb3b82b7613d6ef98ee9ded3d7add8ce6 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Wed, 2 Sep 2026 08:25:54 -0700
Subject: [PATCH] [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
---
 frontend/src/app/pages/AgentChat/bubbles/MessageBubble.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/AgentChat/bubbles/MessageBubble.tsx b/frontend/src/app/pages/AgentChat/bubbles/MessageBubble.tsx
index c2f73e0f..cbdb54cb 100644
--- a/frontend/src/app/pages/AgentChat/bubbles/MessageBubble.tsx
+++ b/frontend/src/app/pages/AgentChat/bubbles/MessageBubble.tsx
@@ -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>