only show when above 0

Author: uinstinct

extensions/cli/src/ui/components/BottomStatusBar.tsx

@@ -64,7 +64,7 @@ export const BottomStatusBar: React.FC<BottomStatusBarProps> = ({
           </React.Fragment>
         )}
         <ModeIndicator />
-        {contextPercentage !== undefined && (
+        {contextPercentage !== undefined && contextPercentage > 0 && (
           <React.Fragment>
             <Text key="context-separator" color="dim">
               {" "}

extensions/cli/src/ui/components/ContextPercentageDisplay.tsx

@@ -7,10 +7,14 @@ interface ContextPercentageDisplayProps {
 
 /**
  * Component to display the current context usage percentage
- * Shows the percentage in gray color for consistency with other status indicators
+ * Shows the non-zero percentage in gray color for consistency with other status indicators
  */
 export const ContextPercentageDisplay: React.FC<
   ContextPercentageDisplayProps
 > = ({ percentage }) => {
+  if (percentage === 0) {
+    return null;
+  }
+
   return <Text color="dim">Context: {percentage}%</Text>;
 };