Config based info to help users

app.py

@@ -706,7 +706,7 @@ with gr.Blocks() as demo:
     
     with gr.Accordion("Config Crafting Progerssion - 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 = {
+        originalconfigatbeinningofthisspace = """{
     "village": {
         "start": {
             "description": "You wake up in a small village. You hear a rumor about a lost treasure.",
@@ -792,7 +792,7 @@ with gr.Blocks() as demo:
             "media": []
         },
     }
-}
+}"""
         #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
 
@@ -1221,21 +1221,21 @@ 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):
-                #display_originalconfigatbeinningofthisspace = originalconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
+                display_originalconfigatbeinningofthisspace = originalconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') 
                 #display_originalconfigatbeinningofthisspace = json.loads(originalconfigatbeinningofthisspace)
-                #gr.HTML(f"<pre>{display_originalconfigatbeinningofthisspace}</pre>")
-                gr.Code(value=json.dumps(originalconfigatbeinningofthisspace, indent=2), language="json")  #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>{display_claude3_5_06072024configtips}</pre>")
+                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>{display_tipsupdatedconfigatbeinningofthisspace}</pre>")
-                gr.Code(value=json.dumps(display_tipsupdatedconfigatbeinningofthisspace, indent=2), language="json")
+                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")
 
     with gr.Tab("Test and Edit Config"):
         gr.HTML("The main issue is frequent changes add more chances for bugs in how ")