hotfix

app.py

@@ -75,9 +75,7 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
     # When TTS model changes, update visibility of global speed/instructions & refresh dynamic UI
     tts_model_dropdown.change(
         fn=update_model_controls_visibility,
-        inputs=[tts_model_dropdown, script_input, speaker_configs_state, speaker_configs_state], # Pass state component itself
-        # The outputs list names the components that will be updated by the dictionary keys
-        # returned by update_model_controls_visibility.
+        inputs=[tts_model_dropdown, script_input, speaker_configs_state, speaker_configs_state],
         outputs=[global_speed_input, global_instructions_input, dynamic_speaker_ui_area, speaker_configs_state]
     )
 
@@ -85,14 +83,13 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
     speaker_config_method_dropdown.change(
         fn=update_speaker_config_method_visibility,
         inputs=[speaker_config_method_dropdown],
-        # The outputs list names the components that will be updated by the dictionary keys.
         outputs=[single_voice_group, detailed_per_speaker_ui_group]
     )
     
     # Button to load/refresh the detailed per-speaker UI configurations
     load_per_speaker_ui_button.click(
         fn=load_refresh_per_speaker_ui,
-        inputs=[script_input, speaker_configs_state, tts_model_dropdown, speaker_configs_state], # Pass state comp
+        inputs=[script_input, speaker_configs_state, tts_model_dropdown, speaker_configs_state], 
         outputs=[dynamic_speaker_ui_area, speaker_configs_state]
     )
     
@@ -106,8 +103,9 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
     # Generate audio button
     # Use functools.partial to pass fixed arguments like API key and client to the handler
     # Gradio inputs will be appended to these fixed arguments when the handler is called.
+    generate_button_fn = partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE)
     generate_button.click(
-        fn=partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE),
+        fn=generate_button_fn,
         inputs=[
             script_input, tts_model_dropdown, pause_input,
             speaker_config_method_dropdown, global_voice_dropdown,
@@ -118,38 +116,27 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
     )
 
     # --- Examples UI ---
-    # Define inputs for examples (must match the structure in ui_layout.create_examples_ui)
-    # This list should contain the Gradio component instances
     example_inputs_list = [
         script_input, tts_model_dropdown, pause_input,
         speaker_config_method_dropdown, global_voice_dropdown,
-        speaker_configs_state, # This is a gr.State component, gr.Examples handles it
+        speaker_configs_state, 
         global_speed_input, global_instructions_input
     ]
     
-    # For examples to run the processing function, they need output components too.
     example_outputs_list = [individual_lines_zip_output, merged_dialogue_mp3_output, status_output]
     
-    # Create examples UI - now passing the process_fn correctly
-    # We need a wrapper for the process_fn if it uses partial for fixed args like the main button.
-    # Or, examples can just load inputs, and user clicks "Generate".
-    # For now, let's make examples only load inputs to simplify.
-    # To make examples runnable:
-    # example_process_fn = partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE)
-    # Then use example_process_fn in create_examples_ui if it's set up to take `fn`.
-    # The current create_examples_ui doesn't use `fn` for simplicity of fixing display.
+    # Make examples runnable
+    example_process_fn = partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE)
     
-    _ = create_examples_ui(inputs_for_examples=example_inputs_list, process_fn=None)
-    # If you want examples to be clickable to run the generation directly:
-    # 1. Modify `create_examples_ui` in `ui_layout.py` to accept and use `fn` and `outputs_for_examples`.
-    #    Its gr.Examples call would be:
-    #    `gr.Examples(..., fn=process_fn, outputs=outputs_for_examples, cache_examples=False)`
-    # 2. In this file, define `example_process_fn` and pass it:
-    #    `example_process_fn = partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE)`
-    #    `_ = create_examples_ui(inputs_for_examples=example_inputs_list, outputs_for_examples=example_outputs_list, process_fn=example_process_fn)`
+    _ = create_examples_ui(
+        inputs_for_examples=example_inputs_list,
+        process_fn=example_process_fn if OPENAI_API_KEY else None, # Only make runnable if API key exists
+        outputs_for_examples=example_outputs_list if OPENAI_API_KEY else None
+    )
+
 
 # --- Launch ---
 if __name__ == "__main__":
     if os.name == 'nt':
         asyncio.set_event_loop_policy(asyncio.WindowsSelectorEventLoopPolicy())
-    demo.queue().launch(debug=True, share=False) # .queue() is good for async operations
+    demo.queue().launch(debug=True, share=False)

ui_layout.py

@@ -97,22 +97,18 @@ def create_action_and_output_components():
     status_output = gr.Textbox(label="Status", interactive=False, lines=2, max_lines=5)
     return calculate_cost_button, generate_button, cost_output, individual_lines_zip_output, merged_dialogue_mp3_output, status_output
 
-def create_examples_ui(inputs_for_examples, process_fn):
+def create_examples_ui(inputs_for_examples, process_fn, outputs_for_examples=None): # Added outputs_for_examples
     """Creates the examples section."""
     gr.Markdown("## Example Scripts")
     example_script_1 = "[Alice] Hello Bob, this is a test using the detailed configuration method.\n[Bob] Hi Alice! I'm Bob, and I'll have my own voice settings.\n[Alice] Let's see how this sounds."
     example_script_2 = "[Narrator] This is a short story.\n[CharacterA] Once upon a time...\n[Narrator] ...there was a Gradio app.\n[CharacterB] And it could talk!"
     
-    # Ensure a valid default voice for examples if APP_AVAILABLE_VOICES is somehow empty
-    # This is already handled by DEFAULT_GLOBAL_VOICE at the top of this file.
-
     examples_data = [
         [example_script_1, "tts-1-hd", 300, "Detailed Configuration (Per Speaker UI)", DEFAULT_GLOBAL_VOICE, {}, 1.0, ""],
         [example_script_2, "gpt-4o-mini-tts", 200, "Random per Speaker", DEFAULT_GLOBAL_VOICE, {}, 1.0, "Speak with a gentle, storytelling voice for the narrator."],
         ["[Solo] Just one line, using global voice and speed.", "tts-1", 0, "Single Voice (Global)", "fable", {}, 1.2, ""],
     ]
     
-    # Check if the number of items in each example matches the number of input components
     num_inputs = len(inputs_for_examples)
     valid_examples_data = []
     for ex_data in examples_data:
@@ -123,22 +119,25 @@ def create_examples_ui(inputs_for_examples, process_fn):
 
     if not valid_examples_data:
         gr.Markdown("<p style='color: orange;'>No valid examples could be loaded due to configuration mismatch.</p>")
-        return None # Or an empty Examples component if that's better
+        return None
 
-    return gr.Examples(
-        examples=valid_examples_data,
-        inputs=inputs_for_examples, # This list must match the structure of example_data items
-        # Outputs for examples are not strictly necessary to pre-compute if cache_examples=False
-        # but defining them can help Gradio understand the flow.
-        # We can make the example click run the full processing.
-        # outputs=[individual_lines_zip_output, merged_dialogue_mp3_output, status_output], # these components are not passed here
-        # For examples to run the main function, the output components need to be part of the gr.Examples call.
-        # However, the prompt is to make the list appear. Let's simplify for now.
-        # If outputs are defined, they must be component instances.
-        # For now, let's remove fn and outputs from gr.Examples just to ensure the list shows.
-        # Later, we can wire them back if needed, ensuring the output components are correctly passed.
-        # fn=process_fn, # Removed for debugging example list display
-        # cache_examples=False
-        label="Example Scripts (Click to Load Inputs)",
-        samples_per_page=5 # Helps ensure it tries to render
-    )
+    # If process_fn and outputs_for_examples are provided, make examples runnable
+    if process_fn and outputs_for_examples:
+        return gr.Examples(
+            examples=valid_examples_data,
+            inputs=inputs_for_examples,
+            outputs=outputs_for_examples,
+            fn=process_fn,
+            cache_examples=False, # Caching can be complex with external API calls
+            examples_per_page=5, # Corrected parameter name
+            label="Example Scripts (Click to Load & Run)",
+            run_on_click=True # Make examples run when clicked
+        )
+    else: # Otherwise, just load inputs
+        return gr.Examples(
+            examples=valid_examples_data,
+            inputs=inputs_for_examples,
+            examples_per_page=5, # Corrected parameter name
+            label="Example Scripts (Click to Load Inputs)",
+            # No fn, outputs, or run_on_click if process_fn is None
+        )