editing placeholder debug

app.py

@@ -84,9 +84,9 @@ def create_story(timeline):
             story.append(f"The player interacted with {entry[2]}.")
     return " ".join(story)
 
-def generate_story_and_timeline(no_timeline_points=10, include_media=True):
+def generate_story_and_timeline(no_ui_timeline_points=10, no_media_timeline_points=5, include_media=True):
     # Pick 10 random UI items
-    random_ui_items = pick_random_items(player_engagement_items, no_timeline_points)
+    random_ui_items = pick_random_items(player_engagement_items, no_ui_timeline_points)
 
     # Generate UI and story timelines
     ui_timeline = generate_timeline(random_ui_items, "UI")
@@ -100,7 +100,7 @@ def generate_story_and_timeline(no_timeline_points=10, include_media=True):
 
     # Include media-related items if specified
     if include_media:
-        media_files = generate_media_file_list(5)
+        media_files = generate_media_file_list(no_media_timeline_points)
         #rendered_media = render_media_with_dropdowns(media_files)
         media_timeline = generate_timeline(media_files, "Media")
         merged_timeline += media_timeline
@@ -262,16 +262,16 @@ def show_elements_json_input(json_input):
             continue
         
         with gr.Accordion(f"Location: {location}"):
-            description = gr.Textbox(label="Description", value=details['description'])
+            description = gr.Textbox(label="Description", value=details['description'], interactive=True)
             outputs.append(description)
             
-            events = gr.Textbox(label="Events", value=json.dumps(details['events']))
+            events = gr.Textbox(label="Events", value=json.dumps(details['events']), interactive=True)
             outputs.append(events)
             
-            choices = gr.Textbox(label="Choices", value=json.dumps(details['choices']))
+            choices = gr.Textbox(label="Choices", value=json.dumps(details['choices']), interactive=True)
             outputs.append(choices)
             
-            transitions = gr.Textbox(label="Transitions", value=json.dumps(details['transitions']))
+            transitions = gr.Textbox(label="Transitions", value=json.dumps(details['transitions']), interactive=True)
             outputs.append(transitions)
     
     def update_json():
@@ -608,39 +608,43 @@ with gr.Blocks() as demo:
         <div style="width: 20%; text-align: center">HF + Gradio allows for api use so this my prototype tool for tool use test</div>
     </div>""")
     with gr.Tab("Skeleton Generator"):
-        gr.HTML("Some Kinds of game skeletons ideas - Timelines, Graph as State machine paths, Economy ecosystem")
-        gr.HTML("One prompt to be used to test models - <br>Please make 10 python lists for the types of media files and their purposes in a game and then use those lists to random generate a timeline of 20 items when the function is called <br>Great next suggest ways to improve this function to create better timelines")
-        with gr.Accordion("Proto Config Assist"):
-            gr.Markdown("Editing placeholder")
-            with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now", open=False):
-                gr.Markdown("# Story and Timeline Generator")
-                gr.Markdown("Click the button to generate a random timeline and story based on UI elements and story events. <br>Ask an LLM to use this to write a story around")
-                with gr.Accordion("JSON with no edits"):
-                    with gr.Row():
-                        timeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
-                        timeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
-                        story_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
-                    with gr.Row():
-                        game_structure_output_text_with_media = gr.Code(language="json")
-                        game_structure_output_text = gr.Code(language="json")
-
-            with gr.Row():
-                generate_no_timeline_points = gr.Slider(minimum=3, value=10, label="Choose the amount of timeline points")
-                generate_with_media_check = gr.Checkbox(label="Generate with media", value=True)
-            generate_button = gr.Button("Generate Story and Timeline")    
-            @gr.render(inputs=game_structure_output_text_with_media)
-            def update(game_structure_output_text_with_media):
-                return show_elements_json_input(game_structure_output_text_with_media)
+        with gr.Tab("Schema First"):
+            gr.HTML("Some Kinds of game skeletons ideas - Timelines, Graph as State machine paths, Economy ecosystem")
+            gr.HTML("One prompt to be used to test models - <br>Please make 10 python lists for the types of media files and their purposes in a game and then use those lists to random generate a timeline of 20 items when the function is called <br>Great next suggest ways to improve this function to create better timelines")
+            with gr.Accordion("Proto Config Assist"):
+                gr.Markdown("Editing placeholder")
+                with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now", open=False):
+                    gr.Markdown("# Story and Timeline Generator")
+                    gr.Markdown("Click the button to generate a random timeline and story based on UI elements and story events. <br>Ask an LLM to use this to write a story around")
+                    with gr.Accordion("JSON with no edits"):
+                        with gr.Row():
+                            timeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
+                            timeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
+                            story_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
+                        with gr.Row():
+                            game_structure_output_text_with_media = gr.Code(language="json")
+                            game_structure_output_text = gr.Code(language="json")
+
+                with gr.Row():
+                    generate_no_ui_timeline_points = gr.Slider(minimum=1, value=10, step=1, maximum=30, label="Choose the amount of ui timeline points")
+                    generate_no_media_timeline_points = gr.Slider(minimum=1, value=5, step=1, maximum=30, label="Choose the amount of media timeline points")
+                    generate_with_media_check = gr.Checkbox(label="Generate with media", value=True)
+                generate_button = gr.Button("Generate Story and Timeline")    
+                @gr.render(inputs=game_structure_output_text_with_media)
+                def update(game_structure_output_text_with_media):
+                    return show_elements_json_input(game_structure_output_text_with_media)
+                
+                generate_button.click(generate_story_and_timeline, inputs=[generate_no_ui_timeline_points, generate_no_media_timeline_points, generate_with_media_check], outputs=[timeline_output_with_assets, timeline_output, story_output, game_structure_output_text_with_media, game_structure_output_text])
+                
+            gr.HTML("Splits by new line - The idea here was to allow for saving the file ")
+            input_text = gr.Textbox(label="Input Text", lines=10)
+            output_group = gr.Group()
             
-            generate_button.click(generate_story_and_timeline, inputs=[generate_no_timeline_points, generate_with_media_check], outputs=[timeline_output_with_assets, timeline_output, story_output, game_structure_output_text_with_media, game_structure_output_text])
-            
-        gr.HTML("Splits by new line - The idea here was to allow for saving the file ")
-        input_text = gr.Textbox(label="Input Text", lines=10)
-        output_group = gr.Group()
-        
-        @gr.render(inputs=input_text)
-        def update(text):
-            return show_elements(text)
+            @gr.render(inputs=input_text)
+            def update(text):
+                return show_elements(text)
+        with gr.Tab("Asset First"):
+            gr.HTML("Make Asset and make the transitions using LLM")
 
     with gr.Tab("Test Example State Machine"): 
         with gr.Tab("Config Without Assets"):