diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..dfe0770
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.en.md b/README.en.md
new file mode 100644
index 0000000..4fdf0e0
--- /dev/null
+++ b/README.en.md
@@ -0,0 +1,197 @@
+# StackOverflow Clone (Frontend + WebSocket Relay)
+
+[Русский](./README.md) | English
+
+Modern educational single page application (StackOverflow‑like domain):
+questions with answers, code snippets with likes/dislikes and comments, user account management, real‑time updates via Socket.IO.
+
+> NOTE: For real‑time features you MUST run the separate WebSocket relay server located in `websocket-server` (see "Running the WebSocket server"). Without it the UI works, but no live events (comments / answers / status changes) will arrive.
+
+## Backend / API
+
+Production REST API base URL: <https://codelang.vercel.app>
+
+API documentation (Swagger / OpenAPI): <https://codelang.vercel.app/docs>
+
+Locally the frontend uses a Vite proxy mapping `/api` → `https://codelang.vercel.app` (see `vite.config.ts`). Override `VITE_API_BASE_URL` if you need a different backend.
+
+## Features
+
+- Authentication (login / logout / register) with session persistence (cookies, `withCredentials`).
+- Questions: create, edit, delete, answers, mark/unmark answer correctness, live updates of answers and their states.
+  <img src="./readme/localhost_5173__mode=questions.png">
+- Snippets: create, edit, delete, like / dislike, comments, live comment updates.
+  <img src="./readme/localhost_5173__mode=snippets.png">
+- Infinite pagination (`useInfiniteQuery`).
+- Optimistic updates + subsequent cache validation (React Query invalidation).
+- Toast‑like notifications via a lightweight window event emitter.
+- Theming (light / dark) with user preference persistence and system preference fallback.
+  <img src="./readme/localhost_5173__mode=questions (2).png">
+- Code editor / viewer (CodeMirror + Prism highlight).
+  <img src="./readme/localhost_5173__code_editor.png">
+- Type‑safe forms (`react-hook-form` + `zod`).
+- Path alias imports (`@`, `@/shared`, etc.) configured in Vite.
+
+## Tech Stack
+
+Frontend:
+
+- React 19 + TypeScript
+- Vite 7 (fast build, HMR, mkcert for local https)
+- React Router v7
+- TanStack React Query (data / cache / synchronization)
+- Socket.IO client (real‑time)
+- Tailwind CSS 4
+- Axios (HTTP)
+- React Hook Form + Zod (validation)
+- CodeMirror / Prism (editor & syntax highlighting)
+
+WebSocket relay server (`/websocket-server`):
+
+- Node.js + TypeScript
+- socket.io (server)
+- Simple event relay (comments & answers) without direct REST API access.
+
+## Architectural Overview
+
+Feature / slice inspired layout:
+
+- `src/app` — context providers (auth, theme, notifications), top‑level layout pieces.
+- `src/entities` — domain entities (question, snippet, user): types, API hooks, business hooks.
+- `src/pages` — route pages & view compositions.
+- `src/shared` — shared utilities: HTTP client, normalization, socket, notifications, UI components, forms, language service.
+- `websocket-server` — standalone Socket.IO relay.
+
+Data fetching & mutations are encapsulated in hooks (`useQuestion`, `useCreateAnswer`, `useSnippets`, etc.). Real‑time subscriptions are separate hooks (`useSnippetComments`, `useQuestionAnswers`). Socket events update the React Query cache (`setQueryData`) and then optionally trigger `invalidateQueries` to reconcile with backend truth.
+
+## Real‑time Events
+
+Comment (snippet room `snippet:{id}`):
+
+- `comment:created`, `comment:updated`, `comment:deleted`.
+
+Answer (question room `question:{id}`):
+
+- `answer:created`, `answer:state_changed`, `answer:updated`, `answer:deleted`.
+
+Client first persists via REST, then (for responsiveness) may emit an event (optimistic relay) which is later confirmed by cache invalidation.
+
+## Environment Variables (Vite)
+
+Use `.env.local` (do not commit) if you need overrides:
+
+```bash
+VITE_API_BASE_URL=/api                 # Default /api (proxied via vite.config)
+VITE_SOCKET_URL=http://localhost:4000  # WebSocket relay URL (dev)
+VITE_SOCKET_PATH=/socket.io            # Optional, auto‑derived when omitted
+```
+
+If the API backend is separate (no Vite proxy), set full origin:
+
+```bash
+VITE_API_BASE_URL=https://api.example.com
+```
+
+## Quick Start (Frontend)
+
+1. Install dependencies:
+
+   ```powershell
+   npm install
+   ```
+
+1. (Optional) create `.env.local` to override API / Socket.
+
+1. Run dev server:
+
+   ```powershell
+   npm run dev
+   ```
+
+1. Open <https://localhost:5173>. (mkcert produces a local cert; add a browser exception if warned.)
+
+## Running the WebSocket Server
+
+Enter the subfolder and install separately:
+
+```powershell
+cd .\websocket-server
+npm install
+npm run dev   # starts on port 4000
+```
+
+You should see: `Socket.io server started on ws://localhost:4000`.
+
+Ensure the frontend can reach it (default `VITE_SOCKET_URL=http://localhost:4000`).
+
+## Build & Preview
+
+```powershell
+npm run build   # tsc -b + vite build
+npm run preview # local static preview
+```
+
+Production bundle is emitted to `dist`.
+
+## Scripts
+
+- `npm run dev` — Vite dev server (https + HMR)
+- `npm run build` — type check (project refs) + build
+- `npm run preview` — preview built SPA
+- `npm run lint` — ESLint
+
+## HTTP Client & Auth
+
+`src/shared/api/http.ts` configures Axios with `baseURL = VITE_API_BASE_URL || /api`, `withCredentials: true`. A 401 interceptor redirects to `/login?from=...` for protected pages.
+
+## Caching Strategy
+
+React Query:
+
+- Lists (`useInfiniteQuery`) key pattern: `['questions', { search, sortBy }]`.
+- Details: `['question', id]`, `['snippet', id]`.
+- Post-mutation targeted invalidation.
+- Real‑time events first patch cache (`setQueryData`), then optionally reconcile using `invalidateQueries`.
+
+## Theming
+
+`ThemeProvider` sets `data-theme` and toggles `dark` class on `html` & `body`, persisting selection in `localStorage` (values: `light | dark`).
+
+## Notifications
+
+`src/shared/notifications.ts` provides a tiny CustomEvent bus. Hooks dispatch success / error messages (auto TTL).
+
+## Adding a New Entity (Pattern)
+
+1. Create `src/entities/<entity>`: `types.ts`, `api.ts`, `hooks/`.
+2. Define types + normalization adapter.
+3. Implement hooks: list (`use<Entity>s`), detail (`use<Entity>`), mutations via `useApiMutation`.
+4. Add socket subscription hook if needed (model after `useSnippetComments` / `useQuestionAnswers`).
+
+## Real‑time Integration Details
+
+File `src/shared/socket.ts`:
+
+- Lazy client initialization.
+- Env driven config (`VITE_SOCKET_URL`, `VITE_SOCKET_PATH`).
+- Forced WebSocket transport.
+- Verbose dev logging of connect / errors.
+
+## Codebase Style
+
+- Type‑first: domain types in `entities/*/types.ts`.
+- Manual lightweight normalization (coercion, counts for likes/dislikes, etc.).
+- Avoid unnecessary rerenders: structured query keys, limited retries, disabled `refetchOnWindowFocus` for list views.
+
+## Quality Gate
+
+Before committing:
+
+```powershell
+npm run lint
+npm run build
+```
+
+---
+
+See Russian version in `README.md` for original description or open an issue for questions.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..88848e6
--- /dev/null
+++ b/README.md
@@ -0,0 +1,199 @@
+# StackOverflow Clone (Frontend + WebSocket Relay)
+
+Русский | [English](./README.en.md)
+
+Современное учебное SPA-приложение (аналог StackOverflow по набору сущностей):
+вопросы с ответами, сниппеты кода с лайками/дизлайками и комментариями, учётная запись пользователя, real‑time обновления через Socket.IO.
+
+## Основные возможности
+
+- Аутентификация (login / logout / register) с сохранением сессии (cookies, `withCredentials`).
+- Вопросы: создание, редактирование, удаление, ответы, пометка ответов как корректных, live‑обновление ответов и их статусов.
+  <img src="./readme/localhost_5173__mode=questions.png">
+- Сниппеты: создание, редактирование, удаление, лайк / дизлайк, комментарии, live‑обновление комментариев.
+  <img src="./readme/localhost_5173__mode=snippets.png">
+- Пагинация и бесконечная прокрутка (`useInfiniteQuery`).
+- Оптимистические обновления + последующая валидация через инвалидацию кэша React Query.
+- Уведомления (toast-like) через простой EventEmitter на window.
+- Темизация (light / dark) с сохранением предпочтений и уважением системной темы.
+  <img src="./readme/localhost_5173__mode=questions (2).png">
+- Code editor / viewer (CodeMirror + Prism highlight).
+  <img src="./readme/localhost_5173__code_editor.png">
+- Type‑safe формы (`react-hook-form` + `zod`).
+- Alias импорты (`@`, `@/shared`, и т.д.) настроены в Vite.
+
+## Технологический стек
+
+Frontend:
+
+- React 19 + TypeScript
+- Vite 7 (быстрая сборка, HMR, mkcert для https локально)
+- React Router v7
+- TanStack React Query (данные / кэш / синхронизация)
+- Socket.IO client (real‑time)
+- Tailwind CSS 4
+- Axios (HTTP)
+- React Hook Form + Zod (валидация)
+- CodeMirror / Prism (редактор и подсветка кода)
+
+WebSocket relay сервер (`/websocket-server`):
+
+- Node.js + TypeScript
+- socket.io (сервер)
+- Простая ретрансляция событий (комментарии и ответы) без прямого доступа к REST API.
+
+## Важное примечание
+
+Для работы live‑обновлений необходимо запустить отдельный WebSocket сервер из папки `websocket-server` (см. раздел Запуск). Без него интерфейс будет работать, но real‑time события (комментарии, ответы, изменения статусов) не будут приходить.
+
+## Бэкенд / API
+
+Продакшен REST API развёрнут по адресу: <https://codelang.vercel.app>
+
+Документация (Swagger / OpenAPI): <https://codelang.vercel.app/docs>
+
+Локально фронтенд по умолчанию использует Vite proxy для пути `/api` → `https://codelang.vercel.app` (см. `vite.config.ts`). Если требуется направить запросы на иной бекэнд, переопределите `VITE_API_BASE_URL`.
+
+## Архитектурный обзор
+
+Структура организована в стиле feature / slices:
+
+- `src/app` — провайдеры контекстов (auth, theme, notifications), верхнеуровневые layout компоненты.
+- `src/entities` — доменные сущности (question, snippet, user): типы, API hooks, бизнес-хуки.
+- `src/pages` — страницы роутера (маршруты и их представления).
+- `src/shared` — общие утилиты: HTTP клиент, нормализация API, сокет, уведомления, UI компоненты, формы, сервис языка.
+- `websocket-server` — независимый Socket.IO relay.
+
+Логика получения и мутации данных инкапсулирована в hooks (`useQuestion`, `useCreateAnswer`, `useSnippets`, и т.д.). Real‑time подписки оформлены отдельными hooks (`useSnippetComments`, `useQuestionAnswers`). Сокет событийно синхронизирует клиентский кэш (через `queryClient.setQueryData` + `invalidateQueries`).
+
+## Реалтайм события
+
+Комментарий (snippet room `snippet:{id}`):
+
+- `comment:created`, `comment:updated`, `comment:deleted`.
+
+Ответ (question room `question:{id}`):
+
+- `answer:created`, `answer:state_changed`, `answer:updated`, `answer:deleted`.
+
+Клиент сначала сохраняет сущность через HTTP (REST), затем (для отзывчивости) часть событий может отправляться клиентом самим (optimistic relay) и подтверждаться через инвалидацию кэша.
+
+## Переменные окружения (Vite)
+
+Используйте файл `.env.local` (не коммитить) при необходимости:
+
+```bash
+VITE_API_BASE_URL=/api                 # По умолчанию /api (proxy на внешний бекенд через vite.config)
+VITE_SOCKET_URL=http://localhost:4000  # URL websocket-сервера (dev)
+VITE_SOCKET_PATH=/socket.io            # Не обязательно, вычисляется автоматически
+```
+
+Если API размещён отдельно (не через proxy), установите полный origin, напр.:
+
+```bash
+VITE_API_BASE_URL=https://api.example.com
+```
+
+## Быстрый старт (Frontend)
+
+1. Установить зависимости:
+
+```powershell
+npm install
+```
+
+1. (Опционально) создать `.env.local` для переопределения API / Socket.
+
+1. Запустить дев‑сервер:
+
+```powershell
+npm run dev
+```
+
+1. Открыть <https://localhost:5173> (mkcert генерирует локальный сертификат). Если браузер предупреждает о самоподписанном сертификате — добавить исключение.
+
+## Запуск WebSocket сервера
+
+Перейдите в подпапку и установите его зависимости отдельно:
+
+```powershell
+cd .\websocket-server
+npm install
+npm run dev   # запустит на порту 4000
+```
+
+Сообщение в консоли: `Socket.io server started on ws://localhost:4000`.
+
+Убедитесь, что фронтенд видит его (по умолчанию `VITE_SOCKET_URL=http://localhost:4000`).
+
+## Сборка и предпросмотр
+
+```powershell
+npm run build   # tsc -b + vite build
+npm run preview # локальный статический preview
+```
+
+Готовый production билд будет в папке `dist`.
+
+## Скрипты
+
+- `npm run dev` — старт дев-сервера Vite (https + HMR)
+- `npm run build` — типизация (project refs) + сборка
+- `npm run preview` — предпросмотр собранного SPA
+- `npm run lint` — ESLint проверка
+
+## HTTP клиент и авторизация
+
+`src/shared/api/http.ts` создаёт экземпляр Axios с `baseURL = VITE_API_BASE_URL || /api` и `withCredentials: true`. Интерцептор 401 делает редирект на `/login?from=...` если страница частная.
+
+## Работа с кэшем
+
+React Query:
+
+- Списки (`useInfiniteQuery`) с ключами вида `['questions', { search, sortBy }]`.
+- Детали: `['question', id]`, `['snippet', id]`.
+- После мутаций — точечная инвалидация.
+- Live‑события сначала обновляют кэш локально (`setQueryData`), затем вызывают `invalidateQueries` для сверки с сервером.
+
+## Темизация
+
+`ThemeProvider` добавляет атрибуты `data-theme` и класс `dark` на `html` и `body`, сохраняет выбор в `localStorage`. Возможные значения: `light | dark`.
+
+## Уведомления
+
+Файл `src/shared/notifications.ts` — простая шина событий (CustomEvent) с типами. Используется хуками мутаций для показа успеха / ошибок.
+
+## Добавление новой сущности (рекомендованный паттерн)
+
+1. Создать директорию в `src/entities/<entity>`: `types.ts`, `api.ts`, `hooks/`.
+2. Определить типы и адаптер нормализации.
+3. Hooks `use<Entity>s`, `use<Entity>` (деталь), мутации через `useApiMutation`.
+4. Подписки на сокет (если нужны) аналогично `useSnippetComments` или `useQuestionAnswers`.
+
+## Реалтайм интеграция (деталь)
+
+Файл `src/shared/socket.ts`:
+
+- Автоленивая инициализация клиента.
+- Конфиг через env (`VITE_SOCKET_URL`, `VITE_SOCKET_PATH`).
+- Принудительный транспорт WebSocket.
+- Dev‑логи подключений и ошибок.
+
+## Стиль кодовой базы
+
+- Type-first: типы домена в `entities/*/types.ts`.
+- Минимальная «ручная» нормализация ответов (приведение чисел и строк, сбор статистик likes/dislikes).
+- Избежание лишних перерендеров: составные ключи, ограниченный retry, отключение `refetchOnWindowFocus` на списках.
+
+## Проверка качества
+
+Перед коммитом рекомендуется:
+
+```powershell
+npm run lint
+npm run build
+```
+
+---
+
+При возникновении вопросов смотрите исходный код в соответствующих директориях или добавляйте issue.
diff --git a/docs.json b/docs.json
new file mode 100644
index 0000000..b6ea7fb
--- /dev/null
+++ b/docs.json
@@ -0,0 +1 @@
+{"openapi":"3.0.0","paths":{"/":{"get":{"operationId":"AppController_healthCheck","parameters":[],"responses":{"200":{"description":""}}}},"/api/users":{"get":{"operationId":"UsersController_findAllUsers","parameters":[{"name":"page","required":false,"in":"query","description":"Page number to retrieve.If you provide invalid value the default page number will applied\n        <p>\n             <b>Example: </b> 1\n          </p>\n        <p>\n             <b>Default Value: </b> 1\n          </p>\n        ","schema":{"type":"number"}},{"name":"limit","required":false,"in":"query","description":"Number of records per page.\n      <p>\n             <b>Example: </b> 20\n          </p>\n      <p>\n             <b>Default Value: </b> 15\n          </p>\n      <p>\n             <b>Max Value: </b> 100\n          </p>\n\n      If provided value is greater than max value, max value will be applied.\n      ","schema":{"type":"number"}},{"name":"sortBy","required":false,"in":"query","description":"Parameter to sort by.\n      <p>To sort by multiple fields, just provide query param multiple types. The order in url defines an order of sorting</p>\n      <p>\n             <b>Format: </b> fieldName:DIRECTION\n          </p>\n      <p>\n             <b>Example: </b> sortBy=id:DESC&sortBy=createdAt:ASC\n          </p>\n      <p>\n             <b>Default Value: </b> username:ASC\n          </p>\n      <h4>Available Fields</h4><ul><li>id</li>\n<li>username</li>\n<li>role</li></ul>\n      ","schema":{"type":"array","items":{"type":"string","enum":["id:ASC","id:DESC","username:ASC","username:DESC","role:ASC","role:DESC"]}}},{"name":"search","required":false,"in":"query","description":"Search term to filter result values\n        <p>\n             <b>Example: </b> John\n          </p>\n        <p>\n             <b>Default Value: </b> No default value\n          </p>\n        ","schema":{"type":"string"}},{"name":"searchBy","required":false,"in":"query","description":"List of fields to search by term to filter result values\n        <p>\n             <b>Example: </b> username\n          </p>\n        <p>\n             <b>Default Value: </b> By default all fields mentioned below will be used to search by term\n          </p>\n        <h4>Available Fields</h4><ul><li>username</li></ul>\n        ","schema":{"type":"array","items":{"type":"string"}}}],"responses":{"200":{"description":"","content":{"application/json":{"schema":{"allOf":[{"$ref":"#/components/schemas/PaginatedDocumented"},{"properties":{"data":{"type":"array","items":{"$ref":"#/components/schemas/UserDto"}},"meta":{"properties":{"select":{"type":"array","items":{"type":"string"}},"filter":{"type":"object","properties":{}}}}}}]}}}}},"tags":["users"]}},"/api/users/{id}":{"get":{"operationId":"UsersController_findOneUser","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Contains found user","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UserDto"}}}}},"tags":["users"]}},"/api/users/{id}/statistic":{"get":{"operationId":"UsersController_getUserStatistic","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Contains found user with statistic information","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UserStatisticDto"}}}}},"tags":["users"]}},"/api/me":{"get":{"operationId":"MeController_getProfile","parameters":[],"responses":{"200":{"description":"Contains found user","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UserDto"}}}}},"tags":["me"],"security":[{"cookie":[]}]},"patch":{"operationId":"MeController_updateProfile","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateUserDto"}}}},"responses":{"200":{"description":"Contains amount of updated users","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateResponseDto"}}}}},"tags":["me"],"security":[{"cookie":[]}]},"delete":{"operationId":"MeController_deleteProfile","parameters":[],"responses":{"200":{"description":"Contains deleted user","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UserDto"}}}}},"tags":["me"],"security":[{"cookie":[]}]}},"/api/me/password":{"patch":{"operationId":"MeController_changePassword","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/ChangePasswordDto"}}}},"responses":{"200":{"description":"Contains amount of updated users","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateResponseDto"}}}}},"tags":["me"],"security":[{"cookie":[]}]}},"/api/snippets":{"get":{"operationId":"SnippetsController_findAllSnippets","parameters":[{"name":"userId","required":false,"in":"query","description":"Id of the snippet owner","schema":{"type":"number"}},{"name":"page","required":false,"in":"query","description":"Page number to retrieve.If you provide invalid value the default page number will applied\n        <p>\n             <b>Example: </b> 1\n          </p>\n        <p>\n             <b>Default Value: </b> 1\n          </p>\n        ","schema":{"type":"number"}},{"name":"limit","required":false,"in":"query","description":"Number of records per page.\n      <p>\n             <b>Example: </b> 20\n          </p>\n      <p>\n             <b>Default Value: </b> 15\n          </p>\n      <p>\n             <b>Max Value: </b> 100\n          </p>\n\n      If provided value is greater than max value, max value will be applied.\n      ","schema":{"type":"number"}},{"name":"sortBy","required":false,"in":"query","description":"Parameter to sort by.\n      <p>To sort by multiple fields, just provide query param multiple types. The order in url defines an order of sorting</p>\n      <p>\n             <b>Format: </b> fieldName:DIRECTION\n          </p>\n      <p>\n             <b>Example: </b> sortBy=id:DESC&sortBy=createdAt:ASC\n          </p>\n      <p>\n             <b>Default Value: </b> id:ASC\n          </p>\n      <h4>Available Fields</h4><ul><li>id</li>\n<li>code</li>\n<li>language</li></ul>\n      ","schema":{"type":"array","items":{"type":"string","enum":["id:ASC","id:DESC","code:ASC","code:DESC","language:ASC","language:DESC"]}}},{"name":"search","required":false,"in":"query","description":"Search term to filter result values\n        <p>\n             <b>Example: </b> John\n          </p>\n        <p>\n             <b>Default Value: </b> No default value\n          </p>\n        ","schema":{"type":"string"}},{"name":"searchBy","required":false,"in":"query","description":"List of fields to search by term to filter result values\n        <p>\n             <b>Example: </b> code,language\n          </p>\n        <p>\n             <b>Default Value: </b> By default all fields mentioned below will be used to search by term\n          </p>\n        <h4>Available Fields</h4><ul><li>code</li>\n<li>language</li></ul>\n        ","schema":{"type":"array","items":{"type":"string"}}}],"responses":{"200":{"description":"","content":{"application/json":{"schema":{"allOf":[{"$ref":"#/components/schemas/PaginatedDocumented"},{"properties":{"data":{"type":"array","items":{"$ref":"#/components/schemas/SnippetDto"}},"meta":{"properties":{"select":{"type":"array","items":{"type":"string"}},"filter":{"type":"object","properties":{}}}}}}]}}}}},"tags":["snippets"]},"post":{"operationId":"SnippetsController_createSnippet","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/CreateSnippetDto"}}}},"responses":{"201":{"description":"Contains created snippet","content":{"application/json":{"schema":{"$ref":"#/components/schemas/SnippetDto"}}}}},"tags":["snippets"],"security":[{"cookie":[]}]}},"/api/snippets/languages":{"get":{"operationId":"SnippetsController_getLanguages","parameters":[],"responses":{"200":{"description":"Contains supported languages","content":{"application/json":{"schema":{"type":"array","items":{"type":"string"}}}}}},"tags":["snippets"],"security":[{"cookie":[]}]}},"/api/snippets/{id}":{"get":{"operationId":"SnippetsController_findOneSnippet","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Contains found snippet","content":{"application/json":{"schema":{"$ref":"#/components/schemas/SnippetDto"}}}}},"tags":["snippets"]},"patch":{"operationId":"SnippetsController_updateSnippet","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateSnippetDto"}}}},"responses":{"200":{"description":"Contains count of updated snippets","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateResponseDto"}}}}},"tags":["snippets"],"security":[{"cookie":[]}]},"delete":{"operationId":"SnippetsController_delete","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Contains deleted snippet","content":{"application/json":{"schema":{"$ref":"#/components/schemas/SnippetDto"}}}}},"tags":["snippets"],"security":[{"cookie":[]}]}},"/api/snippets/{id}/mark":{"post":{"operationId":"SnippetsController_markSnippet","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/MarkSnippetDto"}}}},"responses":{"200":{"description":"Contains new user mark for the snippet","content":{"application/json":{"schema":{"$ref":"#/components/schemas/MarkSnippetDto"}}}}},"tags":["snippets"],"security":[{"cookie":[]}]}},"/api/comments":{"post":{"operationId":"CommentsController_createComment","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/CreateCommentDto"}}}},"responses":{"201":{"description":"Contains created comment","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CommentDto"}}}}},"tags":["comments"],"security":[{"cookie":[]}]}},"/api/comments/{id}":{"patch":{"operationId":"CommentsController_updateComment","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateCommentDto"}}}},"responses":{"200":{"description":"Contains amount of updated comments","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateResponseDto"}}}}},"tags":["comments"],"security":[{"cookie":[]}]},"delete":{"operationId":"CommentsController_deleteComment","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Contains deleted comment","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CommentDto"}}}}},"tags":["comments"],"security":[{"cookie":[]}]}},"/api/auth":{"get":{"operationId":"AuthController_getAuth","parameters":[],"responses":{"200":{"description":"Contains authenticated user","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UserDto"}}}}},"tags":["auth"]}},"/api/auth/login":{"post":{"operationId":"AuthController_login","parameters":[],"requestBody":{"required":true,"description":"User credentials","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CredentialsDto"}}}},"responses":{"200":{"description":"Contains authenticated user","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UserDto"}}}}},"tags":["auth"]}},"/api/auth/logout":{"post":{"operationId":"AuthController_logout","parameters":[],"responses":{"200":{"description":""}},"tags":["auth"],"security":[{"cookie":[]}]}},"/api/register":{"post":{"operationId":"RegisterController_registerUser","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/CredentialsDto"}}}},"responses":{"201":{"description":"Contains information about registred user","content":{"application/json":{"schema":{"$ref":"#/components/schemas/UserDto"}}}}},"tags":["register"]}},"/api/questions":{"get":{"operationId":"QuestionsController_getQuestions","parameters":[{"name":"page","required":false,"in":"query","description":"Page number to retrieve.If you provide invalid value the default page number will applied\n        <p>\n             <b>Example: </b> 1\n          </p>\n        <p>\n             <b>Default Value: </b> 1\n          </p>\n        ","schema":{"type":"number"}},{"name":"limit","required":false,"in":"query","description":"Number of records per page.\n      <p>\n             <b>Example: </b> 20\n          </p>\n      <p>\n             <b>Default Value: </b> 15\n          </p>\n      <p>\n             <b>Max Value: </b> 100\n          </p>\n\n      If provided value is greater than max value, max value will be applied.\n      ","schema":{"type":"number"}},{"name":"sortBy","required":false,"in":"query","description":"Parameter to sort by.\n      <p>To sort by multiple fields, just provide query param multiple types. The order in url defines an order of sorting</p>\n      <p>\n             <b>Format: </b> fieldName:DIRECTION\n          </p>\n      <p>\n             <b>Example: </b> sortBy=id:DESC&sortBy=createdAt:ASC\n          </p>\n      <p>\n             <b>Default Value: </b> title:DESC\n          </p>\n      <h4>Available Fields</h4><ul><li>id</li>\n<li>title</li>\n<li>description</li>\n<li>attachedCode</li></ul>\n      ","schema":{"type":"array","items":{"type":"string","enum":["id:ASC","id:DESC","title:ASC","title:DESC","description:ASC","description:DESC","attachedCode:ASC","attachedCode:DESC"]}}},{"name":"search","required":false,"in":"query","description":"Search term to filter result values\n        <p>\n             <b>Example: </b> John\n          </p>\n        <p>\n             <b>Default Value: </b> No default value\n          </p>\n        ","schema":{"type":"string"}},{"name":"searchBy","required":false,"in":"query","description":"List of fields to search by term to filter result values\n        <p>\n             <b>Example: </b> title,description,attachedCode\n          </p>\n        <p>\n             <b>Default Value: </b> By default all fields mentioned below will be used to search by term\n          </p>\n        <h4>Available Fields</h4><ul><li>title</li>\n<li>description</li>\n<li>attachedCode</li></ul>\n        ","schema":{"type":"array","items":{"type":"string"}}}],"responses":{"200":{"description":"","content":{"application/json":{"schema":{"allOf":[{"$ref":"#/components/schemas/PaginatedDocumented"},{"properties":{"data":{"type":"array","items":{"$ref":"#/components/schemas/QuestionWithStatusDto"}},"meta":{"properties":{"select":{"type":"array","items":{"type":"string"}},"filter":{"type":"object","properties":{}}}}}}]}}}}},"tags":["questions"]},"post":{"operationId":"QuestionsController_createQuestion","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/CreateQuestionDto"}}}},"responses":{"201":{"description":"Returns created question","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CreateQuestionDto"}}}}},"tags":["questions"],"security":[{"cookie":[]}]}},"/api/questions/{id}":{"get":{"operationId":"QuestionsController_getQuestion","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Returns single question by id","content":{"application/json":{"schema":{"$ref":"#/components/schemas/QuestionWithStatusDto"}}}}},"tags":["questions"]},"patch":{"operationId":"QuestionsController_updateQuestion","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateQuestionDto"}}}},"responses":{"201":{"description":"Updates question","content":{"application/json":{"schema":{"$ref":"#/components/schemas/QuestionDto"}}}}},"tags":["questions"],"security":[{"cookie":[]}]},"delete":{"operationId":"QuestionsController_deleteQuestion","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Deletes question","content":{"application/json":{"schema":{"$ref":"#/components/schemas/QuestionDto"}}}}},"tags":["questions"],"security":[{"cookie":[]}]}},"/api/answers":{"get":{"operationId":"AnswersController_getAnswers","parameters":[],"responses":{"200":{"description":"Returns all answers"}},"tags":["answers"]},"post":{"operationId":"AnswersController_createAnswer","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/CreateAnswerDto"}}}},"responses":{"201":{"description":"Returns created answer"}},"tags":["answers"],"security":[{"cookie":[]}]}},"/api/answers/{id}/state/{state}":{"put":{"operationId":"AnswersController_updateState","parameters":[{"name":"state","required":true,"in":"path","examples":{"correct":{"value":"correct","description":"Pass if you want to mark answer as correct","summary":"Pass if you want to mark answer as correct"},"incorrect":{"value":"incorrect","description":"Pass if you want to mark answer as incorrect","summary":"Pass if you want to mark answer as incorrect"}},"schema":{"$ref":"#/components/schemas/AnswerState"}},{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Updates correct/incorrect state of answer"}},"tags":["answers"],"security":[{"cookie":[]}]}},"/api/answers/{id}":{"patch":{"operationId":"AnswersController_updateAnswer","parameters":[],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/UpdateAnswerDto"}}}},"responses":{"200":{"description":"Updates answer content"}},"tags":["answers"],"security":[{"cookie":[]}]},"delete":{"operationId":"AnswersController_deleteAnswer","parameters":[{"name":"id","required":true,"in":"path","schema":{"type":"number"}}],"responses":{"200":{"description":"Deletes answer","content":{"application/json":{"schema":{"$ref":"#/components/schemas/AnswerDto"}}}}},"tags":["answers"],"security":[{"cookie":[]}]}}},"info":{"title":"Codelang API","description":"The Codelang API description","version":"1.0","contact":{}},"tags":[],"servers":[],"components":{"securitySchemes":{"cookie":{"type":"apiKey","in":"cookie","name":"token"}},"schemas":{"PaginatedMetaDocumented":{"type":"object","properties":{"itemsPerPage":{"type":"number","title":"Number of items per page"},"totalItems":{"type":"number","title":"Total number of items"},"currentPage":{"type":"number","title":"Current requested page"},"totalPages":{"type":"number","title":"Total number of pages"},"sortBy":{"type":"array","title":"Sorting by columns","items":{"type":"array","items":{"oneOf":[{"type":"string"},{"type":"string","enum":["ASC","DESC"]}]}}},"searchBy":{"title":"Search by fields","type":"array","items":{"type":"string"}},"search":{"type":"string","title":"Search term"},"select":{"title":"List of selected fields","type":"array","items":{"type":"string"}},"filter":{"type":"object","title":"Filters that applied to the query"}},"required":["itemsPerPage","totalItems","currentPage","totalPages"]},"PaginatedLinksDocumented":{"type":"object","properties":{"first":{"type":"string","title":"Link to first page"},"previous":{"type":"string","title":"Link to previous page"},"current":{"type":"string","title":"Link to current page"},"next":{"type":"string","title":"Link to next page"},"last":{"type":"string","title":"Link to last page"}}},"PaginatedDocumented":{"type":"object","properties":{"data":{"title":"Array of entities","type":"array","items":{"type":"object"}},"meta":{"title":"Pagination Metadata","allOf":[{"$ref":"#/components/schemas/PaginatedMetaDocumented"}]},"links":{"title":"Links to pages","allOf":[{"$ref":"#/components/schemas/PaginatedLinksDocumented"}]}},"required":["data","meta","links"]},"UserRoles":{"type":"string","description":"User's role","enum":["user","admin"]},"UserDto":{"type":"object","properties":{"id":{"type":"number","description":"User's identifier"},"username":{"type":"string","description":"User's nickname"},"role":{"$ref":"#/components/schemas/UserRoles"}},"required":["id","username","role"]},"StatisticDto":{"type":"object","properties":{"snippetsCount":{"type":"number","description":"Number of snippets created by user","example":5},"rating":{"type":"number","description":"User activity rating","example":150},"commentsCount":{"type":"number","description":"Number of comments made by user","example":10},"likesCount":{"type":"number","description":"Number of likes given by user","example":20},"dislikesCount":{"type":"number","description":"Number of dislikes given by user","example":5},"questionsCount":{"type":"number","description":"Number of questions asked by user","example":8},"correctAnswersCount":{"type":"number","description":"Number of correct answers given by user","example":12},"regularAnswersCount":{"type":"number","description":"Number of regular answers given by user","example":15}},"required":["snippetsCount","rating","commentsCount","likesCount","dislikesCount","questionsCount","correctAnswersCount","regularAnswersCount"]},"UserStatisticDto":{"type":"object","properties":{"id":{"type":"number","description":"User's identifier"},"username":{"type":"string","description":"User's nickname"},"role":{"$ref":"#/components/schemas/UserRoles"},"statistic":{"description":"User activity statistics","allOf":[{"$ref":"#/components/schemas/StatisticDto"}]}},"required":["id","username","role","statistic"]},"UpdateUserDto":{"type":"object","properties":{"username":{"type":"string","description":"New user nickname","minLength":5}},"required":["username"]},"UpdateResponseDto":{"type":"object","properties":{"updatedCount":{"type":"number","description":"Amount of updated items"}},"required":["updatedCount"]},"ChangePasswordDto":{"type":"object","properties":{"oldPassword":{"type":"string","description":"Old user's password"},"newPassword":{"type":"string","description":"New password"}},"required":["oldPassword","newPassword"]},"SnippetDto":{"type":"object","properties":{"id":{"type":"number","description":"Snippet's identifier"},"language":{"type":"string","description":"Snippet's programming language"},"code":{"type":"string","description":"Snippet's content"},"user":{"description":"Owner of the snippet","allOf":[{"$ref":"#/components/schemas/UserDto"}]}},"required":["id","language","code","user"]},"Languages":{"type":"string","description":"Snippet's language (programming language)","enum":["JavaScript","Python","Java","C/C++","C#","Go","Kotlin","Ruby"]},"CreateSnippetDto":{"type":"object","properties":{"code":{"$ref":"#/components/schemas/Languages"},"language":{"type":"string","description":"Snippet's language (programming language)"}},"required":["code","language"]},"UpdateSnippetDto":{"type":"object","properties":{"code":{"type":"string","description":"New snippet content"},"language":{"type":"string","description":"New snippet language"}}},"SnippetMark":{"type":"string","description":"User mark for the snippet. like, dislike or none (remove any existing mark: like or dislike)","enum":["like","dislike","none"]},"MarkSnippetDto":{"type":"object","properties":{"mark":{"$ref":"#/components/schemas/SnippetMark"}},"required":["mark"]},"CreateCommentDto":{"type":"object","properties":{"content":{"type":"string","description":"Comment's content"},"snippetId":{"type":"number","description":"Id of the commenting snippet"}},"required":["content","snippetId"]},"CommentDto":{"type":"object","properties":{"id":{"type":"number","description":"Comment's identifier"},"content":{"type":"string","description":"Comment's content"},"user":{"description":"Owner of the comment","allOf":[{"$ref":"#/components/schemas/UserDto"}]}},"required":["id","content","user"]},"UpdateCommentDto":{"type":"object","properties":{"content":{"type":"string","description":"New comment content"}},"required":["content"]},"CredentialsDto":{"type":"object","properties":{"username":{"type":"string","description":"User's nickname","minLength":5},"password":{"type":"string","description":"User's password","minLength":6}},"required":["username","password"]},"QuestionWithStatusDto":{"type":"object","properties":{"id":{"type":"number","description":"Unique identifier of the question"},"title":{"type":"string","description":"Title of the question"},"description":{"type":"string","description":"Detailed description of the question"},"attachedCode":{"type":"string","description":"Code snippet attached to the question"},"user":{"type":"object","description":"User who created the question"},"answers":{"description":"List of answers to this question","type":"array","items":{"type":"array"}},"isResolved":{"type":"boolean","description":"Indicates if question is resolved"}},"required":["id","title","description","user","answers","isResolved"]},"CreateQuestionDto":{"type":"object","properties":{"title":{"type":"string","description":"Question title"},"description":{"type":"string","description":"Question description"},"attachedCode":{"type":"string","description":"Question attached code"}},"required":["title","description","attachedCode"]},"UpdateQuestionDto":{"type":"object","properties":{"title":{"type":"string","description":"Question description"},"description":{"type":"string","description":"Question description"},"attachedCode":{"type":"string","description":"Question attached code"}},"required":["title","description","attachedCode"]},"QuestionDto":{"type":"object","properties":{"id":{"type":"number","description":"Unique identifier of the question"},"title":{"type":"string","description":"Title of the question"},"description":{"type":"string","description":"Detailed description of the question"},"attachedCode":{"type":"string","description":"Code snippet attached to the question"},"user":{"type":"object","description":"User who created the question"},"answers":{"description":"List of answers to this question","type":"array","items":{"type":"array"}}},"required":["id","title","description","user","answers"]},"CreateAnswerDto":{"type":"object","properties":{"content":{"type":"string","description":"Answer content"},"questionId":{"type":"number","description":"Id of the commenting question"}},"required":["content","questionId"]},"AnswerState":{"type":"string","enum":["correct","incorrect"]},"UpdateAnswerDto":{"type":"object","properties":{"content":{"type":"string","description":"Answer content"}},"required":["content"]},"AnswerDto":{"type":"object","properties":{"id":{"type":"number","description":"The unique identifier of the answer","example":1},"content":{"type":"string","description":"The content of the answer","example":"Paris is the capital of France"},"isCorrect":{"type":"boolean","description":"Indicates whether this answer is correct","example":true}},"required":["id","content","isCorrect"]}}}}
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..d94e7de
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { globalIgnores } from 'eslint/config'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f0579e9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+    <script>
+      (function () {
+        try {
+          var saved = localStorage.getItem("theme");
+          var isDark = saved
+            ? saved === "dark"
+            : window.matchMedia &&
+              window.matchMedia("(prefers-color-scheme: dark)").matches;
+          var theme = isDark ? "dark" : "light";
+          var root = document.documentElement;
+          var body = document.body;
+          root.setAttribute("data-theme", theme);
+          body && body.setAttribute("data-theme", theme);
+          if (isDark) {
+            root.classList.add("dark");
+            body && body.classList.add("dark");
+          } else {
+            root.classList.remove("dark");
+            body && body.classList.remove("dark");
+          }
+        } catch (_) {}
+      })();
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..1847388
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,5092 @@
+{
+  "name": "stackoverflow",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "stackoverflow",
+      "version": "0.0.0",
+      "dependencies": {
+        "@hookform/resolvers": "^5.2.1",
+        "@tanstack/react-query": "^5.85.0",
+        "@tanstack/react-virtual": "^3.13.12",
+        "@uiw/react-codemirror": "^4.25.1",
+        "axios": "^1.11.0",
+        "prism-react-renderer": "^2.4.1",
+        "react": "^19.1.1",
+        "react-dom": "^19.1.1",
+        "react-hook-form": "^7.62.0",
+        "react-intersection-observer": "^9.16.0",
+        "react-router-dom": "^7.8.0",
+        "socket.io-client": "^4.8.1",
+        "zod": "^4.0.17"
+      },
+      "devDependencies": {
+        "@eslint/js": "^9.33.0",
+        "@tailwindcss/postcss": "^4.1.11",
+        "@types/react": "^19.1.10",
+        "@types/react-dom": "^19.1.7",
+        "@vitejs/plugin-react-swc": "^4.0.0",
+        "autoprefixer": "^10.4.21",
+        "eslint": "^9.33.0",
+        "eslint-plugin-react-hooks": "^5.2.0",
+        "eslint-plugin-react-refresh": "^0.4.20",
+        "globals": "^16.3.0",
+        "openapi-typescript": "^7.9.1",
+        "postcss": "^8.5.6",
+        "tailwindcss": "^4.1.11",
+        "typescript": "~5.8.3",
+        "typescript-eslint": "^8.39.1",
+        "vite": "^7.1.2",
+        "vite-plugin-mkcert": "^1.17.8"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.3.tgz",
+      "integrity": "sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.18.6",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz",
+      "integrity": "sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.1.tgz",
+      "integrity": "sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.4.0",
+        "@codemirror/view": "^6.27.0",
+        "@lezer/common": "^1.1.0"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.11.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.11.3.tgz",
+      "integrity": "sha512-9HBM2XnwDj7fnu0551HkGdrUrrqmYq/WC5iv6nbY2WdicXdGbhR/gfbZOH73Aqj4351alY1+aoG9rCNfiwS1RA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
+        "@lezer/common": "^1.1.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.8.5",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.5.tgz",
+      "integrity": "sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.35.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.11.tgz",
+      "integrity": "sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
+      "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
+      "license": "MIT",
+      "dependencies": {
+        "@marijn/find-cluster-break": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/theme-one-dark": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.3.tgz",
+      "integrity": "sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.38.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.38.1.tgz",
+      "integrity": "sha512-RmTOkE7hRU3OVREqFVITWHz6ocgBjv08GoePscAakgVQfciA3SGCEk7mb9IzwW61cKKmlTpHXG6DUE5Ubx+MGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.5.0",
+        "crelt": "^1.0.6",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.9.tgz",
+      "integrity": "sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.9.tgz",
+      "integrity": "sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.9.tgz",
+      "integrity": "sha512-IDrddSmpSv51ftWslJMvl3Q2ZT98fUSL2/rlUXuVqRXHCs5EUF1/f+jbjF5+NG9UffUDMCiTyh8iec7u8RlTLg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.9.tgz",
+      "integrity": "sha512-I853iMZ1hWZdNllhVZKm34f4wErd4lMyeV7BLzEExGEIZYsOzqDWDf+y082izYUE8gtJnYHdeDpN/6tUdwvfiw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.9.tgz",
+      "integrity": "sha512-XIpIDMAjOELi/9PB30vEbVMs3GV1v2zkkPnuyRRURbhqjyzIINwj+nbQATh4H9GxUgH1kFsEyQMxwiLFKUS6Rg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.9.tgz",
+      "integrity": "sha512-jhHfBzjYTA1IQu8VyrjCX4ApJDnH+ez+IYVEoJHeqJm9VhG9Dh2BYaJritkYK3vMaXrf7Ogr/0MQ8/MeIefsPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-z93DmbnY6fX9+KdD4Ue/H6sYs+bhFQJNCPZsi4XWJoYblUqT06MQUdBCpcSfuiN72AbqeBFu5LVQTjfXDE2A6Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.9.tgz",
+      "integrity": "sha512-mrKX6H/vOyo5v71YfXWJxLVxgy1kyt1MQaD8wZJgJfG4gq4DpQGpgTB74e5yBeQdyMTbgxp0YtNj7NuHN0PoZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.9.tgz",
+      "integrity": "sha512-HBU2Xv78SMgaydBmdor38lg8YDnFKSARg1Q6AT0/y2ezUAKiZvc211RDFHlEZRFNRVhcMamiToo7bDx3VEOYQw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.9.tgz",
+      "integrity": "sha512-BlB7bIcLT3G26urh5Dmse7fiLmLXnRlopw4s8DalgZ8ef79Jj4aUcYbk90g8iCa2467HX8SAIidbL7gsqXHdRw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.9.tgz",
+      "integrity": "sha512-e7S3MOJPZGp2QW6AK6+Ly81rC7oOSerQ+P8L0ta4FhVi+/j/v2yZzx5CqqDaWjtPFfYz21Vi1S0auHrap3Ma3A==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.9.tgz",
+      "integrity": "sha512-Sbe10Bnn0oUAB2AalYztvGcK+o6YFFA/9829PhOCUS9vkJElXGdphz0A3DbMdP8gmKkqPmPcMJmJOrI3VYB1JQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.9.tgz",
+      "integrity": "sha512-YcM5br0mVyZw2jcQeLIkhWtKPeVfAerES5PvOzaDxVtIyZ2NUBZKNLjC5z3/fUlDgT6w89VsxP2qzNipOaaDyA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.9.tgz",
+      "integrity": "sha512-++0HQvasdo20JytyDpFvQtNrEsAgNG2CY1CLMwGXfFTKGBGQT3bOeLSYE2l1fYdvML5KUuwn9Z8L1EWe2tzs1w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.9.tgz",
+      "integrity": "sha512-uNIBa279Y3fkjV+2cUjx36xkx7eSjb8IvnL01eXUKXez/CBHNRw5ekCGMPM0BcmqBxBcdgUWuUXmVWwm4CH9kg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.9.tgz",
+      "integrity": "sha512-Mfiphvp3MjC/lctb+7D287Xw1DGzqJPb/J2aHHcHxflUo+8tmN/6d4k6I2yFR7BVo5/g7x2Monq4+Yew0EHRIA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.9.tgz",
+      "integrity": "sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-9jNJl6FqaUG+COdQMjSCGW4QiMHH88xWbvZ+kRVblZsWrkXlABuGdFJ1E9L7HK+T0Yqd4akKNa/lO0+jDxQD4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.9.tgz",
+      "integrity": "sha512-RLLdkflmqRG8KanPGOU7Rpg829ZHu8nFy5Pqdi9U01VYtG9Y0zOG6Vr2z4/S+/3zIyOxiK6cCeYNWOFR9QP87g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-YaFBlPGeDasft5IIM+CQAhJAqS3St3nJzDEgsgFixcfZeyGPCd6eJBWzke5piZuZ7CtL656eOSYKk4Ls2C0FRQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.9.tgz",
+      "integrity": "sha512-1MkgTCuvMGWuqVtAvkpkXFmtL8XhWy+j4jaSO2wxfJtilVCi0ZE37b8uOdMItIHz4I6z1bWWtEX4CJwcKYLcuA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.9.tgz",
+      "integrity": "sha512-4Xd0xNiMVXKh6Fa7HEJQbrpP3m3DDn43jKxMjxLLRjWnRsfxjORYJlXPO4JNcXtOyfajXorRKY9NkOpTHptErg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.9.tgz",
+      "integrity": "sha512-WjH4s6hzo00nNezhp3wFIAfmGZ8U7KtrJNlFMRKxiI9mxEK1scOMAaa9i4crUtu+tBr+0IN6JCuAcSBJZfnphw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.9.tgz",
+      "integrity": "sha512-mGFrVJHmZiRqmP8xFOc6b84/7xa5y5YvR1x8djzXpJBSv/UsNK6aqec+6JDjConTgvvQefdGhFDAs2DLAds6gQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.9.tgz",
+      "integrity": "sha512-b33gLVU2k11nVx1OhX3C8QQP6UHQK4ZtN56oFWvVXvz2VkDoe6fbG8TOgHFxEvqeqohmRnIHe5A1+HADk4OQww==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.9.tgz",
+      "integrity": "sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz",
+      "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.6",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
+      "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz",
+      "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.34.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.34.0.tgz",
+      "integrity": "sha512-EoyvqQnBNsV1CWaEJ559rxXL4c8V92gxirbawSmVUOWXlsRxxQXl6LmCpdUblgxgSkDIqKnhzba2SjRTI/A5Rw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz",
+      "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.15.2",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@hookform/resolvers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-5.2.1.tgz",
+      "integrity": "sha512-u0+6X58gkjMcxur1wRWokA7XsiiBJ6aK17aPZxhkoYiK5J+HcTx0Vhu9ovXe6H+dVpO6cjrn2FkJTryXEMlryQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/utils": "^0.3.0"
+      },
+      "peerDependencies": {
+        "react-hook-form": "^7.55.0"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.6",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+      "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.30",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz",
+      "integrity": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
+      "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.1.tgz",
+      "integrity": "sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.2.tgz",
+      "integrity": "sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+      "license": "MIT"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@redocly/ajv": {
+      "version": "8.11.3",
+      "resolved": "https://registry.npmjs.org/@redocly/ajv/-/ajv-8.11.3.tgz",
+      "integrity": "sha512-4P3iZse91TkBiY+Dx5DUgxQ9GXkVJf++cmI0MOyLDxV9b5MUBI4II6ES8zA5JCbO72nKAJxWrw4PUPW+YP3ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js-replace": "^1.0.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@redocly/ajv/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@redocly/config": {
+      "version": "0.22.2",
+      "resolved": "https://registry.npmjs.org/@redocly/config/-/config-0.22.2.tgz",
+      "integrity": "sha512-roRDai8/zr2S9YfmzUfNhKjOF0NdcOIqF7bhf4MVC5UxpjIysDjyudvlAiVbpPHp3eDRWbdzUgtkK1a7YiDNyQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@redocly/openapi-core": {
+      "version": "1.34.5",
+      "resolved": "https://registry.npmjs.org/@redocly/openapi-core/-/openapi-core-1.34.5.tgz",
+      "integrity": "sha512-0EbE8LRbkogtcCXU7liAyC00n9uNG9hJ+eMyHFdUsy9lB/WGqnEBgwjA9q2cyzAVcdTkQqTBBU1XePNnN3OijA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@redocly/ajv": "^8.11.2",
+        "@redocly/config": "^0.22.0",
+        "colorette": "^1.2.0",
+        "https-proxy-agent": "^7.0.5",
+        "js-levenshtein": "^1.1.6",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^5.0.1",
+        "pluralize": "^8.0.0",
+        "yaml-ast-parser": "0.0.43"
+      },
+      "engines": {
+        "node": ">=18.17.0",
+        "npm": ">=9.5.0"
+      }
+    },
+    "node_modules/@redocly/openapi-core/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@redocly/openapi-core/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.32",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.32.tgz",
+      "integrity": "sha512-QReCdvxiUZAPkvp1xpAg62IeNzykOFA6syH2CnClif4YmALN1XKpB39XneL80008UbtMShthSVDKmrx05N1q/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.49.0.tgz",
+      "integrity": "sha512-rlKIeL854Ed0e09QGYFlmDNbka6I3EQFw7iZuugQjMb11KMpJCLPFL4ZPbMfaEhLADEL1yx0oujGkBQ7+qW3eA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.49.0.tgz",
+      "integrity": "sha512-cqPpZdKUSQYRtLLr6R4X3sD4jCBO1zUmeo3qrWBCqYIeH8Q3KRL4F3V7XJ2Rm8/RJOQBZuqzQGWPjjvFUcYa/w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.49.0.tgz",
+      "integrity": "sha512-99kMMSMQT7got6iYX3yyIiJfFndpojBmkHfTc1rIje8VbjhmqBXE+nb7ZZP3A5skLyujvT0eIUCUsxAe6NjWbw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.49.0.tgz",
+      "integrity": "sha512-y8cXoD3wdWUDpjOLMKLx6l+NFz3NlkWKcBCBfttUn+VGSfgsQ5o/yDUGtzE9HvsodkP0+16N0P4Ty1VuhtRUGg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.49.0.tgz",
+      "integrity": "sha512-3mY5Pr7qv4GS4ZvWoSP8zha8YoiqrU+e0ViPvB549jvliBbdNLrg2ywPGkgLC3cmvN8ya3za+Q2xVyT6z+vZqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.49.0.tgz",
+      "integrity": "sha512-C9KzzOAQU5gU4kG8DTk+tjdKjpWhVWd5uVkinCwwFub2m7cDYLOdtXoMrExfeBmeRy9kBQMkiyJ+HULyF1yj9w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.49.0.tgz",
+      "integrity": "sha512-OVSQgEZDVLnTbMq5NBs6xkmz3AADByCWI4RdKSFNlDsYXdFtlxS59J+w+LippJe8KcmeSSM3ba+GlsM9+WwC1w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.49.0.tgz",
+      "integrity": "sha512-ZnfSFA7fDUHNa4P3VwAcfaBLakCbYaxCk0jUnS3dTou9P95kwoOLAMlT3WmEJDBCSrOEFFV0Y1HXiwfLYJuLlA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.49.0.tgz",
+      "integrity": "sha512-Z81u+gfrobVK2iV7GqZCBfEB1y6+I61AH466lNK+xy1jfqFLiQ9Qv716WUM5fxFrYxwC7ziVdZRU9qvGHkYIJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.49.0.tgz",
+      "integrity": "sha512-zoAwS0KCXSnTp9NH/h9aamBAIve0DXeYpll85shf9NJ0URjSTzzS+Z9evmolN+ICfD3v8skKUPyk2PO0uGdFqg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.49.0.tgz",
+      "integrity": "sha512-2QyUyQQ1ZtwZGiq0nvODL+vLJBtciItC3/5cYN8ncDQcv5avrt2MbKt1XU/vFAJlLta5KujqyHdYtdag4YEjYQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.49.0.tgz",
+      "integrity": "sha512-k9aEmOWt+mrMuD3skjVJSSxHckJp+SiFzFG+v8JLXbc/xi9hv2icSkR3U7uQzqy+/QbbYY7iNB9eDTwrELo14g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.49.0.tgz",
+      "integrity": "sha512-rDKRFFIWJ/zJn6uk2IdYLc09Z7zkE5IFIOWqpuU0o6ZpHcdniAyWkwSUWE/Z25N/wNDmFHHMzin84qW7Wzkjsw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.49.0.tgz",
+      "integrity": "sha512-FkkhIY/hYFVnOzz1WeV3S9Bd1h0hda/gRqvZCMpHWDHdiIHn6pqsY3b5eSbvGccWHMQ1uUzgZTKS4oGpykf8Tw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.49.0.tgz",
+      "integrity": "sha512-gRf5c+A7QiOG3UwLyOOtyJMD31JJhMjBvpfhAitPAoqZFcOeK3Kc1Veg1z/trmt+2P6F/biT02fU19GGTS529A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.49.0.tgz",
+      "integrity": "sha512-BR7+blScdLW1h/2hB/2oXM+dhTmpW3rQt1DeSiCP9mc2NMMkqVgjIN3DDsNpKmezffGC9R8XKVOLmBkRUcK/sA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.49.0.tgz",
+      "integrity": "sha512-hDMOAe+6nX3V5ei1I7Au3wcr9h3ktKzDvF2ne5ovX8RZiAHEtX1A5SNNk4zt1Qt77CmnbqT+upb/umzoPMWiPg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.49.0.tgz",
+      "integrity": "sha512-wkNRzfiIGaElC9kXUT+HLx17z7D0jl+9tGYRKwd8r7cUqTL7GYAvgUY++U2hK6Ar7z5Z6IRRoWC8kQxpmM7TDA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.49.0.tgz",
+      "integrity": "sha512-gq5aW/SyNpjp71AAzroH37DtINDcX1Qw2iv9Chyz49ZgdOP3NV8QCyKZUrGsYX9Yyggj5soFiRCgsL3HwD8TdA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.49.0.tgz",
+      "integrity": "sha512-gEtqFbzmZLFk2xKh7g0Rlo8xzho8KrEFEkzvHbfUGkrgXOpZ4XagQ6n+wIZFNh1nTb8UD16J4nFSFKXYgnbdBg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
+      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
+      "license": "MIT"
+    },
+    "node_modules/@swc/core": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.13.5.tgz",
+      "integrity": "sha512-WezcBo8a0Dg2rnR82zhwoR6aRNxeTGfK5QCD6TQ+kg3xx/zNT02s/0o+81h/3zhvFSB24NtqEr8FTw88O5W/JQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.24"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.13.5",
+        "@swc/core-darwin-x64": "1.13.5",
+        "@swc/core-linux-arm-gnueabihf": "1.13.5",
+        "@swc/core-linux-arm64-gnu": "1.13.5",
+        "@swc/core-linux-arm64-musl": "1.13.5",
+        "@swc/core-linux-x64-gnu": "1.13.5",
+        "@swc/core-linux-x64-musl": "1.13.5",
+        "@swc/core-win32-arm64-msvc": "1.13.5",
+        "@swc/core-win32-ia32-msvc": "1.13.5",
+        "@swc/core-win32-x64-msvc": "1.13.5"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.17"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.13.5.tgz",
+      "integrity": "sha512-lKNv7SujeXvKn16gvQqUQI5DdyY8v7xcoO3k06/FJbHJS90zEwZdQiMNRiqpYw/orU543tPaWgz7cIYWhbopiQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.13.5.tgz",
+      "integrity": "sha512-ILd38Fg/w23vHb0yVjlWvQBoE37ZJTdlLHa8LRCFDdX4WKfnVBiblsCU9ar4QTMNdeTBEX9iUF4IrbNWhaF1Ng==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm-gnueabihf": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.13.5.tgz",
+      "integrity": "sha512-Q6eS3Pt8GLkXxqz9TAw+AUk9HpVJt8Uzm54MvPsqp2yuGmY0/sNaPPNVqctCX9fu/Nu8eaWUen0si6iEiCsazQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.13.5.tgz",
+      "integrity": "sha512-aNDfeN+9af+y+M2MYfxCzCy/VDq7Z5YIbMqRI739o8Ganz6ST+27kjQFd8Y/57JN/hcnUEa9xqdS3XY7WaVtSw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.13.5.tgz",
+      "integrity": "sha512-9+ZxFN5GJag4CnYnq6apKTnnezpfJhCumyz0504/JbHLo+Ue+ZtJnf3RhyA9W9TINtLE0bC4hKpWi8ZKoETyOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.13.5.tgz",
+      "integrity": "sha512-WD530qvHrki8Ywt/PloKUjaRKgstQqNGvmZl54g06kA+hqtSE2FTG9gngXr3UJxYu/cNAjJYiBifm7+w4nbHbA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.13.5.tgz",
+      "integrity": "sha512-Luj8y4OFYx4DHNQTWjdIuKTq2f5k6uSXICqx+FSabnXptaOBAbJHNbHT/06JZh6NRUouaf0mYXN0mcsqvkhd7Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.13.5.tgz",
+      "integrity": "sha512-cZ6UpumhF9SDJvv4DA2fo9WIzlNFuKSkZpZmPG1c+4PFSEMy5DFOjBSllCvnqihCabzXzpn6ykCwBmHpy31vQw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.13.5.tgz",
+      "integrity": "sha512-C5Yi/xIikrFUzZcyGj9L3RpKljFvKiDMtyDzPKzlsDrKIw2EYY+bF88gB6oGY5RGmv4DAX8dbnpRAqgFD0FMEw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.13.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.13.5.tgz",
+      "integrity": "sha512-YrKdMVxbYmlfybCSbRtrilc6UA8GF5aPmGKBdPvjrarvsmf4i7ZHGCEnLtfOMd3Lwbs2WUZq3WdMbozYeLU93Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/types": {
+      "version": "0.1.24",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.24.tgz",
+      "integrity": "sha512-tjTMh3V4vAORHtdTprLlfoMptu1WfTZG9Rsca6yOKyNYsRr+MUXutKmliB17orgSZk5DpnDxs8GUdd/qwYxOng==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.12.tgz",
+      "integrity": "sha512-3hm9brwvQkZFe++SBt+oLjo4OLDtkvlE8q2WalaD/7QWaeM7KEJbAiY/LJZUaCs7Xa8aUu4xy3uoyX4q54UVdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.5.1",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.17",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.12"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.12.tgz",
+      "integrity": "sha512-gM5EoKHW/ukmlEtphNwaGx45fGoEmP10v51t9unv55voWh6WrOL19hfuIdo2FjxIaZzw776/BUQg7Pck++cIVw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.4.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.12",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.12",
+        "@tailwindcss/oxide-darwin-x64": "4.1.12",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.12",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.12",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.12",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.12",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.12",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.12",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.12",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.12",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.12"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.12.tgz",
+      "integrity": "sha512-oNY5pq+1gc4T6QVTsZKwZaGpBb2N1H1fsc1GD4o7yinFySqIuRZ2E4NvGasWc6PhYJwGK2+5YT1f9Tp80zUQZQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.12.tgz",
+      "integrity": "sha512-cq1qmq2HEtDV9HvZlTtrj671mCdGB93bVY6J29mwCyaMYCP/JaUBXxrQQQm7Qn33AXXASPUb2HFZlWiiHWFytw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.12.tgz",
+      "integrity": "sha512-6UCsIeFUcBfpangqlXay9Ffty9XhFH1QuUFn0WV83W8lGdX8cD5/+2ONLluALJD5+yJ7k8mVtwy3zMZmzEfbLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.12.tgz",
+      "integrity": "sha512-JOH/f7j6+nYXIrHobRYCtoArJdMJh5zy5lr0FV0Qu47MID/vqJAY3r/OElPzx1C/wdT1uS7cPq+xdYYelny1ww==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.12.tgz",
+      "integrity": "sha512-v4Ghvi9AU1SYgGr3/j38PD8PEe6bRfTnNSUE3YCMIRrrNigCFtHZ2TCm8142X8fcSqHBZBceDx+JlFJEfNg5zQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.12.tgz",
+      "integrity": "sha512-YP5s1LmetL9UsvVAKusHSyPlzSRqYyRB0f+Kl/xcYQSPLEw/BvGfxzbH+ihUciePDjiXwHh+p+qbSP3SlJw+6g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.12.tgz",
+      "integrity": "sha512-V8pAM3s8gsrXcCv6kCHSuwyb/gPsd863iT+v1PGXC4fSL/OJqsKhfK//v8P+w9ThKIoqNbEnsZqNy+WDnwQqCA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.12.tgz",
+      "integrity": "sha512-xYfqYLjvm2UQ3TZggTGrwxjYaLB62b1Wiysw/YE3Yqbh86sOMoTn0feF98PonP7LtjsWOWcXEbGqDL7zv0uW8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.12.tgz",
+      "integrity": "sha512-ha0pHPamN+fWZY7GCzz5rKunlv9L5R8kdh+YNvP5awe3LtuXb5nRi/H27GeL2U+TdhDOptU7T6Is7mdwh5Ar3A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.12.tgz",
+      "integrity": "sha512-4tSyu3dW+ktzdEpuk6g49KdEangu3eCYoqPhWNsZgUhyegEda3M9rG0/j1GV/JjVVsj+lG7jWAyrTlLzd/WEBg==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.5",
+        "@emnapi/runtime": "^1.4.5",
+        "@emnapi/wasi-threads": "^1.0.4",
+        "@napi-rs/wasm-runtime": "^0.2.12",
+        "@tybys/wasm-util": "^0.10.0",
+        "tslib": "^2.8.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.12.tgz",
+      "integrity": "sha512-iGLyD/cVP724+FGtMWslhcFyg4xyYyM+5F4hGvKA7eifPkXHRAUDFaimu53fpNg9X8dfP75pXx/zFt/jlNF+lg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.12.tgz",
+      "integrity": "sha512-NKIh5rzw6CpEodv/++r0hGLlfgT/gFN+5WNdZtvh6wpU2BpGNgdjvj6H2oFc8nCM839QM1YOhjpgbAONUb4IxA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.12.tgz",
+      "integrity": "sha512-5PpLYhCAwf9SJEeIsSmCDLgyVfdBhdBpzX1OJ87anT9IVR0Z9pjM0FNixCAUAHGnMBGB8K99SwAheXrT0Kh6QQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.12",
+        "@tailwindcss/oxide": "4.1.12",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.12"
+      }
+    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.85.5",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.85.5.tgz",
+      "integrity": "sha512-KO0WTob4JEApv69iYp1eGvfMSUkgw//IpMnq+//cORBzXf0smyRwPLrUvEe5qtAEGjwZTXrjxg+oJNP/C00t6w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.85.5",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.85.5.tgz",
+      "integrity": "sha512-/X4EFNcnPiSs8wM2v+b6DqS5mmGeuJQvxBglmDxl6ZQb5V26ouD2SJYAcC3VjbNwqhY2zjxVD15rDA5nGbMn3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.85.5"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.13.12",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.12.tgz",
+      "integrity": "sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.12",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz",
+      "integrity": "sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/prismjs": {
+      "version": "1.26.5",
+      "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.5.tgz",
+      "integrity": "sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.1.12",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.12.tgz",
+      "integrity": "sha512-cMoR+FoAf/Jyq6+Df2/Z41jISvGZZ2eTlnsaJRptmZ76Caldwy1odD4xTr/gNV9VLj0AWgg/nmkevIyUfIIq5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.1.8",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.8.tgz",
+      "integrity": "sha512-xG7xaBMJCpcK0RpN8jDbAACQo54ycO6h4dSSmgv8+fu6ZIAdANkx/WsawASUjVXYfy+J9AbUpRMNNEsXCDfDBQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.41.0.tgz",
+      "integrity": "sha512-8fz6oa6wEKZrhXWro/S3n2eRJqlRcIa6SlDh59FXJ5Wp5XRZ8B9ixpJDcjadHq47hMx0u+HW6SNa6LjJQ6NLtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.41.0",
+        "@typescript-eslint/type-utils": "8.41.0",
+        "@typescript-eslint/utils": "8.41.0",
+        "@typescript-eslint/visitor-keys": "8.41.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^7.0.0",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.41.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.41.0.tgz",
+      "integrity": "sha512-gTtSdWX9xiMPA/7MV9STjJOOYtWwIJIYxkQxnSV1U3xcE+mnJSH3f6zI0RYP+ew66WSlZ5ed+h0VCxsvdC1jJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.41.0",
+        "@typescript-eslint/types": "8.41.0",
+        "@typescript-eslint/typescript-estree": "8.41.0",
+        "@typescript-eslint/visitor-keys": "8.41.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.41.0.tgz",
+      "integrity": "sha512-b8V9SdGBQzQdjJ/IO3eDifGpDBJfvrNTp2QD9P2BeqWTGrRibgfgIlBSw6z3b6R7dPzg752tOs4u/7yCLxksSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.41.0",
+        "@typescript-eslint/types": "^8.41.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.41.0.tgz",
+      "integrity": "sha512-n6m05bXn/Cd6DZDGyrpXrELCPVaTnLdPToyhBoFkLIMznRUQUEQdSp96s/pcWSQdqOhrgR1mzJ+yItK7T+WPMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.41.0",
+        "@typescript-eslint/visitor-keys": "8.41.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.41.0.tgz",
+      "integrity": "sha512-TDhxYFPUYRFxFhuU5hTIJk+auzM/wKvWgoNYOPcOf6i4ReYlOoYN8q1dV5kOTjNQNJgzWN3TUUQMtlLOcUgdUw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.41.0.tgz",
+      "integrity": "sha512-63qt1h91vg3KsjVVonFJWjgSK7pZHSQFKH6uwqxAH9bBrsyRhO6ONoKyXxyVBzG1lJnFAJcKAcxLS54N1ee1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.41.0",
+        "@typescript-eslint/typescript-estree": "8.41.0",
+        "@typescript-eslint/utils": "8.41.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.41.0.tgz",
+      "integrity": "sha512-9EwxsWdVqh42afLbHP90n2VdHaWU/oWgbH2P0CfcNfdKL7CuKpwMQGjwev56vWu9cSKU7FWSu6r9zck6CVfnag==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.41.0.tgz",
+      "integrity": "sha512-D43UwUYJmGhuwHfY7MtNKRZMmfd8+p/eNSfFe6tH5mbVDto+VQCayeAt35rOx3Cs6wxD16DQtIKw/YXxt5E0UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.41.0",
+        "@typescript-eslint/tsconfig-utils": "8.41.0",
+        "@typescript-eslint/types": "8.41.0",
+        "@typescript-eslint/visitor-keys": "8.41.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.41.0.tgz",
+      "integrity": "sha512-udbCVstxZ5jiPIXrdH+BZWnPatjlYwJuJkDA4Tbo3WyYLh8NvB+h/bKeSZHDOFKfphsZYJQqaFtLeXEqurQn1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.41.0",
+        "@typescript-eslint/types": "8.41.0",
+        "@typescript-eslint/typescript-estree": "8.41.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.41.0.tgz",
+      "integrity": "sha512-+GeGMebMCy0elMNg67LRNoVnUFPIm37iu5CmHESVx56/9Jsfdpsvbv605DQ81Pi/x11IdKUsS5nzgTYbCQU9fg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.41.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@uiw/codemirror-extensions-basic-setup": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.25.1.tgz",
+      "integrity": "sha512-zxgA2QkvP3ZDKxTBc9UltNFTrSeFezGXcZtZj6qcsBxiMzowoEMP5mVwXcKjpzldpZVRuY+JCC+RsekEgid4vg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@codemirror/autocomplete": ">=6.0.0",
+        "@codemirror/commands": ">=6.0.0",
+        "@codemirror/language": ">=6.0.0",
+        "@codemirror/lint": ">=6.0.0",
+        "@codemirror/search": ">=6.0.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0"
+      }
+    },
+    "node_modules/@uiw/react-codemirror": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/@uiw/react-codemirror/-/react-codemirror-4.25.1.tgz",
+      "integrity": "sha512-eESBKHndoYkaEGlKCwRO4KrnTw1HkWBxVpEeqntoWTpoFEUYxdLWUYmkPBVk4/u8YzVy9g91nFfIRpqe5LjApg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.6",
+        "@codemirror/commands": "^6.1.0",
+        "@codemirror/state": "^6.1.1",
+        "@codemirror/theme-one-dark": "^6.0.0",
+        "@uiw/codemirror-extensions-basic-setup": "4.25.1",
+        "codemirror": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@babel/runtime": ">=7.11.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/theme-one-dark": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0",
+        "codemirror": ">=6.0.0",
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react-swc": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-4.0.1.tgz",
+      "integrity": "sha512-NQhPjysi5duItyrMd5JWZFf2vNOuSMyw+EoZyTBDzk+DkfYD8WNrsUs09sELV2cr1P15nufsN25hsUBt4CKF9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-beta.32",
+        "@swc/core": "^1.13.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^4 || ^5 || ^6 || ^7"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.21",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
+      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.24.4",
+        "caniuse-lite": "^1.0.30001702",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.3.tgz",
+      "integrity": "sha512-cDGv1kkDI4/0e5yON9yM5G/0A5u8sf5TnmdX5C9qHzI9PPu++sQ9zjm1k9NiOrf3riY4OkK0zSGqfvJyJsgCBQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001735",
+        "electron-to-chromium": "^1.5.204",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001737",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001737.tgz",
+      "integrity": "sha512-BiloLiXtQNrY5UyF0+1nSJLXUENuhka2pzy2Fx5pGxqavdrxSCW4U6Pn/PoG3Efspi2frRbHpBV2XsrPE6EDlw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/change-case": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz",
+      "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.2.tgz",
+      "integrity": "sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/colorette": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+      "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
+      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.209",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.209.tgz",
+      "integrity": "sha512-Xoz0uMrim9ZETCQt8UgM5FxQF9+imA7PBpokoGcZloA1uw2LeHzTlip5cb5KOAsXZLjh/moN2vReN3ZjJmjI9A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/engine.io-client": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.3.tgz",
+      "integrity": "sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1",
+        "xmlhttprequest-ssl": "~2.1.1"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.9.tgz",
+      "integrity": "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.9",
+        "@esbuild/android-arm": "0.25.9",
+        "@esbuild/android-arm64": "0.25.9",
+        "@esbuild/android-x64": "0.25.9",
+        "@esbuild/darwin-arm64": "0.25.9",
+        "@esbuild/darwin-x64": "0.25.9",
+        "@esbuild/freebsd-arm64": "0.25.9",
+        "@esbuild/freebsd-x64": "0.25.9",
+        "@esbuild/linux-arm": "0.25.9",
+        "@esbuild/linux-arm64": "0.25.9",
+        "@esbuild/linux-ia32": "0.25.9",
+        "@esbuild/linux-loong64": "0.25.9",
+        "@esbuild/linux-mips64el": "0.25.9",
+        "@esbuild/linux-ppc64": "0.25.9",
+        "@esbuild/linux-riscv64": "0.25.9",
+        "@esbuild/linux-s390x": "0.25.9",
+        "@esbuild/linux-x64": "0.25.9",
+        "@esbuild/netbsd-arm64": "0.25.9",
+        "@esbuild/netbsd-x64": "0.25.9",
+        "@esbuild/openbsd-arm64": "0.25.9",
+        "@esbuild/openbsd-x64": "0.25.9",
+        "@esbuild/openharmony-arm64": "0.25.9",
+        "@esbuild/sunos-x64": "0.25.9",
+        "@esbuild/win32-arm64": "0.25.9",
+        "@esbuild/win32-ia32": "0.25.9",
+        "@esbuild/win32-x64": "0.25.9"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.34.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.34.0.tgz",
+      "integrity": "sha512-RNCHRX5EwdrESy3Jc9o8ie8Bog+PeYvvSR8sDGoZxNFTvZ4dlxUB3WzQ3bQMztFrSRODGrLLj8g6OFuGY/aiQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.0",
+        "@eslint/config-helpers": "^0.3.1",
+        "@eslint/core": "^0.15.2",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.34.0",
+        "@eslint/plugin-kit": "^0.3.5",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz",
+      "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.20",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.20.tgz",
+      "integrity": "sha512-XpbHQ2q5gUF8BGOX4dHe+71qoirYMhApEPZ7sfhF/dNnOF1UXnCMGZf79SFTBO7Bz5YEIT4TMieSlJBWhP9WBA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": ">=8.40"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.3.0.tgz",
+      "integrity": "sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/index-to-position": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/index-to-position/-/index-to-position-1.1.0.tgz",
+      "integrity": "sha512-XPdx9Dq4t9Qk1mTMbWONJqU7boCoumEH7fRET37HX5+khDUl3J2W6PdALxhILYlIYx2amlwYcRPp28p0tSiojg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/jiti": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
+      "integrity": "sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-levenshtein": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/js-levenshtein/-/js-levenshtein-1.1.6.tgz",
+      "integrity": "sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.18",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.18.tgz",
+      "integrity": "sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
+      "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/openapi-typescript": {
+      "version": "7.9.1",
+      "resolved": "https://registry.npmjs.org/openapi-typescript/-/openapi-typescript-7.9.1.tgz",
+      "integrity": "sha512-9gJtoY04mk6iPMbToPjPxEAtfXZ0dTsMZtsgUI8YZta0btPPig9DJFP4jlerQD/7QOwYgb0tl+zLUpDf7vb7VA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@redocly/openapi-core": "^1.34.5",
+        "ansi-colors": "^4.1.3",
+        "change-case": "^5.4.4",
+        "parse-json": "^8.3.0",
+        "supports-color": "^10.1.0",
+        "yargs-parser": "^21.1.1"
+      },
+      "bin": {
+        "openapi-typescript": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "typescript": "^5.x"
+      }
+    },
+    "node_modules/openapi-typescript/node_modules/supports-color": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-10.2.0.tgz",
+      "integrity": "sha512-5eG9FQjEjDbAlI5+kdpdyPIBMRH4GfTVDGREVupaZHmVoppknhM29b/S9BkQz7cathp85BVgRi/As3Siln7e0Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-8.3.0.tgz",
+      "integrity": "sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "index-to-position": "^1.1.0",
+        "type-fest": "^4.39.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prism-react-renderer": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/prism-react-renderer/-/prism-react-renderer-2.4.1.tgz",
+      "integrity": "sha512-ey8Ls/+Di31eqzUxC46h8MksNuGx/n0AAC8uKpwFau4RPDYLuE3EXTp8N8G2vX2N7UC/+IXeNUnlWBGGcAG+Ig==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/prismjs": "^1.26.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.1.tgz",
+      "integrity": "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.1.tgz",
+      "integrity": "sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.1"
+      }
+    },
+    "node_modules/react-hook-form": {
+      "version": "7.62.0",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.62.0.tgz",
+      "integrity": "sha512-7KWFejc98xqG/F4bAxpL41NB3o1nnvQO1RWZT3TqRZYL8RryQETGfEdVnJN2fy1crCiBLLjkRBVK05j24FxJGA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
+    "node_modules/react-intersection-observer": {
+      "version": "9.16.0",
+      "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.16.0.tgz",
+      "integrity": "sha512-w9nJSEp+DrW9KmQmeWHQyfaP6b03v+TdXynaoA964Wxt7mdR3An11z4NNCQgL4gKSK7y1ver2Fq+JKH6CWEzUA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.8.2.tgz",
+      "integrity": "sha512-7M2fR1JbIZ/jFWqelpvSZx+7vd7UlBTfdZqf6OSdF9g6+sfdqJDAWcak6ervbHph200ePlu+7G8LdoiC3ReyAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^1.0.1",
+        "set-cookie-parser": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.8.2.tgz",
+      "integrity": "sha512-Z4VM5mKDipal2jQ385H6UBhiiEDlnJPx6jyWsTYoZQdl5TrjxEV2a9yl3Fi60NBJxYzOTGTTHXPi0pdizvTwow==",
+      "license": "MIT",
+      "dependencies": {
+        "react-router": "7.8.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.49.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.49.0.tgz",
+      "integrity": "sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.49.0",
+        "@rollup/rollup-android-arm64": "4.49.0",
+        "@rollup/rollup-darwin-arm64": "4.49.0",
+        "@rollup/rollup-darwin-x64": "4.49.0",
+        "@rollup/rollup-freebsd-arm64": "4.49.0",
+        "@rollup/rollup-freebsd-x64": "4.49.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.49.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.49.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.49.0",
+        "@rollup/rollup-linux-arm64-musl": "4.49.0",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.49.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.49.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.49.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.49.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.49.0",
+        "@rollup/rollup-linux-x64-gnu": "4.49.0",
+        "@rollup/rollup-linux-x64-musl": "4.49.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.49.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.49.0",
+        "@rollup/rollup-win32-x64-msvc": "4.49.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
+      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
+      "license": "MIT"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/socket.io-client": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.1.tgz",
+      "integrity": "sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.6.1",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
+      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-mod": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.2.tgz",
+      "integrity": "sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==",
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.12.tgz",
+      "integrity": "sha512-DzFtxOi+7NsFf7DBtI3BJsynR+0Yp6etH+nRPTbpWnS2pZBaSksv/JGctNwSWzbFjp0vxSqknaUylseZqMDGrA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
+      "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tar": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+      "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.0.1",
+        "mkdirp": "^3.0.1",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.41.0.tgz",
+      "integrity": "sha512-n66rzs5OBXW3SFSnZHr2T685q1i4ODm2nulFJhMZBotaTavsS8TrI3d7bDlRSs9yWo7HmyWrN9qDu14Qv7Y0Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.41.0",
+        "@typescript-eslint/parser": "8.41.0",
+        "@typescript-eslint/typescript-estree": "8.41.0",
+        "@typescript-eslint/utils": "8.41.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/uri-js-replace": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/uri-js-replace/-/uri-js-replace-1.0.1.tgz",
+      "integrity": "sha512-W+C9NWNLFOoBI2QWDp4UT9pv65r2w5Cx+3sTYFvtMdDBxkKt1syCqsUdSFAChbEe1uK5TfS04wt/nGwmaeIQ0g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vite": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.3.tgz",
+      "integrity": "sha512-OOUi5zjkDxYrKhTV3V7iKsoS37VUM7v40+HuwEmcrsf11Cdx9y3DIr2Px6liIcZFwt3XSRpQvFpL3WVy7ApkGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.14"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-mkcert": {
+      "version": "1.17.8",
+      "resolved": "https://registry.npmjs.org/vite-plugin-mkcert/-/vite-plugin-mkcert-1.17.8.tgz",
+      "integrity": "sha512-S+4tNEyGqdZQ3RLAG54ETeO2qyURHWrVjUWKYikLAbmhh/iJ+36gDEja4OWwFyXNuvyXcZwNt5TZZR9itPeG5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "axios": "^1.8.3",
+        "debug": "^4.4.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=v16.7.0"
+      },
+      "peerDependencies": {
+        "vite": ">=3"
+      }
+    },
+    "node_modules/vite/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xmlhttprequest-ssl": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz",
+      "integrity": "sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/yaml-ast-parser": {
+      "version": "0.0.43",
+      "resolved": "https://registry.npmjs.org/yaml-ast-parser/-/yaml-ast-parser-0.0.43.tgz",
+      "integrity": "sha512-2PTINUwsRqSd+s8XxKaJWQlUuEMHJQyEuh2edBbW8KNJz0SJPwUSD2zRWqezFEdN7IzAgeuYHFUCF7o8zRdZ0A==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.3.tgz",
+      "integrity": "sha512-1neef4bMce1hNTrxvHVKxWjKfGDn0oAli3Wy1Uwb7TRO1+wEwoZUZNP1NXIEESybOBiFnBOhI6a4m6tCLE8dog==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..a35cc34
--- /dev/null
+++ b/package.json
@@ -0,0 +1,46 @@
+{
+  "name": "stackoverflow",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.1",
+    "@tanstack/react-query": "^5.85.0",
+    "@tanstack/react-virtual": "^3.13.12",
+    "@uiw/react-codemirror": "^4.25.1",
+    "axios": "^1.11.0",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-hook-form": "^7.62.0",
+    "react-intersection-observer": "^9.16.0",
+    "react-router-dom": "^7.8.0",
+    "socket.io-client": "^4.8.1",
+    "zod": "^4.0.17"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.33.0",
+    "@tailwindcss/postcss": "^4.1.11",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react-swc": "^4.0.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "openapi-typescript": "^7.9.1",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.11",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vite-plugin-mkcert": "^1.17.8"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..f69c5d4
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+    autoprefixer: {},
+  },
+};
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/readme/localhost_5173__code_editor.png b/readme/localhost_5173__code_editor.png
new file mode 100644
index 0000000..1f7ee3b
Binary files /dev/null and b/readme/localhost_5173__code_editor.png differ
diff --git a/readme/localhost_5173__mode=questions (2).png b/readme/localhost_5173__mode=questions (2).png
new file mode 100644
index 0000000..3cdeb54
Binary files /dev/null and b/readme/localhost_5173__mode=questions (2).png differ
diff --git a/readme/localhost_5173__mode=questions.png b/readme/localhost_5173__mode=questions.png
new file mode 100644
index 0000000..1327f72
Binary files /dev/null and b/readme/localhost_5173__mode=questions.png differ
diff --git a/readme/localhost_5173__mode=snippets.png b/readme/localhost_5173__mode=snippets.png
new file mode 100644
index 0000000..65d70e8
Binary files /dev/null and b/readme/localhost_5173__mode=snippets.png differ
diff --git a/src/App.css b/src/App.css
new file mode 100644
index 0000000..fa483dd
--- /dev/null
+++ b/src/App.css
@@ -0,0 +1 @@
+/* Purged default Vite styles */
diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..8e2339f
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,31 @@
+import { Outlet } from "react-router-dom";
+import { useCallback } from "react";
+import { useAuth } from "@/app/providers/useAuth";
+import { useTheme } from "@/app/providers/useTheme";
+import Header from "@/app/Header";
+
+export default function App() {
+  const { user, logout } = useAuth();
+  const { theme, toggle } = useTheme();
+  const onLogout = useCallback(() => {
+    void logout();
+  }, [logout]);
+  const onToggleTheme = useCallback(() => {
+    toggle();
+  }, [toggle]);
+  return (
+    <div className="min-h-dvh flex flex-col bg-white text-black dark:bg-neutral-900 dark:text-white">
+      <Header
+        user={user}
+        theme={theme}
+        onToggleTheme={onToggleTheme}
+        onLogout={onLogout}
+      />
+      <main className="flex-1">
+        <div className="mx-auto max-w-6xl p-4">
+          <Outlet />
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/src/app/Header.tsx b/src/app/Header.tsx
new file mode 100644
index 0000000..22f28a2
--- /dev/null
+++ b/src/app/Header.tsx
@@ -0,0 +1,54 @@
+import { memo, useEffect, useRef, useState } from "react";
+import HeaderView from "./ui/HeaderView";
+import type { HeaderViewProps } from "./ui/HeaderView";
+
+type Props = Omit<HeaderViewProps, "atTop">;
+
+function Header(props: Props) {
+  const [atTop, setAtTop] = useState(true);
+  const atTopRef = useRef<boolean>(true);
+
+  // держим ref в синхронизации со стейтом
+  useEffect(() => {
+    atTopRef.current = atTop;
+  }, [atTop]);
+
+  useEffect(() => {
+    const COLLAPSE_Y = 24; // ~разница высоты между py-5 и py-2
+    const EXPAND_Y = 0;
+    let ticking = false;
+
+    const evalPos = () => {
+      const y =
+        window.scrollY ?? document.documentElement.scrollTop ?? (0 as number);
+  let next = atTopRef.current;
+  if (atTopRef.current) {
+        if (y > COLLAPSE_Y) next = false;
+      } else {
+        if (y <= EXPAND_Y) next = true;
+      }
+  if (next !== atTopRef.current) {
+        atTopRef.current = next;
+        setAtTop(next);
+      }
+    };
+
+    const onScroll = () => {
+      if (ticking) return;
+      ticking = true;
+      requestAnimationFrame(() => {
+        ticking = false;
+        evalPos();
+      });
+    };
+
+    // начальная инициализация
+    evalPos();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, []);
+
+  return <HeaderView {...props} atTop={atTop} />;
+}
+
+export default memo(Header);
diff --git a/src/app/providers/auth-context.ts b/src/app/providers/auth-context.ts
new file mode 100644
index 0000000..5b76215
--- /dev/null
+++ b/src/app/providers/auth-context.ts
@@ -0,0 +1,16 @@
+import { createContext } from "react";
+
+export type User = { id: number; username: string; role: "user" | "admin" };
+
+export type AuthContextValue = {
+  user: User | null;
+  loading: boolean;
+  login: (username: string, password: string) => Promise<void>;
+  logout: () => Promise<void>;
+  register: (username: string, password: string) => Promise<void>;
+  refresh: () => Promise<void>;
+};
+
+export const AuthContext = createContext<AuthContextValue | undefined>(
+  undefined
+);
diff --git a/src/app/providers/auth.tsx b/src/app/providers/auth.tsx
new file mode 100644
index 0000000..d1fe99b
--- /dev/null
+++ b/src/app/providers/auth.tsx
@@ -0,0 +1,75 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { http } from "../../shared/api/http";
+import { toAppError } from "../../shared/api/app-error";
+import { unwrapData } from "../../shared/api/normalize";
+import { AuthContext, type User } from "./auth-context";
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  const refresh = useCallback(async () => {
+    try {
+      const res = await http.get<unknown>("/auth");
+      const raw = unwrapData<unknown>(res.data);
+      const normalized: User = {
+        id: Number((raw as Record<string, unknown>)?.["id"] ?? 0),
+        username: String((raw as Record<string, unknown>)?.["username"] ?? ""),
+        role:
+          ((raw as Record<string, unknown>)?.["role"] as "user" | "admin") ||
+          "user",
+      };
+      setUser(normalized);
+    } catch {
+      setUser(null);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const didInit = useRef(false);
+  useEffect(() => {
+    if (didInit.current) return;
+    didInit.current = true;
+    void refresh();
+  }, [refresh]);
+
+  const login = async (username: string, password: string) => {
+    try {
+      await http.post("/auth/login", { username, password });
+      await refresh();
+    } catch (e) {
+      const err = toAppError(e);
+      const error = new Error(err.message || "Login failed");
+      (error as Error & { status?: number }).status = err.status;
+      throw error;
+    }
+  };
+
+  const logout = async () => {
+    try {
+      await http.post("/auth/logout");
+    } catch {
+      // ignore network errors on logout
+    }
+    setUser(null);
+  };
+
+  const register = async (username: string, password: string) => {
+    try {
+      await http.post("/register", { username, password });
+    } catch (e) {
+      const err = toAppError(e);
+      const error = new Error(err.message || "Register failed");
+      (error as Error & { status?: number }).status = err.status;
+      throw error;
+    }
+  };
+
+  return (
+    <AuthContext.Provider
+      value={{ user, loading, login, logout, register, refresh }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
diff --git a/src/app/providers/notifications-context.tsx b/src/app/providers/notifications-context.tsx
new file mode 100644
index 0000000..f615805
--- /dev/null
+++ b/src/app/providers/notifications-context.tsx
@@ -0,0 +1,91 @@
+import React, { useEffect, useRef, useState, useCallback } from "react";
+import {
+  type NotificationPayload,
+  subscribeNotifications,
+  emitNotification,
+} from "@/shared/notifications";
+
+import {
+  NotificationsContext,
+  type NotificationsContextValue,
+} from "./notifications-core.ts";
+
+export function NotificationsProvider({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const [items, setItems] = useState<NotificationPayload[]>([]);
+  const timeouts = useRef<Record<string | number, number>>({});
+
+  const remove = (id: NotificationPayload["id"]) => {
+    if (id == null) return;
+    setItems((prev) => prev.filter((n) => n.id !== id));
+    const tid = timeouts.current[id];
+    if (tid) {
+      clearTimeout(tid);
+      delete timeouts.current[id];
+    }
+  };
+
+  const add = useCallback((p: NotificationPayload) => {
+    setItems((prev) => [...prev, p]);
+    if (p.ttlMs) {
+      const tid = window.setTimeout(() => remove(p.id), p.ttlMs);
+      timeouts.current[p.id!] = tid;
+    }
+  }, []);
+
+  useEffect(() => subscribeNotifications(add), [add]);
+
+  useEffect(
+    () => () => {
+      Object.values(timeouts.current).forEach(clearTimeout);
+    },
+    []
+  );
+
+  const notify: NotificationsContextValue["notify"] = (
+    p: Omit<NotificationPayload, "id">
+  ) => emitNotification(p);
+
+  return (
+    <NotificationsContext.Provider value={{ items, notify, remove }}>
+      {children}
+      <NotificationsPortal />
+    </NotificationsContext.Provider>
+  );
+}
+
+function NotificationsPortal() {
+  // ленивый импорт через require чтобы избежать цикла типов (не обяз.) – оставим прямой доступ
+  const ctx = React.useContext(NotificationsContext);
+  if (!ctx) return null;
+  const { items, remove } = ctx;
+  return (
+    <div className="fixed z-50 bottom-4 right-4 flex flex-col gap-2 max-w-sm">
+      {items.map((n: NotificationPayload) => (
+        <div
+          key={n.id}
+          className={
+            "rounded shadow px-4 py-3 text-sm flex items-start gap-2 border " +
+            (n.type === "error"
+              ? "bg-red-600/90 text-white border-red-500"
+              : n.type === "success"
+              ? "bg-green-600/90 text-white border-green-500"
+              : n.type === "warning"
+              ? "bg-yellow-500/90 text-black border-yellow-400"
+              : "bg-neutral-800/90 text-white border-neutral-700")
+          }>
+          <div className="flex-1 whitespace-pre-wrap">{n.message}</div>
+          <button
+            onClick={() => remove(n.id)}
+            className="ml-2 opacity-70 hover:opacity-100 transition text-xs"
+            aria-label="Close notification">
+            ×
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/src/app/providers/notifications-core.ts b/src/app/providers/notifications-core.ts
new file mode 100644
index 0000000..3b1955d
--- /dev/null
+++ b/src/app/providers/notifications-core.ts
@@ -0,0 +1,11 @@
+import { createContext } from "react";
+import type { NotificationPayload } from "@/shared/notifications";
+
+export interface NotificationsContextValue {
+  items: NotificationPayload[];
+  notify: (p: Omit<NotificationPayload, "id">) => void;
+  remove: (id: NotificationPayload["id"]) => void;
+}
+
+export const NotificationsContext =
+  createContext<NotificationsContextValue | null>(null);
diff --git a/src/app/providers/route-guards.tsx b/src/app/providers/route-guards.tsx
new file mode 100644
index 0000000..e650bc5
--- /dev/null
+++ b/src/app/providers/route-guards.tsx
@@ -0,0 +1,17 @@
+import { Navigate, Outlet, useLocation } from "react-router-dom";
+import { useAuth } from "./useAuth";
+
+export function RequireAuth() {
+  const { user, loading } = useAuth();
+  const loc = useLocation();
+  if (loading) return null;
+  if (!user) return <Navigate to="/login" state={{ from: loc }} replace />;
+  return <Outlet />;
+}
+
+export function RequireGuest() {
+  const { user, loading } = useAuth();
+  if (loading) return null;
+  if (user) return <Navigate to="/" replace />;
+  return <Outlet />;
+}
diff --git a/src/app/providers/theme-context.ts b/src/app/providers/theme-context.ts
new file mode 100644
index 0000000..42579d5
--- /dev/null
+++ b/src/app/providers/theme-context.ts
@@ -0,0 +1,13 @@
+import { createContext } from "react";
+
+export type Theme = "light" | "dark";
+
+export type ThemeContextValue = {
+  theme: Theme;
+  setTheme: (t: Theme) => void;
+  toggle: () => void;
+};
+
+export const ThemeContext = createContext<ThemeContextValue | undefined>(
+  undefined
+);
diff --git a/src/app/providers/theme.tsx b/src/app/providers/theme.tsx
new file mode 100644
index 0000000..828ee32
--- /dev/null
+++ b/src/app/providers/theme.tsx
@@ -0,0 +1,56 @@
+import { useEffect, useState } from "react";
+import { ThemeContext, type Theme } from "./theme-context";
+
+function applyThemeClass(theme: Theme) {
+  const root = document.documentElement;
+  const body = document.body;
+  const isDark = theme === "dark";
+  root.toggleAttribute("data-theme", true);
+  root.setAttribute("data-theme", theme);
+  if (isDark) root.classList.add("dark");
+  else root.classList.remove("dark");
+  if (body) {
+    body.toggleAttribute("data-theme", true);
+    body.setAttribute("data-theme", theme);
+    if (isDark) body.classList.add("dark");
+    else body.classList.remove("dark");
+  }
+}
+
+function readInitialTheme(): Theme {
+  try {
+    const saved = localStorage.getItem("theme");
+    if (saved === "light" || saved === "dark") return saved;
+    // По умолчанию уважаем системную настройку
+    if (
+      window.matchMedia &&
+      window.matchMedia("(prefers-color-scheme: dark)").matches
+    ) {
+      return "dark";
+    }
+  } catch {
+    // ignore
+  }
+  return "light";
+}
+
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
+  const [theme, setTheme] = useState<Theme>(readInitialTheme);
+
+  useEffect(() => {
+    applyThemeClass(theme);
+    try {
+      localStorage.setItem("theme", theme);
+    } catch {
+      // ignore
+    }
+  }, [theme]);
+
+  const toggle = () => setTheme((t) => (t === "dark" ? "light" : "dark"));
+
+  return (
+    <ThemeContext.Provider value={{ theme, setTheme, toggle }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
diff --git a/src/app/providers/useAuth.ts b/src/app/providers/useAuth.ts
new file mode 100644
index 0000000..838ddd3
--- /dev/null
+++ b/src/app/providers/useAuth.ts
@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { AuthContext, type AuthContextValue } from "./auth-context";
+
+export function useAuth(): AuthContextValue {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error("useAuth must be used within AuthProvider");
+  return ctx;
+}
diff --git a/src/app/providers/useNotifications.ts b/src/app/providers/useNotifications.ts
new file mode 100644
index 0000000..1a0b67d
--- /dev/null
+++ b/src/app/providers/useNotifications.ts
@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { NotificationsContext } from "./notifications-core";
+
+export function useNotifications() {
+  const ctx = useContext(NotificationsContext);
+  if (!ctx) throw new Error("NotificationsProvider is missing");
+  return ctx;
+}
+
+export function useNotify() {
+  return useNotifications().notify;
+}
diff --git a/src/app/providers/useTheme.ts b/src/app/providers/useTheme.ts
new file mode 100644
index 0000000..d55f5d2
--- /dev/null
+++ b/src/app/providers/useTheme.ts
@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { ThemeContext, type ThemeContextValue } from "./theme-context";
+
+export function useTheme(): ThemeContextValue {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+  return ctx;
+}
diff --git a/src/app/ui/HeaderView.tsx b/src/app/ui/HeaderView.tsx
new file mode 100644
index 0000000..8fd1670
--- /dev/null
+++ b/src/app/ui/HeaderView.tsx
@@ -0,0 +1,74 @@
+import { Link } from "react-router-dom";
+import { memo } from "react";
+import { Button } from "@/shared/ui/Button";
+import Avatar from "../../shared/ui/Avatar";
+
+export type HeaderViewProps = {
+  user: { username: string } | null;
+  theme: "light" | "dark";
+  onToggleTheme: () => void;
+  onLogout: () => void;
+  atTop: boolean;
+};
+
+function HeaderView({
+  user,
+  theme,
+  onToggleTheme,
+  onLogout,
+  atTop,
+}: HeaderViewProps) {
+  return (
+    <header
+      className={
+        "sticky top-0 z-50 px-4 border-b bg-white text-black dark:bg-neutral-900 dark:text-white transition-all duration-200 ease-in-out " +
+        (atTop ? "py-5" : "py-2")
+      }>
+      <nav className="mx-auto max-w-6xl flex items-center gap-4">
+        <Link to="/" className="font-semibold">
+          kinda StackOverflow
+        </Link>
+        <div className="ml-auto flex items-center gap-3 text-sm">
+          <Button
+            onClick={onToggleTheme}
+            size="xs"
+            variant="outline"
+            aria-label="Toggle theme">
+            {theme === "dark" ? "Light" : "Dark"}
+          </Button>
+          {user ? (
+            <>
+              <Link
+                to="/account"
+                className="flex items-center gap-2 text-gray-600 dark:text-gray-300 hover:text-black dark:hover:text-white"
+                aria-label="Открыть профиль">
+                <Avatar username={user.username} size={24} />
+                {user.username}
+              </Link>
+              <Link to="/create" className="contents">
+                <Button size="xs">Создать</Button>
+              </Link>
+              <Link to="/my" className="contents">
+                <Button size="xs">Мои</Button>
+              </Link>
+              <Button onClick={onLogout} size="xs">
+                Logout
+              </Button>
+            </>
+          ) : (
+            <>
+              <Link to="/login">Login</Link>
+              <Link to="/register" className="contents">
+                <Button size="xs" variant="primary">
+                  Sign up
+                </Button>
+              </Link>
+            </>
+          )}
+        </div>
+      </nav>
+    </header>
+  );
+}
+
+export default memo(HeaderView);
diff --git a/src/entities/question/api.ts b/src/entities/question/api.ts
new file mode 100644
index 0000000..65e79c8
--- /dev/null
+++ b/src/entities/question/api.ts
@@ -0,0 +1,177 @@
+import {
+  useInfiniteQuery,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
+import { http } from "../../shared/api/http";
+import { emitNotification } from "@/shared/notifications";
+import type { Question, CreateQuestionDto } from "./types";
+import type { Paginated } from "../../shared/types/pagination";
+import { normalizePaginated, unwrapData } from "../../shared/api/normalize";
+import { useApiMutation } from "@/shared/hooks/useApiMutation";
+
+export function useQuestions(params: {
+  page?: number;
+  limit?: number;
+  search?: string;
+  sortBy?: string[];
+  enabled?: boolean;
+}) {
+  const { limit = 15, search = "", sortBy = [], enabled = true } = params;
+  return useInfiniteQuery({
+    queryKey: ["questions", { limit, search, sortBy }],
+    queryFn: async ({ pageParam = 1 }) => {
+      const res = await http.get<unknown>("/questions", {
+        params: { page: pageParam, limit, search, sortBy },
+      });
+      const raw = res.data as unknown;
+      const { data, meta } = normalizePaginated<Question>(raw, {
+        fallbackLimit: limit,
+        pageParam: Number(pageParam) || 1,
+      });
+      return { data, meta } as Paginated<Question>;
+    },
+    getNextPageParam: (last) => {
+      const cp = Number(last.meta?.currentPage ?? 1);
+      const tp = Number(last.meta?.totalPages ?? 1);
+      const next = cp + 1;
+      return next <= tp ? next : undefined;
+    },
+    retry: 1,
+    refetchOnWindowFocus: false,
+    initialPageParam: 1,
+    enabled,
+  });
+}
+
+export function useQuestion(id?: string | number) {
+  return useQuery<Question>({
+    queryKey: ["question", id],
+    queryFn: async () => {
+      const res = await http.get(`/questions/${id}`);
+      return unwrapData<Question>(res.data as unknown);
+    },
+    enabled: !!id,
+    retry: 1,
+    refetchOnWindowFocus: true,
+  });
+}
+
+export function useCreateAnswer(questionId: string | number) {
+  const qc = useQueryClient();
+  type CreateAnswerResult = unknown;
+  return useApiMutation<CreateAnswerResult, string>({
+    mutationFn: async (content: string) => {
+      const res = await http.post<CreateAnswerResult>("/answers", {
+        content,
+        questionId: Number(questionId),
+      });
+      return res.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["question", questionId] });
+    },
+    notifySuccessMessage: "Ответ добавлен",
+  });
+}
+
+export function useSetAnswerState(questionId: string | number) {
+  const qc = useQueryClient();
+  return useApiMutation<
+    unknown,
+    { answerId: string | number; state: "correct" | "incorrect" }
+  >({
+    mutationFn: async ({ answerId, state }) => {
+      const idNum = Number(answerId);
+      const res = await http.put(`/answers/${idNum}/state/${state}`);
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["question", questionId] });
+      qc.invalidateQueries({ queryKey: ["questions"] });
+    },
+    notifySuccessMessage: () => undefined,
+    suppressErrorToast: true,
+    onError: () => {
+      qc.invalidateQueries({ queryKey: ["question", questionId] });
+      emitNotification({
+        type: "error",
+        message: "Не удалось обновить статус ответа. Попробуйте ещё раз.",
+      });
+    },
+  });
+}
+
+export function useUpdateAnswer(questionId: string | number) {
+  const qc = useQueryClient();
+  return useApiMutation<
+    unknown,
+    { answerId: string | number; content: string }
+  >({
+    mutationFn: async ({ answerId, content }) => {
+      const res = await http.patch(`/answers/${Number(answerId)}`, { content });
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["question", questionId] });
+    },
+    notifySuccessMessage: "Ответ обновлён",
+  });
+}
+
+export function useDeleteAnswer(questionId: string | number) {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, string | number>({
+    mutationFn: async (answerId) => {
+      const res = await http.delete(`/answers/${Number(answerId)}`);
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["question", questionId] });
+    },
+    notifySuccessMessage: "Ответ удалён",
+  });
+}
+
+export function useCreateQuestion() {
+  const qc = useQueryClient();
+  return useApiMutation<Question, CreateQuestionDto>({
+    mutationFn: async (dto) => {
+      const res = await http.post<unknown>("/questions", dto);
+      return unwrapData<Question>(res.data as unknown);
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["questions"] });
+    },
+    notifySuccessMessage: "Вопрос создан",
+  });
+}
+
+export function useUpdateQuestion(id: string | number) {
+  const qc = useQueryClient();
+  return useApiMutation<Question, CreateQuestionDto>({
+    mutationFn: async (dto) => {
+      const res = await http.patch<unknown>(`/questions/${id}`, dto);
+      return unwrapData<Question>(res.data as unknown);
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["question", id] });
+      qc.invalidateQueries({ queryKey: ["questions"] });
+    },
+    notifySuccessMessage: "Вопрос обновлён",
+  });
+}
+
+export function useDeleteQuestion(id: string | number) {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, void>({
+    mutationFn: async () => {
+      const res = await http.delete<unknown>(`/questions/${id}`);
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["questions"] });
+    },
+    notifySuccessMessage: "Вопрос удалён",
+  });
+}
diff --git a/src/entities/question/hooks/index.ts b/src/entities/question/hooks/index.ts
new file mode 100644
index 0000000..f4f6678
--- /dev/null
+++ b/src/entities/question/hooks/index.ts
@@ -0,0 +1,3 @@
+export { useAnswerForm } from "./useAnswerForm";
+export { useAnswerActions } from "./useAnswerActions";
+export { useQuestionOwnership } from "./useQuestionOwnership";
diff --git a/src/entities/question/hooks/useAnswerActions.ts b/src/entities/question/hooks/useAnswerActions.ts
new file mode 100644
index 0000000..f41df7b
--- /dev/null
+++ b/src/entities/question/hooks/useAnswerActions.ts
@@ -0,0 +1,41 @@
+import { useSetAnswerState } from "../api";
+import { emitAnswerStateChange } from "../../../shared/socket";
+
+export function useAnswerActions(questionId: string | number) {
+  const { mutateAsync: setAnswerState, isPending } =
+    useSetAnswerState(questionId);
+
+  const markCorrect = async (answerId: string | number) => {
+    try {
+      await setAnswerState({ answerId, state: "correct" });
+      emitAnswerStateChange({
+        questionId,
+        answerId,
+        isCorrect: true,
+      });
+    } catch (error) {
+      console.error("Ошибка при изменении статуса ответа:", error);
+      throw error;
+    }
+  };
+
+  const markIncorrect = async (answerId: string | number) => {
+    try {
+      await setAnswerState({ answerId, state: "incorrect" });
+      emitAnswerStateChange({
+        questionId,
+        answerId,
+        isCorrect: false,
+      });
+    } catch (error) {
+      console.error("Ошибка при изменении статуса ответа:", error);
+      throw error;
+    }
+  };
+
+  return {
+    markCorrect,
+    markIncorrect,
+    isPending,
+  };
+}
diff --git a/src/entities/question/hooks/useAnswerForm.ts b/src/entities/question/hooks/useAnswerForm.ts
new file mode 100644
index 0000000..2e18570
--- /dev/null
+++ b/src/entities/question/hooks/useAnswerForm.ts
@@ -0,0 +1,67 @@
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useCreateAnswer } from "../api";
+import { emitQuestionAnswer } from "../../../shared/socket";
+import { useAuth } from "../../../app/providers/useAuth";
+
+const schema = z.object({
+  content: z.string().min(1, "Ответ не может быть пустым"),
+});
+
+type FormData = z.infer<typeof schema>;
+
+export function useAnswerForm(questionId: string | number) {
+  const { user } = useAuth();
+  const { mutateAsync: createAnswer, isPending } = useCreateAnswer(questionId);
+
+  const form = useForm<FormData>({
+    resolver: zodResolver(schema),
+    mode: "onChange",
+  });
+
+  const onSubmit = async (data: FormData) => {
+    try {
+      const res = await createAnswer(data.content);
+
+      // Пытаемся получить id созданного ответа
+      let createdId: number | string | undefined;
+      const rawUnknown: unknown = res;
+      if (rawUnknown && typeof rawUnknown === "object") {
+        const rawObj = rawUnknown as Record<string, unknown>;
+        if (typeof rawObj.id !== "undefined")
+          createdId = rawObj.id as number | string;
+        else if (
+          rawObj.data &&
+          typeof rawObj.data === "object" &&
+          rawObj.data !== null &&
+          typeof (rawObj.data as Record<string, unknown>).id !== "undefined"
+        ) {
+          createdId = (rawObj.data as Record<string, unknown>).id as
+            | number
+            | string;
+        }
+      }
+
+      // Отправляем через вебсокет
+      emitQuestionAnswer({
+        content: data.content,
+        questionId,
+        id: createdId,
+        user: { username: user?.username || "unknown" },
+        isCorrect: false,
+      });
+
+      form.reset({ content: "" });
+    } catch (error) {
+      console.error("Ошибка при создании ответа:", error);
+      throw error;
+    }
+  };
+
+  return {
+    ...form,
+    onSubmit: form.handleSubmit(onSubmit),
+    isPending,
+  };
+}
diff --git a/src/entities/question/hooks/useQuestionOwnership.ts b/src/entities/question/hooks/useQuestionOwnership.ts
new file mode 100644
index 0000000..e3dab81
--- /dev/null
+++ b/src/entities/question/hooks/useQuestionOwnership.ts
@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { useAuth } from "@/app/providers/useAuth";
+import type { Question } from "../types";
+
+export function useQuestionOwnership(question: Question | undefined) {
+  const { user } = useAuth();
+
+  return useMemo(() => {
+    if (!user || !question) return false;
+
+    const questionUser = question.user;
+    if (!questionUser) return false;
+
+    return (
+      String(user.id) === String(questionUser.id) ||
+      user.username === questionUser.username
+    );
+  }, [user, question]);
+}
diff --git a/src/entities/question/types.ts b/src/entities/question/types.ts
new file mode 100644
index 0000000..c5ca8a5
--- /dev/null
+++ b/src/entities/question/types.ts
@@ -0,0 +1,27 @@
+export type User = {
+  id: string | number;
+  username: string;
+  role: "user" | "admin";
+};
+
+export type Answer = {
+  id: string | number;
+  content: string;
+  isCorrect: boolean;
+};
+
+export type Question = {
+  id: string | number;
+  title: string;
+  description: string;
+  attachedCode?: string;
+  answers?: Answer[];
+  user: User;
+  isResolved?: boolean;
+};
+
+export type CreateQuestionDto = {
+  title: string;
+  description: string;
+  attachedCode?: string;
+};
diff --git a/src/entities/snippet/api.ts b/src/entities/snippet/api.ts
new file mode 100644
index 0000000..dab06c9
--- /dev/null
+++ b/src/entities/snippet/api.ts
@@ -0,0 +1,203 @@
+import {
+  useInfiniteQuery,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
+import { http } from "../../shared/api/http";
+import type { Snippet, SnippetMark, Comment as SnippetComment } from "./types";
+import type { Paginated } from "../../shared/types/pagination";
+import { normalizePaginated, unwrapData } from "../../shared/api/normalize";
+import { useApiMutation } from "@/shared/hooks/useApiMutation";
+
+export function useSnippets(params: {
+  page?: number;
+  limit?: number;
+  search?: string;
+  userId?: number;
+  enabled?: boolean;
+}) {
+  const { limit = 15, search = "", userId, enabled = true } = params;
+  return useInfiniteQuery({
+    queryKey: ["snippets", { search, userId, limit }],
+    queryFn: async ({ pageParam = 1 }) => {
+      const res = await http.get<unknown>("/snippets", {
+        params: { page: pageParam, limit, search, userId },
+      });
+      const raw = res.data as unknown;
+      const { data, meta } = normalizePaginated<Snippet>(raw, {
+        fallbackLimit: limit,
+        pageParam: Number(pageParam) || 1,
+      });
+      return { data, meta } as Paginated<Snippet>;
+    },
+    getNextPageParam: (lastPage) => {
+      const cp = Number(lastPage.meta?.currentPage ?? 1);
+      const tp = Number(lastPage.meta?.totalPages ?? 1);
+      const next = cp + 1;
+      return next <= tp ? next : undefined;
+    },
+    retry: 1,
+    refetchOnWindowFocus: false,
+    initialPageParam: 1,
+    enabled,
+  });
+}
+
+export function useSnippet(id?: number) {
+  return useQuery<Snippet>({
+    queryKey: ["snippet", id],
+    queryFn: async () => {
+      const res = await http.get(`/snippets/${id}`);
+      type ApiUser = {
+        id: number | string;
+        username: string;
+        role: "user" | "admin";
+      };
+      type ApiMark = {
+        id: number | string;
+        type: "like" | "dislike";
+        user: ApiUser;
+      };
+      type ApiSnippetDetail = {
+        id: number | string;
+        language?: string;
+        code?: string;
+        user?: ApiUser;
+        marks?: ApiMark[];
+        comments?: { id: number | string; content: string; user: ApiUser }[];
+      };
+      const raw = unwrapData<ApiSnippetDetail>(res.data as unknown);
+      const likesCount = Array.isArray(raw?.marks)
+        ? raw.marks.filter((m) => m?.type === "like").length
+        : undefined;
+      const dislikesCount = Array.isArray(raw?.marks)
+        ? raw.marks.filter((m) => m?.type === "dislike").length
+        : undefined;
+      const apiComments = Array.isArray(raw?.comments) ? raw!.comments : [];
+      const comments: SnippetComment[] | undefined = apiComments.length
+        ? apiComments.map((c) => ({
+            id: Number(c.id),
+            content: c.content,
+            user: {
+              id: Number(c.user.id),
+              username: c.user.username,
+              role: c.user.role,
+            },
+          }))
+        : undefined;
+      const commentsCount =
+        comments?.length ??
+        (Array.isArray(raw?.comments) ? raw!.comments!.length : undefined);
+      const normalized: Snippet = {
+        id: Number(raw?.id ?? 0),
+        language: String(raw?.language ?? ""),
+        code: String(raw?.code ?? ""),
+        user: raw?.user
+          ? {
+              id: Number(raw.user.id),
+              username: raw.user.username,
+              role: raw.user.role,
+            }
+          : { id: 0, username: "unknown", role: "user" },
+        likesCount,
+        dislikesCount,
+        commentsCount,
+        comments,
+      };
+      return normalized;
+    },
+    enabled: !!id,
+    retry: 1,
+    refetchOnWindowFocus: true,
+  });
+}
+
+export function useMarkSnippet(id: number) {
+  const qc = useQueryClient();
+  return useApiMutation<SnippetMark, SnippetMark>({
+    mutationFn: async (mark) => {
+      await http.post(`/snippets/${id}/mark`, { mark });
+      return mark;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["snippets"] });
+      qc.invalidateQueries({ queryKey: ["snippet", id] });
+    },
+    notifySuccessMessage: () => undefined,
+    suppressErrorToast: true,
+  });
+}
+
+export function useCreateSnippet() {
+  const qc = useQueryClient();
+  return useApiMutation<
+    Snippet & { id: number },
+    { code: string; language: string }
+  >({
+    mutationFn: async (dto) => {
+      const res = await http.post<unknown>("/snippets", dto);
+      return unwrapData<Snippet & { id: number }>(res.data as unknown);
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["snippets"] });
+    },
+    notifySuccessMessage: "Сниппет создан",
+  });
+}
+
+export function useUpdateSnippet(id: number) {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, { code?: string; language?: string }>({
+    mutationFn: async (dto) => {
+      const res = await http.patch<unknown>(`/snippets/${id}`, dto);
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["snippet", id] });
+      qc.invalidateQueries({ queryKey: ["snippets"] });
+    },
+    notifySuccessMessage: "Сниппет обновлён",
+  });
+}
+
+export function useDeleteSnippet(id: number) {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, void>({
+    mutationFn: async () => {
+      const res = await http.delete<unknown>(`/snippets/${id}`);
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["snippets"] });
+    },
+    notifySuccessMessage: "Сниппет удалён",
+  });
+}
+
+export function useUpdateComment(snippetId: number) {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, { id: number; content: string }>({
+    mutationFn: async ({ id, content }) => {
+      const res = await http.patch(`/comments/${id}`, { content });
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["snippet", snippetId] });
+    },
+    notifySuccessMessage: "Комментарий обновлён",
+  });
+}
+
+export function useDeleteComment(snippetId: number) {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, number>({
+    mutationFn: async (id) => {
+      const res = await http.delete(`/comments/${id}`);
+      return res.data as unknown;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["snippet", snippetId] });
+    },
+    notifySuccessMessage: "Комментарий удалён",
+  });
+}
diff --git a/src/entities/snippet/hooks/index.ts b/src/entities/snippet/hooks/index.ts
new file mode 100644
index 0000000..b3b6f50
--- /dev/null
+++ b/src/entities/snippet/hooks/index.ts
@@ -0,0 +1,2 @@
+export { useCommentForm } from "./useCommentForm";
+export { useSnippetOwnership } from "./useSnippetOwnership";
diff --git a/src/entities/snippet/hooks/useCommentForm.ts b/src/entities/snippet/hooks/useCommentForm.ts
new file mode 100644
index 0000000..bc7a101
--- /dev/null
+++ b/src/entities/snippet/hooks/useCommentForm.ts
@@ -0,0 +1,71 @@
+import { useState } from "react";
+import { http } from "../../../shared/api/http";
+import { toAppError } from "../../../shared/api/app-error";
+import { useQueryClient } from "@tanstack/react-query";
+import { emitSnippetComment } from "../../../shared/socket";
+import { useAuth } from "../../../app/providers/useAuth";
+
+export function useCommentForm(snippetId: number) {
+  const { user } = useAuth();
+  const [content, setContent] = useState("");
+  const [error, setError] = useState<string | null>(null);
+  const [ok, setOk] = useState<string | null>(null);
+  const [pending, setPending] = useState(false);
+  const qc = useQueryClient();
+
+  const submit = async () => {
+    setError(null);
+    setOk(null);
+    setPending(true);
+
+    try {
+      const res = await http.post("/comments", { content, snippetId });
+
+      // Пытаемся вытащить id из API ответа
+      let createdId: number | undefined;
+      const rawUnknown: unknown = res.data;
+      if (rawUnknown && typeof rawUnknown === "object") {
+        const rawObj = rawUnknown as Record<string, unknown>;
+        if (typeof rawObj.id !== "undefined") createdId = Number(rawObj.id);
+        else if (
+          rawObj.data &&
+          typeof rawObj.data === "object" &&
+          rawObj.data !== null &&
+          typeof (rawObj.data as Record<string, unknown>).id !== "undefined"
+        ) {
+          createdId = Number(
+            (rawObj.data as Record<string, unknown>).id as unknown as number
+          );
+        }
+      }
+
+      // Отправляем через вебсокет
+      emitSnippetComment({
+        content,
+        snippetId,
+        id: createdId,
+        user: { username: user?.username || "unknown" },
+      });
+
+      setContent("");
+      setOk("Комментарий отправлен");
+
+      // При socket.io обновление прилетит и так; оставим инвалидацию на случай деградации
+      qc.invalidateQueries({ queryKey: ["snippet", snippetId] });
+    } catch (e) {
+      const err = toAppError(e);
+      setError(err.message || "Не удалось отправить комментарий");
+    } finally {
+      setPending(false);
+    }
+  };
+
+  return {
+    content,
+    setContent,
+    error,
+    ok,
+    pending,
+    submit,
+  };
+}
diff --git a/src/entities/snippet/hooks/useSnippetOwnership.ts b/src/entities/snippet/hooks/useSnippetOwnership.ts
new file mode 100644
index 0000000..a81e6c4
--- /dev/null
+++ b/src/entities/snippet/hooks/useSnippetOwnership.ts
@@ -0,0 +1,15 @@
+import { useMemo } from "react";
+import { useAuth } from "@/app/providers/useAuth";
+import type { Snippet } from "../types";
+
+export function useSnippetOwnership(snippet: Snippet | undefined) {
+  const { user } = useAuth();
+  return useMemo(() => {
+    if (!user || !snippet) return false;
+    const sUser = snippet.user;
+    if (!sUser) return false;
+    return (
+      String(user.id) === String(sUser.id) || user.username === sUser.username
+    );
+  }, [user, snippet]);
+}
diff --git a/src/entities/snippet/types.ts b/src/entities/snippet/types.ts
new file mode 100644
index 0000000..f8d9bc3
--- /dev/null
+++ b/src/entities/snippet/types.ts
@@ -0,0 +1,20 @@
+export type User = { id: number; username: string; role: "user" | "admin" };
+
+export type Snippet = {
+  id: number;
+  language: string;
+  code: string;
+  user: User;
+  likesCount?: number;
+  dislikesCount?: number;
+  commentsCount?: number;
+  comments?: Comment[];
+};
+
+export type SnippetMark = "like" | "dislike" | "none";
+
+export type Comment = {
+  id: number;
+  content: string;
+  user: User;
+};
diff --git a/src/entities/user/api.ts b/src/entities/user/api.ts
new file mode 100644
index 0000000..6f09581
--- /dev/null
+++ b/src/entities/user/api.ts
@@ -0,0 +1,147 @@
+import {
+  useQuery,
+  useInfiniteQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
+import { http } from "../../shared/api/http";
+import { normalizePaginated, unwrapData } from "../../shared/api/normalize";
+import { useApiMutation } from "@/shared/hooks/useApiMutation";
+import type { Paginated } from "../../shared/types/pagination";
+import type { User, UserStatistic } from "./types";
+
+export function useUsers(params?: {
+  page?: number;
+  limit?: number;
+  sortBy?: string[];
+  search?: string;
+  searchBy?: string[];
+  enabled?: boolean;
+}) {
+  const { limit = 15, sortBy, search, searchBy, enabled = true } = params ?? {};
+  return useInfiniteQuery({
+    queryKey: ["users", { limit, sortBy, search, searchBy }],
+    queryFn: async ({ pageParam = 1 }) => {
+      const res = await http.get<unknown>("/users", {
+        params: { page: pageParam, limit, sortBy, search, searchBy },
+      });
+      const raw = res.data as unknown;
+      const { data, meta } = normalizePaginated<User>(raw, {
+        fallbackLimit: limit,
+        pageParam: Number(pageParam) || 1,
+      });
+      return { data, meta } as Paginated<User>;
+    },
+    getNextPageParam: (lastPage) => {
+      const cp = Number(lastPage.meta?.currentPage ?? 1);
+      const tp = Number(lastPage.meta?.totalPages ?? 1);
+      const next = cp + 1;
+      return next <= tp ? next : undefined;
+    },
+    refetchOnWindowFocus: false,
+    initialPageParam: 1,
+    enabled,
+  });
+}
+
+export function useUser(id?: number) {
+  return useQuery<User>({
+    queryKey: ["user", id],
+    queryFn: async () => {
+      const res = await http.get(`/users/${id}`);
+      const raw = unwrapData<{
+        id: number | string;
+        username: string;
+        role: "user" | "admin";
+      }>(res.data as unknown);
+      return {
+        id: Number(raw.id),
+        username: raw.username,
+        role: raw.role,
+      } satisfies User;
+    },
+    enabled: !!id,
+    refetchOnWindowFocus: false,
+  });
+}
+
+export function useUserStatistic(id?: number) {
+  return useQuery<{ user: User; statistic: UserStatistic }>({
+    queryKey: ["user-stat", id],
+    queryFn: async () => {
+      const res = await http.get(`/users/${id}/statistic`);
+      const raw = unwrapData<{
+        id: number | string;
+        username: string;
+        role: "user" | "admin";
+        statistic: UserStatistic;
+      }>(res.data as unknown);
+      const user: User = {
+        id: Number(raw.id),
+        username: raw.username,
+        role: raw.role,
+      };
+      return { user, statistic: raw.statistic };
+    },
+    enabled: !!id,
+    refetchOnWindowFocus: false,
+  });
+}
+
+export function useMe() {
+  return useQuery<User>({
+    queryKey: ["me"],
+    queryFn: async () => {
+      const res = await http.get(`/me`);
+      const raw = unwrapData<{
+        id: number | string;
+        username: string;
+        role: "user" | "admin";
+      }>(res.data as unknown);
+      return {
+        id: Number(raw.id),
+        username: raw.username,
+        role: raw.role,
+      } satisfies User;
+    },
+    refetchOnWindowFocus: false,
+  });
+}
+
+export function useUpdateMe() {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, { username: string }>({
+    mutationFn: async (payload) => {
+      const res = await http.patch(`/me`, payload);
+      return res.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["me"] });
+    },
+    notifySuccessMessage: "Профиль обновлён",
+  });
+}
+
+export function useUpdatePassword() {
+  return useApiMutation<unknown, { oldPassword: string; newPassword: string }>({
+    mutationFn: async (payload) => {
+      const res = await http.patch(`/me/password`, payload);
+      return res.data;
+    },
+    notifySuccessMessage: "Пароль обновлён",
+  });
+}
+
+export function useDeleteMe() {
+  const qc = useQueryClient();
+  return useApiMutation<unknown, void>({
+    mutationFn: async () => {
+      const res = await http.delete(`/me`);
+      return res.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["me"] });
+      qc.invalidateQueries({ queryKey: ["users"] });
+    },
+    notifySuccessMessage: "Аккаунт удалён",
+  });
+}
diff --git a/src/entities/user/hooks/index.ts b/src/entities/user/hooks/index.ts
new file mode 100644
index 0000000..46b3bbf
--- /dev/null
+++ b/src/entities/user/hooks/index.ts
@@ -0,0 +1 @@
+export { useAccountForms } from "./useAccountForms";
diff --git a/src/entities/user/hooks/useAccountForms.ts b/src/entities/user/hooks/useAccountForms.ts
new file mode 100644
index 0000000..c1344ec
--- /dev/null
+++ b/src/entities/user/hooks/useAccountForms.ts
@@ -0,0 +1,67 @@
+import { useState, useEffect } from "react";
+import { useUpdateMe, useUpdatePassword, useMe } from "../api";
+
+export function useAccountForms() {
+  const { data: me } = useMe();
+  const { mutateAsync: updateMe, isPending: isUpdatingMe } = useUpdateMe();
+  const { mutateAsync: updatePassword, isPending: isUpdatingPassword } =
+    useUpdatePassword();
+
+  const [username, setUsername] = useState(me?.username ?? "");
+  const [oldPassword, setOldPassword] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [message, setMessage] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (me?.username) setUsername(me.username);
+  }, [me?.username]);
+
+  const saveProfile = async () => {
+    setMessage(null);
+    setError(null);
+    try {
+      await updateMe({ username });
+      setMessage("Профиль обновлён");
+    } catch {
+      setError("Не удалось обновить профиль");
+    }
+  };
+
+  const changePassword = async () => {
+    setMessage(null);
+    setError(null);
+    if (!oldPassword || !newPassword) {
+      setError("Заполните все поля");
+      return;
+    }
+    try {
+      await updatePassword({ oldPassword, newPassword });
+      setMessage("Пароль изменён");
+      setOldPassword("");
+      setNewPassword("");
+    } catch {
+      setError("Не удалось изменить пароль");
+    }
+  };
+
+  return {
+    // Profile
+    username,
+    setUsername,
+    saveProfile,
+    isUpdatingMe,
+
+    // Password
+    oldPassword,
+    setOldPassword,
+    newPassword,
+    setNewPassword,
+    changePassword,
+    isUpdatingPassword,
+
+    // Messages
+    message,
+    error,
+  };
+}
diff --git a/src/entities/user/types.ts b/src/entities/user/types.ts
new file mode 100644
index 0000000..e999439
--- /dev/null
+++ b/src/entities/user/types.ts
@@ -0,0 +1,18 @@
+export type Role = "user" | "admin";
+
+export type User = {
+  id: number;
+  username: string;
+  role: Role;
+};
+
+export type UserStatistic = {
+  snippetsCount: number;
+  rating: number;
+  commentsCount: number;
+  likesCount: number;
+  dislikesCount: number;
+  questionsCount: number;
+  correctAnswersCount: number;
+  regularAnswersCount: number;
+};
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..7273c76
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,3 @@
+@import "tailwindcss";
+
+@custom-variant dark (:where(.dark, [data-theme="dark"]) &);
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..0ab4453
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,61 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import HomePage from "@/pages/home/HomePage";
+import QuestionDetailsPage from "@/pages/item/QuestionDetailsPage";
+import SnippetDetailsPage from "@/pages/item/SnippetDetailsPage";
+import AccountPage from "@/pages/account/AccountPage";
+import LoginPage from "@/pages/auth/LoginPage.tsx";
+import RegisterPage from "@/pages/auth/RegisterPage.tsx";
+import { RequireAuth, RequireGuest } from "@/app/providers/route-guards";
+import CreatePage from "@/pages/create/CreatePage";
+import MyItemsPage from "@/pages/my/MyItemsPage";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import App from "./App.tsx";
+import { AuthProvider } from "@/app/providers/auth";
+import { ThemeProvider } from "@/app/providers/theme";
+import { NotificationsProvider } from "@/app/providers/notifications-context";
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <App />,
+    children: [
+      { index: true, element: <HomePage /> },
+      { path: "questions/:id", element: <QuestionDetailsPage /> },
+      { path: "snippets/:id", element: <SnippetDetailsPage /> },
+      { path: "account", element: <AccountPage /> },
+      {
+        element: <RequireAuth />,
+        children: [
+          { path: "create", element: <CreatePage /> },
+          { path: "my", element: <MyItemsPage /> },
+        ],
+      },
+      {
+        element: <RequireGuest />,
+        children: [
+          { path: "login", element: <LoginPage /> },
+          { path: "register", element: <RegisterPage /> },
+        ],
+      },
+    ],
+  },
+]);
+
+const queryClient = new QueryClient();
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <AuthProvider>
+        <ThemeProvider>
+          <NotificationsProvider>
+            <RouterProvider router={router} />
+          </NotificationsProvider>
+        </ThemeProvider>
+      </AuthProvider>
+    </QueryClientProvider>
+  </StrictMode>
+);
diff --git a/src/pages/account/AccountPage.tsx b/src/pages/account/AccountPage.tsx
new file mode 100644
index 0000000..7e5128d
--- /dev/null
+++ b/src/pages/account/AccountPage.tsx
@@ -0,0 +1,68 @@
+import { useAuth } from "@/app/providers/useAuth";
+import { BackLink } from "@/shared/ui/BackLink";
+import { useMe, useUserStatistic } from "@/entities/user/api";
+import AccountInfoView from "./ui/AccountInfoView";
+import AccountStatsView from "./ui/AccountStatsView";
+import ProfileFormView from "./ui/ProfileFormView";
+import PasswordFormView from "./ui/PasswordFormView";
+import { useAccountForms } from "@/entities/user/hooks";
+
+export default function AccountPage() {
+  const { user: authUser } = useAuth();
+  const userId = authUser?.id;
+  const { data: me, status: meStatus } = useMe();
+  const idForStat = me?.id ?? userId;
+  const { data: stat, status: statStatus } = useUserStatistic(idForStat);
+
+  const accountForms = useAccountForms();
+  const canEdit = !!authUser;
+
+  return (
+    <div className="space-y-4">
+      <BackLink />
+
+      <AccountInfoView
+        id={me?.id}
+        username={me?.username}
+        role={me?.role}
+        loading={meStatus === "pending"}
+      />
+
+      <AccountStatsView statistic={stat?.statistic} status={statStatus} />
+
+      {canEdit && (
+        <section className="space-y-3">
+          <h2 className="text-xl font-semibold">Настройки профиля</h2>
+          <ProfileFormView
+            username={accountForms.username}
+            onUsernameChange={accountForms.setUsername}
+            onSave={accountForms.saveProfile}
+            isPending={accountForms.isUpdatingMe}
+            loading={meStatus !== "success"}
+          />
+
+          <PasswordFormView
+            oldPassword={accountForms.oldPassword}
+            newPassword={accountForms.newPassword}
+            onOldPasswordChange={accountForms.setOldPassword}
+            onNewPasswordChange={accountForms.setNewPassword}
+            onSubmit={accountForms.changePassword}
+            isPending={accountForms.isUpdatingPassword}
+            loading={meStatus !== "success"}
+          />
+        </section>
+      )}
+
+      {(accountForms.message || accountForms.error) && (
+        <div className="text-sm">
+          {accountForms.message && (
+            <div className="text-green-600">{accountForms.message}</div>
+          )}
+          {accountForms.error && (
+            <div className="text-red-600">{accountForms.error}</div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/pages/account/ui/AccountInfoView.tsx b/src/pages/account/ui/AccountInfoView.tsx
new file mode 100644
index 0000000..bc13805
--- /dev/null
+++ b/src/pages/account/ui/AccountInfoView.tsx
@@ -0,0 +1,49 @@
+import { memo } from "react";
+import Avatar from "@/shared/ui/Avatar";
+
+export type AccountInfoViewProps = {
+  id?: number;
+  username?: string;
+  role?: string;
+  loading?: boolean;
+};
+
+import { Skeleton } from "@/shared/ui/Skeleton";
+
+export const AccountInfoView = memo(function AccountInfoView({
+  id,
+  username,
+  role,
+  loading,
+}: AccountInfoViewProps) {
+  return (
+    <section className="space-y-2">
+      <div className="flex items-center gap-3">
+        {username && <Avatar username={username} size={44} />}
+        <h1 className="text-2xl font-semibold">@{username}</h1>
+      </div>
+      {loading ? (
+        <div className="space-y-2">
+          <Skeleton width={220} height={16} />
+          <Skeleton width={160} height={16} />
+          <Skeleton width={120} height={16} />
+        </div>
+      ) : typeof id === "number" && username && role ? (
+        <div className="text-sm text-gray-700 dark:text-gray-300 space-y-1">
+          <div>
+            Роль: <span className="font-mono">{role}</span>
+          </div>
+          <div>
+            ID: <span className="font-mono">{id}</span>
+          </div>
+        </div>
+      ) : (
+        <p className="text-gray-500">
+          Не удалось загрузить данные пользователя.
+        </p>
+      )}
+    </section>
+  );
+});
+
+export default AccountInfoView;
diff --git a/src/pages/account/ui/AccountStatsView.tsx b/src/pages/account/ui/AccountStatsView.tsx
new file mode 100644
index 0000000..4e1e8de
--- /dev/null
+++ b/src/pages/account/ui/AccountStatsView.tsx
@@ -0,0 +1,62 @@
+import { memo } from "react";
+import { Skeleton } from "@/shared/ui/Skeleton";
+import type { UserStatistic } from "@/entities/user/types";
+
+export type AccountStatsViewProps = {
+  statistic?: UserStatistic;
+  status?: "idle" | "pending" | "success" | "error" | string;
+};
+
+export const AccountStatsView = memo(function AccountStatsView({
+  statistic,
+  status,
+}: AccountStatsViewProps) {
+  return (
+    <section className="space-y-2">
+      <h2 className="text-xl font-semibold">Статистика</h2>
+      {status === "pending" && (
+        <ul className="grid grid-cols-2 gap-2 text-sm">
+          {Array.from({ length: 8 }).map((_, i) => (
+            <li key={i} className="border rounded p-2">
+              <Skeleton height={16} />
+            </li>
+          ))}
+        </ul>
+      )}
+      {status === "error" && (
+        <p className="text-red-600">Не удалось загрузить статистику.</p>
+      )}
+      {status === "success" && statistic && (
+        <ul className="grid grid-cols-2 gap-2 text-sm">
+          <li className="border rounded p-2">
+            Сниппеты: {statistic.snippetsCount}
+          </li>
+          <li className="border rounded p-2">
+            Рейтинг: {Math.round(statistic.rating)}
+          </li>
+          <li className="border rounded p-2">
+            Комментарии: {statistic.commentsCount}
+          </li>
+          <li className="border rounded p-2">Лайки: {statistic.likesCount}</li>
+          <li className="border rounded p-2">
+            Дизлайки: {statistic.dislikesCount}
+          </li>
+          <li className="border rounded p-2">
+            Вопросы: {statistic.questionsCount}
+          </li>
+          <li className="border rounded p-2">
+            Верных ответов: {statistic.correctAnswersCount}
+          </li>
+          <li className="border rounded p-2">
+            Обычных ответов: {statistic.regularAnswersCount}
+          </li>
+        </ul>
+      )}
+      {status === "success" && !statistic && (
+        <p className="text-gray-500">Нет данных статистики.</p>
+      )}
+    </section>
+  );
+});
+
+export default AccountStatsView;
diff --git a/src/pages/account/ui/PasswordFormView.tsx b/src/pages/account/ui/PasswordFormView.tsx
new file mode 100644
index 0000000..0da2077
--- /dev/null
+++ b/src/pages/account/ui/PasswordFormView.tsx
@@ -0,0 +1,73 @@
+import { memo } from "react";
+import { Skeleton } from "@/shared/ui/Skeleton";
+import { Button } from "@/shared/ui/Button";
+
+export type PasswordFormViewProps = {
+  oldPassword: string;
+  newPassword: string;
+  onOldPasswordChange: (value: string) => void;
+  onNewPasswordChange: (value: string) => void;
+  onSubmit: () => void;
+  isPending?: boolean;
+  loading?: boolean;
+};
+
+export const PasswordFormView = memo(function PasswordFormView({
+  oldPassword,
+  newPassword,
+  onOldPasswordChange,
+  onNewPasswordChange,
+  onSubmit,
+  isPending,
+  loading,
+}: PasswordFormViewProps) {
+  if (loading) {
+    return (
+      <div className="space-y-4">
+        <Skeleton className="h-4 w-32" />
+        <Skeleton className="h-10 w-full" />
+        <Skeleton className="h-10 w-full" />
+        <Skeleton className="h-10 w-24" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      <h3 className="text-lg font-semibold">Смена пароля</h3>
+      <div className="space-y-3">
+        <div>
+          <label className="block text-sm font-medium mb-1">
+            Старый пароль
+          </label>
+          <input
+            type="password"
+            value={oldPassword}
+            onChange={(e) => onOldPasswordChange(e.target.value)}
+            className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+            disabled={isPending}
+          />
+        </div>
+        <div>
+          <label className="block text-sm font-medium mb-1">Новый пароль</label>
+          <input
+            type="password"
+            value={newPassword}
+            onChange={(e) => onNewPasswordChange(e.target.value)}
+            className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+            disabled={isPending}
+          />
+        </div>
+        <Button
+          onClick={onSubmit}
+          disabled={isPending || !oldPassword || !newPassword}
+          loading={isPending}
+          variant="primary">
+          Сменить пароль
+        </Button>
+      </div>
+    </div>
+  );
+});
+
+export default PasswordFormView;
diff --git a/src/pages/account/ui/ProfileFormView.tsx b/src/pages/account/ui/ProfileFormView.tsx
new file mode 100644
index 0000000..95165e6
--- /dev/null
+++ b/src/pages/account/ui/ProfileFormView.tsx
@@ -0,0 +1,52 @@
+import { memo } from "react";
+import { Button } from "@/shared/ui/Button";
+
+export type ProfileFormViewProps = {
+  username: string;
+  onUsernameChange: (v: string) => void;
+  onSave: () => void;
+  isPending?: boolean;
+  loading?: boolean;
+};
+
+import { Skeleton } from "@/shared/ui/Skeleton";
+
+export const ProfileFormView = memo(function ProfileFormView({
+  username,
+  onUsernameChange,
+  onSave,
+  isPending,
+  loading,
+}: ProfileFormViewProps) {
+  return (
+    <div className="space-y-2">
+      <label className="block text-sm">Имя пользователя</label>
+      {loading ? (
+        <>
+          <Skeleton height={38} className="rounded" />
+          <Skeleton width={160} height={36} className="rounded" />
+        </>
+      ) : (
+        <>
+          <input
+            className="w-full border rounded p-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+            value={username}
+            onChange={(e) => onUsernameChange(e.target.value)}
+            placeholder="username"
+          />
+          <Button
+            type="button"
+            disabled={!!isPending}
+            loading={!!isPending}
+            onClick={onSave}
+            size="sm"
+            variant="primary">
+            Сохранить профиль
+          </Button>
+        </>
+      )}
+    </div>
+  );
+});
+
+export default ProfileFormView;
diff --git a/src/pages/auth/LoginPage.tsx b/src/pages/auth/LoginPage.tsx
new file mode 100644
index 0000000..d666368
--- /dev/null
+++ b/src/pages/auth/LoginPage.tsx
@@ -0,0 +1,59 @@
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useAuth } from "@/app/providers/useAuth";
+import { toAppError } from "@/shared/api/app-error";
+import { emitNotification } from "@/shared/notifications";
+import { useNavigate, useLocation } from "react-router-dom";
+import LoginFormView from "./ui/LoginFormView";
+
+const schema = z.object({
+  username: z.string().min(5),
+  password: z.string().min(6),
+});
+
+type FormData = z.infer<typeof schema>;
+
+type LocationState = { from?: { pathname?: string } };
+
+export default function LoginPage() {
+  const { login } = useAuth();
+  const navigate = useNavigate();
+  const loc = useLocation();
+  const state = (loc.state || {}) as LocationState;
+  const from = state.from?.pathname || "/";
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm<FormData>({
+    resolver: zodResolver(schema),
+  });
+
+  const onSubmit = async (data: FormData) => {
+    try {
+      await login(data.username, data.password);
+      navigate(from, { replace: true });
+    } catch (e) {
+      const appErr = toAppError(e);
+      emitNotification({
+        type: "error",
+        message: appErr.message || "Ошибка входа",
+      });
+    }
+  };
+
+  return (
+    <LoginFormView
+      onSubmit={handleSubmit(onSubmit)}
+      usernameInputProps={register("username")}
+      passwordInputProps={register("password")}
+      errors={{
+        username: errors.username?.message,
+        password: errors.password?.message,
+      }}
+      isSubmitting={isSubmitting}
+    />
+  );
+}
diff --git a/src/pages/auth/RegisterPage.tsx b/src/pages/auth/RegisterPage.tsx
new file mode 100644
index 0000000..7357ac8
--- /dev/null
+++ b/src/pages/auth/RegisterPage.tsx
@@ -0,0 +1,80 @@
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useAuth } from "@/app/providers/useAuth";
+import { toAppError } from "@/shared/api/app-error";
+import { applyAppErrorToForm } from "@/shared/forms/applyAppError";
+import { emitNotification } from "@/shared/notifications";
+import { useNavigate } from "react-router-dom";
+import RegisterFormView from "./ui/RegisterFormView";
+
+const schema = z
+  .object({
+    username: z.string().trim().min(5),
+    password: z
+      .string()
+      .trim()
+      .min(6)
+      .regex(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^A-Za-z0-9]).+$/, {
+        message:
+          "Пароль должен содержать минимум 1 строчную, 1 заглавную букву, 1 цифру и 1 символ",
+      }),
+    confirm: z.string().trim().min(6),
+  })
+  .refine((v) => v.password === v.confirm, {
+    message: "Пароли не совпадают",
+    path: ["confirm"],
+  });
+
+type FormData = z.infer<typeof schema>;
+
+export default function RegisterPage() {
+  const { register: doRegister } = useAuth();
+  const navigate = useNavigate();
+  const form = useForm<FormData>({ resolver: zodResolver(schema) });
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+    setError,
+  } = form;
+
+  const onSubmit = async (data: FormData) => {
+    const username = data.username.trim();
+    const password = data.password.trim();
+    try {
+      await doRegister(username, password);
+      navigate("/login", { replace: true });
+    } catch (e: unknown) {
+      const appErr = toAppError(e);
+      // 409 — конфликт имени
+      if (appErr.status === 409) {
+        setError("username", {
+          message: "Пользователь с таким именем уже существует",
+        });
+        return;
+      }
+      if (appErr.kind === "validation") {
+        applyAppErrorToForm(form, appErr);
+        return;
+      }
+      const msg = appErr.message || "Ошибка регистрации";
+      emitNotification({ type: "error", message: msg });
+    }
+  };
+
+  return (
+    <RegisterFormView
+      onSubmit={handleSubmit(onSubmit)}
+      usernameInputProps={register("username")}
+      passwordInputProps={register("password")}
+      confirmInputProps={register("confirm")}
+      errors={{
+        username: errors.username?.message,
+        password: errors.password?.message,
+        confirm: errors.confirm?.message,
+      }}
+      isSubmitting={isSubmitting}
+    />
+  );
+}
diff --git a/src/pages/auth/ui/LoginFormView.tsx b/src/pages/auth/ui/LoginFormView.tsx
new file mode 100644
index 0000000..c054039
--- /dev/null
+++ b/src/pages/auth/ui/LoginFormView.tsx
@@ -0,0 +1,70 @@
+import { Link } from "react-router-dom";
+import { memo } from "react";
+import { Button } from "@/shared/ui/Button";
+import type { FormEvent, InputHTMLAttributes } from "react";
+
+export type LoginFormViewProps = {
+  onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+  usernameInputProps: InputHTMLAttributes<HTMLInputElement>;
+  passwordInputProps: InputHTMLAttributes<HTMLInputElement>;
+  errors?: {
+    username?: string;
+    password?: string;
+  };
+  isSubmitting?: boolean;
+};
+
+function LoginFormView({
+  onSubmit,
+  usernameInputProps,
+  passwordInputProps,
+  errors,
+  isSubmitting,
+}: LoginFormViewProps) {
+  return (
+    <div className="max-w-sm mx-auto">
+      <h1 className="text-2xl font-semibold mb-4">Вход</h1>
+      <form className="space-y-3" onSubmit={onSubmit}>
+        <div>
+          <label className="block text-sm mb-1">Username</label>
+          <input
+            className="w-full border rounded px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+            {...usernameInputProps}
+          />
+          {errors?.username && (
+            <p className="text-xs text-red-600 mt-1">{errors.username}</p>
+          )}
+        </div>
+        <div>
+          <label className="block text-sm mb-1">Password</label>
+          <input
+            type="password"
+            className="w-full border rounded px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+            {...passwordInputProps}
+          />
+          {errors?.password && (
+            <p className="text-xs text-red-600 mt-1">{errors.password}</p>
+          )}
+        </div>
+        <Button
+          type="submit"
+          disabled={isSubmitting}
+          loading={isSubmitting}
+          variant="primary"
+          className="w-full">
+          Войти
+        </Button>
+      </form>
+      <p className="text-sm text-gray-500 mt-3">
+        Нет аккаунта?{" "}
+        <Link
+          to="/register"
+          className="underline text-blue-600 dark:text-blue-400">
+          Зарегистрируйтесь
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+export default memo(LoginFormView);
diff --git a/src/pages/auth/ui/RegisterFormView.tsx b/src/pages/auth/ui/RegisterFormView.tsx
new file mode 100644
index 0000000..cf3158b
--- /dev/null
+++ b/src/pages/auth/ui/RegisterFormView.tsx
@@ -0,0 +1,84 @@
+import { Link } from "react-router-dom";
+import { memo } from "react";
+import { Button } from "@/shared/ui/Button";
+import type { FormEvent, InputHTMLAttributes } from "react";
+
+export type RegisterFormViewProps = {
+  onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+  usernameInputProps: InputHTMLAttributes<HTMLInputElement>;
+  passwordInputProps: InputHTMLAttributes<HTMLInputElement>;
+  confirmInputProps: InputHTMLAttributes<HTMLInputElement>;
+  errors?: {
+    username?: string;
+    password?: string;
+    confirm?: string;
+  };
+  isSubmitting?: boolean;
+};
+
+function RegisterFormView({
+  onSubmit,
+  usernameInputProps,
+  passwordInputProps,
+  confirmInputProps,
+  errors,
+  isSubmitting,
+}: RegisterFormViewProps) {
+  return (
+    <div className="max-w-sm mx-auto">
+      <h1 className="text-2xl font-semibold mb-4">Регистрация</h1>
+      <form className="space-y-3" onSubmit={onSubmit}>
+        <div>
+          <label className="block text-sm mb-1">Username</label>
+          <input
+            className="w-full border rounded px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+            {...usernameInputProps}
+          />
+          {errors?.username && (
+            <p className="text-xs text-red-600 mt-1">{errors.username}</p>
+          )}
+        </div>
+        <div>
+          <label className="block text-sm mb-1">Password</label>
+          <input
+            type="password"
+            className="w-full border rounded px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+            {...passwordInputProps}
+          />
+          {errors?.password && (
+            <p className="text-xs text-red-600 mt-1">{errors.password}</p>
+          )}
+        </div>
+        <div>
+          <label className="block text-sm mb-1">Confirm Password</label>
+          <input
+            type="password"
+            className="w-full border rounded px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+            {...confirmInputProps}
+          />
+          {errors?.confirm && (
+            <p className="text-xs text-red-600 mt-1">{errors.confirm}</p>
+          )}
+        </div>
+        <Button
+          type="submit"
+          disabled={isSubmitting}
+          loading={isSubmitting}
+          variant="primary"
+          className="w-full">
+          Создать аккаунт
+        </Button>
+      </form>
+      <p className="text-sm text-gray-500 dark:text-gray-400 mt-3">
+        Уже есть аккаунт?{" "}
+        <Link
+          to="/login"
+          className="underline text-blue-600 dark:text-blue-400">
+          Войти
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+export default memo(RegisterFormView);
diff --git a/src/pages/create/CreatePage.tsx b/src/pages/create/CreatePage.tsx
new file mode 100644
index 0000000..f5e890c
--- /dev/null
+++ b/src/pages/create/CreatePage.tsx
@@ -0,0 +1,167 @@
+import { useState } from "react";
+import { Button } from "@/shared/ui/Button";
+import { useNavigate } from "react-router-dom";
+import CodeEditor from "@/shared/ui/CodeEditor";
+import { useQuestionForm, useSnippetForm } from "./hooks";
+
+export default function CreatePage() {
+  const navigate = useNavigate();
+  const [mode, setMode] = useState<"question" | "snippet">("question");
+
+  const questionForm = useQuestionForm();
+  const snippetForm = useSnippetForm();
+
+  return (
+    <div className="bg-white text-black border border-neutral-200 dark:bg-neutral-800 dark:text-white dark:border-neutral-700 p-6 rounded-lg shadow space-y-6">
+      {/* Tabs */}
+      <div className="flex gap-4 border-b">
+        <Button
+          onClick={() => setMode("question")}
+          variant={mode === "question" ? "outline" : "ghost"}
+          size="sm"
+          className="rounded-none border-b-2 !border-0">
+          Вопрос
+        </Button>
+        <Button
+          onClick={() => setMode("snippet")}
+          variant={mode === "snippet" ? "outline" : "ghost"}
+          size="sm"
+          className="rounded-none border-b-2 !border-0">
+          Сниппет
+        </Button>
+      </div>
+
+      {/* Question Form */}
+      {mode === "question" && (
+        <form onSubmit={questionForm.onSubmit} className="space-y-4">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+              Заголовок <span className="text-red-500">*</span>
+            </label>
+            <input
+              {...questionForm.register("title")}
+              type="text"
+              className="w-full border rounded-lg px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-400 dark:focus:border-blue-400"
+              placeholder="Введите заголовок вопроса..."
+            />
+            {questionForm.errors.title && (
+              <p className="text-red-500 text-sm mt-1">
+                {questionForm.errors.title.message}
+              </p>
+            )}
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+              Описание <span className="text-red-500">*</span>
+            </label>
+            <textarea
+              {...questionForm.register("description")}
+              rows={4}
+              className="w-full border rounded-lg px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-400 dark:focus:border-blue-400"
+              placeholder="Опишите вашу проблему подробно..."
+            />
+            {questionForm.errors.description && (
+              <p className="text-red-500 text-sm mt-1">
+                {questionForm.errors.description.message}
+              </p>
+            )}
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+              Прикрепленный код (опционально)
+            </label>
+            <CodeEditor
+              value={questionForm.watch("attachedCode") || ""}
+              onChange={(value) => questionForm.setValue("attachedCode", value)}
+              placeholder="Введите код для демонстрации проблемы..."
+            />
+          </div>
+
+          {questionForm.error && (
+            <div className="text-red-600 text-sm">{questionForm.error}</div>
+          )}
+
+          <div className="flex gap-3">
+            <Button
+              type="submit"
+              disabled={questionForm.isPending}
+              loading={questionForm.isPending}
+              variant="primary">
+              Создать вопрос
+            </Button>
+            <Button
+              type="button"
+              onClick={() => navigate("/")}
+              variant="secondary">
+              Отмена
+            </Button>
+          </div>
+        </form>
+      )}
+
+      {/* Snippet Form */}
+      {mode === "snippet" && (
+        <form onSubmit={snippetForm.onSubmit} className="space-y-4">
+          <div>
+            <label className="block text-sm font-medium dark:text-gray-300 mb-1">
+              Язык программирования <span className="text-red-500">*</span>
+            </label>
+            <input
+              {...snippetForm.register("language")}
+              type="text"
+              className="w-full border rounded-lg px-3 py-2 bg-white text-black dark:bg-neutral-800 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-400 dark:focus:border-blue-400"
+              placeholder="JavaScript, Python, Java, C/C++, C#, Go, Kotlin, Ruby"
+            />
+            {snippetForm.errors.language && (
+              <p className="text-red-500 text-sm mt-1">
+                {snippetForm.errors.language.message}
+              </p>
+            )}
+            <p className="text-gray-500 dark:text-gray-400 text-xs mt-1">
+              Допустимые: JavaScript, Python, Java, C/C++, C#, Go, Kotlin, Ruby
+            </p>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+              Код <span className="text-red-500">*</span>
+            </label>
+            <CodeEditor
+              value={snippetForm.watch("code") || ""}
+              onChange={(value) => snippetForm.setValue("code", value)}
+              language={snippetForm.watch("language")}
+              placeholder="Введите ваш код..."
+            />
+            {snippetForm.errors.code && (
+              <p className="text-red-500 text-sm mt-1">
+                {snippetForm.errors.code.message}
+              </p>
+            )}
+          </div>
+
+          {snippetForm.error && (
+            <div className="text-red-600 text-sm">{snippetForm.error}</div>
+          )}
+
+          <div className="flex gap-3">
+            <Button
+              type="submit"
+              disabled={snippetForm.isPending}
+              loading={snippetForm.isPending}
+              variant="primary">
+              Создать сниппет
+            </Button>
+            <Button
+              type="button"
+              onClick={() => navigate("/")}
+              variant="secondary">
+              Отмена
+            </Button>
+          </div>
+        </form>
+      )}
+    </div>
+  );
+}
diff --git a/src/pages/create/hooks/index.ts b/src/pages/create/hooks/index.ts
new file mode 100644
index 0000000..7880202
--- /dev/null
+++ b/src/pages/create/hooks/index.ts
@@ -0,0 +1 @@
+export { useQuestionForm, useSnippetForm } from "./useCreateForms";
diff --git a/src/pages/create/hooks/useCreateForms.ts b/src/pages/create/hooks/useCreateForms.ts
new file mode 100644
index 0000000..b8ea147
--- /dev/null
+++ b/src/pages/create/hooks/useCreateForms.ts
@@ -0,0 +1,105 @@
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useNavigate } from "react-router-dom";
+import { useCreateQuestion } from "@/entities/question/api";
+import { useCreateSnippet } from "@/entities/snippet/api";
+import {
+  normalizeLanguageInput,
+  SUPPORTED_LANG_HINT,
+} from "@/shared/services/languageService";
+import { toAppError } from "@/shared/api/app-error";
+import { applyAppErrorToForm } from "@/shared/forms/applyAppError";
+
+// Question Form
+const questionSchema = z.object({
+  title: z.string().min(3, "Минимум 3 символа"),
+  description: z.string().min(1, "Описание обязательно"),
+  attachedCode: z.string().optional(),
+});
+
+type QuestionFormData = z.infer<typeof questionSchema>;
+
+export function useQuestionForm() {
+  const navigate = useNavigate();
+  const { mutateAsync: createQuestion, isPending } = useCreateQuestion();
+
+  const form = useForm<QuestionFormData>({
+    resolver: zodResolver(questionSchema),
+  });
+
+  const onSubmit = async (data: QuestionFormData) => {
+    try {
+      const created = await createQuestion(data);
+      if (created?.id) {
+        navigate(`/questions/${created.id}`);
+      } else {
+        navigate("/");
+      }
+    } catch (e) {
+      const appErr = toAppError(e);
+      applyAppErrorToForm(form, appErr);
+      throw appErr;
+    }
+  };
+
+  return {
+    ...form,
+    onSubmit: form.handleSubmit(onSubmit),
+    isPending,
+    errors: form.formState.errors,
+    error: form.formState.errors.root?.message,
+  };
+}
+
+// Snippet Form
+const snippetSchema = z.object({
+  language: z.string().min(1, "Укажите язык"),
+  code: z.string().min(1, "Код обязателен"),
+});
+
+type SnippetFormData = z.infer<typeof snippetSchema>;
+
+export function useSnippetForm() {
+  const navigate = useNavigate();
+  const { mutateAsync: createSnippet, isPending } = useCreateSnippet();
+
+  const form = useForm<SnippetFormData>({
+    resolver: zodResolver(snippetSchema),
+  });
+
+  const onSubmit = async (data: SnippetFormData) => {
+    try {
+      const normalizedLanguage = normalizeLanguageInput(data.language);
+      if (!normalizedLanguage) {
+        form.setError("language", {
+          message: `Неподдерживаемый язык. ${SUPPORTED_LANG_HINT}`,
+        });
+        return;
+      }
+
+      const created = await createSnippet({
+        language: normalizedLanguage,
+        code: data.code,
+      });
+
+      if (created?.id) {
+        navigate(`/snippets/${created.id}`);
+      } else {
+        navigate("/");
+      }
+    } catch (e) {
+      const appErr = toAppError(e);
+      applyAppErrorToForm(form, appErr);
+      throw appErr;
+    }
+  };
+
+  return {
+    ...form,
+    onSubmit: form.handleSubmit(onSubmit),
+    isPending,
+    errors: form.formState.errors,
+    error: form.formState.errors.root?.message,
+  };
+}
diff --git a/src/pages/home/HomePage.tsx b/src/pages/home/HomePage.tsx
new file mode 100644
index 0000000..83d77ca
--- /dev/null
+++ b/src/pages/home/HomePage.tsx
@@ -0,0 +1,118 @@
+import { useEffect, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import { useWindowVirtualizer } from "@tanstack/react-virtual";
+import { useQuestions } from "@/entities/question/api";
+import type { Question } from "@/entities/question/types";
+import { useSnippets } from "@/entities/snippet/api";
+import type { Snippet } from "@/entities/snippet/types";
+import { ItemCard } from "./ItemCard";
+import HomePageView from "./ui/HomePageView";
+
+export default function HomePage() {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const initialMode = (
+    searchParams.get("mode") === "snippets" ? "snippets" : "questions"
+  ) as "questions" | "snippets";
+  const [mode, setMode] = useState<"questions" | "snippets">(initialMode);
+  // Queries
+  const q = useQuestions({ enabled: mode === "questions" });
+  const s = useSnippets({ enabled: mode === "snippets" });
+
+  const isQuestions = mode === "questions";
+  const fetchNextPage = isQuestions ? q.fetchNextPage : s.fetchNextPage;
+  const hasNextPage = isQuestions ? q.hasNextPage : s.hasNextPage;
+  const isFetchingNextPage = isQuestions
+    ? q.isFetchingNextPage
+    : s.isFetchingNextPage;
+  const status = isQuestions ? q.status : s.status;
+  const itemsQ = (q.data?.pages.flatMap((p) => p.data) ?? []) as Question[];
+  const itemsS = (s.data?.pages.flatMap((p) => p.data) ?? []) as Snippet[];
+  const items = (isQuestions ? itemsQ : itemsS) as (Question | Snippet)[];
+  const rowVirtualizer = useWindowVirtualizer({
+    count: items.length,
+    estimateSize: () => 220,
+    overscan: 6,
+  });
+
+  const virtualItems = rowVirtualizer.getVirtualItems();
+  const navigate = useNavigate();
+  useEffect(() => {
+    // keep URL in sync with selected mode
+    const current = searchParams.get("mode");
+    if (current !== mode) {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set("mode", mode);
+          return next;
+        },
+        { replace: true }
+      );
+    }
+  }, [mode, searchParams, setSearchParams]);
+  useEffect(() => {
+    if (!hasNextPage || isFetchingNextPage || items.length === 0) return;
+    const last = virtualItems[virtualItems.length - 1];
+    if (last && last.index >= items.length - 1) {
+      void fetchNextPage();
+    }
+  }, [
+    virtualItems,
+    hasNextPage,
+    isFetchingNextPage,
+    items.length,
+    fetchNextPage,
+  ]);
+
+  const rows = virtualItems.map((v) => {
+    const itemQ = isQuestions
+      ? (itemsQ[v.index] as Question | undefined)
+      : undefined;
+    const itemS = !isQuestions
+      ? (itemsS[v.index] as Snippet | undefined)
+      : undefined;
+    const key = ((itemQ?.id ?? itemS?.id) as React.Key) ?? v.index;
+    return {
+      key,
+      start: v.start,
+      index: v.index,
+      ref: rowVirtualizer.measureElement,
+      content: isQuestions ? (
+        itemQ ? (
+          <ItemCard
+            type="question"
+            item={itemQ}
+            onMoreClick={() =>
+              navigate(`/questions/${itemQ.id}`, {
+                state: { fromMode: "questions" },
+              })
+            }
+          />
+        ) : null
+      ) : itemS ? (
+        <ItemCard
+          type="snippet"
+          item={itemS}
+          onCommentsClick={() =>
+            navigate(`/snippets/${itemS.id}`, {
+              state: { fromMode: "snippets" },
+            })
+          }
+        />
+      ) : null,
+    };
+  });
+
+  return (
+    <HomePageView
+      title={isQuestions ? "Вопросы" : "Сниппеты"}
+      mode={mode}
+      onModeChange={setMode}
+      status={status}
+      hasItems={items.length > 0}
+      containerHeight={rowVirtualizer.getTotalSize()}
+      rows={rows}
+      isFetchingNextPage={isFetchingNextPage}
+    />
+  );
+}
diff --git a/src/pages/home/ItemCard.tsx b/src/pages/home/ItemCard.tsx
new file mode 100644
index 0000000..923a277
--- /dev/null
+++ b/src/pages/home/ItemCard.tsx
@@ -0,0 +1,92 @@
+import { memo, useCallback } from "react";
+import type { Question } from "@/entities/question/types";
+import type { Snippet } from "@/entities/snippet/types";
+import { useAuth } from "@/app/providers/useAuth";
+import { useMarkSnippet } from "@/entities/snippet/api";
+import { ItemCommonCardView } from "./ui/ItemCommonCardView";
+
+type BaseProps = {
+  onMoreClick?: () => void;
+  onCommentsClick?: () => void;
+};
+
+type QuestionProps = BaseProps & {
+  type: "question";
+  item: Question;
+};
+
+type SnippetProps = BaseProps & {
+  type: "snippet";
+  item: Snippet;
+};
+
+export type ItemCardProps = QuestionProps | SnippetProps;
+
+function QuestionView({
+  item,
+  onMoreClick,
+}: {
+  item: Question;
+  onMoreClick?: () => void;
+}) {
+  const resolved = Boolean(
+    item.isResolved ||
+      (Array.isArray(item.answers) && item.answers.some((a) => a.isCorrect))
+  );
+  return (
+    <ItemCommonCardView
+      mode="question"
+      title={item.title}
+      userName={item.user.username}
+      description={item.description}
+      code={item.attachedCode}
+      answersCount={
+        Array.isArray(item.answers) ? item.answers.length : undefined
+      }
+      resolved={resolved}
+      onMoreClick={onMoreClick}
+    />
+  );
+}
+
+function SnippetView({
+  item,
+  onCommentsClick,
+}: {
+  item: Snippet;
+  onCommentsClick?: () => void;
+}) {
+  const { user: authUser } = useAuth();
+  const { mutate: mark, isPending } = useMarkSnippet(item.id);
+  const canInteract = !!authUser;
+  const like = useCallback(() => mark("like"), [mark]);
+  const dislike = useCallback(() => mark("dislike"), [mark]);
+  return (
+    <ItemCommonCardView
+      mode="snippet"
+      language={item.language}
+      userName={item.user.username}
+      code={item.code}
+      likesCount={item.likesCount}
+      dislikesCount={item.dislikesCount}
+      commentsCount={item.commentsCount}
+      onCommentsClick={onCommentsClick}
+      onMoreClick={onCommentsClick}
+      onLike={like}
+      onDislike={dislike}
+      canInteract={canInteract}
+      isPending={isPending}
+    />
+  );
+}
+
+export const ItemCard = memo(function ItemCard(props: ItemCardProps) {
+  if (props.type === "question") {
+    return <QuestionView item={props.item} onMoreClick={props.onMoreClick} />;
+  }
+  return (
+    <SnippetView item={props.item} onCommentsClick={props.onCommentsClick} />
+  );
+});
+
+export default ItemCard;
diff --git a/src/pages/home/ui/HomePageView.tsx b/src/pages/home/ui/HomePageView.tsx
new file mode 100644
index 0000000..2bea00a
--- /dev/null
+++ b/src/pages/home/ui/HomePageView.tsx
@@ -0,0 +1,93 @@
+import { memo } from "react";
+import { Button } from "@/shared/ui/Button";
+import { Skeleton } from "@/shared/ui/Skeleton";
+import type { ReactNode, RefCallback } from "react";
+
+export type HomeRow = {
+  key: React.Key;
+  start: number;
+  index: number;
+  ref?: RefCallback<HTMLDivElement>;
+  content: ReactNode;
+};
+
+export type HomePageViewProps = {
+  title?: string;
+  status: "idle" | "pending" | "success" | "error" | string;
+  hasItems: boolean;
+  containerHeight: number;
+  rows: HomeRow[];
+  isFetchingNextPage?: boolean;
+  mode?: "questions" | "snippets";
+  onModeChange?: (m: "questions" | "snippets") => void;
+};
+
+function HomePageView({
+  title = "Вопросы",
+  status,
+  hasItems,
+  containerHeight,
+  rows,
+  isFetchingNextPage,
+  mode,
+  onModeChange,
+}: HomePageViewProps) {
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between gap-4">
+        <h1 className="text-2xl font-semibold">{title}</h1>
+        {mode && onModeChange && (
+          <div className="inline-flex rounded border overflow-hidden">
+            <Button
+              type="button"
+              size="sm"
+              variant={mode === "questions" ? "outline" : "ghost"}
+              onClick={() => onModeChange("questions")}
+              className="rounded-none">
+              Вопросы
+            </Button>
+            <Button
+              type="button"
+              size="sm"
+              variant={mode === "snippets" ? "outline" : "ghost"}
+              onClick={() => onModeChange("snippets")}
+              className="rounded-none border-l">
+              Сниппеты
+            </Button>
+          </div>
+        )}
+      </div>
+      {status === "pending" && (
+        <div className="space-y-3">
+          {[...Array(5)].map((_, i) => (
+            <div key={i} className="">
+              <Skeleton height={160} className="rounded mb-2" />
+            </div>
+          ))}
+        </div>
+      )}
+      {!hasItems && status === "success" && (
+        <p className="text-gray-500">Ничего не найдено.</p>
+      )}
+      <div className="relative" style={{ height: containerHeight }}>
+        {rows.map((row) => (
+          <div
+            key={row.key}
+            ref={row.ref}
+            data-index={row.index}
+            className="absolute left-0 w-full pb-4"
+            style={{ transform: `translateY(${row.start}px)` }}>
+            {row.content}
+          </div>
+        ))}
+      </div>
+      {isFetchingNextPage && (
+        <div className="space-y-2">
+          <Skeleton height={16} width={160} />
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default memo(HomePageView);
diff --git a/src/pages/home/ui/ItemCommonCardView.tsx b/src/pages/home/ui/ItemCommonCardView.tsx
new file mode 100644
index 0000000..d9bd70a
--- /dev/null
+++ b/src/pages/home/ui/ItemCommonCardView.tsx
@@ -0,0 +1,167 @@
+import { memo } from "react";
+import { Button } from "@/shared/ui/Button";
+import Avatar from "@/shared/ui/Avatar";
+import { ExpandableText } from "@/shared/ui/ExpandableText";
+import { Clamp } from "@/shared/ui/Clamp";
+import { CodeBlock } from "@/shared/ui/CodeBlock";
+
+export type ItemCommonCardViewProps = {
+  mode: "question" | "snippet";
+  userName: string;
+  // question
+  title?: string;
+  description?: string;
+  answersCount?: number;
+  resolved?: boolean;
+  // snippet
+  language?: string;
+  likesCount?: number;
+  dislikesCount?: number;
+  commentsCount?: number;
+  // shared
+  code?: string;
+  onMoreClick?: () => void; // переход на детали/комменты и раскрытие кода
+  onCommentsClick?: () => void; // для сниппета – переход к комментариям
+  onLike?: () => void;
+  onDislike?: () => void;
+  canInteract?: boolean;
+  isPending?: boolean;
+};
+
+export const ItemCommonCardView = memo(function ItemCommonCardView({
+  mode,
+  userName,
+  title,
+  description,
+  answersCount,
+  resolved,
+  language,
+  likesCount,
+  dislikesCount,
+  commentsCount,
+  code,
+  onMoreClick,
+  onCommentsClick,
+  onLike,
+  onDislike,
+  canInteract = false,
+  isPending = false,
+}: ItemCommonCardViewProps) {
+  return (
+    <article className="border rounded p-3 space-y-2 bg-white text-black dark:bg-neutral-800 dark:text-white">
+      <div className="flex items-start justify-between gap-3 text-sm text-gray-600 dark:text-gray-400">
+        <div className="min-w-0">
+          {mode === "question" ? (
+            <div className="flex items-center gap-2">
+              <h2 className="text-base font-semibold text-black dark:text-white truncate">
+                {title}
+              </h2>
+              {typeof resolved !== "undefined" && (
+                <span
+                  className={
+                    "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide " +
+                    (resolved
+                      ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                      : "bg-gray-200 text-gray-600 dark:bg-neutral-700 dark:text-gray-300")
+                  }
+                  title={resolved ? "Вопрос решён" : "Вопрос не решён"}>
+                  {resolved ? "Solved" : "Open"}
+                </span>
+              )}
+            </div>
+          ) : (
+            <span className="inline-flex items-center rounded bg-gray-100 dark:bg-neutral-700 px-2 py-0.5 text-xs font-medium text-gray-700 dark:text-gray-200">
+              {language}
+            </span>
+          )}
+        </div>
+        <span className="shrink-0 inline-flex items-center gap-2">
+          <Avatar username={userName} size={20} /> @{userName}
+        </span>
+      </div>
+
+      {description && (
+        <ExpandableText
+          text={description}
+          mode={onMoreClick ? "navigate" : "toggle"}
+          onMoreClick={onMoreClick}
+          className="text-sm"
+        />
+      )}
+
+      {code && (
+        <Clamp
+          maxHeight={220}
+          onMoreClick={onMoreClick}
+          moreLabel="Показать весь код">
+          <CodeBlock code={code} language={language} />
+        </Clamp>
+      )}
+
+      {mode === "question" ? (
+        <div className="flex items-center gap-4 text-xs text-gray-500 dark:text-gray-400">
+          {typeof answersCount === "number" && (
+            <span>Answers: {answersCount}</span>
+          )}
+          {onMoreClick && (
+            <Button
+              type="button"
+              onClick={onMoreClick}
+              size="xs"
+              className="ml-auto">
+              Answers →
+            </Button>
+          )}
+        </div>
+      ) : (
+        <div className="text-xs text-gray-500 dark:text-gray-400">
+          <div className="flex items-center gap-3">
+            <div className="flex items-center gap-2">
+              <Button
+                type="button"
+                disabled={!canInteract || isPending}
+                onClick={onLike}
+                size="xs"
+                aria-label="Like">
+                Like
+              </Button>
+              <Button
+                type="button"
+                disabled={!canInteract || isPending}
+                onClick={onDislike}
+                size="xs"
+                aria-label="Dislike">
+                Dislike
+              </Button>
+            </div>
+            {typeof likesCount !== "undefined" && (
+              <span>Likes: {likesCount}</span>
+            )}
+            {typeof dislikesCount !== "undefined" && (
+              <span>Dislikes: {dislikesCount}</span>
+            )}
+            {(onCommentsClick || onMoreClick) && (
+              <Button
+                type="button"
+                variant="link"
+                size="xs"
+                className="ml-auto"
+                onClick={onCommentsClick || onMoreClick}>
+                {typeof commentsCount !== "undefined"
+                  ? `Comments: ${commentsCount}`
+                  : "Comments →"}
+              </Button>
+            )}
+          </div>
+          {!canInteract && (
+            <p className="mt-2 text-xs text-gray-500 dark:text-gray-400">
+              Войдите, чтобы ставить лайки/дизлайки и комментировать.
+            </p>
+          )}
+        </div>
+      )}
+    </article>
+  );
+});
+
+export default ItemCommonCardView;
diff --git a/src/pages/item/ItemDetailsView.tsx b/src/pages/item/ItemDetailsView.tsx
new file mode 100644
index 0000000..deba6d6
--- /dev/null
+++ b/src/pages/item/ItemDetailsView.tsx
@@ -0,0 +1,271 @@
+import { BackLink } from "@/shared/ui/BackLink";
+import CodeEditor from "@/shared/ui/CodeEditor";
+import QuestionDetailsView from "./question/ui/QuestionDetailsView";
+import SnippetDetailsView from "./snippet/ui/SnippetDetailsView";
+import GenericTextForm from "./ui/GenericTextForm";
+import CommentsListView from "./ui/CommentsListView";
+import { ActionButtons } from "./ui/ActionButtons";
+import { EditPanel } from "./ui/EditPanel";
+import { LoadingSkeleton } from "./ui/LoadingSkeleton";
+import type { ItemState, QuestionState, SnippetState } from "./hooks/itemTypes";
+import type { Answer } from "@/entities/question/types";
+import { EditableAnswerItem } from "./question/ui/EditableAnswerItem";
+import { memo, useMemo, useCallback } from "react";
+import { useAuth } from "@/app/providers/useAuth";
+
+export function ItemDetailsView(props: ItemState) {
+  if (props.loading) return <LoadingSkeleton mode={props.mode} />;
+  if (props.notFound) return <p className="text-gray-500">Не найдено</p>;
+  return props.mode === "question" ? (
+    <QuestionSection state={props as QuestionState} />
+  ) : (
+    <SnippetSection state={props as SnippetState} />
+  );
+}
+
+const QuestionSection = memo(function QuestionSection({
+  state,
+}: {
+  state: QuestionState;
+}) {
+  const { user } = useAuth();
+  const {
+    question,
+    isOwner,
+    isEditing,
+    edit,
+    startEdit,
+    cancelEdit,
+    saveEdit,
+    saving,
+    deleteItem,
+    deleting,
+    answerForm,
+    markCorrect,
+    markIncorrect,
+    markPending,
+    updateAnswer,
+    deleteAnswer,
+  } = state;
+  const answersList = useMemo(() => {
+    if (!question || !Array.isArray(question.answers)) return null;
+    return question.answers.map((a: Answer) => (
+      <EditableAnswerItem
+        key={a.id}
+        answer={a}
+        canMark={isOwner}
+        currentUser={user?.username}
+        onMarkCorrect={() => markCorrect(a.id)}
+        onMarkIncorrect={() => markIncorrect(a.id)}
+        markPending={markPending}
+        onUpdate={(id, content) => updateAnswer(id, content)}
+        onDelete={(id) => deleteAnswer(id)}
+      />
+    ));
+  }, [
+    question,
+    isOwner,
+    user?.username,
+    markCorrect,
+    markIncorrect,
+    markPending,
+    updateAnswer,
+    deleteAnswer,
+  ]);
+
+  return (
+    <div className="space-y-4">
+      <BackLink />
+      {!isEditing && question && (
+        <QuestionDetailsView
+          title={question.title}
+          description={question.description}
+          attachedCode={question.attachedCode}
+          actions={
+            isOwner && (
+              <ActionButtons
+                onEdit={startEdit}
+                onDelete={deleteItem}
+                deleting={deleting}
+              />
+            )
+          }
+        />
+      )}
+      {isEditing && (
+        <EditPanel
+          title="Редактирование вопроса"
+          saving={saving}
+          onSave={saveEdit}
+          onCancel={cancelEdit}>
+          <div className="space-y-1">
+            <label className="block text-xs font-medium">Заголовок</label>
+            <input
+              value={edit.title}
+              onChange={(e) => edit.setTitle(e.target.value)}
+              className="w-full border rounded px-2 py-1 text-sm"
+            />
+          </div>
+          <div className="space-y-1">
+            <label className="block text-xs font-medium">Описание</label>
+            <textarea
+              value={edit.description}
+              onChange={(e) => edit.setDescription(e.target.value)}
+              rows={5}
+              className="w-full border rounded px-2 py-1 text-sm"
+            />
+          </div>
+          <div className="space-y-1">
+            <label className="block text-xs font-medium">Код</label>
+            <CodeEditor value={edit.code} onChange={edit.setCode} />
+          </div>
+        </EditPanel>
+      )}
+      {user ? (
+        answerForm && (
+          <GenericTextForm
+            formSubmit={answerForm.onSubmit}
+            value={answerForm.watch("content") || ""}
+            onChange={(v) =>
+              answerForm.setValue("content", v, { shouldValidate: true })
+            }
+            error={answerForm.formState.errors.content?.message}
+            pending={answerForm.formState.isSubmitting || answerForm.isPending}
+            placeholder="Ваш ответ..."
+            submitLabel="Отправить ответ"
+          />
+        )
+      ) : (
+        <p className="text-sm text-gray-500 dark:text-gray-400">
+          Войдите, чтобы оставить ответ.
+        </p>
+      )}
+      {question && answersList && (
+        <div>
+          <h2 className="text-xl font-semibold mb-2">Ответы</h2>
+          <ul className="space-y-2">{answersList}</ul>
+        </div>
+      )}
+    </div>
+  );
+});
+
+const SnippetSection = memo(function SnippetSection({
+  state,
+}: {
+  state: SnippetState;
+}) {
+  const { user } = useAuth();
+  const {
+    snippet,
+    isOwner,
+    isEditing,
+    edit,
+    startEdit,
+    cancelEdit,
+    saveEdit,
+    saving,
+    deleteItem,
+    deleting,
+    commentForm,
+    updateComment,
+    deleteComment,
+  } = state;
+  const commentsData = useMemo(
+    () =>
+      snippet?.comments?.map((c) => ({
+        id: Number(c.id),
+        content: c.content,
+        user: { username: c.user?.username || "unknown" },
+      })) || [],
+    [snippet?.comments]
+  );
+
+  const handleUpdateComment = useCallback(
+    (cid: number, content: string) => updateComment(cid, content),
+    [updateComment]
+  );
+  const handleDeleteComment = useCallback(
+    (cid: number) => deleteComment(cid),
+    [deleteComment]
+  );
+
+  return (
+    <div className="space-y-4">
+      <BackLink />
+      {!isEditing && snippet && (
+        <SnippetDetailsView
+          id={snippet.id}
+          language={snippet.language}
+          authorName={snippet.user?.username}
+          code={snippet.code}
+          likesCount={snippet.likesCount}
+          dislikesCount={snippet.dislikesCount}
+          commentsCount={snippet.commentsCount}
+          actions={
+            isOwner && (
+              <ActionButtons
+                onEdit={startEdit}
+                onDelete={deleteItem}
+                deleting={deleting}
+              />
+            )
+          }
+        />
+      )}
+      {isEditing && (
+        <EditPanel
+          title="Редактирование сниппета"
+          saving={saving}
+          onSave={saveEdit}
+          onCancel={cancelEdit}>
+          <div className="space-y-2">
+            <label className="block text-xs font-medium">Язык</label>
+            <input
+              value={edit.language}
+              onChange={(e) => edit.setLanguage(e.target.value)}
+              className="w-full border rounded px-2 py-1 text-sm"
+            />
+          </div>
+          <div className="space-y-2">
+            <label className="block text-xs font-medium">Код</label>
+            <CodeEditor
+              value={edit.code}
+              onChange={edit.setCode}
+              language={edit.language}
+            />
+          </div>
+        </EditPanel>
+      )}
+      {user ? (
+        commentForm && (
+          <GenericTextForm
+            value={commentForm.content}
+            onChange={commentForm.setContent}
+            onSubmit={commentForm.submit}
+            pending={commentForm.pending}
+            error={commentForm.error}
+            success={commentForm.ok || undefined}
+            placeholder="Ваш комментарий..."
+            submitLabel="Отправить"
+            header={
+              <h2 className="text-lg font-semibold">Оставить комментарий</h2>
+            }
+          />
+        )
+      ) : (
+        <p className="text-sm text-gray-500 dark:text-gray-400">
+          Войдите, чтобы оставлять комментарии.
+        </p>
+      )}
+      {commentsData.length > 0 && (
+        <CommentsListView
+          comments={commentsData}
+          currentUser={user}
+          onUpdate={handleUpdateComment}
+          onDelete={handleDeleteComment}
+        />
+      )}
+    </div>
+  );
+});
diff --git a/src/pages/item/QuestionDetailsPage.tsx b/src/pages/item/QuestionDetailsPage.tsx
new file mode 100644
index 0000000..1757183
--- /dev/null
+++ b/src/pages/item/QuestionDetailsPage.tsx
@@ -0,0 +1,13 @@
+import { useParams } from "react-router-dom";
+import { useAuth } from "@/app/providers/useAuth";
+import { useQuestionDetails } from "./question";
+import { ItemDetailsView } from "./ItemDetailsView";
+
+export function QuestionDetailsPage() {
+  const { id } = useParams<{ id: string }>();
+  useAuth();
+  const state = useQuestionDetails(id);
+  return <ItemDetailsView {...state} />;
+}
+
+export default QuestionDetailsPage;
diff --git a/src/pages/item/SnippetDetailsPage.tsx b/src/pages/item/SnippetDetailsPage.tsx
new file mode 100644
index 0000000..fa5b8ae
--- /dev/null
+++ b/src/pages/item/SnippetDetailsPage.tsx
@@ -0,0 +1,13 @@
+import { useParams } from "react-router-dom";
+import { useAuth } from "@/app/providers/useAuth";
+import { useSnippetDetails } from "./snippet/useSnippetDetails";
+import { ItemDetailsView } from "./ItemDetailsView";
+
+export function SnippetDetailsPage() {
+  const { id } = useParams<{ id: string }>();
+  useAuth();
+  const state = useSnippetDetails(id);
+  return <ItemDetailsView {...state} />;
+}
+
+export default SnippetDetailsPage;
diff --git a/src/pages/item/hooks/itemTypes.ts b/src/pages/item/hooks/itemTypes.ts
new file mode 100644
index 0000000..b91d10d
--- /dev/null
+++ b/src/pages/item/hooks/itemTypes.ts
@@ -0,0 +1,73 @@
+import type { Answer } from "@/entities/question/types";
+import type { useAnswerForm } from "@/entities/question/hooks";
+import type { useCommentForm } from "@/entities/snippet/hooks";
+
+export type Mode = "question" | "snippet";
+
+export interface BaseState {
+  mode: Mode;
+  loading: boolean;
+  notFound: boolean;
+  error?: string;
+  isOwner: boolean;
+  isEditing: boolean;
+  startEdit(): void;
+  cancelEdit(): void;
+  saveEdit(): Promise<void> | void;
+  saving: boolean;
+  deleteItem(): Promise<void> | void;
+  deleting: boolean;
+}
+
+export interface QuestionState extends BaseState {
+  mode: "question";
+  question?: {
+    title: string;
+    description: string;
+    attachedCode?: string;
+    answers?: Answer[];
+  };
+  edit: {
+    title: string;
+    description: string;
+    code: string;
+    setTitle(v: string): void;
+    setDescription(v: string): void;
+    setCode(v: string): void;
+  };
+  answerForm?: ReturnType<typeof useAnswerForm>;
+  markPending: boolean;
+  markCorrect(id: string | number): void;
+  markIncorrect(id: string | number): void;
+  updateAnswer(id: string | number, content: string): void;
+  deleteAnswer(id: string | number): void;
+}
+
+export interface SnippetState extends BaseState {
+  mode: "snippet";
+  snippet?: {
+    id: number;
+    language: string;
+    code: string;
+    likesCount?: number;
+    dislikesCount?: number;
+    commentsCount?: number;
+    user?: { username?: string };
+    comments?: {
+      id: number | string;
+      content: string;
+      user?: { username?: string };
+    }[];
+  };
+  edit: {
+    language: string;
+    code: string;
+    setLanguage(v: string): void;
+    setCode(v: string): void;
+  };
+  commentForm?: ReturnType<typeof useCommentForm>;
+  updateComment(id: number | string, content: string): void;
+  deleteComment(id: number | string): void;
+}
+
+export type ItemState = QuestionState | SnippetState;
diff --git a/src/pages/item/hooks/useQuestionDetails.ts b/src/pages/item/hooks/useQuestionDetails.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/item/question/index.ts b/src/pages/item/question/index.ts
new file mode 100644
index 0000000..7038310
--- /dev/null
+++ b/src/pages/item/question/index.ts
@@ -0,0 +1 @@
+export * from "./useQuestionDetails";
diff --git a/src/pages/item/question/ui/AnswerItemView.tsx b/src/pages/item/question/ui/AnswerItemView.tsx
new file mode 100644
index 0000000..13ee8eb
--- /dev/null
+++ b/src/pages/item/question/ui/AnswerItemView.tsx
@@ -0,0 +1,88 @@
+import { memo } from "react";
+import { ExpandableText } from "@/shared/ui/ExpandableText";
+import { Button } from "@/shared/ui/Button";
+
+export type AnswerItemViewProps = {
+  content: string;
+  isCorrect?: boolean;
+  canMark?: boolean;
+  onMarkCorrect?: () => void;
+  onMarkIncorrect?: () => void;
+  pending?: boolean;
+  canEdit?: boolean;
+  onEdit?: () => void;
+  onDelete?: () => void;
+};
+
+export const AnswerItemView = memo(function AnswerItemView({
+  content,
+  isCorrect,
+  canMark,
+  onMarkCorrect,
+  onMarkIncorrect,
+  pending,
+  canEdit,
+  onEdit,
+  onDelete,
+}: AnswerItemViewProps) {
+  const itemBase = "border rounded p-2 text-sm transition-colors";
+  const itemNormal =
+    "bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700";
+  const itemCorrect =
+    "bg-green-50 border-green-400 dark:bg-green-900/30 dark:border-green-500";
+  return (
+    <li className={`${itemBase} ${isCorrect ? itemCorrect : itemNormal}`}>
+      <div className="flex items-start justify-between gap-2">
+        <ExpandableText
+          text={content}
+          mode="toggle"
+          moreLabel="Показать весь"
+          lessLabel="Показать меньше"
+          className="flex-1"
+          maxHeight={120}
+        />
+        <div className="flex items-center gap-2 flex-wrap justify-end">
+          {isCorrect && (
+            <span className="text-green-700 dark:text-green-400 text-xs font-medium">
+              Верный ответ
+            </span>
+          )}
+          {canMark &&
+            (isCorrect ? (
+              <Button
+                type="button"
+                onClick={onMarkIncorrect}
+                disabled={!!pending}
+                size="xs">
+                Снять метку
+              </Button>
+            ) : (
+              <Button
+                type="button"
+                onClick={onMarkCorrect}
+                disabled={!!pending}
+                size="xs">
+                Пометить как верный
+              </Button>
+            ))}
+          {canEdit && (
+            <>
+              <Button type="button" onClick={onEdit} size="xs">
+                Изм.
+              </Button>
+              <Button
+                type="button"
+                onClick={onDelete}
+                size="xs"
+                variant="danger">
+                Удал.
+              </Button>
+            </>
+          )}
+        </div>
+      </div>
+    </li>
+  );
+});
+
+export default AnswerItemView;
diff --git a/src/pages/item/question/ui/EditableAnswerItem.tsx b/src/pages/item/question/ui/EditableAnswerItem.tsx
new file mode 100644
index 0000000..fc0b663
--- /dev/null
+++ b/src/pages/item/question/ui/EditableAnswerItem.tsx
@@ -0,0 +1,79 @@
+import { memo, useState } from "react";
+import type { Answer } from "@/entities/question/types";
+import AnswerItemView from "./AnswerItemView";
+
+interface EditableAnswerItemProps {
+  answer: Answer;
+  canMark: boolean;
+  currentUser?: string;
+  onMarkCorrect: () => void;
+  onMarkIncorrect: () => void;
+  markPending: boolean;
+  onUpdate: (id: string | number, content: string) => void;
+  onDelete: (id: string | number) => void;
+}
+
+export const EditableAnswerItem = memo(function EditableAnswerItem({
+  answer,
+  canMark,
+  currentUser,
+  onMarkCorrect,
+  onMarkIncorrect,
+  markPending,
+  onUpdate,
+  onDelete,
+}: EditableAnswerItemProps) {
+  const [editing, setEditing] = useState(false);
+  const [value, setValue] = useState(answer.content);
+  const answerUser = ((): string | undefined => {
+    const anyAnswer = answer as unknown as { user?: { username?: string } };
+    return anyAnswer.user?.username;
+  })();
+  const isOwner = !!currentUser && answerUser === currentUser;
+  const save = () => {
+    onUpdate(answer.id, value);
+    setEditing(false);
+  };
+  return (
+    <div>
+      <AnswerItemView
+        content={editing ? value : answer.content}
+        isCorrect={answer.isCorrect}
+        canMark={canMark}
+        pending={markPending}
+        onMarkCorrect={onMarkCorrect}
+        onMarkIncorrect={onMarkIncorrect}
+        canEdit={isOwner}
+        onEdit={() => setEditing(true)}
+        onDelete={() => onDelete(answer.id)}
+      />
+      {editing && (
+        <div className="mt-2 space-y-2 border rounded p-2">
+          <textarea
+            value={value}
+            onChange={(e) => setValue(e.target.value)}
+            rows={4}
+            className="w-full border rounded px-2 py-1 text-sm"
+          />
+          <div className="flex gap-2">
+            <button
+              onClick={save}
+              className="text-xs px-2 py-1 rounded bg-blue-600 text-white">
+              Сохранить
+            </button>
+            <button
+              onClick={() => {
+                setValue(answer.content);
+                setEditing(false);
+              }}
+              className="text-xs px-2 py-1 rounded border">
+              Отмена
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+});
+
+export default EditableAnswerItem;
diff --git a/src/pages/item/question/ui/QuestionDetailsView.tsx b/src/pages/item/question/ui/QuestionDetailsView.tsx
new file mode 100644
index 0000000..5eb773b
--- /dev/null
+++ b/src/pages/item/question/ui/QuestionDetailsView.tsx
@@ -0,0 +1,31 @@
+import { memo } from "react";
+import { CodeBlock } from "@/shared/ui/CodeBlock";
+
+export type QuestionDetailsViewProps = {
+  title: string;
+  description: string;
+  attachedCode?: string;
+  actions?: React.ReactNode;
+};
+
+export const QuestionDetailsView = memo(function QuestionDetailsView({
+  title,
+  description,
+  attachedCode,
+  actions,
+}: QuestionDetailsViewProps) {
+  return (
+    <div className="space-y-2">
+      <div className="flex items-start justify-between gap-4">
+        <h1 className="text-2xl font-semibold flex-1 break-words">{title}</h1>
+        {actions && <div className="flex items-center gap-2">{actions}</div>}
+      </div>
+      <p className="text-gray-700 dark:text-gray-300 whitespace-pre-wrap">
+        {description}
+      </p>
+      {attachedCode && <CodeBlock code={attachedCode} />}
+    </div>
+  );
+});
+
+export default QuestionDetailsView;
diff --git a/src/pages/item/question/useQuestionDetails.ts b/src/pages/item/question/useQuestionDetails.ts
new file mode 100644
index 0000000..4c1be97
--- /dev/null
+++ b/src/pages/item/question/useQuestionDetails.ts
@@ -0,0 +1,148 @@
+import { useState, useMemo } from "react";
+import { useNavigate } from "react-router-dom";
+import {
+  useQuestion,
+  useUpdateQuestion,
+  useDeleteQuestion,
+  useSetAnswerState,
+  useUpdateAnswer,
+  useDeleteAnswer,
+} from "@/entities/question/api";
+import { useAnswerForm, useQuestionOwnership } from "@/entities/question/hooks";
+import {
+  useQuestionAnswers,
+  emitAnswerUpdate,
+  emitAnswerDelete,
+} from "@/shared/socket";
+import type { QuestionState } from "../hooks/itemTypes";
+import { emitNotification } from "@/shared/notifications";
+import { deriveEntityAccessState } from "../utils/queryErrorState";
+
+export function useQuestionDetails(id?: string): QuestionState {
+  const navigate = useNavigate();
+  const query = useQuestion(id);
+  const { data: questionData, status } = query;
+  useQuestionAnswers(id);
+  const answerForm = useAnswerForm(id || "0");
+  const isOwner = useQuestionOwnership(questionData);
+  const setAnswerStateMut = useSetAnswerState(id || "0");
+  const updateAnswerMut = useUpdateAnswer(id || "0");
+  const deleteAnswerMut = useDeleteAnswer(id || "0");
+  const updateQuestionMut = useUpdateQuestion(id || "0");
+  const deleteQuestionMut = useDeleteQuestion(id || "0");
+
+  const [isEditing, setIsEditing] = useState(false);
+  const [editTitle, setEditTitle] = useState("");
+  const [editDescription, setEditDescription] = useState("");
+  const [editQCode, setEditQCode] = useState("");
+
+  const startEdit = () => {
+    if (questionData) {
+      setEditTitle(questionData.title);
+      setEditDescription(questionData.description);
+      setEditQCode(questionData.attachedCode || "");
+    }
+    setIsEditing(true);
+  };
+
+  const cancelEdit = () => setIsEditing(false);
+
+  const loading = status === "pending";
+  const { notFound, forbidden } = deriveEntityAccessState(query);
+  if (forbidden) {
+    emitNotification({
+      type: "error",
+      message: "Нет прав для просмотра вопроса",
+    });
+  }
+
+  const mappedQuestion = useMemo(
+    () =>
+      questionData
+        ? {
+            title: questionData.title,
+            description: questionData.description,
+            attachedCode: questionData.attachedCode,
+            answers: questionData.answers,
+          }
+        : undefined,
+    [questionData]
+  );
+
+  return {
+    mode: "question",
+    loading,
+    notFound,
+    error: forbidden ? "Недостаточно прав" : undefined,
+    isOwner,
+    isEditing,
+    startEdit,
+    cancelEdit,
+    saveEdit: async () => {
+      try {
+        await updateQuestionMut.mutateAsync({
+          title: editTitle,
+          description: editDescription,
+          attachedCode: editQCode,
+        });
+        setIsEditing(false);
+      } catch {
+        emitNotification({
+          type: "error",
+          message: "Не удалось сохранить изменения",
+        });
+      }
+    },
+    saving: updateQuestionMut.isPending,
+    deleteItem: async () => {
+      if (!confirm("Удалить вопрос?")) return;
+      try {
+        await deleteQuestionMut.mutateAsync();
+        navigate("/my?mode=questions");
+      } catch {
+        emitNotification({
+          type: "error",
+          message: "Не удалось удалить вопрос",
+        });
+      }
+    },
+    deleting: deleteQuestionMut.isPending,
+    question: mappedQuestion,
+    edit: {
+      title: editTitle,
+      description: editDescription,
+      code: editQCode,
+      setTitle: setEditTitle,
+      setDescription: setEditDescription,
+      setCode: setEditQCode,
+    },
+    answerForm,
+    markPending: setAnswerStateMut.isPending,
+    markCorrect: (answerId: string | number) => {
+      if (!isOwner) return;
+      setAnswerStateMut.mutate({ answerId, state: "correct" });
+    },
+    markIncorrect: (answerId: string | number) => {
+      if (!isOwner) return;
+      setAnswerStateMut.mutate({ answerId, state: "incorrect" });
+    },
+    updateAnswer: (answerId: string | number, content: string) =>
+      updateAnswerMut.mutate(
+        { answerId, content },
+        {
+          onSuccess: () =>
+            emitAnswerUpdate({
+              questionId: id || "0",
+              answerId,
+              content,
+            }),
+        }
+      ),
+    deleteAnswer: (answerId: string | number) =>
+      deleteAnswerMut.mutate(answerId, {
+        onSuccess: () => emitAnswerDelete({ questionId: id || "0", answerId }),
+      }),
+  } as const;
+}
+
+export default useQuestionDetails;
diff --git a/src/pages/item/snippet/ui/SnippetDetailsView.tsx b/src/pages/item/snippet/ui/SnippetDetailsView.tsx
new file mode 100644
index 0000000..cf65dd8
--- /dev/null
+++ b/src/pages/item/snippet/ui/SnippetDetailsView.tsx
@@ -0,0 +1,56 @@
+import { memo } from "react";
+import { CodeBlock } from "@/shared/ui/CodeBlock";
+import Avatar from "@/shared/ui/Avatar";
+
+export type SnippetDetailsViewProps = {
+  id: number;
+  language?: string;
+  authorName?: string;
+  code: string;
+  likesCount?: number;
+  dislikesCount?: number;
+  commentsCount?: number;
+  actions?: React.ReactNode;
+};
+
+export const SnippetDetailsView = memo(function SnippetDetailsView({
+  id,
+  language,
+  authorName,
+  code,
+  likesCount,
+  dislikesCount,
+  commentsCount,
+  actions,
+}: SnippetDetailsViewProps) {
+  return (
+    <div className="space-y-3">
+      <div className="flex items-center justify-between">
+        <h1 className="text-2xl font-semibold">Сниппет #{id}</h1>
+        {actions && <div className="flex items-center gap-2">{actions}</div>}
+        {language && (
+          <span className="inline-flex items-center rounded bg-gray-100 dark:bg-neutral-700 px-2 py-0.5 text-xs font-medium text-gray-700 dark:text-gray-200">
+            {language}
+          </span>
+        )}
+      </div>
+      {authorName && (
+        <p className="text-sm text-gray-500 dark:text-gray-400 flex items-center gap-2">
+          Автор: <Avatar username={authorName} size={18} /> @{authorName}
+        </p>
+      )}
+      <CodeBlock code={code} language={language} />
+      <div className="flex items-center gap-4 text-xs text-gray-500 dark:text-gray-400">
+        {typeof likesCount !== "undefined" && <span>Likes: {likesCount}</span>}
+        {typeof dislikesCount !== "undefined" && (
+          <span>Dislikes: {dislikesCount}</span>
+        )}
+        {typeof commentsCount !== "undefined" && (
+          <span>Comments: {commentsCount}</span>
+        )}
+      </div>
+    </div>
+  );
+});
+
+export default SnippetDetailsView;
diff --git a/src/pages/item/snippet/useSnippetDetails.ts b/src/pages/item/snippet/useSnippetDetails.ts
new file mode 100644
index 0000000..24953be
--- /dev/null
+++ b/src/pages/item/snippet/useSnippetDetails.ts
@@ -0,0 +1,142 @@
+import { useState, useMemo } from "react";
+import { useNavigate } from "react-router-dom";
+import {
+  useSnippet,
+  useUpdateSnippet,
+  useDeleteSnippet,
+  useUpdateComment,
+  useDeleteComment,
+} from "@/entities/snippet/api";
+import { useCommentForm, useSnippetOwnership } from "@/entities/snippet/hooks";
+import {
+  useSnippetComments,
+  emitSnippetCommentUpdate,
+  emitSnippetCommentDelete,
+} from "@/shared/socket";
+import type { SnippetState } from "../hooks/itemTypes";
+import { emitNotification } from "@/shared/notifications";
+import { deriveEntityAccessState } from "../utils/queryErrorState";
+
+export function useSnippetDetails(rawId?: string): SnippetState {
+  const navigate = useNavigate();
+  const numericId = Number(rawId);
+  const validId = Number.isFinite(numericId) ? numericId : undefined;
+  const query = useSnippet(validId);
+  const { data: snippetData, status } = query;
+  useSnippetComments(validId);
+  const isOwner = useSnippetOwnership(snippetData);
+  const updateSnippetMut = useUpdateSnippet(numericId || 0);
+  const deleteSnippetMut = useDeleteSnippet(numericId || 0);
+  const updateCommentMut = useUpdateComment(numericId || 0);
+  const deleteCommentMut = useDeleteComment(numericId || 0);
+  const commentForm = useCommentForm(numericId || 0);
+
+  const [isEditing, setIsEditing] = useState(false);
+  const [editLanguage, setEditLanguage] = useState("");
+  const [editCode, setEditCode] = useState("");
+
+  const startEdit = () => {
+    if (snippetData) {
+      setEditLanguage(snippetData.language);
+      setEditCode(snippetData.code);
+    }
+    setIsEditing(true);
+  };
+  const cancelEdit = () => setIsEditing(false);
+
+  const loading = status === "pending";
+  const { notFound, forbidden } = deriveEntityAccessState(query);
+  if (forbidden) {
+    emitNotification({
+      type: "error",
+      message: "Нет прав для просмотра сниппета",
+    });
+  }
+
+  const mappedSnippet = useMemo(
+    () =>
+      snippetData
+        ? {
+            id: snippetData.id,
+            language: snippetData.language,
+            code: snippetData.code,
+            user: { username: snippetData.user?.username },
+            likesCount: snippetData.likesCount,
+            dislikesCount: snippetData.dislikesCount,
+            commentsCount: snippetData.commentsCount,
+            comments: snippetData.comments?.map((c) => ({
+              id: Number(c.id),
+              content: c.content,
+              user: { username: c.user.username },
+            })),
+          }
+        : undefined,
+    [snippetData]
+  );
+
+  return {
+    mode: "snippet",
+    loading,
+    notFound,
+    error: forbidden ? "Недостаточно прав" : undefined,
+    isOwner,
+    isEditing,
+    startEdit,
+    cancelEdit,
+    saveEdit: async () => {
+      try {
+        await updateSnippetMut.mutateAsync({
+          language: editLanguage,
+          code: editCode,
+        });
+        setIsEditing(false);
+      } catch {
+        emitNotification({
+          type: "error",
+          message: "Не удалось сохранить изменения",
+        });
+      }
+    },
+    saving: updateSnippetMut.isPending,
+    deleteItem: async () => {
+      if (!confirm("Удалить сниппет?")) return;
+      try {
+        await deleteSnippetMut.mutateAsync();
+        navigate("/my?mode=snippets");
+      } catch {
+        emitNotification({
+          type: "error",
+          message: "Не удалось удалить сниппет",
+        });
+      }
+    },
+    deleting: deleteSnippetMut.isPending,
+    snippet: mappedSnippet,
+    edit: {
+      language: editLanguage,
+      code: editCode,
+      setLanguage: setEditLanguage,
+      setCode: setEditCode,
+    },
+    commentForm,
+    updateComment: (id: number | string, content: string) =>
+      updateCommentMut.mutate(
+        { id: Number(id), content },
+        {
+          onSuccess: () =>
+            emitSnippetCommentUpdate({
+              snippetId: numericId || 0,
+              id,
+              content,
+            }),
+        }
+      ),
+    deleteComment: (id: number | string) =>
+      deleteCommentMut.mutate(Number(id), {
+        onSuccess: () =>
+          emitSnippetCommentDelete({ snippetId: numericId || 0, id }),
+      }),
+  } as const;
+}
+
+export default useSnippetDetails;
diff --git a/src/pages/item/ui/ActionButtons.tsx b/src/pages/item/ui/ActionButtons.tsx
new file mode 100644
index 0000000..745f3a3
--- /dev/null
+++ b/src/pages/item/ui/ActionButtons.tsx
@@ -0,0 +1,27 @@
+import { memo } from "react";
+import { Button } from "@/shared/ui/Button";
+
+interface ActionButtonsProps {
+  onEdit(): void;
+  onDelete(): void;
+  deleting?: boolean;
+}
+
+export const ActionButtons = memo(function ActionButtons({
+  onEdit,
+  onDelete,
+  deleting,
+}: ActionButtonsProps) {
+  return (
+    <div className="flex gap-2">
+      <Button onClick={onEdit} size="xs">
+        Редактировать
+      </Button>
+      <Button onClick={onDelete} disabled={deleting} variant="danger" size="xs">
+        {deleting ? "Удаление..." : "Удалить"}
+      </Button>
+    </div>
+  );
+});
+
+export default ActionButtons;
diff --git a/src/pages/item/ui/AnswerFormView.tsx b/src/pages/item/ui/AnswerFormView.tsx
new file mode 100644
index 0000000..840ba9e
--- /dev/null
+++ b/src/pages/item/ui/AnswerFormView.tsx
@@ -0,0 +1,34 @@
+import { memo } from "react";
+
+export type AnswerFormViewProps = {
+  textareaProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+  error?: string;
+  disabled?: boolean;
+  onSubmit: React.FormEventHandler<HTMLFormElement>;
+};
+
+export const AnswerFormView = memo(function AnswerFormView({
+  textareaProps,
+  error,
+  disabled,
+  onSubmit,
+}: AnswerFormViewProps) {
+  return (
+    <form className="space-y-2" onSubmit={onSubmit}>
+      <textarea
+        className="w-full border rounded p-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+        rows={4}
+        placeholder="Ваш ответ..."
+        {...textareaProps}
+      />
+      {error && <p className="text-xs text-red-600">{error}</p>}
+      <button
+        disabled={!!disabled}
+        className="px-3 py-2 border rounded disabled:opacity-50 bg-white dark:bg-neutral-800">
+        Отправить ответ
+      </button>
+    </form>
+  );
+});
+
+export default AnswerFormView;
diff --git a/src/pages/item/ui/CommentFormView.tsx b/src/pages/item/ui/CommentFormView.tsx
new file mode 100644
index 0000000..5cd5298
--- /dev/null
+++ b/src/pages/item/ui/CommentFormView.tsx
@@ -0,0 +1,45 @@
+import { memo } from "react";
+
+export type CommentFormViewProps = {
+  content: string;
+  onChange: (v: string) => void;
+  onSubmit: () => void;
+  pending?: boolean;
+  error?: string | null;
+  ok?: string | null;
+};
+
+export const CommentFormView = memo(function CommentFormView({
+  content,
+  onChange,
+  onSubmit,
+  pending,
+  error,
+  ok,
+}: CommentFormViewProps) {
+  return (
+    <div className="space-y-2 ">
+      <h2 className="text-lg font-semibold">Оставить комментарий</h2>
+      <textarea
+        value={content}
+        onChange={(e) => onChange(e.target.value)}
+        rows={4}
+        className="w-full rounded border p-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+        placeholder="Ваш комментарий..."
+      />
+      <div className="flex items-center gap-2">
+        <button
+          type="button"
+          onClick={onSubmit}
+          disabled={!content.trim() || !!pending}
+          className="px-3 py-1.5 border rounded disabled:opacity-50">
+          Отправить
+        </button>
+        {error && <span className="text-red-500 text-sm">{error}</span>}
+        {ok && <span className="text-green-600 text-sm">{ok}</span>}
+      </div>
+    </div>
+  );
+});
+
+export default CommentFormView;
diff --git a/src/pages/item/ui/CommentsListView.tsx b/src/pages/item/ui/CommentsListView.tsx
new file mode 100644
index 0000000..dcd2e6c
--- /dev/null
+++ b/src/pages/item/ui/CommentsListView.tsx
@@ -0,0 +1,113 @@
+import { memo, useState } from "react";
+import Avatar from "@/shared/ui/Avatar";
+import { Button } from "@/shared/ui/Button";
+
+export type Comment = {
+  id: number;
+  content: string;
+  user: { username: string };
+};
+
+export type CommentsListViewProps = {
+  comments: Comment[];
+  currentUser?: { username: string } | null;
+  onUpdate?: (id: number, content: string) => void;
+  onDelete?: (id: number) => void;
+};
+
+export const CommentsListView = memo(function CommentsListView({
+  comments,
+  currentUser,
+  onUpdate,
+  onDelete,
+}: CommentsListViewProps) {
+  if (!comments.length) return null;
+  return (
+    <div className="space-y-2">
+      <h2 className="text-lg font-semibold">Комментарии</h2>
+      <ul className="space-y-2">
+        {comments.map((c) => (
+          <CommentItem
+            key={c.id}
+            comment={c}
+            isOwner={currentUser?.username === c.user.username}
+            onUpdate={onUpdate}
+            onDelete={onDelete}
+          />
+        ))}
+      </ul>
+    </div>
+  );
+});
+
+const CommentItem = memo(function CommentItem({
+  comment,
+  isOwner,
+  onUpdate,
+  onDelete,
+}: {
+  comment: Comment;
+  isOwner: boolean;
+  onUpdate?: (id: number, content: string) => void;
+  onDelete?: (id: number) => void;
+}) {
+  const [editing, setEditing] = useState(false);
+  const [value, setValue] = useState(comment.content);
+  const save = () => {
+    if (!onUpdate) return;
+    onUpdate(comment.id, value);
+    setEditing(false);
+  };
+  const del = () => {
+    if (!onDelete) return;
+    if (confirm("Удалить комментарий?")) onDelete(comment.id);
+  };
+  return (
+    <li className="border rounded p-2 bg-white dark:bg-neutral-800">
+      <div className="flex items-start justify-between gap-2 mb-1">
+        <div className="text-xs text-gray-500 flex items-center gap-2">
+          <Avatar username={comment.user.username} size={16} /> @
+          {comment.user.username}
+        </div>
+        {isOwner && !editing && (
+          <div className="flex gap-1">
+            <Button onClick={() => setEditing(true)} size="xs">
+              Изм.
+            </Button>
+            <Button onClick={del} size="xs" variant="danger">
+              Удал.
+            </Button>
+          </div>
+        )}
+      </div>
+      {!editing && (
+        <div className="text-sm whitespace-pre-wrap">{comment.content}</div>
+      )}
+      {editing && (
+        <div className="space-y-2">
+          <textarea
+            value={value}
+            onChange={(e) => setValue(e.target.value)}
+            rows={3}
+            className="w-full border rounded px-2 py-1 text-sm"
+          />
+          <div className="flex gap-2">
+            <Button onClick={save} size="xs" variant="primary">
+              Сохранить
+            </Button>
+            <Button
+              onClick={() => {
+                setValue(comment.content);
+                setEditing(false);
+              }}
+              size="xs">
+              Отмена
+            </Button>
+          </div>
+        </div>
+      )}
+    </li>
+  );
+});
+
+export default CommentsListView;
diff --git a/src/pages/item/ui/EditPanel.tsx b/src/pages/item/ui/EditPanel.tsx
new file mode 100644
index 0000000..dc0bac0
--- /dev/null
+++ b/src/pages/item/ui/EditPanel.tsx
@@ -0,0 +1,43 @@
+import type { ReactNode } from "react";
+import { Button } from "@/shared/ui/Button";
+
+interface EditPanelProps {
+  title: string;
+  saving?: boolean;
+  onSave(): void | Promise<void>;
+  onCancel(): void;
+  children: ReactNode;
+  saveText?: string;
+  savingText?: string;
+}
+
+export function EditPanel({
+  title,
+  saving,
+  onSave,
+  onCancel,
+  children,
+  saveText = "Сохранить",
+  savingText = "Сохранение...",
+}: EditPanelProps) {
+  return (
+    <div className="space-y-3 border rounded p-3">
+      <h1 className="text-xl font-semibold">{title}</h1>
+      {children}
+      <div className="flex gap-2">
+        <Button
+          onClick={() => onSave()}
+          variant="primary"
+          size="sm"
+          loading={saving}>
+          {saving ? savingText : saveText}
+        </Button>
+        <Button onClick={onCancel} size="sm">
+          Отмена
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default EditPanel;
diff --git a/src/pages/item/ui/GenericTextForm.tsx b/src/pages/item/ui/GenericTextForm.tsx
new file mode 100644
index 0000000..d580981
--- /dev/null
+++ b/src/pages/item/ui/GenericTextForm.tsx
@@ -0,0 +1,103 @@
+import type {
+  ReactNode,
+  TextareaHTMLAttributes,
+  FormEventHandler,
+} from "react";
+import { memo } from "react";
+
+type UncontrolledProps = {
+  textareaProps: TextareaHTMLAttributes<HTMLTextAreaElement>;
+  value?: never;
+  onChange?: never;
+};
+
+type ControlledProps = {
+  value: string;
+  onChange(v: string): void;
+  textareaProps?: never;
+};
+
+export type GenericTextFormProps = (UncontrolledProps | ControlledProps) & {
+  placeholder?: string;
+  submitLabel?: string;
+  pending?: boolean;
+  error?: string | null;
+  success?: string | null;
+  onSubmit?: () => void; // для контролируемого варианта
+  formSubmit?: FormEventHandler<HTMLFormElement>; // для варианта с form + react-hook-form
+  header?: ReactNode;
+  disableIfEmpty?: boolean;
+  rows?: number;
+  className?: string;
+};
+
+export const GenericTextForm = memo(function GenericTextForm(
+  props: GenericTextFormProps
+) {
+  const {
+    placeholder = "",
+    submitLabel = "Отправить",
+    pending,
+    error,
+    success,
+    header,
+    disableIfEmpty = true,
+    rows = 4,
+    className = "space-y-2",
+  } = props;
+
+  const contentValue =
+    "value" in props
+      ? props.value
+      : props.textareaProps && "value" in props.textareaProps
+      ? (props.textareaProps as TextareaHTMLAttributes<HTMLTextAreaElement>)
+          .value
+      : undefined;
+  const isEmpty =
+    disableIfEmpty && (!contentValue || !String(contentValue).trim());
+  const buttonDisabled = !!pending || (disableIfEmpty && isEmpty);
+
+  const textarea = (
+    <textarea
+      rows={rows}
+      placeholder={placeholder}
+      className="w-full border rounded p-2 bg-white text-black dark:bg-neutral-800 dark:text-white"
+      {...("value" in props
+        ? {
+            value: props.value,
+            onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) =>
+              props.onChange && props.onChange(e.target.value),
+          }
+        : props.textareaProps)}
+    />
+  );
+
+  const body = (
+    <>
+      {header}
+      {textarea}
+      <div className="flex items-center gap-2">
+        <button
+          type={props.formSubmit ? "submit" : "button"}
+          onClick={props.formSubmit ? undefined : props.onSubmit}
+          disabled={buttonDisabled}
+          className="px-3 py-1.5 border rounded disabled:opacity-50 bg-white dark:bg-neutral-800">
+          {pending ? "..." : submitLabel}
+        </button>
+        {error && <span className="text-red-500 text-sm">{error}</span>}
+        {success && <span className="text-green-600 text-sm">{success}</span>}
+      </div>
+    </>
+  );
+
+  if (props.formSubmit) {
+    return (
+      <form className={className} onSubmit={props.formSubmit}>
+        {body}
+      </form>
+    );
+  }
+  return <div className={className}>{body}</div>;
+});
+
+export default GenericTextForm;
diff --git a/src/pages/item/ui/LoadingSkeleton.tsx b/src/pages/item/ui/LoadingSkeleton.tsx
new file mode 100644
index 0000000..3b4faf3
--- /dev/null
+++ b/src/pages/item/ui/LoadingSkeleton.tsx
@@ -0,0 +1,30 @@
+import { BackLink } from "@/shared/ui/BackLink";
+import { Skeleton } from "@/shared/ui/Skeleton";
+
+interface LoadingSkeletonProps {
+  mode: string;
+}
+
+export function LoadingSkeleton({ mode }: LoadingSkeletonProps) {
+  const config =
+    mode === "question"
+      ? [{ w: 240, h: 28 }, { h: 80 }, { h: 180 }]
+      : [{ w: 180, h: 28 }, { h: 80 }, { h: 220 }];
+  return (
+    <div className="space-y-4">
+      <BackLink />
+      <div className="space-y-3">
+        {config.map((b, i) => (
+          <Skeleton
+            key={i}
+            width={b.w}
+            height={b.h}
+            className={b.h && b.h > 30 ? "rounded" : undefined}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+export default LoadingSkeleton;
diff --git a/src/pages/item/utils/queryErrorState.ts b/src/pages/item/utils/queryErrorState.ts
new file mode 100644
index 0000000..73008cc
--- /dev/null
+++ b/src/pages/item/utils/queryErrorState.ts
@@ -0,0 +1,14 @@
+import type { QueryObserverResult } from "@tanstack/react-query";
+
+// Универсальный helper для извлечения признаков notFound / forbidden из query result
+// Основан на нашем AppError (error?.kind) + эвристике: success без data => notFound
+export function deriveEntityAccessState<T>(
+  result: Pick<QueryObserverResult<T>, "status" | "data" | "error">
+) {
+  const { status, data, error } = result;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const kind = (error as any)?.kind as string | undefined;
+  const notFound = (status === "success" && !data) || kind === "not_found";
+  const forbidden = kind === "forbidden";
+  return { notFound, forbidden } as const;
+}
diff --git a/src/pages/my/MyItemsPage.tsx b/src/pages/my/MyItemsPage.tsx
new file mode 100644
index 0000000..12dfc7f
--- /dev/null
+++ b/src/pages/my/MyItemsPage.tsx
@@ -0,0 +1,140 @@
+import { useEffect, useMemo, useState } from "react";
+import { useSearchParams, useNavigate } from "react-router-dom";
+import { useWindowVirtualizer } from "@tanstack/react-virtual";
+import { useAuth } from "@/app/providers/useAuth";
+import { useQuestions } from "@/entities/question/api";
+import { useSnippets } from "@/entities/snippet/api";
+import type { Question } from "@/entities/question/types";
+import type { Snippet } from "@/entities/snippet/types";
+import { ItemCard } from "@/pages/home/ItemCard";
+import HomePageView from "@/pages/home/ui/HomePageView";
+
+// Объединённая страница: Мои вопросы / Мои сниппеты
+export default function MyItemsPage() {
+  const { user } = useAuth();
+  const userId = user?.id;
+  const navigate = useNavigate();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const initialMode = (
+    searchParams.get("mode") === "snippets" ? "snippets" : "questions"
+  ) as "questions" | "snippets";
+  const [mode, setMode] = useState<"questions" | "snippets">(initialMode);
+
+  // Queries
+  const qQuestions = useQuestions({
+    enabled: mode === "questions" && !!userId,
+  });
+  const qSnippets = useSnippets({
+    userId: userId as number | undefined,
+    enabled: mode === "snippets" && !!userId,
+  });
+
+  const myQuestions = useMemo(() => {
+    const all = qQuestions.data?.pages.flatMap((p) => p.data) ?? [];
+    return all.filter((qu) => String(qu.user.id) === String(userId));
+  }, [qQuestions.data?.pages, userId]) as Question[];
+  const mySnippets = (qSnippets.data?.pages.flatMap((p) => p.data) ??
+    []) as Snippet[];
+
+  const isQuestions = mode === "questions";
+  const items = (isQuestions ? myQuestions : mySnippets) as (
+    | Question
+    | Snippet
+  )[];
+
+  const fetchNextPage = isQuestions
+    ? qQuestions.fetchNextPage
+    : qSnippets.fetchNextPage;
+  const hasNextPage = isQuestions
+    ? qQuestions.hasNextPage
+    : qSnippets.hasNextPage;
+  const isFetchingNextPage = isQuestions
+    ? qQuestions.isFetchingNextPage
+    : qSnippets.isFetchingNextPage;
+  const status = isQuestions ? qQuestions.status : qSnippets.status;
+
+  const rowVirtualizer = useWindowVirtualizer({
+    count: items.length,
+    estimateSize: () => 220,
+    overscan: 6,
+  });
+  const virtualItems = rowVirtualizer.getVirtualItems();
+
+  // sync URL with mode
+  useEffect(() => {
+    const current = searchParams.get("mode");
+    if (current !== mode) {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set("mode", mode);
+          return next;
+        },
+        { replace: true }
+      );
+    }
+  }, [mode, searchParams, setSearchParams]);
+
+  // infinite scroll
+  useEffect(() => {
+    if (!hasNextPage || isFetchingNextPage || items.length === 0) return;
+    const last = virtualItems[virtualItems.length - 1];
+    if (last && last.index >= items.length - 1) {
+      void fetchNextPage();
+    }
+  }, [
+    virtualItems,
+    hasNextPage,
+    isFetchingNextPage,
+    items.length,
+    fetchNextPage,
+  ]);
+
+  const rows = virtualItems.map((v) => {
+    const item = items[v.index];
+    const key = (item && (item as Question | Snippet).id) ?? v.index;
+    const content = isQuestions ? (
+      (item as Question) ? (
+        <ItemCard
+          type="question"
+          item={item as Question}
+          onMoreClick={() =>
+            navigate(`/questions/${(item as Question).id}`, {
+              state: { fromMode: "my-questions" },
+            })
+          }
+        />
+      ) : null
+    ) : (item as Snippet) ? (
+      <ItemCard
+        type="snippet"
+        item={item as Snippet}
+        onCommentsClick={() =>
+          navigate(`/snippets/${(item as Snippet).id}`, {
+            state: { fromMode: "my-snippets" },
+          })
+        }
+      />
+    ) : null;
+    return {
+      key,
+      start: v.start,
+      index: v.index,
+      ref: rowVirtualizer.measureElement,
+      content,
+    };
+  });
+
+  return (
+    <HomePageView
+      title={isQuestions ? "Мои вопросы" : "Мои сниппеты"}
+      mode={mode}
+      onModeChange={setMode}
+      status={status}
+      hasItems={items.length > 0}
+      containerHeight={rowVirtualizer.getTotalSize()}
+      rows={rows}
+      isFetchingNextPage={isFetchingNextPage}
+    />
+  );
+}
diff --git a/src/shared/api/app-error.ts b/src/shared/api/app-error.ts
new file mode 100644
index 0000000..4691fd6
--- /dev/null
+++ b/src/shared/api/app-error.ts
@@ -0,0 +1,141 @@
+// Централизованная модель ошибок приложения
+// Позволяет единообразно классифицировать и отображать ошибки
+
+export type ErrorKind =
+  | "auth"
+  | "forbidden"
+  | "not_found"
+  | "conflict"
+  | "validation"
+  | "rate_limit"
+  | "timeout"
+  | "network"
+  | "server"
+  | "unknown";
+
+export interface AppError {
+  kind: ErrorKind;
+  status?: number;
+  message: string;
+  details?: Record<string, string> | Array<{ field: string; message: string }>;
+  raw?: unknown;
+}
+
+// Человекочитаемые дефолтные сообщения
+const DEFAULT_MESSAGES: Record<ErrorKind, string> = {
+  auth: "Нужна авторизация",
+  forbidden: "Недостаточно прав",
+  not_found: "Не найдено",
+  conflict: "Уже существует",
+  validation: "Исправьте ошибки в форме",
+  rate_limit: "Слишком много запросов, попробуйте позже",
+  timeout: "Сервер не ответил вовремя",
+  network: "Нет соединения с сетью",
+  server: "Внутренняя ошибка сервера",
+  unknown: "Непредвиденная ошибка",
+};
+
+export function classifyStatus(status?: number): ErrorKind {
+  if (!status) return "unknown";
+  if (status === 401) return "auth";
+  if (status === 403) return "forbidden";
+  if (status === 404) return "not_found";
+  if (status === 409) return "conflict";
+  if (status === 422) return "validation";
+  if (status === 429) return "rate_limit";
+  if (status >= 500) return "server";
+  return "unknown";
+}
+
+export function toAppError(err: unknown): AppError {
+  if (isAppError(err)) return err;
+
+  if (typeof navigator !== "undefined" && !navigator.onLine) {
+    return { kind: "network", message: DEFAULT_MESSAGES.network, raw: err };
+  }
+
+  type PossibleAxios = {
+    isAxiosError?: boolean;
+    response?: { status?: number; data?: unknown };
+    code?: string;
+    message?: string;
+  };
+  const ax = err as PossibleAxios;
+  const isAxios = !!ax?.isAxiosError;
+  const status = ax?.response?.status;
+  const data = ax?.response?.data;
+
+  const extractMsg = (src: unknown): string | undefined => {
+    if (src && typeof src === "object") {
+      const r = src as Record<string, unknown>;
+      const c = r.message || r.error || r.detail;
+      if (typeof c === "string" && c.trim()) return c.trim();
+    }
+    return undefined;
+  };
+  const message =
+    extractMsg(data) ||
+    (typeof ax?.message === "string" ? ax.message : undefined);
+  const kindBase = status ? classifyStatus(status) : undefined;
+
+  if (ax?.code === "ECONNABORTED") {
+    return {
+      kind: "timeout",
+      status,
+      message: message || DEFAULT_MESSAGES.timeout,
+      raw: err,
+    };
+  }
+
+  if (isAxios && !ax?.response) {
+    return {
+      kind: "network",
+      message: message || DEFAULT_MESSAGES.network,
+      raw: err,
+    };
+  }
+
+  let details: AppError["details"] | undefined;
+  if (data && typeof data === "object") {
+    const d = data as Record<string, unknown>;
+    const errors = d.errors as unknown;
+    if (errors) {
+      if (Array.isArray(errors)) {
+        details = errors
+          .filter(
+            (e): e is Record<string, unknown> => !!e && typeof e === "object"
+          )
+          .map((e) => ({
+            field: String(e.field || e.path || ""),
+            message: String(e.message || ""),
+          }));
+      } else if (typeof errors === "object") {
+        details = Object.entries(errors as Record<string, unknown>).reduce(
+          (acc, [k, v]) => {
+            if (typeof v === "string") acc[k] = v;
+            return acc;
+          },
+          {} as Record<string, string>
+        );
+      }
+    }
+  }
+
+  const kind = kindBase || "unknown";
+  return {
+    kind,
+    status,
+    message: message || DEFAULT_MESSAGES[kind],
+    details,
+    raw: err,
+  };
+}
+
+export function isAppError(e: unknown): e is AppError {
+  if (!e || typeof e !== "object") return false;
+  return "kind" in e && "message" in e;
+}
+
+export function appErrorToLegacyHttpError(e: AppError) {
+  return { status: e.status, message: e.message };
+}
diff --git a/src/shared/api/http.ts b/src/shared/api/http.ts
new file mode 100644
index 0000000..76afa38
--- /dev/null
+++ b/src/shared/api/http.ts
@@ -0,0 +1,45 @@
+import axios from "axios";
+import { toAppError, isAppError } from "./app-error";
+
+//  /api (Vite proxy) или переопределение через VITE_API_BASE_URL
+const API_BASE_URL =
+  (import.meta as unknown as { env?: Record<string, string | undefined> }).env
+    ?.VITE_API_BASE_URL || "/api";
+
+export const http = axios.create({
+  baseURL: API_BASE_URL,
+  withCredentials: true,
+  timeout: 10000,
+});
+
+// Axios interceptor
+http.interceptors.response.use(
+  (res) => res,
+  (error) => {
+    const appErr = toAppError(error);
+    if (appErr.status === 401) {
+      try {
+        if (typeof window !== "undefined") {
+          const path = window.location.pathname;
+          const isPublic =
+            path === "/" ||
+            /^\/questions\//.test(path) ||
+            /^\/snippets\//.test(path) ||
+            /\/login|\/register/.test(path);
+          if (!isPublic) {
+            const search = window.location.search || "";
+            const from = encodeURIComponent(path + search);
+            window.location.assign(`/login?from=${from}`);
+          }
+        }
+      } catch {
+        // ignore redirect failures
+      }
+    }
+    return Promise.reject(appErr);
+  }
+);
+
+export function asAppError(e: unknown) {
+  return isAppError(e) ? e : toAppError(e);
+}
diff --git a/src/shared/api/normalize.ts b/src/shared/api/normalize.ts
new file mode 100644
index 0000000..b7aad1f
--- /dev/null
+++ b/src/shared/api/normalize.ts
@@ -0,0 +1,63 @@
+// Универсальные помощники для нормализации ответов API
+
+export function isObj(v: unknown): v is Record<string, unknown> {
+  return typeof v === "object" && v !== null;
+}
+
+export function getKey<T = unknown>(obj: unknown, key: string): T | undefined {
+  return isObj(obj) && key in obj
+    ? ((obj as Record<string, unknown>)[key] as T)
+    : undefined;
+}
+
+export function unwrapData<T>(raw: unknown): T {
+  if (isObj(raw) && "data" in raw) {
+    return (raw as Record<string, unknown>)["data"] as T;
+  }
+  return raw as T;
+}
+
+export type PaginatedMeta = {
+  itemsPerPage: number;
+  totalItems: number;
+  currentPage: number;
+  totalPages: number;
+};
+
+export type Paginated<T> = {
+  data: T[];
+  meta: PaginatedMeta;
+};
+
+export function normalizePaginated<T>(
+  raw: unknown,
+  opts: {
+    fallbackLimit: number;
+    pageParam: number;
+  }
+): Paginated<T> {
+  const rawData = getKey<unknown>(raw, "data");
+  const payload = Array.isArray(rawData)
+    ? (raw as Record<string, unknown>)
+    : isObj(rawData)
+    ? (rawData as Record<string, unknown>)
+    : isObj(raw)
+    ? (raw as Record<string, unknown>)
+    : ({ data: [] } as Record<string, unknown>);
+
+  const dataUnknown = getKey<unknown>(payload, "data");
+  const data = (Array.isArray(dataUnknown) ? (dataUnknown as T[]) : []) as T[];
+
+  const metaUnknown = getKey<unknown>(payload, "meta");
+  const metaRaw = isObj(metaUnknown)
+    ? (metaUnknown as Record<string, unknown>)
+    : {};
+  const meta: PaginatedMeta = {
+    itemsPerPage: Number(metaRaw.itemsPerPage ?? opts.fallbackLimit),
+    totalItems: Number(metaRaw.totalItems ?? data.length),
+    currentPage: Number(metaRaw.currentPage ?? opts.pageParam ?? 1),
+    totalPages: Number(metaRaw.totalPages ?? 1),
+  };
+
+  return { data, meta };
+}
diff --git a/src/shared/api/types/codelang.d.ts b/src/shared/api/types/codelang.d.ts
new file mode 100644
index 0000000..cebfb3a
--- /dev/null
+++ b/src/shared/api/types/codelang.d.ts
@@ -0,0 +1,1508 @@
+/**
+ * This file was auto-generated by openapi-typescript.
+ * Do not make direct changes to the file.
+ */
+
+export interface paths {
+    "/": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["AppController_healthCheck"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/users": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["UsersController_findAllUsers"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/users/{id}": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["UsersController_findOneUser"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/users/{id}/statistic": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["UsersController_getUserStatistic"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/me": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["MeController_getProfile"];
+        put?: never;
+        post?: never;
+        delete: operations["MeController_deleteProfile"];
+        options?: never;
+        head?: never;
+        patch: operations["MeController_updateProfile"];
+        trace?: never;
+    };
+    "/api/me/password": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch: operations["MeController_changePassword"];
+        trace?: never;
+    };
+    "/api/snippets": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["SnippetsController_findAllSnippets"];
+        put?: never;
+        post: operations["SnippetsController_createSnippet"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/snippets/languages": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["SnippetsController_getLanguages"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/snippets/{id}": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["SnippetsController_findOneSnippet"];
+        put?: never;
+        post?: never;
+        delete: operations["SnippetsController_delete"];
+        options?: never;
+        head?: never;
+        patch: operations["SnippetsController_updateSnippet"];
+        trace?: never;
+    };
+    "/api/snippets/{id}/mark": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: operations["SnippetsController_markSnippet"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/comments": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: operations["CommentsController_createComment"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/comments/{id}": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post?: never;
+        delete: operations["CommentsController_deleteComment"];
+        options?: never;
+        head?: never;
+        patch: operations["CommentsController_updateComment"];
+        trace?: never;
+    };
+    "/api/auth": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["AuthController_getAuth"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/auth/login": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: operations["AuthController_login"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/auth/logout": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: operations["AuthController_logout"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/register": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post: operations["RegisterController_registerUser"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/questions": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["QuestionsController_getQuestions"];
+        put?: never;
+        post: operations["QuestionsController_createQuestion"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/questions/{id}": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["QuestionsController_getQuestion"];
+        put?: never;
+        post?: never;
+        delete: operations["QuestionsController_deleteQuestion"];
+        options?: never;
+        head?: never;
+        patch: operations["QuestionsController_updateQuestion"];
+        trace?: never;
+    };
+    "/api/answers": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: operations["AnswersController_getAnswers"];
+        put?: never;
+        post: operations["AnswersController_createAnswer"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/answers/{id}/state/{state}": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put: operations["AnswersController_updateState"];
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+    "/api/answers/{id}": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        post?: never;
+        delete: operations["AnswersController_deleteAnswer"];
+        options?: never;
+        head?: never;
+        patch: operations["AnswersController_updateAnswer"];
+        trace?: never;
+    };
+}
+export type webhooks = Record<string, never>;
+export interface components {
+    schemas: {
+        PaginatedMetaDocumented: {
+            /** Number of items per page */
+            itemsPerPage: number;
+            /** Total number of items */
+            totalItems: number;
+            /** Current requested page */
+            currentPage: number;
+            /** Total number of pages */
+            totalPages: number;
+            /** Sorting by columns */
+            sortBy?: (string | ("ASC" | "DESC"))[][];
+            /** Search by fields */
+            searchBy?: string[];
+            /** Search term */
+            search?: string;
+            /** List of selected fields */
+            select?: string[];
+            /** Filters that applied to the query */
+            filter?: Record<string, never>;
+        };
+        PaginatedLinksDocumented: {
+            /** Link to first page */
+            first?: string;
+            /** Link to previous page */
+            previous?: string;
+            /** Link to current page */
+            current?: string;
+            /** Link to next page */
+            next?: string;
+            /** Link to last page */
+            last?: string;
+        };
+        PaginatedDocumented: {
+            /** Array of entities */
+            data: Record<string, never>[];
+            /** Pagination Metadata */
+            meta: components["schemas"]["PaginatedMetaDocumented"];
+            /** Links to pages */
+            links: components["schemas"]["PaginatedLinksDocumented"];
+        };
+        /**
+         * @description User's role
+         * @enum {string}
+         */
+        UserRoles: "user" | "admin";
+        UserDto: {
+            /** @description User's identifier */
+            id: number;
+            /** @description User's nickname */
+            username: string;
+            role: components["schemas"]["UserRoles"];
+        };
+        StatisticDto: {
+            /**
+             * @description Number of snippets created by user
+             * @example 5
+             */
+            snippetsCount: number;
+            /**
+             * @description User activity rating
+             * @example 150
+             */
+            rating: number;
+            /**
+             * @description Number of comments made by user
+             * @example 10
+             */
+            commentsCount: number;
+            /**
+             * @description Number of likes given by user
+             * @example 20
+             */
+            likesCount: number;
+            /**
+             * @description Number of dislikes given by user
+             * @example 5
+             */
+            dislikesCount: number;
+            /**
+             * @description Number of questions asked by user
+             * @example 8
+             */
+            questionsCount: number;
+            /**
+             * @description Number of correct answers given by user
+             * @example 12
+             */
+            correctAnswersCount: number;
+            /**
+             * @description Number of regular answers given by user
+             * @example 15
+             */
+            regularAnswersCount: number;
+        };
+        UserStatisticDto: {
+            /** @description User's identifier */
+            id: number;
+            /** @description User's nickname */
+            username: string;
+            role: components["schemas"]["UserRoles"];
+            /** @description User activity statistics */
+            statistic: components["schemas"]["StatisticDto"];
+        };
+        UpdateUserDto: {
+            /** @description New user nickname */
+            username: string;
+        };
+        UpdateResponseDto: {
+            /** @description Amount of updated items */
+            updatedCount: number;
+        };
+        ChangePasswordDto: {
+            /** @description Old user's password */
+            oldPassword: string;
+            /** @description New password */
+            newPassword: string;
+        };
+        SnippetDto: {
+            /** @description Snippet's identifier */
+            id: number;
+            /** @description Snippet's programming language */
+            language: string;
+            /** @description Snippet's content */
+            code: string;
+            /** @description Owner of the snippet */
+            user: components["schemas"]["UserDto"];
+        };
+        /**
+         * @description Snippet's language (programming language)
+         * @enum {string}
+         */
+        Languages: "JavaScript" | "Python" | "Java" | "C/C++" | "C#" | "Go" | "Kotlin" | "Ruby";
+        CreateSnippetDto: {
+            code: components["schemas"]["Languages"];
+            /** @description Snippet's language (programming language) */
+            language: string;
+        };
+        UpdateSnippetDto: {
+            /** @description New snippet content */
+            code?: string;
+            /** @description New snippet language */
+            language?: string;
+        };
+        /**
+         * @description User mark for the snippet. like, dislike or none (remove any existing mark: like or dislike)
+         * @enum {string}
+         */
+        SnippetMark: "like" | "dislike" | "none";
+        MarkSnippetDto: {
+            mark: components["schemas"]["SnippetMark"];
+        };
+        CreateCommentDto: {
+            /** @description Comment's content */
+            content: string;
+            /** @description Id of the commenting snippet */
+            snippetId: number;
+        };
+        CommentDto: {
+            /** @description Comment's identifier */
+            id: number;
+            /** @description Comment's content */
+            content: string;
+            /** @description Owner of the comment */
+            user: components["schemas"]["UserDto"];
+        };
+        UpdateCommentDto: {
+            /** @description New comment content */
+            content: string;
+        };
+        CredentialsDto: {
+            /** @description User's nickname */
+            username: string;
+            /** @description User's password */
+            password: string;
+        };
+        QuestionWithStatusDto: {
+            /** @description Unique identifier of the question */
+            id: number;
+            /** @description Title of the question */
+            title: string;
+            /** @description Detailed description of the question */
+            description: string;
+            /** @description Code snippet attached to the question */
+            attachedCode?: string;
+            /** @description User who created the question */
+            user: Record<string, never>;
+            /** @description List of answers to this question */
+            answers: unknown[][];
+            /** @description Indicates if question is resolved */
+            isResolved: boolean;
+        };
+        CreateQuestionDto: {
+            /** @description Question title */
+            title: string;
+            /** @description Question description */
+            description: string;
+            /** @description Question attached code */
+            attachedCode: string;
+        };
+        UpdateQuestionDto: {
+            /** @description Question description */
+            title: string;
+            /** @description Question description */
+            description: string;
+            /** @description Question attached code */
+            attachedCode: string;
+        };
+        QuestionDto: {
+            /** @description Unique identifier of the question */
+            id: number;
+            /** @description Title of the question */
+            title: string;
+            /** @description Detailed description of the question */
+            description: string;
+            /** @description Code snippet attached to the question */
+            attachedCode?: string;
+            /** @description User who created the question */
+            user: Record<string, never>;
+            /** @description List of answers to this question */
+            answers: unknown[][];
+        };
+        CreateAnswerDto: {
+            /** @description Answer content */
+            content: string;
+            /** @description Id of the commenting question */
+            questionId: number;
+        };
+        /** @enum {string} */
+        AnswerState: "correct" | "incorrect";
+        UpdateAnswerDto: {
+            /** @description Answer content */
+            content: string;
+        };
+        AnswerDto: {
+            /**
+             * @description The unique identifier of the answer
+             * @example 1
+             */
+            id: number;
+            /**
+             * @description The content of the answer
+             * @example Paris is the capital of France
+             */
+            content: string;
+            /**
+             * @description Indicates whether this answer is correct
+             * @example true
+             */
+            isCorrect: boolean;
+        };
+    };
+    responses: never;
+    parameters: never;
+    requestBodies: never;
+    headers: never;
+    pathItems: never;
+}
+export type $defs = Record<string, never>;
+export interface operations {
+    AppController_healthCheck: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content?: never;
+            };
+        };
+    };
+    UsersController_findAllUsers: {
+        parameters: {
+            query?: {
+                /** @description Page number to retrieve.If you provide invalid value the default page number will applied
+                 *             <p>
+                 *                  <b>Example: </b> 1
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> 1
+                 *               </p>
+                 *              */
+                page?: number;
+                /** @description Number of records per page.
+                 *           <p>
+                 *                  <b>Example: </b> 20
+                 *               </p>
+                 *           <p>
+                 *                  <b>Default Value: </b> 15
+                 *               </p>
+                 *           <p>
+                 *                  <b>Max Value: </b> 100
+                 *               </p>
+                 *
+                 *           If provided value is greater than max value, max value will be applied.
+                 *            */
+                limit?: number;
+                /** @description Parameter to sort by.
+                 *           <p>To sort by multiple fields, just provide query param multiple types. The order in url defines an order of sorting</p>
+                 *           <p>
+                 *                  <b>Format: </b> fieldName:DIRECTION
+                 *               </p>
+                 *           <p>
+                 *                  <b>Example: </b> sortBy=id:DESC&sortBy=createdAt:ASC
+                 *               </p>
+                 *           <p>
+                 *                  <b>Default Value: </b> username:ASC
+                 *               </p>
+                 *           <h4>Available Fields</h4><ul><li>id</li>
+                 *     <li>username</li>
+                 *     <li>role</li></ul>
+                 *            */
+                sortBy?: ("id:ASC" | "id:DESC" | "username:ASC" | "username:DESC" | "role:ASC" | "role:DESC")[];
+                /** @description Search term to filter result values
+                 *             <p>
+                 *                  <b>Example: </b> John
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> No default value
+                 *               </p>
+                 *              */
+                search?: string;
+                /** @description List of fields to search by term to filter result values
+                 *             <p>
+                 *                  <b>Example: </b> username
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> By default all fields mentioned below will be used to search by term
+                 *               </p>
+                 *             <h4>Available Fields</h4><ul><li>username</li></ul>
+                 *              */
+                searchBy?: string[];
+            };
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["PaginatedDocumented"] & {
+                        data?: components["schemas"]["UserDto"][];
+                        meta?: {
+                            select?: string[];
+                            filter?: Record<string, never>;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    UsersController_findOneUser: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains found user */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UserDto"];
+                };
+            };
+        };
+    };
+    UsersController_getUserStatistic: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains found user with statistic information */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UserStatisticDto"];
+                };
+            };
+        };
+    };
+    MeController_getProfile: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains found user */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UserDto"];
+                };
+            };
+        };
+    };
+    MeController_deleteProfile: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains deleted user */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UserDto"];
+                };
+            };
+        };
+    };
+    MeController_updateProfile: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["UpdateUserDto"];
+            };
+        };
+        responses: {
+            /** @description Contains amount of updated users */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UpdateResponseDto"];
+                };
+            };
+        };
+    };
+    MeController_changePassword: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["ChangePasswordDto"];
+            };
+        };
+        responses: {
+            /** @description Contains amount of updated users */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UpdateResponseDto"];
+                };
+            };
+        };
+    };
+    SnippetsController_findAllSnippets: {
+        parameters: {
+            query?: {
+                /** @description Id of the snippet owner */
+                userId?: number;
+                /** @description Page number to retrieve.If you provide invalid value the default page number will applied
+                 *             <p>
+                 *                  <b>Example: </b> 1
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> 1
+                 *               </p>
+                 *              */
+                page?: number;
+                /** @description Number of records per page.
+                 *           <p>
+                 *                  <b>Example: </b> 20
+                 *               </p>
+                 *           <p>
+                 *                  <b>Default Value: </b> 15
+                 *               </p>
+                 *           <p>
+                 *                  <b>Max Value: </b> 100
+                 *               </p>
+                 *
+                 *           If provided value is greater than max value, max value will be applied.
+                 *            */
+                limit?: number;
+                /** @description Parameter to sort by.
+                 *           <p>To sort by multiple fields, just provide query param multiple types. The order in url defines an order of sorting</p>
+                 *           <p>
+                 *                  <b>Format: </b> fieldName:DIRECTION
+                 *               </p>
+                 *           <p>
+                 *                  <b>Example: </b> sortBy=id:DESC&sortBy=createdAt:ASC
+                 *               </p>
+                 *           <p>
+                 *                  <b>Default Value: </b> id:ASC
+                 *               </p>
+                 *           <h4>Available Fields</h4><ul><li>id</li>
+                 *     <li>code</li>
+                 *     <li>language</li></ul>
+                 *            */
+                sortBy?: ("id:ASC" | "id:DESC" | "code:ASC" | "code:DESC" | "language:ASC" | "language:DESC")[];
+                /** @description Search term to filter result values
+                 *             <p>
+                 *                  <b>Example: </b> John
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> No default value
+                 *               </p>
+                 *              */
+                search?: string;
+                /** @description List of fields to search by term to filter result values
+                 *             <p>
+                 *                  <b>Example: </b> code,language
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> By default all fields mentioned below will be used to search by term
+                 *               </p>
+                 *             <h4>Available Fields</h4><ul><li>code</li>
+                 *     <li>language</li></ul>
+                 *              */
+                searchBy?: string[];
+            };
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["PaginatedDocumented"] & {
+                        data?: components["schemas"]["SnippetDto"][];
+                        meta?: {
+                            select?: string[];
+                            filter?: Record<string, never>;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    SnippetsController_createSnippet: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["CreateSnippetDto"];
+            };
+        };
+        responses: {
+            /** @description Contains created snippet */
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["SnippetDto"];
+                };
+            };
+        };
+    };
+    SnippetsController_getLanguages: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains supported languages */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": string[];
+                };
+            };
+        };
+    };
+    SnippetsController_findOneSnippet: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains found snippet */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["SnippetDto"];
+                };
+            };
+        };
+    };
+    SnippetsController_delete: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains deleted snippet */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["SnippetDto"];
+                };
+            };
+        };
+    };
+    SnippetsController_updateSnippet: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["UpdateSnippetDto"];
+            };
+        };
+        responses: {
+            /** @description Contains count of updated snippets */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UpdateResponseDto"];
+                };
+            };
+        };
+    };
+    SnippetsController_markSnippet: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["MarkSnippetDto"];
+            };
+        };
+        responses: {
+            /** @description Contains new user mark for the snippet */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["MarkSnippetDto"];
+                };
+            };
+        };
+    };
+    CommentsController_createComment: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["CreateCommentDto"];
+            };
+        };
+        responses: {
+            /** @description Contains created comment */
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["CommentDto"];
+                };
+            };
+        };
+    };
+    CommentsController_deleteComment: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains deleted comment */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["CommentDto"];
+                };
+            };
+        };
+    };
+    CommentsController_updateComment: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["UpdateCommentDto"];
+            };
+        };
+        responses: {
+            /** @description Contains amount of updated comments */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UpdateResponseDto"];
+                };
+            };
+        };
+    };
+    AuthController_getAuth: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Contains authenticated user */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UserDto"];
+                };
+            };
+        };
+    };
+    AuthController_login: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        /** @description User credentials */
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["CredentialsDto"];
+            };
+        };
+        responses: {
+            /** @description Contains authenticated user */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UserDto"];
+                };
+            };
+        };
+    };
+    AuthController_logout: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content?: never;
+            };
+        };
+    };
+    RegisterController_registerUser: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["CredentialsDto"];
+            };
+        };
+        responses: {
+            /** @description Contains information about registred user */
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["UserDto"];
+                };
+            };
+        };
+    };
+    QuestionsController_getQuestions: {
+        parameters: {
+            query?: {
+                /** @description Page number to retrieve.If you provide invalid value the default page number will applied
+                 *             <p>
+                 *                  <b>Example: </b> 1
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> 1
+                 *               </p>
+                 *              */
+                page?: number;
+                /** @description Number of records per page.
+                 *           <p>
+                 *                  <b>Example: </b> 20
+                 *               </p>
+                 *           <p>
+                 *                  <b>Default Value: </b> 15
+                 *               </p>
+                 *           <p>
+                 *                  <b>Max Value: </b> 100
+                 *               </p>
+                 *
+                 *           If provided value is greater than max value, max value will be applied.
+                 *            */
+                limit?: number;
+                /** @description Parameter to sort by.
+                 *           <p>To sort by multiple fields, just provide query param multiple types. The order in url defines an order of sorting</p>
+                 *           <p>
+                 *                  <b>Format: </b> fieldName:DIRECTION
+                 *               </p>
+                 *           <p>
+                 *                  <b>Example: </b> sortBy=id:DESC&sortBy=createdAt:ASC
+                 *               </p>
+                 *           <p>
+                 *                  <b>Default Value: </b> title:DESC
+                 *               </p>
+                 *           <h4>Available Fields</h4><ul><li>id</li>
+                 *     <li>title</li>
+                 *     <li>description</li>
+                 *     <li>attachedCode</li></ul>
+                 *            */
+                sortBy?: ("id:ASC" | "id:DESC" | "title:ASC" | "title:DESC" | "description:ASC" | "description:DESC" | "attachedCode:ASC" | "attachedCode:DESC")[];
+                /** @description Search term to filter result values
+                 *             <p>
+                 *                  <b>Example: </b> John
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> No default value
+                 *               </p>
+                 *              */
+                search?: string;
+                /** @description List of fields to search by term to filter result values
+                 *             <p>
+                 *                  <b>Example: </b> title,description,attachedCode
+                 *               </p>
+                 *             <p>
+                 *                  <b>Default Value: </b> By default all fields mentioned below will be used to search by term
+                 *               </p>
+                 *             <h4>Available Fields</h4><ul><li>title</li>
+                 *     <li>description</li>
+                 *     <li>attachedCode</li></ul>
+                 *              */
+                searchBy?: string[];
+            };
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["PaginatedDocumented"] & {
+                        data?: components["schemas"]["QuestionWithStatusDto"][];
+                        meta?: {
+                            select?: string[];
+                            filter?: Record<string, never>;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    QuestionsController_createQuestion: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["CreateQuestionDto"];
+            };
+        };
+        responses: {
+            /** @description Returns created question */
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["CreateQuestionDto"];
+                };
+            };
+        };
+    };
+    QuestionsController_getQuestion: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Returns single question by id */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["QuestionWithStatusDto"];
+                };
+            };
+        };
+    };
+    QuestionsController_deleteQuestion: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Deletes question */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["QuestionDto"];
+                };
+            };
+        };
+    };
+    QuestionsController_updateQuestion: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["UpdateQuestionDto"];
+            };
+        };
+        responses: {
+            /** @description Updates question */
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["QuestionDto"];
+                };
+            };
+        };
+    };
+    AnswersController_getAnswers: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Returns all answers */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content?: never;
+            };
+        };
+    };
+    AnswersController_createAnswer: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["CreateAnswerDto"];
+            };
+        };
+        responses: {
+            /** @description Returns created answer */
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content?: never;
+            };
+        };
+    };
+    AnswersController_updateState: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                state: components["schemas"]["AnswerState"];
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Updates correct/incorrect state of answer */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content?: never;
+            };
+        };
+    };
+    AnswersController_deleteAnswer: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Deletes answer */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["AnswerDto"];
+                };
+            };
+        };
+    };
+    AnswersController_updateAnswer: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody: {
+            content: {
+                "application/json": components["schemas"]["UpdateAnswerDto"];
+            };
+        };
+        responses: {
+            /** @description Updates answer content */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content?: never;
+            };
+        };
+    };
+}
diff --git a/src/shared/forms/applyAppError.ts b/src/shared/forms/applyAppError.ts
new file mode 100644
index 0000000..1c5d28c
--- /dev/null
+++ b/src/shared/forms/applyAppError.ts
@@ -0,0 +1,38 @@
+import type { FieldValues, UseFormReturn } from "react-hook-form";
+import { isAppError, toAppError } from "@/shared/api/app-error";
+
+// Раскладывает AppError.kind === 'validation' details по полям формы
+export function applyAppErrorToForm<TFieldValues extends FieldValues>(
+  form: UseFormReturn<TFieldValues>,
+  error: unknown
+) {
+  const appErr = isAppError(error) ? error : toAppError(error);
+  if (appErr.kind !== "validation") {
+    form.setError("root", { message: appErr.message });
+    return;
+  }
+  let assigned = false;
+  if (Array.isArray(appErr.details)) {
+    for (const d of appErr.details) {
+      if (!d.field) continue;
+      if (
+        (form.getValues() as Record<string, unknown>)[d.field] !== undefined
+      ) {
+        // @ts-expect-error динамическое имя поля вне Path ограничений
+        form.setError(d.field, { message: d.message || appErr.message });
+        assigned = true;
+      }
+    }
+  } else if (appErr.details && typeof appErr.details === "object") {
+    for (const [field, msg] of Object.entries(appErr.details)) {
+      if ((form.getValues() as Record<string, unknown>)[field] !== undefined) {
+        // @ts-expect-error динамическое имя поля
+        form.setError(field, { message: (msg as string) || appErr.message });
+        assigned = true;
+      }
+    }
+  }
+  if (!assigned) {
+    form.setError("root", { message: appErr.message });
+  }
+}
diff --git a/src/shared/hooks/useAccountForms.ts b/src/shared/hooks/useAccountForms.ts
new file mode 100644
index 0000000..96e1e91
--- /dev/null
+++ b/src/shared/hooks/useAccountForms.ts
@@ -0,0 +1,67 @@
+import { useState, useEffect } from "react";
+import { useUpdateMe, useUpdatePassword, useMe } from "../../entities/user/api";
+
+export function useAccountForms() {
+  const { data: me } = useMe();
+  const { mutateAsync: updateMe, isPending: isUpdatingMe } = useUpdateMe();
+  const { mutateAsync: updatePassword, isPending: isUpdatingPassword } =
+    useUpdatePassword();
+
+  const [username, setUsername] = useState(me?.username ?? "");
+  const [oldPassword, setOldPassword] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [message, setMessage] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (me?.username) setUsername(me.username);
+  }, [me?.username]);
+
+  const saveProfile = async () => {
+    setMessage(null);
+    setError(null);
+    try {
+      await updateMe({ username });
+      setMessage("Профиль обновлён");
+    } catch {
+      setError("Не удалось обновить профиль");
+    }
+  };
+
+  const changePassword = async () => {
+    setMessage(null);
+    setError(null);
+    if (!oldPassword || !newPassword) {
+      setError("Заполните все поля");
+      return;
+    }
+    try {
+      await updatePassword({ oldPassword, newPassword });
+      setMessage("Пароль изменён");
+      setOldPassword("");
+      setNewPassword("");
+    } catch {
+      setError("Не удалось изменить пароль");
+    }
+  };
+
+  return {
+    // Profile
+    username,
+    setUsername,
+    saveProfile,
+    isUpdatingMe,
+
+    // Password
+    oldPassword,
+    setOldPassword,
+    newPassword,
+    setNewPassword,
+    changePassword,
+    isUpdatingPassword,
+
+    // Messages
+    message,
+    error,
+  };
+}
diff --git a/src/shared/hooks/useAnswerActions.ts b/src/shared/hooks/useAnswerActions.ts
new file mode 100644
index 0000000..9172f1e
--- /dev/null
+++ b/src/shared/hooks/useAnswerActions.ts
@@ -0,0 +1,41 @@
+import { useSetAnswerState } from "../../entities/question/api";
+import { emitAnswerStateChange } from "../socket";
+
+export function useAnswerActions(questionId: string | number) {
+  const { mutateAsync: setAnswerState, isPending } =
+    useSetAnswerState(questionId);
+
+  const markCorrect = async (answerId: string | number) => {
+    try {
+      await setAnswerState({ answerId, state: "correct" });
+      emitAnswerStateChange({
+        questionId,
+        answerId,
+        isCorrect: true,
+      });
+    } catch (error) {
+      console.error("Ошибка при изменении статуса ответа:", error);
+      throw error;
+    }
+  };
+
+  const markIncorrect = async (answerId: string | number) => {
+    try {
+      await setAnswerState({ answerId, state: "incorrect" });
+      emitAnswerStateChange({
+        questionId,
+        answerId,
+        isCorrect: false,
+      });
+    } catch (error) {
+      console.error("Ошибка при изменении статуса ответа:", error);
+      throw error;
+    }
+  };
+
+  return {
+    markCorrect,
+    markIncorrect,
+    isPending,
+  };
+}
diff --git a/src/shared/hooks/useAnswerForm.ts b/src/shared/hooks/useAnswerForm.ts
new file mode 100644
index 0000000..fc61f6e
--- /dev/null
+++ b/src/shared/hooks/useAnswerForm.ts
@@ -0,0 +1,66 @@
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useCreateAnswer } from "../../entities/question/api";
+import { emitQuestionAnswer } from "../socket";
+import { useAuth } from "../../app/providers/useAuth";
+
+const schema = z.object({
+  content: z.string().min(1, "Ответ не может быть пустым"),
+});
+
+type FormData = z.infer<typeof schema>;
+
+export function useAnswerForm(questionId: string | number) {
+  const { user } = useAuth();
+  const { mutateAsync: createAnswer, isPending } = useCreateAnswer(questionId);
+
+  const form = useForm<FormData>({
+    resolver: zodResolver(schema),
+  });
+
+  const onSubmit = async (data: FormData) => {
+    try {
+      const res = await createAnswer(data.content);
+
+      // Пытаемся получить id созданного ответа
+      let createdId: number | string | undefined;
+      const rawUnknown: unknown = res;
+      if (rawUnknown && typeof rawUnknown === "object") {
+        const rawObj = rawUnknown as Record<string, unknown>;
+        if (typeof rawObj.id !== "undefined")
+          createdId = rawObj.id as number | string;
+        else if (
+          rawObj.data &&
+          typeof rawObj.data === "object" &&
+          rawObj.data !== null &&
+          typeof (rawObj.data as Record<string, unknown>).id !== "undefined"
+        ) {
+          createdId = (rawObj.data as Record<string, unknown>).id as
+            | number
+            | string;
+        }
+      }
+
+      // Отправляем через вебсокет
+      emitQuestionAnswer({
+        content: data.content,
+        questionId,
+        id: createdId,
+        user: { username: user?.username || "unknown" },
+        isCorrect: false,
+      });
+
+      form.reset({ content: "" });
+    } catch (error) {
+      console.error("Ошибка при создании ответа:", error);
+      throw error;
+    }
+  };
+
+  return {
+    ...form,
+    onSubmit: form.handleSubmit(onSubmit),
+    isPending,
+  };
+}
diff --git a/src/shared/hooks/useApiMutation.ts b/src/shared/hooks/useApiMutation.ts
new file mode 100644
index 0000000..06dac62
--- /dev/null
+++ b/src/shared/hooks/useApiMutation.ts
@@ -0,0 +1,51 @@
+import { useMutation } from "@tanstack/react-query";
+import type {
+  UseMutationOptions,
+  UseMutationResult,
+} from "@tanstack/react-query";
+import { toAppError, isAppError } from "@/shared/api/app-error";
+import { emitNotification } from "@/shared/notifications";
+
+// Обёртка над useMutation: единообразный onError (toast + возврат AppError)
+export function useApiMutation<
+  TData = unknown,
+  TVariables = void,
+  TContext = unknown
+>(
+  options: UseMutationOptions<TData, unknown, TVariables, TContext> & {
+    notifySuccessMessage?: string | ((data: TData) => string | undefined);
+    suppressErrorToast?: boolean;
+  }
+): UseMutationResult<TData, unknown, TVariables, TContext> {
+  const {
+    onError,
+    onSuccess,
+    notifySuccessMessage,
+    suppressErrorToast,
+    ...rest
+  } = options;
+  return useMutation<TData, unknown, TVariables, TContext>({
+    ...rest,
+    onError: (error, vars, ctx) => {
+      const appErr = toAppError(error);
+      if (!suppressErrorToast) {
+        emitNotification({ type: "error", message: appErr.message });
+      }
+      onError?.(appErr, vars, ctx);
+    },
+    onSuccess: (data, vars, ctx) => {
+      let msg: string | undefined;
+      if (typeof notifySuccessMessage === "string") msg = notifySuccessMessage;
+      else if (typeof notifySuccessMessage === "function")
+        msg = notifySuccessMessage(data);
+      if (msg) emitNotification({ type: "success", message: msg });
+      onSuccess?.(data, vars, ctx);
+    },
+  } as UseMutationOptions<TData, unknown, TVariables, TContext>);
+}
+
+export function getErrorMessage(e: unknown) {
+  if (isAppError(e)) return e.message;
+  if (e instanceof Error) return e.message;
+  return String(e);
+}
diff --git a/src/shared/hooks/useCommentForm.ts b/src/shared/hooks/useCommentForm.ts
new file mode 100644
index 0000000..58a3f16
--- /dev/null
+++ b/src/shared/hooks/useCommentForm.ts
@@ -0,0 +1,71 @@
+import { useState } from "react";
+import { http } from "../api/http";
+import { toAppError } from "../api/app-error";
+import { useQueryClient } from "@tanstack/react-query";
+import { emitSnippetComment } from "../socket";
+import { useAuth } from "../../app/providers/useAuth";
+
+export function useCommentForm(snippetId: number) {
+  const { user } = useAuth();
+  const [content, setContent] = useState("");
+  const [error, setError] = useState<string | null>(null);
+  const [ok, setOk] = useState<string | null>(null);
+  const [pending, setPending] = useState(false);
+  const qc = useQueryClient();
+
+  const submit = async () => {
+    setError(null);
+    setOk(null);
+    setPending(true);
+
+    try {
+      const res = await http.post("/comments", { content, snippetId });
+
+      // Пытаемся вытащить id из API ответа
+      let createdId: number | undefined;
+      const rawUnknown: unknown = res.data;
+      if (rawUnknown && typeof rawUnknown === "object") {
+        const rawObj = rawUnknown as Record<string, unknown>;
+        if (typeof rawObj.id !== "undefined") createdId = Number(rawObj.id);
+        else if (
+          rawObj.data &&
+          typeof rawObj.data === "object" &&
+          rawObj.data !== null &&
+          typeof (rawObj.data as Record<string, unknown>).id !== "undefined"
+        ) {
+          createdId = Number(
+            (rawObj.data as Record<string, unknown>).id as unknown as number
+          );
+        }
+      }
+
+      // Отправляем через вебсокет
+      emitSnippetComment({
+        content,
+        snippetId,
+        id: createdId,
+        user: { username: user?.username || "unknown" },
+      });
+
+      setContent("");
+      setOk("Комментарий отправлен");
+
+      // При socket.io обновление прилетит и так; оставим инвалидацию на случай деградации
+      qc.invalidateQueries({ queryKey: ["snippet", snippetId] });
+    } catch (e) {
+      const err = toAppError(e);
+      setError(err.message || "Не удалось отправить комментарий");
+    } finally {
+      setPending(false);
+    }
+  };
+
+  return {
+    content,
+    setContent,
+    error,
+    ok,
+    pending,
+    submit,
+  };
+}
diff --git a/src/shared/hooks/useCreateForms.ts b/src/shared/hooks/useCreateForms.ts
new file mode 100644
index 0000000..3c5cb41
--- /dev/null
+++ b/src/shared/hooks/useCreateForms.ts
@@ -0,0 +1,99 @@
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useNavigate } from "react-router-dom";
+import { useCreateQuestion } from "../../entities/question/api";
+import { useCreateSnippet } from "../../entities/snippet/api";
+import {
+  normalizeLanguageInput,
+  SUPPORTED_LANG_HINT,
+} from "../services/languageService";
+import { toAppError } from "../api/app-error";
+
+// Question Form
+const questionSchema = z.object({
+  title: z.string().min(3, "Минимум 3 символа"),
+  description: z.string().min(1, "Описание обязательно"),
+  attachedCode: z.string().optional(),
+});
+
+type QuestionFormData = z.infer<typeof questionSchema>;
+
+export function useQuestionForm() {
+  const navigate = useNavigate();
+  const { mutateAsync: createQuestion } = useCreateQuestion();
+
+  const form = useForm<QuestionFormData>({
+    resolver: zodResolver(questionSchema),
+  });
+
+  const onSubmit = async (data: QuestionFormData) => {
+    try {
+      const created = await createQuestion(data);
+      if (created?.id) {
+        navigate(`/questions/${created.id}`);
+      } else {
+        navigate("/");
+      }
+    } catch (e) {
+      const err = toAppError(e);
+      form.setError("root", { message: err.message });
+      throw e;
+    }
+  };
+
+  return {
+    ...form,
+    onSubmit: form.handleSubmit(onSubmit),
+  };
+}
+
+// Snippet Form
+const snippetSchema = z.object({
+  language: z.string().min(1, "Укажите язык"),
+  code: z.string().min(1, "Код обязателен"),
+});
+
+type SnippetFormData = z.infer<typeof snippetSchema>;
+
+export function useSnippetForm() {
+  const navigate = useNavigate();
+  const { mutateAsync: createSnippet } = useCreateSnippet();
+
+  const form = useForm<SnippetFormData>({
+    resolver: zodResolver(snippetSchema),
+  });
+
+  const onSubmit = async (data: SnippetFormData) => {
+    try {
+      // Валидируем язык отдельно
+      const normalizedLanguage = normalizeLanguageInput(data.language);
+      if (!normalizedLanguage) {
+        form.setError("language", {
+          message: `Неподдерживаемый язык. ${SUPPORTED_LANG_HINT}`,
+        });
+        return;
+      }
+
+      const created = await createSnippet({
+        language: normalizedLanguage,
+        code: data.code,
+      });
+
+      if (created?.id) {
+        navigate(`/snippets/${created.id}`);
+      } else {
+        navigate("/");
+      }
+    } catch (e) {
+      const err = toAppError(e);
+      form.setError("root", { message: err.message });
+      throw e;
+    }
+  };
+
+  return {
+    ...form,
+    onSubmit: form.handleSubmit(onSubmit),
+  };
+}
diff --git a/src/shared/hooks/useQuestionOwnership.ts b/src/shared/hooks/useQuestionOwnership.ts
new file mode 100644
index 0000000..fcec817
--- /dev/null
+++ b/src/shared/hooks/useQuestionOwnership.ts
@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { useAuth } from "../../app/providers/useAuth";
+import type { Question } from "../../entities/question/types";
+
+export function useQuestionOwnership(question: Question | undefined) {
+  const { user } = useAuth();
+
+  return useMemo(() => {
+    if (!user || !question) return false;
+
+    const questionUser = question.user;
+    if (!questionUser) return false;
+
+    return (
+      String(user.id) === String(questionUser.id) ||
+      user.username === questionUser.username
+    );
+  }, [user, question]);
+}
diff --git a/src/shared/notifications.ts b/src/shared/notifications.ts
new file mode 100644
index 0000000..ff135a8
--- /dev/null
+++ b/src/shared/notifications.ts
@@ -0,0 +1,40 @@
+// Простой emitter уведомлений через window events + типы
+export type NotificationType = "info" | "success" | "error" | "warning";
+export interface NotificationPayload {
+  id?: string | number;
+  type?: NotificationType;
+  message: string;
+  ttlMs?: number; // время жизни
+}
+
+const EVENT_NAME = "app:notify";
+
+export function emitNotification(payload: NotificationPayload) {
+  if (typeof window === "undefined") return;
+  const detail: NotificationPayload = {
+    ttlMs: 4000,
+    type: "info",
+    ...payload,
+    id: payload.id || Date.now() + Math.random(),
+  };
+  window.dispatchEvent(new CustomEvent(EVENT_NAME, { detail }));
+}
+
+export function subscribeNotifications(cb: (p: NotificationPayload) => void) {
+  const handler = (e: Event) => {
+    const ce = e as CustomEvent<NotificationPayload>;
+    cb(ce.detail);
+  };
+  window.addEventListener(EVENT_NAME, handler);
+  return () => window.removeEventListener(EVENT_NAME, handler);
+}
+
+export function notifyError(message: string) {
+  emitNotification({ type: "error", message });
+}
+export function notifySuccess(message: string) {
+  emitNotification({ type: "success", message });
+}
+export function notifyInfo(message: string) {
+  emitNotification({ type: "info", message });
+}
diff --git a/src/shared/services/languageService.ts b/src/shared/services/languageService.ts
new file mode 100644
index 0000000..abba454
--- /dev/null
+++ b/src/shared/services/languageService.ts
@@ -0,0 +1,52 @@
+export const SUPPORTED_LANGUAGES = [
+  "JavaScript",
+  "Python",
+  "Java",
+  "C",
+  "C++",
+  "C#",
+  "Go",
+  "Kotlin",
+  "Ruby",
+] as const;
+
+export type SupportedLanguage = (typeof SUPPORTED_LANGUAGES)[number];
+
+export const SUPPORTED_LANG_HINT = `Допустимые: ${SUPPORTED_LANGUAGES.join(
+  ", "
+)}`;
+
+export function normalizeLanguageInput(
+  input: string
+): SupportedLanguage | undefined {
+  const raw = (input || "").trim().toLowerCase();
+  if (!raw) return undefined;
+
+  const cleaned = raw.replace(/\s+/g, "");
+
+  const map: Record<string, SupportedLanguage> = {
+    javascript: "JavaScript",
+    js: "JavaScript",
+    node: "JavaScript",
+    python: "Python",
+    py: "Python",
+    java: "Java",
+    c: "C",
+    "c++": "C++",
+    cpp: "C++",
+    "c#": "C#",
+    csharp: "C#",
+    "c-sharp": "C#",
+    golang: "Go",
+    go: "Go",
+    kotlin: "Kotlin",
+    kt: "Kotlin",
+    ruby: "Ruby",
+    rb: "Ruby",
+  };
+
+  if (map[raw]) return map[raw];
+  if (map[cleaned]) return map[cleaned];
+
+  return undefined;
+}
diff --git a/src/shared/socket.ts b/src/shared/socket.ts
new file mode 100644
index 0000000..ebcfc1a
--- /dev/null
+++ b/src/shared/socket.ts
@@ -0,0 +1,494 @@
+import { io, type Socket } from "socket.io-client";
+import { useEffect } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+
+// Правильный доступ к Vite env
+const API_BASE = import.meta.env.VITE_API_BASE_URL as string | undefined;
+const isDev = import.meta.env.DEV;
+const DEFAULT_PATH =
+  API_BASE && API_BASE.startsWith("/api") ? "/api/socket.io" : "/socket.io";
+const SOCKET_URL =
+  (import.meta.env.VITE_SOCKET_URL as string | undefined) ||
+  (isDev ? "http://localhost:4000" : undefined);
+const SOCKET_PATH =
+  (import.meta.env.VITE_SOCKET_PATH as string | undefined) || DEFAULT_PATH;
+
+let socketRef: Socket | null = null;
+
+export function getSocket(): Socket {
+  if (socketRef) return socketRef;
+  socketRef = io(SOCKET_URL ?? window.location.origin, {
+    path: SOCKET_PATH,
+    withCredentials: true,
+    autoConnect: true,
+    transports: ["websocket"],
+  });
+  if (isDev) {
+    socketRef.on("connect", () => {
+      console.log("[socket] connected", {
+        id: socketRef?.id,
+        url: SOCKET_URL,
+        path: SOCKET_PATH,
+      });
+    });
+    socketRef.io.on("error", (err) => {
+      console.error("[socket] error", err);
+    });
+    socketRef.on("connect_error", (err) => {
+      console.error("[socket] connect_error", err.message);
+    });
+  }
+  return socketRef;
+}
+
+export function closeSocket() {
+  if (socketRef) {
+    socketRef.close();
+    socketRef = null;
+  }
+}
+
+// Хук для подписки на комментарии к сниппету
+export function useSnippetComments(snippetId: number | undefined) {
+  const qc = useQueryClient();
+
+  useEffect(() => {
+    if (!snippetId) return;
+    const socket = getSocket();
+    const channel = `snippet:${snippetId}`;
+
+    const onCreated = (payload: {
+      snippetId?: number;
+      id?: number;
+      content?: string;
+      user?: { username: string };
+    }) => {
+      if (payload?.snippetId === snippetId) {
+        // Мгновенно оптимистично добавляем комментарий, если он ещё не в списке
+        qc.setQueryData(["snippet", snippetId], (prev: unknown) => {
+          if (!prev || typeof prev !== "object") return prev;
+          const prevSnippet = prev as Record<string, unknown>;
+          const comments = prevSnippet.comments as
+            | Array<Record<string, unknown>>
+            | undefined;
+          const exists = comments?.some((c) => c.id === payload.id);
+          if (exists) return prev;
+          if (!payload.id) return prev;
+          const newComment = {
+            id: Number(payload.id),
+            content: String(payload.content ?? ""),
+            user: {
+              id: 0,
+              username: payload.user?.username || "unknown",
+              role: "user",
+            },
+          };
+          return {
+            ...prevSnippet,
+            comments: [...(comments || []), newComment],
+            commentsCount: ((prevSnippet.commentsCount as number) || 0) + 1,
+          };
+        });
+        // Триггерим актуализацию из API на всякий случай
+        qc.invalidateQueries({ queryKey: ["snippet", snippetId] });
+      }
+    };
+
+    const onUpdated = (payload: {
+      snippetId?: number;
+      id?: number | string;
+      content?: string;
+    }) => {
+      if (payload?.snippetId === snippetId && payload.id) {
+        if (isDev) {
+          console.debug(
+            "[socket] snippet comment:updated (client handler)",
+            payload
+          );
+        }
+        qc.setQueryData(["snippet", snippetId], (prev: unknown) => {
+          if (!prev || typeof prev !== "object") return prev;
+          const prevSnippet = prev as {
+            comments?: Array<{
+              id: number;
+              content: string;
+              user?: { username?: string };
+            }>;
+            commentsCount?: number;
+            [k: string]: unknown;
+          };
+          const comments = Array.isArray(prevSnippet.comments)
+            ? [...prevSnippet.comments]
+            : [];
+          let changed = false;
+          const next = comments.map((c) => {
+            if (Number(c.id) === Number(payload.id)) {
+              changed = true;
+              return { ...c, content: String(payload.content ?? c.content) };
+            }
+            return c;
+          });
+          if (!changed) return prev;
+          return { ...prevSnippet, comments: next };
+        });
+      }
+    };
+
+    const onDeleted = (payload: {
+      snippetId?: number;
+      id?: number | string;
+    }) => {
+      if (payload?.snippetId === snippetId && payload.id) {
+        if (isDev) {
+          console.debug(
+            "[socket] snippet comment:deleted (client handler)",
+            payload
+          );
+        }
+        qc.setQueryData(["snippet", snippetId], (prev: unknown) => {
+          if (!prev || typeof prev !== "object") return prev;
+          const prevSnippet = prev as {
+            comments?: Array<{
+              id: number;
+              content: string;
+              user?: { username?: string };
+            }>;
+            commentsCount?: number;
+            [k: string]: unknown;
+          };
+          const comments = Array.isArray(prevSnippet.comments)
+            ? prevSnippet.comments.filter(
+                (c) => Number(c.id) !== Number(payload.id)
+              )
+            : [];
+          return {
+            ...prevSnippet,
+            comments,
+            commentsCount: Math.max(
+              0,
+              (prevSnippet.commentsCount as number) - 1
+            ),
+          };
+        });
+      }
+    };
+
+    socket.emit("join", channel);
+    socket.on("comment:created", onCreated);
+    socket.on("comment:updated", onUpdated);
+    socket.on("comment:deleted", onDeleted);
+
+    return () => {
+      socket.emit("leave", channel);
+      socket.off("comment:created", onCreated);
+      socket.off("comment:updated", onUpdated);
+      socket.off("comment:deleted", onDeleted);
+    };
+  }, [snippetId, qc]);
+}
+
+// Хук для подписки на ответы к вопросу
+export function useQuestionAnswers(questionId: number | string | undefined) {
+  const qc = useQueryClient();
+
+  useEffect(() => {
+    if (!questionId) return;
+    const socket = getSocket();
+    const channel = `question:${questionId}`;
+    if (isDev) {
+      console.debug("[socket] useQuestionAnswers subscribe", {
+        channel,
+        questionId,
+      });
+    }
+
+    const onAnswerCreated = (payload: {
+      questionId?: number | string;
+      id?: number | string;
+      content?: string;
+      user?: { username: string };
+      isCorrect?: boolean;
+    }) => {
+      if (
+        payload?.questionId &&
+        String(payload.questionId) === String(questionId)
+      ) {
+        // Мгновенно оптимистично добавляем ответ, если он ещё не в списке
+        qc.setQueryData(["question", questionId], (prev: unknown) => {
+          if (!prev || typeof prev !== "object") return prev;
+          const prevQuestion = prev as Record<string, unknown>;
+          const answers = prevQuestion.answers as
+            | Array<Record<string, unknown>>
+            | undefined;
+          const exists = answers?.some(
+            (a) => String(a.id) === String(payload.id)
+          );
+          if (exists) return prev;
+          if (!payload.id) return prev;
+          const newAnswer = {
+            id: payload.id,
+            content: String(payload.content ?? ""),
+            isCorrect: Boolean(payload.isCorrect ?? false),
+            user: {
+              id: 0,
+              username: payload.user?.username || "unknown",
+              role: "user",
+            },
+          };
+          return {
+            ...prevQuestion,
+            answers: [...(answers || []), newAnswer],
+          };
+        });
+        // Триггерим актуализацию из API на всякий случай
+        qc.invalidateQueries({ queryKey: ["question", questionId] });
+      }
+    };
+
+    const onAnswerStateChanged = (payload: {
+      questionId?: number | string;
+      answerId?: number | string;
+      isCorrect?: boolean;
+    }) => {
+      if (
+        payload?.questionId &&
+        String(payload.questionId) === String(questionId)
+      ) {
+        // Обновляем статус ответа
+        qc.setQueryData(["question", questionId], (prev: unknown) => {
+          if (!prev || typeof prev !== "object") return prev;
+          const prevQuestion = prev as Record<string, unknown>;
+          const answers = prevQuestion.answers as
+            | Array<Record<string, unknown>>
+            | undefined;
+          if (!answers) return prev;
+          return {
+            ...prevQuestion,
+            answers: answers.map((answer) =>
+              String(answer.id) === String(payload.answerId)
+                ? { ...answer, isCorrect: Boolean(payload.isCorrect) }
+                : answer
+            ),
+          };
+        });
+        // Триггерим актуализацию из API на всякий случай
+        qc.invalidateQueries({ queryKey: ["question", questionId] });
+      }
+    };
+
+    const onAnswerUpdated = (payload: {
+      questionId?: number | string;
+      answerId?: number | string;
+      content?: string;
+    }) => {
+      if (
+        payload?.questionId &&
+        String(payload.questionId) === String(questionId)
+      ) {
+        if (isDev) {
+          console.debug("[socket] answer:updated (client handler)", payload);
+        }
+        qc.setQueryData(["question", questionId], (prev: unknown) => {
+          if (!prev || typeof prev !== "object") return prev;
+          const prevQuestion = prev as {
+            answers?: Array<{
+              id: string | number;
+              content: string;
+              isCorrect?: boolean;
+              user?: { username?: string };
+            }>;
+            [k: string]: unknown;
+          };
+          const answers = Array.isArray(prevQuestion.answers)
+            ? prevQuestion.answers.map((a) =>
+                String(a.id) === String(payload.answerId)
+                  ? { ...a, content: String(payload.content ?? a.content) }
+                  : a
+              )
+            : [];
+          return { ...prevQuestion, answers };
+        });
+      }
+    };
+
+    const onAnswerDeleted = (payload: {
+      questionId?: number | string;
+      answerId?: number | string;
+    }) => {
+      if (
+        payload?.questionId &&
+        String(payload.questionId) === String(questionId)
+      ) {
+        if (isDev) {
+          console.debug("[socket] answer:deleted (client handler)", payload);
+        }
+        qc.setQueryData(["question", questionId], (prev: unknown) => {
+          if (!prev || typeof prev !== "object") return prev;
+          const prevQuestion = prev as {
+            answers?: Array<{
+              id: string | number;
+              content: string;
+              isCorrect?: boolean;
+              user?: { username?: string };
+            }>;
+            [k: string]: unknown;
+          };
+          const answers = Array.isArray(prevQuestion.answers)
+            ? prevQuestion.answers.filter(
+                (a) => String(a.id) !== String(payload.answerId)
+              )
+            : [];
+          return { ...prevQuestion, answers };
+        });
+      }
+    };
+
+    socket.emit("join", channel);
+    socket.on("answer:created", onAnswerCreated);
+    socket.on("answer:state_changed", onAnswerStateChanged);
+    socket.on("answer:updated", onAnswerUpdated);
+    socket.on("answer:deleted", onAnswerDeleted);
+
+    return () => {
+      socket.emit("leave", channel);
+      socket.off("answer:created", onAnswerCreated);
+      socket.off("answer:state_changed", onAnswerStateChanged);
+      socket.off("answer:updated", onAnswerUpdated);
+      socket.off("answer:deleted", onAnswerDeleted);
+    };
+  }, [questionId, qc]);
+}
+
+// Функция для отправки комментария к сниппету
+export function emitSnippetComment(data: {
+  content: string;
+  snippetId: number;
+  id?: number;
+  user?: { username: string };
+}) {
+  try {
+    const socket = getSocket();
+    if (isDev) {
+      console.debug("[socket] emit comment:create", data);
+    }
+    socket.emit("comment:create", {
+      content: data.content,
+      snippetId: data.snippetId,
+      id: data.id,
+      user: data.user,
+    });
+  } catch {
+    // ignore socket emit errors
+  }
+}
+
+export function emitSnippetCommentUpdate(data: {
+  snippetId: number;
+  id: number | string;
+  content: string;
+}) {
+  try {
+    const socket = getSocket();
+    if (isDev) {
+      console.debug("[socket] emit comment:update", data);
+    }
+    socket.emit("comment:update", data);
+  } catch {
+    // ignore
+  }
+}
+
+export function emitSnippetCommentDelete(data: {
+  snippetId: number;
+  id: number | string;
+}) {
+  try {
+    const socket = getSocket();
+    if (isDev) {
+      console.debug("[socket] emit comment:delete", data);
+    }
+    socket.emit("comment:delete", data);
+  } catch {
+    // ignore
+  }
+}
+
+// Функция для отправки ответа на вопрос
+export function emitQuestionAnswer(data: {
+  content: string;
+  questionId: number | string;
+  id?: number | string;
+  user?: { username: string };
+  isCorrect?: boolean;
+}) {
+  try {
+    const socket = getSocket();
+    if (isDev) {
+      console.debug("[socket] emit answer:create", data);
+    }
+    socket.emit("answer:create", {
+      content: data.content,
+      questionId: data.questionId,
+      id: data.id,
+      user: data.user,
+      isCorrect: data.isCorrect ?? false,
+    });
+  } catch {
+    // ignore socket emit errors
+  }
+}
+
+// Функция для отправки изменения статуса ответа
+export function emitAnswerStateChange(data: {
+  questionId: number | string;
+  answerId: number | string;
+  isCorrect: boolean;
+}) {
+  try {
+    if (!data.questionId || data.questionId === "0") return;
+    const socket = getSocket();
+    if (isDev) {
+      console.debug("[socket] emit answer:state_change", data);
+    }
+    socket.emit("answer:state_change", {
+      questionId: data.questionId,
+      answerId: data.answerId,
+      isCorrect: data.isCorrect,
+    });
+  } catch {
+    // ignore socket emit errors
+  }
+}
+
+export function emitAnswerUpdate(data: {
+  questionId: number | string;
+  answerId: number | string;
+  content: string;
+}) {
+  try {
+    if (!data.questionId || data.questionId === "0") return;
+    const socket = getSocket();
+    if (isDev) {
+      console.debug("[socket] emit answer:update", data);
+    }
+    socket.emit("answer:update", data);
+  } catch {
+    // ignore
+  }
+}
+
+export function emitAnswerDelete(data: {
+  questionId: number | string;
+  answerId: number | string;
+}) {
+  try {
+    if (!data.questionId || data.questionId === "0") return;
+    const socket = getSocket();
+    if (isDev) {
+      console.debug("[socket] emit answer:delete", data);
+    }
+    socket.emit("answer:delete", data);
+  } catch {
+    // ignore
+  }
+}
diff --git a/src/shared/types/pagination.ts b/src/shared/types/pagination.ts
new file mode 100644
index 0000000..c78d87d
--- /dev/null
+++ b/src/shared/types/pagination.ts
@@ -0,0 +1,11 @@
+export type PaginatedMeta = {
+  itemsPerPage: number;
+  totalItems: number;
+  currentPage: number;
+  totalPages: number;
+};
+
+export type Paginated<T> = {
+  data: T[];
+  meta: PaginatedMeta;
+};
diff --git a/src/shared/ui/Avatar.tsx b/src/shared/ui/Avatar.tsx
new file mode 100644
index 0000000..191cd40
--- /dev/null
+++ b/src/shared/ui/Avatar.tsx
@@ -0,0 +1,125 @@
+import { memo, useMemo } from "react";
+
+export type AvatarProps = {
+  username: string;
+  size?: number; // px
+  className?: string;
+  title?: string;
+};
+
+// Soft color palette
+const COLORS = [
+  "#FECACA", // red-200
+  "#FED7AA", // orange-200
+  "#FEF08A", // yellow-200
+  "#BBF7D0", // green-200
+  "#99F6E4", // teal-200
+  "#A5F3FC", // sky-200
+  "#BAE6FD", // blue-200
+  "#C7D2FE", // indigo-200
+  "#E9D5FF", // purple-200
+  "#F5D0FE", // fuchsia-200
+  "#FFD6E7", // pinkish
+  "#E5E7EB", // gray-200
+];
+
+const EMOJIS = [
+  "😀",
+  "😎",
+  "🙂",
+  "😉",
+  "🤓",
+  "🤠",
+  "🥳",
+  "🤗",
+  "🐱",
+  "🐶",
+  "🦊",
+  "🐻",
+  "🐼",
+  "🐵",
+  "🦁",
+  "🐯",
+  "🐨",
+  "🐸",
+  "🐧",
+  "🐹",
+  "🐰",
+  "🐢",
+  "🐙",
+  "🐳",
+  "🦄",
+  "🐝",
+  "🐞",
+  "🦋",
+  "🐺",
+  "🐠",
+  "🐬",
+  "🦖",
+  "⭐",
+  "⚡",
+  "🔥",
+  "🌈",
+  "🌵",
+  "🍀",
+  "🍣",
+  "🍕",
+  "🍩",
+  "☕",
+  "🎧",
+  "🎮",
+  "🚀",
+  "🛡️",
+  "🧠",
+  "🧩",
+];
+
+function hashString(str: string): number {
+  let h = 2166136261; // FNV-1a
+  for (let i = 0; i < str.length; i++) {
+    h ^= str.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+
+function pick<T>(arr: T[], seed: number): T {
+  return arr[Math.abs(seed) % arr.length];
+}
+
+export const Avatar = memo(function Avatar({
+  username,
+  size = 28,
+  className = "",
+  title,
+}: AvatarProps) {
+  const { bg, emoji } = useMemo(() => {
+    const base = hashString((username || "").toLowerCase());
+    const bg = pick(COLORS, base);
+    const emoji = pick(EMOJIS, base * 48271 + 0x9e3779b1);
+    return { bg, emoji };
+  }, [username]);
+
+  const style: React.CSSProperties = {
+    width: size,
+    height: size,
+    backgroundColor: bg,
+    fontSize: Math.max(11, Math.floor(size * 0.6)),
+    lineHeight: 1,
+  };
+
+  return (
+    <span
+      className={
+        "inline-flex select-none items-center justify-center rounded-full ring-1 ring-black/5 dark:ring-white/10 text-base " +
+        className
+      }
+      style={style}
+      title={title ?? username}
+      aria-label={`Avatar of ${username}`}>
+      <span style={{ transform: "translateY(1px)" }}>{emoji}</span>
+    </span>
+  );
+});
+
+export default Avatar;
diff --git a/src/shared/ui/BackLink.tsx b/src/shared/ui/BackLink.tsx
new file mode 100644
index 0000000..2fa8a99
--- /dev/null
+++ b/src/shared/ui/BackLink.tsx
@@ -0,0 +1,35 @@
+import { memo } from "react";
+import { Link, useLocation } from "react-router-dom";
+
+type BackLinkProps = {
+  to?: string;
+  label?: string;
+  className?: string;
+};
+
+export const BackLink = memo(
+  ({ to = "/", label = "← Назад", className }: BackLinkProps) => {
+    const location = useLocation() as { state?: unknown };
+    // Try to preserve the 'mode' when navigating back to Home
+    const stateObj =
+      location.state && typeof location.state === "object"
+        ? (location.state as Record<string, unknown>)
+        : undefined;
+    const rawFromMode = stateObj?.["fromMode"];
+    const fromMode = typeof rawFromMode === "string" ? rawFromMode : undefined;
+    const search = new URLSearchParams();
+    if (fromMode === "snippets" || fromMode === "questions")
+      search.set("mode", fromMode);
+    const toWithMode =
+      to === "/" && search.toString() ? `${to}?${search.toString()}` : to;
+    return (
+      <div className={"text-sm " + (className ?? "")}>
+        <Link to={toWithMode} className="text-blue-600 dark:text-blue-400">
+          {label}
+        </Link>
+      </div>
+    );
+  }
+);
+
+export default BackLink;
diff --git a/src/shared/ui/Button.tsx b/src/shared/ui/Button.tsx
new file mode 100644
index 0000000..c0dfa61
--- /dev/null
+++ b/src/shared/ui/Button.tsx
@@ -0,0 +1,93 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { memo } from "react";
+import clsx from "clsx";
+
+type Variant =
+  | "primary"
+  | "secondary"
+  | "danger"
+  | "ghost"
+  | "outline"
+  | "link";
+type Size = "xs" | "sm" | "md";
+
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: Variant;
+  size?: Size;
+  loading?: boolean;
+  iconLeft?: ReactNode;
+  iconRight?: ReactNode;
+  fullWidth?: boolean;
+}
+
+const base =
+  "inline-flex items-center justify-center rounded whitespace-nowrap font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed";
+
+const variantClasses: Record<Variant, string> = {
+  primary:
+    "bg-blue-600 text-white hover:bg-blue-500 dark:bg-blue-500 dark:hover:bg-blue-400",
+  secondary:
+    "border border-gray-300 bg-white text-gray-900 hover:bg-gray-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-white dark:hover:bg-neutral-700",
+  danger:
+    "border border-red-600 text-red-600 hover:bg-red-50 dark:hover:bg-red-950",
+  ghost:
+    "text-gray-600 hover:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700",
+  outline:
+    "border border-gray-300 text-gray-800 hover:bg-gray-50 dark:border-neutral-600 dark:text-neutral-200 dark:hover:bg-neutral-700 bg-transparent",
+  link: "text-blue-600 hover:underline dark:text-blue-400",
+};
+
+const sizeClasses: Record<Size, string> = {
+  xs: "text-xs px-2 py-1",
+  sm: "text-sm px-3 py-1.5",
+  md: "text-sm px-4 py-2",
+};
+
+function Spinner() {
+  return (
+    <svg
+      className="animate-spin h-4 w-4 text-current"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round">
+      <circle className="opacity-25" cx="12" cy="12" r="10" />
+      <path d="M22 12a10 10 0 0 1-10 10" className="opacity-75" />
+    </svg>
+  );
+}
+
+export const Button = memo(function Button({
+  variant = "secondary",
+  size = "sm",
+  loading,
+  iconLeft,
+  iconRight,
+  className,
+  children,
+  fullWidth,
+  disabled,
+  ...rest
+}: ButtonProps) {
+  return (
+    <button
+      className={clsx(
+        base,
+        variantClasses[variant],
+        sizeClasses[size],
+        fullWidth && "w-full",
+        loading && "cursor-wait",
+        className
+      )}
+      disabled={disabled || loading}
+      {...rest}>
+      {iconLeft && <span className="mr-1.5 inline-flex">{iconLeft}</span>}
+      {loading ? <Spinner /> : children}
+      {iconRight && <span className="ml-1.5 inline-flex">{iconRight}</span>}
+    </button>
+  );
+});
+
+export default Button;
diff --git a/src/shared/ui/Clamp.tsx b/src/shared/ui/Clamp.tsx
new file mode 100644
index 0000000..16d96c5
--- /dev/null
+++ b/src/shared/ui/Clamp.tsx
@@ -0,0 +1,111 @@
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Button } from "@/shared/ui/Button";
+
+type ClampProps = {
+  children: React.ReactNode;
+  className?: string;
+  maxHeight?: number; // px when clamped
+  gradientHeight?: number; // px height of fade overlay
+  mode?: "navigate" | "toggle";
+  onMoreClick?: () => void; // used when mode="navigate"
+  moreLabel?: string; // default: "Показать весь"
+  lessLabel?: string; // default: "Показать меньше"
+};
+
+export const Clamp = memo(function Clamp({
+  children,
+  className,
+  maxHeight = 220,
+  gradientHeight = 56,
+  mode = "navigate",
+  onMoreClick,
+  moreLabel = "Показать весь",
+  lessLabel = "Показать меньше",
+}: ClampProps) {
+  const ref = useRef<HTMLDivElement | null>(null);
+  const [isOverflowing, setIsOverflowing] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const check = () => {
+      const prevMaxHeight = el.style.maxHeight;
+      el.style.maxHeight = "none";
+      const overflowing = el.scrollHeight > maxHeight + 1;
+      el.style.maxHeight = prevMaxHeight;
+      setIsOverflowing(overflowing);
+    };
+    check();
+    const ro = new ResizeObserver(check);
+    ro.observe(el);
+    window.addEventListener("resize", check);
+    return () => {
+      ro.disconnect();
+      window.removeEventListener("resize", check);
+    };
+  }, [maxHeight, children]);
+
+  const containerStyles = useMemo<React.CSSProperties>(() => {
+    return expanded ? {} : { maxHeight: `${maxHeight}px` };
+  }, [expanded, maxHeight]);
+
+  const showGradient = isOverflowing && !expanded;
+
+  const handleMore = useCallback(() => {
+    if (mode === "navigate") {
+      onMoreClick?.();
+      return;
+    }
+    setExpanded(true);
+  }, [mode, onMoreClick]);
+
+  const handleLess = useCallback(() => setExpanded(false), []);
+
+  return (
+    <div className={className}>
+      <div className="relative">
+        <div ref={ref} className="overflow-hidden" style={containerStyles}>
+          {children}
+        </div>
+        {showGradient && (
+          <div
+            className="pointer-events-none absolute bottom-0 left-0 right-0"
+            style={{ height: gradientHeight }}>
+            <div className="h-full w-full bg-gradient-to-t from-white to-transparent dark:from-neutral-800" />
+          </div>
+        )}
+      </div>
+
+      {isOverflowing && (
+        <div className="mt-2">
+          {mode === "toggle" ? (
+            expanded ? (
+              <Button
+                type="button"
+                variant="link"
+                size="xs"
+                onClick={handleLess}>
+                {lessLabel}
+              </Button>
+            ) : (
+              <Button
+                type="button"
+                variant="link"
+                size="xs"
+                onClick={handleMore}>
+                {moreLabel}
+              </Button>
+            )
+          ) : (
+            <Button type="button" variant="link" size="xs" onClick={handleMore}>
+              {moreLabel}
+            </Button>
+          )}
+        </div>
+      )}
+    </div>
+  );
+});
+
+export default Clamp;
diff --git a/src/shared/ui/CodeBlock.tsx b/src/shared/ui/CodeBlock.tsx
new file mode 100644
index 0000000..7285eba
--- /dev/null
+++ b/src/shared/ui/CodeBlock.tsx
@@ -0,0 +1,109 @@
+import { Highlight, themes } from "prism-react-renderer";
+import type {
+  Language,
+  RenderProps,
+  Token as PrismToken,
+} from "prism-react-renderer";
+import { memo, useMemo } from "react";
+import { useTheme } from "@/app/providers/useTheme";
+
+export type CodeBlockProps = {
+  code: string;
+  language?: Language | string;
+  className?: string;
+};
+
+export const CodeBlock = memo(function CodeBlock({
+  code,
+  language = "tsx",
+  className,
+}: CodeBlockProps) {
+  const { theme } = useTheme();
+  const safeCode = (code ?? "").replace(/\r\n/g, "\n");
+  // Удаляем единственный завершающий перевод строки, который часто даёт пустую последнюю строку
+  const normalizedCode = safeCode.endsWith("\n")
+    ? safeCode.slice(0, -1)
+    : safeCode;
+
+  function toPrismLanguage(lang?: Language | string): Language {
+    const l = String(lang || "tsx").toLowerCase();
+    if (
+      l.includes("tsx") ||
+      l.includes("jsx") ||
+      l === "ts" ||
+      l === "js" ||
+      l.includes("node")
+    )
+      return "tsx" as Language;
+    if (l === "python" || l === "py") return "python" as Language;
+    if (l === "java") return "java" as Language;
+    if (l === "c++" || l === "cpp") return "cpp" as Language;
+    if (l === "c") return "c" as Language;
+    if (l === "go" || l === "golang") return "go" as Language;
+    if (l === "kotlin" || l === "kt" || l === "kts")
+      return "kotlin" as Language;
+    if (l === "ruby" || l === "rb") return "ruby" as Language;
+    if (l === "php") return "php" as Language;
+    if (l === "swift") return "swift" as Language;
+    if (l === "rust" || l === "rs") return "rust" as Language;
+    if (l === "json") return "json" as Language;
+    if (l === "bash" || l === "sh" || l === "shell") return "bash" as Language;
+    if (l === "html") return "markup" as Language;
+    if (l === "css" || l === "scss" || l === "less") return "css" as Language;
+    return (l as Language) || ("tsx" as Language);
+  }
+
+  const prismLanguage = toPrismLanguage(language as Language | string);
+  const prismTheme = useMemo(
+    () =>
+      theme === "dark"
+        ? themes.gruvboxMaterialDark
+        : themes.gruvboxMaterialLight,
+    [theme]
+  );
+
+  return (
+    <div
+      className={
+        "rounded border bg-gray-50 dark:bg-neutral-900 " + (className ?? "")
+      }>
+      <Highlight
+        code={normalizedCode}
+        language={prismLanguage}
+        theme={prismTheme}>
+        {({
+          className: cls,
+          style,
+          tokens,
+          getLineProps,
+          getTokenProps,
+        }: RenderProps) => (
+          <pre
+            className={
+              cls +
+              " m-0 p-3 text-sm font-mono leading-5 overflow-x-auto overflow-y-hidden"
+            }
+            style={{ ...style, backgroundColor: "transparent" }}>
+            {(() => {
+              // Убираем полностью пустую последнюю строку, чтобы избежать лишнего вертикального отступа
+              const lines = [...tokens];
+              if (lines.length > 1) {
+                const last = lines[lines.length - 1];
+                const isEmptyLast =
+                  last.length === 1 && String(last[0]?.content || "") === "";
+                if (isEmptyLast) lines.pop();
+              }
+              return lines.map((line: PrismToken[], i: number) => (
+                <div key={i} {...getLineProps({ line })}>
+                  {line.map((token: PrismToken, key: number) => (
+                    <span key={key} {...getTokenProps({ token })} />
+                  ))}
+                </div>
+              ));
+            })()}
+          </pre>
+        )}
+      </Highlight>
+    </div>
+  );
+});
diff --git a/src/shared/ui/CodeEditor.tsx b/src/shared/ui/CodeEditor.tsx
new file mode 100644
index 0000000..a658c6f
--- /dev/null
+++ b/src/shared/ui/CodeEditor.tsx
@@ -0,0 +1,146 @@
+import React, { memo } from "react";
+import { Highlight, themes } from "prism-react-renderer";
+import type {
+  Language,
+  RenderProps,
+  Token as PrismToken,
+} from "prism-react-renderer";
+
+import { useTheme } from "@/app/providers/useTheme";
+
+type Props = {
+  value: string;
+  onChange: (value: string) => void;
+  language?: string;
+  placeholder?: string;
+  height?: number | string;
+  className?: string;
+};
+
+function toPrismLanguage(lang?: string): Language {
+  const l = (lang || "").toLowerCase();
+  if (
+    l.includes("tsx") ||
+    l.includes("jsx") ||
+    l.includes("ts") ||
+    l.includes("js") ||
+    l.includes("node")
+  )
+    return "tsx" as Language;
+  if (l === "python" || l === "py") return "python" as Language;
+  if (l === "java") return "java" as Language;
+  if (l === "c++" || l === "cpp") return "cpp" as Language;
+  if (l === "c") return "c" as Language;
+  if (l === "go" || l === "golang") return "go" as Language;
+  if (l === "kotlin" || l === "kt" || l === "kts") return "kotlin" as Language;
+  if (l === "ruby" || l === "rb") return "ruby" as Language;
+  if (l === "php") return "php" as Language;
+  if (l === "swift") return "swift" as Language;
+  if (l === "rust" || l === "rs") return "rust" as Language;
+  if (l === "json") return "json" as Language;
+  if (l === "bash" || l === "sh" || l === "shell") return "bash" as Language;
+  if (l === "html") return "markup" as Language;
+  if (l === "css" || l === "scss" || l === "less") return "css" as Language;
+  return "tsx" as Language;
+}
+
+export function CodeEditor({
+  value,
+  onChange,
+  language,
+  placeholder,
+  height = 240,
+  className,
+}: Props) {
+  const { theme } = useTheme();
+  const prismTheme = React.useMemo(
+    () =>
+      theme === "dark"
+        ? themes.gruvboxMaterialDark
+        : themes.gruvboxMaterialLight,
+    [theme]
+  );
+
+  const lang = toPrismLanguage(language);
+  const containerRef = React.useRef<HTMLDivElement | null>(null);
+  const taRef = React.useRef<HTMLTextAreaElement | null>(null);
+  const overlayRef = React.useRef<HTMLDivElement | null>(null);
+
+  const onScrollSync = () => {
+    const ta = taRef.current;
+    const overlay = overlayRef.current;
+    if (ta && overlay) {
+      overlay.scrollTop = ta.scrollTop;
+      overlay.scrollLeft = ta.scrollLeft;
+    }
+  };
+
+  return (
+    <div
+      ref={containerRef}
+      className={"relative border rounded " + (className || "")}
+      style={{ height }}>
+      {/* Highlighted layer (behind), scroll-synced */}
+      <div ref={overlayRef} className="absolute inset-0 overflow-auto rounded">
+        <Highlight
+          code={(value ?? "").replace(/\r\n/g, "\n")}
+          language={lang}
+          theme={prismTheme}>
+          {({
+            className: cls,
+            style,
+            tokens,
+            getLineProps,
+            getTokenProps,
+          }: RenderProps) => (
+            <pre
+              className={cls + " m-0 p-2 text-sm font-mono leading-5"}
+              style={{
+                ...style,
+                backgroundColor: "transparent",
+                minHeight: "100%",
+              }}>
+              {(() => {
+                const lines = [...tokens];
+                if (lines.length > 1) {
+                  const last = lines[lines.length - 1];
+                  const isEmptyLast =
+                    last.length === 1 && String(last[0]?.content || "") === "";
+                  if (isEmptyLast) lines.pop();
+                }
+                return lines.map((line: PrismToken[], i: number) => (
+                  <div key={i} {...getLineProps({ line })}>
+                    {line.map((token: PrismToken, key: number) => (
+                      <span key={key} {...getTokenProps({ token })} />
+                    ))}
+                  </div>
+                ));
+              })()}
+            </pre>
+          )}
+        </Highlight>
+      </div>
+
+      {/* Textarea input layer (on top), with transparent text but visible caret */}
+      <textarea
+        ref={taRef}
+        className="absolute inset-0 w-full h-full resize-none bg-transparent outline-none p-2 font-mono text-sm text-transparent caret-black dark:caret-white overflow-auto"
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        onScroll={onScrollSync}
+        placeholder={undefined}
+        wrap="off"
+        spellCheck={false}
+      />
+
+      {/* Visible placeholder when empty */}
+      {!value && placeholder && (
+        <div className="absolute top-2 left-2 text-gray-400 pointer-events-none text-sm">
+          {placeholder}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default memo(CodeEditor);
diff --git a/src/shared/ui/ExpandableText.tsx b/src/shared/ui/ExpandableText.tsx
new file mode 100644
index 0000000..92a012d
--- /dev/null
+++ b/src/shared/ui/ExpandableText.tsx
@@ -0,0 +1,120 @@
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Button } from "@/shared/ui/Button";
+
+type ExpandableTextProps = {
+  text: string;
+  className?: string;
+  maxHeight?: number; // px, when collapsed
+  gradientHeight?: number; // px height of fade overlay
+  mode: "navigate" | "toggle"; // navigate: show more goes to a page; toggle: expands/collapses inline
+  onMoreClick?: () => void; // used when mode="navigate"
+  moreLabel?: string; // default: "Показать весь"
+  lessLabel?: string; // default: "Показать меньше"
+};
+
+export const ExpandableText = memo(function ExpandableText({
+  text,
+  className,
+  maxHeight = 160,
+  gradientHeight = 56,
+  mode,
+  onMoreClick,
+  moreLabel = "Показать весь",
+  lessLabel = "Показать меньше",
+}: ExpandableTextProps) {
+  const contentRef = useRef<HTMLDivElement | null>(null);
+  const [isOverflowing, setIsOverflowing] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+
+  // Measure overflow on mount/resize/content changes
+  useEffect(() => {
+    const el = contentRef.current;
+    if (!el) return;
+
+    const check = () => {
+      // Temporarily remove max-height to measure full scrollHeight correctly
+      const prevMaxHeight = el.style.maxHeight;
+      el.style.maxHeight = "none";
+      const overflowing = el.scrollHeight > maxHeight + 1; // buffer
+      el.style.maxHeight = prevMaxHeight;
+      setIsOverflowing(overflowing);
+    };
+
+    check();
+
+    const ro = new ResizeObserver(() => check());
+    ro.observe(el);
+    window.addEventListener("resize", check);
+    return () => {
+      ro.disconnect();
+      window.removeEventListener("resize", check);
+    };
+  }, [maxHeight, text]);
+
+  const showGradient = isOverflowing && !expanded;
+  const containerStyles = useMemo<React.CSSProperties>(() => {
+    return expanded ? {} : { maxHeight: `${maxHeight}px` };
+  }, [expanded, maxHeight]);
+
+  const handleMore = useCallback(() => {
+    if (mode === "navigate") {
+      onMoreClick?.();
+      return;
+    }
+    setExpanded(true);
+  }, [mode, onMoreClick]);
+
+  const handleLess = useCallback(() => setExpanded(false), []);
+
+  return (
+    <div className={className}>
+      <div className="relative">
+        <div
+          ref={contentRef}
+          className={[
+            "overflow-hidden whitespace-pre-wrap text-sm text-gray-700 dark:text-gray-300",
+            expanded ? "" : "",
+          ].join(" ")}
+          style={containerStyles}>
+          {text}
+        </div>
+
+        {showGradient && (
+          <div
+            className="pointer-events-none absolute bottom-0 left-0 right-0"
+            style={{ height: gradientHeight }}>
+            <div className="h-full w-full bg-gradient-to-t from-white to-transparent dark:from-neutral-800" />
+          </div>
+        )}
+      </div>
+
+      {isOverflowing && (
+        <div className="mt-2">
+          {mode === "toggle" ? (
+            expanded ? (
+              <Button
+                type="button"
+                variant="link"
+                size="xs"
+                onClick={handleLess}>
+                {lessLabel}
+              </Button>
+            ) : (
+              <Button
+                type="button"
+                variant="link"
+                size="xs"
+                onClick={handleMore}>
+                {moreLabel}
+              </Button>
+            )
+          ) : (
+            <Button type="button" variant="link" size="xs" onClick={handleMore}>
+              {moreLabel}
+            </Button>
+          )}
+        </div>
+      )}
+    </div>
+  );
+});
diff --git a/src/shared/ui/Skeleton.tsx b/src/shared/ui/Skeleton.tsx
new file mode 100644
index 0000000..9f61cf7
--- /dev/null
+++ b/src/shared/ui/Skeleton.tsx
@@ -0,0 +1,27 @@
+import { memo } from "react";
+
+export type SkeletonProps = {
+  className?: string;
+  width?: number | string;
+  height?: number | string;
+  rounded?: boolean | string;
+};
+
+export const Skeleton = memo(function Skeleton({
+  className = "",
+  width = "100%",
+  height = 16,
+  rounded = true,
+}: SkeletonProps) {
+  const style: React.CSSProperties = { width, height };
+  const roundedClass =
+    typeof rounded === "string" ? rounded : rounded ? "rounded" : "";
+  return (
+    <div
+      className={`animate-pulse bg-gray-200 dark:bg-neutral-700 ${roundedClass} ${className}`}
+      style={style}
+    />
+  );
+});
+
+export default Skeleton;
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..8a6d6b4
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,13 @@
+/***** Tailwind v4 compat config for Vite *****/
+/**
+ * If you prefer Tailwind v4 with @import "tailwindcss" only, you can skip this file.
+ * Keeping it for editor tooling and potential v3-style content scanning.
+ */
+export default {
+  darkMode: "class",
+  content: ["./index.html", "./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..e69de29
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..5f22fa7
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Path mapping */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "@/app/*": ["src/app/*"],
+      "@/entities/*": ["src/entities/*"],
+      "@/pages/*": ["src/pages/*"],
+      "@/shared/*": ["src/shared/*"]
+    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..f85a399
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..e3ec9cd
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,29 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import mkcert from "vite-plugin-mkcert";
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), mkcert()],
+  resolve: {
+    alias: {
+      "@": "/src",
+      "@/app": "/src/app",
+      "@/entities": "/src/entities",
+      "@/pages": "/src/pages",
+      "@/shared": "/src/shared",
+    },
+  },
+  server: {
+    https: true,
+    proxy: {
+      "/api": {
+        target: "https://codelang.vercel.app",
+        changeOrigin: true,
+        secure: true,
+        cookieDomainRewrite: "localhost",
+        cookiePathRewrite: "/",
+      },
+    },
+  },
+});
diff --git a/websocket-server/README.md b/websocket-server/README.md
new file mode 100644
index 0000000..b8415ab
--- /dev/null
+++ b/websocket-server/README.md
@@ -0,0 +1,33 @@
+# WebSocket (Socket.io) сервер комментариев
+
+Запуск dev:
+
+```bash
+cd websocket-server
+npm run dev
+```
+
+Сборка и запуск prod:
+
+```bash
+npm run build
+npm start
+```
+
+Эндпоинт: ws://localhost:4000 (socket.io протокол)
+
+События:
+
+- join (room: string) – подписка на `snippet:{id}` или `question:{id}`
+- leave (room: string)
+- comment:create { content, snippetId? , questionId? }
+- comment:created (payload комментария)
+- comment:error { message }
+
+Поток:
+
+1. Клиент делает HTTP POST /comments (persist) -> 201
+2. Клиент (или сервер после повторного подтверждения) вызывает socket emit comment:create
+3. Сервер сохраняет (saveComment) и рассылает comment:created в соответствующую комнату
+
+Отладка: в dev включены логи join/leave и connect.
diff --git a/websocket-server/package-lock.json b/websocket-server/package-lock.json
new file mode 100644
index 0000000..591ebc1
--- /dev/null
+++ b/websocket-server/package-lock.json
@@ -0,0 +1,736 @@
+{
+  "name": "websocket-server",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "websocket-server",
+      "version": "1.0.0",
+      "dependencies": {
+        "axios": "^1.6.0",
+        "socket.io": "^4.8.1"
+      },
+      "devDependencies": {
+        "ts-node": "^10.0.0",
+        "typescript": "^5.0.0"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "0.3.9"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node10": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
+      "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node12": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node14": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node16": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/cors": {
+      "version": "2.8.19",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
+      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.3.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.3.0.tgz",
+      "integrity": "sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.10.0"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-walk": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/arg": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/base64id": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
+      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
+      "license": "MIT",
+      "engines": {
+        "node": "^4.5.0 || >= 5.9"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/create-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/engine.io": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.4.tgz",
+      "integrity": "sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "~0.7.2",
+        "cors": "~2.8.5",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/engine.io/node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/make-error": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/socket.io": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz",
+      "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "cors": "~2.8.5",
+        "debug": "~4.3.2",
+        "engine.io": "~6.6.0",
+        "socket.io-adapter": "~2.5.2",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "2.5.5",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.5.tgz",
+      "integrity": "sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "~4.3.4",
+        "ws": "~8.17.1"
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
+      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/ts-node": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspotcode/source-map-support": "^0.8.0",
+        "@tsconfig/node10": "^1.0.7",
+        "@tsconfig/node12": "^1.0.7",
+        "@tsconfig/node14": "^1.0.0",
+        "@tsconfig/node16": "^1.0.2",
+        "acorn": "^8.4.1",
+        "acorn-walk": "^8.1.1",
+        "arg": "^4.1.0",
+        "create-require": "^1.1.0",
+        "diff": "^4.0.1",
+        "make-error": "^1.1.1",
+        "v8-compile-cache-lib": "^3.0.1",
+        "yn": "3.1.1"
+      },
+      "bin": {
+        "ts-node": "dist/bin.js",
+        "ts-node-cwd": "dist/bin-cwd.js",
+        "ts-node-esm": "dist/bin-esm.js",
+        "ts-node-script": "dist/bin-script.js",
+        "ts-node-transpile-only": "dist/bin-transpile.js",
+        "ts-script": "dist/bin-script-deprecated.js"
+      },
+      "peerDependencies": {
+        "@swc/core": ">=1.2.50",
+        "@swc/wasm": ">=1.2.50",
+        "@types/node": "*",
+        "typescript": ">=2.7"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "@swc/wasm": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
+      "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz",
+      "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==",
+      "license": "MIT"
+    },
+    "node_modules/v8-compile-cache-lib": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/yn": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    }
+  }
+}
diff --git a/websocket-server/package.json b/websocket-server/package.json
new file mode 100644
index 0000000..088497c
--- /dev/null
+++ b/websocket-server/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "websocket-server",
+  "version": "1.0.0",
+  "private": true,
+  "main": "dist/index.js",
+  "scripts": {
+    "dev": "ts-node src/index.ts",
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "axios": "^1.6.0",
+    "socket.io": "^4.8.1"
+  },
+  "devDependencies": {
+    "ts-node": "^10.0.0",
+    "typescript": "^5.0.0"
+  }
+}
diff --git a/websocket-server/src/index.ts b/websocket-server/src/index.ts
new file mode 100644
index 0000000..a481755
--- /dev/null
+++ b/websocket-server/src/index.ts
@@ -0,0 +1,12 @@
+import { WSServer } from "./modules/core/server";
+import { registerCommentsGateway } from "./modules/comments/commentsGateway";
+
+const PORT = Number(process.env.PORT) || 4000;
+const wsServer = new WSServer({
+  port: PORT,
+  // Разрешаем и http, и https (локальные самоподписанные сертификаты)
+  corsOrigin: ["http://localhost:5173", "https://localhost:5173"],
+});
+registerCommentsGateway(wsServer);
+
+console.log(`Socket.io server started on ws://localhost:${PORT}`);
diff --git a/websocket-server/src/modules/comments/commentsGateway.ts b/websocket-server/src/modules/comments/commentsGateway.ts
new file mode 100644
index 0000000..ee261ba
--- /dev/null
+++ b/websocket-server/src/modules/comments/commentsGateway.ts
@@ -0,0 +1,265 @@
+import { WSServer } from "../core/server";
+
+// Шлюз теперь не создаёт комментарии в API (нет токена), а лишь ретранслирует событие после того как клиент сам сохранил через HTTP.
+export function registerCommentsGateway(server: WSServer) {
+  server.io.on("connection", (socket) => {
+    // Обработка создания комментариев
+    socket.on(
+      "comment:create",
+      (data: {
+        snippetId?: number;
+        questionId?: number;
+        id?: number;
+        content?: string;
+        user?: { username?: string };
+      }) => {
+        try {
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] recv comment:create", data);
+          }
+          const room = data.snippetId
+            ? `snippet:${data.snippetId}`
+            : data.questionId
+            ? `question:${data.questionId}`
+            : undefined;
+          const payload = {
+            snippetId: data.snippetId,
+            questionId: data.questionId,
+            id: data.id,
+            content: data.content,
+            user: { username: data.user?.username || "unknown" },
+          };
+          if (room) {
+            if (process.env.NODE_ENV !== "production") {
+              console.log("[ws] broadcast comment:created ->", room, payload);
+            }
+            server.io.to(room).emit("comment:created", payload);
+          } else {
+            if (process.env.NODE_ENV !== "production") {
+              console.log("[ws] broadcast comment:created (global)", payload);
+            }
+            server.io.emit("comment:created", payload);
+          }
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("comment:create relay failed", err);
+          }
+          socket.emit("comment:error", { message: "Relay failed" });
+        }
+      }
+    );
+
+    // Обработка обновления комментария
+    socket.on(
+      "comment:update",
+      (data: {
+        snippetId?: number;
+        questionId?: number;
+        id?: number | string;
+        content?: string;
+      }) => {
+        try {
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] recv comment:update", data);
+          }
+          const room = data.snippetId
+            ? `snippet:${data.snippetId}`
+            : data.questionId
+            ? `question:${data.questionId}`
+            : undefined;
+          const payload = {
+            snippetId: data.snippetId,
+            questionId: data.questionId,
+            id: data.id,
+            content: data.content,
+          };
+          if (room) {
+            if (process.env.NODE_ENV !== "production") {
+              console.log("[ws] broadcast comment:updated ->", room, payload);
+            }
+            server.io.to(room).emit("comment:updated", payload);
+          } else {
+            if (process.env.NODE_ENV !== "production") {
+              console.log("[ws] broadcast comment:updated (global)", payload);
+            }
+            server.io.emit("comment:updated", payload);
+          }
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("comment:update relay failed", err);
+          }
+          socket.emit("comment:error", { message: "Update relay failed" });
+        }
+      }
+    );
+
+    // Обработка удаления комментария
+    socket.on(
+      "comment:delete",
+      (data: {
+        snippetId?: number;
+        questionId?: number;
+        id?: number | string;
+      }) => {
+        try {
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] recv comment:delete", data);
+          }
+          const room = data.snippetId
+            ? `snippet:${data.snippetId}`
+            : data.questionId
+            ? `question:${data.questionId}`
+            : undefined;
+          const payload = {
+            snippetId: data.snippetId,
+            questionId: data.questionId,
+            id: data.id,
+          };
+          if (room) {
+            if (process.env.NODE_ENV !== "production") {
+              console.log("[ws] broadcast comment:deleted ->", room, payload);
+            }
+            server.io.to(room).emit("comment:deleted", payload);
+          } else {
+            if (process.env.NODE_ENV !== "production") {
+              console.log("[ws] broadcast comment:deleted (global)", payload);
+            }
+            server.io.emit("comment:deleted", payload);
+          }
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("comment:delete relay failed", err);
+          }
+          socket.emit("comment:error", { message: "Delete relay failed" });
+        }
+      }
+    );
+
+    // Обработка создания ответов на вопросы
+    socket.on(
+      "answer:create",
+      (data: {
+        questionId?: number | string;
+        id?: number | string;
+        content?: string;
+        user?: { username?: string };
+        isCorrect?: boolean;
+      }) => {
+        try {
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] recv answer:create", data);
+          }
+          const room = `question:${data.questionId}`;
+          const payload = {
+            questionId: data.questionId,
+            id: data.id,
+            content: data.content,
+            user: { username: data.user?.username || "unknown" },
+            isCorrect: data.isCorrect ?? false,
+          };
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] broadcast answer:created ->", room, payload);
+          }
+          server.io.to(room).emit("answer:created", payload);
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("answer:create relay failed", err);
+          }
+          socket.emit("answer:error", { message: "Relay failed" });
+        }
+      }
+    );
+
+    // Обработка изменения статуса ответа
+    socket.on(
+      "answer:state_change",
+      (data: {
+        questionId?: number | string;
+        answerId?: number | string;
+        isCorrect?: boolean;
+      }) => {
+        try {
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] recv answer:state_change", data);
+          }
+          const room = `question:${data.questionId}`;
+          const payload = {
+            questionId: data.questionId,
+            answerId: data.answerId,
+            isCorrect: data.isCorrect,
+          };
+          if (process.env.NODE_ENV !== "production") {
+            console.log(
+              "[ws] broadcast answer:state_changed ->",
+              room,
+              payload
+            );
+          }
+          server.io.to(room).emit("answer:state_changed", payload);
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("answer:state_change relay failed", err);
+          }
+          socket.emit("answer:error", { message: "State change relay failed" });
+        }
+      }
+    );
+
+    // Обработка обновления ответа
+    socket.on(
+      "answer:update",
+      (data: {
+        questionId?: number | string;
+        answerId?: number | string;
+        content?: string;
+      }) => {
+        try {
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] recv answer:update", data);
+          }
+          const room = `question:${data.questionId}`;
+          const payload = {
+            questionId: data.questionId,
+            answerId: data.answerId,
+            content: data.content,
+          };
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] broadcast answer:updated ->", room, payload);
+          }
+          server.io.to(room).emit("answer:updated", payload);
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("answer:update relay failed", err);
+          }
+          socket.emit("answer:error", { message: "Update relay failed" });
+        }
+      }
+    );
+
+    // Обработка удаления ответа
+    socket.on(
+      "answer:delete",
+      (data: { questionId?: number | string; answerId?: number | string }) => {
+        try {
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] recv answer:delete", data);
+          }
+          const room = `question:${data.questionId}`;
+          const payload = {
+            questionId: data.questionId,
+            answerId: data.answerId,
+          };
+          if (process.env.NODE_ENV !== "production") {
+            console.log("[ws] broadcast answer:deleted ->", room, payload);
+          }
+          server.io.to(room).emit("answer:deleted", payload);
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.error("answer:delete relay failed", err);
+          }
+          socket.emit("answer:error", { message: "Delete relay failed" });
+        }
+      }
+    );
+  });
+}
diff --git a/websocket-server/src/modules/comments/commentsService.ts b/websocket-server/src/modules/comments/commentsService.ts
new file mode 100644
index 0000000..099d3ad
--- /dev/null
+++ b/websocket-server/src/modules/comments/commentsService.ts
@@ -0,0 +1,4 @@
+// Legacy: изначально сервер пытался сам создавать комментарий через REST API.
+// Теперь логика перенесена на клиент (HTTP -> после успешного ответа -> socket emit).
+// Файл оставлен как напоминание; можно удалить при желании.
+export {};
diff --git a/websocket-server/src/modules/core/server.ts b/websocket-server/src/modules/core/server.ts
new file mode 100644
index 0000000..38d022d
--- /dev/null
+++ b/websocket-server/src/modules/core/server.ts
@@ -0,0 +1,49 @@
+import { Server, Socket } from "socket.io";
+import { createServer } from "http";
+
+export interface WSServerOptions {
+  port: number;
+  corsOrigin?: string | string[];
+}
+
+export class WSServer {
+  public io: Server;
+
+  constructor(opts: WSServerOptions) {
+    const httpServer = createServer();
+    this.io = new Server(httpServer, {
+      cors: {
+        origin: opts.corsOrigin || true,
+        credentials: true,
+      },
+    });
+
+    this.io.on("connection", (socket) => this.onConnection(socket));
+    httpServer.listen(opts.port);
+  }
+
+  private onConnection(socket: Socket) {
+    if (process.env.NODE_ENV !== "production") {
+      const origin = socket.handshake.headers.origin;
+      console.log(
+        `[ws] connection established id=${socket.id} origin=${origin}`
+      );
+    }
+    socket.on("join", (room: string) => {
+      if (typeof room === "string") {
+        socket.join(room);
+        if (process.env.NODE_ENV !== "production") {
+          console.log(`[ws] ${socket.id} joined ${room}`);
+        }
+      }
+    });
+    socket.on("leave", (room: string) => {
+      if (typeof room === "string") {
+        socket.leave(room);
+        if (process.env.NODE_ENV !== "production") {
+          console.log(`[ws] ${socket.id} left ${room}`);
+        }
+      }
+    });
+  }
+}
diff --git a/websocket-server/src/modules/core/types.ts b/websocket-server/src/modules/core/types.ts
new file mode 100644
index 0000000..72c2c6b
--- /dev/null
+++ b/websocket-server/src/modules/core/types.ts
@@ -0,0 +1,13 @@
+export interface CommentDto {
+  id: number;
+  content: string;
+  user: { id?: number; username: string };
+  snippetId?: number;
+  questionId?: number;
+  createdAt?: string;
+}
+
+export type WSMessage<T extends string = string, P = unknown> = {
+  type: T;
+  payload: P;
+};
diff --git a/websocket-server/tsconfig.json b/websocket-server/tsconfig.json
new file mode 100644
index 0000000..2d43166
--- /dev/null
+++ b/websocket-server/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "commonjs",
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}