// ────────────────────────────────────────────────────────────── // LIULIAN — agent drawer (right-side persistent assistant) // ────────────────────────────────────────────────────────────── const { useState: useSt, useRef: useRf2, useEffect: useEf2 } = React; const AGENT_MODELS = [ { id: "claude-haiku-4-5", name: "Claude Haiku 4.5", provider: "Anthropic", note: "default · fastest" }, { id: "deepseek-chat", name: "DeepSeek-V3.2", provider: "DeepSeek", note: "long-context cheap" }, { id: "glm-4.6", name: "GLM-4.6", provider: "Zhipu", note: "zh-native" }, { id: "gemini-2.5-flash", name: "Gemini 2.5 Flash", provider: "Google", note: "multimodal" }, { id: "ollama:qwen3", name: "Qwen3 (local)", provider: "Ollama", note: "offline · 14B" }, ]; const SEED_THREAD = [ { role: "system-band", text: "thread · forecast.canvas · aare-bern · patchtst" }, { role: "agent", text: "I'm reading aare-bern's last 72 h of observations and the most recent PatchTST forecast. Want me to flag anomalies against the Chronos-2 zero-shot baseline first, or just summarise the run?" }, { role: "user", text: "Show Bern Q95 next 72 hours" }, { role: "tool", name: "query_forecasts", input: { action: "summary", station_id: "aare-bern", model_id: "patchtst" }, output: { mean_at_h24: 412.4, q05_at_h24: 388.0, q95_at_h24: 437.1, observed_recent_mean: 408.2, units: "m³/s" } }, { role: "agent", text: "Bern's 24-hour forecast: mean 412.4 m³/s, 90% CI [388.0, 437.1]. The upper bound sits 6.7% above the recent observed mean — within historical range, no alert thresholds projected to fire in the next 72 h." }, { role: "plan", items: [ { done: true, label: "Pull Bern · 24h mean + CI" }, { done: true, label: "Compare against rolling 7-day mean" }, { done: false, label: "Project alert-threshold crossings (72h)" }, { done: false, label: "Cross-check with Chronos-2 zero-shot" }, ] }, ]; function AgentDrawer({ open, onClose, page }) { const [model, setModel] = useSt(AGENT_MODELS[0].id); const [thread, setThread] = useSt(SEED_THREAD); const [input, setInput] = useSt(""); const [thinking, setThinking] = useSt(false); const [showModelMenu, setShowModelMenu] = useSt(false); const streamRef = useRf2(null); useEf2(() => { if (streamRef.current) streamRef.current.scrollTop = streamRef.current.scrollHeight; }, [thread, thinking]); function send() { const t = input.trim(); if (!t) return; setInput(""); setThread(th => [...th, { role: "user", text: t }]); setThinking(true); setTimeout(() => { setThread(th => [...th, { role: "tool", name: "search_runs", input: { query: t, top_k: 3 }, output: { matched: 3, top: ["r-7c89 · lstm · MAE 11.84", "r-7c84 · patchtst · MAE 8.92", "r-7c83 · patchtst · MAE 8.42"] } }]); }, 600); setTimeout(() => { setThread(th => [...th, { role: "agent", text: "I checked the runs index. PatchTST consistently beats LSTM by ~3 MAE on swiss-river-1990; the best is `r-7c83` (MAE 8.42). Want me to open it in the Train tab, or queue a re-run with the same config?" }]); setThinking(false); }, 1500); } if (!open) return null; const selectedModel = AGENT_MODELS.find(m => m.id === model); return (