import { Badge } from "@/components/ui/badge";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { AIAgent } from "@/types/agents";

interface AgentIndicatorProps {
  agent: AIAgent;
}

export function AgentIndicator({ agent }: AgentIndicatorProps) {
  return (
    <div className="flex items-center gap-2 px-3 py-2 bg-muted/50 rounded-full border border-border/50">
      <Avatar className="w-6 h-6">
        <AvatarImage src={agent.avatar} alt={agent.name} />
        <AvatarFallback className={`${agent.color} text-white text-xs`}>
          {agent.emoji}
        </AvatarFallback>
      </Avatar>
      <span className="text-xs font-medium text-muted-foreground">
        当前助理: {agent.name}
      </span>
      <Badge variant="secondary" className="text-xs">
        {agent.role}
      </Badge>
    </div>
  );
}
