Update app.py

app.py

@@ -81,10 +81,10 @@ with gr.Blocks() as demo:
     
     # Define output components with tabs
     with gr.Tabs() as tabs:
-        output_comparisons = []
+        # Dynamically create one gr.JSON component for each model
+        output_comparisons = {}
         for model in MODEL_OPTIONS:
-            with gr.Tab(model):
-                output_comparisons.append(gr.JSON(label=model, elem_id=f"output-{model}"))
+            output_comparisons[model] = gr.JSON(label=model)
     
     output_history = gr.JSON(label="History", elem_id="output-history")
     clear_history_button = gr.Button("Clear History")
@@ -94,7 +94,9 @@ with gr.Blocks() as demo:
     
     # Define the button to trigger generating comparisons
     generate_button = gr.Button("Generate Comparisons")
-    generate_button.click(generate_comparisons_with_history, inputs=[input_text, selected_models, gr.State()], outputs=[output_comparisons, output_history])
+    
+    # Ensure output_comparisons is defined before use
+    generate_button.click(generate_comparisons_with_history, inputs=[input_text, selected_models, gr.State()], outputs=[*output_comparisons.values(), output_history])
 
     # Insert custom CSS using gr.HTML()
     gr.HTML("""