From 2b181a77a645d1f8b85d2635a4bdc0953397d3ee Mon Sep 17 00:00:00 2001
From: Johannes du Plessis <johannes@langchain.dev>
Date: Mon, 15 Jun 2026 09:38:30 -0700
Subject: [PATCH] fix: add bottom padding to shell command card before output
 streams (#1523)

The bash command card had only pb-1 on the header block, leaving the
content cramped against the card's bottom edge until output streamed in
(which adds its own pb-2). Apply pb-3 when there is no output yet so the
card looks uniformly padded in the pending/in-progress state.

Co-authored-by: open-swe[bot] <open-swe@users.noreply.github.com>
---
 ui/src/components/agents/ported/ShellCommand.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/components/agents/ported/ShellCommand.tsx b/ui/src/components/agents/ported/ShellCommand.tsx
index 099e36d5..ce11eda0 100644
--- a/ui/src/components/agents/ported/ShellCommand.tsx
+++ b/ui/src/components/agents/ported/ShellCommand.tsx
@@ -65,7 +65,7 @@ export const ShellCommand = memo(function ShellCommand({
 
       {expanded && (
         <div className="rounded-xl border border-[var(--ui-border-subtle)] bg-[var(--ui-code-bubble)] mt-1 overflow-hidden max-h-[250px] flex flex-col">
-          <div className="px-3 pt-2 pb-1 font-mono text-xs shrink-0">
+          <div className={`px-3 pt-2 ${output ? "pb-1" : "pb-3"} font-mono text-xs shrink-0`}>
             <div className="flex items-center justify-between gap-2 mb-2">
               <span className="text-[color:var(--ui-accent-2)]">bash</span>
               {chunk.status === "in_progress" && (