// AIChat: floating right-side drawer that talks to Claude and applies structured actions to the planner const { useState: useStateAI, useRef: useRefAI, useEffect: useEffectAI, useCallback: useCallbackAI } = React; // System prompt — teaches Claude the schema + date context function buildSystemPrompt(todayISO, currentViewContext) { return `You are a calendar assistant for a 2026 planner app. Today is ${todayISO} (ISO format). The user is currently viewing: ${currentViewContext}. The user will tell you what they want to do — add events, set trackers, write notes, or navigate. Parse their input (Chinese or English) and respond with a JSON object matching this exact schema: { "reply": "short friendly response in the user's language (no longer than 2 sentences)", "actions": [ // zero or more of these: {"type": "add_schedule", "date": "YYYY-MM-DD", "hour": "HH", "text": "event text"}, {"type": "add_monthly_note", "date": "YYYY-MM-DD", "text": "• note text"}, {"type": "add_todo", "date": "YYYY-MM-DD", "text": "todo item"}, {"type": "set_main_focus", "date": "YYYY-MM-DD", "text": "focus text"}, {"type": "append_day_notes", "date": "YYYY-MM-DD", "text": "notes text"}, {"type": "set_weather", "date": "YYYY-MM-DD", "value": "sun"|"partly"|"cloud"|"rain"|"heavy"|"storm"}, {"type": "set_mood", "date": "YYYY-MM-DD", "value": "flat"|"smile"|"grin"|"sad"|"angry"|"dead"}, {"type": "set_water", "date": "YYYY-MM-DD", "value": 0-7}, {"type": "set_sleep", "date": "YYYY-MM-DD", "value": 0-7}, {"type": "set_meal", "date": "YYYY-MM-DD", "meal": "breakfast"|"lunch"|"dinner"|"snack", "text": "..."}, {"type": "navigate", "view": "day"|"month"|"year", "date": "YYYY-MM-DD"} ] } Date parsing rules: - "4.23" or "4月23日" or "4/23" → "2026-04-23" - "今天" → ${todayISO} - "明天" → one day after today - "下周三" / "next Wednesday" → compute from today - If no year given, default to 2026. Hour parsing: - "三点" in afternoon context → "15", in morning → "03" - "下午3点" → "15", "上午10点" → "10", "晚上9点" → "21" - Default ambiguous "X点" with X<=7 → morning; X>=1 and <=12 → prefer afternoon/evening if context suggests (meetings, dinners) - "3pm" → "15", "9am" → "09" Content routing: - "X点Y" (e.g., "三点要面试") → add_schedule (time-specific event) - "明天要去买菜" (no time) → add_todo or add_monthly_note (your choice; prefer add_monthly_note for month-level reminders, add_todo for actionable items) - Weather/mood/water/sleep statements → corresponding set_* action - "今天重点是X" → set_main_focus Always return valid JSON. No markdown, no commentary — just the JSON object.`; } function safeParseJSON(text) { // Strip code fences if Claude added them let s = text.trim(); s = s.replace(/^```json\s*/i, '').replace(/^```\s*/, '').replace(/```\s*$/, ''); // Find first { and last } const first = s.indexOf('{'); const last = s.lastIndexOf('}'); if (first !== -1 && last !== -1 && last > first) s = s.slice(first, last + 1); try { return JSON.parse(s); } catch { return null; } } function AIChat({ open, onClose, context, onApplyActions }) { const [messages, setMessages] = useStateAI([ { role: 'assistant', content: '你好 ✦ 我是 Margin。告诉我你想安排什么，比如"4月23日三点要面试"，我会帮你记到对应位置。' } ]); const [input, setInput] = useStateAI(''); const [loading, setLoading] = useStateAI(false); const listRef = useRefAI(null); const inputRef = useRefAI(null); useEffectAI(() => { if (listRef.current) listRef.current.scrollTop = listRef.current.scrollHeight; }, [messages, loading]); useEffectAI(() => { if (open && inputRef.current) { setTimeout(() => inputRef.current && inputRef.current.focus(), 350); } }, [open]); const send = useCallbackAI(async () => { const text = input.trim(); if (!text || loading) return; const userMsg = { role: 'user', content: text }; const history = [...messages, userMsg]; setMessages(history); setInput(''); setLoading(true); try { const todayISO = new Date().toISOString().slice(0, 10); const viewContext = context.view === 'day' ? `day view for ${context.currentDate}` : context.view === 'month' ? `monthly plan for ${context.currentMonth}` : context.view === 'year' ? `year calendar for ${context.year}` : `weekly view`; const sysPrompt = buildSystemPrompt(todayISO, viewContext); // Build conversation context as messages const messagesForClaude = [ ...history.filter(m => m.role !== 'error').map(m => ({ role: m.role, content: m.content })) ]; const data = await window.cloud.chatAPI(sysPrompt, messagesForClaude); const response = data.text || ''; const parsed = safeParseJSON(response); if (!parsed) { setMessages(h => [...h, { role: 'assistant', content: response || '(未能解析回复)' }]); } else { setMessages(h => [...h, { role: 'assistant', content: parsed.reply || '✓', actions: parsed.actions || [] }]); if (parsed.actions && parsed.actions.length) { onApplyActions(parsed.actions); } } } catch (e) { setMessages(h => [...h, { role: 'error', content: '抱歉，对话出错了：' + (e.message || e) }]); } finally { setLoading(false); } }, [input, loading, messages, context, onApplyActions]); const onKeyDown = (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); send(); } }; return ( <> {/* Backdrop */}
{/* Drawer */}
{/* Header */}
✦ Margin
{/* Messages */}
{messages.map((m, i) => ( ))} {loading && (
•••
)}
{/* Input */}