Upload app.py

app.py

@@ -57,25 +57,25 @@ def get_tasks_by_type(task_type):
 def add_new_task_type(new_type):
     if new_type and new_type not in TASK_TYPES:
         TASK_TYPES.append(new_type)
-        return gr.update(choices=TASK_TYPES), f"Task type '{new_type}' added successfully!"
-    return gr.update(choices=TASK_TYPES), "Task type already exists or invalid input."
+        return gr.update(choices=TASK_TYPES), gr.update(choices=TASK_TYPES), f"Task type '{new_type}' added successfully!"
+    return gr.update(choices=TASK_TYPES), gr.update(choices=TASK_TYPES), "Task type already exists or invalid input."
 
 # Function to display tasks as clickable cards
 def display_tasks(task_type):
     tasks = get_tasks_by_type(task_type)
-    html_content = "<div style='display: flex; flex-wrap: wrap; gap: 10px;'>"
+    html_content = "<div style='display: flex; flex-wrap: wrap; gap: 10px; color: #000;'>"
     for idx, task in enumerate(tasks):
         color = random.choice(CARD_COLORS)
         html_content += f"""
-        <div style='background-color: {color}; padding: 10px; border-radius: 5px; cursor: pointer;' onclick="document.getElementById('task-details-{idx}').style.display='block';">
+        <div style='background-color: {color}; color: #000; padding: 10px; border-radius: 5px; cursor: pointer;' onclick="document.getElementById('task-details-{idx}').style.display='block';">
             <b>{task['description']}</b>
         </div>
         <div id='task-details-{idx}' style='display: none; margin-top: 10px; border: 1px solid #ccc; background: #fff; padding: 10px; border-radius: 5px;'>
             <b>Task Type:</b> {task['task_type']}<br>
             <b>Description:</b> {task['description']}<br>
             <b>YAML/Text:</b><pre>{task['yaml']}</pre>
-            <button style='margin-top: 10px;' onclick="document.getElementById('task-details-{idx}').style.display='none';">Close</button>
-            <span style='cursor: pointer; float: right; font-size: 18px;' onclick="document.getElementById('task-details-{idx}').style.display='none';">&times;</span>
+            <button style='margin-top: 10px; color: #000;' onclick="document.getElementById('task-details-{idx}').style.display='none';">Close</button>
+            <span style='cursor: pointer; float: right; font-size: 18px; color: #000;' onclick="document.getElementById('task-details-{idx}').style.display='none';">&times;</span>
         </div>
         """
     html_content += "</div>"
@@ -122,7 +122,7 @@ with gr.Blocks() as app:
             add_task_button.click(
                 add_new_task_type,
                 inputs=[new_task_input],
-                outputs=[task_type_input, add_task_status]  # Update dropdown and status
+                outputs=[task_type_input, task_type_filter, add_task_status]  # Update dropdown and status
             )
 
             # Handle task submission