Files
wp-agentic-writer/TASKLIST_AUDIT_FIXES.md
Dwindi Ramadhana f7bf1f5153 fix: UX audit improvements - dark theme, structured errors, heartbeat, health check
Phase 1 - UI Theme Consistency:
- Chat messages now use consistent dark theme (removed jarring white bg)
- Plan cards restyled with rounded borders, fills, colored status badges
- Timeline entries use humanist sans-serif instead of monospace
- Error messages now structured (icon + title + detail + action link)
- Input area unified with dark theme cohesion

Phase 2 - UX Flow:
- Added contextual placeholder text per agent mode in textarea
- Added visual mode indicator badge (Chat/Planning/Writing)
- Simplified welcome screen (single 'Continue' + collapsible history)
- Added slash command/mention discovery hint in empty input
- Added write confirmation when editor has existing content
- Added 30s streaming heartbeat (reassurance when model is slow)

Phase 3 - Error Handling:
- Added DB table health check on sidebar init
- Improved 'no API key' error with settings link
- Shows in-chat warning when provider fallback triggers
- Auto-fallback to registry fallback model on unavailability
- isLoading always resets via try/finally pattern
2026-06-06 00:43:10 +07:00

1.2 KiB

Audit Fix Tasklist

Phase 1: UI Theme Consistency & Polish

  • 1.1 Make chat messages use dark theme consistently (remove white bg)
  • 1.2 Restyle plan cards (remove dashed wireframe look, add fills/icons/status colors)
  • 1.3 Fix timeline entry typography (remove monospace, use humanist font)
  • 1.4 Structure error messages (icon + title + collapsible detail + action)
  • 1.5 Polish input area cohesion (unify focus bar + mode + textarea)

Phase 2: UX Flow Improvements

  • 2.1 Add contextual placeholder text per agent mode in textarea
  • 2.2 Add visual mode indicator badge in chat area
  • 2.3 Simplify welcome screen (reduce session list noise)
  • 2.4 Add slash command discovery hint in empty input
  • 2.5 Add confirmation before writing over existing content
  • 2.6 Add streaming timeout heartbeat (30s no-data reassurance)

Phase 3: Error Handling Hardening

  • 3.1 Add DB table health check on sidebar init
  • 3.2 Improve "no API key" error with settings link
  • 3.3 Show in-chat warning when provider fallback triggers
  • 3.4 Auto-fallback to registry fallback model on unavailability
  • 3.5 Ensure isLoading always resets on all error paths