Trying to simplify Skeleton again

app.py

@@ -84,7 +84,7 @@ def create_story(timeline):
             story.append(f"The player interacted with {entry[2]}.")
     return " ".join(story)
 
-def generate_story_and_timeline(include_media=False):
+def generate_story_and_timeline(include_media=True):
     # Pick 10 random UI items
     random_ui_items = pick_random_items(player_engagement_items, 10)
 
@@ -116,7 +116,7 @@ def generate_story_and_timeline(include_media=False):
 
     game_structure_with_media, game_structure_without_media = generate_game_structures(formatted_timeline, no_media_formatted_timeline)
 
-    return formatted_timeline, no_media_formatted_timeline, story, game_structure_with_media, game_structure_without_media
+    return formatted_timeline, no_media_formatted_timeline, story, game_structure_with_media, game_structure_without_media, game_structure_with_media
 
 media_file_types = ["image", "video", "audio"]
 
@@ -473,8 +473,14 @@ initgameinfo = start_game()
 #-----------------------------------------------------------------------------------------------------------------------------------
 
 with gr.Blocks() as demo:
-    gr.HTML("""Main ideas for this space is (June 2024): <div style="display: flex; justify-content: space-between; margin-bottom: 20px;">
-        <div style="width: 20%;">A program exist around data </div><div style="width: 20%;">We can generate almost any media data and more </div><div style="width: 20%;">llms good at short questions <br>Time moves in a straight so all considerations are flattend by the nature of time </div><div style="width: 20%;">HF + Gradio allows for api use so this my prototype tool for tool use test</div><div style="width: 20%;"></div>""")
+    gr.HTML("""Main ideas for this space is (June 2024): 
+    <div style="display: flex; justify-content: space-between; margin-bottom: 20px; text-align: center;">
+        <div style="width: 20%;">A program exist around data </div>
+        <div style="width: 20%;">We can generate almost any media data and more </div>
+        <div style="width: 20%;">llms good at short questions </div>
+        <div style="width: 20%;">Time moves in a straight so all considerations are flattend by the nature of time </div>
+        <div style="width: 20%;">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")
@@ -482,24 +488,24 @@ with gr.Blocks() as demo:
             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.Row():
-                timeline_output_with_assets = gr.Textbox(label="Timeline", lines=20)
-                timeline_output = gr.Textbox(label="Timeline", lines=20)
-                story_output = gr.Textbox(label="Generated Story", lines=20)
+                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)
                 gr.Textbox("Do all fit on same row")
 
             generate_button = gr.Button("Generate Story and Timeline")
             with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now"):
-                media_checkbox = gr.Checkbox(label="Include Media")
-                output_text = gr.Code(language="json")
+                media_checkbox = gr.Checkbox(label="Include Media", value=True)
+                game_structure_output_text = gr.Code(language="json")
                 screen_game_structure_with_media = gr.State()
                 screen_game_structure_without_media = gr.State()
 
                 media_checkbox.change(
                     fn=show_game_structure,
-                    inputs=[media_checkbox],
-                    outputs=[output_text]
+                    inputs=[media_checkbox, screen_game_structure_with_media, screen_game_structure_without_media],
+                    outputs=[game_structure_output_text]
                 )
-            generate_button.click(generate_story_and_timeline, inputs=[], outputs=[timeline_output_with_assets, timeline_output, story_output, screen_game_structure_with_media, screen_game_structure_without_media])
+            generate_button.click(generate_story_and_timeline, inputs=[], outputs=[timeline_output_with_assets, timeline_output, story_output, screen_game_structure_with_media, screen_game_structure_without_media, game_structure_output_text])
         # with gr.Row():
             # gr.Textbox(value=timeline_with_media, lines=4)
             # gr.Textbox(value=timeline_without_media, lines=4)
@@ -541,7 +547,7 @@ with gr.Blocks() as demo:
                             outputs=[error_box, game_log, description, choices, game_session, custom_config]
                         )
         with gr.Tab("Config With Assets"):
-            gr.HTML("Placeholder as not complete yet (still only text)")
+            gr.HTML("Placeholder as not complete yet (still only text, current issue is how to switch gradio output, maybe output is gr.Group and we constantly add the appropriate gr for each file type? What about multi file types on one state?)")
             with gr.Row():
                 with gr.Column(scale=2):
                     gr.Markdown("# Text-based Adventure Game")