Config based info to help users

app.py

@@ -707,8 +707,8 @@ 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 = """{
-    'village': {
-        'start': {
+    "village": {
+        "start": {
             "description": "You wake up in a small village. You hear a rumor about a lost treasure.",
             "choices": ['explore village', 'gather supplies', 'rest'],
             "transitions": {'explore village': 'village_rumor', 'gather supplies': 'village_supplies', 'rest': 'village_start'},
@@ -717,7 +717,7 @@ with gr.Blocks() as demo:
             },
             "media": []
         },
-        'rumor': {
+        "rumor": {
             "description": "You hear more details about the treasure hidden in the ancient ruins nearby.",
             "choices": ['decide to go', 'ignore'],
             "transitions": {'decide to go': 'village_supplies', 'ignore': 'village_start'},
@@ -726,41 +726,41 @@ with gr.Blocks() as demo:
             },
             "media": []
         },
-        'supplies': {
+        "supplies": {
             "description": "You gather supplies for your journey.",
             "choices": ['head to forest', 'stay in village'],
             "transitions": {'head to forest': 'forest_forest', 'stay in village': 'village_start'},
             "media": []
         },
     },
-    'forest': {
-        'forest': {
+    "forest": {
+        "forest": {
             "description": "You enter the dense forest, heading towards the ruins.",
             "choices": ['travel further', 'return to village'],
             "transitions": {'travel further': 'ruins_ruins', 'return to village': 'village_start'},
             "media": []
         },
     },
-    'ruins': {
-        'ruins': {
+    "ruins": {
+        "ruins": {
             "description": "You reach the ancient ruins. The entrance is dark and eerie.",
             "choices": ['enter ruins', 'return to forest'],
             "transitions": {'enter ruins': 'ruins_explore', 'return to forest': 'forest_forest'},
             "media": []
         },
-        'explore': {
+        "explore": {
             "description": "You explore the ruins, encountering traps and puzzles.",
             "choices": ['solve puzzle', 'avoid traps'],
             "transitions": {'solve puzzle': 'ruins_hiddenPassage', 'avoid traps': 'ruins_ruins'},
             "media": []
         },
-        'hiddenPassage': {
+        "hiddenPassage": {
             "description": "You solve a challenging puzzle and unlock a hidden passage.",
             "choices": ['enter passage', 'go back'],
             "transitions": {'enter passage': 'ruins_treasureRoom', 'go back': 'ruins_explore'},
             "media": []
         },
-        'treasureRoom': {
+        "treasureRoom": {
             "description": "You enter the treasure room and find the treasure chest.",
             "choices": ['take treasure', 'leave'],
             "transitions": {'take treasure': 'ruins_celebrate', 'leave': 'ruins_ruins'},
@@ -769,23 +769,23 @@ with gr.Blocks() as demo:
             },
             "media": []
         },
-        'celebrate': {
+        "celebrate": {
             "description": "You celebrate your discovery and decide to bring the treasure back to the village.",
             "choices": ['return to village'],
             "transitions": {'return to village': 'village_return'},
             "media": []
         },
     },
-    'village_return': {
-        'village_return': {
+    "village_return": {
+        "village_return": {
             "description": "You return to the village with the treasure and share it with the villagers.",
             "choices": ['end adventure'],
             "transitions": {'end adventure': 'end_end'},
             "media": []
         },
     },
-    'end': {
-        'end': {
+    "end": {
+        "end": {
             "description": "Your adventure ends here. The villagers are grateful and everyone's lives improve.",
             "choices": [],
             "transitions": {},
@@ -1089,8 +1089,8 @@ Would you like me to elaborate on any of these ideas or show how to implement th
 """
 
         tipsupdatedconfigatbeinningofthisspace = """{
-    'village': {
-        'start': {
+    "village": {
+        "start": {
             "description": "You wake up in a small village. You hear a rumor about a lost treasure.",
             "choices": ['explore village', 'gather supplies', 'rest', 'look around'],
             "transitions": {'explore village': 'village_rumor', 'gather supplies': 'village_supplies', 'rest': 'village_start', 'look around': 'village_help_lost_child'},
@@ -1099,7 +1099,7 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             },
             "media": []
         },
-        'rumor': {
+        "rumor": {
             "description": "You hear more details about the treasure hidden in the ancient ruins nearby.",
             "choices": ['decide to go', 'ignore'],
             "transitions": {'decide to go': 'village_supplies', 'ignore': 'village_start'},
@@ -1108,13 +1108,13 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             },
             "media": []
         },
-        'supplies': {
+        "supplies": {
             "description": "You gather supplies for your journey.",
             "choices": ['head to forest', 'stay in village'],
             "transitions": {'head to forest': 'forest_forest', 'stay in village': 'village_start'},
             "media": []
         },
-        'help_lost_child': {
+        "help_lost_child": {
             "description": "You encounter a crying child in the village square. They seem to have lost their way home.",
             "choices": ['help child', 'ignore and continue'],
             "transitions": {
@@ -1126,7 +1126,7 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             },
             "media": []
         },
-        'child_quest': {
+        "child_quest": {
             "description": "You decide to help the lost child. After asking around and searching the village, you finally locate their home.",
             "choices": ['return child', 'ask for reward'],
             "transitions": {
@@ -1135,7 +1135,7 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             },
             "media": []
         },
-        'child_reunion': {
+        "child_reunion": {
             "description": "You return the child to their grateful parents. They thank you profusely for your kindness.",
             "choices": ['accept thanks', 'request reward'],
             "transitions": {
@@ -1147,7 +1147,7 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             },
             "media": []
         },
-        'child_reward': {
+        "child_reward": {
             "description": "The child's parents offer you a small pouch of coins as a reward for your help.",
             "choices": ['accept reward', 'decline reward'],
             "transitions": {
@@ -1161,34 +1161,34 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             "media": []
         },
     },
-    'forest': {
-        'forest': {
+    "forest": {
+        "forest": {
             "description": "You enter the dense forest, heading towards the ruins.",
             "choices": ['travel further', 'return to village'],
             "transitions": {'travel further': 'ruins_ruins', 'return to village': 'village_start'},
             "media": []
         },
     },
-    'ruins': {
-        'ruins': {
+    "ruins": {
+        "ruins": {
             "description": "You reach the ancient ruins. The entrance is dark and eerie.",
             "choices": ['enter ruins', 'return to forest'],
             "transitions": {'enter ruins': 'ruins_explore', 'return to forest': 'forest_forest'},
             "media": []
         },
-        'explore': {
+        "explore": {
             "description": "You explore the ruins, encountering traps and puzzles.",
             "choices": ['solve puzzle', 'avoid traps'],
             "transitions": {'solve puzzle': 'ruins_hiddenPassage', 'avoid traps': 'ruins_ruins'},
             "media": []
         },
-        'hiddenPassage': {
+        "hiddenPassage": {
             "description": "You solve a challenging puzzle and unlock a hidden passage.",
             "choices": ['enter passage', 'go back'],
             "transitions": {'enter passage': 'ruins_treasureRoom', 'go back': 'ruins_explore'},
             "media": []
         },
-        'treasureRoom': {
+        "treasureRoom": {
             "description": "You enter the treasure room and find the treasure chest.",
             "choices": ['take treasure', 'leave'],
             "transitions": {'take treasure': 'ruins_celebrate', 'leave': 'ruins_ruins'},
@@ -1204,16 +1204,16 @@ Would you like me to elaborate on any of these ideas or show how to implement th
             "media": []
         },
     },
-    'village_return': {
-        'village_return': {
+    "village_return": {
+        "village_return": {
             "description": "You return to the village with the treasure and share it with the villagers.",
             "choices": ['end adventure'],
             "transitions": {'end adventure': 'end_end'},
             "media": []
         },
     },
-    'end': {
-        'end': {
+    "end": {
+        "end": {
             "description": "Your adventure ends here. The villagers are grateful and everyone's lives improve.",
             "choices": [],
             "transitions": {},
@@ -1224,16 +1224,18 @@ Would you like me to elaborate on any of these ideas or show how to implement th
 
         with gr.Row():
             with gr.Column(scale=1):
-                display_originalconfigatbeinningofthisspace = originalconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') #json.loads(originalconfigatbeinningofthisspace)
-                gr.HTML(f"<pre>{display_originalconfigatbeinningofthisspace}</pre>")
-                #gr.Code(value=json.dumps(display_originalconfigatbeinningofthisspace, indent=2), language="json")  #originalconfigatbeinningofthisspace)
+                #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(display_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>")
             with gr.Column(scale=1):
-                display_tipsupdatedconfigatbeinningofthisspace = tipsupdatedconfigatbeinningofthisspace.replace(' ', '&nbsp;').replace('\n', '<br>') #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>{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 ")