Merge pull request #53 from MetabobProject/docs/image-updates

docs/image updates

Author: AviGopal

README.md

@@ -24,79 +24,20 @@ Metabob is an AI-based code review tool that utilizes a combination of Graph Neu
 # Settings​
 
 * To disable Metabob anlaysis from running every time code is saved, go to the extension settings and deselect the checkbox under the text "Metabob: **Analyze Document On Save**"  
-
-![](docs/img/docs-analyze-on-save.png)
 ​
 * To change the backend LLM model Metabob uses to generate problem descriptions and code recommendations, select your preferred model from the "Metabob: **Backend Selection**" drop down menu
-
-![](docs/img/docs-backend-selection.png)
 ​
 * If you prefer to use one of the openai models, you need to authenticate by inputting your openai API key into the text field under "Metabob: ChatGPT Token" text field on Metabob's extension settings 
 
-![](docs/img/docs-openai-token.png)
-
 # Usage​
-​
-1. Request an analysis
-
-Users can request Metabob to analyze the file they are currently working on by:
-* Using the "**ANALYZE**" -button on the Metabob extension side panel
-
-![analyze-document-sidepanel](docs/img/v2-analyze-sidepanel.png)
-
-
-* Opening the command palette and using the command "**Metabob: Analyze Document**"
-
-![analyze-document-commandpalette](docs/img/v2-analyzedocument-commandpalette.png)
-
-
-* Saving the file (requires "**Analyze Document On Save**" to be enabled on the extension settings
-
-
-Users can confirm that the Metabob Analysis is running by seeing a loading icon next to a text "Metabob: Analyzing Document" on the bottom left corner of the VS Code editor.
-
-![analysis-running](docs/img/v2-analysis-running.png)
-
-
-Once the analysis has finished, users can see problematic areas highlighted in red on the file they are currently viewing and requested analysis for from Metabob.
-
-![highlighted-problem](docs/img/v2-problem-highlight.png)
 
+1. Analyze code
 
-2. View problem details
+2. View detected problems
 
-Users can view problem details by hovering over the red highlighted problem regions in their code and clicking "**More Details**"
+3. Generate fixes for detected problems
 
-![more-details](docs/img/v2-view-more-details.png)
-​
-
-3. Generate code recommendations to fix detected problems
-
-Users can generate code recommendations to fix the detected problems by:
-* Hovering over the red highlighted problem regions in their and clicking "**Fix**"
-
-![fix-problem](docs/img/v2-fix-and-details.png)
-
-
-* Clicking the "**GENERATE RECOMMENDATION**" -button on the Metabob extension side panel when viewing problem details
-
-![generate-recommendation](docs/img/v2-generate-rec-sidepanel.png)
-
-
-If users think that the generated code recommendation is not correct, they can generate another recommendation by using the "**REGENERATE**" -button
-
-![regenerate-recommendation](docs/img/v2-regenerate-rec.png)
-
-
-Users can view the different generated code recommendations they have asked to generate by using the arrows below the code generated code recommendation
-
-![view-recommendations](docs/img/v2-recommendation-pagination.png)
-
-
-Users can apply the generated code recommendations to their code by clicking the "APPLY" -button
-
-![apply-recommendation](docs/img/v2-apply-recommendation.png)
-​
+![analysis-flow](docs/img/v2-analysis-flow.gif)
 
 
 # Data Policy