Test mermaid editor load

README.md

@@ -7,6 +7,7 @@ sdk: gradio
 sdk_version: 4.36.1
 app_file: app.py
 pinned: false
+short_description: Experimental workflow for planning story driven games and porting 
 models:
     - Qwen/Qwen2-0.5B-Instruct
 ---

app.py

@@ -752,167 +752,173 @@ 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.Accordion("Qwen 0.5B as Space Guide Tests", open=False):
-        with gr.Tab("General FAQ Attempt"):
-            FAQMainOutput = gr.TextArea(placeholder='Output will show here')
-            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("General RAG (Pathfinder?) Attempt"):
-            gr.HTML("Placeholder for weak RAG Type Charcter interaction test aka input for JSON 'Knowledge Base' Input")
-        # gr.Interface(
-        #     fn=rag,
-        #     inputs=[
-        #         gr.Textbox(lines=2, placeholder="Enter your question here..."),
-        #         gr.Checkbox(label="Stream output")
-        #     ],
-        #     outputs=[
-        #         gr.Textbox(label="Generated Response"),
-        #         gr.Textbox(label="Tokens per second"),
-        #         gr.Textbox(label="Resource Usage")
-        #     ],
-        #     title="RAG Q&A System with GPU Acceleration and Resource Monitoring",
-        #     description="Ask a question and get an answer based on the retrieved context. The response is generated using a GPU-accelerated model. Resource usage is logged at the end of generation."
-        # )
-
-            gr.Interface(
-                fn=process_query,
-                inputs=[
-                    gr.Textbox(lines=2, placeholder="Enter your question here..."),
-                    gr.Checkbox(label="Use RAG"),
-                    gr.Checkbox(label="Stream output")
-                ],
-                outputs=[
-                    gr.Textbox(label="Generated Response"),
-                    gr.Textbox(label="Tokens per second"),
-                    gr.Textbox(label="RAM Usage"),
-                    gr.Textbox(label="Referenced Documents")
-                ],
-                title="RAG/Non-RAG Q&A System",
-                description="Ask a question with or without using RAG. The response is generated using a GPU-accelerated model. RAM usage and referenced document IDs (for RAG) are logged."
-            )
-
-        with gr.Tab("Any Request to Qwen2-0.5B"):
-            gr.HTML("Placeholder for https://huggingface.co/h2oai/h2o-danube3-500m-chat-GGUF as alternative")
-            gr.HTML("Placeholder for qwen 2 72b as alternative use checkbox and gradio client api call")
-            gr.Markdown("# Qwen-0.5B-Instruct Language Model")
-            gr.Markdown("This demo uses the Qwen-0.5B-Instruct model to generate responses based on your input.")
-            gr.HTML("Example prompts: <br>I am writing a story about a chef. please write dishes to appear on the menu. <br>What are the most common decisions that a chef story would include? <br>What are the kinds problems that a chef story would include? <br>What are the kinds of out of reach goals that a chef story would include? <br>Continue this config - Paste any complete block of the config")
-            
-            with gr.Row():
-                with gr.Column():
-                    llmguide_prompt = gr.Textbox(lines=2, placeholder="Enter your prompt here...")
-                    llmguide_stream_checkbox = gr.Checkbox(label="Enable streaming")
-                    llmguide_submit_button = gr.Button("Generate")
-                
-                with gr.Column():
-                    llmguide_output = gr.Textbox(lines=10, label="Generated Response")
-                    llmguide_tokens_per_second = gr.Textbox(label="Tokens per Second")
-            
-            llmguide_submit_button.click(
-                llmguide_generate_response,
-                inputs=[llmguide_prompt, llmguide_stream_checkbox],
-                outputs=[llmguide_output, llmguide_tokens_per_second],
-            )
-
-    with gr.Accordion("Decisions Creation to Story to Config Conversation", open=False):
-        with gr.Tab("Timeline Guide for Config Generation or evelution"):
-            with gr.Accordion("Empty Config shape for explaining to LLM", open=False):
-                gr.HTML(f"placeholder for current empty JSON config shape")
-                gr.HTML("Structural indicators of quality of config")
-            with gr.Tab("Random Suggestions"):
-                # timeline_num_lists_slider = gr.Slider(minimum=1, maximum=len(all_idea_lists), step=1, label="Number of Lists to Consider", value=3)
-                # timeline_items_per_list_slider = gr.Slider(minimum=1, maximum=10, step=1, label="Items per List", value=3)
-                # timeline_generate_button = gr.Button("Generate Random Suggestions")
-                # timeline_output_text = gr.Textbox(label="Random Suggestions", lines=10)
-
-                # timeline_generate_button.click(
-                #     timeline_get_random_suggestions,
-                #     inputs=[timeline_num_lists_slider, timeline_items_per_list_slider],
-                #     outputs=[timeline_output_text]
-                # )
-                timeline_num_lists_slider = gr.Slider(minimum=1, maximum=len(all_idea_lists), step=1, label="Number of Lists to Consider", value=3)
-                timeline_items_per_list_slider = gr.Slider(minimum=1, maximum=10, step=1, label="Items per List", value=3)
-                timeline_include_existing_games = gr.Checkbox(label="Include Existing Game Inspirations", value=True)
-                timeline_include_multiplayer = gr.Checkbox(label="Include Multiplayer Features", value=True)
-                timeline_generate_button = gr.Button("Generate Random Suggestions")
-                timeline_output_text = gr.Textbox(label="Random Suggestions", lines=10)
-                timeline_selected_lists_text = gr.Textbox(label="Selected Lists", lines=2)
-
-                timeline_generate_button.click(
-                    timeline_get_random_suggestions,
-                    inputs=[timeline_num_lists_slider, timeline_items_per_list_slider, timeline_include_existing_games, timeline_include_multiplayer],
-                    outputs=[timeline_output_text, timeline_selected_lists_text]
+    with gr.Accordion("Config and Asset Assistance - Click to open", open=False):
+        gr.HTML("Current Assited workflow idea - Story timeline events suggestions | Merging events with premade mermaid structures | Edit mermaid till satisfied | Ask LLM to convert to config | Edit config | Playtest and go back to mermaaid or config if there are problems")
+        with gr.Accordion("Qwen 0.5B as Space Guide Tests", open=False):
+            with gr.Tab("General FAQ Attempt"):
+                FAQMainOutput = gr.TextArea(placeholder='Output will show here')
+                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("General RAG (Pathfinder?) Attempt"):
+                gr.HTML("Placeholder for weak RAG Type Charcter interaction test aka input for JSON 'Knowledge Base' Input")
+            # gr.Interface(
+            #     fn=rag,
+            #     inputs=[
+            #         gr.Textbox(lines=2, placeholder="Enter your question here..."),
+            #         gr.Checkbox(label="Stream output")
+            #     ],
+            #     outputs=[
+            #         gr.Textbox(label="Generated Response"),
+            #         gr.Textbox(label="Tokens per second"),
+            #         gr.Textbox(label="Resource Usage")
+            #     ],
+            #     title="RAG Q&A System with GPU Acceleration and Resource Monitoring",
+            #     description="Ask a question and get an answer based on the retrieved context. The response is generated using a GPU-accelerated model. Resource usage is logged at the end of generation."
+            # )
+
+                gr.Interface(
+                    fn=process_query,
+                    inputs=[
+                        gr.Textbox(lines=2, placeholder="Enter your question here..."),
+                        gr.Checkbox(label="Use RAG"),
+                        gr.Checkbox(label="Stream output")
+                    ],
+                    outputs=[
+                        gr.Textbox(label="Generated Response"),
+                        gr.Textbox(label="Tokens per second"),
+                        gr.Textbox(label="RAM Usage"),
+                        gr.Textbox(label="Referenced Documents")
+                    ],
+                    title="RAG/Non-RAG Q&A System",
+                    description="Ask a question with or without using RAG. The response is generated using a GPU-accelerated model. RAM usage and referenced document IDs (for RAG) are logged."
                 )
-            with gr.Tab("Config Specific"): 
-                gr.HTML("Timeline for making Timelines?")
-                gr.HTML("Componets (outside Code Support for Config): Decisions (and context explanation), Nested Sections, Media (Especially to affect decisions), Replayability (GTA and Tekken type mechanics in text form), Theme integration (Modified Varibles that affect UI or config order)")
-                gr.HTML("From Nothing <br>")
-                gr.HTML("From Existing <br>")
-            with gr.Tab("Existing Game Analysis"): 
-                gr.HTML("Existing Games eg. GTA Heists - Same Map with overlapping branching narratives, Battlefront - Elites amongst Commoners, Tekken Casino (one mistake = 1/2 or 1/3 of your Resources) and Turn based: 'Tactics' type nintendo games, Chess (and any other tile based game) ")
-                gr.HTML("Existing Game Rules for text - Cyberpunk RED, ")
-            with gr.Tab("Multiplayer options"):
-                gr.HTML("Community playthrough = Tally of players choices, Random item placed in a random location - first person to get it wins, Survival by location or characters met")
-        with gr.Tab("Some Workflow Helpers (Removed as built into Semi-Auto)"):
-            gr.HTML("Song / Random Scenario to 'full game' manual or auto is end goal ")
-            gr.HTML("Main Priority is to make rails for the story to work on as a simplified view of a game is a linear path with loops (gameplay mechanics) <br> Below = Manual Edit (At bottom you can save the changes and copy it to test) <br>For LLM edit copy either the Timeline")
-            gr.HTML("The problem is the assets generation isnt free and using spaces as api also clogs them (no way to know when ZeroGPUs are at lowest usage) so using iFrame is better for now <br> So worklfow -- Make Skeleton -- Use Iframe to get media -- then ask for details / story / gameplay loop ideas and add back to config")
-            with gr.Tab("Schema First"):
-                gr.HTML("Some Kinds of game skeletons ideas - Timelines, Graph as State machine paths, Economy ecosystem")
-                gr.HTML("One prompt to be used to test models - <br>Please make 10 python lists for the types of media files and their purposes in a game and then use those lists to random generate a timeline of 20 items when the function is called <br>Great next suggest ways to improve this function to create better timelines")
-                with gr.Accordion("Test for config to gradio components order - ignore for now", open=False ):
-                    gr.Markdown("Asset Generation")
-                    gr.HTML("Splits by new line - The idea here was to allow for saving the file ")
-                    input_text = gr.Textbox(label="Input Text", lines=10)
-                    output_group = gr.Group()
+
+            with gr.Tab("Any Request to Qwen2-0.5B"):
+                gr.HTML("Placeholder for https://huggingface.co/h2oai/h2o-danube3-500m-chat-GGUF as alternative")
+                gr.HTML("Placeholder for qwen 2 72b as alternative use checkbox and gradio client api call")
+                gr.Markdown("# Qwen-0.5B-Instruct Language Model")
+                gr.Markdown("This demo uses the Qwen-0.5B-Instruct model to generate responses based on your input.")
+                gr.HTML("Example prompts: <br>I am writing a story about a chef. please write dishes to appear on the menu. <br>What are the most common decisions that a chef story would include? <br>What are the kinds problems that a chef story would include? <br>What are the kinds of out of reach goals that a chef story would include? <br>Continue this config - Paste any complete block of the config")
+                
+                with gr.Row():
+                    with gr.Column():
+                        llmguide_prompt = gr.Textbox(lines=2, placeholder="Enter your prompt here...")
+                        llmguide_stream_checkbox = gr.Checkbox(label="Enable streaming")
+                        llmguide_submit_button = gr.Button("Generate")
                     
-                    @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.Column():
+                        llmguide_output = gr.Textbox(lines=10, label="Generated Response")
+                        llmguide_tokens_per_second = gr.Textbox(label="Tokens per Second")
+                
+                llmguide_submit_button.click(
+                    llmguide_generate_response,
+                    inputs=[llmguide_prompt, llmguide_stream_checkbox],
+                    outputs=[llmguide_output, llmguide_tokens_per_second],
+                )
+
+        with gr.Accordion("Decisions / Timeline Creation to Story to Config Conversation", open=False):
+            with gr.Tab("Structures for interesting timeline progression"):
+                gr.HTML("Placeholder for mermaid diagrams")
+                gr.HTML("<iframe src='https://mermaid.live/' width='100%' height='1000px'></iframe>")
+            with gr.Tab("Timeline Guide for Config Generation or evelution"):
+                with gr.Accordion("Empty Config shape for explaining to LLM", open=False):
+                    gr.HTML(f"placeholder for current empty JSON config shape")
+                    gr.HTML("Structural indicators of quality of config")
+                with gr.Tab("Random Suggestions"):
+                    # timeline_num_lists_slider = gr.Slider(minimum=1, maximum=len(all_idea_lists), step=1, label="Number of Lists to Consider", value=3)
+                    # timeline_items_per_list_slider = gr.Slider(minimum=1, maximum=10, step=1, label="Items per List", value=3)
+                    # timeline_generate_button = gr.Button("Generate Random Suggestions")
+                    # timeline_output_text = gr.Textbox(label="Random Suggestions", lines=10)
+
+                    # timeline_generate_button.click(
+                    #     timeline_get_random_suggestions,
+                    #     inputs=[timeline_num_lists_slider, timeline_items_per_list_slider],
+                    #     outputs=[timeline_output_text]
+                    # )
+                    timeline_num_lists_slider = gr.Slider(minimum=1, maximum=len(all_idea_lists), step=1, label="Number of Lists to Consider", value=3)
+                    timeline_items_per_list_slider = gr.Slider(minimum=1, maximum=10, step=1, label="Items per List", value=3)
+                    timeline_include_existing_games = gr.Checkbox(label="Include Existing Game Inspirations", value=True)
+                    timeline_include_multiplayer = gr.Checkbox(label="Include Multiplayer Features", value=True)
+                    timeline_generate_button = gr.Button("Generate Random Suggestions")
+                    timeline_output_text = gr.Textbox(label="Random Suggestions", lines=10)
+                    timeline_selected_lists_text = gr.Textbox(label="Selected Lists", lines=2)
+
+                    timeline_generate_button.click(
+                        timeline_get_random_suggestions,
+                        inputs=[timeline_num_lists_slider, timeline_items_per_list_slider, timeline_include_existing_games, timeline_include_multiplayer],
+                        outputs=[timeline_output_text, timeline_selected_lists_text]
+                    )
+                with gr.Tab("Config Specific"): 
+                    gr.HTML("Timeline for making Timelines?")
+                    gr.HTML("Componets (outside Code Support for Config): Decisions (and context explanation), Nested Sections, Media (Especially to affect decisions), Replayability (GTA and Tekken type mechanics in text form), Theme integration (Modified Varibles that affect UI or config order)")
+                    gr.HTML("From Nothing <br>")
+                    gr.HTML("From Existing <br>")
+                with gr.Tab("Existing Game Analysis"): 
+                    gr.HTML("Existing Games eg. GTA Heists - Same Map with overlapping branching narratives, Battlefront - Elites amongst Commoners, Tekken Casino (one mistake = 1/2 or 1/3 of your Resources) and Turn based: 'Tactics' type nintendo games, Chess (and any other tile based game) ")
+                    gr.HTML("Existing Game Rules for text - Cyberpunk RED, ")
+                with gr.Tab("Multiplayer options"):
+                    gr.HTML("Community playthrough = Tally of players choices, Random item placed in a random location - first person to get it wins, Survival by location or characters met")
+            with gr.Tab("Some Workflow Helpers (Removed as built into Semi-Auto)"):
+                gr.HTML("Song / Random Scenario to 'full game' manual or auto is end goal ")
+                gr.HTML("Main Priority is to make rails for the story to work on as a simplified view of a game is a linear path with loops (gameplay mechanics) <br> Below = Manual Edit (At bottom you can save the changes and copy it to test) <br>For LLM edit copy either the Timeline")
+                gr.HTML("The problem is the assets generation isnt free and using spaces as api also clogs them (no way to know when ZeroGPUs are at lowest usage) so using iFrame is better for now <br> So worklfow -- Make Skeleton -- Use Iframe to get media -- then ask for details / story / gameplay loop ideas and add back to config")
+                with gr.Tab("Schema First"):
+                    gr.HTML("Some Kinds of game skeletons ideas - Timelines, Graph as State machine paths, Economy ecosystem")
+                    gr.HTML("One prompt to be used to test models - <br>Please make 10 python lists for the types of media files and their purposes in a game and then use those lists to random generate a timeline of 20 items when the function is called <br>Great next suggest ways to improve this function to create better timelines")
+                    with gr.Accordion("Test for config to gradio components order - ignore for now", open=False ):
+                        gr.Markdown("Asset Generation")
+                        gr.HTML("Splits by new line - The idea here was to allow for saving the file ")
+                        input_text = gr.Textbox(label="Input Text", lines=10)
+                        output_group = gr.Group()
+                        
+                        @gr.render(inputs=input_text)
+                        def update(text):
+                            return show_elements(text)
+                    with gr.Accordion("Proto Config Assist"):
+                        with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now", open=False):
+                            gr.Markdown("# Story and Timeline Generator")
+                            gr.Markdown("Click the button to generate a random timeline and story based on UI elements and story events. <br>Ask an LLM to use this to write a story around")
+                            with gr.Row():
+                                    game_structure_output_text_with_media = gr.Code(language="json")
+                                    game_structure_output_text = gr.Code(language="json")
+                        with gr.Accordion("JSON with no edits"):
+                            with gr.Row():
+                                timeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
+                                timeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
+                                story_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
                         with gr.Row():
-                            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")
+                            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("Export Options"):
+                    gr.HTML("Placeholder - My Custom JS, Playcanvas, Unreal Engine")
 
-        with gr.Tab("Config Writing Considerations"):
-            gr.HTML("Player Stats, Inventory and NPCS not implemented yet, so traversal type games best aka graph like structures <br> Game is like a universal translator so any concept can be covered")
+            with gr.Tab("Config Writing Considerations"):
+                gr.HTML("Player Stats, Inventory and NPCS not implemented yet, so traversal type games best aka graph like structures <br> Game is like a universal translator so any concept can be covered")
 
-    with gr.Accordion("Existing Config Crafting Progression - click to open", open=False):
-        with gr.Tab("Quick Ways to evaluate current config"): 
-            gr.HTML("Ask SOTA LLMs This prompt: <br> This config is for a basic text based game engine. I dont have any structural metrics to assess the quality of the config. What JSON things can we look at to see if it may be too bland for a person testing the game? <br> Then Paste the Config with the prompt")
-            gr.HTML("""Original Claude 3.5 Sonnet Response snippets: <br>
+        with gr.Accordion("Existing Config Crafting Progression - click to open", open=False):
+            with gr.Tab("Quick Ways to evaluate current config"): 
+                gr.HTML("Ask SOTA LLMs This prompt: <br> This config is for a basic text based game engine. I dont have any structural metrics to assess the quality of the config. What JSON things can we look at to see if it may be too bland for a person testing the game? <br> Then Paste the Config with the prompt")
+                gr.HTML("""Original Claude 3.5 Sonnet Response snippets: <br>
 Limited state variety: With only 13 states across 5 locations, the game might feel short and lacking in diversity. Consider adding more locations or states within existing locations.
 Low average choices: An average of 1.92 choices per state might make the game feel linear. Increasing the number of choices in more states could improve player engagement.
 Limited consequences: Only 3 states have consequences, which might make player choices feel less impactful. Adding more consequences could increase the sense of agency.
@@ -929,84 +935,84 @@ Expanding descriptions to create a richer narrative
 Incorporating media elements
 Creating more diverse paths through the game""")
             
-        with gr.Tab("Main areas of considerations"):
-            with gr.Tab("Mermaid Graphs and Nesting"):
-                gr.HTML("Claude Artifacts to illustrate nested structure brainstorms - <br> https://claude.site/artifacts/4a910d81-1541-49f4-8531-4f27fe56cd1e <br> https://claude.site/artifacts/265e9242-2093-46e1-9011-ed6ad938be90?fullscreen=false <br> ")
-                gr.HTML("")
-            with gr.Tab("Structural Inspirations"):
-                gr.HTML("GTA Heists - Replayability and stakes, Tekken - 2/3 mistakes = lost round ")
-                gr.HTML("Sports Scores, ")
-            with gr.Tab("Themes"):
-                gr.HTML("")
-
-# import originalconfigatbeinningofthisspace, claude3_5_06072024configtips, tipsupdatedconfigatbeinningofthisspace from relatively_constant_variables
-
-        with gr.Tab("Improvement of the default config"):
-            gr.HTML("Example of how to advance a game config with LLM - end goal is to have automatic worflow that takes these considerations into account <br> Things missing from the game engine - Economics and Basic Politics (NPC affiliation)")
-            gr.HTML("Suggestions from claude 3.5 on how to change config")
-            display_originalconfigatbeinningofthisspace = originalconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
-            display_claude3_5_06072024configtips = claude3_5_06072024configtips.replace(' ', '&nbsp;').replace('\n', '<br>')
-            display_tipsupdatedconfigatbeinningofthisspace = tipsupdatedconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
-            gr.HTML("""<div style="display: flex; justify-content: space-between; height: 900px; overflow: auto; ">
-                <div style="flex: 1; margin: 0 10px; padding: 20px;">
-                    """ + display_originalconfigatbeinningofthisspace + """
-                </div>
-                <div style="flex: 1; margin: 0 10px; padding: 20px; width: 50%">
-                    """ + display_claude3_5_06072024configtips + """
-                </div>
-                <div style="flex: 1; margin: 0 10px; padding: 20px;">
-                    """ + display_tipsupdatedconfigatbeinningofthisspace + """
-                </div>
-            </div>""")
-
-
-    with gr.Accordion("Temporary Asset Management Assist - click to open", open=False):
-        gr.HTML("Make Files and Text ideas for the field and paste <br>When Space is restarted it will clear - zip export and import will be added later")
-        with gr.Accordion("Upload Files for config"):
-            gr.Markdown("# Media Saver and Explorer (refresh file list to be resolved - for now upload all files and reload the space - they persist as long as the space creator doesnt reset/update the space - will add manual clear options later)")
-            with gr.Tab("Upload Files"):
-                file_input = gr.File(label="Choose File to Upload")
-                save_output = gr.Textbox(label="Upload Status")
-
-            with gr.Tab("File Explorer"):
-                
-                file_explorer = gr.FileExplorer(
-                    root_dir=SAVE_DIR,
-                    glob="*.*",
-                    file_count="single",
-                    height=300,
-                    label="Select a file to view"
+            with gr.Tab("Main areas of considerations"):
+                with gr.Tab("Mermaid Graphs and Nesting"):
+                    gr.HTML("Claude Artifacts to illustrate nested structure brainstorms - <br> https://claude.site/artifacts/4a910d81-1541-49f4-8531-4f27fe56cd1e <br> https://claude.site/artifacts/265e9242-2093-46e1-9011-ed6ad938be90?fullscreen=false <br> ")
+                    gr.HTML("")
+                with gr.Tab("Structural Inspirations"):
+                    gr.HTML("GTA Heists - Replayability and stakes, Tekken - 2/3 mistakes = lost round ")
+                    gr.HTML("Sports Scores, ")
+                with gr.Tab("Themes"):
+                    gr.HTML("")
+
+    # import originalconfigatbeinningofthisspace, claude3_5_06072024configtips, tipsupdatedconfigatbeinningofthisspace from relatively_constant_variables
+
+            with gr.Tab("Improvement of the default config"):
+                gr.HTML("Example of how to advance a game config with LLM - end goal is to have automatic worflow that takes these considerations into account <br> Things missing from the game engine - Economics and Basic Politics (NPC affiliation)")
+                gr.HTML("Suggestions from claude 3.5 on how to change config")
+                display_originalconfigatbeinningofthisspace = originalconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
+                display_claude3_5_06072024configtips = claude3_5_06072024configtips.replace(' ', '&nbsp;').replace('\n', '<br>')
+                display_tipsupdatedconfigatbeinningofthisspace = tipsupdatedconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
+                gr.HTML("""<div style="display: flex; justify-content: space-between; height: 900px; overflow: auto; ">
+                    <div style="flex: 1; margin: 0 10px; padding: 20px;">
+                        """ + display_originalconfigatbeinningofthisspace + """
+                    </div>
+                    <div style="flex: 1; margin: 0 10px; padding: 20px; width: 50%">
+                        """ + display_claude3_5_06072024configtips + """
+                    </div>
+                    <div style="flex: 1; margin: 0 10px; padding: 20px;">
+                        """ + display_tipsupdatedconfigatbeinningofthisspace + """
+                    </div>
+                </div>""")
+
+
+        with gr.Accordion("Temporary Asset Management Assist - click to open", open=False):
+            gr.HTML("Make Files and Text ideas for the field and paste <br>When Space is restarted it will clear - zip export and import will be added later")
+            with gr.Accordion("Upload Files for config"):
+                gr.Markdown("# Media Saver and Explorer (refresh file list to be resolved - for now upload all files and reload the space - they persist as long as the space creator doesnt reset/update the space - will add manual clear options later)")
+                with gr.Tab("Upload Files"):
+                    file_input = gr.File(label="Choose File to Upload")
+                    save_output = gr.Textbox(label="Upload Status")
+
+                with gr.Tab("File Explorer"):
+                    
+                    file_explorer = gr.FileExplorer(
+                        root_dir=SAVE_DIR,
+                        glob="*.*",
+                        file_count="single",
+                        height=300,
+                        label="Select a file to view"
+                    )
+                    with gr.Row():
+                        refresh_button = gr.Button("Refresh", scale=1)
+                        view_button = gr.Button("View File")
+                    image_output = gr.Image(label="Image Output", type="pil")
+                    audio_output = gr.Audio(label="Audio Output")
+                    video_output = gr.Video(label="Video Output")
+                    error_output = gr.Textbox(label="Error")
+
+                file_input.upload(
+                    save_file,
+                    inputs=file_input,
+                    outputs=[save_output, file_explorer, file_input]
                 )
-                with gr.Row():
-                    refresh_button = gr.Button("Refresh", scale=1)
-                    view_button = gr.Button("View File")
-                image_output = gr.Image(label="Image Output", type="pil")
-                audio_output = gr.Audio(label="Audio Output")
-                video_output = gr.Video(label="Video Output")
-                error_output = gr.Textbox(label="Error")
-
-            file_input.upload(
-                save_file,
-                inputs=file_input,
-                outputs=[save_output, file_explorer, file_input]
-            )
-
-            view_button.click(
-                view_file,
-                inputs=file_explorer,
-                outputs=[image_output, audio_output, video_output, error_output]
-            )
-
-            refresh_button.click(
-                refresh_file_explorer,
-                outputs=file_explorer
-            )
-
-            with gr.Tab("Batch add files to config"):
-                gr.HTML("Placeholder for Config parser to allow dropdowns for the media parts of the config inserted to make assigning media quick")
-                gr.HTML("Placeholder for Config parser to allow for current zerospace creation and placement into the config (LLM can give list of media but still have to figure out workflow from there)")
-
-            gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
+
+                view_button.click(
+                    view_file,
+                    inputs=file_explorer,
+                    outputs=[image_output, audio_output, video_output, error_output]
+                )
+
+                refresh_button.click(
+                    refresh_file_explorer,
+                    outputs=file_explorer
+                )
+
+                with gr.Tab("Batch add files to config"):
+                    gr.HTML("Placeholder for Config parser to allow dropdowns for the media parts of the config inserted to make assigning media quick")
+                    gr.HTML("Placeholder for Config parser to allow for current zerospace creation and placement into the config (LLM can give list of media but still have to figure out workflow from there)")
+
+                gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
     
     with gr.Tab("Test and Edit Config"):
         gr.HTML("The main issue is frequent changes add more chances for bugs in how - manual and auto refer mainly to ensuring correct JSON format ")
@@ -1153,7 +1159,7 @@ Creating more diverse paths through the game""")
                     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("Asset Generation Considerations"):
-        gr.HTML("Licenses for the spaces still to be evaluated - June 2024 <br> Users to follow with cool spaces - https://huggingface.co/fffiloni, https://huggingface.co/artificialguybr, https://huggingface.co/radames, https://huggingface.co/multimodalart, ")
+        gr.HTML("Licenses for the spaces still to be evaluated - June 2024 <br> Users to follow with cool spaces - https://huggingface.co/jbilcke-hf, https://huggingface.co/dylanebert, https://huggingface.co/fffiloni, https://huggingface.co/artificialguybr, https://huggingface.co/radames, https://huggingface.co/multimodalart, ")
 
         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():
@@ -1366,7 +1372,6 @@ Creating more diverse paths through the game""")
     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("Some conderations for future integration: https://huggingface.co/spaces/dylanebert/3d-arena, https://github.com/fudan-generative-vision/hallo")
 
             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")
             
@@ -1381,6 +1386,7 @@ Creating more diverse paths through the game""")
         with gr.Tab("Finetuning options"):
             gr.HTML("Price - https://openpipe.ai/pricing")
         with gr.Tab("Backend and/or Hosting?"):
+            gr.HTML("Deployemnt options - https://huggingface.co/SpacesExamples")
             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")
             gr.HTML("Speed - Groq, SambaNova, https://www.etched.com/announcing-etched ")