Update app.py

app.py

@@ -17,24 +17,37 @@ def tab2_content():
         try:
             file_name = "config/data/agents.yaml"
             with open(file_name, 'r') as file:
-                yaml_content = yaml.safe_load(file)
-            return yaml.dump(yaml_content, sort_keys=False, default_flow_style=False)
+                data = yaml.safe_load(file)
+            formatted_output = ""
+            for agent, details in data.items():
+                formatted_output += f"<h3>{agent.replace('_', ' ').title()}</h3>"
+                formatted_output += f"<strong>Role:</strong> {details['role']}<br>"
+                formatted_output += f"<strong>Goal:</strong> {details['goal']}<br>"
+                formatted_output += f"<strong>Backstory:</strong> {details['backstory']}<br>"
+                formatted_output += f"<strong>Allow Delegation:</strong> {'Yes' if details['allow_delegation'] else 'No'}<br>"
+                formatted_output += f"<strong>Verbose:</strong> {'Yes' if details['verbose'] else 'No'}<br><br>"
+            return formatted_output
         except Exception as e:
             return f"Error: {str(e)}"
 
-    gr.Label(label="Agents", value=display_yaml())
+    gr.HTML(value=display_yaml())
 
 def tab3_content():
     def display_yaml():
         try:
             file_name = "config/data/tasks.yaml"
             with open(file_name, 'r') as file:
-                yaml_content = yaml.safe_load(file)
-            return yaml.dump(yaml_content, sort_keys=False, default_flow_style=False)
+                data = yaml.safe_load(file)
+            formatted_output = ""
+            for task, details in data.items():
+                formatted_output += f"<h3>{task.replace('_', ' ').title()}</h3>"
+                formatted_output += f"<strong>Description:</strong> {details['description']}<br>"
+                formatted_output += f"<strong>Expected Output:</strong> {details['expected_output']}<br><br>"
+            return formatted_output
         except Exception as e:
             return f"Error: {str(e)}"
 
-    gr.Label(label="Tasks", value=display_yaml())
+    gr.HTML(value=display_task_data())
 
 with gr.Blocks() as agentApp:
     with gr.Tab("Tab 1"):