Update app.py

app.py

@@ -9,6 +9,7 @@ from styles import MODEL_SELECTION_CSS
 from js import GET_LOCAL_STORAGE, UPDATE_LEFT_BTNS_STATE, UPDATE_PLACEHOLDERS
 from templates import templates
 
+from pingpong import PingPong
 from pingpong.context import CtxLastWindowStrategy
 
 TOKEN = os.getenv('HF_TOKEN')
@@ -234,6 +235,55 @@ with gr.Blocks(css=MODEL_SELECTION_CSS, theme='gradio/soft') as demo:
             _js=UPDATE_LEFT_BTNS_STATE        
         )
 
+    for btn in ex_btns:
+        btn.click(
+            set_example,
+            [btn],
+            [instruction_txtbox, example_block]  
+        )
+    
+    placeholder_txt1.change(
+        inputs=[template_txt, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        outputs=[template_md],
+        show_progress=False,
+        _js=UPDATE_PLACEHOLDERS,
+        fn=None
+    )
+
+    placeholder_txt2.change(
+        inputs=[template_txt, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        outputs=[template_md],
+        show_progress=False,
+        _js=UPDATE_PLACEHOLDERS,
+        fn=None
+    )
+
+    placeholder_txt3.change(
+        inputs=[template_txt, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        outputs=[template_md],
+        show_progress=False,
+        _js=UPDATE_PLACEHOLDERS,
+        fn=None
+    )
+
+    placeholder_txt1.submit(
+        inputs=[template_txt, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        outputs=[instruction_txtbox, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        fn=get_final_template
+    )
+
+    placeholder_txt2.submit(
+        inputs=[template_txt, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        outputs=[instruction_txtbox, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        fn=get_final_template
+    )
+
+    placeholder_txt3.submit(
+        inputs=[template_txt, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        outputs=[instruction_txtbox, placeholder_txt1, placeholder_txt2, placeholder_txt3],
+        fn=get_final_template
+    )    
+    
     demo.load(
         None,
         inputs=None,