Spaces:
Sleeping
Sleeping
Commit History
-
Remove hardcoded text features. Ai answers everything.
203dbbc -
feat: add visual guide system (Task 9)
- Add guideRegistry.js with 10 task guides (copy/paste, screenshot, email, settings, zoom, Wi-Fi, attach file, browser, restart, taskbar) with Windows and Mac variants written in simple language for elderly users - Add VisualGuide component: renders a styled card with numbered step circles, step text, and keyboard key badges (kbd elements) - Add StepSequencePanel component: fixed panel showing current step, progress bar, and two action buttons for AI-guided multi-step walkthroughs - Update useChat hook: track activeSequence state from server stepSequence payloads; expose guideId/stepSequence on message objects - Update MessageBubble: render VisualGuide when message.guideId is set; accept osType prop - Update ChatWindow: accept and pass osType; render StepSequencePanel between message list and input - Update App: pass user.os_type to ChatWindow Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>15926a2 -
Fix Task 5 code review issues: reconnect backoff, dead code, a11y, and polish
- useChat.js: replace fixed 3s reconnect with exponential backoff (2^n s, max 30s), cap at 5 attempts then set connectionFailed state, reset on successful open; expose connectionFailed - App.jsx: remove duplicate globals.css import (already in main.jsx); guard ChatWindow render with {user && ...} instead of optional chaining on prop - MessageInput.jsx: remove unused valueRef and its onChange handler - ChatWindow.jsx: remove unused listRef and its ref attachment to message list div - MessageBubble.css: raise .bubble__time and .message-avatar font-size from 13px to 16px - Header.css: raise subtitle font-size from 15px to 16px, OS badge from 14px to 15px - globals.css: add prefers-reduced-motion media query to suppress animations - index.html: set page title to "PC Pal - Your Friendly Tech Helper" Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>4da3586 -
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
