Reorganisation attempt

app.py

@@ -886,54 +886,70 @@ with gr.Blocks() as demo:
 }
 """
 
-    with gr.Accordion("Temporary Asset Management Assist - click to open", open=False):
-        gr.HTML("Make Files and Text ideas for the field and paste <br>When Space is restarted it will clear - zip export and import will be added later")
-        with gr.Accordion("Upload Files for config"):
-            gr.Markdown("# Media Saver and Explorer (refresh file list to be resolved - for now upload all files and reload the space - they persist as long as the space creator doesnt reset/update the space - will add manual clear options later)")
-            with gr.Tab("Upload Files"):
-                file_input = gr.File(label="Choose File to Upload")
-                save_output = gr.Textbox(label="Upload Status")
-
-            with gr.Tab("File Explorer"):
-                
-                file_explorer = gr.FileExplorer(
-                    root_dir=SAVE_DIR,
-                    glob="*.*",
-                    file_count="single",
-                    height=300,
-                    label="Select a file to view"
-                )
-                with gr.Row():
-                    refresh_button = gr.Button("Refresh", scale=1)
-                    view_button = gr.Button("View File")
-                image_output = gr.Image(label="Image Output", type="pil")
-                audio_output = gr.Audio(label="Audio Output")
-                video_output = gr.Video(label="Video Output")
-                error_output = gr.Textbox(label="Error")
-
-            file_input.upload(
-                save_file,
-                inputs=file_input,
-                outputs=[save_output, file_explorer, file_input]
-            )
+    with gr.Accordion("Decisions Creation"):
+        with gr.Tab("Timeline Guide for Config Generation or evelution"):
+            with gr.Accordion("Empty Config shape for explaining to LLM", open=False):
+                gr.HTML(f"placeholder for current empty JSON config shape")
+                gr.HTML("Structural indicators of quality of config")
+            with gr.Tabs("Config Specific"): 
+                gr.HTML("Timeline for making Timelines?")
+                gr.HTML("Componets (outside Code Support for Config): Decisions (and context explanation), Nested Sections, Media (Especially to affect decisions), Replayability (GTA and Tekken type mechanics in text form), Theme integration (Modified Varibles that affect UI or config order)")
+                gr.HTML("From Nothing <br>")
+                gr.HTML("From Existing <br>")
+            with gr.Tabs("Existing Game Analysis"): 
+                gr.HTML("Existing Games eg. GTA Heists - Same Map with overlapping branching narratives, Battlefront - Elites amongst Commoners, Tekken Casino (one mistake = 1/2 or 1/3 of your Resources) and Turn based: 'Tactics' type nintendo games, Chess (and any other tile based game) ")
+                gr.HTML("Existing Game Rules for text - Cyberpunk RED, ")
+            with gr.Tabs("Multiplayer options"):
+                gr.HTML("Community playthrough = Tally of players choices, Random item placed in a random location - first person to get it wins, Survival by location or characters met")
+        with gr.Tab("Some Workflow Helpers (Removed as built into Semi-Auto)"):
+            gr.HTML("Song / Random Scenario to 'full game' manual or auto is end goal ")
+            gr.HTML("Main Priority is to make rails for the story to work on as a simplified view of a game is a linear path with loops (gameplay mechanics) <br> Below = Manual Edit (At bottom you can save the changes and copy it to test) <br>For LLM edit copy either the Timeline")
+            gr.HTML("The problem is the assets generation isnt free and using spaces as api also clogs them (no way to know when ZeroGPUs are at lowest usage) so using iFrame is better for now <br> So worklfow -- Make Skeleton -- Use Iframe to get media -- then ask for details / story / gameplay loop ideas and add back to config")
+            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("Test for config to gradio components order - ignore for now", open=False ):
+                    gr.Markdown("Asset Generation")
+                    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)
+                with gr.Accordion("Proto Config Assist"):
+                    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.Row():
+                                game_structure_output_text_with_media = gr.Code(language="json")
+                                game_structure_output_text = gr.Code(language="json")
+                    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():
+                        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")
 
-            view_button.click(
-                view_file,
-                inputs=file_explorer,
-                outputs=[image_output, audio_output, video_output, error_output]
-            )
+                    @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])
+                    
+            with gr.Tab("Asset First"):
+                gr.HTML("Make Asset and make the transitions using LLM")
 
-            refresh_button.click(
-                refresh_file_explorer,
-                outputs=file_explorer
-            )
+            with gr.Tab("Export Options"):
+                gr.HTML("Placeholder - My Custom JS, Playcanvas, Unreal Engine")
 
-            with gr.Tab("Batch add files to config"):
-                gr.HTML("Placeholder for Config parser to allow dropdowns for the media parts of the config inserted to make assigning media quick")
-                gr.HTML("Placeholder for Config parser to allow for current zerospace creation and placement into the config (LLM can give list of media but still have to figure out workflow from there)")
+        with gr.Tab("Config Writing Considerations"):
+            gr.HTML("Player Stats, Inventory and NPCS not implemented yet, so traversal type games best aka graph like structures <br> Game is like a universal translator so any concept can be covered")
 
-            gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
-    
     with gr.Accordion("Config Crafting Progression - click to open", open=False):
         with gr.Tab("Main areas of considerations"):
             with gr.Tab("Mermaid Graphs and Nesting"):
@@ -946,20 +962,6 @@ with gr.Blocks() as demo:
                 gr.HTML("Sports Scores, ")
             with gr.Tab("Themes"):
                 gr.HTML("")
-        with gr.Tab("Timeline Guide for Config Generation or evelution"):
-            with gr.Accordion("Empty Config shape for explaining to LLM", open=False):
-                gr.HTML(f"placeholder for current empty JSON config shape")
-                gr.HTML("Structural indicators of quality of config")
-            with gr.Tabs("Config Specific"): 
-                gr.HTML("Timeline for making Timelines?")
-                gr.HTML("Componets (outside Code Support for Config): Decisions (and context explanation), Nested Sections, Media (Especially to affect decisions), Replayability (GTA and Tekken type mechanics in text form), Theme integration (Modified Varibles that affect UI or config order)")
-                gr.HTML("From Nothing <br>")
-                gr.HTML("From Existing <br>")
-            with gr.Tabs("Existing Game Analysis"): 
-                gr.HTML("Existing Games eg. GTA Heists - Same Map with overlapping branching narratives, Battlefront - Elites amongst Commoners, Tekken Casino (one mistake = 1/2 or 1/3 of your Resources) and Turn based: 'Tactics' type nintendo games, Chess (and any other tile based game) ")
-                gr.HTML("Existing Game Rules for text - Cyberpunk RED, ")
-            with gr.Tabs("Multiplayer options"):
-                gr.HTML("Community playthrough = Tally of players choices, Random item placed in a random location - first person to get it wins, Survival by location or characters met")
 
         originalconfigatbeinningofthisspace = """{
     "village": {
@@ -1494,6 +1496,55 @@ Would you like me to elaborate on any of these ideas or show how to implement th
                 </div>
             </div>""")
 
+
+    with gr.Accordion("Temporary Asset Management Assist - click to open", open=False):
+        gr.HTML("Make Files and Text ideas for the field and paste <br>When Space is restarted it will clear - zip export and import will be added later")
+        with gr.Accordion("Upload Files for config"):
+            gr.Markdown("# Media Saver and Explorer (refresh file list to be resolved - for now upload all files and reload the space - they persist as long as the space creator doesnt reset/update the space - will add manual clear options later)")
+            with gr.Tab("Upload Files"):
+                file_input = gr.File(label="Choose File to Upload")
+                save_output = gr.Textbox(label="Upload Status")
+
+            with gr.Tab("File Explorer"):
+                
+                file_explorer = gr.FileExplorer(
+                    root_dir=SAVE_DIR,
+                    glob="*.*",
+                    file_count="single",
+                    height=300,
+                    label="Select a file to view"
+                )
+                with gr.Row():
+                    refresh_button = gr.Button("Refresh", scale=1)
+                    view_button = gr.Button("View File")
+                image_output = gr.Image(label="Image Output", type="pil")
+                audio_output = gr.Audio(label="Audio Output")
+                video_output = gr.Video(label="Video Output")
+                error_output = gr.Textbox(label="Error")
+
+            file_input.upload(
+                save_file,
+                inputs=file_input,
+                outputs=[save_output, file_explorer, file_input]
+            )
+
+            view_button.click(
+                view_file,
+                inputs=file_explorer,
+                outputs=[image_output, audio_output, video_output, error_output]
+            )
+
+            refresh_button.click(
+                refresh_file_explorer,
+                outputs=file_explorer
+            )
+
+            with gr.Tab("Batch add files to config"):
+                gr.HTML("Placeholder for Config parser to allow dropdowns for the media parts of the config inserted to make assigning media quick")
+                gr.HTML("Placeholder for Config parser to allow for current zerospace creation and placement into the config (LLM can give list of media but still have to figure out workflow from there)")
+
+            gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
+    
     with gr.Tab("Test and Edit Config"):
         gr.HTML("The main issue is frequent changes add more chances for bugs in how - manual and auto refer mainly to ensuring correct JSON format ")
         with gr.Tab("Full Manual - Test Example State Machine"): 
@@ -1637,56 +1688,6 @@ Would you like me to elaborate on any of these ideas or show how to implement th
                         return show_elements_json_input(ewpwacustom_config)
                     
                     ewpgenerate_button.click(generate_story_and_timeline, inputs=[ewpgenerate_no_ui_timeline_points, ewpgenerate_no_media_timeline_points, ewpgenerate_with_media_check], outputs=[ewptimeline_output_with_assets, ewptimeline_output, ewpstory_output, ewpwacustom_config, ewpgame_structure_output_text]) #ewpgame_structure_output_text_with_media, ewpgame_structure_output_text])
-        
-        with gr.Tab("Some Workflow Helpers (Removed as built into Semi-Auto)"):
-            gr.HTML("Song / Random Scenario to 'full game' manual or auto is end goal ")
-            gr.HTML("Main Priority is to make rails for the story to work on as a simplified view of a game is a linear path with loops (gameplay mechanics) <br> Below = Manual Edit (At bottom you can save the changes and copy it to test) <br>For LLM edit copy either the Timeline")
-            gr.HTML("The problem is the assets generation isnt free and using spaces as api also clogs them (no way to know when ZeroGPUs are at lowest usage) so using iFrame is better for now <br> So worklfow -- Make Skeleton -- Use Iframe to get media -- then ask for details / story / gameplay loop ideas and add back to config")
-            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("Test for config to gradio components order - ignore for now", open=False ):
-                    gr.Markdown("Asset Generation")
-                    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)
-                with gr.Accordion("Proto Config Assist"):
-                    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.Row():
-                                game_structure_output_text_with_media = gr.Code(language="json")
-                                game_structure_output_text = gr.Code(language="json")
-                    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():
-                        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])
-                    
-            with gr.Tab("Asset First"):
-                gr.HTML("Make Asset and make the transitions using LLM")
-
-            with gr.Tab("Export Options"):
-                gr.HTML("Placeholder - My Custom JS, Playcanvas, Unreal Engine")
-
-        with gr.Tab("Config Writing Considerations"):
-            gr.HTML("Player Stats, Inventory and NPCS not implemented yet, so traversal type games best aka graph like structures <br> Game is like a universal translator so any concept can be covered")
-
 
     with gr.Tab("Asset Generation Considerations"):
         gr.HTML("With some asset category ideas from gemini-1.5-flash-api-0514 and reka-flash-preview-20240611 <br><br>Licenses for the spaces still to be evaluated - June 2024")
@@ -1720,18 +1721,19 @@ Would you like me to elaborate on any of these ideas or show how to implement th
                                                             "--Control of Shapes--", "https://linoyts-scribble-sdxl-flash.hf.space",], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
                     imagegenspacebtn = gr.Button("Use the chosen URL to load interface with a image generation model")
             
-                imagegenspace = gr.HTML("Chat Space Chosen will load here")
+                imagegenspace = gr.HTML("Image Space Chosen will load here")
                 imagegenspacebtn.click(display_website, inputs=linktoimagegen, outputs=imagegenspace)
             
             linkstobecollectednoembed = "https://artgan-diffusion-api.hf.space", "https://multimodalart-stable-cascade.hf.space", "https://google-sdxl.hf.space", "https://visionmaze-magic-me.hf.space", "https://segmind-segmind-stable-diffusion.hf.space", "https://simianluo-latent-consistency-model.hf.space",
             gr.HTML("Concept Art, UI elements, Static/3D Characters, Environments and Objects")
             gr.HTML("Image Caption =  https://huggingface.co/spaces/microsoft/Promptist, https://huggingface.co/spaces/gokaygokay/SD3-Long-Captioner, https://huggingface.co/spaces/gokaygokay/Florence-2,  ")
             gr.HTML("Images Generation Portraits = https://huggingface.co/spaces/okaris/omni-zero")
-            gr.HTML("Images Generation General = https://huggingface.co/spaces/stabilityai/stable-diffusion-3-medium, https://huggingface.co/spaces/PixArt-alpha/PixArt-Sigma, https://huggingface.co/spaces/stabilityai/stable-diffusion, https://www.craiyon.com/, https://huggingface.co/spaces/prodia/sdxl-stable-diffusion-xl")
+            gr.HTML("Images Generation General = https://huggingface.co/spaces/stabilityai/stable-diffusion-3-medium, https://huggingface.co/spaces/PixArt-alpha/PixArt-Sigma, https://huggingface.co/spaces/stabilityai/stable-diffusion, https://www.craiyon.com/")
             gr.HTML("Images Generation Posters with text - https://huggingface.co/spaces/GlyphByT5/Glyph-SDXL-v2")
-            gr.HTML("Images Generation Very Specific position and shape - https://huggingface.co/spaces/linoyts/scribble-sdxl-flash, https://huggingface.co/spaces/InstantX/InstantID (more of a scpaceoooo)")
+            gr.HTML("Images Generation Very Specific position and shape -  https://huggingface.co/spaces/InstantX/InstantID (more of a scpaceoooo)")
             gr.HTML("Images Generation Non-english prompt support = Chinese - https://huggingface.co/spaces/gokaygokay/Kolors")
             gr.HTML("Images Generation - Change pose of the image but keep face https://huggingface.co/spaces/InstantX/InstantID")
+            gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/EPFL-VILAB/4M, https://huggingface.co/spaces/EPFL-VILAB/MultiMAE ")
             gr.HTML("SVG Generation = Coding models / SOTA LLM ")
             gr.HTML("Images Generation - Upscaling - https://huggingface.co/spaces/gokaygokay/Tile-Upscaler")
             gr.HTML("Vision Models for descriptions <br> https://huggingface.co/spaces/gokaygokay/Florence-2 <br>https://huggingface.co/spaces/vilarin/VL-Chatbox - glm 4v 9b <br>")
@@ -1743,7 +1745,7 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             with gr.Accordion("Video Spaces/Sites (Click Here to Open) - Image to Blender?", open=False):
                 with gr.Row():
                     linktovideogenspace = gr.Dropdown(choices=["--Genral--", "https://kadirnar-open-sora.hf.space",
-                                                               "--Talking Headshot", 
+                                                               "--Talking Portrait--", "https://fffiloni-tts-hallo-talking-portrait.hf.space",  
                                                              "--Gif--", "https://wangfuyun-animatelcm-svd.hf.space", "https://bytedance-animatediff-lightning.hf.space", "https://wangfuyun-animatelcm.hf.space", "https://guoyww-animatediff.hf.space",
                                                              "--ImgtoImg based video--"], 
                                                     label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
@@ -1764,7 +1766,8 @@ Would you like me to elaborate on any of these ideas or show how to implement th
         with gr.Tab("Audio"):
             with gr.Accordion("3D Model Spaces/Sites (Click Here to Open) - Image to Blender?", open=False):
                 with gr.Row():
-                    linktoaudiiogenspace = gr.Dropdown(choices=[""], 
+                    linktoaudiiogenspace = gr.Dropdown(choices=["General", "",
+                                                                "--Talking Portrait--","https://fffiloni-tts-hallo-talking-portrait.hf.space"], 
                                                     label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
                     audiiogenspacebtn = gr.Button("Use the chosen URL to load interface with audio generation")
                 audiiogenspace = gr.HTML("Audio Space Chosen will load here")
@@ -1785,7 +1788,6 @@ Would you like me to elaborate on any of these ideas or show how to implement th
                 ThreedModelspacebtn.click(display_website, inputs=linktoThreedModel, outputs=ThreedModelspace)
             gr.HTML("Characters, Environments, Objects")
             gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/dylanebert/3d-arena")
-            gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
             gr.HTML("Closed Source - https://www.meshy.ai/")
 
         with gr.Tab("Fonts"):