[Phase 4] Polish: Theme, responsive, settings, integration tests #6

Closed
opened 2026-05-21 17:28:24 +02:00 by sleepy · 0 comments
Owner

Final polish and integration.

Acceptance Criteria

  • Fantasy theme refined — parchment textures, runic accents, dramatic shadows, custom scrollbar
  • Dice roller fully integrated — inline in chat, history display
  • Settings modal works — edits config.yaml via API, shows validation errors
  • Responsive layout — collapses OOC sidebar on narrow screens, mobile-friendly chat
  • Tool call banners animate in/out with results
  • Message streaming is smooth with proper markdown rendering
  • All npm run typecheck, npm run lint pass across all workspaces
  • End-to-end test: can start dev server, ask a rules question, get cited answer
  • DM mode: can start a session, DM narrates, OOC sidebar works
  • Update README with setup and usage instructions

Files to Modify

  • frontend/src/components/*.tsx
  • frontend/src/styles/index.css
  • frontend/src/hooks/*.ts
  • frontend/src/context/AppContext.tsx
  • README.md

See project.md sections 9, 10, 13 for full spec.

Final polish and integration. ## Acceptance Criteria - [ ] Fantasy theme refined — parchment textures, runic accents, dramatic shadows, custom scrollbar - [ ] Dice roller fully integrated — inline in chat, history display - [ ] Settings modal works — edits config.yaml via API, shows validation errors - [ ] Responsive layout — collapses OOC sidebar on narrow screens, mobile-friendly chat - [ ] Tool call banners animate in/out with results - [ ] Message streaming is smooth with proper markdown rendering - [ ] All `npm run typecheck`, `npm run lint` pass across all workspaces - [ ] End-to-end test: can start dev server, ask a rules question, get cited answer - [ ] DM mode: can start a session, DM narrates, OOC sidebar works - [ ] Update README with setup and usage instructions ## Files to Modify - `frontend/src/components/*.tsx` - `frontend/src/styles/index.css` - `frontend/src/hooks/*.ts` - `frontend/src/context/AppContext.tsx` - `README.md` See `project.md` sections 9, 10, 13 for full spec.
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
sleepy/dnd-rag#6
No description provided.