Function: Chat()¶
Chat():
Element
Defined in: src/pages/Chat.tsx:77
Chat component — renders the main conversation interface.
Returns¶
Element
Remarks¶
This component is the core chat UI for AILA. It manages conversation state, message streaming, feedback, and user interactions.
Responsibilities¶
Display a sidebar of conversations (with create, select, and rename).
Render the chat viewport with user and assistant messages.
Stream assistant responses from the backend in real time.
Capture 👍 / 👎 feedback on assistant messages.
Manage authentication lifecycle actions (logout).
Provide mobile-friendly sidebar toggle and responsive layout.
Props¶
None. This component consumes global state from useAuth.
Returns¶
A React element representing the chat UI with sidebar + main conversation area.
Example¶
import { Chat } from "./pages/Chat";
<Route path="/chat" element={<Chat />} />