UI reorder test

app.py

@@ -809,15 +809,18 @@ with gr.Blocks() as demo:
                     with gr.Tab("Themes"):
                         gr.HTML("")
             with gr.Tab("General FAQ Attempt"):
-                FAQMainOutput = gr.TextArea(placeholder='Output will show here', value='')
-                FAQCustomButtonInput = gr.TextArea(lines=1, placeholder='Prompt goes here')
-
-                for category_name, category_prompts in FAQAllprompts.items():
-                    with gr.Accordion(f"General {category_name} Pattern based", open=False):
-                        with gr.Group():
-                            for index, (prompt, _) in enumerate(category_prompts):
-                                button = gr.Button(prompt)
-                                button.click(llmguide_generate_response, inputs=[FAQCustomButtonInput, gr.State(index), gr.State(category_name)], outputs=FAQMainOutput)
+                with gr.Tab("Front end as FAQ"):
+                    FAQMainOutput = gr.TextArea(placeholder='Output will show here', value='')
+                    FAQCustomButtonInput = gr.TextArea(lines=1, placeholder='Prompt goes here')
+
+                    for category_name, category_prompts in FAQAllprompts.items():
+                        with gr.Accordion(f"General {category_name} Pattern based", open=False):
+                            with gr.Group():
+                                for index, (prompt, _) in enumerate(category_prompts):
+                                    button = gr.Button(prompt)
+                                    button.click(llmguide_generate_response, inputs=[FAQCustomButtonInput, gr.State(index), gr.State(category_name)], outputs=FAQMainOutput)
+                with gr.Tab("Function Call as FAQ"):
+                    gr.HTML("Placeholder for media task query routing as dual purpose in workflow and for user queries as psuedo RAG engine")
 
             with gr.Tab("General RAG (Pathfinder?) Attempt"):
                 gr.HTML("https://huggingface.co/spaces/mteb/leaderboard - Source for SOTA - current using all-MiniLM-L6-v2")
@@ -950,6 +953,9 @@ with gr.Blocks() as demo:
                     for key, item in mermaidstorystructures.items():
                         gr.Code(item, label=key)
 
+            with gr.Tab("Branching - Network analysis to Game config"):
+                gr.HTML("Placeholder for analysing multiple stories for their network structures and creating general rules for a strucutre generator based of named entity recognition and bias to locations or people - The extreme long way")
+
         with gr.Accordion("Existing Config Crafting Progression - click to open", open=False):
             with gr.Accordion("Test for config to gradio components order - ignore for now", open=False ):
                     gr.HTML("Placeholder for changing the render below to the one above for new config but with the ability to upload files aka the media field should be file uploader / dropdowns for all files that have been uploaded")
@@ -1048,425 +1054,400 @@ Creating more diverse paths through the game""")
                 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.Accordion("My Previous Quick Config Attempts", open=False):
-        for experimetal_config_name, experimetal_config in ExampleGameConfigs.items():
-            with gr.Tab(experimetal_config_name):    
-                gr.Code(json.dumps(experimetal_config, default=lambda o: o.__dict__, indent=2), label=experimetal_config_name) #str(experimetal_config)
-
-    with gr.Tab("Test and Edit Config"): 
-        # with gr.Tab("Manual - Config Without Assets"):
-        #     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 and Example for llm to remix)", 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("Manual - Config With Assets"):
-            gr.HTML("Placeholder as not complete yet (3D not supported, and time (esp need for audio)")
-            with gr.Row():
-                with gr.Column(scale=2):
-                    gr.Markdown("# Text-based Adventure Game")
-
-                    wadescription = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
-                    wamediabool = gr.State(value=True)
-                    wamedia = gr.State(["testmedia/Stable Audio - Raindrops, output.wav"])
-
-                    @gr.render(inputs=wamedia)
-                    def dynamic_with_media(media_items):
-                        print(media_items)
-                        with gr.Group() as wamediagrouping: 
-                            gr.HTML("Placeholder to load all media tests - still need to test clearing media on ")
-                            if media_items == []:
-                                gr.Markdown("No media items to display.")
-                            else:
-                                for item in media_items:
-                                    render = create_media_component(item)
-                        
-                        return wamediagrouping
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Accordion("My Previous Quick Config Attempts", open=False):
+                for experimetal_config_name, experimetal_config in ExampleGameConfigs.items():
+                    with gr.Tab(experimetal_config_name):    
+                        gr.Code(json.dumps(experimetal_config, default=lambda o: o.__dict__, indent=2), label=experimetal_config_name) #str(experimetal_config)
+        with gr.Column(scale=5):
+            with gr.Tab("Test and Edit Config"): 
+                with gr.Tab("Semi-Auto - Edit config while playing game"):
+                    gr.HTML("-- Incomplete -- Current problem is passing values from rendered items to the config box <br>Need a way have dropdowns for the filelist and transitions eg. changing transitions must auto update choices <br>Config to components has hardcoded variables based on the auto gen so changes break it")
+                    with gr.Column(scale=1):
+                            gr.Markdown("# Debugging")
+                            with gr.Row():
+                                with gr.Column():
+                                    ewpwaerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
+                                    
+                                    
+                                    with gr.Accordion("Generate a new config"):
+                                        with gr.Accordion("Lists for config - 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():
+                                                #ewpgame_structure_output_text_with_media = gr.Code(language="json")
+                                                #ewpgame_structure_output_text = gr.Code(language="json")
+                                            with gr.Row():
+                                                ewptimeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
+                                                #ewptimeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
+                                                with gr.Column():
+                                                    ewptimeline_output_text = gr.Textbox(label="Random Suggestions", lines=10)
+                                                    ewptimeline_selected_lists_text = gr.Textbox(label="Selected Idea Lists for Inspiration", lines=2)
+                                                ewpstory_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
+                                            with gr.Row():
+                                                ewpgenerate_no_story_timeline_points = gr.Slider(minimum=1, value=10, step=1, maximum=30, label="Choose the amount of story timeline points")
+                                                ewpgenerate_no_ui_timeline_points = gr.Slider(minimum=1, value=10, step=1, maximum=30, label="Choose the amount of ui timeline points")
+                                            #ewpgenerate_no_media_timeline_points = gr.Slider(minimum=1, value=5, step=1, maximum=30, label="Choose the amount of media timeline points")
+                                            #ewpgenerate_with_media_check = gr.Checkbox(label="Generate with media", value=True)
+                                            with gr.Row():
+                                                ewptimeline_num_lists_slider = gr.Slider(minimum=1, maximum=len(all_idea_lists), step=1, label="Number of Lists to Consider", value=3)
+                                                ewptimeline_items_per_list_slider = gr.Slider(minimum=1, maximum=10, step=1, label="Items per List", value=3)
+                                                ewptimeline_include_existing_games = gr.Checkbox(label="Include Existing Game Inspirations", value=True)
+                                                ewptimeline_include_multiplayer = gr.Checkbox(label="Include Multiplayer Features", value=True)
+
+                                        ewpgenerate_button = gr.Button("Generate Story and Timeline")
+
+                                ewpwacustom_config = gr.Textbox(label="Custom Configuration (JSON)", lines=4) #value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=4) #Commented out due to initial load issues
+                            ewpwacustom_configbtn = gr.Button("Load Custom Config")
                     
-                    wachoices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
-                    wasubmit_btn = gr.Button("Make Choice")
-                    wagame_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
-                    wagame_session = gr.State(value=initgameinfo[3])
-                    wasubmit_btn.click(
-                        make_choice,
-                        inputs=[wachoices, wagame_session, wamediabool],
-                        outputs=[wadescription, wachoices, wagame_log, wagame_session, wamedia]
-                    )
-                with gr.Column(scale=1):
-                    gr.Markdown("# Debugging")
-                    waerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
-                    with gr.Accordion("Config (Game Spoiler and Example for llm to remix)", open=False):
-                        wacustom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
-                        wacustom_configbtn = gr.Button("Load Custom Config")
-
-                        wacustom_configbtn.click(
-                            load_game,
-                            inputs=[wacustom_config, wamediabool],
-                            outputs=[waerror_box, wagame_log, wadescription, wachoices, wacustom_config, wagame_session, wamedia]
-                        )
-
-        with gr.Tab("Semi-Auto - Edit config while playing game"):
-            with gr.Row():
-                gr.HTML("Current main ")    
-                gr.HTML("-- Incomplete -- Current problem is passing values from rendered items to the config box <br>Need a way have dropdowns for the filelist and transitions eg. changing transitions must auto update choices <br>Config to components has hardcoded variables based on the auto gen so changes break it")
-            with gr.Column(scale=1):
-                    gr.Markdown("# Debugging")
                     with gr.Row():
-                        with gr.Column():
-                            ewpwaerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
+                        with gr.Column(scale=1):
+                            with gr.Group():
+                                gr.Markdown("# Text-based Adventure Game")
+
+                                ewpwadescription = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
+                                ewpwamediabool = gr.State(value=True)
+                                ewpwamedia = gr.State(["testmedia/Stable Audio - Raindrops, output.wav"])
+
+                                @gr.render(inputs=ewpwamedia)
+                                def dynamic_with_media(media_items):
+                                    print(media_items)
+                                    with gr.Group() as ewpwamediagrouping: 
+                                        gr.HTML("Placeholder to load all media tests - still need to test clearing media on ")
+                                        if media_items == []:
+                                            gr.Markdown("No media items to display.")
+                                        else:
+                                            for item in media_items:
+                                                render = create_media_component(item)
+                                    
+                                    return ewpwamediagrouping
+                                
+                                ewpwachoices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
+                                ewpwasubmit_btn = gr.Button("Make Choice")
+                                ewpwagame_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
+                                ewpwagame_session = gr.State(value=initgameinfo[3])
+                                ewpwasubmit_btn.click(
+                                    make_choice,
+                                    inputs=[ewpwachoices, ewpwagame_session, ewpwamediabool],
+                                    outputs=[ewpwadescription, ewpwachoices, ewpwagame_log, ewpwagame_session, ewpwamedia]
+                                )
+
+                                ewpwacustom_configbtn.click(
+                                    load_game,
+                                    inputs=[ewpwacustom_config, ewpwamediabool],
+                                    outputs=[ewpwaerror_box, ewpwagame_log, ewpwadescription, ewpwachoices, ewpwacustom_config, ewpwagame_session, ewpwamedia]
+                                )
+                        with gr.Column(scale=1):
+                            @gr.render(inputs=ewpwacustom_config) #ewpgame_structure_output_text_with_media
+                            def update(ewpwacustom_config):
+                                return show_elements_json_input(ewpwacustom_config)
                             
+                            ewpgenerate_button.click(generate_story_and_timeline, inputs=[ewpgenerate_no_story_timeline_points, ewpgenerate_no_ui_timeline_points, ewptimeline_num_lists_slider, ewptimeline_items_per_list_slider, ewptimeline_include_existing_games, ewptimeline_include_multiplayer], outputs=[ewptimeline_output_with_assets, ewpstory_output, ewpwacustom_config, ewptimeline_output_text, ewptimeline_selected_lists_text])  #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("Manual - Config With Assets"):
+                    gr.HTML("Placeholder as not complete yet (3D not supported, and time (esp need for audio)")
+                    with gr.Row():
+                        with gr.Column(scale=2):
+                            gr.Markdown("# Text-based Adventure Game")
+
+                            wadescription = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
+                            wamediabool = gr.State(value=True)
+                            wamedia = gr.State(["testmedia/Stable Audio - Raindrops, output.wav"])
+
+                            @gr.render(inputs=wamedia)
+                            def dynamic_with_media(media_items):
+                                print(media_items)
+                                with gr.Group() as wamediagrouping: 
+                                    gr.HTML("Placeholder to load all media tests - still need to test clearing media on ")
+                                    if media_items == []:
+                                        gr.Markdown("No media items to display.")
+                                    else:
+                                        for item in media_items:
+                                            render = create_media_component(item)
+                                
+                                return wamediagrouping
                             
-                            with gr.Accordion("Generate a new config"):
-                                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():
-                                        #ewpgame_structure_output_text_with_media = gr.Code(language="json")
-                                        #ewpgame_structure_output_text = gr.Code(language="json")
-                                    with gr.Row():
-                                        ewptimeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
-                                        #ewptimeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
-                                        with gr.Column():
-                                            ewptimeline_output_text = gr.Textbox(label="Random Suggestions", lines=10)
-                                            ewptimeline_selected_lists_text = gr.Textbox(label="Selected Idea Lists for Inspiration", lines=2)
-                                        ewpstory_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
-                                    with gr.Row():
-                                        ewpgenerate_no_story_timeline_points = gr.Slider(minimum=1, value=10, step=1, maximum=30, label="Choose the amount of story timeline points")
-                                        ewpgenerate_no_ui_timeline_points = gr.Slider(minimum=1, value=10, step=1, maximum=30, label="Choose the amount of ui timeline points")
-                                    #ewpgenerate_no_media_timeline_points = gr.Slider(minimum=1, value=5, step=1, maximum=30, label="Choose the amount of media timeline points")
-                                    #ewpgenerate_with_media_check = gr.Checkbox(label="Generate with media", value=True)
-                                    with gr.Row():
-                                        ewptimeline_num_lists_slider = gr.Slider(minimum=1, maximum=len(all_idea_lists), step=1, label="Number of Lists to Consider", value=3)
-                                        ewptimeline_items_per_list_slider = gr.Slider(minimum=1, maximum=10, step=1, label="Items per List", value=3)
-                                        ewptimeline_include_existing_games = gr.Checkbox(label="Include Existing Game Inspirations", value=True)
-                                        ewptimeline_include_multiplayer = gr.Checkbox(label="Include Multiplayer Features", value=True)
-
-                                ewpgenerate_button = gr.Button("Generate Story and Timeline")
-
-                        ewpwacustom_config = gr.Textbox(label="Custom Configuration (JSON)", lines=4) #value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=4) #Commented out due to initial load issues
-                    ewpwacustom_configbtn = gr.Button("Load Custom Config")
-            
-            with gr.Row():
-                with gr.Column(scale=1):
-                    with gr.Group():
-                        gr.Markdown("# Text-based Adventure Game")
-
-                        ewpwadescription = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
-                        ewpwamediabool = gr.State(value=True)
-                        ewpwamedia = gr.State(["testmedia/Stable Audio - Raindrops, output.wav"])
-
-                        @gr.render(inputs=ewpwamedia)
-                        def dynamic_with_media(media_items):
-                            print(media_items)
-                            with gr.Group() as ewpwamediagrouping: 
-                                gr.HTML("Placeholder to load all media tests - still need to test clearing media on ")
-                                if media_items == []:
-                                    gr.Markdown("No media items to display.")
-                                else:
-                                    for item in media_items:
-                                        render = create_media_component(item)
+                            wachoices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
+                            wasubmit_btn = gr.Button("Make Choice")
+                            wagame_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
+                            wagame_session = gr.State(value=initgameinfo[3])
+                            wasubmit_btn.click(
+                                make_choice,
+                                inputs=[wachoices, wagame_session, wamediabool],
+                                outputs=[wadescription, wachoices, wagame_log, wagame_session, wamedia]
+                            )
+                        with gr.Column(scale=1):
+                            gr.Markdown("# Debugging")
+                            waerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
+                            with gr.Accordion("Config (Game Spoiler and Example for llm to remix)", open=False):
+                                wacustom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
+                                wacustom_configbtn = gr.Button("Load Custom Config")
+
+                                wacustom_configbtn.click(
+                                    load_game,
+                                    inputs=[wacustom_config, wamediabool],
+                                    outputs=[waerror_box, wagame_log, wadescription, wachoices, wacustom_config, wagame_session, wamedia]
+                                )
+
+
+            with gr.Tab("Asset Generation Considerations"):
+                with gr.Row():
+                    gr.HTML("Licenses for the spaces still to be evaluated - June 2024 <br> Users to follow with cool spaces - <br>https://huggingface.co/osanseviero - https://huggingface.co/spaces/osanseviero/TheMLGame <br>https://huggingface.co/jbilcke-hf <br>https://huggingface.co/dylanebert <br>https://huggingface.co/fffiloni <br>https://huggingface.co/artificialguybr <br>https://huggingface.co/radames <br>https://huggingface.co/multimodalart, ")
+                    gr.HTML("Some Youtube Channels to keep up with updates <br><br>https://www.youtube.com/@lev-selector <br>https://www.youtube.com/@fahdmirza/videos")
+                gr.HTML("Whole game engine in a space? - https://huggingface.co/spaces/thomwolf/test_godot_editor <br><br> https://huggingface.co/godot-demo https://huggingface.co/spaces/thomwolf/test_godot")
+                with gr.Tab("Text-based"):
+                    gr.HTML("Some Benchmark Leaderboards - https://huggingface.co/spaces/allenai/ZebraLogic | https://huggingface.co/spaces/allenai/WildBench")
+                    with gr.Accordion("LLM HF Spaces/Sites (Click Here to Open) - Ask for a story and suggestions based on the autoconfig", open=False):
+                        with gr.Row():
+                            linktochat = gr.Dropdown(choices=["--Multiple Models--", "https://labs.perplexity.ai/", "https://chat.lmsys.org", "https://sdk.vercel.ai/docs", "https://cyzgab-catch-me-if-you-can.hf.space",
+                                                            "--70B and above--", "https://qwen-qwen-max-0428.hf.space", "https://cohereforai-c4ai-command-r-plus.hf.space", "https://qwen-qwen1-5-110b-chat-demo.hf.space", "https://snowflake-snowflake-arctic-st-demo.hf.space", "https://databricks-dbrx-instruct.hf.space", "https://qwen-qwen1-5-72b-chat.hf.space",
+                                                            "--20B and above--", "https://gokaygokay-gemma-2-llamacpp.hf.space", "https://01-ai-yi-34b-chat.hf.space", "https://cohereforai-c4ai-command-r-v01.hf.space", "https://ehristoforu-mixtral-46-7b-chat.hf.space", "https://mosaicml-mpt-30b-chat.hf.space",
+                                                            "--7B and above--", "https://vilarin-mistral-nemo.hf.space", "https://ysharma-chat-with-meta-llama3-8b.hf.space", "https://qwen-qwen1-5-moe-a2-7b-chat-demo.hf.space", "https://deepseek-ai-deepseek-coder-7b-instruct.hf.space", "https://osanseviero-mistral-super-fast.hf.space", "https://artificialguybr-qwen-14b-chat-demo.hf.space", "https://huggingface-projects-llama-2-7b-chat.hf.space",
+                                                            "--1B and above--", "https://huggingface.co/spaces/eswardivi/Phi-3-mini-128k-instruct", "https://eswardivi-phi-3-mini-4k-instruct.hf.space", "https://stabilityai-stablelm-2-1-6b-zephyr.hf.space",
+                                                            "--under 1B--", "unorganised", "https://ysharma-zephyr-playground.hf.space", "https://huggingfaceh4-zephyr-chat.hf.space",  "https://ysharma-explore-llamav2-with-tgi.hf.space",  "https://huggingfaceh4-falcon-chat.hf.space", "https://uwnlp-guanaco-playground-tgi.hf.space", "https://stabilityai-stablelm-tuned-alpha-chat.hf.space", "https://mosaicml-mpt-7b-storywriter.hf.space", "https://huggingfaceh4-starchat-playground.hf.space", "https://bigcode-bigcode-playground.hf.space", "https://mosaicml-mpt-7b-chat.hf.space", "https://huggingchat-chat-ui.hf.space", "https://togethercomputer-openchatkit.hf.space"], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
+                            chatspacebtn = gr.Button("Use the chosen URL to load interface with a chat model. For sdk.vercel click the chat button on the top left. For lymsys / chat arena copy the link and use a new tab")
+                        chatspace = gr.HTML("Chat Space Chosen will load here")
+                        chatspacebtn.click(display_website, inputs=linktochat, outputs=chatspace)
+                    with gr.Tab("NPCS"):
+                        gr.HTML("For ideas on NPCS check: https://lifearchitect.ai/leta/, ")
+                    with gr.Tab("Save files"):
+                        gr.HTML("For Dynamic events overnight or when player is not active what can LLMS edit? <br><br>eg. Waiting for a letter from a random npc can be decided by the llm <br>eg. Improved Stats on certain days (eg. bitrthday) <br>Privacy <br>User Directed DLC eg. Rockstar Editor with local llm guide")
+                        gr.HTML("Some ideas - In game websites eg. GTA esp stock markets, news; ")
+                        gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/nvidia/Nemotron-4-340B-Instruct (Purpose is supposed to be synthetic data generation), https://huggingface.co/spaces/gokaygokay/Gemma-2-llamacpp ")
+                        gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist (9b and under) <br>initial floor for testing can be https://huggingface.co/spaces/Qwen/Qwen2-0.5B-Instruct, https://huggingface.co/spaces/Qwen/Qwen2-1.5b-instruct-demo, https://huggingface.co/spaces/stabilityai/stablelm-2-1_6b-zephyr, https://huggingface.co/spaces/IndexTeam/Index-1.9B, https://huggingface.co/microsoft/Phi-3-mini-4k-instruct")
+                        with gr.Tab("Diagrams"):
+                            gr.HTML("Claude 3.5 sonnet is very good with mermaid graphs - can used for maps, situational explanations")
+                        with gr.Tab("Maths"):
+                            gr.HTML("https://huggingface.co/spaces/AI-MO/math-olympiad-solver")
+
+                with gr.Tab("Media Understanding"):
+                    gr.HTML("NPC Response Engines? Camera, Shopkeeper, Companion, Enemies, etc.")
+                    with gr.Accordion("Media understanding model Spaces/Sites (Click Here to Open)", open=False):
+                        with gr.Row():
+                            linktomediaunderstandingspace = gr.Dropdown(choices=[ "--Weak Audio Understanding = Audio to text, Weak Video Understanding = Video to Image to Image Understanding", "https://skalskip-florence-2-video.hf.space", "https://kingnish-opengpt-4o.hf.space",
+                                                                                    "--Video Understanding--", "https://ivgsz-flash-vstream-demo.hf.space",
+                                                                                    "--Image Understanding--", "https://qnguyen3-nanollava.hf.space", "https://skalskip-better-florence-2.hf.space", ], 
+                                                            label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
+                            mediaunderstandingspacebtn = gr.Button("Use the chosen URL to load interface with a media understanding space")
+                        mediaunderstandingspace = gr.HTML("Mdeia Understanding Space Chosen will load here")
+                        mediaunderstandingspacebtn.click(display_website, inputs=linktomediaunderstandingspace, outputs=mediaunderstandingspace)
+
+
+                with gr.Tab("Images"):
+                    with gr.Accordion("Image Gen or Animation HF Spaces/Sites (Click Here to Open) - Have to download and upload at the the top", open=False):
+                        # with gr.Tabs("General"):
+                        with gr.Row():
+                            linktoimagegen = gr.Dropdown(choices=["Text-Interleaved", "https://ethanchern-anole.hf.space",
+                                                                    "--General--", "https://pixart-alpha-pixart-sigma.hf.space", "https://stabilityai-stable-diffusion-3-medium.hf.space", "https://prodia-sdxl-stable-diffusion-xl.hf.space", "https://prodia-fast-stable-diffusion.hf.space", "https://bytedance-hyper-sdxl-1step-t2i.hf.space",  "https://multimodalart-cosxl.hf.space", "https://cagliostrolab-animagine-xl-3-1.hf.space", "https://stabilityai-stable-diffusion.hf.space",
+                                                                    "--Speed--", "https://radames-real-time-text-to-image-sdxl-lightning.hf.space", "https://ap123-sdxl-lightning.hf.space",
+                                                                    "--LORA Support--", "https://artificialguybr-artificialguybr-demo-lora.hf.space", "https://artificialguybr-studio-ghibli-lora-sdxl.hf.space", "https://artificialguybr-pixel-art-generator.hf.space", "https://fffiloni-sdxl-control-loras.hf.space", "https://ehristoforu-dalle-3-xl-lora-v2.hf.space",
+                                                                    "--Image to Image--", "https://lllyasviel-ic-light.hf.space", "https://gparmar-img2img-turbo-sketch.hf.space",
+                                                                    "--Control of Pose--", "https://instantx-instantid.hf.space", "https://modelscope-transferanything.hf.space", "https://okaris-omni-zero.hf.space"
+                                                                    "--Control of Shapes--", "https://linoyts-scribble-sdxl-flash.hf.space",
+                                                                    "--Foreign Language Input--", "https://gokaygokay-kolors.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("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 (3rd Party) =  https://www.craiyon.com/")
+                    gr.HTML("Images Generation Posters with text - https://huggingface.co/spaces/GlyphByT5/Glyph-SDXL-v2")
+                    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>")
+                    gr.HTML("Upscalers (save data transfer costs? highly detailed characters?) - https://huggingface.co/spaces/gokaygokay/AuraSR")
+                    gr.HTML("Placeholder for huggingface spaces that can assist ")
+                    gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
+
+                with gr.Tab("Video"):
+                    with gr.Accordion("Video Spaces/Sites (Click Here to Open)", open=False):
+                        with gr.Row():
+                            linktovideogenspace = gr.Dropdown(choices=["--Genral--", "https://kadirnar-open-sora.hf.space",
+                                                                    "--Talking Portrait--", "https://fffiloni-tts-hallo-talking-portrait.hf.space",  
+                                                                    "--Gif / ImgtoImg based video--", "https://wangfuyun-animatelcm-svd.hf.space", "https://bytedance-animatediff-lightning.hf.space", "https://wangfuyun-animatelcm.hf.space", "https://guoyww-animatediff.hf.space",], 
+                                                            label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
+                            videogenspacebtn = gr.Button("Use the chosen URL to load interface with video generation")
+                        videogenspace = gr.HTML("Video Space Chosen will load here")
+                        videogenspacebtn.click(display_website, inputs=linktovideogenspace, outputs=videogenspace)
+
+                    gr.HTML("Cutscenes, Tutorials, Trailers")
+                    gr.HTML("Portrait Video eg. Solo Taking NPC - https://huggingface.co/spaces/fffiloni/tts-hallo-talking-portrait (Image + Audio and combination)  https://huggingface.co/spaces/KwaiVGI/LivePortrait (Non verbal communication eg. in a library, when running from a pursuer)")
+                    gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/KingNish/Instant-Video, https://huggingface.co/spaces/multimodalart/stable-video-diffusion, https://huggingface.co/spaces/multimodalart/stable-video-diffusion")
+                    gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
+                    gr.HTML("3rd Party / Closed Source - https://runwayml.com/ <br>")
+                    with gr.Tab("Animations (for lower resource use)"):
+                        gr.HTML("Characters, Environments, Objects")
+                        gr.HTML("Placeholder for huggingface spaces that can assist - image as 3d object in video https://huggingface.co/spaces/ashawkey/LGM")
+                        gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
+
+                with gr.Tab("Audio"):
+                    with gr.Accordion("Audio Spaces/Sites (Click Here to Open)", open=False):
+                        with gr.Row():
+                            linktoaudiiogenspace = gr.Dropdown(choices=["General", "https://artificialguybr-stable-audio-open-zero.hf.space", "",
+                                                                        "--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")
+                        audiiogenspacebtn.click(display_website, inputs=linktoaudiiogenspace, outputs=audiiogenspace)
+                    gr.HTML("Music - Background, Interactive, Cutscene, Menu <br>Sound Effects - Environment, character, action (environmental triggered by user eg. gun), UI <br>Speech - Dialouge, narration, voiceover <br>The new render function means the Config can be made and iframe/api functions can be ordered as neccessary based on the part of the config that needs it to streamline workflows based on current state of config ")
+                    gr.HTML("Placeholder for huggingface spaces that can assist")
+                    gr.HTML("Audio Sound Effects - https://huggingface.co/spaces/artificialguybr/Stable-Audio-Open-Zero")
+                    gr.HTML("Voices - Voice clone eg. actors part of your project - https://huggingface.co/spaces/tonyassi/voice-clone")
+                    gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
+                    gr.HTML("3rd Party / Closed Source - https://suno.com/ <br>https://www.udio.com/")
+
+                with gr.Tab("3D"):
+                    with gr.Accordion("3D Model Spaces/Sites (Click Here to Open)", open=False):
+                        with gr.Row():
+                            linktoThreedModel = gr.Dropdown(choices=["--Image prompt--", "https://vast-ai-charactergen.hf.space"
+                                                                    "--Video prompt--", "https://facebook-vggsfm.hf.space",
+                                                                    "--Text prompt--", "https://wuvin-unique3d.hf.space", "https://stabilityai-triposr.hf.space", "https://hysts-shap-e.hf.space", "https://tencentarc-instantmesh.hf.space", "https://ashawkey-lgm.hf.space", "https://dylanebert-lgm-mini.hf.space", "https://dylanebert-splat-to-mesh.hf.space", "https://dylanebert-multi-view-diffusion.hf.space"], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
+                            ThreedModelspacebtn = gr.Button("Use the chosen URL to load interface with a 3D model")
+                        ThreedModelspace = gr.HTML("3D Space Chosen will load here")
+                        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("Closed Source - https://www.meshy.ai/")
+
+                with gr.Tab("Fonts"):
+                    gr.HTML("Style of whole game, or locations, or characters")
+                    gr.HTML("Placeholder for huggingface spaces that can assist - there was a space that could make letter into pictures based on the prompt but I cant find it now")
+                    gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
+                
+                with gr.Tab("Shaders and related"):
+                    gr.HTML("Any output that is not understood by the common person can be used as special effects eg. depth map filters on images etc.")
+                    gr.HTML("Post-processing Effects, material effects, Particle systems, visual feedback")
+                    gr.HTML("Visual Effects - eg. explosion can turn all items white for a moment, losing conciousness blurs whole screen")
+                    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("Placeholder for models small enough to run on cpu here in this space that can assist")
+
+                with gr.Tab("Demos on Social Media for inspiration"):
+                    gr.HTML("Social media that shows possiblities")
+                    gr.HTML("https://www.reddit.com/r/aivideo/ https://www.reddit.com/r/StableDiffusion/ https://www.reddit.com/r/midjourney/ https://x.com/blizaine")
+
+            with gr.Tab("Basic Game Engine Mechanics"):
+                gr.HTML("Placeholder for explanations of Player and Game Session")
+                with gr.Tab("LLM play testing"):
+                    gr.HTML("LLM can read the contents in full and give critiques but they can also play the game if you make a api interface - gradio allows this in the form of gradio client but you can also reroute the user inputs to function calling")
+
+            with gr.Tab("Custom JS Config Creator"):
+                gr.HTML("-- Incomplete -- 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([])
+                    objectives_items = gr.State([])
+                    targets_items = gr.State([])
+
+                    with gr.Tabs():
+                        with gr.TabItem("Inventory"):
+                            inventory_type = gr.Textbox(label="Type")
+                            inventory_name = gr.Textbox(label="Name")
+                            inventory_description = gr.Textbox(label="Description")
+                            add_inventory = gr.Button("Add Inventory Item")
+                            inventory_textbox = gr.JSON(label="Inventory Items", value=[])
+
+                        with gr.TabItem("Skills"):
+                            skills_branch = gr.Textbox(label="Branch")
+                            skills_name = gr.Textbox(label="Name")
+                            skills_learned = gr.Dropdown(choices=["True", "False"], label="Learned")
+                            add_skill_button = gr.Button("Add Skill")
+                            skills_textbox = gr.JSON(label="Skills", value=[])
+
+                        with gr.TabItem("Objectives"):
+                            objectives_id = gr.Textbox(label="ID")
+                            objectives_name = gr.Textbox(label="Name")
+                            objectives_complete = gr.Dropdown(choices=["True", "False"], label="Complete")
+                            add_objective_button = gr.Button("Add Objective")
+                            objectives_textbox = gr.JSON(label="Objectives", value=[])
+
+                        with gr.TabItem("Targets"):
+                            targets_name = gr.Textbox(label="Name")
+                            targets_x = gr.Textbox(label="X Coordinate")
+                            targets_y = gr.Textbox(label="Y Coordinate")
+                            targets_collisionType = gr.Textbox(label="Collision Type")
+                            targets_collisiontext = gr.Textbox(label="Collision Text")
+                            add_target_button = gr.Button("Add Target")
+                            targets_textbox = gr.JSON(label="Targets", value=[])
+
+                        with gr.TabItem("Placeholders for Modal Target"):
+                            gr.HTML("Placeholder")
+
+                        with gr.TabItem("Placeholders for State Machine Modal Target"):
+                            gr.HTML("Placeholder")
+
+                        with gr.TabItem("Placeholders for Background"):
+                            gr.HTML("Placeholder")
+
+                    config_output = gr.JSON(label="Updated Configuration")
+
+                    @gr.render(inputs=[inventory_items, skills_items, objectives_items, targets_items]) #, outputs=config_output)
+                    def aggregate_config(inventory, skills, objectives, targets):
+                        config = default_config.copy()
+                        config['inventory'] = inventory
+                        config['skills'] = skills
+                        config['objectives'] = objectives
+                        config['targets'] = targets
+                        return config
+
+                    add_inventory.click(add_inventory_item, inputs=[inventory_items, inventory_type, inventory_name, inventory_description], outputs=inventory_textbox)
+                    add_inventory.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
+
+                    add_skill_button.click(add_skill, inputs=[skills_items, skills_branch, skills_name, skills_learned], outputs=skills_textbox)
+                    add_skill_button.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
+
+                    add_objective_button.click(add_objective, inputs=[objectives_items, objectives_id, objectives_name, objectives_complete], outputs=objectives_textbox)
+                    add_objective_button.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
+
+                    add_target_button.click(add_target, inputs=[targets_items, targets_name, targets_x, targets_y, targets_collisionType, targets_collisiontext], outputs=targets_textbox)
+                    add_target_button.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
+                
+                with gr.Tab("Advanced Config Creator"):
+                    gr.HTML("Config with More than text and images")
                             
-                            return ewpwamediagrouping
-                        
-                        ewpwachoices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
-                        ewpwasubmit_btn = gr.Button("Make Choice")
-                        ewpwagame_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
-                        ewpwagame_session = gr.State(value=initgameinfo[3])
-                        ewpwasubmit_btn.click(
-                            make_choice,
-                            inputs=[ewpwachoices, ewpwagame_session, ewpwamediabool],
-                            outputs=[ewpwadescription, ewpwachoices, ewpwagame_log, ewpwagame_session, ewpwamedia]
-                        )
-
-                        ewpwacustom_configbtn.click(
-                            load_game,
-                            inputs=[ewpwacustom_config, ewpwamediabool],
-                            outputs=[ewpwaerror_box, ewpwagame_log, ewpwadescription, ewpwachoices, ewpwacustom_config, ewpwagame_session, ewpwamedia]
-                        )
-                with gr.Column(scale=1):
-                    @gr.render(inputs=ewpwacustom_config) #ewpgame_structure_output_text_with_media
-                    def update(ewpwacustom_config):
-                        return show_elements_json_input(ewpwacustom_config)
+            with gr.Tab("LLM/Robotics as custom controllers"):
+                gr.HTML("Controls changed the scope of the game eg. mouse vs keyboard vs console controller vs remote vs touch screen <br>LLM can be vision/surveilance based controler (eg. MGS/GTA camera gauged by an actual camera in real life) or it can be a companion (offline/off console game progrssion ideas)")
+                gr.HTML("https://huggingface.co/posts/thomwolf/809364796644704")
+                gr.HTML("Robotics - https://github.com/OpenTeleVision/TeleVision https://www.stereolabs.com/")
+            with gr.Tab("Existing Game Developemnt Resources"):
+                gr.HTML("https://develop.games/#nav-tools-engine ")
+            with gr.Tab("Other Considerations"):
+                with gr.Tab("General"):
+                    gr.HTML("Experiment for https://huggingface.co/spaces/ysharma/open-interpreter/blob/main/app.py inplementation with gradio client api")
+
+                    gr.HTML("https://huggingface.co/spaces/HuggingFaceTB/SmolLM-135M-Instruct-WebGPU")
+
+                    gr.HTML("Useful Spaces and links: https://huggingface.co/spaces/artificialguybr/Stable-Audio-Open-Zero https://huggingface.co/spaces/stabilityai/TripoSR https://huggingface.co/spaces/wangfuyun/AnimateLCM-SVD https://huggingface.co/spaces/multimodalart/face-to-all https://huggingface.co/spaces/facebook/MusicGen https://huggingface.co/spaces/Doubiiu/tooncrafter")
                     
-                    ewpgenerate_button.click(generate_story_and_timeline, inputs=[ewpgenerate_no_story_timeline_points, ewpgenerate_no_ui_timeline_points, ewptimeline_num_lists_slider, ewptimeline_items_per_list_slider, ewptimeline_include_existing_games, ewptimeline_include_multiplayer], outputs=[ewptimeline_output_with_assets, ewpstory_output, ewpwacustom_config, ewptimeline_output_text, ewptimeline_selected_lists_text])  #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("Asset Generation Considerations"):
-        with gr.Row():
-            gr.HTML("Licenses for the spaces still to be evaluated - June 2024 <br> Users to follow with cool spaces - <br>https://huggingface.co/osanseviero - https://huggingface.co/spaces/osanseviero/TheMLGame <br>https://huggingface.co/jbilcke-hf <br>https://huggingface.co/dylanebert <br>https://huggingface.co/fffiloni <br>https://huggingface.co/artificialguybr <br>https://huggingface.co/radames <br>https://huggingface.co/multimodalart, ")
-            gr.HTML("Some Youtube Channels to keep up with updates <br><br>https://www.youtube.com/@lev-selector <br>https://www.youtube.com/@fahdmirza/videos")
-        gr.HTML("Whole game engine in a space? - https://huggingface.co/spaces/thomwolf/test_godot_editor <br><br> https://huggingface.co/godot-demo https://huggingface.co/spaces/thomwolf/test_godot")
-        with gr.Tab("Text-based"):
-            gr.HTML("Some Benchmark Leaderboards - https://huggingface.co/spaces/allenai/ZebraLogic | https://huggingface.co/spaces/allenai/WildBench")
-            with gr.Accordion("LLM HF Spaces/Sites (Click Here to Open) - Ask for a story and suggestions based on the autoconfig", open=False):
+                    gr.HTML("langchain docs as awareness for alot of the integration use cases and providers that are possible - https://python.langchain.com/v0.2/docs/integrations/tools/")
+
+                    gr.HTML("https://huggingface.co/spaces/linoyts/scribble-sdxl-flash as map planner")
+
+                    gr.HTML("---------------------------------------Gameplay Ideas-------------------------------")
+                    gr.HTML("https://huggingface.co/spaces/Lin-Chen/ShareCaptioner-Video - game use example police questions a event with multiple eye witnesses needs to give as close to the caption description to win")
+                with gr.Tab("State management through huggingface?"):
+                    gr.HTML("Huggingface as the login provider? - https://huggingface.co/docs/hub/en/spaces-oauth https://huggingface.co/docs/hub/en/oauth, persistent storage - https://huggingface.co/docs/hub/en/spaces-storage")
+                with gr.Tab("Finetuning options"):
+                    gr.HTML("Unsloth and Colab? - https://huggingface.co/unsloth <br>Mistral Nemo Base - https://huggingface.co/unsloth/Mistral-Nemo-Base-2407 - https://colab.research.google.com/drive/17d3U-CAIwzmbDRqbZ9NnpHxCkmXB6LZ0?usp=sharing <br>Llama 3 8B https://huggingface.co/unsloth/llama-3-8b-Instruct-bnb-4bit")
+                    gr.HTML("Price - https://openpipe.ai/pricing")
+                with gr.Tab("Backend and/or Hosting?"):
+                    gr.HTML("Deployemnt options - https://huggingface.co/SpacesExamples", "https://huggingface.co/templates")
+                    gr.HTML("Prototyping and freemium <br>free api <br>HF Pro subscription")
+                    gr.HTML("GPU (Data privacy) = No Rate limits? - https://replicate.com/pricing, https://lambdalabs.com/service/gpu-cloud https://huggingface.co/pricing#endpoints https://tensordock.com/cloud-gpus", "https://massedcompute.com/home/pricing/" )
+                    gr.HTML("Speed - Groq, SambaNova, https://www.etched.com/announcing-etched ")
+                    gr.HTML("Price - Coding - https://aider.chat/docs/leaderboards/ -  https://www.deepseek.com/ 0.3 per million - is this per token or chinese character as that means converting code to chinese if possible can save api cost?")
+            with gr.Tab("Asset loading test"):
+                gr.HTML("SDXL (linoyts/scribble-sdxl-flash), SVD and Stable Audio used for the test assets (For commercial use need a licence) <br>testmedia/")
                 with gr.Row():
-                    linktochat = gr.Dropdown(choices=["--Multiple Models--", "https://labs.perplexity.ai/", "https://chat.lmsys.org", "https://sdk.vercel.ai/docs", "https://cyzgab-catch-me-if-you-can.hf.space",
-                                                    "--70B and above--", "https://qwen-qwen-max-0428.hf.space", "https://cohereforai-c4ai-command-r-plus.hf.space", "https://qwen-qwen1-5-110b-chat-demo.hf.space", "https://snowflake-snowflake-arctic-st-demo.hf.space", "https://databricks-dbrx-instruct.hf.space", "https://qwen-qwen1-5-72b-chat.hf.space",
-                                                    "--20B and above--", "https://gokaygokay-gemma-2-llamacpp.hf.space", "https://01-ai-yi-34b-chat.hf.space", "https://cohereforai-c4ai-command-r-v01.hf.space", "https://ehristoforu-mixtral-46-7b-chat.hf.space", "https://mosaicml-mpt-30b-chat.hf.space",
-                                                    "--7B and above--", "https://vilarin-mistral-nemo.hf.space", "https://ysharma-chat-with-meta-llama3-8b.hf.space", "https://qwen-qwen1-5-moe-a2-7b-chat-demo.hf.space", "https://deepseek-ai-deepseek-coder-7b-instruct.hf.space", "https://osanseviero-mistral-super-fast.hf.space", "https://artificialguybr-qwen-14b-chat-demo.hf.space", "https://huggingface-projects-llama-2-7b-chat.hf.space",
-                                                    "--1B and above--", "https://huggingface.co/spaces/eswardivi/Phi-3-mini-128k-instruct", "https://eswardivi-phi-3-mini-4k-instruct.hf.space", "https://stabilityai-stablelm-2-1-6b-zephyr.hf.space",
-                                                    "--under 1B--", "unorganised", "https://ysharma-zephyr-playground.hf.space", "https://huggingfaceh4-zephyr-chat.hf.space",  "https://ysharma-explore-llamav2-with-tgi.hf.space",  "https://huggingfaceh4-falcon-chat.hf.space", "https://uwnlp-guanaco-playground-tgi.hf.space", "https://stabilityai-stablelm-tuned-alpha-chat.hf.space", "https://mosaicml-mpt-7b-storywriter.hf.space", "https://huggingfaceh4-starchat-playground.hf.space", "https://bigcode-bigcode-playground.hf.space", "https://mosaicml-mpt-7b-chat.hf.space", "https://huggingchat-chat-ui.hf.space", "https://togethercomputer-openchatkit.hf.space"], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
-                    chatspacebtn = gr.Button("Use the chosen URL to load interface with a chat model. For sdk.vercel click the chat button on the top left. For lymsys / chat arena copy the link and use a new tab")
-                chatspace = gr.HTML("Chat Space Chosen will load here")
-                chatspacebtn.click(display_website, inputs=linktochat, outputs=chatspace)
-            with gr.Tab("NPCS"):
-                gr.HTML("For ideas on NPCS check: https://lifearchitect.ai/leta/, ")
-            with gr.Tab("Save files"):
-                gr.HTML("For Dynamic events overnight or when player is not active what can LLMS edit? <br><br>eg. Waiting for a letter from a random npc can be decided by the llm <br>eg. Improved Stats on certain days (eg. bitrthday) <br>Privacy <br>User Directed DLC eg. Rockstar Editor with local llm guide")
-                gr.HTML("Some ideas - In game websites eg. GTA esp stock markets, news; ")
-                gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/nvidia/Nemotron-4-340B-Instruct (Purpose is supposed to be synthetic data generation), https://huggingface.co/spaces/gokaygokay/Gemma-2-llamacpp ")
-                gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist (9b and under) <br>initial floor for testing can be https://huggingface.co/spaces/Qwen/Qwen2-0.5B-Instruct, https://huggingface.co/spaces/Qwen/Qwen2-1.5b-instruct-demo, https://huggingface.co/spaces/stabilityai/stablelm-2-1_6b-zephyr, https://huggingface.co/spaces/IndexTeam/Index-1.9B, https://huggingface.co/microsoft/Phi-3-mini-4k-instruct")
-                with gr.Tab("Diagrams"):
-                    gr.HTML("Claude 3.5 sonnet is very good with mermaid graphs - can used for maps, situational explanations")
-                with gr.Tab("Maths"):
-                    gr.HTML("https://huggingface.co/spaces/AI-MO/math-olympiad-solver")
-
-        with gr.Tab("Media Understanding"):
-            gr.HTML("NPC Response Engines? Camera, Shopkeeper, Companion, Enemies, etc.")
-            with gr.Accordion("Media understanding model Spaces/Sites (Click Here to Open)", open=False):
-                with gr.Row():
-                    linktomediaunderstandingspace = gr.Dropdown(choices=[ "--Weak Audio Understanding = Audio to text, Weak Video Understanding = Video to Image to Image Understanding", "https://skalskip-florence-2-video.hf.space", "https://kingnish-opengpt-4o.hf.space",
-                                                                            "--Video Understanding--", "https://ivgsz-flash-vstream-demo.hf.space",
-                                                                            "--Image Understanding--", "https://qnguyen3-nanollava.hf.space", "https://skalskip-better-florence-2.hf.space", ], 
-                                                    label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
-                    mediaunderstandingspacebtn = gr.Button("Use the chosen URL to load interface with a media understanding space")
-                mediaunderstandingspace = gr.HTML("Mdeia Understanding Space Chosen will load here")
-                mediaunderstandingspacebtn.click(display_website, inputs=linktomediaunderstandingspace, outputs=mediaunderstandingspace)
-
-
-        with gr.Tab("Images"):
-            with gr.Accordion("Image Gen or Animation HF Spaces/Sites (Click Here to Open) - Have to download and upload at the the top", open=False):
-                # with gr.Tabs("General"):
-                with gr.Row():
-                    linktoimagegen = gr.Dropdown(choices=["Text-Interleaved", "https://ethanchern-anole.hf.space",
-                                                            "--General--", "https://pixart-alpha-pixart-sigma.hf.space", "https://stabilityai-stable-diffusion-3-medium.hf.space", "https://prodia-sdxl-stable-diffusion-xl.hf.space", "https://prodia-fast-stable-diffusion.hf.space", "https://bytedance-hyper-sdxl-1step-t2i.hf.space",  "https://multimodalart-cosxl.hf.space", "https://cagliostrolab-animagine-xl-3-1.hf.space", "https://stabilityai-stable-diffusion.hf.space",
-                                                            "--Speed--", "https://radames-real-time-text-to-image-sdxl-lightning.hf.space", "https://ap123-sdxl-lightning.hf.space",
-                                                            "--LORA Support--", "https://artificialguybr-artificialguybr-demo-lora.hf.space", "https://artificialguybr-studio-ghibli-lora-sdxl.hf.space", "https://artificialguybr-pixel-art-generator.hf.space", "https://fffiloni-sdxl-control-loras.hf.space", "https://ehristoforu-dalle-3-xl-lora-v2.hf.space",
-                                                            "--Image to Image--", "https://lllyasviel-ic-light.hf.space", "https://gparmar-img2img-turbo-sketch.hf.space",
-                                                            "--Control of Pose--", "https://instantx-instantid.hf.space", "https://modelscope-transferanything.hf.space", "https://okaris-omni-zero.hf.space"
-                                                            "--Control of Shapes--", "https://linoyts-scribble-sdxl-flash.hf.space",
-                                                            "--Foreign Language Input--", "https://gokaygokay-kolors.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("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 (3rd Party) =  https://www.craiyon.com/")
-            gr.HTML("Images Generation Posters with text - https://huggingface.co/spaces/GlyphByT5/Glyph-SDXL-v2")
-            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>")
-            gr.HTML("Upscalers (save data transfer costs? highly detailed characters?) - https://huggingface.co/spaces/gokaygokay/AuraSR")
-            gr.HTML("Placeholder for huggingface spaces that can assist ")
-            gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
-
-        with gr.Tab("Video"):
-            with gr.Accordion("Video Spaces/Sites (Click Here to Open)", open=False):
-                with gr.Row():
-                    linktovideogenspace = gr.Dropdown(choices=["--Genral--", "https://kadirnar-open-sora.hf.space",
-                                                               "--Talking Portrait--", "https://fffiloni-tts-hallo-talking-portrait.hf.space",  
-                                                             "--Gif / ImgtoImg based video--", "https://wangfuyun-animatelcm-svd.hf.space", "https://bytedance-animatediff-lightning.hf.space", "https://wangfuyun-animatelcm.hf.space", "https://guoyww-animatediff.hf.space",], 
-                                                    label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
-                    videogenspacebtn = gr.Button("Use the chosen URL to load interface with video generation")
-                videogenspace = gr.HTML("Video Space Chosen will load here")
-                videogenspacebtn.click(display_website, inputs=linktovideogenspace, outputs=videogenspace)
-
-            gr.HTML("Cutscenes, Tutorials, Trailers")
-            gr.HTML("Portrait Video eg. Solo Taking NPC - https://huggingface.co/spaces/fffiloni/tts-hallo-talking-portrait (Image + Audio and combination)  https://huggingface.co/spaces/KwaiVGI/LivePortrait (Non verbal communication eg. in a library, when running from a pursuer)")
-            gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/KingNish/Instant-Video, https://huggingface.co/spaces/multimodalart/stable-video-diffusion, https://huggingface.co/spaces/multimodalart/stable-video-diffusion")
-            gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
-            gr.HTML("3rd Party / Closed Source - https://runwayml.com/ <br>")
-            with gr.Tab("Animations (for lower resource use)"):
-                gr.HTML("Characters, Environments, Objects")
-                gr.HTML("Placeholder for huggingface spaces that can assist - image as 3d object in video https://huggingface.co/spaces/ashawkey/LGM")
-                gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
-
-        with gr.Tab("Audio"):
-            with gr.Accordion("Audio Spaces/Sites (Click Here to Open)", open=False):
-                with gr.Row():
-                    linktoaudiiogenspace = gr.Dropdown(choices=["General", "https://artificialguybr-stable-audio-open-zero.hf.space", "",
-                                                                "--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")
-                audiiogenspacebtn.click(display_website, inputs=linktoaudiiogenspace, outputs=audiiogenspace)
-            gr.HTML("Music - Background, Interactive, Cutscene, Menu <br>Sound Effects - Environment, character, action (environmental triggered by user eg. gun), UI <br>Speech - Dialouge, narration, voiceover <br>The new render function means the Config can be made and iframe/api functions can be ordered as neccessary based on the part of the config that needs it to streamline workflows based on current state of config ")
-            gr.HTML("Placeholder for huggingface spaces that can assist")
-            gr.HTML("Audio Sound Effects - https://huggingface.co/spaces/artificialguybr/Stable-Audio-Open-Zero")
-            gr.HTML("Voices - Voice clone eg. actors part of your project - https://huggingface.co/spaces/tonyassi/voice-clone")
-            gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
-            gr.HTML("3rd Party / Closed Source - https://suno.com/ <br>https://www.udio.com/")
-
-        with gr.Tab("3D"):
-            with gr.Accordion("3D Model Spaces/Sites (Click Here to Open)", open=False):
-                with gr.Row():
-                    linktoThreedModel = gr.Dropdown(choices=["--Image prompt--", "https://vast-ai-charactergen.hf.space"
-                                                             "--Video prompt--", "https://facebook-vggsfm.hf.space",
-                                                             "--Text prompt--", "https://wuvin-unique3d.hf.space", "https://stabilityai-triposr.hf.space", "https://hysts-shap-e.hf.space", "https://tencentarc-instantmesh.hf.space", "https://ashawkey-lgm.hf.space", "https://dylanebert-lgm-mini.hf.space", "https://dylanebert-splat-to-mesh.hf.space", "https://dylanebert-multi-view-diffusion.hf.space"], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
-                    ThreedModelspacebtn = gr.Button("Use the chosen URL to load interface with a 3D model")
-                ThreedModelspace = gr.HTML("3D Space Chosen will load here")
-                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("Closed Source - https://www.meshy.ai/")
-
-        with gr.Tab("Fonts"):
-            gr.HTML("Style of whole game, or locations, or characters")
-            gr.HTML("Placeholder for huggingface spaces that can assist - there was a space that could make letter into pictures based on the prompt but I cant find it now")
-            gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
-        
-        with gr.Tab("Shaders and related"):
-            gr.HTML("Any output that is not understood by the common person can be used as special effects eg. depth map filters on images etc.")
-            gr.HTML("Post-processing Effects, material effects, Particle systems, visual feedback")
-            gr.HTML("Visual Effects - eg. explosion can turn all items white for a moment, losing conciousness blurs whole screen")
-            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("Placeholder for models small enough to run on cpu here in this space that can assist")
-
-        with gr.Tab("Demos on Social Media for inspiration"):
-            gr.HTML("Social media that shows possiblities")
-            gr.HTML("https://www.reddit.com/r/aivideo/ https://www.reddit.com/r/StableDiffusion/ https://www.reddit.com/r/midjourney/ https://x.com/blizaine")
-
-    with gr.Tab("Basic Game Engine Mechanics"):
-        gr.HTML("Placeholder for explanations of Player and Game Session")
-        with gr.Tab("LLM play testing"):
-            gr.HTML("LLM can read the contents in full and give critiques but they can also play the game if you make a api interface - gradio allows this in the form of gradio client but you can also reroute the user inputs to function calling")
-
-    with gr.Tab("Custom JS Config Creator"):
-        gr.HTML("-- Incomplete -- 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([])
-            objectives_items = gr.State([])
-            targets_items = gr.State([])
-
-            with gr.Tabs():
-                with gr.TabItem("Inventory"):
-                    inventory_type = gr.Textbox(label="Type")
-                    inventory_name = gr.Textbox(label="Name")
-                    inventory_description = gr.Textbox(label="Description")
-                    add_inventory = gr.Button("Add Inventory Item")
-                    inventory_textbox = gr.JSON(label="Inventory Items", value=[])
-
-                with gr.TabItem("Skills"):
-                    skills_branch = gr.Textbox(label="Branch")
-                    skills_name = gr.Textbox(label="Name")
-                    skills_learned = gr.Dropdown(choices=["True", "False"], label="Learned")
-                    add_skill_button = gr.Button("Add Skill")
-                    skills_textbox = gr.JSON(label="Skills", value=[])
-
-                with gr.TabItem("Objectives"):
-                    objectives_id = gr.Textbox(label="ID")
-                    objectives_name = gr.Textbox(label="Name")
-                    objectives_complete = gr.Dropdown(choices=["True", "False"], label="Complete")
-                    add_objective_button = gr.Button("Add Objective")
-                    objectives_textbox = gr.JSON(label="Objectives", value=[])
-
-                with gr.TabItem("Targets"):
-                    targets_name = gr.Textbox(label="Name")
-                    targets_x = gr.Textbox(label="X Coordinate")
-                    targets_y = gr.Textbox(label="Y Coordinate")
-                    targets_collisionType = gr.Textbox(label="Collision Type")
-                    targets_collisiontext = gr.Textbox(label="Collision Text")
-                    add_target_button = gr.Button("Add Target")
-                    targets_textbox = gr.JSON(label="Targets", value=[])
-
-                with gr.TabItem("Placeholders for Modal Target"):
-                    gr.HTML("Placeholder")
-
-                with gr.TabItem("Placeholders for State Machine Modal Target"):
-                    gr.HTML("Placeholder")
-
-                with gr.TabItem("Placeholders for Background"):
-                    gr.HTML("Placeholder")
-
-            config_output = gr.JSON(label="Updated Configuration")
-
-            @gr.render(inputs=[inventory_items, skills_items, objectives_items, targets_items]) #, outputs=config_output)
-            def aggregate_config(inventory, skills, objectives, targets):
-                config = default_config.copy()
-                config['inventory'] = inventory
-                config['skills'] = skills
-                config['objectives'] = objectives
-                config['targets'] = targets
-                return config
-
-            add_inventory.click(add_inventory_item, inputs=[inventory_items, inventory_type, inventory_name, inventory_description], outputs=inventory_textbox)
-            add_inventory.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
-
-            add_skill_button.click(add_skill, inputs=[skills_items, skills_branch, skills_name, skills_learned], outputs=skills_textbox)
-            add_skill_button.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
-
-            add_objective_button.click(add_objective, inputs=[objectives_items, objectives_id, objectives_name, objectives_complete], outputs=objectives_textbox)
-            add_objective_button.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
-
-            add_target_button.click(add_target, inputs=[targets_items, targets_name, targets_x, targets_y, targets_collisionType, targets_collisiontext], outputs=targets_textbox)
-            add_target_button.click(aggregate_config, inputs=[inventory_items, skills_items, objectives_items, targets_items], outputs=config_output)
-        
-        with gr.Tab("Advanced Config Creator"):
-            gr.HTML("Config with More than text and images")
-                    
-    with gr.Tab("LLM/Robotics as custom controllers"):
-        gr.HTML("Controls changed the scope of the game eg. mouse vs keyboard vs console controller vs remote vs touch screen <br>LLM can be vision/surveilance based controler (eg. MGS/GTA camera gauged by an actual camera in real life) or it can be a companion (offline/off console game progrssion ideas)")
-        gr.HTML("https://huggingface.co/posts/thomwolf/809364796644704")
-        gr.HTML("Robotics - https://github.com/OpenTeleVision/TeleVision https://www.stereolabs.com/")
-
-    with gr.Tab("Other Considerations"):
-        with gr.Tab("General"):
-            gr.HTML("Experiment for https://huggingface.co/spaces/ysharma/open-interpreter/blob/main/app.py inplementation with gradio client api")
-
-            gr.HTML("https://huggingface.co/spaces/HuggingFaceTB/SmolLM-135M-Instruct-WebGPU")
-
-            gr.HTML("Useful Spaces and links: https://huggingface.co/spaces/artificialguybr/Stable-Audio-Open-Zero https://huggingface.co/spaces/stabilityai/TripoSR https://huggingface.co/spaces/wangfuyun/AnimateLCM-SVD https://huggingface.co/spaces/multimodalart/face-to-all https://huggingface.co/spaces/facebook/MusicGen https://huggingface.co/spaces/Doubiiu/tooncrafter")
-            
-            gr.HTML("langchain docs as awareness for alot of the integration use cases and providers that are possible - https://python.langchain.com/v0.2/docs/integrations/tools/")
-
-            gr.HTML("https://huggingface.co/spaces/linoyts/scribble-sdxl-flash as map planner")
-
-            gr.HTML("---------------------------------------Gameplay Ideas-------------------------------")
-            gr.HTML("https://huggingface.co/spaces/Lin-Chen/ShareCaptioner-Video - game use example police questions a event with multiple eye witnesses needs to give as close to the caption description to win")
-        with gr.Tab("State management through huggingface?"):
-            gr.HTML("Huggingface as the login provider? - https://huggingface.co/docs/hub/en/spaces-oauth https://huggingface.co/docs/hub/en/oauth, persistent storage - https://huggingface.co/docs/hub/en/spaces-storage")
-        with gr.Tab("Finetuning options"):
-            gr.HTML("Unsloth and Colab? - Mistral Nemo Base - https://huggingface.co/unsloth/Mistral-Nemo-Base-2407 - https://colab.research.google.com/drive/17d3U-CAIwzmbDRqbZ9NnpHxCkmXB6LZ0?usp=sharing <br>Llama 3 8B https://huggingface.co/unsloth/llama-3-8b-Instruct-bnb-4bit")
-            gr.HTML("Price - https://openpipe.ai/pricing")
-        with gr.Tab("Backend and/or Hosting?"):
-            gr.HTML("Deployemnt options - https://huggingface.co/SpacesExamples", "https://huggingface.co/templates")
-            gr.HTML("Prototyping and freemium <br>free api <br>HF Pro subscription")
-            gr.HTML("GPU (Data privacy) = No Rate limits? - https://replicate.com/pricing, https://lambdalabs.com/service/gpu-cloud https://huggingface.co/pricing#endpoints https://tensordock.com/cloud-gpus", "https://massedcompute.com/home/pricing/" )
-            gr.HTML("Speed - Groq, SambaNova, https://www.etched.com/announcing-etched ")
-            gr.HTML("Price - Coding - https://aider.chat/docs/leaderboards/ -  https://www.deepseek.com/ 0.3 per million - is this per token or chinese character as that means converting code to chinese if possible can save api cost?")
-    with gr.Tab("Asset loading test"):
-        gr.HTML("SDXL (linoyts/scribble-sdxl-flash), SVD and Stable Audio used for the test assets (For commercial use need a licence) <br>testmedia/")
-        with gr.Row():
-            gr.Image(value="testmedia/Flash scribble SDXL - random squiggles as roads.webp")
-            gr.Video(value="testmedia/SVD - random squiggles as roads video 004484.mp4")
-            gr.Audio(value="testmedia/Stable Audio - Raindrops, output.wav")
-        gr.HTML(TestmedialoadinHTML) # imported from relatively_constant_variables
+                    gr.Image(value="testmedia/Flash scribble SDXL - random squiggles as roads.webp")
+                    gr.Video(value="testmedia/SVD - random squiggles as roads video 004484.mp4")
+                    gr.Audio(value="testmedia/Stable Audio - Raindrops, output.wav")
+                gr.HTML(TestmedialoadinHTML) # imported from relatively_constant_variables
 
 demo.queue().launch()