Update app.py

app.py

@@ -215,36 +215,6 @@ if __name__ == "__main__":
                     gr.Image(value="./images/cm1.svg", label="Sample 1", show_label=True, interactive=False, height="auto", width="100%")
                     gr.Image(value="./images/cm2.svg", label="Sample 2", show_label=True, interactive=False, height="auto", width="100%")
 
-            with gr.TabItem("Process Flow"):
-                with gr.Row():
-                    with gr.Column(scale=1):
-                        json_input_pf = gr.Textbox(
-                            value=PROCESS_FLOW_JSON,
-                            placeholder="Paste JSON following the documented format",
-                            label="JSON Input",
-                            lines=20
-                        )
-                        submit_btn_pf = gr.Button("Generate Process Flow", variant="primary")
-                    
-                    with gr.Column(scale=2):
-                        output_pf = gr.Image(
-                            label="Generated Diagram",
-                            type="filepath",
-                            show_download_button=True,
-                            height=500
-                        )
-                
-                submit_btn_pf.click(
-                    fn=generate_process_flow_diagram, 
-                    inputs=[json_input_pf, output_format_radio], 
-                    outputs=output_pf
-                )
-                
-                gr.Markdown("## Examples")
-                with gr.Row(elem_classes=["example-images"]):
-                    gr.Image(value="./images/pf1.svg", label="Sample 1", show_label=True, interactive=False, height="auto", width="100%")
-                    gr.Image(value="./images/pf2.svg", label="Sample 2", show_label=True, interactive=False, height="auto", width="100%")
-
             with gr.TabItem("Timeline"):
                 with gr.Row():
                     with gr.Column(scale=1):
@@ -275,36 +245,6 @@ if __name__ == "__main__":
                     gr.Image(value="./images/tl1.svg", label="Sample 1", show_label=True, interactive=False, height="auto", width="100%")
                     gr.Image(value="./images/tl2.svg", label="Sample 2", show_label=True, interactive=False, height="auto", width="100%")
 
-            with gr.TabItem("Network Graph"):
-                with gr.Row():
-                    with gr.Column(scale=1):
-                        json_input_ng = gr.Textbox(
-                            value=NETWORK_GRAPH_JSON,
-                            placeholder="Paste JSON following the documented format",
-                            label="JSON Input",
-                            lines=20
-                        )
-                        submit_btn_ng = gr.Button("Generate Network Graph", variant="primary")
-                    
-                    with gr.Column(scale=2):
-                        output_ng = gr.Image(
-                            label="Generated Diagram",
-                            type="filepath",
-                            show_download_button=True,
-                            height=500
-                        )
-                
-                submit_btn_ng.click(
-                    fn=generate_network_graph, 
-                    inputs=[json_input_ng, output_format_radio], 
-                    outputs=output_ng
-                )
-                
-                gr.Markdown("## Examples")
-                with gr.Row(elem_classes=["example-images"]):
-                    gr.Image(value="./images/ng1.svg", label="Sample 1", show_label=True, interactive=False, height="auto", width="100%")
-                    gr.Image(value="./images/ng2.svg", label="Sample 2", show_label=True, interactive=False, height="auto", width="100%")
-
             with gr.TabItem("Binary Tree"):
                 with gr.Row():
                     with gr.Column(scale=1):
@@ -394,6 +334,66 @@ if __name__ == "__main__":
                 with gr.Row(elem_classes=["example-images"]):
                     gr.Image(value="./images/sc1.svg", label="Sample 1", show_label=True, interactive=False, height="auto", width="100%")
                     gr.Image(value="./images/sc2.svg", label="Sample 2", show_label=True, interactive=False, height="auto", width="100%")
+
+        with gr.TabItem("Process Flow"):
+                with gr.Row():
+                    with gr.Column(scale=1):
+                        json_input_pf = gr.Textbox(
+                            value=PROCESS_FLOW_JSON,
+                            placeholder="Paste JSON following the documented format",
+                            label="JSON Input",
+                            lines=20
+                        )
+                        submit_btn_pf = gr.Button("Generate Process Flow", variant="primary")
+                    
+                    with gr.Column(scale=2):
+                        output_pf = gr.Image(
+                            label="Generated Diagram",
+                            type="filepath",
+                            show_download_button=True,
+                            height=500
+                        )
+                
+                submit_btn_pf.click(
+                    fn=generate_process_flow_diagram, 
+                    inputs=[json_input_pf, output_format_radio], 
+                    outputs=output_pf
+                )
+                
+                gr.Markdown("## Examples")
+                with gr.Row(elem_classes=["example-images"]):
+                    gr.Image(value="./images/pf1.svg", label="Sample 1", show_label=True, interactive=False, height="auto", width="100%")
+                    gr.Image(value="./images/pf2.svg", label="Sample 2", show_label=True, interactive=False, height="auto", width="100%")
+
+        with gr.TabItem("Network Graph"):
+                with gr.Row():
+                    with gr.Column(scale=1):
+                        json_input_ng = gr.Textbox(
+                            value=NETWORK_GRAPH_JSON,
+                            placeholder="Paste JSON following the documented format",
+                            label="JSON Input",
+                            lines=20
+                        )
+                        submit_btn_ng = gr.Button("Generate Network Graph", variant="primary")
+                    
+                    with gr.Column(scale=2):
+                        output_ng = gr.Image(
+                            label="Generated Diagram",
+                            type="filepath",
+                            show_download_button=True,
+                            height=500
+                        )
+                
+                submit_btn_ng.click(
+                    fn=generate_network_graph, 
+                    inputs=[json_input_ng, output_format_radio], 
+                    outputs=output_ng
+                )
+                
+                gr.Markdown("## Examples")
+                with gr.Row(elem_classes=["example-images"]):
+                    gr.Image(value="./images/ng1.svg", label="Sample 1", show_label=True, interactive=False, height="auto", width="100%")
+                    gr.Image(value="./images/ng2.svg", label="Sample 2", show_label=True, interactive=False, height="auto", width="100%")
     
     demo.launch(
         mcp_server=True,