examples doc

app.py

@@ -6,9 +6,10 @@ from openai import AsyncOpenAI
 from functools import partial 
 import datetime 
 
+# Remove create_examples_ui from ui_layout imports if it's not used elsewhere
 from ui_layout import (
     create_main_input_components, create_speaker_config_components,
-    create_action_and_output_components, create_examples_ui, # Keep this import
+    create_action_and_output_components, # Removed create_examples_ui
     TTS_MODELS_AVAILABLE, MODEL_DEFAULT_ENV, APP_AVAILABLE_VOICES, 
     DEFAULT_GLOBAL_VOICE, VIBE_CHOICES, DEFAULT_VIBE, PREDEFINED_VIBES
 )
@@ -30,7 +31,7 @@ EFFECTIVE_MODEL_DEFAULT = MODEL_DEFAULT_FROM_ENV if MODEL_DEFAULT_FROM_ENV in TT
 async_openai_client = None
 if not OPENAI_API_KEY:
     # ... (secret loading logic) ...
-    pass # Keep existing secret loading logic
+    pass 
 if OPENAI_API_KEY:
     async_openai_client = AsyncOpenAI(api_key=OPENAI_API_KEY)
 else:
@@ -45,6 +46,7 @@ with gr.Blocks(theme=gr.themes.Soft(), elem_id="main_blocks_ui") as demo:
 
     speaker_configs_state = gr.State({}) 
 
+    # --- Create Main UI Components ---
     (script_input, tts_model_dropdown, pause_input,
      global_speed_input, global_instructions_input) = create_main_input_components(EFFECTIVE_MODEL_DEFAULT)
 
@@ -63,7 +65,7 @@ with gr.Blocks(theme=gr.themes.Soft(), elem_id="main_blocks_ui") as demo:
             triggers=[load_per_speaker_ui_button.click, tts_model_dropdown.change]
         )
         def render_dynamic_speaker_ui(current_script_text: str, current_speaker_configs: dict, current_tts_model: str):
-             # --- @gr.render content (Full implementation from previous step) ---
+            # ... (Full @gr.render implementation from previous correct step) ...
             print(f"DEBUG: @gr.render CALLED. Model: {current_tts_model}. Script: '{current_script_text[:30]}...'. State Keys: {list(current_speaker_configs.keys()) if isinstance(current_speaker_configs,dict) else 'Not a dict'}")
             unique_speakers = get_speakers_from_script(current_script_text)
             if not unique_speakers:
@@ -93,58 +95,68 @@ with gr.Blocks(theme=gr.themes.Soft(), elem_id="main_blocks_ui") as demo:
                         custom_instructions_textbox = gr.Textbox(label="Custom Instructions", value=default_custom_instructions, placeholder="e.g., Speak slightly hesitant.", lines=2, visible=(default_vibe == "Custom..."), elem_id=custom_instr_tb_elem_id)
                         vibe_dropdown.change(fn=partial(handle_dynamic_accordion_input_change, speaker_name=speaker_name, config_key="vibe"), inputs=[vibe_dropdown, speaker_configs_state], outputs=[speaker_configs_state]).then(fn=lambda vibe_val: gr.update(visible=(vibe_val == "Custom...")), inputs=[vibe_dropdown], outputs=[custom_instructions_textbox])
                         custom_instructions_textbox.change(fn=partial(handle_dynamic_accordion_input_change, speaker_name=speaker_name, config_key="custom_instructions"), inputs=[custom_instructions_textbox, speaker_configs_state], outputs=[speaker_configs_state])
-            # --- End of @gr.render content ---
+
 
     # --- Event Listeners (Same as before) ---
-    tts_model_dropdown.change(
-        fn=handle_tts_model_change,
-        inputs=[tts_model_dropdown, speaker_configs_state],
-        outputs=[global_speed_input, global_instructions_input, speaker_configs_state]
-    )
-    speaker_config_method_dropdown.change(
-        fn=handle_speaker_config_method_visibility_change,
-        inputs=[speaker_config_method_dropdown],
-        outputs=[single_voice_group, detailed_per_speaker_ui_group_container]
-    )
-    load_per_speaker_ui_button.click(
-        fn=handle_load_refresh_per_speaker_ui_trigger,
-        inputs=[script_input, speaker_configs_state, tts_model_dropdown], 
-        outputs=[speaker_configs_state] 
-    )
-    calculate_cost_button.click(
-        fn=handle_calculate_cost,
-        inputs=[script_input, tts_model_dropdown],
-        outputs=[cost_output]
-    )
+    tts_model_dropdown.change(fn=handle_tts_model_change, inputs=[tts_model_dropdown, speaker_configs_state], outputs=[global_speed_input, global_instructions_input, speaker_configs_state])
+    speaker_config_method_dropdown.change(fn=handle_speaker_config_method_visibility_change, inputs=[speaker_config_method_dropdown], outputs=[single_voice_group, detailed_per_speaker_ui_group_container])
+    load_per_speaker_ui_button.click(fn=handle_load_refresh_per_speaker_ui_trigger, inputs=[script_input, speaker_configs_state, tts_model_dropdown], outputs=[speaker_configs_state])
+    calculate_cost_button.click(fn=handle_calculate_cost, inputs=[script_input, tts_model_dropdown], outputs=[cost_output])
     generate_button_fn = partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE)
-    generate_button.click(
-        fn=generate_button_fn,
-        inputs=[
-            script_input, tts_model_dropdown, pause_input,
-            speaker_config_method_dropdown, global_voice_dropdown,
-            speaker_configs_state, 
-            global_speed_input, global_instructions_input
-        ],
-        outputs=[individual_lines_zip_output, merged_dialogue_mp3_output, status_output]
-    )
-
-    # --- Examples Section Definition ---
-    example_inputs_list = [
+    generate_button.click(fn=generate_button_fn, inputs=[script_input, tts_model_dropdown, pause_input, speaker_config_method_dropdown, global_voice_dropdown, speaker_configs_state, global_speed_input, global_instructions_input], outputs=[individual_lines_zip_output, merged_dialogue_mp3_output, status_output])
+
+    # --- Examples Section Definition (Moved here) ---
+    gr.Markdown("## Example Scripts") # Keep the header if desired
+
+    # Define the lists needed for Examples right here
+    example_inputs_list_comps = [
         script_input, tts_model_dropdown, pause_input,
         speaker_config_method_dropdown, global_voice_dropdown,
         speaker_configs_state, 
         global_speed_input, global_instructions_input
     ]
-    example_outputs_list = [individual_lines_zip_output, merged_dialogue_mp3_output, status_output]
-    example_process_fn = partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE)
+    example_outputs_list_comps = [individual_lines_zip_output, merged_dialogue_mp3_output, status_output]
+    example_process_fn_actual = partial(handle_script_processing, OPENAI_API_KEY, async_openai_client, NSFW_API_URL_TEMPLATE) if OPENAI_API_KEY else None
+
+    # Define the example data directly
+    examples_data = [
+        ["[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.", "tts-1-hd", 300, "Detailed Configuration (Per Speaker UI)", DEFAULT_GLOBAL_VOICE, {}, 1.0, ""],
+        ["[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!", "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, ""],
+    ]
     
-    # MODIFICATION: Wrap the call to create_examples_ui in a layout block
-    with gr.Column(elem_id="examples_column"): # Explicitly place the examples in a Column
-        create_examples_ui( # Call the function here
-            inputs_for_examples=example_inputs_list,
-            process_fn=example_process_fn if OPENAI_API_KEY else None,
-            outputs_for_examples=example_outputs_list if OPENAI_API_KEY else None
-        )
+    # Validate example data length against input components length
+    num_inputs_expected = len(example_inputs_list_comps)
+    valid_examples_data_inline = []
+    for ex_data in examples_data:
+        if len(ex_data) == num_inputs_expected:
+            valid_examples_data_inline.append(ex_data)
+        else:
+             print(f"Warning (Inline Examples): Example data mismatch. Expected {num_inputs_expected}, got {len(ex_data)}. Skipping.")
+
+    # Directly instantiate gr.Examples if valid data exists
+    if valid_examples_data_inline:
+        if example_process_fn_actual:
+             gr.Examples(
+                examples=valid_examples_data_inline,
+                inputs=example_inputs_list_comps,
+                outputs=example_outputs_list_comps,
+                fn=example_process_fn_actual,
+                cache_examples=False,
+                examples_per_page=5,
+                label="Example Scripts (Click to Load & Run)", # Label is optional if header exists
+                run_on_click=True 
+            )
+        else:
+            gr.Examples(
+                examples=valid_examples_data_inline,
+                inputs=example_inputs_list_comps,
+                examples_per_page=5,
+                label="Example Scripts (Click to Load Inputs)", # Label is optional if header exists
+            )
+    else:
+         gr.Markdown("<p style='color: orange;'>No valid examples could be loaded due to configuration mismatch.</p>")
+
 
 # --- Launch ---
 if __name__ == "__main__":

ui_layout.py

@@ -126,76 +126,4 @@ def create_action_and_output_components():
         individual_lines_zip_output = gr.File(label="Download Individual Lines (ZIP)", elem_id="individual_lines_zip_output")
         merged_dialogue_mp3_output = gr.Audio(label="Play/Download Merged Dialogue (MP3)", type="filepath", elem_id="merged_dialogue_mp3_output")
     status_output = gr.Textbox(label="Status", interactive=False, lines=2, max_lines=5, elem_id="status_output")
-    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, outputs_for_examples=None):
-    """Creates the examples section."""
-    print("--- DEBUG: Entering create_examples_ui ---") # DEBUG ENTRY PRINT
-    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!"
-    
-    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, ""],
-    ]
-    
-    # It's crucial that inputs_for_examples is correctly passed from app.py
-    if not inputs_for_examples:
-         print("ERROR (Examples): inputs_for_examples list is None or empty!")
-         return None # Cannot create examples without knowing the input components
-         
-    num_inputs = len(inputs_for_examples)
-    valid_examples_data = []
-    print(f"DEBUG (Examples): Expected number of inputs based on inputs_for_examples: {num_inputs}") 
-    
-    for i, ex_data in enumerate(examples_data):
-        print(f"DEBUG (Examples): Checking example {i+1}, data length: {len(ex_data)}") 
-        if len(ex_data) == num_inputs:
-            valid_examples_data.append(ex_data)
-            print(f"DEBUG (Examples): Example {i+1} length matches. Added to valid_examples_data.")
-        else:
-            print(f"Warning (Examples): Example data {i+1} mismatch. Expected {num_inputs} items, got {len(ex_data)}. Skipping example: {ex_data[0][:30]}...")
-
-    if not valid_examples_data:
-        print("DEBUG (Examples): valid_examples_data list is empty after checking all examples. Returning None.") 
-        gr.Markdown("<p style='color: orange;'>No valid examples could be loaded due to configuration mismatch.</p>")
-        return None 
-
-    print(f"DEBUG (Examples): Found {len(valid_examples_data)} valid examples. API Key Present: {bool(process_fn)}. Creating Examples component.")
-
-    if process_fn and outputs_for_examples:
-        print("DEBUG (Examples): Creating Examples component with run capability.")
-        try:
-            examples_component = gr.Examples(
-                examples=valid_examples_data,
-                inputs=inputs_for_examples,
-                outputs=outputs_for_examples,
-                fn=process_fn,
-                cache_examples=False,
-                examples_per_page=5,
-                label="Example Scripts (Click to Load & Run)",
-                run_on_click=True 
-            )
-            print("DEBUG (Examples): Runnable Examples component created successfully.")
-            return examples_component
-        except Exception as e:
-            print(f"ERROR (Examples): Failed to create runnable Examples component: {e}")
-            gr.Markdown(f"<p style='color: red;'>Error creating runnable examples: {e}</p>")
-            return None # Return None if creation fails
-    else: 
-        print("DEBUG (Examples): Creating Examples component as input loaders only (no API key or outputs).")
-        try:
-            examples_component = gr.Examples(
-                examples=valid_examples_data,
-                inputs=inputs_for_examples,
-                examples_per_page=5,
-                label="Example Scripts (Click to Load Inputs)",
-            )
-            print("DEBUG (Examples): Input-only Examples component created successfully.")
-            return examples_component
-        except Exception as e:
-            print(f"ERROR (Examples): Failed to create input-only Examples component: {e}")
-            gr.Markdown(f"<p style='color: red;'>Error creating input-only examples: {e}</p>")
-            return None # Return None if creation fails
+    return calculate_cost_button, generate_button, cost_output, individual_lines_zip_output, merged_dialogue_mp3_output, status_output