Spaces:

KwabsHug
/

GameConfigIdea

Running on Zero

App Files Files Community

kwabs22 commited on Jul 6, 2024

Commit

b602b14

1 Parent(s): 39f526c

Merge game and edit interfaces

Browse files

Files changed (1) hide show

app.py +296 -296

app.py CHANGED Viewed

@@ -635,254 +635,313 @@ with gr.Blocks() as demo:
         <div style="width: 20%; text-align: center">llms good at short questions </div>
         <div style="width: 20%; text-align: center">HF + Gradio allows for api use so this my prototype tool for tool use test</div>
     </div>""")
-    with gr.Tab("Skeleton Generator"):
-        gr.HTML("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.Row():
-            with gr.Column(scale=2):
-                with gr.Tab("Asset path Assist"):
-                    gr.HTML("Make Files and Text ideas for the field and paste")
-                    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 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"):
-                            with gr.Row():
-                                file_explorer = gr.FileExplorer(
-                                    root_dir=SAVE_DIR,
-                                    glob="*.*",
-                                    file_count="single",
-                                    height=300,
-                                    label="Select a file to view"
-                                )
-                                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
                         )
-                        gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
-                    with gr.Accordion("Text"):
-                        gr.HTML("Embed of a text sites")
-                        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=["https://labs.perplexity.ai/", "https://chat.lmsys.org", "https://sdk.vercel.ai/docs", "https://qwen-qwen-max-0428.hf.space", "https://cohereforai-c4ai-command-r-plus.hf.space", "https://huggingface.co/spaces/eswardivi/Phi-3-mini-128k-instruct", "https://eswardivi-phi-3-mini-4k-instruct.hf.space", "https://cyzgab-catch-me-if-you-can.hf.space", "https://snowflake-snowflake-arctic-st-demo.hf.space", "https://qwen-qwen1-5-110b-chat-demo.hf.space", "https://ysharma-chat-with-meta-llama3-8b.hf.space", "https://databricks-dbrx-instruct.hf.space", "https://qwen-qwen1-5-moe-a2-7b-chat-demo.hf.space", "https://cohereforai-c4ai-command-r-v01.hf.space", "https://ehristoforu-mixtral-46-7b-chat.hf.space", "https://stabilityai-stablelm-2-1-6b-zephyr.hf.space", "https://qwen-qwen1-5-72b-chat.hf.space", "https://deepseek-ai-deepseek-coder-7b-instruct.hf.space", "https://01-ai-yi-34b-chat.hf.space", "https://ysharma-zephyr-playground.hf.space", "https://huggingfaceh4-zephyr-chat.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", "https://ysharma-explore-llamav2-with-tgi.hf.space", "https://mosaicml-mpt-30b-chat.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.Accordion("Other"):
-                        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.Row():
-                                linktoimagegen = gr.Dropdown(choices=["https://huggingface.co/spaces/linoyts/scribble-sdxl-flash", "https://prodia-sdxl-stable-diffusion-xl.hf.space", "https://prodia-fast-stable-diffusion.hf.space", "https://lllyasviel-ic-light.hf.space", "https://gparmar-img2img-turbo-sketch.hf.space", "https://artificialguybr-artificialguybr-demo-lora.hf.space", "https://kadirnar-open-sora.hf.space", "https://bytedance-animatediff-lightning.hf.space", "https://bytedance-hyper-sdxl-1step-t2i.hf.space", "https://ehristoforu-dalle-3-xl-lora-v2.hf.space", "https://multimodalart-cosxl.hf.space", "https://radames-real-time-text-to-image-sdxl-lightning.hf.space", "https://cagliostrolab-animagine-xl-3-1.hf.space", "https://wangfuyun-animatelcm-svd.hf.space" "https://modelscope-transferanything.hf.space", "https://visionmaze-magic-me.hf.space", "https://wangfuyun-animatelcm.hf.space", "https://artgan-diffusion-api.hf.space", "https://multimodalart-stable-cascade.hf.space", "https://ap123-sdxl-lightning.hf.space", "https://google-sdxl.hf.space", "https://guoyww-animatediff.hf.space", "https://segmind-segmind-stable-diffusion.hf.space", "https://simianluo-latent-consistency-model.hf.space", "https://artificialguybr-studio-ghibli-lora-sdxl.hf.space", "https://artificialguybr-pixel-art-generator.hf.space", "https://fffiloni-sdxl-control-loras.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")
-                            imagegenspacebtn.click(display_website, inputs=linktoimagegen, outputs=imagegenspace)
-            with gr.Column(scale=3):
-                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("Test Example State Machine"):
-        with gr.Tab("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("Config With Assets"):
-            gr.HTML("Placeholder as not complete yet (still only text, current issue is how to switch gradio output, maybe output is gr.Group and we constantly add the appropriate gr for each file type? What about multi file types on one state?)")
-            with gr.Row():
-                with gr.Column(scale=2):
-                    gr.Markdown("# Text-based Adventure Game")
-                    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
-                    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("Config With Minimal 3D considered"):
-            gr.HTML("Placeholder for Config with 3D assets")
-    with gr.Tab("Edit config while playing game"):
-        gr.HTML("-- Incomplete -- Issue here is updating all variables <br> Current problem is passing values from rendered items to the config box <br>Generate Timline also makes config without mmedia key <br>Need a way have dropdowns for the filelist and transitions eg. changing transitions must auto update choices")
-        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)
-                        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]
                     )
-            with gr.Column(scale=1):
-                gr.Markdown("# Debugging")
-                ewpwaerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
-                ewpwacustom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
-                ewpwacustom_configbtn = gr.Button("Load Custom Config")
-                ewpwacustom_configbtn.click(
-                    load_game,
-                    inputs=[ewpwacustom_config, ewpwamediabool],
-                    outputs=[ewpwaerror_box, ewpwagame_log, ewpwadescription, ewpwachoices, ewpwacustom_config, ewpwagame_session, ewpwamedia]
-                )
-                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)
-                        ewpstory_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
-                with gr.Row():
-                    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)
-                ewpgenerate_button = gr.Button("Generate Story and Timeline")
-                @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_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("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)")
@@ -960,65 +1019,6 @@ with gr.Blocks() as demo:
     with gr.Tab("LLM as custom controllers Considerations"):
         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)")
-    with gr.Tab("Asset Generation Considerations"):
-        gr.HTML("With some ideas from gemini-1.5-flash-api-0514 and reka-flash-preview-20240611 <br><br>Licenses for the spaces still to be evaluated")
-        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) ")
-            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("Images"):
-            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 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")
-            gr.HTML("SVG Generation = Coding models - ")
-            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("Audio"):
-            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("Placeholder for models small enough to run on cpu here in this space that can assist")
-        with gr.Tab("Video"):
-            gr.HTML("Cutscenes, Tutorials, Trailers")
-            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")
-        with gr.Tab("3D"):
-            gr.HTML("Characters, Environments, Objects")
-            gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/dylanebert/3d-arena, https://huggingface.co/spaces/Wuvin/Unique3D, https://huggingface.co/spaces/stabilityai/TripoSR, https://huggingface.co/spaces/hysts/Shap-E")
-            gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
-        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("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():
-            gr.HTML("Social media that shows possiblities")
-            gr.HTML("https://x.com/blizaine")
     with gr.Tab("Other Considerations"):
         with gr.Tab("General"):

         <div style="width: 20%; text-align: center">llms good at short questions </div>
         <div style="width: 20%; text-align: center">HF + Gradio allows for api use so this my prototype tool for tool use test</div>
     </div>""")
+    with gr.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 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
+            )
+            gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
+        with gr.Accordion("Text"):
+            gr.HTML("Embed of a text sites")
+            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=["https://labs.perplexity.ai/", "https://chat.lmsys.org", "https://sdk.vercel.ai/docs", "https://qwen-qwen-max-0428.hf.space", "https://cohereforai-c4ai-command-r-plus.hf.space", "https://huggingface.co/spaces/eswardivi/Phi-3-mini-128k-instruct", "https://eswardivi-phi-3-mini-4k-instruct.hf.space", "https://cyzgab-catch-me-if-you-can.hf.space", "https://snowflake-snowflake-arctic-st-demo.hf.space", "https://qwen-qwen1-5-110b-chat-demo.hf.space", "https://ysharma-chat-with-meta-llama3-8b.hf.space", "https://databricks-dbrx-instruct.hf.space", "https://qwen-qwen1-5-moe-a2-7b-chat-demo.hf.space", "https://cohereforai-c4ai-command-r-v01.hf.space", "https://ehristoforu-mixtral-46-7b-chat.hf.space", "https://stabilityai-stablelm-2-1-6b-zephyr.hf.space", "https://qwen-qwen1-5-72b-chat.hf.space", "https://deepseek-ai-deepseek-coder-7b-instruct.hf.space", "https://01-ai-yi-34b-chat.hf.space", "https://ysharma-zephyr-playground.hf.space", "https://huggingfaceh4-zephyr-chat.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", "https://ysharma-explore-llamav2-with-tgi.hf.space", "https://mosaicml-mpt-30b-chat.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.Accordion("Other"):
+            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.Row():
+                    linktoimagegen = gr.Dropdown(choices=["https://huggingface.co/spaces/linoyts/scribble-sdxl-flash", "https://prodia-sdxl-stable-diffusion-xl.hf.space", "https://prodia-fast-stable-diffusion.hf.space", "https://lllyasviel-ic-light.hf.space", "https://gparmar-img2img-turbo-sketch.hf.space", "https://artificialguybr-artificialguybr-demo-lora.hf.space", "https://kadirnar-open-sora.hf.space", "https://bytedance-animatediff-lightning.hf.space", "https://bytedance-hyper-sdxl-1step-t2i.hf.space", "https://ehristoforu-dalle-3-xl-lora-v2.hf.space", "https://multimodalart-cosxl.hf.space", "https://radames-real-time-text-to-image-sdxl-lightning.hf.space", "https://cagliostrolab-animagine-xl-3-1.hf.space", "https://wangfuyun-animatelcm-svd.hf.space" "https://modelscope-transferanything.hf.space", "https://visionmaze-magic-me.hf.space", "https://wangfuyun-animatelcm.hf.space", "https://artgan-diffusion-api.hf.space", "https://multimodalart-stable-cascade.hf.space", "https://ap123-sdxl-lightning.hf.space", "https://google-sdxl.hf.space", "https://guoyww-animatediff.hf.space", "https://segmind-segmind-stable-diffusion.hf.space", "https://simianluo-latent-consistency-model.hf.space", "https://artificialguybr-studio-ghibli-lora-sdxl.hf.space", "https://artificialguybr-pixel-art-generator.hf.space", "https://fffiloni-sdxl-control-loras.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")
+                imagegenspacebtn.click(display_website, inputs=linktoimagegen, outputs=imagegenspace)
+    with gr.Tab("Test and Edit Config"):
+        gr.HTML("The main issue is frequent changes add more chances for bugs in how ")
+        with gr.Tab("Full Manual - Test Example State Machine"):
+            with gr.Tab("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("Config With Assets"):
+                gr.HTML("Placeholder as not complete yet (still only text, current issue is how to switch gradio output, maybe output is gr.Group and we constantly add the appropriate gr for each file type? What about multi file types on one state?)")
+                with gr.Row():
+                    with gr.Column(scale=2):
+                        gr.Markdown("# Text-based Adventure Game")
+                        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
+                        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("Config With Minimal 3D considered"):
+                gr.HTML("Placeholder for Config with 3D assets")
+        with gr.Tab("Semi-Auto - Edit config while playing game"):
+            gr.HTML("-- Incomplete -- Issue here is updating all variables <br> Current problem is passing values from rendered items to the config box <br>Generate Timline also makes config without mmedia key <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.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)
+                            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]
+                        )
                 with gr.Column(scale=1):
                     gr.Markdown("# Debugging")
+                    ewpwaerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
+                    ewpwacustom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
+                    ewpwacustom_configbtn = gr.Button("Load Custom Config")
+                    ewpwacustom_configbtn.click(
+                        load_game,
+                        inputs=[ewpwacustom_config, ewpwamediabool],
+                        outputs=[ewpwaerror_box, ewpwagame_log, ewpwadescription, ewpwachoices, ewpwacustom_config, ewpwagame_session, ewpwamedia]
                     )
+                    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)
+                            ewpstory_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
                     with gr.Row():
+                        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)
+                    ewpgenerate_button = gr.Button("Generate Story and Timeline")
+                    @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_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("Asset Generation Considerations"):
+        gr.HTML("With some ideas from gemini-1.5-flash-api-0514 and reka-flash-preview-20240611 <br><br>Licenses for the spaces still to be evaluated")
+        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) ")
+            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("Images"):
+            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 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")
+            gr.HTML("SVG Generation = Coding models - ")
+            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("Audio"):
+            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("Placeholder for models small enough to run on cpu here in this space that can assist")
+        with gr.Tab("Video"):
+            gr.HTML("Cutscenes, Tutorials, Trailers")
+            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")
+        with gr.Tab("3D"):
+            gr.HTML("Characters, Environments, Objects")
+            gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/dylanebert/3d-arena, https://huggingface.co/spaces/Wuvin/Unique3D, https://huggingface.co/spaces/stabilityai/TripoSR, https://huggingface.co/spaces/hysts/Shap-E")
+            gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
+        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("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():
+            gr.HTML("Social media that shows possiblities")
+            gr.HTML("https://x.com/blizaine")
     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("LLM as custom controllers Considerations"):
         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)")
     with gr.Tab("Other Considerations"):
         with gr.Tab("General"):