Adding reverse order

app.py

@@ -1,6 +1,7 @@
 from src.logging import configure_root_logger
 configure_root_logger()
 
+from functools import partial
 import logging
 
 import gradio as gr
@@ -33,15 +34,23 @@ def button_auto_eval():
     logger.info("Manually triggering Auto Eval")
     run_auto_eval()
 
+
+reverse_order_checkbox = gr.Checkbox(label="Reverse Order", value=True)
+
 with gr.Blocks(js=dark_mode_gradio_js) as demo:
     with gr.Tab("Application"):
         gr.Markdown(intro_md)
-        output = gr.HTML(log_file_to_html_string, every=1)
+        output_html = gr.HTML(partial(log_file_to_html_string, reverse=reverse_order_checkbox), every=1)
+        with gr.Accordion('Log View Configuration', open=False) as log_view_config:
+            reverse_order_checkbox.render()
+
         dummy = gr.Markdown(run_auto_eval, every=REFRESH_RATE, visible=False)
 
         # Add a button that when pressed, triggers run_auto_eval
         button = gr.Button("Manually Run Evaluation")
         button.click(fn=button_auto_eval, inputs=[], outputs=[])
 
+
+
 if __name__ == '__main__':
     demo.queue(default_concurrency_limit=40).launch(server_name="0.0.0.0", show_error=True, server_port=7860)

src/display/log_visualizer.py

@@ -9,19 +9,17 @@ from src.display.css_html_js import style_content
 from src.envs import NUM_LINES_VISUALIZE
 from src.logging import log_file
 
-proj_dir = Path(__name__).parent
 
-
-def log_file_to_html_string():
+def log_file_to_html_string(reverse=True):
     with open(log_file, "rt") as f:
-        # Seek to the end of the file minus 300 lines
-        # Read the last 300 lines of the file
-        lines = f.readlines()
-        lines = lines[-NUM_LINES_VISUALIZE:]
+            lines = f.readlines()
+            lines = lines[-NUM_LINES_VISUALIZE:]
+
+    if reverse:
+        lines = reversed(lines)
 
-        # Syntax-highlight the last 300 lines of the file using the Python lexer and Monokai style
-        output = "".join(reversed(lines))
-        syntax = Syntax(output, "python", theme="monokai", word_wrap=True)
+    output = "".join(lines)
+    syntax = Syntax(output, "python", theme="monokai", word_wrap=True)
 
     console = Console(record=True, width=150, style="#272822", file=StringIO())
     console.print(syntax)
@@ -30,7 +28,7 @@ def log_file_to_html_string():
     # Parse the HTML content using BeautifulSoup
     soup = BeautifulSoup(html_content, 'lxml')
 
-    # Modify the <pre> tag
+    # Modify the <pre> tag and add custom styles
     pre_tag = soup.pre
     pre_tag['class'] = 'scrollable'
     del pre_tag['style']