wiseguru_ReWrite-Voice-Notes/src/ui/setup-card.ts

import { Platform, Setting } from 'obsidian';
import { EnvironmentProfile, LLMProviderID, TranscriptionProviderID } from '../types';

const TRANSCRIPTION_OPTIONS: Array<{ id: TranscriptionProviderID; label: string; desktopOnly?: boolean }> = [
	{ id: 'openai', label: 'OpenAI Whisper' },
	{ id: 'openai-compatible', label: 'OpenAI-compatible (local server)' },
	{ id: 'groq', label: 'Groq' },
	{ id: 'assemblyai', label: 'AssemblyAI' },
	{ id: 'deepgram', label: 'Deepgram' },
	{ id: 'revai', label: 'Rev.ai' },
	{ id: 'mistral-voxtral', label: 'Mistral Voxtral' },
	{ id: 'webspeech', label: 'Web Speech (browser)' },
	{ id: 'whisper-local', label: 'Local whisper.cpp (desktop only)', desktopOnly: true },
];

const LLM_OPTIONS: Array<{ id: LLMProviderID; label: string }> = [
	{ id: 'anthropic', label: 'Anthropic Claude' },
	{ id: 'openai', label: 'OpenAI GPT' },
	{ id: 'openai-compatible', label: 'OpenAI-compatible (local server)' },
	{ id: 'gemini', label: 'Google Gemini' },
	{ id: 'mistral', label: 'Mistral' },
];

export function isProfileConfigured(profile: EnvironmentProfile): boolean {
	const tx = profile.transcriptionProvider;
	if (tx !== 'webspeech') {
		if (!profile.transcriptionConfig.model) return false;
		if (tx !== 'whisper-local' && !profile.transcriptionConfig.apiKey) return false;
		if (tx === 'openai-compatible' && !profile.transcriptionConfig.baseUrl.trim()) return false;
	}
	return isProfileConfiguredForText(profile);
}

export function isProfileConfiguredForText(profile: EnvironmentProfile): boolean {
	if (!profile.llmConfig.model) return false;
	if (!profile.llmConfig.apiKey) return false;
	if (profile.llmProvider === 'openai-compatible' && !profile.llmConfig.baseUrl.trim()) return false;
	return true;
}

export interface SetupCardParams {
	container: HTMLElement;
	profile: EnvironmentProfile;
	profileLabel: string;
	purpose?: 'voice' | 'text';
	onSaved: () => Promise<void>;
	onOpenSettings: () => void;
}

export function renderSetupCard(params: SetupCardParams): void {
	const { container, profile, profileLabel } = params;
	const purpose = params.purpose ?? 'voice';
	const card = container.createDiv({ cls: 'rewrite-setup-card' });
	card.createEl('h3', { text: 'Setup required' });
	card.createEl('p', {
		text: purpose === 'text'
			? `Your ${profileLabel} profile needs an LLM provider to process text. Fill in the basics here or open settings.`
			: `Your ${profileLabel} profile needs a transcription provider and an LLM. Fill in the basics here or open settings for full configuration.`,
	});

	if (purpose === 'voice') {
		new Setting(card)
			.setName('Transcription provider')
			.addDropdown((dd) => {
				for (const opt of TRANSCRIPTION_OPTIONS) {
					if (opt.desktopOnly && !Platform.isDesktop) continue;
					dd.addOption(opt.id, opt.label);
				}
				dd.setValue(profile.transcriptionProvider);
				dd.onChange((v) => {
					profile.transcriptionProvider = v as TranscriptionProviderID;
					profile.transcriptionConfig.apiKey = '';
					container.empty();
					renderSetupCard(params);
				});
			});

		if (profile.transcriptionProvider !== 'webspeech') {
			new Setting(card)
				.setName('Transcription model')
				.setDesc(modelPlaceholderForTranscription(profile.transcriptionProvider))
				.addText((t) => {
					t.setValue(profile.transcriptionConfig.model);
					t.onChange((v) => {
						profile.transcriptionConfig.model = v;
					});
				});

			if (profile.transcriptionProvider === 'openai-compatible') {
				new Setting(card)
					.setName('Transcription base URL')
					.setDesc('e.g. http://localhost:8080 (whisper.cpp, faster-whisper-server)')
					.addText((t) => {
						t.setValue(profile.transcriptionConfig.baseUrl);
						t.onChange((v) => {
							profile.transcriptionConfig.baseUrl = v;
						});
					});
			}

			if (profile.transcriptionProvider !== 'whisper-local') {
				renderApiKeyField(card, {
					label: 'Transcription API key',
					placeholder: 'Saved securely on this device',
					getValue: () => profile.transcriptionConfig.apiKey,
					setValue: (v) => { profile.transcriptionConfig.apiKey = v; },
				});
			}
		}
	}

	new Setting(card)
		.setName('LLM provider')
		.addDropdown((dd) => {
			for (const opt of LLM_OPTIONS) dd.addOption(opt.id, opt.label);
			dd.setValue(profile.llmProvider);
			dd.onChange((v) => {
				profile.llmProvider = v as LLMProviderID;
				profile.llmConfig.apiKey = '';
				container.empty();
				renderSetupCard(params);
			});
		});

	new Setting(card)
		.setName('LLM model')
		.setDesc(modelPlaceholderForLLM(profile.llmProvider))
		.addText((t) => {
			t.setValue(profile.llmConfig.model);
			t.onChange((v) => {
				profile.llmConfig.model = v;
			});
		});

	if (profile.llmProvider === 'openai-compatible') {
		new Setting(card)
			.setName('LLM base URL')
			.setDesc('e.g. http://localhost:11434/v1 (Ollama) or http://localhost:1234/v1 (LM Studio)')
			.addText((t) => {
				t.setValue(profile.llmConfig.baseUrl);
				t.onChange((v) => {
					profile.llmConfig.baseUrl = v;
				});
			});
	}

	renderApiKeyField(card, {
		label: 'LLM API key',
		placeholder: 'Saved securely on this device',
		getValue: () => profile.llmConfig.apiKey,
		setValue: (v) => { profile.llmConfig.apiKey = v; },
	});

	const actions = card.createDiv({ cls: 'rewrite-setup-actions' });
	const saveBtn = actions.createEl('button', { text: 'Save and continue', cls: 'mod-cta' });
	saveBtn.addEventListener('click', () => {
		void params.onSaved();
	});
	const openSettings = actions.createEl('button', { text: 'Open full settings' });
	openSettings.addEventListener('click', () => params.onOpenSettings());
}

interface KeyField {
	label: string;
	placeholder: string;
	getValue: () => string;
	setValue: (v: string) => void;
}

function renderApiKeyField(container: HTMLElement, field: KeyField): void {
	new Setting(container)
		.setName(field.label)
		.addText((t) => {
			t.inputEl.type = 'password';
			t.setPlaceholder(field.placeholder);
			t.setValue(field.getValue());
			t.onChange((v) => field.setValue(v));
		});
}

function modelPlaceholderForTranscription(id: TranscriptionProviderID): string {
	switch (id) {
		case 'openai':
			return 'e.g. whisper-1';
		case 'groq':
			return 'e.g. whisper-large-v3-turbo';
		case 'assemblyai':
			return 'Optional. e.g. universal or nano';
		case 'deepgram':
			return 'e.g. nova-2 or nova-3';
		case 'revai':
			return 'Optional transcriber name';
		case 'mistral-voxtral':
			return 'e.g. voxtral-mini-latest or voxtral-small-latest';
		case 'openai-compatible':
			return 'Whichever model your local server exposes';
		case 'whisper-local':
			return 'Any value works; the loaded model is set at server start';
		case 'webspeech':
			return '';
	}
}

function modelPlaceholderForLLM(id: LLMProviderID): string {
	switch (id) {
		case 'anthropic':
			return 'e.g. claude-sonnet-4-5 or claude-haiku-4-5-20251001';
		case 'openai':
			return 'e.g. gpt-4o-mini';
		case 'gemini':
			return 'e.g. gemini-2.0-flash';
		case 'mistral':
			return 'e.g. mistral-large-latest';
		case 'openai-compatible':
			return 'Whichever model your local server exposes';
	}
}