Merge pull request #231 from voideditor/model-selection

DeepSeek as a provider

src/vs/platform/void/common/voidSettingsService.ts

@@ -115,8 +115,13 @@ class VoidSettingsService extends Disposable implements IVoidSettingsService {
 		this.waitForInitState = new Promise((res, rej) => resolver = res)
 
 		// read and update the actual state immediately
-		this._readState().then(s => {
-			this.state = s
+		this._readState().then(readS => {
+
+			// THIS IS A HACK BECAUSE WE ADDED DEEPSEEK
+			const deepseekAdd = { deepseek: defaultSettingsOfProvider['deepseek'] }
+			readS = { ...readS, settingsOfProvider: { ...deepseekAdd, ...readS.settingsOfProvider, } }
+
+			this.state = readS
 			resolver()
 			this._onDidChangeState.fire('all')
 		})

src/vs/platform/void/common/voidSettingsTypes.ts

@@ -77,6 +77,11 @@ export const defaultOpenAIModels = modelInfoOfDefaultNames([
 	// 'gpt-3.5-turbo-1106',
 ])
 
+// https://platform.openai.com/docs/models/gp
+export const defaultDeepseekModels = modelInfoOfDefaultNames([
+	'deepseek-chat',
+	'deepseek-reasoner',
+])
 
 
 // https://console.groq.com/docs/models
@@ -130,6 +135,9 @@ export const defaultProviderSettings = {
 	openAI: {
 		apiKey: '',
 	},
+	deepseek: {
+		apiKey: '',
+	},
 	ollama: {
 		endpoint: 'http://127.0.0.1:11434',
 	},
@@ -198,6 +206,11 @@ export const displayInfoOfProviderName = (providerName: ProviderName): DisplayIn
 			title: 'OpenAI',
 		}
 	}
+	else if (providerName === 'deepseek') {
+		return {
+			title: 'DeepSeek',
+		}
+	}
 	else if (providerName === 'openRouter') {
 		return {
 			title: 'OpenRouter',
@@ -239,19 +252,21 @@ export const displayInfoOfSettingName = (providerName: ProviderName, settingName
 			title: 'API Key',
 			placeholder: providerName === 'anthropic' ? 'sk-ant-key...' : // sk-ant-api03-key
 				providerName === 'openAI' ? 'sk-proj-key...' :
-					providerName === 'openRouter' ? 'sk-or-key...' : // sk-or-v1-key
-						providerName === 'gemini' ? 'key...' :
-							providerName === 'groq' ? 'gsk_key...' :
-								providerName === 'openAICompatible' ? 'sk-key...' :
-									'(never)',
+					providerName === 'deepseek' ? 'sk-...' :
+						providerName === 'openRouter' ? 'sk-or-key...' : // sk-or-v1-key
+							providerName === 'gemini' ? 'key...' :
+								providerName === 'groq' ? 'gsk_key...' :
+									providerName === 'openAICompatible' ? 'sk-key...' :
+										'',
 
 			subTextMd: providerName === 'anthropic' ? 'Get your [API Key here](https://console.anthropic.com/settings/keys).' :
 				providerName === 'openAI' ? 'Get your [API Key here](https://platform.openai.com/api-keys).' :
-					providerName === 'openRouter' ? 'Get your [API Key here](https://openrouter.ai/settings/keys).' :
-						providerName === 'gemini' ? 'Get your [API Key here](https://aistudio.google.com/apikey).' :
-							providerName === 'groq' ? 'Get your [API Key here](https://console.groq.com/keys).' :
-								providerName === 'openAICompatible' ? 'Add any OpenAI-Compatible endpoint.' :
-									undefined,
+					providerName === 'deepseek' ? 'Get your [API Key here](https://platform.deepseek.com/api_keys).' :
+						providerName === 'openRouter' ? 'Get your [API Key here](https://openrouter.ai/settings/keys).' :
+							providerName === 'gemini' ? 'Get your [API Key here](https://aistudio.google.com/apikey).' :
+								providerName === 'groq' ? 'Get your [API Key here](https://console.groq.com/keys).' :
+									providerName === 'openAICompatible' ? 'Add any OpenAI-Compatible endpoint.' :
+										'',
 		}
 	}
 	else if (settingName === 'endpoint') {
@@ -300,6 +315,9 @@ export const voidInitModelOptions = {
 	openAI: {
 		models: defaultOpenAIModels,
 	},
+	deepseek: {
+		models: defaultDeepseekModels,
+	},
 	ollama: {
 		models: [],
 	},
@@ -332,6 +350,12 @@ export const defaultSettingsOfProvider: SettingsOfProvider = {
 		...defaultProviderSettings.openAI,
 		...voidInitModelOptions.openAI,
 	},
+	deepseek: {
+		...defaultCustomSettings,
+		...defaultProviderSettings.deepseek,
+		...voidInitModelOptions.deepseek,
+		_enabled: undefined,
+	},
 	gemini: {
 		...defaultCustomSettings,
 		...defaultProviderSettings.gemini,

src/vs/platform/void/electron-main/llmMessage/openai.ts

@@ -69,6 +69,14 @@ export const sendOpenAIMsg: _InternalSendLLMMessageFnType = ({ messages, onText,
 		});
 		options = { model: modelName, messages: messages, stream: true, /*max_completion_tokens: parseMaxTokensStr(thisConfig.maxTokens)*/ }
 	}
+	else if (providerName === 'deepseek') {
+		const thisConfig = settingsOfProvider.deepseek
+		openai = new OpenAI({
+			baseURL: 'https://api.deepseek.com/v1', apiKey: thisConfig.apiKey, dangerouslyAllowBrowser: true,
+		});
+		options = { model: modelName, messages: messages, stream: true, /*max_completion_tokens: parseMaxTokensStr(thisConfig.maxTokens)*/ }
+
+	}
 	else if (providerName === 'openAICompatible') {
 		const thisConfig = settingsOfProvider.openAICompatible
 		openai = new OpenAI({ baseURL: thisConfig.endpoint, apiKey: thisConfig.apiKey, dangerouslyAllowBrowser: true })

src/vs/platform/void/electron-main/llmMessage/sendLLMMessage.ts

@@ -119,6 +119,7 @@ export const sendLLMMessage = ({
 				break;
 			case 'openAI':
 			case 'openRouter':
+			case 'deepseek':
 			case 'openAICompatible':
 				sendOpenAIMsg({ messages, onText, onFinalMessage, onError, settingsOfProvider, modelName, _setAborter, providerName });
 				break;

src/vs/workbench/contrib/void/browser/react/src/quick-edit-tsx/QuickEditChat.tsx

@@ -79,7 +79,7 @@ export const QuickEditChat = ({
 
 	const keybindingString = accessor.get('IKeybindingService').lookupKeybinding(VOID_CTRL_K_ACTION_ID)?.getLabel()
 
-	return <div ref={sizerRef} style={{ maxWidth: 500 }} className={`py-2 w-full`}>
+	return <div ref={sizerRef} style={{ maxWidth: 450 }} className={`py-2 w-full`}>
 		<form
 			// copied from SidebarChat.tsx
 			className={`
@@ -145,8 +145,8 @@ export const QuickEditChat = ({
 					{/* X button */}
 					<div className='absolute -top-1 -right-1 cursor-pointer z-1'>
 						<IconX
-							size={16}
-							className="p-[1px] stroke-[2] opacity-80 text-void-fg-3 hover:brightness-95"
+							size={12}
+							className="stroke-[2] opacity-80 text-void-fg-3 hover:brightness-95"
 							onClick={onX}
 						/>
 					</div>