editing placeholder check

app.py

@@ -497,7 +497,7 @@ initgameinfo = start_game()
 #-----------------------------------------------------------------------------------------------------------------------------------
 
 with gr.Blocks() as demo:
-    gr.HTML("""<div style="width: 20%; text-align: center">Main ideas for this space is (June 2024) (Custom component planning?):</div>
+    gr.HTML("""<div style="width: 100%; text-align: center">Main ideas for this space is (June 2024) (Custom component planning?):</div>
     <div style="display: flex; justify-content: center; margin-bottom: 20px; align-items: center;">
         <div style="width: 20%; text-align: center">A program exist around data </div>
         <div style="width: 20%; text-align: center">We can generate almost any media data and more </div>
@@ -518,9 +518,9 @@ with gr.Blocks() as demo:
                     json_input_game_structure_output_text_with_media = gr.State()
 
                     gr.HTML("Editing placeholder")
-                    @gr.render(inputs=json_input_game_structure_output_text_with_media)
-                    def update(text):
-                        return show_elements(show_elements_json_input)
+                    @gr.render(inputs=game_structure_output_text_with_media)
+                    def update(game_structure_output_text_with_media):
+                        return show_elements(show_elements_json_input(game_structure_output_text_with_media))
             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)