@jupyterlite/ai 0.4.0 → 0.5.0

package/schema/provider-registry.json

@@ -5,6 +5,12 @@
   "jupyter.lab.setting-icon-label": "JupyterLite AI Chat",
   "type": "object",
   "properties": {
+    "UseSecretsManager": {
+      "type": "boolean",
+      "title": "Use secrets manager",
+      "description": "Whether to use or not the secrets manager. If not, secrets will be stored in the browser (local storage)",
+      "default": true
+    },
     "AIprovider": {
       "type": "object",
       "title": "AI provider",

package/src/chat-handler.ts

@@ -4,9 +4,12 @@
  */
 
 import {
+  ChatCommand,
   ChatModel,
+  IChatCommandProvider,
   IChatHistory,
   IChatMessage,
+  IInputModel,
   INewMessage
 } from '@jupyter/chat';
 import type { BaseChatModel } from '@langchain/core/language_models/chat_models';
@@ -186,4 +189,35 @@ export namespace ChatHandler {
   export interface IOptions extends ChatModel.IOptions {
     providerRegistry: IAIProviderRegistry;
   }
+
+  export class ClearCommandProvider implements IChatCommandProvider {
+    public id: string = '@jupyterlite/ai:clear-commands';
+    private _slash_commands: ChatCommand[] = [
+      {
+        name: '/clear',
+        providerId: this.id,
+        replaceWith: '/clear',
+        description: 'Clear the chat'
+      }
+    ];
+    async getChatCommands(inputModel: IInputModel) {
+      const match = inputModel.currentWord?.match(/^\/\w*/)?.[0];
+      if (!match) {
+        return [];
+      }
+
+      const commands = this._slash_commands.filter(cmd =>
+        cmd.name.startsWith(match)
+      );
+      return commands;
+    }
+
+    async handleChatCommand(
+      command: ChatCommand,
+      inputModel: IInputModel
+    ): Promise<void> {
+      // no handling needed because `replaceWith` is set in each command.
+      return;
+    }
+  }
 }

package/src/completion-provider.ts

@@ -4,7 +4,7 @@ import {
   IInlineCompletionProvider
 } from '@jupyterlab/completer';
 
-import { IBaseCompleter } from './llm-models';
+import { IBaseCompleter } from './base-completer';
 import { IAIProviderRegistry } from './tokens';
 
 /**

package/src/{llm-models/anthropic-completer.ts → default-providers/Anthropic/completer.ts}

@@ -6,8 +6,8 @@ import { ChatAnthropic } from '@langchain/anthropic';
 import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 import { AIMessage, SystemMessage } from '@langchain/core/messages';
 
-import { BaseCompleter, IBaseCompleter } from './base-completer';
-import { COMPLETION_SYSTEM_PROMPT } from '../provider';
+import { BaseCompleter, IBaseCompleter } from '../../base-completer';
+import { COMPLETION_SYSTEM_PROMPT } from '../../provider';
 
 export class AnthropicCompleter implements IBaseCompleter {
   constructor(options: BaseCompleter.IOptions) {

package/src/{llm-models/chrome-completer.ts → default-providers/ChromeAI/completer.ts}

@@ -5,8 +5,9 @@ import {
 import { ChromeAI } from '@langchain/community/experimental/llms/chrome_ai';
 import { LLM } from '@langchain/core/language_models/llms';
 import { HumanMessage, SystemMessage } from '@langchain/core/messages';
-import { BaseCompleter, IBaseCompleter } from './base-completer';
-import { COMPLETION_SYSTEM_PROMPT } from '../provider';
+
+import { BaseCompleter, IBaseCompleter } from '../../base-completer';
+import { COMPLETION_SYSTEM_PROMPT } from '../../provider';
 
 /**
  * Regular expression to match the '```' string at the start of a string.

package/src/default-providers/ChromeAI/instructions.ts

@@ -0,0 +1,24 @@
+export default `
+<i class="fas fa-exclamation-triangle"></i> Support for ChromeAI is still experimental and only available in Google Chrome.
+
+You can test ChromeAI is enabled in your browser by going to the following URL: <https://chromeai.org/>
+
+Enable the proper flags in Google Chrome.
+
+- chrome://flags/#prompt-api-for-gemini-nano
+  - Select: \`Enabled\`
+- chrome://flags/#optimization-guide-on-device-model
+  - Select: \`Enabled BypassPrefRequirement\`
+- chrome://components
+  - Click \`Check for Update\` on Optimization Guide On Device Model to download the model
+- [Optional] chrome://flags/#text-safety-classifier
+
+<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">
+
+Then restart Chrome for these changes to take effect.
+
+<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).
+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>
+`;

package/src/{llm-models/codestral-completer.ts → default-providers/MistralAI/completer.ts}

@@ -11,8 +11,8 @@ import {
 import { ChatMistralAI } from '@langchain/mistralai';
 import { Throttler } from '@lumino/polling';
 
-import { BaseCompleter, IBaseCompleter } from './base-completer';
-import { COMPLETION_SYSTEM_PROMPT } from '../provider';
+import { BaseCompleter, IBaseCompleter } from '../../base-completer';
+import { COMPLETION_SYSTEM_PROMPT } from '../../provider';
 
 /**
  * The Mistral API has a rate limit of 1 request per second

package/src/default-providers/MistralAI/instructions.ts

@@ -0,0 +1,16 @@
+export default `
+<i class="fas fa-exclamation-triangle"></i> This extension is still very much experimental. It is not an official MistralAI extension.
+
+1. Go to <https://console.mistral.ai/api-keys/> and create an API key.
+
+    <img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/1-api-key.png" alt="Screenshot showing how to create an API key" width="500px">
+
+2. Open the JupyterLab settings and go to the **Ai providers** section to select the \`MistralAI\`
+   provider and the API key (required).
+
+    <img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/2-jupyterlab-settings.png" alt="Screenshot showing how to add the API key to the settings" width="500px">
+
+3. Open the chat, or use the inline completer
+
+    <img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/3-usage.png" alt="Screenshot showing how to use the chat" width="500px">
+`;

package/src/{llm-models/openai-completer.ts → default-providers/OpenAI/completer.ts}

@@ -6,8 +6,8 @@ import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 import { AIMessage, SystemMessage } from '@langchain/core/messages';
 import { ChatOpenAI } from '@langchain/openai';
 
-import { BaseCompleter, IBaseCompleter } from './base-completer';
-import { COMPLETION_SYSTEM_PROMPT } from '../provider';
+import { BaseCompleter, IBaseCompleter } from '../../base-completer';
+import { COMPLETION_SYSTEM_PROMPT } from '../../provider';
 
 export class OpenAICompleter implements IBaseCompleter {
   constructor(options: BaseCompleter.IOptions) {

package/src/default-providers/index.ts

@@ -0,0 +1,71 @@
+import {
+  JupyterFrontEnd,
+  JupyterFrontEndPlugin
+} from '@jupyterlab/application';
+import { ChatAnthropic } from '@langchain/anthropic';
+import { ChromeAI } from '@langchain/community/experimental/llms/chrome_ai';
+import { ChatMistralAI } from '@langchain/mistralai';
+import { ChatOpenAI } from '@langchain/openai';
+
+import { IAIProvider, IAIProviderRegistry } from '../tokens';
+
+// Import completers
+import { AnthropicCompleter } from './Anthropic/completer';
+import { ChromeCompleter } from './ChromeAI/completer';
+import { CodestralCompleter } from './MistralAI/completer';
+import { OpenAICompleter } from './OpenAI/completer';
+
+// Import Settings
+import AnthropicSettings from './Anthropic/settings-schema.json';
+import ChromeAISettings from './ChromeAI/settings-schema.json';
+import MistralAISettings from './MistralAI/settings-schema.json';
+import OpenAISettings from './OpenAI/settings-schema.json';
+
+// Import instructions
+import ChromeAIInstructions from './ChromeAI/instructions';
+import MistralAIInstructions from './MistralAI/instructions';
+
+// Build the AIProvider list
+const AIProviders: IAIProvider[] = [
+  {
+    name: 'Anthropic',
+    chatModel: ChatAnthropic,
+    completer: AnthropicCompleter,
+    settingsSchema: AnthropicSettings,
+    errorMessage: (error: any) => error.error.error.message
+  },
+  {
+    name: 'ChromeAI',
+    // TODO: fix
+    // @ts-expect-error: missing properties
+    chatModel: ChromeAI,
+    completer: ChromeCompleter,
+    instructions: ChromeAIInstructions,
+    settingsSchema: ChromeAISettings
+  },
+  {
+    name: 'MistralAI',
+    chatModel: ChatMistralAI,
+    completer: CodestralCompleter,
+    instructions: MistralAIInstructions,
+    settingsSchema: MistralAISettings
+  },
+  {
+    name: 'OpenAI',
+    chatModel: ChatOpenAI,
+    completer: OpenAICompleter,
+    settingsSchema: OpenAISettings
+  }
+];
+
+export const defaultProviderPlugins: JupyterFrontEndPlugin<void>[] =
+  AIProviders.map(provider => {
+    return {
+      id: `@jupyterlite/ai:${provider.name}`,
+      autoStart: true,
+      requires: [IAIProviderRegistry],
+      activate: (app: JupyterFrontEnd, registry: IAIProviderRegistry) => {
+        registry.add(provider);
+      }
+    };
+  });

package/src/index.ts

@@ -1,11 +1,10 @@
 import {
   ActiveCellManager,
-  AutocompletionRegistry,
   buildChatSidebar,
   buildErrorWidget,
+  ChatCommandRegistry,
   IActiveCellManager,
-  IAutocompletionCommandsProps,
-  IAutocompletionRegistry
+  IChatCommandRegistry
 } from '@jupyter/chat';
 import {
   JupyterFrontEnd,
@@ -18,53 +17,38 @@ import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
 import { IFormRendererRegistry } from '@jupyterlab/ui-components';
 import { ReadonlyPartialJSONObject } from '@lumino/coreutils';
+import { ISecretsManager } from 'jupyter-secrets-manager';
 
 import { ChatHandler } from './chat-handler';
 import { CompletionProvider } from './completion-provider';
-import { AIProviders } from './llm-models';
+import { defaultProviderPlugins } from './default-providers';
 import { AIProviderRegistry } from './provider';
 import { aiSettingsRenderer } from './settings/panel';
-import { renderSlashCommandOption } from './slash-commands';
 import { IAIProviderRegistry } from './tokens';
 
-const autocompletionRegistryPlugin: JupyterFrontEndPlugin<IAutocompletionRegistry> =
-  {
-    id: '@jupyterlite/ai:autocompletion-registry',
-    description: 'Autocompletion registry',
-    autoStart: true,
-    provides: IAutocompletionRegistry,
-    activate: () => {
-      const autocompletionRegistry = new AutocompletionRegistry();
-      const options = ['/clear'];
-      const autocompletionCommands: IAutocompletionCommandsProps = {
-        opener: '/',
-        commands: options.map(option => {
-          return {
-            id: option.slice(1),
-            label: option,
-            description: 'Clear the chat window'
-          };
-        }),
-        props: {
-          renderOption: renderSlashCommandOption
-        }
-      };
-      autocompletionRegistry.add('jupyterlite-ai', autocompletionCommands);
-      return autocompletionRegistry;
-    }
-  };
+const chatCommandRegistryPlugin: JupyterFrontEndPlugin<IChatCommandRegistry> = {
+  id: '@jupyterlite/ai:autocompletion-registry',
+  description: 'Autocompletion registry',
+  autoStart: true,
+  provides: IChatCommandRegistry,
+  activate: () => {
+    const registry = new ChatCommandRegistry();
+    registry.addProvider(new ChatHandler.ClearCommandProvider());
+    return registry;
+  }
+};
 
 const chatPlugin: JupyterFrontEndPlugin<void> = {
   id: '@jupyterlite/ai:chat',
   description: 'LLM chat extension',
   autoStart: true,
-  requires: [IAIProviderRegistry, IRenderMimeRegistry, IAutocompletionRegistry],
+  requires: [IAIProviderRegistry, IRenderMimeRegistry, IChatCommandRegistry],
   optional: [INotebookTracker, ISettingRegistry, IThemeManager],
   activate: async (
     app: JupyterFrontEnd,
     providerRegistry: IAIProviderRegistry,
     rmRegistry: IRenderMimeRegistry,
-    autocompletionRegistry: IAutocompletionRegistry,
+    chatCommandRegistry: IChatCommandRegistry,
     notebookTracker: INotebookTracker | null,
     settingsRegistry: ISettingRegistry | null,
     themeManager: IThemeManager | null
@@ -120,7 +104,7 @@ const chatPlugin: JupyterFrontEndPlugin<void> = {
         model: chatHandler,
         themeManager,
         rmRegistry,
-        autocompletionRegistry
+        chatCommandRegistry
       });
       chatWidget.title.caption = 'Jupyterlite AI Chat';
     } catch (e) {
@@ -154,19 +138,20 @@ const providerRegistryPlugin: JupyterFrontEndPlugin<IAIProviderRegistry> = {
   id: '@jupyterlite/ai:provider-registry',
   autoStart: true,
   requires: [IFormRendererRegistry, ISettingRegistry],
-  optional: [IRenderMimeRegistry],
+  optional: [IRenderMimeRegistry, ISecretsManager],
   provides: IAIProviderRegistry,
   activate: (
     app: JupyterFrontEnd,
     editorRegistry: IFormRendererRegistry,
     settingRegistry: ISettingRegistry,
-    rmRegistry?: IRenderMimeRegistry
+    rmRegistry?: IRenderMimeRegistry,
+    secretsManager?: ISecretsManager
   ): IAIProviderRegistry => {
     const providerRegistry = new AIProviderRegistry();
 
     editorRegistry.addRenderer(
       '@jupyterlite/ai:provider-registry.AIprovider',
-      aiSettingsRenderer({ providerRegistry, rmRegistry })
+      aiSettingsRenderer({ providerRegistry, rmRegistry, secretsManager })
     );
     settingRegistry
       .load(providerRegistryPlugin.id)
@@ -192,16 +177,14 @@ const providerRegistryPlugin: JupyterFrontEndPlugin<IAIProviderRegistry> = {
         );
       });
 
-    // Initialize the registry with the default providers
-    AIProviders.forEach(provider => providerRegistry.add(provider));
-
     return providerRegistry;
   }
 };
 
 export default [
   providerRegistryPlugin,
-  autocompletionRegistryPlugin,
+  chatCommandRegistryPlugin,
   chatPlugin,
-  completerPlugin
+  completerPlugin,
+  ...defaultProviderPlugins
 ];

package/src/provider.ts

@@ -4,7 +4,7 @@ import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 import { ISignal, Signal } from '@lumino/signaling';
 import { ReadonlyPartialJSONObject } from '@lumino/coreutils';
 
-import { IBaseCompleter } from './llm-models';
+import { IBaseCompleter } from './base-completer';
 import { IAIProvider, IAIProviderRegistry } from './tokens';
 import { JSONSchema7 } from 'json-schema';
 

package/src/settings/panel.tsx

@@ -1,16 +1,19 @@
 import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
 import { FormComponent, IFormRenderer } from '@jupyterlab/ui-components';
+import { ArrayExt } from '@lumino/algorithm';
 import { JSONExt } from '@lumino/coreutils';
 import { IChangeEvent } from '@rjsf/core';
 import type { FieldProps } from '@rjsf/utils';
 import validator from '@rjsf/validator-ajv8';
 import { JSONSchema7 } from 'json-schema';
+import { ISecretsManager } from 'jupyter-secrets-manager';
 import React from 'react';
 
-import baseSettings from './schemas/base.json';
+import baseSettings from './base.json';
 import { IAIProviderRegistry, IDict } from '../tokens';
 
+const SECRETS_NAMESPACE = '@jupyterlite/ai';
 const MD_MIME_TYPE = 'text/markdown';
 const STORAGE_NAME = '@jupyterlite/ai:settings';
 const INSTRUCTION_CLASS = 'jp-AISettingsInstructions';
@@ -18,6 +21,7 @@ const INSTRUCTION_CLASS = 'jp-AISettingsInstructions';
 export const aiSettingsRenderer = (options: {
   providerRegistry: IAIProviderRegistry;
   rmRegistry?: IRenderMimeRegistry;
+  secretsManager?: ISecretsManager;
 }): IFormRenderer => {
   return {
     fieldRenderer: (props: FieldProps) => {
@@ -49,8 +53,12 @@ export class AiSettings extends React.Component<
     }
     this._providerRegistry = props.formContext.providerRegistry;
     this._rmRegistry = props.formContext.rmRegistry ?? null;
+    this._secretsManager = props.formContext.secretsManager ?? null;
     this._settings = props.formContext.settings;
 
+    this._useSecretsManager =
+      (this._settings.get('UseSecretsManager').composite as boolean) ?? true;
+
     // Initialize the providers schema.
     const providerSchema = JSONExt.deepCopy(baseSettings) as any;
     providerSchema.properties.provider = {
@@ -95,6 +103,44 @@ export class AiSettings extends React.Component<
     this._settings
       .set('AIprovider', this._currentSettings)
       .catch(console.error);
+
+    this._settings.changed.connect(() => {
+      const useSecretsManager =
+        (this._settings.get('UseSecretsManager').composite as boolean) ?? true;
+      if (useSecretsManager !== this._useSecretsManager) {
+        this.updateUseSecretsManager(useSecretsManager);
+      }
+    });
+  }
+
+  async componentDidUpdate(): Promise<void> {
+    if (!this._secretsManager || !this._useSecretsManager) {
+      return;
+    }
+    // Attach the password inputs to the secrets manager only if they have changed.
+    const inputs = this._formRef.current?.getElementsByTagName('input') || [];
+    if (ArrayExt.shallowEqual(inputs, this._formInputs)) {
+      return;
+    }
+
+    await this._secretsManager.detachAll(SECRETS_NAMESPACE);
+    this._formInputs = [...inputs];
+    this._unsavedFields = [];
+    for (let i = 0; i < inputs.length; i++) {
+      if (inputs[i].type.toLowerCase() === 'password') {
+        const label = inputs[i].getAttribute('label');
+        if (label) {
+          const id = `${this._provider}-${label}`;
+          this._secretsManager.attach(
+            SECRETS_NAMESPACE,
+            id,
+            inputs[i],
+            (value: string) => this._onPasswordUpdated(label, value)
+          );
+          this._unsavedFields.push(label);
+        }
+      }
+    }
   }
 
   /**
@@ -126,11 +172,38 @@ export class AiSettings extends React.Component<
    * Save settings in local storage for a given provider.
    */
   saveSettings(value: IDict<any>) {
+    const currentSettings = { ...value };
     const settings = JSON.parse(localStorage.getItem(STORAGE_NAME) ?? '{}');
-    settings[this._provider] = value;
+    this._unsavedFields.forEach(field => delete currentSettings[field]);
+    settings[this._provider] = currentSettings;
     localStorage.setItem(STORAGE_NAME, JSON.stringify(settings));
   }
 
+  private updateUseSecretsManager = (value: boolean) => {
+    this._useSecretsManager = value;
+    if (!value) {
+      // Detach all the password inputs attached to the secrets manager, and save the
+      // current settings to the local storage to save the password.
+      this._secretsManager?.detachAll(SECRETS_NAMESPACE);
+      this._formInputs = [];
+      this._unsavedFields = [];
+      this.saveSettings(this._currentSettings);
+    } else {
+      // Remove all the keys stored locally and attach the password inputs to the
+      // secrets manager.
+      const settings = JSON.parse(localStorage.getItem(STORAGE_NAME) || '{}');
+      Object.keys(settings).forEach(provider => {
+        Object.keys(settings[provider])
+          .filter(key => key.toLowerCase().includes('key'))
+          .forEach(key => {
+            delete settings[provider][key];
+          });
+      });
+      localStorage.setItem(STORAGE_NAME, JSON.stringify(settings));
+      this.componentDidUpdate();
+    }
+  };
+
   /**
    * Update the UI schema of the form.
    * Currently use to hide API keys.
@@ -206,6 +279,17 @@ export class AiSettings extends React.Component<
       .catch(console.error);
   };
 
+  /**
+   * Callback function called when the password input has been programmatically updated
+   * with the secret manager.
+   */
+  private _onPasswordUpdated = (fieldName: string, value: string) => {
+    this._currentSettings[fieldName] = value;
+    this._settings
+      .set('AIprovider', { provider: this._provider, ...this._currentSettings })
+      .catch(console.error);
+  };
+
   /**
    * Triggered when the form value has changed, to update the current settings and save
    * it in local storage.
@@ -221,7 +305,7 @@ export class AiSettings extends React.Component<
 
   render(): JSX.Element {
     return (
-      <>
+      <div ref={this._formRef}>
         <WrappedFormComponent
           formData={{ provider: this._provider }}
           schema={this._providerSchema}
@@ -243,15 +327,20 @@ export class AiSettings extends React.Component<
           onChange={this._onFormChange}
           uiSchema={this._uiSchema}
         />
-      </>
+      </div>
     );
   }
 
   private _providerRegistry: IAIProviderRegistry;
   private _provider: string;
   private _providerSchema: JSONSchema7;
+  private _useSecretsManager: boolean;
   private _rmRegistry: IRenderMimeRegistry | null;
+  private _secretsManager: ISecretsManager | null;
   private _currentSettings: IDict<any> = { provider: 'None' };
   private _uiSchema: IDict<any> = {};
   private _settings: ISettingRegistry.ISettings;
+  private _formRef = React.createRef<HTMLDivElement>();
+  private _unsavedFields: string[] = [];
+  private _formInputs: HTMLInputElement[] = [];
 }

package/src/tokens.ts

@@ -3,7 +3,7 @@ import { ReadonlyPartialJSONObject, Token } from '@lumino/coreutils';
 import { ISignal } from '@lumino/signaling';
 import { JSONSchema7 } from 'json-schema';
 
-import { IBaseCompleter } from './llm-models';
+import { IBaseCompleter } from './base-completer';
 
 export interface IDict<T = any> {
   [key: string]: T;

package/lib/llm-models/index.d.ts

@@ -1,4 +0,0 @@
-import { IAIProvider } from '../tokens';
-export * from './base-completer';
-declare const AIProviders: IAIProvider[];
-export { AIProviders };

package/lib/llm-models/index.js

@@ -1,43 +0,0 @@
-import { ChatAnthropic } from '@langchain/anthropic';
-import { ChromeAI } from '@langchain/community/experimental/llms/chrome_ai';
-import { ChatMistralAI } from '@langchain/mistralai';
-import { ChatOpenAI } from '@langchain/openai';
-import { AnthropicCompleter } from './anthropic-completer';
-import { CodestralCompleter } from './codestral-completer';
-import { ChromeCompleter } from './chrome-completer';
-import { OpenAICompleter } from './openai-completer';
-import { instructions } from '../settings/instructions';
-import { ProviderSettings } from '../settings/schemas';
-export * from './base-completer';
-const AIProviders = [
-    {
-        name: 'Anthropic',
-        chatModel: ChatAnthropic,
-        completer: AnthropicCompleter,
-        settingsSchema: ProviderSettings.Anthropic,
-        errorMessage: (error) => error.error.error.message
-    },
-    {
-        name: 'ChromeAI',
-        // TODO: fix
-        // @ts-expect-error: missing properties
-        chatModel: ChromeAI,
-        completer: ChromeCompleter,
-        instructions: instructions.ChromeAI,
-        settingsSchema: ProviderSettings.ChromeAI
-    },
-    {
-        name: 'MistralAI',
-        chatModel: ChatMistralAI,
-        completer: CodestralCompleter,
-        instructions: instructions.MistralAI,
-        settingsSchema: ProviderSettings.MistralAI
-    },
-    {
-        name: 'OpenAI',
-        chatModel: ChatOpenAI,
-        completer: OpenAICompleter,
-        settingsSchema: ProviderSettings.OpenAI
-    }
-];
-export { AIProviders };

package/lib/settings/instructions.d.ts

@@ -1,2 +0,0 @@
-import { IDict } from '../tokens';
-export declare const instructions: IDict;

package/lib/settings/instructions.js

@@ -1,44 +0,0 @@
-const chromeAiInstructions = `
-<i class="fas fa-exclamation-triangle"></i> Support for ChromeAI is still experimental and only available in Google Chrome.
-
-You can test ChromeAI is enabled in your browser by going to the following URL: https://chromeai.org/
-
-Enable the proper flags in Google Chrome.
-
-- chrome://flags/#prompt-api-for-gemini-nano
-  - Select: \`Enabled\`
-- chrome://flags/#optimization-guide-on-device-model
-  - Select: \`Enabled BypassPrefRequirement\`
-- chrome://components
-  - Click \`Check for Update\` on Optimization Guide On Device Model to download the model
-- [Optional] chrome://flags/#text-safety-classifier
-
-<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">
-
-Then restart Chrome for these changes to take effect.
-
-<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).
-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
-`;
-const mistralAIInstructions = `
-<i class="fas fa-exclamation-triangle"></i> This extension is still very much experimental. It is not an official MistralAI extension.
-
-1. Go to https://console.mistral.ai/api-keys/ and create an API key.
-
-<img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/1-api-key.png" alt="Screenshot showing how to create an API key" width="500px">
-
-2. Open the JupyterLab settings and go to the **Ai providers** section to select the \`MistralAI\`
-   provider and the API key (required).
-
-<img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/2-jupyterlab-settings.png" alt="Screenshot showing how to add the API key to the settings" width="500px">
-
-3. Open the chat, or use the inline completer
-
-<img src="https://raw.githubusercontent.com/jupyterlite/ai/refs/heads/main/img/3-usage.png" alt="Screenshot showing how to use the chat" width="500px">
-`;
-export const instructions = {
-    ChromeAI: chromeAiInstructions,
-    MistralAI: mistralAIInstructions
-};