Update app.py

app.py

@@ -166,6 +166,12 @@ def main():
     # Create a progress bar
     progress_bar = st.progress(0)
 
+    # Instruction Expander with step-by-step guide
+    with st.expander("Instruction to Generate Diagram"):
+        st.markdown("""
+                        **Copy and paste the Generated Mermaid Code** in the Live Editor and download the generated diagram by clicking on **Export as SVG** format to get a high-resolution generated image.
+        """)
+
     if st.button("Generate Diagram"):
         if prompt:
             # Simulate the progress
@@ -191,12 +197,6 @@ def main():
                 # Embed MermaidFlow Editor in iframe
                 st.markdown(f'<iframe src="{mermaidflow_url}" width="100%" height="600px"></iframe>', unsafe_allow_html=True)
 
-                # Instruction Expander with step-by-step guide
-                with st.expander("Instruction to Generate Diagram"):
-                    st.markdown("""
-                        **Copy and paste the Generated Mermaid Code** in the Live Editor and download the generated diagram by clicking on **Export as SVG** format to get a high-resolution generated image.
-                    """)
-
             else:
                 st.error("Failed to generate diagram code.")
         else: