feat(web): polish master chat with model selector, params config, and empty state #519

jason.woltje · 2026-02-26T03:17:09Z

jason.woltje commented

2026-02-26 03:17:09 +00:00

Summary

Add model selector dropdown with 4 models (localStorage persisted)
Add temperature slider (0.0-2.0) and max tokens config with settings popover
Add ChatEmptyState component with greeting and 4 suggested prompts
Add Cmd+N and Cmd+L keyboard shortcuts for new conversation
Add new conversation button to ChatOverlay header
46 new unit tests (ChatInput, ChatEmptyState, ChatOverlay)

Test plan

34 ChatInput tests (model selector, params, suggestion fill)
12 ChatEmptyState tests
Updated ChatOverlay tests
1276 total web tests pass
TypeScript typecheck clean
Lint clean

Relates to #510

## Summary - Add model selector dropdown with 4 models (localStorage persisted) - Add temperature slider (0.0-2.0) and max tokens config with settings popover - Add ChatEmptyState component with greeting and 4 suggested prompts - Add Cmd+N and Cmd+L keyboard shortcuts for new conversation - Add new conversation button to ChatOverlay header - 46 new unit tests (ChatInput, ChatEmptyState, ChatOverlay) ## Test plan - [x] 34 ChatInput tests (model selector, params, suggestion fill) - [x] 12 ChatEmptyState tests - [x] Updated ChatOverlay tests - [x] 1276 total web tests pass - [x] TypeScript typecheck clean - [x] Lint clean Relates to #510

jason.woltje added 1 commit 2026-02-26 03:17:10 +00:00

feat(web): polish master chat overlay with model selector, params, empty state, and keyboard shortcuts

ci/woodpecker/push/web Pipeline was successful

Details

066272e6b1

- Add model selector chip/dropdown in ChatInput with 4 models (llama3.2, claude-3.5-sonnet, gpt-4o, deepseek-r1)
- Add temperature slider (0.0–2.0) and max tokens input (100–32000) via settings popover
- Persist model, temperature, and max tokens in localStorage across sessions
- Wire model/temperature/maxTokens state up through Chat.tsx to useChat hook
- Add ChatEmptyState component with greeting and 4 clickable suggested prompts
- Clicking a suggestion pre-fills the ChatInput textarea via externalValue prop
- Add Cmd/Ctrl+N and Cmd/Ctrl+L keyboard shortcuts to start new conversation
- Add "New conversation" button in ChatOverlay header with Cmd+N tooltip
- Show ChatEmptyState when conversation has only the welcome message
- Write 63 tests covering model selector, params config, empty state, and keyboard shortcuts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

jason.woltje merged commit 13aa52aa53 into main

2026-02-26 03:17:24 +00:00

jason.woltje referenced this issue from a commit

2026-02-26 03:17:24 +00:00

feat(web): polish master chat with model selector, params config, and empty state (#519)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: mosaic/stack#519