minor fixes

README.md

@@ -1,5 +1,7 @@
 # gpt-contextfiles
 
+![gpt-contextfiles viewport](extension.png)
+
 > if you'll like to contribute or provide any feedback check out the [link](https://github.com/Iheuzio/gpt-contextfiles/issues)
 
 This extension uses the openai api, there are many models avaliable:
@@ -28,13 +30,15 @@ Submit -> Submits the query to the api
 
 Refresh -> refreshes the window so that all new files will be available for that session.
 
-Click -> Click the orange code and then paste it in your editor for fast coding
-
 - 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
 - Wait for response to be returned
 
+Other features:
+![Copy button demonstration](copy-image.png)
+- Click copy to to copy the snippet of code into your file for fast coding
+
 # 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:

extension.js

@@ -98,7 +98,7 @@ async function handleQuestionSubmission(panel, question, selectedUris) {
     // Call OpenAI API with the question and file contents
     try {
         const chatCompletion = await openai.createChatCompletion({
-            model: "gpt-3.5-turbo",
+            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 + "\n" + fileContents},
@@ -193,7 +193,7 @@ function getWebviewContent(apiResponse = '', question = '') {
                 flex-direction: column;
                 align-items: center;
                 justify-content: center;
-                width: 50%;
+                width: 90%;
                 height: 100%;
                 margin: 0 auto;
                 background-color: #1e1e1e;