Fixed formatting

frontend/components/navigation.tsx

@@ -472,19 +472,15 @@ export function Navigation({
                 </>
               )}
             </div>
-            <div className="flex-shrink-0 mt-4">
+            {(newConversationFiles?.length ?? 0) !== 0 && (
-              <div className="flex items-center justify-between mb-3 mx-3">
+              <div className="flex-shrink-0 mt-4">
-                <h3 className="text-xs font-medium text-muted-foreground">
+                <div className="flex items-center justify-between mb-3 mx-3">
-                  Files
+                  <h3 className="text-xs font-medium text-muted-foreground">
-                </h3>
+                    Files
-              </div>
+                  </h3>
-              <div className="overflow-y-auto scrollbar-hide space-y-1">
+                </div>
-                {(newConversationFiles?.length ?? 0) === 0 ? (
+                <div className="overflow-y-auto scrollbar-hide space-y-1">
-                  <div className="text-[13px] text-muted-foreground py-2 px-3">
+                  {newConversationFiles?.map((file, index) => (
-                    No documents yet
-                  </div>
-                ) : (
-                  newConversationFiles?.map((file, index) => (
                     <div
                       key={`${file}-${index}`}
                       className="flex-1 min-w-0 px-3"
@@ -493,10 +489,10 @@ export function Navigation({
                         {file}
                       </div>
                     </div>
-                  ))
+                  ))}
-                )}
+                </div>
               </div>
-            </div>
+            )}
           </div>
         </div>
       )}