Updated image paths

Author: namritha-maddali

.gitattributes

@@ -1,5 +1,6 @@
 *	text	working-tree-encoding=ISO8859-1
-*.pem   text working-tree-encoding=UTF-8
-*.png   binary
-*.gif binary
+*.pem text working-tree-encoding=UTF-8
+*.png -text
+*.gif -text
+*.mp4 -text
 *.pax.Z binary

examples/README.md

@@ -15,6 +15,7 @@ This project features:
 
 The files can be extracted from the repositories in `zopencommunity` or the `local file system`.
 > For usage examples and UI walkthroughs, see `docs/WEBUI.md`
+<!-- > Video Demonstration in `docs/videos/Final Use Cases Demo.mp4` -->
 
 ## Prerequisites
 
@@ -42,7 +43,7 @@ The **Model Context Protocol (MCP)** is implemented here to orchestrate the rout
 
 > Folder structure details are explained in `docs/STRUCTURE.md`
 
-![Workflow](docs/media/images/workflow.png)
+![Workflow](docs/images/workflow.png)
 
 ## Setup
 

examples/docs/WEBUI.md

@@ -6,11 +6,11 @@ When the website loads, the **Chat** tool is selected by default.
 
 - You can ask the model anything, and it will respond with a brief answer (typically around 160 words).
 
-![Landing Page](media/images/landing-page.png)
+![Landing Page](images/landing-page.png)
 
 For example, asking: Print hello world in C will result in:
 
-![Chat Output](media/images/chat.png)
+![Chat Output](images/chat.png)
 
 - You can continue chatting with the model by asking questions in the textarea below.
 - The previous chats will be visible as you keep asking more questions, **as long as you don't change the tool**.
@@ -29,19 +29,19 @@ Both tools use the same file selection interface. So we will demonstrate the fol
 ### Explain Code Tool 
 For this example, we have chosen the `cicd.groovy` file present in `llamacppport` of `zopencommunity`
 
-![GitHub File Selection](media/images/github-file.png)
+![GitHub File Selection](images/github-file.png)
 
 You can optionally highlight specific sections of the file. 
 
 Here we have asked the model to explain the **stage('Build')** part of the code. 
 
 After the **Submit** button is pressed, the file information is structured like this and the extracted code is given to the `llama-server` to generate a response.
 
-![Formatted File Information](media/images/github-req.png)
+![Formatted File Information](images/github-req.png)
 
 The explanation is then shown: 
 
-![Explain Code Output](media/images/explain-res.png)
+![Explain Code Output](images/explain-res.png)
 
 To use the Explain Code tool again, press the `Start Over` button, which resets the form with **Zopencommunity GitHub** as the default source.
 
@@ -50,14 +50,14 @@ For this example, we have chosen a sample calculator file `calc.py` present on t
 
 It contains four functions for **addition**, **subtraction**, **multiplication**, and **division**.
 
-![Local File Selection](media/images/local-file.png)
+![Local File Selection](images/local-file.png)
 
 On submission, the file and context are formatted as:
 
-![Formatted File Information](media/images/local-req.png)
+![Formatted File Information](images/local-req.png)
 
 The generated test cases are displayed like this:
 
-![Test Generation Output](media/images/generate-res.png)
+![Test Generation Output](images/generate-res.png)
 
 ### The file structure is explained in the `docs/STRUCTURE.md` file, and the documentation with steps for setup is in the `README.md`