Update app.py

app.py

@@ -82,7 +82,7 @@ def submit_task(command, current_tasks):
     with bucket_lock:
         task_bucket.append(new_task)
         current_tasks.append(new_task)
-    return current_tasks, generated_files, ""
+    return current_tasks, generated_files, ""  # Clear the input after submission.
 
 def build_tasks_html(tasks):
     """
@@ -96,7 +96,7 @@ def build_tasks_html(tasks):
       th, td {border: 1px solid #ddd; padding: 8px; text-align: left; font-size: 14px;}
       th {background-color: #f2f2f2;}
       .Complete {background-color: #d4edda;}
-      .In\ Progress {background-color: #fff3cd;}
+      .In\\ Progress {background-color: #fff3cd;}
       .Pending {background-color: #f8d7da;}
     </style>
     <table>
@@ -139,6 +139,10 @@ def refresh_ui(tasks, files):
     tasks_html = build_tasks_html(tasks)
     return tasks, files, tasks_html
 
+def set_sample_command(sample_command):
+    """Returns the sample command to be populated in the textbox."""
+    return sample_command
+
 def main():
     # Start the background task processor.
     processor_thread = threading.Thread(target=background_task_processor, daemon=True)
@@ -147,9 +151,9 @@ def main():
     with gr.Blocks() as demo:
         gr.Markdown("# Advanced Multi-Task Report & Diagram Generator")
         gr.Markdown(
-            "Enter your task command below. For example, you can type: <br>"
+            "Enter your task command below or click one of the sample commands. For example, you can type or select:<br>"
             "<i>generate a report on unemployment in the United States in 2024</i><br>"
-            "The system will automatically detect the request and generate a PDF report (unless a different format is specified).<br>"
+            "The system will automatically detect your request and generate a PDF report (unless a different format is specified).<br>"
             "Multiple tasks run concurrently, and you can watch their progress and view details when complete."
         )
         
@@ -159,6 +163,13 @@ def main():
             with gr.Column(scale=2):
                 submit_btn = gr.Button("Submit")
         
+        # Row of sample command buttons.
+        gr.Markdown("#### Sample Commands")
+        with gr.Row():
+            sample1 = gr.Button("Report on unemployment in the US 2024")
+            sample2 = gr.Button("Generate diagram of sales data")
+            sample3 = gr.Button("Generate csv report of user activity")
+        
         gr.Markdown("### Task List")
         tasks_html_output = gr.HTML(label="Tasks Overview")
         
@@ -169,14 +180,26 @@ def main():
         tasks_state = gr.State([])
         files_state = gr.State([])
         
+        with gr.Row():
+            refresh_btn = gr.Button("Refresh Task List")
+        
         # When the user submits a task, update the states.
         submit_btn.click(
             submit_task,
             inputs=[command_input, tasks_state],
             outputs=[tasks_state, files_state, command_input]
         )
-        # Periodically refresh the UI to update the task list and file list.
-        demo.load(refresh_ui, inputs=[tasks_state, files_state], outputs=[tasks_state, files_state, tasks_html_output])
+        # Sample buttons fill the command textbox.
+        sample1.click(set_sample_command, inputs=[], outputs=command_input, _js="() => 'generate a report on unemployment in the United States in 2024'")
+        sample2.click(set_sample_command, inputs=[], outputs=command_input, _js="() => 'generate diagram of sales data'")
+        sample3.click(set_sample_command, inputs=[], outputs=command_input, _js="() => 'generate csv report of user activity'")
+        
+        # Refresh the task list when the refresh button is clicked.
+        refresh_btn.click(
+            refresh_ui,
+            inputs=[tasks_state, files_state],
+            outputs=[tasks_state, files_state, tasks_html_output]
+        )
         
     demo.launch(server_name="0.0.0.0", server_port=7860)