more config stuff

app.py

@@ -704,7 +704,7 @@ with gr.Blocks() as demo:
                 imagegenspace = gr.HTML("Chat Space Chosen will load here")
                 imagegenspacebtn.click(display_website, inputs=linktoimagegen, outputs=imagegenspace)
     
-    with gr.Accordion("Config Crafting Progerssion - click to open", open=False):
+    with gr.Accordion("Config Crafting Progression - click to open", open=False):
         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)")
         originalconfigatbeinningofthisspace = """{
     "village": {
@@ -796,9 +796,9 @@ with gr.Blocks() as demo:
         #Analyzing Game Configuration Metrics - was the thread name of where the 
         claude3_5_06072024configtips = """Example Config Development Tab - Claude 3.5 Sonnet as the LLM Assitant
 
-This config is for a basic text based game engine I made with help many llms including you. Thanks to all the help it loads which presented another problem, 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
-
-
+This config is for a basic text based game engine I made with help many llms including you. 
+Thanks to all the help it loads which presented another problem, 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
 
 
 Text-Based Game Configuration Analysis
@@ -1221,26 +1221,15 @@ Would you like me to elaborate on any of these ideas or show how to implement th
         },
     }
 }"""
-        gr.HTML("Suggestt")
-        # with gr.Row():
-            # with gr.Column(scale=1):
+        gr.HTML("Suggestions from claude 3.5 on how to change config")
         display_originalconfigatbeinningofthisspace = originalconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
-                #display_originalconfigatbeinningofthisspace = json.loads(originalconfigatbeinningofthisspace)
-                # gr.HTML(f"<pre style='font-size: 6px;'>{display_originalconfigatbeinningofthisspace}</pre>")
-                #gr.Code(value=json.dumps(originalconfigatbeinningofthisspace, indent=2), language="json")  #originalconfigatbeinningofthisspace)
-            # with gr.Column(scale=2):
         display_claude3_5_06072024configtips = claude3_5_06072024configtips.replace(' ', '&nbsp;').replace('\n', '<br>')
-                # gr.HTML(f"<pre style='font-size: 6px;'>{display_claude3_5_06072024configtips}</pre>")
-            # with gr.Column(scale=1):
         display_tipsupdatedconfigatbeinningofthisspace = tipsupdatedconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
-                #display_tipsupdatedconfigatbeinningofthisspace = json.loads(tipsupdatedconfigatbeinningofthisspace)
-                # gr.HTML(f"<pre style='font-size: 6px;'>{display_tipsupdatedconfigatbeinningofthisspace}</pre>")
-                #gr.Code(value=json.dumps(display_tipsupdatedconfigatbeinningofthisspace, indent=2), language="json")
-        gr.HTML("""<div style="display: flex; justify-content: space-between; overflow-x: auto;">
+        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;">
+            <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;">
@@ -1496,10 +1485,13 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             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():
+        with gr.Tab("Demos on Social Media for inspiration"):
             gr.HTML("Social media that shows possiblities")
             gr.HTML("https://x.com/blizaine")
 
+    with gr.Tab("Basic Game Engine Mechanics"):
+        gr.HTML("Placeholder for explanations")
+
     with gr.Tab("Custom JS Config Creator"):
         gr.HTML("-- Incomplete -- Companion Space for zerogpu / client api workflow planning for a way to send a zip to the Basic Game Engine at the bottom of https://huggingface.co/spaces/KwabsHug/TestSvelteStatic (Also to test how much can be done majority on cpu)")
         with gr.Tab("Simple Config Creator"):