From 8808ced9af9b144158f3e09828d5b8fe78bd5486 Mon Sep 17 00:00:00 2001
From: tux86 <walid.karray@gmail.com>
Date: Thu, 11 Jun 2026 13:30:01 +0200
Subject: [PATCH] fix(cli): restore action bar top margin when no status items
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The action bar used `statusItems ? 0 : 1` to decide its top margin, but an
empty array is truthy — so when there were no status items (the common case,
no update banner) the status bar was not rendered yet the action bar still got
margin 0, leaving it cramped against the content. Gate on length via a shared
`hasStatusItems` flag so the action bar keeps its top margin in that case.
---
 src/cli/components/App.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/cli/components/App.tsx b/src/cli/components/App.tsx
index 22b5198..fb0b65d 100644
--- a/src/cli/components/App.tsx
+++ b/src/cli/components/App.tsx
@@ -22,6 +22,7 @@ export function App({
   onQuit,
 }: AppProps) {
   const { exit } = useApp();
+  const hasStatusItems = !!statusItems && statusItems.length > 0;
 
   // Global keyboard handler
   useInput((input, key) => {
@@ -46,7 +47,7 @@ export function App({
       </Box>
 
       {/* Status bar */}
-      {statusItems && statusItems.length > 0 && (
+      {hasStatusItems && (
         <Box flexDirection="column" marginTop={1}>
           <Box borderStyle="single" borderTop borderBottom={false} borderLeft={false} borderRight={false} borderColor="gray" />
           <Box gap={2}>
@@ -59,7 +60,7 @@ export function App({
 
       {/* Action bar */}
       {actions && actions.length > 0 && (
-        <Box flexDirection="column" marginTop={statusItems ? 0 : 1}>
+        <Box flexDirection="column" marginTop={hasStatusItems ? 0 : 1}>
           <Box borderStyle="single" borderTop borderBottom={false} borderLeft={false} borderRight={false} borderColor="gray" />
           <ActionBar actions={actions} />
         </Box>