diff --git a/README.md b/README.md
index b4d5691..fea0b0b 100644
--- a/README.md
+++ b/README.md
@@ -28,10 +28,19 @@ Submit -> Submits the query to the api
 
 Refresh -> refreshes the window so that all new files will be available for that session.
 
-User must ctrl+shift+p and click on the `Open GPT Context Panel` option and then add files (before or after), then input the question. 
+- Right click to add files to the context window
+- Click on the extension addon to open the context window, refresh to update the files to check.
+- Select the files uses checkboxes
+- After submit is pressed, wait until the question disappears, this means the query is processed by openai and was fully sent
+- Click `API Response` to view your query
 
 # Examples
 
+Demo of how to use the extension:
+![](./images/demo-program.gif)
+
+# How it works
+
 We can select two files we want to pass through, however we can uncheck one of them for later debugging and enter our question:
 
 ```
@@ -40,14 +49,11 @@ c:\dev\test\gpt-contextfiles-test\program.js:
 \```
 	window.alert("Hello World!")
 \```
+```
 
+Functions based on the principle of files passed into it
+```
 Selected Files:
 [x] c:\dev\test\gpt-contextfiles-test\program.js
 [ ] c:\dev\test\gpt-contextfiles-test\program2.js
 ```
-
-Expected Ouput:
-
-`
-The window.alert() method is a built-in JavaScript function that displays an alert box with a specified message and an OK button. In this case, the message is "Hello World!".
-`
diff --git a/extension.js b/extension.js
index 7ddc229..984b56c 100644
--- a/extension.js
+++ b/extension.js
@@ -101,8 +101,7 @@ async function handleQuestionSubmission(panel, question, selectedUris) {
             model: "gpt-3.5-turbo-16k",
             messages: [
                 { role: "system", content: "Answer the coding questions, only provide the code and documentation, explaining the solution after providing the code." },
-                { role: "user", content: question },
-                { role: "assistant", content: fileContents }
+                { role: "user", content: question + "\n" + fileContents},
             ],
         });
 
@@ -445,7 +444,7 @@ function getWebviewContent(apiResponse = '', question = '') {
                   ${
                       apiResponse ? `
                           <div id="rendered">
-                              <p>${apiResponse}</p>
+                              <p id="responses">${apiResponse}</p>
                           </div>
                       ` : null
                   }
@@ -481,6 +480,10 @@ function getWebviewContent(apiResponse = '', question = '') {
 
                   function toggleApiResponse() {
                     const apiResponse = document.getElementById('api-response');
+                    var response = document.getElementById('responses');
+                    if(response === null || response === 'null') {
+                        return;
+                    }
                     apiResponse.classList.toggle('active');
                     const content = apiResponse;
                     const collapsible = apiResponse.previousElementSibling;
diff --git a/images/demo-program.gif b/images/demo-program.gif
new file mode 100644
index 0000000..bfe5b9c
Binary files /dev/null and b/images/demo-program.gif differ