From a0da52a076bb2bfacb7a022bd9469878aaa2cd55 Mon Sep 17 00:00:00 2001 From: Rizz <302abe414ca6e3134763d2539bfcf145aea2a63fe5f8455204ed602fd40cf381@buzz.block.builderlab.xyz> Date: Tue, 25 Aug 2026 16:19:30 -0700 Subject: [PATCH] fix(desktop): pad focus message bubble Co-authored-by: Rizz <302abe414ca6e3134763d2539bfcf145aea2a63fe5f8455204ed602fd40cf381@buzz.block.builderlab.xyz> Signed-off-by: Rizz <302abe414ca6e3134763d2539bfcf145aea2a63fe5f8455204ed602fd40cf381@buzz.block.builderlab.xyz> --- .../agents/ui/AgentSessionToolItem/CompactMessageSummary.tsx | 2 +- .../agents/ui/AgentSessionWorkBlock.orphaned.test.mjs | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/desktop/src/features/agents/ui/AgentSessionToolItem/CompactMessageSummary.tsx b/desktop/src/features/agents/ui/AgentSessionToolItem/CompactMessageSummary.tsx index 4013f9d01c..5a3af82346 100644 --- a/desktop/src/features/agents/ui/AgentSessionToolItem/CompactMessageSummary.tsx +++ b/desktop/src/features/agents/ui/AgentSessionToolItem/CompactMessageSummary.tsx @@ -151,7 +151,7 @@ export function CompactMessageSummary({ ? "text-xs leading-4" : "text-sm leading-relaxed", shouldClampBubble && "relative max-h-36 overflow-hidden", - isConversation && "relative", + isConversation && "relative pr-4", canOpenMessage && "group/bubble cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", isCompactPreview diff --git a/desktop/src/features/agents/ui/AgentSessionWorkBlock.orphaned.test.mjs b/desktop/src/features/agents/ui/AgentSessionWorkBlock.orphaned.test.mjs index 8f35c6c63c..6bba56be52 100644 --- a/desktop/src/features/agents/ui/AgentSessionWorkBlock.orphaned.test.mjs +++ b/desktop/src/features/agents/ui/AgentSessionWorkBlock.orphaned.test.mjs @@ -399,6 +399,11 @@ test("the same relay post outside a work block keeps its message bubble", async "outside a block a posted message is a destination the reader can open — the bubble stays", ); assert.match(bubble.className, /relative/); + assert.match( + bubble.className, + /pr-4/, + "focus-mode agent sends keep a full 16px inset on the right", + ); assert.doesNotMatch( bubble.className, /max-h-36/,