import { Card } from '@/components/ui/card'
import { Globe } from 'lucide-react'

export function NetworkLogInfo() {
  return (
    <Card className="p-4 bg-blue-50 border-blue-200">
      <h4 className="text-blue-900 mb-2">
        <Globe className="w-4 h-4 inline mr-2" />
        网络日志说明
      </h4>
      <ul className="space-y-1 text-sm text-blue-800">
        <li>• 记录所有HTTP请求的详细信息，包括请求地址、参数、响应状态等</li>
        <li>• 响应时间超过1秒的请求需要关注，可能存在性能问题</li>
        <li>• 4xx状态码通常表示客户端错误，5xx表示服务器错误</li>
        <li>• 可用于接口调试、性能分析和异常排查</li>
        <li>• 建议定期清理历史日志，避免占用过多存储空间</li>
      </ul>
    </Card>
  )
}