Update app.py

app.py

@@ -199,19 +199,8 @@ class App:
 
     def build_app(self):
         with gr.Blocks() as demo:
-            for component in self.app_state["components"]:
-                component_type = component["type"]
-                properties = component["properties"]
-                
-                if component_type == "Button":
-                    gr.Button(value=properties["label"], variant="primary")
-                elif component_type == "Text Input":
-                    gr.Textbox(label=properties["placeholder"])
-                elif component_type == "Image":
-                    gr.Image(label=properties["alt"])
-                elif component_type == "Dropdown":
-                    gr.Dropdown(choices=properties["choices"], label="Dropdown")
-
+            with gr.Tab("App Canvas"):
+                app_canvas = gr.HTML(self.update_app_canvas())
             with gr.Tab("Terminal"):
                 gr.Markdown("## Terminal")
                 terminal_input = gr.Textbox(label="Input")
@@ -222,7 +211,6 @@ class App:
                     inputs=[terminal_input],
                     outputs=[terminal_output]
                 )
-
             with gr.Tab("NLP Models"):
                 gr.Markdown("## Available NLP Models")
                 model_index = gr.Slider(label="Model Index", minimum=0, maximum=len(self.nlp_model_names)-1, step=1)
@@ -233,6 +221,19 @@ class App:
                     inputs=[input_text, model_index],
                     outputs="text"
                 )
+            # Add components to the app canvas dynamically
+            for component in self.app_state["components"]:
+                component_type = component["type"]
+                properties = component["properties"]
+                
+                if component_type == "Button":
+                    gr.Button(value=properties["label"], variant="primary")
+                elif component_type == "Text Input":
+                    gr.Textbox(label=properties["placeholder"])
+                elif component_type == "Image":
+                    gr.Image(label=properties["alt"])
+                elif component_type == "Dropdown":
+                    gr.Dropdown(choices=properties["choices"], label="Dropdown")
 
         return demo
 
@@ -275,56 +276,6 @@ class App:
         if system_message:
             print(system_message)
 
-    def launch_app(self):
-        demo = self.build_app()
-        demo.launch()
-
-def main():
-    try:
-        app = App()
-        demo = app.build_app()
-        demo.launch()
-    except Exception as e:
-        print(f"Error launching app: {e}")
-
-if __name__ == "__main__":
-    main()
-
-    def run(self):
-        self._print_welcome_message()
-        
-        while True:
-            try:
-                input_text = self._get_user_input()
-                if input_text.lower() == 'exit':
-                    break
-                elif input_text.lower() == 'launch':
-                    self.launch_app()
-                    continue
-                
-                output, system_message = self.process_input(input_text)
-                self._display_output(output, system_message)
-            
-            except EOFError:
-                print("Error: Input reading interrupted. Please provide valid input.")
-            except KeyboardInterrupt:
-                print("\nApplication stopped by user.")
-                break
-            except Exception as e:
-                print(f"An error occurred: {str(e)}")
-        
-        print("Thank you for using the Python App Builder. Goodbye!")
-
-    def _get_user_input(self):
-        try:
-            return input("Enter input: ").strip()
-        except EOFError:
-            print("Error: Input stream closed unexpectedly.")
-            return ""
-        except Exception as e:
-            print(f"Error reading input: {str(e)}")
-            return ""
-
     def launch_app(self):
         print("Launching app...")
         demo = self.build_app()