#AgentHud

import { useEffect } from 'react';
import { AgentHud, AgentStateProvider, useAgentState } from '@aora-bot/react';

function Feed() {
  const { update } = useAgentState();
  useEffect(() => {
    let remaining = 90_000;
    update({ sessionId: 'nova', state: 'thinking', tips: '正在读需求' });
    const timer = setInterval(() => {
      remaining = remaining <= 0 ? 90_000 : remaining - 5_000;
      update({
        sessionId: 'nova',
        state: remaining < 20_000 ? 'waiting' : 'working',
        tips: remaining < 20_000 ? '很快需要你的答复' : '正在跑检查',
        hud: { kind: 'timer', remainingMs: remaining, totalMs: 90_000 },
      });
    }, 1000);
    return () => clearInterval(timer);
  }, [update]);
  return null;
}

export default function Demo() {
  return (
    <AgentStateProvider>
      <Feed />
      <div className="site-demo site-demo--center">
        <AgentHud agent={{ id: 'nova', name: 'Nova' }} placement="right" />
      </div>
    </AgentStateProvider>
  );
}