better json output

app.py

@@ -331,20 +331,7 @@ with gr.Blocks() as app:
         # --- Output Components ---
         markdown_output = gr.Dataframe(label="ELS Results")
         most_frequent_phrase_output = gr.Textbox(label="Most Frequent Phrase in Network Search")
-        json_output = gr.Textbox(label="JSON Output")
-        copy_json_button = gr.Button("Copy JSON to Clipboard")
-
-        # --- Hidden HTML component to hold the JavaScript function ---
-        html_js = gr.HTML(
-            """
-            <script>
-            function copyJSON(json_string) {
-                navigator.clipboard.writeText(json_string);
-            }
-            </script>
-            """, visible=False  # Hide the HTML component
-        )
-
+        json_output = gr.JSON(label="JSON Output")
 
     # --- Event Handlers ---
 
@@ -524,7 +511,7 @@ with gr.Blocks() as app:
             "results": combined_and_sorted_results  # Use the combined list here
         }
 
-        json_data = json.dumps(output_data, ensure_ascii=False, indent=4)
+        json_data = output_data
 
         # --- Return results ---
         combined_most_frequent = "\n".join(
@@ -558,14 +545,6 @@ with gr.Blocks() as app:
         outputs=[date_words_output]
     )
 
-    copy_json_button.click(
-        js="""
-        (json_string) => {
-            copyJSON(json_string);  // Call the JavaScript function defined in the HTML component
-        }""",
-        inputs=json_output, # Make sure json_output is an input
-    )
-
     use_day.change(
         update_date_words,
         inputs=[selected_date, date_language_input, use_day, use_month, use_year],