Refresh quickstart screenshots

docs/how-to/use-with-aider.mdx

@@ -34,7 +34,7 @@ To configure aider to send requests through CodeGate:
 
 To verify that you've successfully connected aider to CodeGate, type
 `/ask codegate version` into the aider chat in your terminal. You should receive
-a response like "CodeGate version 0.1.7":
+a response like "CodeGate version 0.1.13":
 
 ## Next steps
 

docs/how-to/use-with-continue.mdx

@@ -380,15 +380,15 @@ Otherwise, remove the `apiKey` parameter from both sections.
 
 To verify that you've successfully connected Continue to CodeGate, open the
 Continue chat and type `codegate version`. You should receive a response like
-"CodeGate version 0.1.7":
+"CodeGate version 0.1.13":
 
 <ThemedImage
   alt='Verify Continue integration'
   sources={{
     light: useBaseUrl('/img/how-to/continue-codegate-version-light.webp'),
     dark: useBaseUrl('/img/how-to/continue-codegate-version-dark.webp'),
   }}
-  width={'500px'}
+  width={'494px'}
 />
 
 Try asking CodeGate about a known malicious Python package:

docs/how-to/use-with-copilot.mdx

@@ -7,6 +7,8 @@ sidebar_position: 110
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import ThemedImage from '@theme/ThemedImage';
 
 [GitHub Copilot](https://github.com/features/copilot) is an AI coding assistant
 developed by GitHub and OpenAI. The Copilot plugin works with Visual Studio Code
@@ -235,7 +237,16 @@ Support for JetBrains is [coming soon](https://github.com/stacklok/codegate/issu
 
 To verify that you've successfully connected Copilot to CodeGate, open the
 Copilot chat and type `codegate version`. You should receive a response like
-"CodeGate version 0.1.7".
+"CodeGate version 0.1.13".
+
+<ThemedImage
+  alt='Verify Continue integration'
+  sources={{
+    light: useBaseUrl('/img/how-to/copilot-codegate-version-light.webp'),
+    dark: useBaseUrl('/img/how-to/copilot-codegate-version-dark.webp'),
+  }}
+  width={'494px'}
+/>
 
 Try asking CodeGate about a known malicious Python package:
 

docs/quickstart-continue.mdx

@@ -94,7 +94,7 @@ Click the gear icon in the Continue panel to open the configuration file
     light: useBaseUrl('/img/quickstart/continue-config-light.webp'),
     dark: useBaseUrl('/img/quickstart/continue-config-dark.webp'),
   }}
-  width={'540px'}
+  width={'500px'}
 />
 
 If this is your first time using Continue, paste the following contents into the
@@ -136,7 +136,7 @@ panel.
     light: useBaseUrl('/img/quickstart/quickstart-continue-model-light.webp'),
     dark: useBaseUrl('/img/quickstart/quickstart-continue-model-dark.webp'),
   }}
-  width={'650px'}
+  width={'600px'}
 />
 
 Enter `codegate version` in the chat box to confirm that Continue is
@@ -197,20 +197,20 @@ before it leaves your machine.
       '/img/quickstart/quickstart-continue-secrets-result-dark.webp'
     ),
   }}
-  width={'800px'}
+  width={'600px'}
 />
 
 Learn more in [Secrets encryption](./features/secrets-encryption.md).
 
 ### Assess dependency risk
 
-Open the `python/app.py` file from the demo repo in the VS Code editor and
-examine the import statements at the top. As with the previous step, type
-`@Files`, this time selecting the `python/app.py` file to add it to your prompt.
-Then ask Continue to analyze the file.
+Open the `javascript/App.js` file from the demo repo in the VS Code editor and
+examine the `require` statements at the top. In the VS Code file browser,
+right-click the file and choose **Select Files as Context**. Then ask Continue
+to review the file.
 
 ```plain title="Continue chat"
-@app.py Please analyze this file
+@App.js Review this file
 ```
 
 Using its up-to-date knowledge from
@@ -227,7 +227,7 @@ malicious and deprecated packages referenced in the code.
       '/img/quickstart/quickstart-continue-dependencies-result-dark.webp'
     ),
   }}
-  width={'800px'}
+  width={'600px'}
 />
 
 Learn more in [Dependency risk awareness](./features/dependency-risk.md).
@@ -242,7 +242,14 @@ AI assistant and the LLM. Several alerts and prompts from the previous steps in
 this tutorial should be visible now. Over time, this helps you understand how
 CodeGate is actively protecting your privacy and security.
 
-![CodeGate dashboard](/img/quickstart/quickstart-dashboard.webp)
+<ThemedImage
+  alt='CodeGate dashboard'
+  sources={{
+    light: useBaseUrl('/img/quickstart/quickstart-dashboard-light.webp'),
+    dark: useBaseUrl('/img/quickstart/quickstart-dashboard-dark.webp'),
+  }}
+  width={'1000px'}
+/>
 
 ## Next steps
 

docs/quickstart-copilot.mdx

@@ -143,7 +143,7 @@ the active file as context.
       '/img/quickstart/quickstart-copilot-secrets-context-dark.webp'
     ),
   }}
-  width={'481px'}
+  width={'400px'}
 />
 
 Enter this prompt into the chat:
@@ -165,15 +165,15 @@ before it leaves your machine.
       '/img/quickstart/quickstart-copilot-secrets-result-dark.webp'
     ),
   }}
-  width={'800px'}
+  width={'600px'}
 />
 
 Learn more in [Secrets encryption](./features/secrets-encryption.md).
 
 ### Assess dependency risk
 
-Open the `python/app.py` file from the demo repo in the VS Code editor. Confirm
-that it's now the active context file in Copilot.
+Open the `javascript/App.js` file from the demo repo in the VS Code editor.
+Confirm that it's now the active context file in Copilot.
 
 <ThemedImage
   alt='Copilot chat showing the current file selected'
@@ -185,13 +185,13 @@ that it's now the active context file in Copilot.
       '/img/quickstart/quickstart-copilot-dependencies-context-dark.webp'
     ),
   }}
-  width={'481px'}
+  width={'400px'}
 />
 
 Enter the following prompt into the chat:
 
 ```plain title="Copilot chat"
-Analyze this file
+Review this file
 ```
 
 Using its up-to-date knowledge from
@@ -208,7 +208,7 @@ malicious and deprecated packages referenced in the code.
       '/img/quickstart/quickstart-copilot-dependencies-result-dark.webp'
     ),
   }}
-  width={'800px'}
+  width={'600px'}
 />
 
 Learn more in [Dependency risk awareness](./features/dependency-risk.md).
@@ -223,7 +223,14 @@ AI assistant and the LLM. Several alerts and prompts from the previous steps in
 this tutorial should be visible now. Over time, this helps you understand how
 CodeGate is actively protecting your privacy and security.
 
-![CodeGate dashboard](/img/quickstart/quickstart-dashboard.webp)
+<ThemedImage
+  alt='CodeGate dashboard'
+  sources={{
+    light: useBaseUrl('/img/quickstart/quickstart-dashboard-light.webp'),
+    dark: useBaseUrl('/img/quickstart/quickstart-dashboard-dark.webp'),
+  }}
+  width={'1000px'}
+/>
 
 ## Next steps