Message List

import { MessageList } from "@/components/chat/message-list";
import { useRef, useState } from "react";

export default function Chat() {
  const [messages, setMessages] = useState([]);
  const [status, setStatus] = useState("idle");
  const messageListRef = useRef(null);
  const lastUserMessageRef = useRef(null);
  const lastAssistantMessageRef = useRef(null);
  const bottomSentinelRef = useRef(null);
  const [isAtBottom, setIsAtBottom] = useState(true);

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

  return (
    <MessageList
      messages={messages}
      status={status}
      ref={messageListRef}
      lastUserMessageRef={lastUserMessageRef}
      lastAssistantMessageRef={lastAssistantMessageRef}
      bottomSentinelRef={bottomSentinelRef}
      scrollToBottom={scrollToBottom}
      isAtBottom={isAtBottom}
      chatContainerHeight={800}
    />
  );
}