@@ -45,28 +45,39 @@ export default class AgentSettingsSection extends SettingsSection }) ); + new Setting(containerEl) + .setName('OpenRouter API key') + .setDesc('Your OpenRouter API key') + .addText(text => + text + .setPlaceholder('OpenRouter API key') + .setValue(this.settings.OPENROUTER_API_KEY) + .onChange(async value => { + this.settings.OPENROUTER_API_KEY = value; + await this.saveSettings(); + }) + ); + new Setting(containerEl) .setName('Model type') .setDesc('The model to use for generating text') - .addDropdown( - ((dropdown: DropdownComponent) => { - // Add all the options - Object.entries(ModelDisplayNames).forEach(([key, value]) => { - dropdown.addOption(key, value); - }); + .addDropdown((dropdown: DropdownComponent) => { + // Add all the options + Object.entries(ModelDisplayNames).forEach(([key, value]) => { + dropdown.addOption(key, value); + }); - const loadedModel = isAvailableModel(this.settings.MODEL_TYPE) ? this.settings.MODEL_TYPE : 'gpt-4o-mini'; + const loadedModel = isAvailableModel(this.settings.MODEL_TYPE) ? this.settings.MODEL_TYPE : 'gpt-4o-mini'; - dropdown.setValue(loadedModel).onChange(async value => { - if (!isAvailableModel(value)) { - console.error('Invalid model: ' + value); - return; - } - this.settings.MODEL_TYPE = value; - await this.saveSettings(); - }); - }).bind(this) - ); + dropdown.setValue(loadedModel).onChange(async value => { + if (!isAvailableModel(value)) { + console.error('Invalid model: ' + value); + return; + } + this.settings.MODEL_TYPE = value; + await this.saveSettings(); + }); + }); new Setting(containerEl) .setName('Text to speech language') 22:T455,@@ -5,8 +5,12 @@ import remarkGfm from 'remark-gfm'; import * as React from 'react'; import { dracula } from 'react-syntax-highlighter/dist/esm/styles/prism'; -const SyntaxHighlighter = React.lazy(() => - import('react-syntax-highlighter').then(module => ({ default: module.Prism })) +const LazySyntaxHighlighter = React.lazy( + () => + import('react-syntax-highlighter').then(module => ({ + // eslint-disable-next-line @typescript-eslint/no-explicit-any + default: module.Prism as unknown as React.ComponentType, + })) // @ts-ignore ); export default function MarkdownViewer({ markdown }: { markdown: string }) { @@ -23,7 +27,7 @@ export default function MarkdownViewer({ markdown }: { markdown: string }) {

- = { 'gpt-4o-mini': 'GPT4o-mini', 'gpt-4o': 'GPT4o', @@ -16,6 +17,21 @@ export const ModelDisplayNames: Record = { 'gemini-1.5-flash': 'Gemini 1.5 Flash', }; +export async function loadDynamicModels(): Promise { + const res = await fetch('https://openrouter.ai/api/v1/models'); + if (res.status !== 200) { + return; + } + + const { data } = (await res.json()) as { data: Array<{ id: string; name: string }> }; + + data.sort((a, b) => a.id.localeCompare(b.id)); + + for (const model of data) { + ModelDisplayNames[`openrouter:${model.id}`] = `OpenRouter: ${model.name}`; + } +} +

Arcana