AI Assistant: fix voice button contrast + hide OpenRouter models from dropdown #77

New issue

Closed

opened 2026-03-23 02:19:59 +00:00 by mik-tf · 1 comment

mik-tf commented

2026-03-23 02:19:59 +00:00

Owner

Problems

1. Voice control buttons have poor contrast

Auto-read toggle: nearly invisible in both dark and light mode (no icon, no label, grey-on-grey)
Wake/Convo OFF state: grey on grey in dark mode, barely visible
Wake ON state: looks good (yellow/black) — use as reference for all buttons
Buttons too small (11-12px font, 4px padding)

Model dropdown shows internal OpenRouter model names (google/gemini-3-flash, etc.)
Users should only see aibroker model names (claude-sonnet-4.5, etc.)
OpenRouter is an internal fallback — not a user-facing choice
STT/TTS dont use these models (Groq Whisper for STT, browser API for TTS)

Fix

Buttons (hero_archipelagos island.rs)

Add "Read" text label to auto-read toggle
All OFF state buttons: visible border + lighter text
All ON state buttons: keep colored backgrounds (purple/yellow/green)
Consistent sizing: padding 5px 10px, font 12px, border-radius 6px
Auto-read icon bigger (16px)

Models (hero_agent routes.rs)

Config API: only return aibroker_models, hide openrouter_models from dropdown
Internal LLM routing unchanged — OpenRouter still works as fallback

## Problems ### 1. Voice control buttons have poor contrast - Auto-read toggle: nearly invisible in both dark and light mode (no icon, no label, grey-on-grey) - Wake/Convo OFF state: grey on grey in dark mode, barely visible - Wake ON state: looks good (yellow/black) — use as reference for all buttons - Buttons too small (11-12px font, 4px padding) ### 2. OpenRouter models visible in dropdown - Model dropdown shows internal OpenRouter model names (google/gemini-3-flash, etc.) - Users should only see aibroker model names (claude-sonnet-4.5, etc.) - OpenRouter is an internal fallback — not a user-facing choice - STT/TTS dont use these models (Groq Whisper for STT, browser API for TTS) ## Fix ### Buttons (hero_archipelagos island.rs) - [ ] Add "Read" text label to auto-read toggle - [ ] All OFF state buttons: visible border + lighter text - [ ] All ON state buttons: keep colored backgrounds (purple/yellow/green) - [ ] Consistent sizing: padding 5px 10px, font 12px, border-radius 6px - [ ] Auto-read icon bigger (16px) ### Models (hero_agent routes.rs) - [ ] Config API: only return aibroker_models, hide openrouter_models from dropdown - [ ] Internal LLM routing unchanged — OpenRouter still works as fallback

mik-tf commented

2026-03-23 02:22:40 +00:00

Author

Owner

Fixed

Button styling

All OFF state: transparent background + visible grey border — readable in both dark and light themes
All ON state: colored backgrounds (purple=Read, yellow=Wake, green=Convo) with white/black text
Added "Read" text label to auto-read toggle
Bigger icon (16px) for auto-read
Consistent sizing: 5px 10px padding, 12px font, 6px border-radius

Config API now only returns aibroker models (claude-sonnet-4.5, claude-haiku-4.5, gpt-4o-mini, llama-3.3-70b-versatile)
OpenRouter models hidden from UI — still used internally as fallback
Falls back to showing OpenRouter if no aibroker configured

Repos

hero_archipelagos: island.rs button styles
hero_agent: routes.rs config API

Building with dist-clean-wasm, will deploy as v0.6.4-dev.

## Fixed ### Button styling - All OFF state: transparent background + visible grey border — readable in both dark and light themes - All ON state: colored backgrounds (purple=Read, yellow=Wake, green=Convo) with white/black text - Added "Read" text label to auto-read toggle - Bigger icon (16px) for auto-read - Consistent sizing: 5px 10px padding, 12px font, 6px border-radius ### Model dropdown - Config API now only returns aibroker models (claude-sonnet-4.5, claude-haiku-4.5, gpt-4o-mini, llama-3.3-70b-versatile) - OpenRouter models hidden from UI — still used internally as fallback - Falls back to showing OpenRouter if no aibroker configured ### Repos - hero_archipelagos: island.rs button styles - hero_agent: routes.rs config API Building with dist-clean-wasm, will deploy as v0.6.4-dev.