Reorder UI

app.py

@@ -514,9 +514,72 @@ initgameinfo = start_game()
 #-----------------------------------------------------------------------------------------------------------------------------------
 
 with gr.Blocks() as demo:
-    gr.HTML("Companion Space for zerogpu / client api workflow planning for a way to send a zip to the Basic Game Engine at the bottom of https://huggingface.co/spaces/KwabsHug/TestSvelteStatic (Also to test how much can be done majority on cpu)")
     gr.HTML("Main ideas for this space is (June 2024): <br>A program exist around data <br>We can generate almost any media data and more <br>llms good at short questions <br>Time moves in a straight so all considerations are flattend by the nature of time <br>HF + Gradio allows for api use so this my prototype tool for tool use test")
-    with gr.Tab("Config Creator"):
+    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.Tab("Generate Timeline"):
+                with gr.Tab("Without Asset generation consideration"):
+                    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.")
+
+                    with gr.Row():
+                        timeline_output = gr.Textbox(label="Timeline", lines=20)
+                        story_output = gr.Textbox(label="Generated Story", lines=20)
+
+                    generate_button = gr.Button("Generate Story and Timeline")
+                    generate_button.click(generate_story_and_timeline, inputs=[], outputs=[timeline_output, story_output])
+                with gr.Tab("Asset generation considered"):
+                    gr.HTML("placeholder")
+
+                    with gr.Tab("Prototype for finegrained editing of time line before conversion to game format"):
+                        gr.Textbox(value=timeline_with_media)
+                        gr.Textbox(value=timeline_without_media)
+                        gr.HTML("Splits by new line")
+                        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)
+                    with gr.Tab("Conversion of game version"):
+                        media_checkbox = gr.Checkbox(label="Include Media")
+                        output_text = gr.Code(language="json")
+                        
+                        media_checkbox.change(
+                            fn=show_game_structure,
+                            inputs=[media_checkbox],
+                            outputs=[output_text]
+                        )
+            with gr.Tab("Test Example State Machine"): 
+                with gr.Row():
+                    with gr.Column(scale=2):
+                        gr.Markdown("# Text-based Adventure Game")
+
+                        description = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
+                        choices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
+                        submit_btn = gr.Button("Make Choice")
+                        game_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
+                        game_session = gr.State(value=initgameinfo[3])
+                        submit_btn.click(
+                            make_choice,
+                            inputs=[choices, game_session],
+                            outputs=[description, choices, game_log, game_session]
+                        )
+                    with gr.Column(scale=1):
+                        gr.Markdown("# Debugging")
+                        error_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
+                        with gr.Accordion("Config (Game Spoiler)", open=False):
+                            custom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
+                            custom_configbtn = gr.Button("Load Custom Config")
+
+                            custom_configbtn.click(
+                                load_game,
+                                inputs=[custom_config],
+                                outputs=[error_box, game_log, description, choices, game_session, custom_config]
+                            )
+    with gr.Tab("Custom JS Config Creator"):
+        gr.HTML("Companion Space for zerogpu / client api workflow planning for a way to send a zip to the Basic Game Engine at the bottom of https://huggingface.co/spaces/KwabsHug/TestSvelteStatic (Also to test how much can be done majority on cpu)")
         with gr.Tab("Simple Config Creator"):
             inventory_items = gr.State([])
             skills_items = gr.State([])
@@ -588,69 +651,6 @@ with gr.Blocks() as demo:
         
         with gr.Tab("Advanced Config Creator"):
             gr.HTML("Config with More than text and images")
-    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.Tab("Generate Timeline"):
-                with gr.Tab("Without Asset generation consideration"):
-                    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.")
-
-                    with gr.Row():
-                        timeline_output = gr.Textbox(label="Timeline", lines=20)
-                        story_output = gr.Textbox(label="Generated Story", lines=20)
-
-                    generate_button = gr.Button("Generate Story and Timeline")
-                    generate_button.click(generate_story_and_timeline, inputs=[], outputs=[timeline_output, story_output])
-                with gr.Tab("Asset generation considered"):
-                    gr.HTML("placeholder")
-
-                    with gr.Tab("Prototype for finegrained editing of time line before conversion to game format"):
-                        gr.Textbox(value=timeline_with_media)
-                        gr.Textbox(value=timeline_without_media)
-                        gr.HTML("Splits by new line")
-                        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)
-                    with gr.Tab("Conversion of game version"):
-                        media_checkbox = gr.Checkbox(label="Include Media")
-                        output_text = gr.Code(language="json")
-                        
-                        media_checkbox.change(
-                            fn=show_game_structure,
-                            inputs=[media_checkbox],
-                            outputs=[output_text]
-                        )
-            with gr.Tab("Test Example State Machine"): 
-                with gr.Row():
-                    with gr.Column(scale=2):
-                        gr.Markdown("# Text-based Adventure Game")
-
-                        description = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
-                        choices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
-                        submit_btn = gr.Button("Make Choice")
-                        game_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
-                        game_session = gr.State(value=initgameinfo[3])
-                        submit_btn.click(
-                            make_choice,
-                            inputs=[choices, game_session],
-                            outputs=[description, choices, game_log, game_session]
-                        )
-                    with gr.Column(scale=1):
-                        gr.Markdown("# Debugging")
-                        error_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
-                        with gr.Accordion("Config (Game Spoiler)", open=False):
-                            custom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
-                            custom_configbtn = gr.Button("Load Custom Config")
-
-                            custom_configbtn.click(
-                                load_game,
-                                inputs=[custom_config],
-                                outputs=[error_box, game_log, description, choices, game_session, custom_config]
-                            )
                     
 
     with gr.Tab("Asset Generation"):