Spaces:
Sleeping
Sleeping
Commit History
-
feat(client): Task 5 — React frontend Chat UI + Onboarding for PC Pal
Implements the complete elderly-friendly React frontend: - globals.css: 18px+ fonts, high-contrast colors, large touch targets, CSS vars - useChat.js: WebSocket hook with init/typing/response/error handling + auto-reconnect - useUser.js: localStorage persistence, GET/POST/PUT user API calls - ChatWindow.jsx: full-height layout, auto-scroll, typing indicator - MessageBubble.jsx: user/assistant alignment, safety alert banner - MessageInput.jsx: 56px+ input, Enter-to-send, auto-focus, disabled while typing - OnboardingFlow.jsx: 3-step wizard (name, OS, comfort level), progress dots - Header.jsx: branded header with user info display - App.jsx: onboarding gate → chat UI routing via useUser - main.jsx: imports globals.css, renders App in StrictMode - index.css: stripped to minimal reset (globals.css handles styling) - Removed Vite boilerplate: App.css, assets/react.svg, assets/vite.svg Build verified: vite build completes with 0 errors (28 modules, 201KB JS). Co-Authored-By: Claude Sonnet…fca46f5
