@jupyterlite/ai 0.6.1 → 0.7.0

package/README.md

@@ -14,7 +14,7 @@ AI code completions and chat for JupyterLab, Notebook 7 and JupyterLite ✨
 > To enable more AI providers in JupyterLab and Jupyter Notebook, we recommend using the [Jupyter AI](https://github.com/jupyterlab/jupyter-ai) extension directly.
 > At the moment Jupyter AI is not compatible with JupyterLite, but might be to some extent in the future.
 
-- JupyterLab >= 4.4.0a0 or Notebook >= 7.4.0a0
+- JupyterLab >= 4.4.0 or Notebook >= 7.4.0
 
 ## ✨ Try it in your browser ✨
 

package/lib/base-completer.d.ts

@@ -1,11 +1,6 @@
 import { CompletionHandler, IInlineCompletionContext } from '@jupyterlab/completer';
-import { BaseLanguageModel } from '@langchain/core/language_models/base';
 import { ReadonlyPartialJSONObject } from '@lumino/coreutils';
 export interface IBaseCompleter {
-    /**
-     * The LLM completer.
-     */
-    provider: BaseLanguageModel;
     /**
      * The completion prompt.
      */

package/lib/chat-handler.d.ts

@@ -1,13 +1,14 @@
-import { ChatCommand, ChatModel, IChatCommandProvider, IChatHistory, IChatMessage, IInputModel, INewMessage } from '@jupyter/chat';
-import type { BaseChatModel } from '@langchain/core/language_models/chat_models';
+import { ChatCommand, AbstractChatContext, AbstractChatModel, IChatCommandProvider, IChatContext, IChatHistory, IChatMessage, IChatModel, IInputModel, INewMessage } from '@jupyter/chat';
 import { IAIProviderRegistry } from './tokens';
+import { AIChatModel } from './types/ai-model';
+export declare const welcomeMessage: (providers: string[]) => string;
 export type ConnectionMessage = {
     type: 'connection';
     client_id: string;
 };
-export declare class ChatHandler extends ChatModel {
+export declare class ChatHandler extends AbstractChatModel {
     constructor(options: ChatHandler.IOptions);
-    get provider(): BaseChatModel | null;
+    get provider(): AIChatModel | null;
     /**
      * Getter and setter for the persona name.
      */
@@ -23,6 +24,7 @@ export declare class ChatHandler extends ChatModel {
     dispose(): void;
     messageAdded(message: IChatMessage): void;
     stopStreaming(): void;
+    createChatContext(): IChatContext;
     private _providerRegistry;
     private _personaName;
     private _prompt;
@@ -32,9 +34,21 @@ export declare class ChatHandler extends ChatModel {
     private _controller;
 }
 export declare namespace ChatHandler {
-    interface IOptions extends ChatModel.IOptions {
+    /**
+     * The options used to create a chat handler.
+     */
+    interface IOptions extends IChatModel.IOptions {
         providerRegistry: IAIProviderRegistry;
     }
+    /**
+     * The minimal chat context.
+     */
+    class ChatContext extends AbstractChatContext {
+        users: never[];
+    }
+    /**
+     *  The chat command provider for the chat.
+     */
     class ClearCommandProvider implements IChatCommandProvider {
         id: string;
         private _slash_commands;

package/lib/chat-handler.js

@@ -2,25 +2,31 @@
  * Copyright (c) Jupyter Development Team.
  * Distributed under the terms of the Modified BSD License.
  */
-import { ChatModel } from '@jupyter/chat';
+import { AbstractChatContext, AbstractChatModel } from '@jupyter/chat';
 import { AIMessage, HumanMessage, mergeMessageRuns, SystemMessage } from '@langchain/core/messages';
 import { UUID } from '@lumino/coreutils';
-import { chatSystemPrompt } from './provider';
 import { jupyternautLiteIcon } from './icons';
+import { chatSystemPrompt } from './provider';
 /**
  * The base64 encoded SVG string of the jupyternaut lite icon.
  * Encode so it can be passed as avatar_url to jupyter-chat.
  */
 const AI_AVATAR_BASE64 = btoa(jupyternautLiteIcon.svgstr);
 const AI_AVATAR = `data:image/svg+xml;base64,${AI_AVATAR_BASE64}`;
-export class ChatHandler extends ChatModel {
+export const welcomeMessage = (providers) => `
+#### Ask JupyterLite AI
+
+
+The provider to use can be set in the settings editor, by selecting it from
+the <img src="${AI_AVATAR}" width="16" height="16"> _AI provider_ settings.
+
+The current providers that are available are _${providers.sort().join('_, _')}_.
+
+To clear the chat, you can use the \`/clear\` command from the chat input.
+`;
+export class ChatHandler extends AbstractChatModel {
     constructor(options) {
         super(options);
-        this._personaName = 'AI';
-        this._errorMessage = '';
-        this._history = { messages: [] };
-        this._defaultErrorMessage = 'AI provider not configured';
-        this._controller = null;
         this._providerRegistry = options.providerRegistry;
         this._prompt = chatSystemPrompt({
             provider_name: this._providerRegistry.currentName
@@ -61,7 +67,6 @@ export class ChatHandler extends ChatModel {
         this._prompt = value;
     }
     async sendMessage(message) {
-        var _a;
         const body = message.body;
         if (body.startsWith('/clear')) {
             // TODO: do we need a clear method?
@@ -98,7 +103,7 @@ export class ChatHandler extends ChatModel {
             return new AIMessage(msg.body);
         }));
         const sender = { username: this._personaName, avatar_url: AI_AVATAR };
-        this.updateWriters([sender]);
+        this.updateWriters([{ user: sender }]);
         // create an empty message to be filled by the AI provider
         const botMsg = {
             id: UUID.uuid4(),
@@ -111,7 +116,7 @@ export class ChatHandler extends ChatModel {
         this._controller = new AbortController();
         try {
             for await (const chunk of await this._providerRegistry.currentChatModel.stream(messages, { signal: this._controller.signal })) {
-                content += (_a = chunk.content) !== null && _a !== void 0 ? _a : chunk;
+                content += chunk.content ?? chunk;
                 botMsg.body = content;
                 this.messageAdded(botMsg);
             }
@@ -145,26 +150,42 @@ export class ChatHandler extends ChatModel {
         super.messageAdded(message);
     }
     stopStreaming() {
-        var _a;
-        (_a = this._controller) === null || _a === void 0 ? void 0 : _a.abort();
+        this._controller?.abort();
+    }
+    createChatContext() {
+        return new ChatHandler.ChatContext({ model: this });
     }
+    _providerRegistry;
+    _personaName = 'AI';
+    _prompt;
+    _errorMessage = '';
+    _history = { messages: [] };
+    _defaultErrorMessage = 'AI provider not configured';
+    _controller = null;
 }
 (function (ChatHandler) {
+    /**
+     * The minimal chat context.
+     */
+    class ChatContext extends AbstractChatContext {
+        users = [];
+    }
+    ChatHandler.ChatContext = ChatContext;
+    /**
+     *  The chat command provider for the chat.
+     */
     class ClearCommandProvider {
-        constructor() {
-            this.id = '@jupyterlite/ai:clear-commands';
-            this._slash_commands = [
-                {
-                    name: '/clear',
-                    providerId: this.id,
-                    replaceWith: '/clear',
-                    description: 'Clear the chat'
-                }
-            ];
-        }
+        id = '@jupyterlite/ai:clear-commands';
+        _slash_commands = [
+            {
+                name: '/clear',
+                providerId: this.id,
+                replaceWith: '/clear',
+                description: 'Clear the chat'
+            }
+        ];
         async getChatCommands(inputModel) {
-            var _a, _b;
-            const match = (_b = (_a = inputModel.currentWord) === null || _a === void 0 ? void 0 : _a.match(/^\/\w*/)) === null || _b === void 0 ? void 0 : _b[0];
+            const match = inputModel.currentWord?.match(/^\/\w*/)?.[0];
             if (!match) {
                 return [];
             }

package/lib/completion-provider.d.ts

@@ -1,6 +1,6 @@
 import { CompletionHandler, IInlineCompletionContext, IInlineCompletionProvider } from '@jupyterlab/completer';
-import { IBaseCompleter } from './base-completer';
 import { IAIProviderRegistry } from './tokens';
+import { AICompleter } from './types/ai-model';
 /**
  * The generic completion provider to register to the completion provider manager.
  */
@@ -14,7 +14,7 @@ export declare class CompletionProvider implements IInlineCompletionProvider {
     /**
      * Get the current completer.
      */
-    get completer(): IBaseCompleter | null;
+    get completer(): AICompleter | null;
     fetch(request: CompletionHandler.IRequest, context: IInlineCompletionContext): Promise<any>;
     private _providerRegistry;
     private _requestCompletion;

package/lib/completion-provider.js

@@ -2,8 +2,8 @@
  * The generic completion provider to register to the completion provider manager.
  */
 export class CompletionProvider {
+    identifier = '@jupyterlite/ai';
     constructor(options) {
-        this.identifier = '@jupyterlite/ai';
         this._providerRegistry = options.providerRegistry;
         this._requestCompletion = options.requestCompletion;
         this._providerRegistry.providerChanged.connect(() => {
@@ -25,7 +25,8 @@ export class CompletionProvider {
         return this._providerRegistry.currentCompleter;
     }
     async fetch(request, context) {
-        var _a;
-        return (_a = this.completer) === null || _a === void 0 ? void 0 : _a.fetch(request, context);
+        return this.completer?.fetch(request, context);
     }
+    _providerRegistry;
+    _requestCompletion;
 }

package/lib/components/stop-button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputToolbarRegistry } from '@jupyter/chat';
 /**
  * Properties of the stop button.

package/lib/default-providers/Anthropic/completer.d.ts

@@ -1,9 +1,7 @@
 import { CompletionHandler, IInlineCompletionContext } from '@jupyterlab/completer';
-import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 import { BaseCompleter, IBaseCompleter } from '../../base-completer';
 export declare class AnthropicCompleter implements IBaseCompleter {
     constructor(options: BaseCompleter.IOptions);
-    get provider(): BaseChatModel;
     /**
      * Getter and setter for the initial prompt.
      */
@@ -14,6 +12,6 @@ export declare class AnthropicCompleter implements IBaseCompleter {
             insertText: string;
         }[];
     }>;
-    private _anthropicProvider;
+    private _completer;
     private _prompt;
 }

package/lib/default-providers/Anthropic/completer.js

@@ -3,11 +3,7 @@ import { AIMessage, SystemMessage } from '@langchain/core/messages';
 import { COMPLETION_SYSTEM_PROMPT } from '../../provider';
 export class AnthropicCompleter {
     constructor(options) {
-        this._prompt = COMPLETION_SYSTEM_PROMPT;
-        this._anthropicProvider = new ChatAnthropic({ ...options.settings });
-    }
-    get provider() {
-        return this._anthropicProvider;
+        this._completer = new ChatAnthropic({ ...options.settings });
     }
     /**
      * Getter and setter for the initial prompt.
@@ -28,7 +24,7 @@ export class AnthropicCompleter {
             new AIMessage(trimmedPrompt)
         ];
         try {
-            const response = await this._anthropicProvider.invoke(messages);
+            const response = await this._completer.invoke(messages);
             const items = [];
             // Anthropic can return string or complex content, a list of string/images/other.
             if (typeof response.content === 'string') {
@@ -54,4 +50,6 @@ export class AnthropicCompleter {
             return { items: [] };
         }
     }
+    _completer;
+    _prompt = COMPLETION_SYSTEM_PROMPT;
 }

package/lib/default-providers/ChromeAI/completer.d.ts

@@ -1,5 +1,4 @@
 import { CompletionHandler, IInlineCompletionContext } from '@jupyterlab/completer';
-import { LLM } from '@langchain/core/language_models/llms';
 import { BaseCompleter, IBaseCompleter } from '../../base-completer';
 export declare class ChromeCompleter implements IBaseCompleter {
     constructor(options: BaseCompleter.IOptions);
@@ -8,12 +7,11 @@ export declare class ChromeCompleter implements IBaseCompleter {
      */
     get prompt(): string;
     set prompt(value: string);
-    get provider(): LLM;
     fetch(request: CompletionHandler.IRequest, context: IInlineCompletionContext): Promise<{
         items: {
             insertText: string;
         }[];
     }>;
-    private _chromeProvider;
+    private _completer;
     private _prompt;
 }

package/lib/default-providers/ChromeAI/completer.js

@@ -22,8 +22,7 @@ const CODE_BLOCK_START_REGEX = /^```(?:[a-zA-Z]+)?\n?/;
 const CODE_BLOCK_END_REGEX = /```$/;
 export class ChromeCompleter {
     constructor(options) {
-        this._prompt = COMPLETION_SYSTEM_PROMPT;
-        this._chromeProvider = new ChromeAI({ ...options.settings });
+        this._completer = new ChromeAI({ ...options.settings });
     }
     /**
      * Getter and setter for the initial prompt.
@@ -34,9 +33,6 @@ export class ChromeCompleter {
     set prompt(value) {
         this._prompt = value;
     }
-    get provider() {
-        return this._chromeProvider;
-    }
     async fetch(request, context) {
         const { text, offset: cursorOffset } = request;
         const prompt = text.slice(0, cursorOffset);
@@ -46,7 +42,7 @@ export class ChromeCompleter {
             new HumanMessage(trimmedPrompt)
         ];
         try {
-            let response = await this._chromeProvider.invoke(messages);
+            let response = await this._completer.invoke(messages);
             // ChromeAI sometimes returns a string starting with '```',
             // so process the response to remove the code block delimiters
             if (CODE_BLOCK_START_REGEX.test(response)) {
@@ -64,4 +60,6 @@ export class ChromeCompleter {
             return { items: [] };
         }
     }
+    _completer;
+    _prompt = COMPLETION_SYSTEM_PROMPT;
 }

package/lib/default-providers/ChromeAI/instructions.d.ts

@@ -1,2 +1,6 @@
 declare const _default: "\n<i class=\"fas fa-exclamation-triangle\"></i> Support for ChromeAI is still experimental and only available in Google Chrome.\n\nYou can test ChromeAI is enabled in your browser by going to the following URL: <https://chromeai.org/>\n\nEnable the proper flags in Google Chrome.\n\n- chrome://flags/#prompt-api-for-gemini-nano\n  - Select: `Enabled`\n- chrome://flags/#optimization-guide-on-device-model\n  - Select: `Enabled BypassPrefRequirement`\n- chrome://components\n  - Click `Check for Update` on Optimization Guide On Device Model to download the model\n- [Optional] chrome://flags/#text-safety-classifier\n\n<img src=\"https://github.com/user-attachments/assets/d48f46cc-52ee-4ce5-9eaf-c763cdbee04c\" alt=\"A screenshot showing how to enable the ChromeAI flag in Google Chrome\" width=\"500px\">\n\nThen restart Chrome for these changes to take effect.\n\n<i class=\"fas fa-exclamation-triangle\"></i> On first use, Chrome will download the on-device model, which can be as large as 22GB (according to their docs and at the time of writing).\nDuring the download, ChromeAI may not be available via the extension.\n\n<i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i> For more information about Chrome Built-in AI: <https://developer.chrome.com/docs/ai/get-started>\n";
 export default _default;
+/**
+ * Check if the browser supports ChromeAI and the model is available.
+ */
+export declare function compatibilityCheck(): Promise<string | null>;

package/lib/default-providers/ChromeAI/instructions.js

@@ -22,3 +22,21 @@ During the download, ChromeAI may not be available via the extension.
 
 <i class="fa fa-info-circle" aria-hidden="true"></i> For more information about Chrome Built-in AI: <https://developer.chrome.com/docs/ai/get-started>
 `;
+/**
+ * Check if the browser supports ChromeAI and the model is available.
+ */
+export async function compatibilityCheck() {
+    // Check if the browser supports the ChromeAI model
+    if (typeof window === 'undefined' ||
+        !('LanguageModel' in window) ||
+        window.LanguageModel === undefined ||
+        window.LanguageModel.availability === undefined) {
+        return 'Your browser does not support ChromeAI. Please use an updated chrome based browser like Google Chrome, and follow the instructions in settings to enable it.';
+    }
+    const languageModel = window.LanguageModel;
+    if (!(await languageModel.availability())) {
+        return 'The ChromeAI model is not available in your browser. Please ensure you have enabled the necessary flags in Google Chrome as described in the instructions in settings.';
+    }
+    // If the model is available, return null to indicate compatibility
+    return null;
+}

package/lib/default-providers/MistralAI/completer.d.ts

@@ -1,9 +1,7 @@
 import { CompletionHandler, IInlineCompletionContext } from '@jupyterlab/completer';
-import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 import { BaseCompleter, IBaseCompleter } from '../../base-completer';
 export declare class CodestralCompleter implements IBaseCompleter {
     constructor(options: BaseCompleter.IOptions);
-    get provider(): BaseChatModel;
     /**
      * Getter and setter for the initial prompt.
      */
@@ -11,6 +9,6 @@ export declare class CodestralCompleter implements IBaseCompleter {
     set prompt(value: string);
     fetch(request: CompletionHandler.IRequest, context: IInlineCompletionContext): Promise<any>;
     private _throttler;
-    private _mistralProvider;
+    private _completer;
     private _prompt;
 }

package/lib/default-providers/MistralAI/completer.js

@@ -8,10 +8,9 @@ import { COMPLETION_SYSTEM_PROMPT } from '../../provider';
 const INTERVAL = 1000;
 export class CodestralCompleter {
     constructor(options) {
-        this._prompt = COMPLETION_SYSTEM_PROMPT;
-        this._mistralProvider = new ChatMistralAI({ ...options.settings });
+        this._completer = new ChatMistralAI({ ...options.settings });
         this._throttler = new Throttler(async (messages) => {
-            const response = await this._mistralProvider.invoke(messages);
+            const response = await this._completer.invoke(messages);
             // Extract results of completion request.
             const items = [];
             if (typeof response.content === 'string') {
@@ -32,9 +31,6 @@ export class CodestralCompleter {
             return { items };
         }, { limit: INTERVAL });
     }
-    get provider() {
-        return this._mistralProvider;
-    }
     /**
      * Getter and setter for the initial prompt.
      */
@@ -59,4 +55,7 @@ export class CodestralCompleter {
             return { items: [] };
         }
     }
+    _throttler;
+    _completer;
+    _prompt = COMPLETION_SYSTEM_PROMPT;
 }

package/lib/default-providers/Ollama/completer.d.ts

@@ -0,0 +1,17 @@
+import { CompletionHandler, IInlineCompletionContext } from '@jupyterlab/completer';
+import { BaseCompleter, IBaseCompleter } from '../../base-completer';
+export declare class OllamaCompleter implements IBaseCompleter {
+    constructor(options: BaseCompleter.IOptions);
+    /**
+     * Getter and setter for the initial prompt.
+     */
+    get prompt(): string;
+    set prompt(value: string);
+    fetch(request: CompletionHandler.IRequest, context: IInlineCompletionContext): Promise<{
+        items: {
+            insertText: string;
+        }[];
+    }>;
+    private _completer;
+    private _prompt;
+}

package/lib/default-providers/Ollama/completer.js

@@ -0,0 +1,49 @@
+import { AIMessage, SystemMessage } from '@langchain/core/messages';
+import { ChatOllama } from '@langchain/ollama';
+import { COMPLETION_SYSTEM_PROMPT } from '../../provider';
+export class OllamaCompleter {
+    constructor(options) {
+        this._completer = new ChatOllama({ ...options.settings });
+    }
+    /**
+     * Getter and setter for the initial prompt.
+     */
+    get prompt() {
+        return this._prompt;
+    }
+    set prompt(value) {
+        this._prompt = value;
+    }
+    async fetch(request, context) {
+        const { text, offset: cursorOffset } = request;
+        const prompt = text.slice(0, cursorOffset);
+        const messages = [new SystemMessage(this._prompt), new AIMessage(prompt)];
+        try {
+            const response = await this._completer.invoke(messages);
+            const items = [];
+            if (typeof response.content === 'string') {
+                items.push({
+                    insertText: response.content
+                });
+            }
+            else {
+                response.content.forEach(content => {
+                    if (content.type !== 'text') {
+                        return;
+                    }
+                    items.push({
+                        insertText: content.text,
+                        filterText: prompt.substring(prompt.length)
+                    });
+                });
+            }
+            return { items };
+        }
+        catch (error) {
+            console.error('Error fetching completions', error);
+            return { items: [] };
+        }
+    }
+    _completer;
+    _prompt = COMPLETION_SYSTEM_PROMPT;
+}

package/lib/default-providers/Ollama/instructions.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "\nOllama allows to run large language models locally on your machine.\nTo use it you need to install the Ollama CLI and pull the model you want to use.\n\n1. Install the Ollama CLI by following the instructions at <https://ollama.com/download>\n\n2. Pull the model you want to use by running the following command in your terminal:\n\n   ```bash\n   ollama pull <model-name>\n   ```\n\n   For example, to pull the Llama 2 model, run:\n\n   ```bash\n   ollama pull llama2\n   ```\n\n3. Once the model is pulled, you can use it in your application by running the following command:\n\n    ```bash\n    ollama serve\n    ```\n\n4. This model will be available in the extension, using the model name you used in the command above.\n\n<details>\n<summary>Deploying Lite/Lab on external server</summary>\n\nSee https://objectgraph.com/blog/ollama-cors/ for more details.\n\nOn Linux, you can run the following commands:\n\n1. Check if CORS is enabled on the server. You can do this by running the following command in your terminal:\n\n   ```bash\n   curl -X OPTIONS http://localhost:11434 -H \"Origin: http://example.com\" -H \"Access-Control-Request-Method: GET\" -I\n   ```\n\n   If CORS is disabled, you will see a response like this:\n\n   ```bash\n   HTTP/1.1 403 Forbidden\n   Date: Wed, 09 Oct 2024 10:12:15 GMT\n   Content-Length: 0\n    ```\n\n2. If CORS is not enabled, update _/etc/systemd/system/ollama.service_ with:\n\n   ```bash\n   [Service]\n   Environment=\"OLLAMA_HOST=0.0.0.0\"\n   Environment=\"OLLAMA_ORIGINS=*\"\n   ```\n\n3. Restart the service:\n\n   ```bash\n   sudo systemctl daemon-reload\n   sudo systemctl restart ollama\n   ```\n\n4. Check if CORS is enabled on the server again by running the following command in your terminal:\n\n    ```bash\n    curl -X OPTIONS http://localhost:11434 -H \"Origin: http://example.com\" -H \"Access-Control-Request-Method: GET\" -I\n    ```\n\n</details>\n";
+export default _default;

package/lib/default-providers/Ollama/instructions.js

@@ -0,0 +1,70 @@
+export default `
+Ollama allows to run large language models locally on your machine.
+To use it you need to install the Ollama CLI and pull the model you want to use.
+
+1. Install the Ollama CLI by following the instructions at <https://ollama.com/download>
+
+2. Pull the model you want to use by running the following command in your terminal:
+
+   \`\`\`bash
+   ollama pull <model-name>
+   \`\`\`
+
+   For example, to pull the Llama 2 model, run:
+
+   \`\`\`bash
+   ollama pull llama2
+   \`\`\`
+
+3. Once the model is pulled, you can use it in your application by running the following command:
+
+    \`\`\`bash
+    ollama serve
+    \`\`\`
+
+4. This model will be available in the extension, using the model name you used in the command above.
+
+<details>
+<summary>Deploying Lite/Lab on external server</summary>
+
+See https://objectgraph.com/blog/ollama-cors/ for more details.
+
+On Linux, you can run the following commands:
+
+1. Check if CORS is enabled on the server. You can do this by running the following command in your terminal:
+
+   \`\`\`bash
+   curl -X OPTIONS http://localhost:11434 -H "Origin: http://example.com" -H "Access-Control-Request-Method: GET" -I
+   \`\`\`
+
+   If CORS is disabled, you will see a response like this:
+
+   \`\`\`bash
+   HTTP/1.1 403 Forbidden
+   Date: Wed, 09 Oct 2024 10:12:15 GMT
+   Content-Length: 0
+    \`\`\`
+
+2. If CORS is not enabled, update _/etc/systemd/system/ollama.service_ with:
+
+   \`\`\`bash
+   [Service]
+   Environment="OLLAMA_HOST=0.0.0.0"
+   Environment="OLLAMA_ORIGINS=*"
+   \`\`\`
+
+3. Restart the service:
+
+   \`\`\`bash
+   sudo systemctl daemon-reload
+   sudo systemctl restart ollama
+   \`\`\`
+
+4. Check if CORS is enabled on the server again by running the following command in your terminal:
+
+    \`\`\`bash
+    curl -X OPTIONS http://localhost:11434 -H "Origin: http://example.com" -H "Access-Control-Request-Method: GET" -I
+    \`\`\`
+
+</details>
+`;