Нужно создать фронтенд для чат-приложения, используя компоненты с сайта [Langui]
(https://www.langui.dev/). Фронтенд должен работать с готовыми эндпоинтами бекенда.
**Требования**:
1. Левая панель:
- Список чатов с названиями.
- "Создать новый диалог".
- Кнопка для переименования чата.
- Кнопка для удаления чата.
2. Окно чата:
- История сообщений (пользователь и модель).
- Поле для ввода сообщения.
- Кнопка "Отправить" сообщение.
3. Работа с эндпоинтами бекенда:
- POST /messages/
Описание: Отправить сообщение (создать чат, если chat_id отсутствует).
Тело запроса:
{ "user_id": int, "chat_id": int (опционально), "message": "текст сообщения" }
- GET /chats/?user_id={user_id}
Описание: Получить список чатов пользователя.
- GET /chats/{chat_id}
Описание: Получить историю сообщений для выбранного чата.
- delete /chats/
Описание: Удалить чат.
Тело запроса:
{ "user_id": int, "chat_id": int }
- PATCH /chats/{chat_id}
Описание: Переименовать чат.
Тело запроса:
{ "user_id": int, "title": "новое название чата" }
4. Требования к интерфейсу:
- Использовать компоненты из Langui.
- Простота и минимализм.
Работоспособность в браузере Chrome и Safari устройствах.
5. Ожидаемый результат:
- Отображение списка чатов.
- Возможность создания, удаления и переименования чатов.
- Возможность отправки сообщений и отображения истории сообщений.
