Function ChatInterface

components/chat-interface.tsx:39–550

()

}

export default function ChatInterface() {
  const [query, setQuery] = useState("")
  const [messages, setMessages] = useState<Message[]>([])
  const [isStreaming, setIsStreaming] = useState(false)
  const { setMarkers, setTaskType } = useMapStore()
  const { toast } = useToast()
  const [hasModelSettings, setHasModelSettings] = useState(false)
  const [isExtractingInfo, setIsExtractingInfo] = useState(false) // 提取信息状态
  const [isUpdatingMap, setIsUpdatingMap] = useState(false) // 更新地图状态
  const messagesEndRef = useRef<HTMLDivElement>(null)

  // 添加AbortController引用
  const abortControllerRef = useRef<AbortController | null>(null)

  // 检查模型设置
  useEffect(() => {
    try {
      // 检查是否有模型设置
      const settingsStr = localStorage.getItem("model_settings")
      if (settingsStr) {
        setHasModelSettings(true)
      } else {
        // 检查旧版 API 密钥
        const legacyApiKey = localStorage.getItem("openai_api_key")
        setHasModelSettings(!!legacyApiKey)
      }
    } catch (error) {
      console.error("检查模型设置时出错:", error)
    }
  }, [])

  // 滚动到最新消息
  useEffect(() => {
    scrollToBottom()
  }, [messages])

  const scrollToBottom = () => {
    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" })
  }

  // 生成唯一ID
  const generateId = () => {
    return Date.now().toString(36) + Math.random().toString(36).substr(2)
  }

  // 调整文本域高度的函数
  const adjustTextareaHeight = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
    const target = e.target
    // 更新查询
    setQuery(target.value)

    // 如果内容为空，直接重置高度
    if (!target.value.trim()) {
      target.style.height = "38px"
      return
    }

    // 重置高度，让scrollHeight计算正确