Program not found.
diff --git a/frontend/src/pages/ChatCoach.jsx b/frontend/src/pages/ChatCoach.jsx new file mode 100644 index 0000000..abfcdcf --- /dev/null +++ b/frontend/src/pages/ChatCoach.jsx @@ -0,0 +1,194 @@ +import { useState, useEffect, useRef } from 'react' +import { api } from '../api' + +export default function ChatCoach() { + const [messages, setMessages] = useState([]) + const [input, setInput] = useState('') + const [streaming, setStreaming] = useState(false) + const [aiStatus, setAiStatus] = useState(null) + const scrollRef = useRef(null) + + useEffect(() => { + api.getAIStatus().then(setAiStatus).catch(() => setAiStatus({ configured: false })) + }, []) + + useEffect(() => { + scrollRef.current?.scrollIntoView({ behavior: 'smooth' }) + }, [messages]) + + const sendMessage = async () => { + const text = input.trim() + if (!text || streaming) return + + const userMsg = { role: 'user', content: text } + setMessages(prev => [...prev, userMsg]) + setInput('') + setStreaming(true) + + // Add placeholder for assistant + setMessages(prev => [...prev, { role: 'assistant', content: '' }]) + + try { + const history = messages.map(m => ({ role: m.role, content: m.content })) + const token = localStorage.getItem('fitness_token') + const resp = await fetch('/api/ai/chat', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + ...(token ? { Authorization: `Bearer ${token}` } : {}), + }, + body: JSON.stringify({ message: text, history }), + }) + + const reader = resp.body.getReader() + const decoder = new TextDecoder() + let buffer = '' + + while (true) { + const { done, value } = await reader.read() + if (done) break + + buffer += decoder.decode(value, { stream: true }) + const lines = buffer.split('\n') + buffer = lines.pop() || '' + + for (const line of lines) { + if (line.startsWith('data: ') && line.trim() !== 'data: [DONE]') { + try { + const { text: chunk } = JSON.parse(line.slice(6)) + if (chunk) { + setMessages(prev => { + const updated = [...prev] + const last = updated[updated.length - 1] + updated[updated.length - 1] = { ...last, content: last.content + chunk } + return updated + }) + } + } catch {} + } + } + } + } catch (err) { + setMessages(prev => { + const updated = [...prev] + updated[updated.length - 1] = { + role: 'assistant', + content: 'Connection error. Check that the backend is running and an AI provider is configured in Settings → Integrations.', + } + return updated + }) + } + setStreaming(false) + } + + const suggestions = [ + 'What should I eat today?', + 'Log my 30-minute run', + 'How am I doing this week?', + 'Create a meal plan for me', + ] + + if (aiStatus && !aiStatus.configured) { + return ( +
+ Connect OpenAI, OpenRouter, Claude, Ollama, or any other provider to start chatting with your AI fitness coach. +
+ Ask me anything about your fitness, nutrition, or program. +
💡 {showComplete.notes}