# -*- coding: utf-8 -*-
"""
会话页面
"""

import reflex as rx

from ..components.navbar import render_navbar
from ..components.chat import dialog_list_component, input_component


def index_page() -> rx.Component:
    """根页面（聊天页面）"""
    return rx.vstack(
        render_navbar(),  # 导航栏组件
        dialog_list_component(),  # 对话列表组件
        input_component(),  # 输入组件
        color=rx.color(color="mauve", shade=12),
        background_color=rx.color(color="mauve", shade=1),
        height="100dvh",
        align_items="stretch",
        spacing="0",
    )