feat: redesign mic button UI, restructure README (RU first) (#9 )

## UI Changes

- Replace emoji icons (🎤⏻⌛) with clean SVG (Material Design mic, stop,
spinner)
- Move button to **top-right corner** of composer (both PC and mobile)
- Separate timer pill element — no more cramped/overlapping timer inside
button
- Pulsing red dot + monospace timer during recording
- Spinner animation during transcription
- Ensure composer is `position: relative` for absolute positioning

## README

- Russian section first, then English
- Minimalistic: removed Development/CI-CD sections
- Prominent one-click install link
- Kept: compatibility table, setup, usage, auto-update, settings

## Test Results

- ✅ 44 tests passed
- ✅ 100% coverage
- ✅ Lint, Typecheck, Knip — clean
- ✅ Build: 20.13 KB

Co-authored-by: opencode-agent <agent@slaid098.dev>

2026-07-08 09:08:12 +03:00

4.7 KiB

Raw Blame History

OpenCode Voice Dictation / Голосовая диктовка для OpenCode

Русский

Голосовая диктовка для OpenCode web через Whisper (Groq API). Качество как в Cursor. Работает на ПК и телефоне.

Установка

Установить скрипт — открой ссылку в браузере с Violentmonkey/Tampermonkey и подтверди установку.

Или скачай с Releases и импортируй вручную.

Совместимость

Платформа	Браузер	Менеджер скриптов	Статус
ПК	Vivaldi	Violentmonkey	✅
ПК	Chrome	Tampermonkey	✅
ПК	Firefox	Tampermonkey	✅
Android	Firefox	Tampermonkey	✅
Android	Vivaldi	—	❌ Нет расширений
Android	Chrome	—	❌ Нет расширений

Настройка

Получи бесплатный ключ на console.groq.com/keys
Открой OpenCode web
Меню Violentmonkey/Tampermonkey → Set Groq API Key → вставь gsk_...

Использование

Нажми кнопку микрофона в правом верхнем углу поля ввода
Говори (виден таймер записи)
Нажми снова — текст появится в поле ввода
На ПК: Ctrl+Space — горячая клавиша

Автообновление

Скрипт обновляется сам. При пуше в main CI собирает новую версию и публикует в ветку dist. Пользователи получают обновление автоматически.

Настройки

Пункт меню	Описание
Set Groq API Key	Ключ `gsk_...`
Toggle Auto-Submit	Отправлять после транскрипции
Set Whisper Model	`whisper-large-v3` или `whisper-large-v3-turbo`
Set Language	`ru`, `en` или пусто (авто)
Set Whisper Prompt	Контекст для точности

English

Voice dictation for OpenCode web via Whisper (Groq API). Cursor-quality transcription. Works on desktop and mobile.

Install

Install Script — open this link in a browser with Violentmonkey/Tampermonkey and confirm installation.

Or download from Releases and import manually.

Compatibility

Platform	Browser	Userscript Manager	Status
Desktop	Vivaldi	Violentmonkey	✅
Desktop	Chrome	Tampermonkey	✅
Desktop	Firefox	Tampermonkey	✅
Android	Firefox	Tampermonkey	✅
Android	Vivaldi	—	❌ No extensions
Android	Chrome	—	❌ No extensions

Setup

Get a free API key at console.groq.com/keys
Open OpenCode web
Violentmonkey/Tampermonkey menu → Set Groq API Key → paste gsk_...

Usage

Click the mic button in the top-right corner of the input area
Speak (recording timer is displayed)
Click again — transcribed text appears in the input
Desktop: Ctrl+Space shortcut

Auto-Update

The script updates automatically. When code is pushed to main, CI builds and publishes to the dist branch. Users receive updates automatically.

Settings

Menu Item	Description
Set Groq API Key	API key `gsk_...`
Toggle Auto-Submit	Auto-send after transcription
Set Whisper Model	`whisper-large-v3` or `whisper-large-v3-turbo`
Set Language	`ru`, `en`, or empty (auto-detect)
Set Whisper Prompt	Context for accuracy

License

MIT — see LICENSE

4.7 KiB Raw Blame History Unescape Escape