diff --git a/.pnpm-build-scripts.json b/.pnpm-build-scripts.json
index 1fd82fc..c6166eb 100644
--- a/.pnpm-build-scripts.json
+++ b/.pnpm-build-scripts.json
@@ -1 +1 @@
-{"onlyBuiltDependencies":["esbuild","@parcel/watcher","vue-demi"]}
+{ "onlyBuiltDependencies": ["esbuild", "@parcel/watcher", "vue-demi"] }
diff --git a/.pnpmfile.cjs b/.pnpmfile.cjs
index 9e62024..9e46d93 100644
--- a/.pnpmfile.cjs
+++ b/.pnpmfile.cjs
@@ -1,6 +1,6 @@
 // Allow build scripts for core build tools
 function readPackage(pkg) {
-  return pkg;
+  return pkg
 }
 
-module.exports = { hooks: { readPackage } };
+module.exports = { hooks: { readPackage } }
diff --git a/README.md b/README.md
index fcd3d56..24f2b6f 100644
--- a/README.md
+++ b/README.md
@@ -4,21 +4,21 @@ Vue 3 + Vite + Tauri v2. Работает как PWA в браузере и ка
 
 ## Стек
 
-| Слой | Технология                                      |
-|---|-------------------------------------------------|
-| UI framework | Vue 3 (Composition API, `<script setup>`)       |
-| Build tool | Vite 6                                          |
-| Desktop shell | Tauri v2                                        |
-| State management | Composables                                     |                                     |
-| Routing | Vue Router 4                                    |
-| HTTP client | Axios (сгенерированный клиент `src/api/api.ts`) |
-| Форм-валидация | Vuelidate                                       |
-| Анимации | GSAP 3                                          |
-| Карты | Leaflet                                         |
-| Утилиты | VueUse                                          |
-| CSS | SCSS + Tailwind v4 (reset-only)                 |
-| Package manager | pnpm                                            |
-| TypeScript | строгий режим, `no any`                         |
+| Слой             | Технология                                      |
+| ---------------- | ----------------------------------------------- | --- |
+| UI framework     | Vue 3 (Composition API, `<script setup>`)       |
+| Build tool       | Vite 6                                          |
+| Desktop shell    | Tauri v2                                        |
+| State management | Composables                                     |     |
+| Routing          | Vue Router 4                                    |
+| HTTP client      | Axios (сгенерированный клиент `src/api/api.ts`) |
+| Форм-валидация   | Vuelidate                                       |
+| Анимации         | GSAP 3                                          |
+| Карты            | Leaflet                                         |
+| Утилиты          | VueUse                                          |
+| CSS              | SCSS + Tailwind v4 (reset-only)                 |
+| Package manager  | pnpm                                            |
+| TypeScript       | строгий режим, `no any`                         |
 
 ---
 
@@ -118,22 +118,23 @@ dating-app-frontend/
 
 ## Маршрутизация
 
-| Путь | Компонент | Guard |
-|---|---|---|
-| `/` | redirect → `/feed` | — |
-| `/login` | LoginView | guest only |
-| `/register` | RegisterView | guest only |
-| `/setup` | ProfileSetupView | auth |
-| `/feed` | FeedView | auth |
-| `/matches` | MatchesView | auth |
-| `/chats` | ChatsListView | auth |
-| `/chats/:chatId` | ChatRoomView | auth |
-| `/dates` | DatesView | auth |
-| `/profile/me` | MyProfileView | auth |
-| `/profile/:profileId` | ProfileDetailView | auth |
-| `/admin/reports` | ReportsView | auth + admin |
+| Путь                  | Компонент          | Guard        |
+| --------------------- | ------------------ | ------------ |
+| `/`                   | redirect → `/feed` | —            |
+| `/login`              | LoginView          | guest only   |
+| `/register`           | RegisterView       | guest only   |
+| `/setup`              | ProfileSetupView   | auth         |
+| `/feed`               | FeedView           | auth         |
+| `/matches`            | MatchesView        | auth         |
+| `/chats`              | ChatsListView      | auth         |
+| `/chats/:chatId`      | ChatRoomView       | auth         |
+| `/dates`              | DatesView          | auth         |
+| `/profile/me`         | MyProfileView      | auth         |
+| `/profile/:profileId` | ProfileDetailView  | auth         |
+| `/admin/reports`      | ReportsView        | auth + admin |
 
 Логика guard:
+
 1. При первой навигации пытается восстановить сессию через `refreshToken` из localStorage.
 2. Если пользователь авторизован, но профилей нет — редирект на `/setup`.
 3. Если токен истёк — silent refresh через `POST /api/v1/auth/refresh`.
@@ -192,8 +193,8 @@ Tailwind v4 импортируется **отдельно** от SCSS:
 
 ```ts
 // main.ts — порядок важен
-import '@/styles/tailwind.css'  // @import "tailwindcss"
-import '@/styles/main.scss'     // custom styles
+import '@/styles/tailwind.css' // @import "tailwindcss"
+import '@/styles/main.scss' // custom styles
 ```
 
 Каждый SCSS-парциал (`_typography.scss`, `_animations.scss`) включает в начале:
@@ -209,14 +210,15 @@ import '@/styles/main.scss'     // custom styles
 ### Дизайн-токены (CSS custom properties)
 
 ```scss
---color-base:      #0d0d0d   // фон приложения
---color-surface:   #161614   // поверхность карточек
---color-surface-2: #1e1e1b   // инпуты, вторичные поверхности
---color-cream:     #f0ebe0   // основной текст
---color-muted:     #6b6860   // второстепенный текст
---color-signal:    #c45c3a   // акцент (CTA, лайк, активный стейт)
---font-display: 'Instrument Serif', serif
---font-mono:    'DM Mono', monospace
+--color-base:
+  #0d0d0d // фон приложения
+  --color-surface: #161614 // поверхность карточек
+  --color-surface-2: #1e1e1b // инпуты, вторичные поверхности
+  --color-cream: #f0ebe0 // основной текст
+  --color-muted: #6b6860 // второстепенный текст
+  --color-signal: #c45c3a // акцент (CTA, лайк, активный стейт)
+  --font-display: 'Instrument Serif',
+  serif --font-mono: 'DM Mono', monospace;
 ```
 
 Шрифты загружаются из Google Fonts в `index.html`.
@@ -228,7 +230,7 @@ import '@/styles/main.scss'     // custom styles
 ### Обнаружение среды
 
 ```ts
-const isTauri = typeof window !== 'undefined' && !!window.__TAURI__;
+const isTauri = typeof window !== 'undefined' && !!window.__TAURI__
 ```
 
 ### Кастомный тайтлбар
@@ -242,6 +244,7 @@ const isTauri = typeof window !== 'undefined' && !!window.__TAURI__;
 ### Конфигурация окна
 
 `src-tauri/tauri.conf.json`:
+
 - `decorations: false` — убирает системный тайтлбар
 - `minWidth: 375` — соответствует мобильному брейкпойнту
 - Permissions: `dialog:allow-open`, `dialog:allow-save`, `shell:allow-open`
diff --git a/dating-app-frontend-prompt.md b/dating-app-frontend-prompt.md
index 1be5f32..efdb1b4 100644
--- a/dating-app-frontend-prompt.md
+++ b/dating-app-frontend-prompt.md
@@ -8,14 +8,15 @@ Project root: `C:\MyApps\dating-app-frontend`
 Package manager: **pnpm**
 Stack: **Vue 3 (Composition API + `<script setup>`) + Vite + Tauri v2**
 The app must work in three contexts simultaneously:
+
 1. Browser (dev/PWA) — desktop viewport
 2. Browser — mobile viewport (responsive, ≥ 375 px)
 3. Tauri desktop window (Windows / macOS / Linux)
 
 ---
 
-All user-facing text (button labels, placeholders, error messages, 
-toast notifications, empty states, navigation items, form hints, 
+All user-facing text (button labels, placeholders, error messages,
+toast notifications, empty states, navigation items, form hints,
 section headings) must be written in Russian.
 Brand name, logo, and any decorative/editorial text remain in English.
 
@@ -32,6 +33,7 @@ Before writing any code, internalize these two skill files in full:
 
 Apply **Impeccable** design principles throughout every component.
 Apply **Taste-skill** with these parameters:
+
 - `DESIGN_VARIANCE: 8`
 - `MOTION_INTENSITY: 6`
 - `VISUAL_DENSITY: 4`
@@ -39,6 +41,7 @@ Apply **Taste-skill** with these parameters:
 ### Aesthetic Direction
 
 The visual language is **"warm brutalism meets editorial intimacy"**:
+
 - Dark base (`#0d0d0d`) with warm cream (`#f0ebe0`) as the primary text/accent surface
 - A single vivid signal color — deep terracotta `#c45c3a` — used sparingly for CTAs, likes, active states
 - Typography: pair **`Instrument Serif`** (display, headers, profile names) with **`DM Mono`** (UI labels, metadata, counts). Load both from Google Fonts.
@@ -164,6 +167,7 @@ src/
 Implement every endpoint from `src/api/api.ts`. Below is the complete feature map:
 
 ### Auth (`/api/v1/auth/`)
+
 - `POST /register` — registration form with phone + password, validation via Vuelidate
 - `POST /login` — login form
 - `POST /logout` — clear store + redirect
@@ -173,11 +177,13 @@ Implement every endpoint from `src/api/api.ts`. Below is the complete feature ma
 Store access token in memory (Pinia), refresh token in `localStorage`. Never store access token in `localStorage`.
 
 ### Users (`/api/v1/users/`)
+
 - `GET /me` — populate auth store on app load
 - `GET /:id` — view any user (admin use)
 - `PATCH /:id/ban` and `/activate` — admin panel actions
 
 ### Profiles (`/api/v1/profiles/`)
+
 - `POST /` — profile creation wizard (multi-step: basic info → location → tags → photo)
 - `GET /my` — list own profiles in MyProfileView
 - `GET /:profileId` — public profile detail page
@@ -185,20 +191,24 @@ Store access token in memory (Pinia), refresh token in `localStorage`. Never sto
 - `DELETE /:profileId` — with confirmation modal
 
 ### Media (`/api/v1/profiles/:profileId/media/`)
+
 - `POST /upload?type=` — drag-and-drop + file picker; show upload progress bar
 - `GET /` — grid gallery with lightbox
 - `DELETE /:mediaId` — with optimistic UI removal
 
 ### Feed (`/api/v1/feed`)
+
 - Infinite scroll OR card-stack swipe (implement BOTH modes, togglable via UI switch)
 - Filter panel: cityId, districtId, ageMin/ageMax, keyword, tagIds (multi-select chips)
 - Show "search paused" banner when match limit is exceeded (detect via API response or a dedicated flag)
 
 ### Likes (`/api/v1/likes`)
+
 - `POST /` — like/dislike with swipe gesture (GSAP drag) or button
 - `GET /matches?profileId=` — matches list with match animation (confetti-lite or editorial flash)
 
 ### Chat (`/api/v1/chats`)
+
 - `POST /` — open chat from a match card
 - `GET /?profileId=` — chats list; lock icon on inactive chats (only one active at a time)
 - `GET /:chatId/messages?profileId=` — message history with virtual scroll
@@ -207,16 +217,19 @@ Store access token in memory (Pinia), refresh token in `localStorage`. Never sto
 - Implement **polling** (2 s interval) for new messages; note in code where WebSocket would replace this
 
 ### Dates (`/api/v1/dates`)
+
 - `POST /` — proposal form: map picker (Leaflet) for lat/lng, datetime picker, optional statusId
 - `GET /?profileId=` — list with status chips
 - `PATCH /:id/status?profileId=` — accept / decline / complete actions
 - `GET /statuses` — fetch on mount, cache in Pinia
 
 ### Reports (`/api/v1/reports`)
+
 - `POST /` — `ReportModal` triggered from profile or chat bubble context menu
 - `GET /` — admin table view with pagination
 
 ### Tags, Cities, Greetings
+
 - `GET /tags`, `GET /cities`, `GET /cities/:cityId/districts`, `GET /greetings` — fetch on app init, cache in Pinia
 - Admin: create/delete tags, cities, districts, greetings
 
@@ -225,7 +238,9 @@ Store access token in memory (Pinia), refresh token in `localStorage`. Never sto
 ## Component Implementation Standards
 
 ### FeedCard.vue
+
 The centerpiece. Execute this with exceptional care:
+
 - Full-bleed image background
 - Profile name in large Instrument Serif, overlapping bottom of image
 - Age, city, tags as DM Mono micro-labels
@@ -235,6 +250,7 @@ The centerpiece. Execute this with exceptional care:
 - Tap to expand into ProfileDetailView
 
 ### ChatRoomView.vue
+
 - Messages grouped by date separator
 - Own messages: right-aligned, cream background
 - Partner messages: left-aligned, dark card with subtle border
@@ -245,18 +261,21 @@ The centerpiece. Execute this with exceptional care:
 - Input bar: text area auto-grows, attach button opens media type picker
 
 ### AppShell.vue
+
 - Desktop: left sidebar (64px collapsed / 240px expanded) + main content area
 - Mobile: top header + bottom nav (5 items)
 - Tauri: custom titlebar with drag region, traffic lights on macOS (use `data-tauri-drag-region`)
 - Grain SVG filter applied as a pseudo-element over the entire shell
 
 ### Responsive breakpoints
+
 ```scss
 $mobile: 375px;
 $tablet: 768px;
 $desktop: 1024px;
 $wide: 1440px;
 ```
+
 Use `@container` queries inside card components where possible.
 
 ---
@@ -285,18 +304,21 @@ Navigation guard: check auth store on every route change. Refresh token silently
 ## State Management (Pinia)
 
 ### `auth.store.ts`
+
 ```ts
 state: { user, accessToken, profiles, activeProfileId }
 actions: login, logout, register, refreshToken, setActiveProfile
 ```
 
 ### `feed.store.ts`
+
 ```ts
 state: { cards[], filters, page, hasMore, searchPaused }
 actions: fetchNextPage, applyFilters, likeCard, dislikeCard
 ```
 
 ### `chat.store.ts`
+
 ```ts
 state: { chats[], activeChat, messages[], polling: NodeJS.Timer | null }
 actions: openChat, closeChat, sendMessage, fetchMessages, startPolling, stopPolling
@@ -316,6 +338,7 @@ actions: openChat, closeChat, sendMessage, fetchMessages, startPolling, stopPoll
 ## CSS Architecture
 
 `src/styles/main.scss` imports in order:
+
 1. `_variables.scss` — all CSS custom properties
 2. `_typography.scss` — font definitions, heading scale
 3. `_animations.scss` — keyframes, transition utilities
@@ -324,26 +347,26 @@ actions: openChat, closeChat, sendMessage, fetchMessages, startPolling, stopPoll
 ```scss
 // _variables.scss
 :root {
-  --color-base:      #0d0d0d;
-  --color-surface:   #161614;
+  --color-base: #0d0d0d;
+  --color-surface: #161614;
   --color-surface-2: #1e1e1b;
-  --color-cream:     #f0ebe0;
-  --color-muted:     #6b6860;
-  --color-signal:    #c45c3a;
-  --color-signal-dim:#7a3822;
-  --color-border:    rgba(240, 235, 224, 0.08);
+  --color-cream: #f0ebe0;
+  --color-muted: #6b6860;
+  --color-signal: #c45c3a;
+  --color-signal-dim: #7a3822;
+  --color-border: rgba(240, 235, 224, 0.08);
 
   --font-display: 'Instrument Serif', Georgia, serif;
-  --font-mono:    'DM Mono', 'Courier New', monospace;
+  --font-mono: 'DM Mono', 'Courier New', monospace;
 
-  --radius-sm:  4px;
-  --radius-md:  8px;
-  --radius-lg:  16px;
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 16px;
 
-  --shadow-card: 0 2px 24px rgba(0,0,0,0.6);
+  --shadow-card: 0 2px 24px rgba(0, 0, 0, 0.6);
 
-  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
-  --transition-base:   280ms cubic-bezier(0.4, 0, 0.2, 1);
+  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  --transition-base: 280ms cubic-bezier(0.4, 0, 0.2, 1);
   --transition-spring: 420ms cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 ```
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..97cc5b4
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,24 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  typescript: true,
+  vue: true,
+  formatters: true,
+  rules: {
+    'no-console': 0,
+    'vue/no-deprecated-slot-attribute': 0,
+    'vue/block-order': ['error', {
+      order: ['template', 'script', 'style'],
+    }],
+    'unused-imports/no-unused-vars': [
+      'warn',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    'node/prefer-global/process': 'off',
+    'eslint-comments/no-unlimited-disable': 'off',
+    'eslint-comments/no-unused-disable': 'off',
+  },
+})
diff --git a/package.json b/package.json
index e35c8f3..fee7b58 100644
--- a/package.json
+++ b/package.json
@@ -1,13 +1,14 @@
 {
   "name": "dating-app-frontend",
-  "private": true,
-  "version": "0.1.0",
   "type": "module",
+  "version": "0.1.0",
+  "private": true,
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
     "tauri": "tauri",
+    "lint": "eslint . --fix",
     "gen:api": "npx swagger-typescript-api@12.0.4 -p http://localhost:1337/api/docs-json -o ./src/api -n api.ts --axios --unwrap-response-data --extract-request-params --extract-request-body --single-http-client"
   },
   "dependencies": {
@@ -26,11 +27,14 @@
     "vue-router": "^4.4.5"
   },
   "devDependencies": {
+    "@antfu/eslint-config": "^9.0.0",
     "@tailwindcss/vite": "^4.1.0",
     "@tauri-apps/cli": "^2",
     "@types/leaflet": "^1.9.12",
     "@vitejs/plugin-vue": "^5.1.4",
     "autoprefixer": "^10.4.20",
+    "eslint": "^10.4.1",
+    "eslint-plugin-format": "^2.0.1",
     "sass": "^1.79.3",
     "tailwindcss": "^4.1.0",
     "typescript": "^5.6.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 73192ad..8ee07cb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,7 +4,7 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
-pnpmfileChecksum: sha256-ANfwmf3WxqML741w2cIlzY4ypffYCD9edxiMuCixEyA=
+pnpmfileChecksum: sha256-gUE9/4aMEvCbPXVsHoGhp0SRWSSeADhwEpEw4GQvFXg=
 
 importers:
 
@@ -50,9 +50,12 @@ importers:
         specifier: ^4.4.5
         version: 4.6.4(vue@3.5.35(typescript@5.9.3))
     devDependencies:
+      '@antfu/eslint-config':
+        specifier: ^9.0.0
+        version: 9.0.0(@typescript-eslint/rule-tester@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.60.1(typescript@5.9.3))(@typescript-eslint/utils@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(@vue/compiler-sfc@3.5.35)(eslint-plugin-format@2.0.1(eslint@10.4.1(jiti@2.7.0)))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
       '@tailwindcss/vite':
         specifier: ^4.1.0
-        version: 4.3.0(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0))
+        version: 4.3.0(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0))
       '@tauri-apps/cli':
         specifier: ^2
         version: 2.11.2
@@ -61,10 +64,16 @@ importers:
         version: 1.9.21
       '@vitejs/plugin-vue':
         specifier: ^5.1.4
-        version: 5.2.4(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0))(vue@3.5.35(typescript@5.9.3))
+        version: 5.2.4(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0))(vue@3.5.35(typescript@5.9.3))
       autoprefixer:
         specifier: ^10.4.20
         version: 10.5.0(postcss@8.5.15)
+      eslint:
+        specifier: ^10.4.1
+        version: 10.4.1(jiti@2.7.0)
+      eslint-plugin-format:
+        specifier: ^2.0.1
+        version: 2.0.1(eslint@10.4.1(jiti@2.7.0))
       sass:
         specifier: ^1.79.3
         version: 1.100.0
@@ -76,13 +85,77 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^6.0.3
-        version: 6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)
+        version: 6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0)
       vue-tsc:
         specifier: ^2.1.6
         version: 2.2.12(typescript@5.9.3)
 
 packages:
 
+  '@antfu/eslint-config@9.0.0':
+    resolution: {integrity: sha512-8aQW0UWHoNMdVxTfzs1+w10t26plsc9oFs8YhCyCtST5nnANJe/VAjqvR3hYI1l3PHBeo4tjVMg8wuu6g3OLlA==}
+    hasBin: true
+    peerDependencies:
+      '@angular-eslint/eslint-plugin': ^21.1.0
+      '@angular-eslint/eslint-plugin-template': ^21.1.0
+      '@angular-eslint/template-parser': ^21.1.0
+      '@eslint-react/eslint-plugin': ^5.6.0
+      '@next/eslint-plugin-next': '>=15.0.0'
+      '@prettier/plugin-xml': ^3.4.1
+      '@unocss/eslint-plugin': '>=0.50.0'
+      astro-eslint-parser: ^1.0.2
+      eslint: ^9.10.0 || ^10.0.0
+      eslint-plugin-astro: ^1.2.0
+      eslint-plugin-format: '>=0.1.0'
+      eslint-plugin-jsx-a11y: '>=6.10.2'
+      eslint-plugin-react-refresh: ^0.5.0
+      eslint-plugin-solid: ^0.14.3
+      eslint-plugin-svelte: '>=2.35.1'
+      eslint-plugin-vuejs-accessibility: ^2.4.1
+      prettier-plugin-astro: ^0.14.0
+      prettier-plugin-slidev: ^1.0.5
+      svelte-eslint-parser: '>=0.37.0'
+    peerDependenciesMeta:
+      '@angular-eslint/eslint-plugin':
+        optional: true
+      '@angular-eslint/eslint-plugin-template':
+        optional: true
+      '@angular-eslint/template-parser':
+        optional: true
+      '@eslint-react/eslint-plugin':
+        optional: true
+      '@next/eslint-plugin-next':
+        optional: true
+      '@prettier/plugin-xml':
+        optional: true
+      '@unocss/eslint-plugin':
+        optional: true
+      astro-eslint-parser:
+        optional: true
+      eslint-plugin-astro:
+        optional: true
+      eslint-plugin-format:
+        optional: true
+      eslint-plugin-jsx-a11y:
+        optional: true
+      eslint-plugin-react-refresh:
+        optional: true
+      eslint-plugin-solid:
+        optional: true
+      eslint-plugin-svelte:
+        optional: true
+      eslint-plugin-vuejs-accessibility:
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-slidev:
+        optional: true
+      svelte-eslint-parser:
+        optional: true
+
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
   '@babel/helper-string-parser@7.29.7':
     resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
     engines: {node: '>=6.9.0'}
@@ -100,6 +173,46 @@ packages:
     resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
     engines: {node: '>=6.9.0'}
 
+  '@clack/core@1.4.1':
+    resolution: {integrity: sha512-FILJa1gGKEFTGZAJE9RpVhrjKz3c3h4ar60dSv6cGuDqufQ84YEIS3GAGvZiN+H6yaLbbvTFNejjCC4tXpZEuw==}
+    engines: {node: '>= 20.12.0'}
+
+  '@clack/prompts@1.5.1':
+    resolution: {integrity: sha512-zccHj2z2oCCO4yrDiRSlFOxWerGqRiysP7a5jPK6uoI9URKAquwY42Dd/iUP8JWHxEzdRe4TlbvZCo8z1/mhrw==}
+    engines: {node: '>= 20.12.0'}
+
+  '@dprint/formatter@0.5.1':
+    resolution: {integrity: sha512-cdZUrm0iv/FnnY3CKE2dEcVhNEzrC551aE2h2mTFwQCRBrqyARLDnb7D+3PlXTUVp3s34ftlnGOVCmhLT9DeKA==}
+
+  '@dprint/markdown@0.21.1':
+    resolution: {integrity: sha512-XbZ/R7vRrBaZFYXG6vAvLvtaMVXHu8XB+xwie7OYrG+dPoGDP8UADGirIbzUyX8TmrAZcl6QBmalipTGlpzRmQ==}
+
+  '@dprint/toml@0.7.0':
+    resolution: {integrity: sha512-eFaQTcfxKHB+YyTh83x7GEv+gDPuj9q5NFOTaoj5rZmQTbj6OgjjMxUicmS1R8zYcx8YAq5oA9J3YFa5U6x2gA==}
+
+  '@e18e/eslint-plugin@0.4.1':
+    resolution: {integrity: sha512-Re00N8ad1HsNrzpuIX7Bhdr8RSaFWp6VgwJUEJF+47+D1CMcXoS7VNRkIG23e46pddhgxWU0cWk4wYiQIuMHqQ==}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
+      oxlint: ^1.61.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+      oxlint:
+        optional: true
+
+  '@es-joy/jsdoccomment@0.84.0':
+    resolution: {integrity: sha512-0xew1CxOam0gV5OMjh2KjFQZsKL2bByX1+q4j3E73MpYIdyUxcZb/xQct9ccUb+ve5KGUYbCUxyPnYB7RbuP+w==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@es-joy/jsdoccomment@0.86.0':
+    resolution: {integrity: sha512-ukZmRQ81WiTpDWO6D/cTBM7XbrNtutHKvAVnZN/8pldAwLoJArGOvkNyxPTBGsPjsoaQBJxlH+tE2TNA/92Qgw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@es-joy/resolve.exports@1.2.0':
+    resolution: {integrity: sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==}
+    engines: {node: '>=10'}
+
   '@esbuild/aix-ppc64@0.25.12':
     resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
     engines: {node: '>=18'}
@@ -412,6 +525,59 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@eslint-community/eslint-plugin-eslint-comments@4.7.2':
+    resolution: {integrity: sha512-LF03qURSwEWm2dz5wtdDCzNk+7Opl0X7q6I3undsaIuNsEiNvRV3BCtqu14Q/6Pzg1tBj44LcxpW2EpSLZStZw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0
+
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/compat@2.1.0':
+    resolution: {integrity: sha512-LgaSCymEpw7tF53xvDw9SNsraPb1IBHxpdABIOM0hW8UAlP8znrjYtuxfR58FSJ3L9BhwD+FaPRFQpZq84Nh6g==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: ^8.40 || 9 || 10
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  '@eslint/config-array@0.23.5':
+    resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/config-helpers@0.5.5':
+    resolution: {integrity: sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/config-helpers@0.6.0':
+    resolution: {integrity: sha512-ii6Bw9jJ2zi2cWA2Z+9/QZ/+3DX6kwaV5Q986D/CdP3Lap3w/pgQZ373FV7byY/i7L4IRH/G43I5dz1ClsCbpA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/core@1.2.1':
+    resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/markdown@8.0.2':
+    resolution: {integrity: sha512-W+/0qHp0WbvFEljUvvECNpSWrUHpBWIWwp7F3QqEwQKmaRCmfEWvk6VfUia9pTQ0th6HyBGBsPfg/kG3/aQxLA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/object-schema@3.0.5':
+    resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/plugin-kit@0.7.2':
+    resolution: {integrity: sha512-+CNAzxglkrpNf/kKywqQfk74QjtceuOE7Qm+AF8miRvPF/wmmK5+OJOgVh3AVTT3RP2mH3+FOaxlE5v72owk0A==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
   '@floating-ui/core@1.7.5':
     resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
 
@@ -424,6 +590,26 @@ packages:
   '@floating-ui/vue@1.1.11':
     resolution: {integrity: sha512-HzHKCNVxnGS35r9fCHBc3+uCnjw9IWIlCPL683cGgM9Kgj2BiAl8x1mS7vtvP6F9S/e/q4O6MApwSHj8hNLGfw==}
 
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -440,6 +626,132 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@ota-meshi/ast-token-store@0.3.0':
+    resolution: {integrity: sha512-XRO0zi2NIUKq2lUk3T1ecFSld1fMWRKE6naRFGkgkdeosx7IslyUKNv5Dcb5PJTja9tHJoFu0v/7yEpAkrkrTg==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@oxfmt/binding-android-arm-eabi@0.35.0':
+    resolution: {integrity: sha512-BaRKlM3DyG81y/xWTsE6gZiv89F/3pHe2BqX2H4JbiB8HNVlWWtplzgATAE5IDSdwChdeuWLDTQzJ92Lglw3ZA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxfmt/binding-android-arm64@0.35.0':
+    resolution: {integrity: sha512-/O+EbuAJYs6nde/anv+aID6uHsGQApyE9JtYBo/79KyU8e6RBN3DMbT0ix97y1SOnCglurmL2iZ+hlohjP2PnQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxfmt/binding-darwin-arm64@0.35.0':
+    resolution: {integrity: sha512-pGqRtqlNdn9d4VrmGUWVyQjkw79ryhI6je9y2jfqNUIZCfqceob+R97YYAoG7C5TFyt8ILdLVoN+L2vw/hSFyA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxfmt/binding-darwin-x64@0.35.0':
+    resolution: {integrity: sha512-8GmsDcSozTPjrCJeGpp+sCmS9+9V5yRrdEZ1p/sTWxPG5nYeAfSLuS0nuEYjXSO+CtdSbStIW6dxa+4NM58yRw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxfmt/binding-freebsd-x64@0.35.0':
+    resolution: {integrity: sha512-QyfKfTe0ytHpFKHAcHCGQEzN45QSqq1AHJOYYxQMgLM3KY4xu8OsXHpCnINjDsV4XGnQzczJDU9e04Zmd8XqIQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.35.0':
+    resolution: {integrity: sha512-u+kv3JD6P3J38oOyUaiCqgY5TNESzBRZJ5lyZQ6c2czUW2v5SIN9E/KWWa9vxoc+P8AFXQFUVrdzGy1tK+nbPQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.35.0':
+    resolution: {integrity: sha512-1NiZroCiV57I7Pf8kOH4XGR366kW5zir3VfSMBU2D0V14GpYjiYmPYFAoJboZvp8ACnZKUReWyMkNKSa5ad58A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm64-gnu@0.35.0':
+    resolution: {integrity: sha512-7Q0Xeg7ZnW2nxnZ4R7aF6DEbCFls4skgHZg+I63XitpNvJCbVIU8MFOTZlvZGRsY9+rPgWPQGeUpLHlyx0wvMA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-arm64-musl@0.35.0':
+    resolution: {integrity: sha512-5Okqi+uhYFxwKz8hcnUftNNwdm8BCkf6GSCbcz9xJxYMm87k1E4p7PEmAAbhLTk7cjSdDre6TDL0pDzNX+Y22Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.35.0':
+    resolution: {integrity: sha512-9k66pbZQXM/lBJWys3Xbc5yhl4JexyfqkEf/tvtq8976VIJnLAAL3M127xHA3ifYSqxdVHfVGTg84eiBHCGcNw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.35.0':
+    resolution: {integrity: sha512-aUcY9ofKPtjO52idT6t0SAQvEF6ctjzUQa1lLp7GDsRpSBvuTrBQGeq0rYKz3gN8dMIQ7mtMdGD9tT4LhR8jAQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-riscv64-musl@0.35.0':
+    resolution: {integrity: sha512-C6yhY5Hvc2sGM+mCPek9ZLe5xRUOC/BvhAt2qIWFAeXMn4il04EYIjl3DsWiJr0xDMTJhvMOmD55xTRPlNp39w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-linux-s390x-gnu@0.35.0':
+    resolution: {integrity: sha512-RG2hlvOMK4OMZpO3mt8MpxLQ0AAezlFqhn5mI/g5YrVbPFyoCv9a34AAvbSJS501ocOxlFIRcKEuw5hFvddf9g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-x64-gnu@0.35.0':
+    resolution: {integrity: sha512-wzmh90Pwvqj9xOKHJjkQYBpydRkaXG77ZvDz+iFDRRQpnqIEqGm5gmim2s6vnZIkDGsvKCuTdtxm0GFmBjM1+w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-x64-musl@0.35.0':
+    resolution: {integrity: sha512-+HCqYCJPCUy5I+b2cf+gUVaApfgtoQT3HdnSg/l7NIcLHOhKstlYaGyrFZLmUpQt4WkFbpGKZZayG6zjRU0KFA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-openharmony-arm64@0.35.0':
+    resolution: {integrity: sha512-kFYmWfR9YL78XyO5ws+1dsxNvZoD973qfVMNFOS4e9bcHXGF7DvGC2tY5UDFwyMCeB33t3sDIuGONKggnVNSJA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxfmt/binding-win32-arm64-msvc@0.35.0':
+    resolution: {integrity: sha512-uD/NGdM65eKNCDGyTGdO8e9n3IHX+wwuorBvEYrPJXhDXL9qz6gzddmXH8EN04ejUXUujlq4FsoSeCfbg0Y+Jg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxfmt/binding-win32-ia32-msvc@0.35.0':
+    resolution: {integrity: sha512-oSRD2k8J2uxYDEKR2nAE/YTY9PobOEnhZgCmspHu0+yBQ665yH8lFErQVSTE7fcGJmJp/cC6322/gc8VFuQf7g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxfmt/binding-win32-x64-msvc@0.35.0':
+    resolution: {integrity: sha512-WCDJjlS95NboR0ugI2BEwzt1tYvRDorDRM9Lvctls1SLyKYuNRCyrPwp1urUPFBnwgBNn9p2/gnmo7gFMySRoQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
   '@parcel/watcher-android-arm64@2.5.6':
     resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
     engines: {node: '>= 10.0.0'}
@@ -528,6 +840,10 @@ packages:
     resolution: {integrity: sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==}
     engines: {node: '>= 10.0.0'}
 
+  '@pkgr/core@0.3.6':
+    resolution: {integrity: sha512-SEeaJLb3qBNF/OaXnaR1NmmBbFYk1zC0ZH/52fATcRPLFg/p791YrcyFFy44Bo9sLaGuSuLp5Q6axbb/O+v/RA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
   '@rollup/rollup-android-arm-eabi@4.61.1':
     resolution: {integrity: sha512-JnBB8MdXj45cajvTuO5FmPlvFVJRQgvrz1uSEl3NwqFnReAPGwb8EanbGi4z2nRaqLzjJSv5/JmycoTKlRZxHA==}
     cpu: [arm]
@@ -666,6 +982,16 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@sindresorhus/base62@1.0.0':
+    resolution: {integrity: sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==}
+    engines: {node: '>=18'}
+
+  '@stylistic/eslint-plugin@5.10.0':
+    resolution: {integrity: sha512-nPK52ZHvot8Ju/0A4ucSX1dcPV2/1clx0kLcH5wDmrE4naKso7TUC/voUyU1O9OTKTrR6MYip6LP0ogEMQ9jPQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
+
   '@tailwindcss/node@4.3.0':
     resolution: {integrity: sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==}
 
@@ -845,18 +1171,108 @@ packages:
   '@tauri-apps/plugin-shell@2.3.5':
     resolution: {integrity: sha512-jewtULhiQ7lI7+owCKAjc8tYLJr92U16bPOeAa472LHJdgaibLP83NcfAF2e+wkEcA53FxKQAZ7byDzs2eeizg==}
 
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
+  '@types/esrecurse@4.3.1':
+    resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
+
   '@types/estree@1.0.9':
     resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
 
   '@types/geojson@7946.0.16':
     resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/katex@0.16.8':
+    resolution: {integrity: sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==}
+
   '@types/leaflet@1.9.21':
     resolution: {integrity: sha512-TbAd9DaPGSnzp6QvtYngntMZgcRk+igFELwR2N99XZn7RXUdKgsXMR+28bUO0rPsWp8MIu/f47luLIQuSLYv/w==}
 
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
   '@types/web-bluetooth@0.0.20':
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
 
+  '@typescript-eslint/eslint-plugin@8.60.1':
+    resolution: {integrity: sha512-JQ4S5GB0tfjO8BuJ4fcX+HodkzJjYBV+7OJ+wLygaX7OGQ7FudyHL4NSCA6ob+w3Yn+5MkKIozOwQhXeM7opVg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.60.1
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/parser@8.60.1':
+    resolution: {integrity: sha512-A0M6ua6H252bVjPvvtSgl2QA4+ET9S5Mtkb2GDyTxIhH/C4qDItT7RQNO5PhMC6NXGYXOR9dIalcDDgBKT7oFA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/project-service@8.60.1':
+    resolution: {integrity: sha512-eXkTH2bxmXlqD1RnOPmLZ9ZM9D3VwSx04JOwBnP9RQ+yUA5a2Mu7SfW8uaV2Aon53NJzZlZYuX7tn91Izf+xaw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/rule-tester@8.60.1':
+    resolution: {integrity: sha512-ly/WFKd5EwhTpuFbgQ81Z+67o4DRnlgKy+yHTuHWTy/u8yb0nEVPjDKqVUkJ1545vX2aAW1TELNSPPs+AOC+KA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/scope-manager@8.60.1':
+    resolution: {integrity: sha512-gvI5OQoptnxQnchOirukCuQ55svJSTuD/4k5+pC267xyBtYry748R9/c3tYUzb/iE6RZfllRz2lVulLCHkTm4w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.60.1':
+    resolution: {integrity: sha512-nh8w4qAteiKuZu3pSSzG/yGKpw0OlkrKnzFmbVRenKaD4qc+7i1GrmZaLVkr8rk4uipiPGMOW4YsM6WmKZ5CvA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/type-utils@8.60.1':
+    resolution: {integrity: sha512-sdwTrpjosW7ANQYJ39ZBF1ZyEMEGVB2UsikrserVM/30a/F1dTLnu9bGxEdosugyu5caigjLrR2qiD11asjI1A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/types@8.60.1':
+    resolution: {integrity: sha512-4h0tY8ppCkdCzcrl2YM5M3my0xsE1Tf8om3owEu5oPWmXwkKRmk0j0LGDzYBGUcAlesEbxBhazqu/K4cu3Ug7w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.60.1':
+    resolution: {integrity: sha512-alpRkfG8hlVE5kdJW2GkfgDgXxold3e8e4l6EnmhRmRLbekgAPCCGDVD++sABy9FcgPFroq+uFcCSM1vR57Cew==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/utils@8.60.1':
+    resolution: {integrity: sha512-h2MPBLoNtjc3qZWfY3Tl51yPorQ2McHn8pJfcMNTcIvrrZrr90Ykffit0yjrPFWQcRcUxzH20+6OcVdW4yHtUg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/visitor-keys@8.60.1':
+    resolution: {integrity: sha512-EbGRQg4FhrmwLodl+t3JNAnXHWVr9Vp+Zl1QBZVPY4ByfkzIT8cX3K6QWODHtkIZqqJVEWvhHSx3v5PDHsaQag==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@vitejs/plugin-vue@5.2.4':
     resolution: {integrity: sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -864,6 +1280,22 @@ packages:
       vite: ^5.0.0 || ^6.0.0
       vue: ^3.2.25
 
+  '@vitest/eslint-plugin@1.6.19':
+    resolution: {integrity: sha512-zodmXRsVKFsuHxHJILuTFaaKsrsxm0YsiOX65clk+LpCW9JrVXaf6ERXr0caDs+NEk0S62Jyk0K7XYQ7gWXheA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': '*'
+      eslint: '>=8.57.0'
+      typescript: '>=5.0.0'
+      vitest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      typescript:
+        optional: true
+      vitest:
+        optional: true
+
   '@volar/language-core@2.4.15':
     resolution: {integrity: sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==}
 
@@ -943,13 +1375,34 @@ packages:
   '@vueuse/shared@11.3.0':
     resolution: {integrity: sha512-P8gSSWQeucH5821ek2mn/ciCk+MS/zoRKqdQIM3bHq6p7GXDAJLmnRRKmF5F65sAVJIfzQlwR3aDzwCn10s8hA==}
 
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
 
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
   alien-signals@1.0.13:
     resolution: {integrity: sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==}
 
+  ansis@4.3.1:
+    resolution: {integrity: sha512-BJ8/l4R5LRE7hW9WdSuGYrLSHi2ynxeFpDFbH0K/CgNeY/tyhk+vO6TYxXC5r5CpUhNVX310xzPsN/H9lCdfOA==}
+    engines: {node: '>=14'}
+
+  are-docs-informative@0.0.2:
+    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
+    engines: {node: '>=14'}
+
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
@@ -966,19 +1419,38 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
   baseline-browser-mapping@2.10.34:
     resolution: {integrity: sha512-IMDedajPifLnHNY0X9n8hKxRTQ6/eTHwr5bDo04WnuqxyKw6LYtQywCuuqPZwhl3aBXMvQpJov42GLCwRRdQzw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
   brace-expansion@2.1.1:
     resolution: {integrity: sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==}
 
+  brace-expansion@5.0.6:
+    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
+    engines: {node: 18 || 20 || >=22}
+
   browserslist@4.28.2:
     resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  builtin-modules@5.2.0:
+    resolution: {integrity: sha512-02yxLeyxF4dNl6SlY6/5HfRSrSdZ/sCPoxy2kZNP5dZZX8LSAD9aE2gtJIUgWrsQTiMPl3mxESyrobSwvRGisQ==}
+    engines: {node: '>=18.20'}
+
+  cac@7.0.0:
+    resolution: {integrity: sha512-tixWYgm5ZoOD+3g6UTea91eow5z6AAHaho3g0V9CNSNb45gM8SmflpAc+GRd1InC4AqN/07Unrgp56Y94N9hJQ==}
+    engines: {node: '>=20.19.0'}
+
   call-bind-apply-helpers@1.0.2:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
@@ -986,14 +1458,65 @@ packages:
   caniuse-lite@1.0.30001797:
     resolution: {integrity: sha512-l8xKG+gwAIExZGl9FrF7KUwuOmk6wbEPC9Xoy/RtnWv1XG0Q4LFlagaLpUv3Kiza3W/wm27zy0yWJEieYKAP6w==}
 
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  change-case@5.4.4:
+    resolution: {integrity: sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
   chokidar@5.0.0:
     resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
     engines: {node: '>= 20.19.0'}
 
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
+    engines: {node: '>=8'}
+
+  clean-regexp@1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
+  comment-parser@1.4.5:
+    resolution: {integrity: sha512-aRDkn3uyIlCFfk5NUA+VdwMmMsh8JGhc4hapfV4yxymHGQ3BVskMQfoXGpCo5IoBuQ9tS5iiVKhCpTcB4pW4qw==}
+    engines: {node: '>= 12.0.0'}
+
+  comment-parser@1.4.6:
+    resolution: {integrity: sha512-ObxuY6vnbWTN6Od72xfwN9DbzC7Y2vv8u1Soi9ahRKL37gb6y1qk6/dgjs+3JWuXJHWvsg3BXIwzd/rkmAwavg==}
+    engines: {node: '>= 12.0.0'}
+
+  comment-parser@1.4.7:
+    resolution: {integrity: sha512-0h+uSNtQGW3D98eQt3jJ8L06Fves8hncB4V/PKdw/Qb8Hnk19VaKuTr55UNRYiSoVa7WwrFls+rh3ux9agmkeQ==}
+    engines: {node: '>= 12.0.0'}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.4:
+    resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
+
+  core-js-compat@3.49.0:
+    resolution: {integrity: sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
@@ -1009,14 +1532,31 @@ packages:
       supports-color:
         optional: true
 
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
   delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
   detect-libc@2.1.2:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
 
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  diff-sequences@29.6.3:
+    resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+
   dunder-proto@1.0.1:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
@@ -1024,6 +1564,10 @@ packages:
   electron-to-chromium@1.5.368:
     resolution: {integrity: sha512-7RckJJK4uESJF9PxvfMWd3TGqIiieUTG4HxnKaKuIpGbcr+r2ZEB3g2gAhCP3Fqm42vJSzLfgab9eva/C4/XVw==}
 
+  empathic@2.0.1:
+    resolution: {integrity: sha512-YGRs8knHhKHVShLkFET/rWAU8kmHbOV5LwN938RHI0pljAJ1Gf6SzXsSmRaEzcXTtOOmVqJ5+WtQPL5uigY50Q==}
+    engines: {node: '>=14'}
+
   enhanced-resolve@5.23.0:
     resolution: {integrity: sha512-yJN/BOOLxcOW2aQgeif9mSnaUB8KtvmMMp56oA1kx1CRfBKbhZm2pJ+NBY+3eOboHxix8lfjWpHE0Ei5U8RbSA==}
     engines: {node: '>=10.13.0'}
@@ -1062,9 +1606,259 @@ packages:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  eslint-compat-utils@0.5.1:
+    resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-config-flat-gitignore@2.3.0:
+    resolution: {integrity: sha512-bg4ZLGgoARg1naWfsINUUb/52Ksw/K22K+T16D38Y8v+/sGwwIYrGvH/JBjOin+RQtxxC9tzNNiy4shnGtGyyQ==}
+    peerDependencies:
+      eslint: ^9.5.0 || ^10.0.0
+
+  eslint-flat-config-utils@3.2.0:
+    resolution: {integrity: sha512-PHgo1X5uqIorJONLVD9BIaOSdoYFD3z/AeJljdqDPlWVRpeCYkDbK9k0AXoYVqqNJr6FEYIEr5Rm2TSktLQcHw==}
+
+  eslint-formatting-reporter@0.0.0:
+    resolution: {integrity: sha512-k9RdyTqxqN/wNYVaTk/ds5B5rA8lgoAmvceYN7bcZMBwU7TuXx5ntewJv81eF3pIL/CiJE+pJZm36llG8yhyyw==}
+    peerDependencies:
+      eslint: '>=8.40.0'
+
+  eslint-json-compat-utils@0.2.3:
+    resolution: {integrity: sha512-RbBmDFyu7FqnjE8F0ZxPNzx5UaptdeS9Uu50r7A+D7s/+FCX+ybiyViYEgFUaFIFqSWJgZRTpL5d8Kanxxl2lQ==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@eslint/json': '*'
+      eslint: '*'
+      jsonc-eslint-parser: ^2.4.0 || ^3.0.0
+    peerDependenciesMeta:
+      '@eslint/json':
+        optional: true
+
+  eslint-merge-processors@2.0.0:
+    resolution: {integrity: sha512-sUuhSf3IrJdGooquEUB5TNpGNpBoQccbnaLHsb1XkBLUPPqCNivCpY05ZcpCOiV9uHwO2yxXEWVczVclzMxYlA==}
+    peerDependencies:
+      eslint: '*'
+
+  eslint-parser-plain@0.1.1:
+    resolution: {integrity: sha512-KRgd6wuxH4U8kczqPp+Oyk4irThIhHWxgFgLDtpgjUGVIS3wGrJntvZW/p6hHq1T4FOwnOtCNkvAI4Kr+mQ/Hw==}
+
+  eslint-plugin-antfu@3.2.3:
+    resolution: {integrity: sha512-U2fnz/H0gFPxpuC7QpaHa0Jv2AgCZ5hunp36SOP/yWo8yFzgvMh8X4pZ4uN4IKoqtBhk7G3HuVa93Urf51+sZg==}
+    peerDependencies:
+      eslint: '*'
+
+  eslint-plugin-command@3.5.2:
+    resolution: {integrity: sha512-PA59QAkQDwvcCMEt5lYLJLI3zDGVKJeC4id/pcRY2XdRYhSGW7iyYT1VC1N3bmpuvu6Qb/9QptiS3GJMjeGTJg==}
+    peerDependencies:
+      '@typescript-eslint/rule-tester': '*'
+      '@typescript-eslint/typescript-estree': '*'
+      '@typescript-eslint/utils': '*'
+      eslint: '*'
+
+  eslint-plugin-es-x@7.8.0:
+    resolution: {integrity: sha512-7Ds8+wAAoV3T+LAKeu39Y5BzXCrGKrcISfgKEqTS4BDN8SFEDQd0S43jiQ8vIa3wUKD07qitZdfzlenSi8/0qQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=8'
+
+  eslint-plugin-format@2.0.1:
+    resolution: {integrity: sha512-0BA65p5DAiuKtx5MmMJfPk9WaTjoHHbyVW7ZXRhaZoA1fdiMHhay9QRiDL2wr0hJWZxdF7CRThOK/70VUKVg2g==}
+    peerDependencies:
+      eslint: ^8.40.0 || ^9.0.0 || ^10.0.0
+
+  eslint-plugin-import-lite@0.6.0:
+    resolution: {integrity: sha512-80vevx2A7i3H7n1/6pqDO8cc5wRz6OwLDvIyVl9UflBV1N1f46e9Ihzi65IOLYoSxM6YykK2fTw1xm0Ixx6aTQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
+
+  eslint-plugin-jsdoc@62.9.0:
+    resolution: {integrity: sha512-PY7/X4jrVgoIDncUmITlUqK546Ltmx/Pd4Hdsu4CvSjryQZJI2mEV4vrdMufyTetMiZ5taNSqvK//BTgVUlNkA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0
+
+  eslint-plugin-jsonc@3.2.0:
+    resolution: {integrity: sha512-eQSxJypkpNycQAFE/ph/j+bDD2MiCcojxNb+7nugYzuQZvELYg4YO1Cv1y/8MbjPIEw5u3Lx0VPOTlqJJIhPPw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-n@18.0.1:
+    resolution: {integrity: sha512-q3ARhk+eZRc7myR0KHx+R3/GJeOHF+Ir6PK95Pu2tEX8Sl/4BIpmmVLva2kPrjC2gCmn6WHlHm+3yeo6Rxhycw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: '>=8.57.1'
+      ts-declaration-location: ^1.0.6
+      typescript: '>=5.0.0'
+    peerDependenciesMeta:
+      ts-declaration-location:
+        optional: true
+      typescript:
+        optional: true
+
+  eslint-plugin-no-only-tests@3.4.0:
+    resolution: {integrity: sha512-4S3/9Nb7A2tiMcpzEQE9bQSlpeOz6WJkgryBuou/SA8W2x2c8Zf4j0NvTKBjv6qNhF9T79tmkecm/0CHqV0UGg==}
+    engines: {node: '>=5.0.0'}
+
+  eslint-plugin-perfectionist@5.9.0:
+    resolution: {integrity: sha512-8TWzg02zmnBdZwCkWLi8jhzqXI+fE7Z/RwV8SL6xD45tJ8Bp3wGuYL2XtQgfe/Wd0eBqOUX+s6ey73IyszvKTA==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+    peerDependencies:
+      eslint: ^8.45.0 || ^9.0.0 || ^10.0.0
+
+  eslint-plugin-pnpm@1.6.1:
+    resolution: {integrity: sha512-pgcaJclu3YxZ/WMsiKMF58bHQasbGVARSMqCJvFaETYxSc7KcR2H74UVWV6exuGv9nNv9c0KKqn4PVHQlzMSEg==}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
+
+  eslint-plugin-regexp@3.1.0:
+    resolution: {integrity: sha512-qGXIC3DIKZHcK1H9A9+Byz9gmndY6TTSRkSMTZpNXdyCw2ObSehRgccJv35n9AdUakEjQp5VFNLas6BMXizCZg==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-toml@1.4.0:
+    resolution: {integrity: sha512-3ErTnfUjXq/23f72XeyRcE0Y4Sd/ME1lsZeezczqpn2R4tE7+Sgco/NUKDXm0xAMz15tzcRz/9RfJRm6AqRO+A==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-unicorn@64.0.0:
+    resolution: {integrity: sha512-rNZwalHh8i0UfPlhNwg5BTUO1CMdKNmjqe+TgzOTZnpKoi8VBgsW7u9qCHIdpxEzZ1uwrJrPF0uRb7l//K38gA==}
+    engines: {node: ^20.10.0 || >=21.0.0}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-unused-imports@4.4.1:
+    resolution: {integrity: sha512-oZGYUz1X3sRMGUB+0cZyK2VcvRX5lm/vB56PgNNcU+7ficUCKm66oZWKUubXWnOuPjQ8PvmXtCViXBMONPe7tQ==}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0
+      eslint: ^10.0.0 || ^9.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+
+  eslint-plugin-vue@10.9.2:
+    resolution: {integrity: sha512-4g7ZP3pYcuqd7Zp0pzUKcos0W+RkjBz4EGdhJ92FcYk6v03Ti/GK5NwjgsjxHK+98eXDbHeK7VtX1az7/8doZA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@stylistic/eslint-plugin': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      '@typescript-eslint/parser': ^7.0.0 || ^8.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      vue-eslint-parser: ^10.3.0
+    peerDependenciesMeta:
+      '@stylistic/eslint-plugin':
+        optional: true
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-plugin-yml@3.4.0:
+    resolution: {integrity: sha512-j6U3ESrAkidkvNb3HFN2UMxke46GNp6bsJokabXCICcgomSy3YU4oED9cjzkZ58nYxWD5qnWV1b/2YlqyWMOxA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24.0.0}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-processor-vue-blocks@2.0.0:
+    resolution: {integrity: sha512-u4W0CJwGoWY3bjXAuFpc/b6eK3NQEI8MoeW7ritKj3G3z/WtHrKjkqf+wk8mPEy5rlMGS+k6AZYOw2XBoN/02Q==}
+    peerDependencies:
+      '@vue/compiler-sfc': ^3.3.0
+      eslint: '>=9.0.0'
+
+  eslint-scope@9.1.2:
+    resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@10.4.1:
+    resolution: {integrity: sha512-AyIKhnOBuOAdueD7RB3xB+YeAWScb9jHsJBgH2Hcde8InP5JYhqrRR6iTMHyTEwgENK54Cp44e4v8BwNhsuHuw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-string-truncated-width@3.0.3:
+    resolution: {integrity: sha512-0jjjIEL6+0jag3l2XWWizO64/aZVtpiGE3t0Zgqxv0DPuxiMjvB3M24fCyhZUO4KomJQPj3LTSUnDP3GpdwC0g==}
+
+  fast-string-width@3.0.2:
+    resolution: {integrity: sha512-gX8LrtNEI5hq8DVUfRQMbr5lpaS4nMIWV+7XEbXk2b8kiQIizgnlr12B4dA3ZEx3308ze0O4Q1R+cHts8kyUJg==}
+
+  fast-wrap-ansi@0.2.2:
+    resolution: {integrity: sha512-7F2Fl+TjRSenLqlU3UjSH0iyqopqoZIu7eZVpEirP2g1GtWa2G/ecEmBdgz31+Mxr+ELclgg6sokpSFIQiZ02Q==}
+
+  fault@2.0.1:
+    resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
+
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
     engines: {node: '>=12.0.0'}
@@ -1074,6 +1868,25 @@ packages:
       picomatch:
         optional: true
 
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  find-up-simple@1.0.1:
+    resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
+    engines: {node: '>=18'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.4.2:
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
+
   follow-redirects@1.16.0:
     resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
     engines: {node: '>=4.0'}
@@ -1087,6 +1900,10 @@ packages:
     resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
 
+  format@0.2.2:
+    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
+    engines: {node: '>=0.4.x'}
+
   fraction.js@5.3.4:
     resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
 
@@ -1106,6 +1923,27 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
+  get-tsconfig@4.14.0:
+    resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
+
+  globals@17.6.0:
+    resolution: {integrity: sha512-sepffkT8stwnIYbsMBpoCHJuJM5l98FUF2AnE07hfvE0m/qp3R586hw4jF4uadbhvg1ooIdzuu7CsfD2jzCaNA==}
+    engines: {node: '>=18'}
+
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -1132,13 +1970,36 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
+  html-entities@2.6.0:
+    resolution: {integrity: sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==}
+
   https-proxy-agent@5.0.1:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
 
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
   immutable@5.1.6:
     resolution: {integrity: sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==}
 
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@5.0.0:
+    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+    engines: {node: '>=12'}
+
+  is-builtin-module@5.0.0:
+    resolution: {integrity: sha512-f4RqJKBUe5rQkJ2eJEJBXSticB3hGbN9j0yxxMQFqIW89Jp9WYFtzfTcRlstDKVUTRzSOTLKRfO9vIztenwtxA==}
+    engines: {node: '>=18.20'}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -1147,13 +2008,53 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
   jiti@2.7.0:
     resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
     hasBin: true
 
+  jsdoc-type-pratt-parser@7.1.1:
+    resolution: {integrity: sha512-/2uqY7x6bsrpi3i9LVU6J89352C0rpMk0as8trXxCtvd4kPk1ke/Eyif6wqfSLvoNJqcDG9Vk4UsXgygzCt2xA==}
+    engines: {node: '>=20.0.0'}
+
+  jsdoc-type-pratt-parser@7.2.0:
+    resolution: {integrity: sha512-dh140MMgjyg3JhJZY/+iEzW+NO5xR2gpbDFKHqotCmexElVntw7GjWjt511+C/Ef02RU5TKYrJo/Xlzk+OLaTw==}
+    engines: {node: '>=20.0.0'}
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  jsonc-eslint-parser@3.1.0:
+    resolution: {integrity: sha512-75EA7EWZExL/j+MDKQrRbdzcRI2HOkRlmUw8fZJc1ioqFEOvBsq7Rt+A6yCxOt9w/TYNpkt52gC6nm/g5tFIng==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  katex@0.16.47:
+    resolution: {integrity: sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==}
+    hasBin: true
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
   leaflet@1.9.4:
     resolution: {integrity: sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==}
 
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
   lightningcss-android-arm64@1.32.0:
     resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
     engines: {node: '>= 12.0.0'}
@@ -1228,13 +2129,159 @@ packages:
     resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
     engines: {node: '>= 12.0.0'}
 
+  local-pkg@1.2.1:
+    resolution: {integrity: sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==}
+    engines: {node: '>=14'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.3:
+    resolution: {integrity: sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==}
+
+  mdast-util-frontmatter@2.0.1:
+    resolution: {integrity: sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-math@3.0.0:
+    resolution: {integrity: sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-frontmatter@2.0.0:
+    resolution: {integrity: sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-extension-math@3.1.0:
+    resolution: {integrity: sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
   mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
@@ -1243,10 +2290,20 @@ packages:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  minimatch@10.2.5:
+    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+    engines: {node: 18 || 20 || >=22}
+
   minimatch@9.0.9:
     resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
+  module-replacements@3.0.0-beta.8:
+    resolution: {integrity: sha512-sc8TepP9elxoOBXEpxmhPzKKjTjbswHVcmsKGbgvm3k6jZlLu/WMV/Lfmga6IGMgHU/V3WtY2s6VEgM4nTElUQ==}
+
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -1258,6 +2315,13 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  natural-orderby@5.0.0:
+    resolution: {integrity: sha512-kKHJhxwpR/Okycz4HhQKKlhWe4ASEfPgkSWNmKFHd7+ezuQlxkA5cM3+XkBPvm1gmHen3w53qsYAv+8GwRrBlg==}
+    engines: {node: '>=18'}
+
   node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
@@ -1265,9 +2329,59 @@ packages:
     resolution: {integrity: sha512-Uzmd6LXpouKo8EUK68IjH4+E01w/hXyV3R3g/geCJo+rXLNfh1xucB+LOzYEOQPSiUK3h/xZf0cQGcSsmyL2Og==}
     engines: {node: '>=18'}
 
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  object-deep-merge@2.0.1:
+    resolution: {integrity: sha512-aKttDKcU3pyZqKcCkDhsMn70WmZFG2JGDQLP9EcLyTSIFQRCPWLAmBZRLJnrVUrhPG1jETEEbfdgbNtJf1LyMg==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  oxfmt@0.35.0:
+    resolution: {integrity: sha512-QYeXWkP+aLt7utt5SLivNIk09glWx9QE235ODjgcEZ3sd1VMaUBSpLymh6ZRCA76gD2rMP4bXanUz/fx+nLM9Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  parse-gitignore@2.0.0:
+    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
+    engines: {node: '>=14'}
+
+  parse-imports-exports@0.2.4:
+    resolution: {integrity: sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==}
+
+  parse-statements@1.0.11:
+    resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
+
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
 
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -1275,6 +2389,23 @@ packages:
     resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
     engines: {node: '>=12'}
 
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.1:
+    resolution: {integrity: sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==}
+
+  pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+
+  pnpm-workspace-yaml@1.6.1:
+    resolution: {integrity: sha512-yTeZntGWi8m9WNuhoVsP0DpFc4sC1U0+rr/qR6Zi9n2g3sxXY+JfccjXjjruNz96tM8I09yaJUA86doRnNLkbg==}
+
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
@@ -1282,14 +2413,57 @@ packages:
     resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
     engines: {node: ^10 || ^12 || >=14}
 
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-linter-helpers@1.0.1:
+    resolution: {integrity: sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==}
+    engines: {node: '>=6.0.0'}
+
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
   proxy-from-env@2.1.0:
     resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
     engines: {node: '>=10'}
 
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
   readdirp@5.0.0:
     resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
     engines: {node: '>= 20.19.0'}
 
+  refa@0.12.1:
+    resolution: {integrity: sha512-J8rn6v4DBb2nnFqkqwy6/NnTYMcgLA+sLr0iIO41qpv0n+ngb7ksag2tMRl0inb1bbO/esUwzW1vbJi7K0sI0g==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regexp-ast-analysis@0.7.1:
+    resolution: {integrity: sha512-sZuz1dYW/ZsfG17WSAG7eS85r5a0dDsvg+7BiiYR5o6lKCAtUrEwdmRmaGF6rwVj3LcmAeYkOWKEPlbPzN3Y3A==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+
+  regjsparser@0.13.1:
+    resolution: {integrity: sha512-dLsljMd9sqwRkby8zhO1gSg3PnJIBFid8f4CQj/sXx+7cKx+E7u0PKhZ+U4wmhx7EfmtvnA318oVaIkAB1lRJw==}
+    hasBin: true
+
+  reserved-identifiers@1.2.0:
+    resolution: {integrity: sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==}
+    engines: {node: '>=18'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
   rollup@4.61.1:
     resolution: {integrity: sha512-I4KW6iuRpuu2uHBLraZ1wNZe0DP7lnRha+VJ9tNaYVaVgKhW0aI3h4RYnoRPeql0flHm/Co55b7snEDcOfOJrA==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -1300,10 +2474,47 @@ packages:
     engines: {node: '>=20.19.0'}
     hasBin: true
 
+  scslre@0.3.0:
+    resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
+    engines: {node: ^14.0.0 || >=16.0.0}
+
+  semver@7.8.2:
+    resolution: {integrity: sha512-c8jsqUZm3omBOI66G90z1Dyw5z622G8oLG+omfsHBJf3CWQTlOcwOjvOG6wtiNfW6anKm/eA39LMwMtMez2TiQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@4.0.0:
+    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
+
+  spdx-license-ids@3.0.23:
+    resolution: {integrity: sha512-CWLcCCH7VLu13TgOH+r8p1O/Znwhqv/dbb6lqWy67G+pT1kHmeD/+V36AVb/vq8QMIQwVShJ6Ssl5FPh0fuSdw==}
+
+  strip-indent@4.1.1:
+    resolution: {integrity: sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==}
+    engines: {node: '>=12'}
+
+  synckit@0.11.13:
+    resolution: {integrity: sha512-eNRKgb3z66Yp3D2CixVujOUvXLFUTij/zVnV8KRyvFdQwpz7I5DS8UfRkTeLzb64u+dkzDSdelE24izu+zSSUg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
   tailwindcss@4.3.0:
     resolution: {integrity: sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==}
 
@@ -1311,21 +2522,71 @@ packages:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
     engines: {node: '>=6'}
 
+  tinyexec@1.2.4:
+    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
+    engines: {node: '>=18'}
+
   tinyglobby@0.2.17:
     resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
     engines: {node: '>=12.0.0'}
 
+  tinypool@2.1.0:
+    resolution: {integrity: sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+
+  to-valid-identifier@1.0.0:
+    resolution: {integrity: sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==}
+    engines: {node: '>=20'}
+
+  toml-eslint-parser@1.0.3:
+    resolution: {integrity: sha512-A5F0cM6+mDleacLIEUkmfpkBbnHJFV1d2rprHU2MXNk7mlxHq2zGojA+SRvQD1RoMo9gqjZPWEaKG4v1BQ48lw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
   typescript@5.9.3:
     resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
+  ufo@1.6.4:
+    resolution: {integrity: sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-remove-position@5.0.0:
+    resolution: {integrity: sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
   vite@6.4.3:
     resolution: {integrity: sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
@@ -1391,6 +2652,12 @@ packages:
       '@vue/composition-api':
         optional: true
 
+  vue-eslint-parser@10.4.1:
+    resolution: {integrity: sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+
   vue-router@4.6.4:
     resolution: {integrity: sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==}
     peerDependencies:
@@ -1410,8 +2677,95 @@ packages:
       typescript:
         optional: true
 
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+
+  yaml-eslint-parser@2.0.0:
+    resolution: {integrity: sha512-h0uDm97wvT2bokfwwTmY6kJ1hp6YDFL0nRHwNKz8s/VD1FH/vvZjAKoMUE+un0eaYBSG7/c6h+lJTP+31tjgTw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  yaml@2.9.0:
+    resolution: {integrity: sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
+  '@antfu/eslint-config@9.0.0(@typescript-eslint/rule-tester@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.60.1(typescript@5.9.3))(@typescript-eslint/utils@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(@vue/compiler-sfc@3.5.35)(eslint-plugin-format@2.0.1(eslint@10.4.1(jiti@2.7.0)))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@clack/prompts': 1.5.1
+      '@e18e/eslint-plugin': 0.4.1(eslint@10.4.1(jiti@2.7.0))
+      '@eslint-community/eslint-plugin-eslint-comments': 4.7.2(eslint@10.4.1(jiti@2.7.0))
+      '@eslint/markdown': 8.0.2
+      '@stylistic/eslint-plugin': 5.10.0(eslint@10.4.1(jiti@2.7.0))
+      '@typescript-eslint/eslint-plugin': 8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      '@vitest/eslint-plugin': 1.6.19(@typescript-eslint/eslint-plugin@8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      ansis: 4.3.1
+      cac: 7.0.0
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-config-flat-gitignore: 2.3.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-flat-config-utils: 3.2.0
+      eslint-merge-processors: 2.0.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-antfu: 3.2.3(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-command: 3.5.2(@typescript-eslint/rule-tester@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.60.1(typescript@5.9.3))(@typescript-eslint/utils@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-import-lite: 0.6.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-jsdoc: 62.9.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-jsonc: 3.2.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-n: 18.0.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      eslint-plugin-no-only-tests: 3.4.0
+      eslint-plugin-perfectionist: 5.9.0(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      eslint-plugin-pnpm: 1.6.1(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-regexp: 3.1.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-toml: 1.4.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-unicorn: 64.0.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-unused-imports: 4.4.1(@typescript-eslint/eslint-plugin@8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))
+      eslint-plugin-vue: 10.9.2(@stylistic/eslint-plugin@5.10.0(eslint@10.4.1(jiti@2.7.0)))(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(vue-eslint-parser@10.4.1(eslint@10.4.1(jiti@2.7.0)))
+      eslint-plugin-yml: 3.4.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.35)(eslint@10.4.1(jiti@2.7.0))
+      globals: 17.6.0
+      local-pkg: 1.2.1
+      parse-gitignore: 2.0.0
+      toml-eslint-parser: 1.0.3
+      vue-eslint-parser: 10.4.1(eslint@10.4.1(jiti@2.7.0))
+      yaml-eslint-parser: 2.0.0
+    optionalDependencies:
+      eslint-plugin-format: 2.0.1(eslint@10.4.1(jiti@2.7.0))
+    transitivePeerDependencies:
+      - '@eslint/json'
+      - '@typescript-eslint/rule-tester'
+      - '@typescript-eslint/typescript-estree'
+      - '@typescript-eslint/utils'
+      - '@vue/compiler-sfc'
+      - oxlint
+      - supports-color
+      - ts-declaration-location
+      - typescript
+      - vitest
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.6.0
+      tinyexec: 1.2.4
+
   '@babel/helper-string-parser@7.29.7': {}
 
   '@babel/helper-validator-identifier@7.29.7': {}
@@ -1425,6 +2779,50 @@ snapshots:
       '@babel/helper-string-parser': 7.29.7
       '@babel/helper-validator-identifier': 7.29.7
 
+  '@clack/core@1.4.1':
+    dependencies:
+      fast-wrap-ansi: 0.2.2
+      sisteransi: 1.0.5
+
+  '@clack/prompts@1.5.1':
+    dependencies:
+      '@clack/core': 1.4.1
+      fast-string-width: 3.0.2
+      fast-wrap-ansi: 0.2.2
+      sisteransi: 1.0.5
+
+  '@dprint/formatter@0.5.1': {}
+
+  '@dprint/markdown@0.21.1': {}
+
+  '@dprint/toml@0.7.0': {}
+
+  '@e18e/eslint-plugin@0.4.1(eslint@10.4.1(jiti@2.7.0))':
+    dependencies:
+      empathic: 2.0.1
+      module-replacements: 3.0.0-beta.8
+      semver: 7.8.2
+    optionalDependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+
+  '@es-joy/jsdoccomment@0.84.0':
+    dependencies:
+      '@types/estree': 1.0.9
+      '@typescript-eslint/types': 8.60.1
+      comment-parser: 1.4.5
+      esquery: 1.7.0
+      jsdoc-type-pratt-parser: 7.1.1
+
+  '@es-joy/jsdoccomment@0.86.0':
+    dependencies:
+      '@types/estree': 1.0.9
+      '@typescript-eslint/types': 8.60.1
+      comment-parser: 1.4.6
+      esquery: 1.7.0
+      jsdoc-type-pratt-parser: 7.2.0
+
+  '@es-joy/resolve.exports@1.2.0': {}
+
   '@esbuild/aix-ppc64@0.25.12':
     optional: true
 
@@ -1581,6 +2979,68 @@ snapshots:
   '@esbuild/win32-x64@0.28.0':
     optional: true
 
+  '@eslint-community/eslint-plugin-eslint-comments@4.7.2(eslint@10.4.1(jiti@2.7.0))':
+    dependencies:
+      escape-string-regexp: 4.0.0
+      eslint: 10.4.1(jiti@2.7.0)
+      ignore: 7.0.5
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@10.4.1(jiti@2.7.0))':
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/compat@2.1.0(eslint@10.4.1(jiti@2.7.0))':
+    dependencies:
+      '@eslint/core': 1.2.1
+    optionalDependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+
+  '@eslint/config-array@0.23.5':
+    dependencies:
+      '@eslint/object-schema': 3.0.5
+      debug: 4.4.3
+      minimatch: 10.2.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.5.5':
+    dependencies:
+      '@eslint/core': 1.2.1
+
+  '@eslint/config-helpers@0.6.0':
+    dependencies:
+      '@eslint/core': 1.2.1
+
+  '@eslint/core@1.2.1':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/markdown@8.0.2':
+    dependencies:
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.2
+      github-slugger: 2.0.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-frontmatter: 2.0.1
+      mdast-util-gfm: 3.1.0
+      mdast-util-math: 3.0.0
+      micromark-extension-frontmatter: 2.0.0
+      micromark-extension-gfm: 3.0.0
+      micromark-extension-math: 3.1.0
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/object-schema@3.0.5': {}
+
+  '@eslint/plugin-kit@0.7.2':
+    dependencies:
+      '@eslint/core': 1.2.1
+      levn: 0.4.1
+
   '@floating-ui/core@1.7.5':
     dependencies:
       '@floating-ui/utils': 0.2.11
@@ -1601,6 +3061,22 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -1620,6 +3096,65 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  '@ota-meshi/ast-token-store@0.3.0': {}
+
+  '@oxfmt/binding-android-arm-eabi@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-android-arm64@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-arm64@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-x64@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-freebsd-x64@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-gnu@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-musl@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-musl@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-s390x-gnu@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-gnu@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-musl@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-openharmony-arm64@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-win32-arm64-msvc@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-win32-ia32-msvc@0.35.0':
+    optional: true
+
+  '@oxfmt/binding-win32-x64-msvc@0.35.0':
+    optional: true
+
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
 
@@ -1681,6 +3216,8 @@ snapshots:
       '@parcel/watcher-win32-x64': 2.5.6
     optional: true
 
+  '@pkgr/core@0.3.6': {}
+
   '@rollup/rollup-android-arm-eabi@4.61.1':
     optional: true
 
@@ -1756,6 +3293,18 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.61.1':
     optional: true
 
+  '@sindresorhus/base62@1.0.0': {}
+
+  '@stylistic/eslint-plugin@5.10.0(eslint@10.4.1(jiti@2.7.0))':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      '@typescript-eslint/types': 8.60.1
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      estraverse: 5.3.0
+      picomatch: 4.0.4
+
   '@tailwindcss/node@4.3.0':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -1817,12 +3366,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
 
-  '@tailwindcss/vite@4.3.0(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0))':
+  '@tailwindcss/vite@4.3.0(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
       tailwindcss: 4.3.0
-      vite: 6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)
+      vite: 6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0)
 
   '@tauri-apps/api@2.11.0': {}
 
@@ -1881,21 +3430,159 @@ snapshots:
     dependencies:
       '@tauri-apps/api': 2.11.0
 
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/esrecurse@4.3.1': {}
+
   '@types/estree@1.0.9': {}
 
   '@types/geojson@7946.0.16': {}
 
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/katex@0.16.8': {}
+
   '@types/leaflet@1.9.21':
     dependencies:
       '@types/geojson': 7946.0.16
 
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/ms@2.1.0': {}
+
+  '@types/unist@3.0.3': {}
+
   '@types/web-bluetooth@0.0.20': {}
 
-  '@vitejs/plugin-vue@5.2.4(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0))(vue@3.5.35(typescript@5.9.3))':
+  '@typescript-eslint/eslint-plugin@8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)':
     dependencies:
-      vite: 6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.60.1
+      '@typescript-eslint/type-utils': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.60.1
+      eslint: 10.4.1(jiti@2.7.0)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.60.1
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.60.1
+      debug: 4.4.3
+      eslint: 10.4.1(jiti@2.7.0)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.60.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.60.1
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/rule-tester@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/parser': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      ajv: 6.15.0
+      eslint: 10.4.1(jiti@2.7.0)
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      semver: 7.8.2
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.60.1':
+    dependencies:
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/visitor-keys': 8.60.1
+
+  '@typescript-eslint/tsconfig-utils@8.60.1(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 10.4.1(jiti@2.7.0)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.60.1': {}
+
+  '@typescript-eslint/typescript-estree@8.60.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/visitor-keys': 8.60.1
+      debug: 4.4.3
+      minimatch: 10.2.5
+      semver: 7.8.2
+      tinyglobby: 0.2.17
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      '@typescript-eslint/scope-manager': 8.60.1
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
+      eslint: 10.4.1(jiti@2.7.0)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.60.1':
+    dependencies:
+      '@typescript-eslint/types': 8.60.1
+      eslint-visitor-keys: 5.0.1
+
+  '@vitejs/plugin-vue@5.2.4(vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0))(vue@3.5.35(typescript@5.9.3))':
+    dependencies:
+      vite: 6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0)
       vue: 3.5.35(typescript@5.9.3)
 
+  '@vitest/eslint-plugin@1.6.19(@typescript-eslint/eslint-plugin@8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.60.1
+      '@typescript-eslint/utils': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      eslint: 10.4.1(jiti@2.7.0)
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@volar/language-core@2.4.15':
     dependencies:
       '@volar/source-map': 2.4.15
@@ -2011,14 +3698,31 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
+  acorn-jsx@5.3.2(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
+  acorn@8.16.0: {}
+
   agent-base@6.0.2:
     dependencies:
       debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
   alien-signals@1.0.13: {}
 
+  ansis@4.3.1: {}
+
+  are-docs-informative@0.0.2: {}
+
   asynckit@0.4.0: {}
 
   autoprefixer@10.5.0(postcss@8.5.15):
@@ -2042,12 +3746,20 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
+  balanced-match@4.0.4: {}
+
   baseline-browser-mapping@2.10.34: {}
 
+  boolbase@1.0.0: {}
+
   brace-expansion@2.1.1:
     dependencies:
       balanced-match: 1.0.2
 
+  brace-expansion@5.0.6:
+    dependencies:
+      balanced-match: 4.0.4
+
   browserslist@4.28.2:
     dependencies:
       baseline-browser-mapping: 2.10.34
@@ -2056,6 +3768,10 @@ snapshots:
       node-releases: 2.0.47
       update-browserslist-db: 1.2.3(browserslist@4.28.2)
 
+  builtin-modules@5.2.0: {}
+
+  cac@7.0.0: {}
+
   call-bind-apply-helpers@1.0.2:
     dependencies:
       es-errors: 1.3.0
@@ -2063,14 +3779,50 @@ snapshots:
 
   caniuse-lite@1.0.30001797: {}
 
+  ccount@2.0.1: {}
+
+  change-case@5.4.4: {}
+
+  character-entities@2.0.2: {}
+
   chokidar@5.0.0:
     dependencies:
       readdirp: 5.0.0
 
+  ci-info@4.4.0: {}
+
+  clean-regexp@1.0.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
 
+  commander@8.3.0: {}
+
+  comment-parser@1.4.5: {}
+
+  comment-parser@1.4.6: {}
+
+  comment-parser@1.4.7: {}
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.4: {}
+
+  core-js-compat@3.49.0:
+    dependencies:
+      browserslist: 4.28.2
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  cssesc@3.0.0: {}
+
   csstype@3.2.3: {}
 
   de-indent@1.0.2: {}
@@ -2079,10 +3831,24 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
+  deep-is@0.1.4: {}
+
   delayed-stream@1.0.0: {}
 
+  dequal@2.0.3: {}
+
   detect-libc@2.1.2: {}
 
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff-sequences@29.6.3: {}
+
   dunder-proto@1.0.1:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -2091,6 +3857,8 @@ snapshots:
 
   electron-to-chromium@1.5.368: {}
 
+  empathic@2.0.1: {}
+
   enhanced-resolve@5.23.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -2173,12 +3941,351 @@ snapshots:
 
   escalade@3.2.0: {}
 
+  escape-string-regexp@1.0.5: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  eslint-compat-utils@0.5.1(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+      semver: 7.8.2
+
+  eslint-config-flat-gitignore@2.3.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@eslint/compat': 2.1.0(eslint@10.4.1(jiti@2.7.0))
+      eslint: 10.4.1(jiti@2.7.0)
+
+  eslint-flat-config-utils@3.2.0:
+    dependencies:
+      '@eslint/config-helpers': 0.5.5
+      pathe: 2.0.3
+
+  eslint-formatting-reporter@0.0.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+      prettier-linter-helpers: 1.0.1
+
+  eslint-json-compat-utils@0.2.3(eslint@10.4.1(jiti@2.7.0))(jsonc-eslint-parser@3.1.0):
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+      esquery: 1.7.0
+      jsonc-eslint-parser: 3.1.0
+
+  eslint-merge-processors@2.0.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+
+  eslint-parser-plain@0.1.1: {}
+
+  eslint-plugin-antfu@3.2.3(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+
+  eslint-plugin-command@3.5.2(@typescript-eslint/rule-tester@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.60.1(typescript@5.9.3))(@typescript-eslint/utils@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.84.0
+      '@typescript-eslint/rule-tester': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      eslint: 10.4.1(jiti@2.7.0)
+
+  eslint-plugin-es-x@7.8.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      '@eslint-community/regexpp': 4.12.2
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-compat-utils: 0.5.1(eslint@10.4.1(jiti@2.7.0))
+
+  eslint-plugin-format@2.0.1(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@dprint/formatter': 0.5.1
+      '@dprint/markdown': 0.21.1
+      '@dprint/toml': 0.7.0
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-formatting-reporter: 0.0.0(eslint@10.4.1(jiti@2.7.0))
+      eslint-parser-plain: 0.1.1
+      ohash: 2.0.11
+      oxfmt: 0.35.0
+      prettier: 3.8.3
+      synckit: 0.11.13
+
+  eslint-plugin-import-lite@0.6.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+
+  eslint-plugin-jsdoc@62.9.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.86.0
+      '@es-joy/resolve.exports': 1.2.0
+      are-docs-informative: 0.0.2
+      comment-parser: 1.4.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint: 10.4.1(jiti@2.7.0)
+      espree: 11.2.0
+      esquery: 1.7.0
+      html-entities: 2.6.0
+      object-deep-merge: 2.0.1
+      parse-imports-exports: 0.2.4
+      semver: 7.8.2
+      spdx-expression-parse: 4.0.0
+      to-valid-identifier: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-jsonc@3.2.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.2
+      '@ota-meshi/ast-token-store': 0.3.0
+      diff-sequences: 29.6.3
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-json-compat-utils: 0.2.3(eslint@10.4.1(jiti@2.7.0))(jsonc-eslint-parser@3.1.0)
+      jsonc-eslint-parser: 3.1.0
+      natural-compare: 1.4.0
+      synckit: 0.11.13
+    transitivePeerDependencies:
+      - '@eslint/json'
+
+  eslint-plugin-n@18.0.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      enhanced-resolve: 5.23.0
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-plugin-es-x: 7.8.0(eslint@10.4.1(jiti@2.7.0))
+      get-tsconfig: 4.14.0
+      globals: 15.15.0
+      globrex: 0.1.2
+      ignore: 5.3.2
+      semver: 7.8.2
+    optionalDependencies:
+      typescript: 5.9.3
+
+  eslint-plugin-no-only-tests@3.4.0: {}
+
+  eslint-plugin-perfectionist@5.9.0(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/utils': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+      eslint: 10.4.1(jiti@2.7.0)
+      natural-orderby: 5.0.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  eslint-plugin-pnpm@1.6.1(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      empathic: 2.0.1
+      eslint: 10.4.1(jiti@2.7.0)
+      jsonc-eslint-parser: 3.1.0
+      pathe: 2.0.3
+      pnpm-workspace-yaml: 1.6.1
+      tinyglobby: 0.2.17
+      yaml: 2.9.0
+      yaml-eslint-parser: 2.0.0
+
+  eslint-plugin-regexp@3.1.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      '@eslint-community/regexpp': 4.12.2
+      comment-parser: 1.4.7
+      eslint: 10.4.1(jiti@2.7.0)
+      jsdoc-type-pratt-parser: 7.2.0
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+      scslre: 0.3.0
+
+  eslint-plugin-toml@1.4.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.2
+      '@ota-meshi/ast-token-store': 0.3.0
+      debug: 4.4.3
+      eslint: 10.4.1(jiti@2.7.0)
+      toml-eslint-parser: 1.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-unicorn@64.0.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@babel/helper-validator-identifier': 7.29.7
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      change-case: 5.4.4
+      ci-info: 4.4.0
+      clean-regexp: 1.0.0
+      core-js-compat: 3.49.0
+      eslint: 10.4.1(jiti@2.7.0)
+      find-up-simple: 1.0.1
+      globals: 17.6.0
+      indent-string: 5.0.0
+      is-builtin-module: 5.0.0
+      jsesc: 3.1.0
+      pluralize: 8.0.0
+      regexp-tree: 0.1.27
+      regjsparser: 0.13.1
+      semver: 7.8.2
+      strip-indent: 4.1.1
+
+  eslint-plugin-unused-imports@4.4.1(@typescript-eslint/eslint-plugin@8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      eslint: 10.4.1(jiti@2.7.0)
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.60.1(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+
+  eslint-plugin-vue@10.9.2(@stylistic/eslint-plugin@5.10.0(eslint@10.4.1(jiti@2.7.0)))(@typescript-eslint/parser@8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3))(eslint@10.4.1(jiti@2.7.0))(vue-eslint-parser@10.4.1(eslint@10.4.1(jiti@2.7.0))):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      eslint: 10.4.1(jiti@2.7.0)
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 7.1.1
+      semver: 7.8.2
+      vue-eslint-parser: 10.4.1(eslint@10.4.1(jiti@2.7.0))
+      xml-name-validator: 4.0.0
+    optionalDependencies:
+      '@stylistic/eslint-plugin': 5.10.0(eslint@10.4.1(jiti@2.7.0))
+      '@typescript-eslint/parser': 8.60.1(eslint@10.4.1(jiti@2.7.0))(typescript@5.9.3)
+
+  eslint-plugin-yml@3.4.0(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.2
+      '@ota-meshi/ast-token-store': 0.3.0
+      diff-sequences: 29.6.3
+      escape-string-regexp: 5.0.0
+      eslint: 10.4.1(jiti@2.7.0)
+      natural-compare: 1.4.0
+      yaml-eslint-parser: 2.0.0
+
+  eslint-processor-vue-blocks@2.0.0(@vue/compiler-sfc@3.5.35)(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      '@vue/compiler-sfc': 3.5.35
+      eslint: 10.4.1(jiti@2.7.0)
+
+  eslint-scope@9.1.2:
+    dependencies:
+      '@types/esrecurse': 4.3.1
+      '@types/estree': 1.0.9
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@10.4.1(jiti@2.7.0):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.4.1(jiti@2.7.0))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.23.5
+      '@eslint/config-helpers': 0.6.0
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.2
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.9
+      ajv: 6.15.0
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      minimatch: 10.2.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.7.0
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 4.2.1
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 5.0.1
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
   estree-walker@2.0.2: {}
 
+  esutils@2.0.3: {}
+
+  exsolve@1.0.8: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-diff@1.3.0: {}
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fast-string-truncated-width@3.0.3: {}
+
+  fast-string-width@3.0.2:
+    dependencies:
+      fast-string-truncated-width: 3.0.3
+
+  fast-wrap-ansi@0.2.2:
+    dependencies:
+      fast-string-width: 3.0.2
+
+  fault@2.0.1:
+    dependencies:
+      format: 0.2.2
+
   fdir@6.5.0(picomatch@4.0.4):
     optionalDependencies:
       picomatch: 4.0.4
 
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  find-up-simple@1.0.1: {}
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.2
+      keyv: 4.5.4
+
+  flatted@3.4.2: {}
+
   follow-redirects@1.16.0: {}
 
   form-data@4.0.5:
@@ -2189,6 +4296,8 @@ snapshots:
       hasown: 2.0.4
       mime-types: 2.1.35
 
+  format@0.2.2: {}
+
   fraction.js@5.3.4: {}
 
   fsevents@2.3.3:
@@ -2214,6 +4323,22 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.2
 
+  get-tsconfig@4.14.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  github-slugger@2.0.0: {}
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  globals@15.15.0: {}
+
+  globals@17.6.0: {}
+
+  globrex@0.1.2: {}
+
   gopd@1.2.0: {}
 
   graceful-fs@4.2.11: {}
@@ -2232,6 +4357,8 @@ snapshots:
 
   he@1.2.0: {}
 
+  html-entities@2.6.0: {}
+
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
@@ -2239,20 +4366,63 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
   immutable@5.1.6: {}
 
-  is-extglob@2.1.1:
-    optional: true
+  imurmurhash@0.1.4: {}
+
+  indent-string@5.0.0: {}
+
+  is-builtin-module@5.0.0:
+    dependencies:
+      builtin-modules: 5.2.0
+
+  is-extglob@2.1.1: {}
 
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
-    optional: true
+
+  isexe@2.0.0: {}
 
   jiti@2.7.0: {}
 
+  jsdoc-type-pratt-parser@7.1.1: {}
+
+  jsdoc-type-pratt-parser@7.2.0: {}
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  jsonc-eslint-parser@3.1.0:
+    dependencies:
+      acorn: 8.16.0
+      eslint-visitor-keys: 5.0.1
+      semver: 7.8.2
+
+  katex@0.16.47:
+    dependencies:
+      commander: 8.3.0
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
   leaflet@1.9.4: {}
 
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
   lightningcss-android-arm64@1.32.0:
     optional: true
 
@@ -2302,39 +4472,493 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.32.0
       lightningcss-win32-x64-msvc: 1.32.0
 
+  local-pkg@1.2.1:
+    dependencies:
+      mlly: 1.8.2
+      pkg-types: 2.3.1
+      quansync: 0.2.11
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash.merge@4.6.2: {}
+
+  longest-streak@3.1.0: {}
+
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  markdown-table@3.0.4: {}
+
   math-intrinsics@1.1.0: {}
 
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.3:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-frontmatter@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      escape-string-regexp: 5.0.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      micromark-extension-frontmatter: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-math@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      longest-streak: 3.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      unist-util-remove-position: 5.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-frontmatter@2.0.0:
+    dependencies:
+      fault: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-math@3.1.0:
+    dependencies:
+      '@types/katex': 0.16.8
+      devlop: 1.1.0
+      katex: 0.16.47
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.13
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   mime-db@1.52.0: {}
 
   mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
 
+  minimatch@10.2.5:
+    dependencies:
+      brace-expansion: 5.0.6
+
   minimatch@9.0.9:
     dependencies:
       brace-expansion: 2.1.1
 
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.4
+
+  module-replacements@3.0.0-beta.8: {}
+
   ms@2.1.3: {}
 
   muggle-string@0.4.1: {}
 
   nanoid@3.3.12: {}
 
+  natural-compare@1.4.0: {}
+
+  natural-orderby@5.0.0: {}
+
   node-addon-api@7.1.1:
     optional: true
 
   node-releases@2.0.47: {}
 
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  object-deep-merge@2.0.1: {}
+
+  ohash@2.0.11: {}
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  oxfmt@0.35.0:
+    dependencies:
+      tinypool: 2.1.0
+    optionalDependencies:
+      '@oxfmt/binding-android-arm-eabi': 0.35.0
+      '@oxfmt/binding-android-arm64': 0.35.0
+      '@oxfmt/binding-darwin-arm64': 0.35.0
+      '@oxfmt/binding-darwin-x64': 0.35.0
+      '@oxfmt/binding-freebsd-x64': 0.35.0
+      '@oxfmt/binding-linux-arm-gnueabihf': 0.35.0
+      '@oxfmt/binding-linux-arm-musleabihf': 0.35.0
+      '@oxfmt/binding-linux-arm64-gnu': 0.35.0
+      '@oxfmt/binding-linux-arm64-musl': 0.35.0
+      '@oxfmt/binding-linux-ppc64-gnu': 0.35.0
+      '@oxfmt/binding-linux-riscv64-gnu': 0.35.0
+      '@oxfmt/binding-linux-riscv64-musl': 0.35.0
+      '@oxfmt/binding-linux-s390x-gnu': 0.35.0
+      '@oxfmt/binding-linux-x64-gnu': 0.35.0
+      '@oxfmt/binding-linux-x64-musl': 0.35.0
+      '@oxfmt/binding-openharmony-arm64': 0.35.0
+      '@oxfmt/binding-win32-arm64-msvc': 0.35.0
+      '@oxfmt/binding-win32-ia32-msvc': 0.35.0
+      '@oxfmt/binding-win32-x64-msvc': 0.35.0
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  package-manager-detector@1.6.0: {}
+
+  parse-gitignore@2.0.0: {}
+
+  parse-imports-exports@0.2.4:
+    dependencies:
+      parse-statements: 1.0.11
+
+  parse-statements@1.0.11: {}
+
   path-browserify@1.0.1: {}
 
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  pathe@2.0.3: {}
+
   picocolors@1.1.1: {}
 
   picomatch@4.0.4: {}
 
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.2
+      pathe: 2.0.3
+
+  pkg-types@2.3.1:
+    dependencies:
+      confbox: 0.2.4
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
+  pluralize@8.0.0: {}
+
+  pnpm-workspace-yaml@1.6.1:
+    dependencies:
+      yaml: 2.9.0
+
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   postcss-value-parser@4.2.0: {}
 
   postcss@8.5.15:
@@ -2343,10 +4967,41 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  prelude-ls@1.2.1: {}
+
+  prettier-linter-helpers@1.0.1:
+    dependencies:
+      fast-diff: 1.3.0
+
+  prettier@3.8.3: {}
+
   proxy-from-env@2.1.0: {}
 
+  punycode@2.3.1: {}
+
+  quansync@0.2.11: {}
+
   readdirp@5.0.0: {}
 
+  refa@0.12.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+
+  regexp-ast-analysis@0.7.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      refa: 0.12.1
+
+  regexp-tree@0.1.27: {}
+
+  regjsparser@0.13.1:
+    dependencies:
+      jsesc: 3.1.0
+
+  reserved-identifiers@1.2.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
   rollup@4.61.1:
     dependencies:
       '@types/estree': 1.0.9
@@ -2386,26 +5041,110 @@ snapshots:
     optionalDependencies:
       '@parcel/watcher': 2.5.6
 
+  scslre@0.3.0:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+
+  semver@7.8.2: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  sisteransi@1.0.5: {}
+
   source-map-js@1.2.1: {}
 
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@4.0.0:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.23
+
+  spdx-license-ids@3.0.23: {}
+
+  strip-indent@4.1.1: {}
+
+  synckit@0.11.13:
+    dependencies:
+      '@pkgr/core': 0.3.6
+
   tailwindcss@4.3.0: {}
 
   tapable@2.3.3: {}
 
+  tinyexec@1.2.4: {}
+
   tinyglobby@0.2.17:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.4)
       picomatch: 4.0.4
 
+  tinypool@2.1.0: {}
+
+  to-valid-identifier@1.0.0:
+    dependencies:
+      '@sindresorhus/base62': 1.0.0
+      reserved-identifiers: 1.2.0
+
+  toml-eslint-parser@1.0.3:
+    dependencies:
+      eslint-visitor-keys: 5.0.1
+
+  ts-api-utils@2.5.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
   typescript@5.9.3: {}
 
+  ufo@1.6.4: {}
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-remove-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-visit: 5.1.0
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
   update-browserslist-db@1.2.3(browserslist@4.28.2):
     dependencies:
       browserslist: 4.28.2
       escalade: 3.2.0
       picocolors: 1.1.1
 
-  vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0):
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  util-deprecate@1.0.2: {}
+
+  vite@6.4.3(jiti@2.7.0)(lightningcss@1.32.0)(sass@1.100.0)(yaml@2.9.0):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.4)
@@ -2418,6 +5157,7 @@ snapshots:
       jiti: 2.7.0
       lightningcss: 1.32.0
       sass: 1.100.0
+      yaml: 2.9.0
 
   vscode-uri@3.1.0: {}
 
@@ -2429,6 +5169,18 @@ snapshots:
     dependencies:
       vue: 3.5.35(typescript@5.9.3)
 
+  vue-eslint-parser@10.4.1(eslint@10.4.1(jiti@2.7.0)):
+    dependencies:
+      debug: 4.4.3
+      eslint: 10.4.1(jiti@2.7.0)
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      semver: 7.8.2
+    transitivePeerDependencies:
+      - supports-color
+
   vue-router@4.6.4(vue@3.5.35(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
@@ -2449,3 +5201,22 @@ snapshots:
       '@vue/shared': 3.5.35
     optionalDependencies:
       typescript: 5.9.3
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  word-wrap@1.2.5: {}
+
+  xml-name-validator@4.0.0: {}
+
+  yaml-eslint-parser@2.0.0:
+    dependencies:
+      eslint-visitor-keys: 5.0.1
+      yaml: 2.9.0
+
+  yaml@2.9.0: {}
+
+  yocto-queue@0.1.0: {}
+
+  zwitch@2.0.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 190e413..2442848 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,7 @@
+shellEmulator: true
+
+trustPolicy: no-downgrade
+
 allowBuilds:
   '@parcel/watcher': set this to true or false
   esbuild: set this to true or false
diff --git a/promts/meetme-penpot-prompt.md b/promts/meetme-penpot-prompt.md
index 8ebb439..14fb3b8 100644
--- a/promts/meetme-penpot-prompt.md
+++ b/promts/meetme-penpot-prompt.md
@@ -3,6 +3,7 @@
 ## Предисловие
 
 Перед началом работы прочитай и усвой полностью:
+
 - `.claude/skills/impeccable/SKILL.md` и все 7 файлов из `reference/`
 - `.claude/skills/taste-skill/SKILL.md`
 
@@ -17,6 +18,7 @@
 Весь дизайн — **на русском языке**: лейблы, плейсхолдеры, заголовки, подписи, пустые состояния, сообщения об ошибках, CTA-кнопки.
 
 Два брейкпоинта:
+
 - **Mobile** — 390 × 844 px (iPhone 14 Pro как эталон)
 - **Desktop** — 1440 × 900 px
 
@@ -59,6 +61,7 @@ MeetMe/
 ## 1. ЦВЕТОВАЯ ПАЛИТРА
 
 ### Принципы (из impeccable color-and-contrast)
+
 - Все цвета определяй в **OKLCH** — предсказуемый контраст при изменении яркости
 - Нейтралы должны быть **тёплыми** (чуть красный/жёлтый подтон), не холодно-серыми
 - Избегай: синих оттенков по умолчанию, generic «brand purple», чистого чёрного/белого
@@ -67,6 +70,7 @@ MeetMe/
 
 **Brand (основной акцент):**
 Тёплый терракотово-коралловый — не стандартный розовый Tinder, не красный. Живой, зрелый.
+
 ```
 --color-brand-50:  oklch(97% 0.012 22)   /* почти белый с теплом */
 --color-brand-100: oklch(93% 0.030 22)
@@ -81,6 +85,7 @@ MeetMe/
 ```
 
 **Neutral (тёплые серые):**
+
 ```
 --color-neutral-0:   oklch(100% 0 0)
 --color-neutral-50:  oklch(97% 0.004 60)
@@ -96,6 +101,7 @@ MeetMe/
 ```
 
 **Semantic:**
+
 ```
 --color-success: oklch(62% 0.155 145)   /* зелёный — матч состоялся */
 --color-warning: oklch(78% 0.140 72)    /* янтарный — встреча pending */
@@ -104,6 +110,7 @@ MeetMe/
 ```
 
 **Поверхности (Light mode):**
+
 ```
 --surface-page:      --color-neutral-50
 --surface-card:      --color-neutral-0
@@ -118,6 +125,7 @@ MeetMe/
 ## 2. ТИПОГРАФИКА
 
 ### Принципы (из impeccable typography)
+
 - Не Inter. Никогда Inter как единственный шрифт.
 - Пара: выразительный дисплейный + читаемый текстовый
 - Модульная шкала, не произвольные размеры
@@ -133,20 +141,20 @@ MeetMe/
 
 ### Типографическая шкала (модульная, ratio 1.25)
 
-| Токен | Шрифт | Size | Weight | Line-height | Tracking | Применение |
-|-------|-------|------|--------|-------------|----------|------------|
-| `display-2xl` | Playfair Display | 48px | 700 | 1.1 | -0.02em | Экран матча, hero |
-| `display-xl` | Playfair Display | 38px | 700 | 1.15 | -0.015em | Заголовки онбординга |
-| `display-lg` | Playfair Display | 30px | 600 | 1.2 | -0.01em | Имя в профиле |
-| `display-md` | Playfair Display | 24px | 600 | 1.25 | -0.005em | Заголовки секций |
-| `heading-lg` | Manrope | 20px | 700 | 1.3 | -0.01em | Навбар, диалоги |
-| `heading-md` | Manrope | 17px | 600 | 1.35 | -0.005em | Карточки, подзаголовки |
-| `heading-sm` | Manrope | 15px | 600 | 1.4 | 0 | Лейблы полей |
-| `body-lg` | Manrope | 16px | 400 | 1.6 | 0 | Основной текст |
-| `body-md` | Manrope | 14px | 400 | 1.6 | 0 | Описание профиля |
-| `body-sm` | Manrope | 12px | 400 | 1.5 | 0.01em | Мета, временные метки |
-| `label-lg` | Manrope | 14px | 500 | 1 | 0.04em | Кнопки, таббар |
-| `label-sm` | Manrope | 11px | 500 | 1 | 0.06em | Бейджи, чипы |
+| Токен         | Шрифт            | Size | Weight | Line-height | Tracking | Применение             |
+| ------------- | ---------------- | ---- | ------ | ----------- | -------- | ---------------------- |
+| `display-2xl` | Playfair Display | 48px | 700    | 1.1         | -0.02em  | Экран матча, hero      |
+| `display-xl`  | Playfair Display | 38px | 700    | 1.15        | -0.015em | Заголовки онбординга   |
+| `display-lg`  | Playfair Display | 30px | 600    | 1.2         | -0.01em  | Имя в профиле          |
+| `display-md`  | Playfair Display | 24px | 600    | 1.25        | -0.005em | Заголовки секций       |
+| `heading-lg`  | Manrope          | 20px | 700    | 1.3         | -0.01em  | Навбар, диалоги        |
+| `heading-md`  | Manrope          | 17px | 600    | 1.35        | -0.005em | Карточки, подзаголовки |
+| `heading-sm`  | Manrope          | 15px | 600    | 1.4         | 0        | Лейблы полей           |
+| `body-lg`     | Manrope          | 16px | 400    | 1.6         | 0        | Основной текст         |
+| `body-md`     | Manrope          | 14px | 400    | 1.6         | 0        | Описание профиля       |
+| `body-sm`     | Manrope          | 12px | 400    | 1.5         | 0.01em   | Мета, временные метки  |
+| `label-lg`    | Manrope          | 14px | 500    | 1           | 0.04em   | Кнопки, таббар         |
+| `label-sm`    | Manrope          | 11px | 500    | 1           | 0.06em   | Бейджи, чипы           |
 
 **Все токены фиксируй в Penpot как Text Styles.**
 
@@ -155,6 +163,7 @@ MeetMe/
 ## 3. SPACING & GRID
 
 ### Шкала отступов (4px база)
+
 ```
 --space-1:  4px
 --space-2:  8px
@@ -170,6 +179,7 @@ MeetMe/
 ```
 
 ### Радиусы скругления
+
 ```
 --radius-sm:   6px    /* чипы, теги */
 --radius-md:   12px   /* карточки, поля ввода */
@@ -179,11 +189,13 @@ MeetMe/
 ```
 
 ### Грид Mobile (390px)
+
 - Колонки: 4
 - Гаттер: 16px
 - Отступы: 20px
 
 ### Грид Desktop (1440px)
+
 - Колонки: 12
 - Гаттер: 24px
 - Отступы: 80px
@@ -211,6 +223,7 @@ MeetMe/
 ## 5. БИБЛИОТЕКА ИКОНОК
 
 Создай коллекцию **48 иконок** в едином стиле:
+
 - Стиль: **Outlined с rounded endpoints**, stroke 1.5–2px, 24×24 viewport
 - Никакого filled + outlined микса в одном экране
 - Все иконки — компоненты Penpot с именованием `icon/[category]/[name]`
@@ -218,6 +231,7 @@ MeetMe/
 ### Список иконок (сгруппируй в Penpot по категориям):
 
 **Navigation (8)**
+
 - `nav/feed` — сетка карточек или стопка
 - `nav/matches` — сердце с двойным контуром или звёзды
 - `nav/chat` — облако диалога
@@ -228,6 +242,7 @@ MeetMe/
 - `nav/close` — крест
 
 **Actions (12)**
+
 - `action/like` — сердце
 - `action/dislike` — крест в круге или большой X
 - `action/superlike` — звезда
@@ -242,6 +257,7 @@ MeetMe/
 - `action/more` — три точки (горизонтальные)
 
 **Profile (8)**
+
 - `profile/age` — торт или число
 - `profile/location` — пин геолокации
 - `profile/height` — линейка роста
@@ -252,6 +268,7 @@ MeetMe/
 - `profile/tag` — тег/лейбл
 
 **Chat (8)**
+
 - `chat/read` — двойная галочка
 - `chat/delivered` — одна галочка
 - `chat/typing` — три точки анимированные
@@ -262,6 +279,7 @@ MeetMe/
 - `chat/report` — флажок
 
 **Status (6)**
+
 - `status/online` — зелёная точка
 - `status/pending` — часы
 - `status/confirmed` — галочка
@@ -270,6 +288,7 @@ MeetMe/
 - `status/limit` — замок или стоп-сигнал
 
 **Misc (6)**
+
 - `misc/filter` — воронка
 - `misc/search` — лупа
 - `misc/notification` — колокол
@@ -286,17 +305,20 @@ MeetMe/
 #### Button
 
 **Варианты (Property: variant)**
+
 - `primary` — brand-500 фон, белый текст
 - `secondary` — brand-100 фон, brand-700 текст
 - `ghost` — прозрачный фон, brand-600 текст
 - `destructive` — error фон, белый текст
 
 **Размеры (Property: size)**
+
 - `lg` — height 52px, padding 24px, radius-full, label-lg
 - `md` — height 44px, padding 20px, radius-full, label-lg
 - `sm` — height 36px, padding 16px, radius-md, label-sm
 
 **Состояния (Property: state)**
+
 - `default`, `hover`, `pressed`, `disabled`, `loading`
 
 **Иконка (Property: icon):** leading / trailing / icon-only
@@ -327,6 +349,7 @@ MeetMe/
 - Используется в профиле для отображения тегов интересов
 
 #### Divider
+
 - Горизонтальный, с опциональным текстом по центру («или»)
 
 ---
@@ -338,6 +361,7 @@ MeetMe/
 Основной компонент приложения. Полноэкранная карточка на мобиле.
 
 **Структура:**
+
 ```
 ┌─────────────────────────────┐
 │                             │
@@ -361,11 +385,13 @@ MeetMe/
 - Тени под текстом нет — только градиент
 
 **Действия (кнопки поверх карточки):**
+
 - Дизлайк — круглая кнопка 64px, нейтральный фон, иконка `action/dislike` в neutral-600
 - Лайк — круглая кнопка 64px, brand-500 фон, иконка `action/like` белый
 - Суперлайк (опционально) — 52px, янтарный, звезда
 
 **Свайп-оверлеи:**
+
 - Свайп вправо: зелёный бейдж «НРАВИТСЯ» в левом верхнем углу, наклон текста
 - Свайп влево: красный бейдж «ПРОПУСТИТЬ» в правом верхнем углу
 
@@ -417,6 +443,7 @@ MeetMe/
 #### FilterSheet (панель фильтров)
 
 Bottom sheet на мобиле, sidebar на десктопе.
+
 - Возраст: range slider (ageMin–ageMax)
 - Город: dropdown select
 - Район: dropdown select (зависимый)
@@ -430,6 +457,7 @@ Bottom sheet на мобиле, sidebar на десктопе.
 #### BottomNav (Mobile)
 
 Высота 83px (+ safe area). 5 вкладок:
+
 - Лента (`nav/feed`)
 - Матчи (`nav/matches`) — с бейджем
 - Чат (`nav/chat`) — с бейджем
@@ -445,6 +473,7 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 #### ProfileHeader
 
 Используется на экране публичного профиля.
+
 - Фото-галерея (swiper, точки-индикаторы)
 - Кнопка назад
 - Кнопка «Пожаловаться» (три точки → меню)
@@ -457,6 +486,7 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 #### MatchModal (bottom sheet / центральный модал)
 
 Появляется при взаимном лайке.
+
 - Анимированный фон (конфетти? мягкие частицы)
 - Два аватара с перекрытием
 - Заголовок: `display-xl` «Это матч!»
@@ -473,6 +503,7 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Авторизация
 
 **LoginView**
+
 - Логотип MeetMe (wordmark Playfair Display + иконка) по центру верхней трети
 - `display-xl`: «Рады видеть тебя»
 - Поля: телефон (+7), пароль
@@ -480,6 +511,7 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 - Ссылка: «Нет аккаунта? Зарегистрироваться»
 
 **RegisterView**
+
 - «Создай аккаунт»
 - Поля: телефон, пароль, подтверждение пароля
 - Кнопка: «Зарегистрироваться»
@@ -488,22 +520,26 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Онбординг
 
 **CreateProfileView — Шаг 1 (Основное)**
+
 - Прогресс-бар (3 шага)
 - «Расскажи о себе»
 - Поля: Имя, Дата рождения, Пол (radio-кнопки с иконками ♂ ♀)
 - CTA: «Далее»
 
 **CreateProfileView — Шаг 2 (Детали)**
+
 - Поля: Город (select), Район (select), Рост, Вес, Национальность
 - Описание (textarea, 300 символов)
 - CTA: «Далее»
 
 **CreateProfileView — Шаг 3 (Интересы)**
+
 - «Выбери до 10 интересов»
 - Chip grid из тегов (GET /tags)
 - CTA: «Готово»
 
 **MediaUploadView**
+
 - «Добавь фото»
 - 6 слотов в сетке 2×3, первый — обязательный (основное фото)
 - Плейсхолдер слота: `+` иконка, пунктирная рамка
@@ -513,18 +549,21 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Лента
 
 **FeedView**
+
 - Карточка профиля на весь экран (за вычетом статус-бара и BottomNav)
 - Вверху: логотип MeetMe (compact) + иконка фильтра + иконка уведомлений
 - Кнопки действий снизу карточки
 - Индикатор позиции (точки или счётчик «3 из 20»)
 
 **FeedView — Empty State**
+
 - Иллюстрация (простая, монолинейная, brand-200 цвет)
 - «Ты просмотрел всех»
 - «Попробуй позже или измени фильтры»
 - CTA: «Изменить фильтры»
 
 **FeedView — Limit Reached**
+
 - «У тебя 10 матчей»
 - «Пообщайся с ними, чтобы продолжить поиск»
 - CTA: «Перейти к матчам»
@@ -532,6 +571,7 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Матчи
 
 **MatchesView**
+
 - Заголовок «Матчи»
 - Horizontal scroll «Новые» — аватары в кружках (как в Instagram Stories)
 - Список MatchCard ниже — все матчи в хронологии
@@ -539,12 +579,14 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Чат
 
 **ChatsListView**
+
 - Заголовок «Сообщения»
 - Поиск по чатам
 - Список ChatListItem
 - Empty state: «Пока нет чатов. Напиши кому-нибудь из матчей!»
 
 **ChatView**
+
 - ChatHeader
 - Сообщения (с группировкой по датам — «Сегодня», «Вчера», дата)
 - Быстрые приветствия (горизонтальный скролл чипов, появляется при первом сообщении)
@@ -554,12 +596,14 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Встречи
 
 **DatesView**
+
 - Заголовок «Встречи»
 - Фильтр по статусу (таббар: Все / Ожидают / Подтверждены)
 - Список DateCard
 - Empty state: «Пока нет встреч. Договорись в чате!»
 
 **DateProposalSheet (bottom sheet)**
+
 - «Назначить встречу»
 - Поле: дата и время (date-time picker)
 - Карта или поле координат
@@ -568,17 +612,20 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Профиль
 
 **MyProfilesView**
+
 - «Мои профили»
 - Список профилей (аватар, имя, возраст)
 - Кнопка «Добавить профиль» (+ иконка)
 - Active badge на текущем профиле
 
 **ProfileEditView**
+
 - Редактирование с теми же полями что в создании
 - Секция «Медиа» — галерея с drag-to-reorder
 - Кнопка «Удалить профиль» (destructive, внизу)
 
 **ProfilePublicView**
+
 - ProfileHeader (фото-галерея)
 - Имя, возраст, геолокация
 - Описание
@@ -589,6 +636,7 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ### Настройки
 
 **SettingsView**
+
 - Аватар + имя аккаунта
 - Секции: Аккаунт, Уведомления, Безопасность, О приложении
 - Кнопка «Выйти» (destructive)
@@ -600,24 +648,29 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 Каждый фрейм 1440×900.
 
 **Общий Layout:**
+
 - Левая колонка: SideNav (240px, фиксированная)
 - Основная область: 1200px
 - Для чата: split-view — список (320px) + сообщения
 
 **FeedView Desktop**
+
 - SideNav слева
 - Центр: карточка профиля 420×560px (не во весь экран!)
 - Справа от карточки: детали профиля (имя, теги, описание) — 320px колонка
 - Кнопки под карточкой или справа
 
 **ChatsView Desktop**
+
 - SideNav | ChatList 320px | ChatMessages | (опционально ProfilePanel 280px)
 - Нет bottom sheet — поле ввода снизу в колонке сообщений
 
 **MatchesView Desktop**
+
 - Сетка 3 колонки из MatchCard
 
 **ProfileEditView Desktop**
+
 - Двухколоночный layout: форма | превью профиля
 
 ---
@@ -637,16 +690,19 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 Для каждого ключевого экрана создай:
 
 **Loading (Skeleton):**
+
 - ProfileCard skeleton: прямоугольник с animated shimmer
 - ChatListItem skeleton: аватар-круг + две строки
 
 **Empty States (с иллюстрацией):**
+
 - Лента пуста
 - Нет матчей
 - Нет чатов
 - Нет встреч
 
 **Error State:**
+
 - Что-то пошло не так + кнопка «Повторить»
 
 ---
@@ -654,6 +710,7 @@ Active state: иконка brand-500, лейбл brand-600, точка под и
 ## 11. ЛОГОТИП MEETME
 
 Создай wordmark:
+
 - Текст «MeetMe» шрифтом Playfair Display, 700 weight
 - «Meet» — neutral-900
 - «Me» — brand-500
@@ -694,6 +751,7 @@ Page 7: 🖥 Desktop Screens
 ```
 
 ### Именование в Penpot:
+
 - Компоненты: `ComponentName/variant/size/state`
 - Цвета: `brand/500`, `neutral/200`, `semantic/success`
 - Текстовые стили: `display/2xl`, `body/md`, `label/lg`
@@ -739,6 +797,7 @@ Page 7: 🖥 Desktop Screens
 ## Финальная проверка
 
 После завершения прогони аудит по impeccable:
+
 - Типографический контраст (все текстовые пары ≥ 4.5:1)
 - Touch targets на мобиле (≥ 44×44px)
 - Длина строк (45–75 символов для body text)
diff --git a/promts/start-promt.md b/promts/start-promt.md
index fd4b0a2..24586dd 100644
--- a/promts/start-promt.md
+++ b/promts/start-promt.md
@@ -1,4 +1,5 @@
 Before starting, read and internalize these two skills in full:
+
 - .claude/skills/impeccable/SKILL.md (and all 7 reference files in reference/)
 - .claude/skills/taste-skill/SKILL.md
 
@@ -8,6 +9,7 @@ DESIGN_VARIANCE: 8, MOTION_INTENSITY: 6, VISUAL_DENSITY: 4
 You are a Figma design expert. Create a complete component library and UI screens for a mobile dating app called "Tandem". Use the Figma MCP tools to build everything directly in Figma.
 
 ## Anti-slop directives (from skills — enforce strictly)
+
 - NO Inter font anywhere. DM Sans is explicitly specified below and is the exception (brand choice).
 - NO centered hero layouts — use asymmetric, left-weighted compositions where possible within mobile constraints.
 - NO generic 3-equal-card rows. Use asymmetric grids, varied sizes, hierarchy through scale.
@@ -21,11 +23,13 @@ You are a Figma design expert. Create a complete component library and UI screen
 - Image placeholders: use picsum.photos/seed/{name}/800/600 format (never Unsplash links).
 
 ## Project overview
+
 Mobile-first dating app (iOS/Android via Tauri). Users register by phone, create profiles, swipe a feed, match, chat in real-time (text/photo/voice/video), schedule meetups, report users.
 
 ## Design system — establish FIRST before any screens
 
 ### Color tokens (create as Figma variables)
+
 - bg-primary: #0D0D0F
 - bg-surface: #1A1A1F
 - bg-elevated: #242429
@@ -40,6 +44,7 @@ Mobile-first dating app (iOS/Android via Tauri). Users register by phone, create
 - border: #2C2C35
 
 ### Typography
+
 - Display/Hero: Playfair Display Italic, 32–48px (editorial moments only — match celebrations, onboarding headers)
 - Title: DM Sans SemiBold, 20–24px, tracking-tight
 - Body: DM Sans Regular, 15–16px, leading-relaxed
@@ -48,15 +53,19 @@ Mobile-first dating app (iOS/Android via Tauri). Users register by phone, create
 - Mono data (stats, counts, timestamps): DM Mono or DM Sans Tabular Numbers
 
 ### Taste-skill typography enforcement:
+
 - Headlines use tracking-tighter. No oversized H1s that scream.
 - Control hierarchy through weight and color, not scale alone.
 - Playfair Display is brand-intentional (editorial register) — use sparingly.
 
 ### Spacing scale: 4, 8, 12, 16, 20, 24, 32, 48px
+
 ### Border radius: sm=8, md=16, lg=24, full=999px
+
 ### Safe areas: top=44px, bottom=34px (iPhone)
 
 ### Shadow / elevation (taste-skill materiality rules):
+
 - Shadows are ALWAYS tinted to the background hue, never pure black
 - No outer glows. Use inner border (1px border-white/10) + inner shadow for glass surfaces
 - Cards appear only where elevation communicates hierarchy
@@ -66,8 +75,10 @@ Mobile-first dating app (iOS/Android via Tauri). Users register by phone, create
 ## Component library (create as Figma components with variants)
 
 ### 1. Buttons
+
 Component: Button
 Variants — size: [Large, Medium, Small] × style: [Primary, Secondary, Ghost, Danger]
+
 - Large: full-width, height 56px, border-radius 16px
 - Primary: bg=accent, text=white. Active state: scale(0.98) — physical press feel
 - Secondary: bg=bg-elevated, border=1px border-color, text=text-primary
@@ -76,8 +87,10 @@ Variants — size: [Large, Medium, Small] × style: [Primary, Secondary, Ghost,
 - ALL buttons: no outer glow. Primary shadow = tinted coral shadow beneath
 
 ### 2. Input field
+
 Component: InputField
 Variants — state: [Default, Focused, Filled, Error]
+
 - Height 56px, bg=bg-elevated, border-radius=12px, 1px border=border-color
 - Focused: 1.5px border=accent, subtle inner shadow accent-soft
 - Label sits above input (never placeholder-only)
@@ -85,9 +98,11 @@ Variants — state: [Default, Focused, Filled, Error]
 - Optional: left icon, right icon/clear
 
 ### 3. Profile Card (hero swipe card)
+
 Component: ProfileCard
 Size: 340×480px
 Structure:
+
 - Full-bleed photo background. Gradient overlay: bottom 50%, black 0%→75%
 - Photo: picsum.photos/seed/sofia/400/600 style
 - Bottom section over gradient:
@@ -100,13 +115,16 @@ Structure:
 - Card stack illusion: 2 cards partially peeking behind, scale-down + slight translate
 
 ### 4. SwipeActions
+
 Three buttons row, centered:
+
 - Dislike: 64px circle, bg=bg-elevated, X icon (accent red), tinted shadow below
 - SuperLike: 52px circle, bg=gold 10% opacity, star icon (gold), smaller
 - Like: 64px circle, accent gradient, heart icon white, shadow tinted coral
 - No labels — icons only, phosphor style
 
 ### 5. BottomNav
+
 Height 83px (inc 34px safe area), bg=bg-surface, 1px top border=border-color
 5 tabs: Feed (flame), Matches (heart), Chats (message-circle), Dates (calendar), Profile (user)
 Active: icon+label=accent, 2px accent indicator dot above icon
@@ -114,11 +132,13 @@ Inactive: text-muted
 Labels: DM Sans Regular 11px
 
 ### 6. Avatar
+
 Variants — size: [XL=80px, L=56px, M=40px, S=32px] × state: [Default, Online, Verified]
 Online: 10px green dot (#30D158) bottom-right, 2px white border around dot
 Verified: small accent checkmark badge bottom-right instead
 
 ### 7. MatchChip
+
 Height 72px, full-width, bg=bg-surface, subtle 1px border bottom=border-color
 Left: Avatar M + Online indicator
 Center: Name (DM Sans SemiBold 15px) + last message preview (text-muted, 1 line, 13px)
@@ -126,7 +146,9 @@ Right: timestamp (Caption, text-muted) + unread count badge (accent circle, whit
 Pressed state: bg=bg-elevated
 
 ### 8. MessageBubble
+
 Variants — sender: [Me, Them] × type: [Text, Photo, Voice, Video]
+
 - Me: right-aligned, bg=accent, text=white, radius 18 18 4 18
 - Them: left-aligned, bg=bg-elevated, text=text-primary, radius 18 18 18 4
 - Voice: horizontal bar waveform (10–12 bars, varying heights) + duration + play circle icon
@@ -135,8 +157,10 @@ Variants — sender: [Me, Them] × type: [Text, Photo, Voice, Video]
 - Max width: 72% of screen
 
 ### 9. MatchModal
+
 Full-screen, bg=rgba(0,0,0,0.85), backdrop blur
 Center:
+
 - "It's a Match!" Playfair Display Italic 40px, white (no emoji — use decorative SVG spark icon)
 - Two Avatar XL overlapping, gold border 2px, inner glow tinted gold
 - Subtitle: "You and Sofia both liked each other" — text-secondary, DM Sans Regular
@@ -145,27 +169,32 @@ Center:
 - Static confetti: geometric shapes (circles, triangles, small rectangles) in accent/gold/white scattered around, no emoji stars
 
 ### 10. TagPill
+
 Variants — selected: [true, false]
 Default: bg=bg-elevated, border=border, text=text-secondary, h=32px, px=12px, radius=full
 Selected: bg=accent-soft, border=accent, text=accent
 
 ### 11. SectionHeader
+
 Left: Title + optional Caption subtitle
 Right: optional "See all" in accent (DM Sans Medium 13px)
 
 ### 12. GreetingCard
+
 bg=bg-elevated, border-radius=16px, p=16px
 Top-left: decorative quote mark in accent (SVG, not emoji)
 Body text: italicized, text-primary
 Pressed: 1px accent border appears
 
 ### 13. DateCard
+
 Full-width, bg=bg-elevated, radius=16px, p=16px
 Left: 48px accent circle with calendar icon (phosphor)
 Right: Partner name (SemiBold 15px), date+time (Caption), location (text-muted Caption)
 Bottom-right: status pill — Pending=gold bg+text, Confirmed=success, Cancelled=error, Rescheduled=text-secondary
 
 ### 14. Toast
+
 Variants: [Success, Error, Info, Warning]
 Bottom of screen, mx=16px, bg=bg-elevated, 3px left border in status color
 Left: status icon (phosphor) in status color
@@ -180,6 +209,7 @@ Apply /impeccable craft principles: shape UX first, then build.
 Asymmetric compositions where mobile constraints allow. Every screen complete, production-ready.
 
 **1.1 — Splash / Welcome**
+
 - Full bg-primary background
 - Bottom-left: large abstract soft gradient blob in accent (#FF4D6D), heavily blurred (no hard edges)
 - Center: geometric logo mark (abstract spark/connection shape, SVG — no emoji) + "Tandem" Playfair Display Italic 48px
@@ -188,6 +218,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - Subtle grain texture on background (fixed pseudo-element concept)
 
 **1.2 — Register**
+
 - Back arrow (phosphor) + "Create account" Title
 - Subtitle: "Your number stays private." (concrete reassurance, not generic)
 - Phone input with country code selector (+7 flag)
@@ -197,12 +228,14 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - "Already registered? Sign in" text-secondary centered bottom
 
 **1.3 — Login**
+
 - Back arrow + "Welcome back" Title
 - Phone + password inputs
 - "Sign In" Primary Large
 - "Forgot password?" ghost link centered, text-secondary
 
 **1.4 — Profile Setup Step 1/3**
+
 - 3-segment progress bar, segment 1 active (accent), others text-muted
 - "Tell us about you" Playfair Display Italic Title (editorial register)
 - Name input (filled: "Alina")
@@ -212,6 +245,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - "Continue" Primary Large
 
 **1.5 — Profile Setup Step 2/3**
+
 - Segment 2 active
 - "What moves you?" (concrete, not "What are you into?")
 - "Pick up to 5" Caption subtitle
@@ -221,6 +255,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - "Continue" Primary Large
 
 **1.6 — Profile Setup Step 3/3**
+
 - Segment 3 active
 - "Show yourself" Playfair Display Italic Title
 - Upload zone 340×260: dashed 1.5px accent border, camera phosphor icon, "Tap to add a photo" Caption
@@ -232,6 +267,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 ## PAGE 2 — "02 · Main App" (390×844px frames, 40px gap)
 
 **2.1 — Feed**
+
 - Status bar 44px
 - Top bar: small "Tandem" wordmark left (Playfair Display Italic 18px), sliders/filter icon right + Avatar M right
 - ProfileCard centered, card stack visible (2 cards peeking: scale 0.95 and 0.90, translate-y)
@@ -239,11 +275,13 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - BottomNav: Feed active
 
 **2.2 — Feed + Match Modal**
+
 - Same feed, blurred/dimmed beneath
 - MatchModal overlay. Avatars: Sofia + current user. Gold border glow (inner, not outer).
 - Static confetti in corners (geometric, not emoji)
 
 **2.3 — Matches List**
+
 - "Matches" Title top bar + filter icon
 - Horizontal scroll: 5 Avatar L circles with name below. First: gold ring border + "New" pill (gold). Use names: Lena, Sofia, Masha, Alina, Katya
 - Divider line (1px border-color)
@@ -252,6 +290,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - BottomNav: Matches active
 
 **2.4 — Chats List**
+
 - "Chats" Title
 - 4 MatchChip items:
   - Sofia — "That place sounds perfect" — 14:32 — online dot
@@ -261,6 +300,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - BottomNav: Chats active
 
 **2.5 — Chat View (with Sofia)**
+
 - Top: back arrow + Avatar M (Sofia, online) + "Sofia" Title + "Online" Caption green + video-call icon + report icon
 - Messages:
   - Date divider: "Today" centered Caption text-muted
@@ -275,6 +315,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - BottomNav: Chats active
 
 **2.6 — Public Profile (Sofia)**
+
 - Photo area top: full-width, 380px height, 2-photo carousel with dots + "2/4" pill top-right
 - Back arrow top-left (on photo) + report icon top-right (both on photo, ghost style)
 - Below photo: "Sofia, 24" Title + "Moscow · 2.3 km" Caption + verified badge
@@ -285,6 +326,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - Sticky bottom: Dislike (Secondary) + "Like" (Primary accent) side by side
 
 **2.7 — Dates/Meetups**
+
 - "Meetups" Title + "+" phosphor icon
 - SectionHeader "Upcoming"
 - DateCard 1: Daniil · Sat, Jun 14 · 19:00 · Blue Goose Bar, Kamergersky · Confirmed (green)
@@ -294,6 +336,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - BottomNav: Dates active
 
 **2.8 — Propose Meetup (bottom sheet)**
+
 - Handle bar 4px, 36px wide, centered, text-muted
 - "Propose a Meetup" Title
 - Sofia Avatar M + "Sofia" centered below (Caption)
@@ -307,6 +350,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 ## PAGE 3 — "03 · Profile & Settings" (390×844px frames, 40px gap)
 
 **3.1 — My Profile**
+
 - "My Profile" Title + settings gear icon right
 - Profile selector: horizontal scroll of compact cards 80×100, first (Alina) has accent border, others dimmed. Last: dashed border + "+" add
 - Active profile:
@@ -321,6 +365,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - BottomNav: Profile active
 
 **3.2 — Edit Profile**
+
 - Back arrow + "Edit Profile" Title + "Save" accent text button right
 - Avatar XL with camera icon overlay circle (bg-elevated)
 - Scrollable form:
@@ -336,6 +381,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - "Delete Profile" Danger Ghost button (bottom, error color, no icon)
 
 **3.3 — Settings**
+
 - "Settings" Title
 - User row: Avatar M + "+7 (916) 847-2391" + "Edit account" accent link
 - Setting groups with 1px dividers:
@@ -345,6 +391,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - "Sign Out" Secondary Large button full-width bottom
 
 **3.4 — Feed Filters (bottom sheet)**
+
 - Handle bar
 - "Search Filters" Title
 - City dropdown (Moscow)
@@ -355,6 +402,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - "Apply Filters" Primary Large + "Reset" Ghost
 
 **3.5 — Report User (bottom sheet)**
+
 - Handle bar
 - "Report" Title
 - "Reporting Sofia, 24" Caption text-muted centered
@@ -364,7 +412,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
   · Inappropriate content
   · Harassment
   · Other
-- Description textarea "Add details (optional)..." 
+- Description textarea "Add details (optional)..."
 - "Submit Report" Danger Primary button
 - "Cancel" Ghost
 
@@ -373,6 +421,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 ## Final instructions (Impeccable + Taste-skill enforcement)
 
 **Sequence:**
+
 1. Create all color variables and text styles.
 2. Run `/impeccable teach` mentally — establish DESIGN.md context (dark luxury premium dating, not hookup app).
 3. Create every component as a Figma component with all variants.
@@ -381,6 +430,7 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 6. Run `/impeccable polish` — final pass: alignment, shadow consistency, border-radius uniformity.
 
 **Quality gates (Taste-skill Pre-flight):**
+
 - Every interactive element has Default + Pressed states at minimum
 - No card where spacing would suffice
 - Shadows tinted to bg hue
@@ -390,4 +440,4 @@ Asymmetric compositions where mobile constraints allow. Every screen complete, p
 - Photo placeholders: picsum.photos/seed/{name}/400/600 (sofia, lena, masha, daniil, artem)
 
 **Aesthetic directive:**
-Dark luxury. Warm coral accent. The refinement of a premium product — not a hookup app, not a social network. Think: the design confidence of Locket or BeReal's intentionality, the premium feel of a high-end financial app, applied to human connection.
\ No newline at end of file
+Dark luxury. Warm coral accent. The refinement of a premium product — not a hookup app, not a social network. Think: the design confidence of Locket or BeReal's intentionality, the premium feel of a high-end financial app, applied to human connection.
diff --git a/promts/start2.md b/promts/start2.md
index d08d923..9e1fdd3 100644
--- a/promts/start2.md
+++ b/promts/start2.md
@@ -1,4 +1,5 @@
 Read and apply these skills before starting:
+
 - .claude/skills/impeccable/SKILL.md
 - .claude/skills/taste-skill/SKILL.md
 
@@ -8,8 +9,9 @@ You are a Penpot design expert building a mobile dating app "Tandem".
 Work in a single Penpot page. Layout everything horizontally in one continuous canvas. Use penpot mcp.
 
 ## EFFICIENCY RULES (critical — minimize MCP calls)
+
 - Create ALL color variables in one batch operation
-- Create ALL text styles in one batch operation  
+- Create ALL text styles in one batch operation
 - Create components in logical groups, not one-by-one
 - Screens go into one frame row, left to right, 40px gaps
 - Do NOT switch pages — one page only
@@ -18,6 +20,7 @@ Work in a single Penpot page. Layout everything horizontally in one continuous c
 ## PRIORITY ORDER — stop if rate-limited, complete in order:
 
 ### PHASE 1 — Design tokens (do first, everything depends on this)
+
 Color variables:
 bg-primary #0D0D0F, bg-surface #1A1A1F, bg-elevated #242429,
 accent #FF4D6D, accent-soft #FF4D6D1A, gold #F5A623,
@@ -25,6 +28,7 @@ text-primary #F5F5F7, text-secondary #8E8E9A, text-muted #4A4A55,
 success #30D158, error #FF453A, border #2C2C35
 
 Text styles:
+
 - Display: Playfair Display Italic 40px (editorial moments only)
 - Title: DM Sans SemiBold 22px tracking-tight
 - Body: DM Sans Regular 15px
@@ -32,6 +36,7 @@ Text styles:
 - Button: DM Sans Medium 15px
 
 ### PHASE 2 — Core components (minimum viable set, batch-create)
+
 Build these 6 first — screens depend on them:
 
 1. Button/Primary — 56px height, radius 16, bg=accent, DM Sans Medium 15px white. Variants: Large/Medium
@@ -42,6 +47,7 @@ Build these 6 first — screens depend on them:
 6. Avatar — Circle crop. Variants: XL 80px / L 56px / M 40px, with Online green dot state
 
 ### PHASE 3 — Secondary components (if quota allows)
+
 7. MatchChip — 72px height, Avatar M + name + last message + timestamp + unread badge
 8. MessageBubble — Me: right, bg=accent. Them: left, bg=bg-elevated. Variants: Text/Voice
 9. TagPill — h=32px, radius=full. Variants: Default (bg-elevated) / Selected (accent-soft + accent border)
@@ -50,6 +56,7 @@ Build these 6 first — screens depend on them:
 12. DateCard — bg-elevated, radius 16, calendar icon circle, partner name+date+location, status pill
 
 ### PHASE 4 — Screens (one frame per screen, 390×844px, horizontal row, 40px gap)
+
 Label each frame. Use components from Phase 2–3.
 
 **Auth group (screens A1–A6):**
@@ -101,12 +108,14 @@ C5 · Report (bottom sheet) — Handle, "Report" Title, "Reporting Sofia, 24" ca
 ## Design principles (enforced throughout)
 
 **Visual language — dark luxury:**
+
 - Shadows always tinted to bg hue, never pure black drop shadows
 - No outer glows — inner borders (1px rgba(255,255,255,0.08)) on elevated surfaces
 - Cards only where elevation communicates hierarchy
 - Spacing > cards where possible
 
 **Anti-slop rules:**
+
 - No pure #000000 anywhere
 - No Inter font
 - No centered hero on non-splash screens
@@ -118,4 +127,4 @@ C5 · Report (bottom sheet) — Handle, "Report" Title, "Reporting Sofia, 24" ca
 
 **Touch targets:** All interactive elements minimum 44×44px
 
-**Aesthetic:** Premium dating app. The design confidence of a high-end product — refined, warm, intentional.
\ No newline at end of file
+**Aesthetic:** Premium dating app. The design confidence of a high-end product — refined, warm, intentional.
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 55d4af4..2717da8 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -7,7 +7,11 @@ edition = "2021"
 
 [lib]
 name = "dating_app_lib"
-crate-type = ["staticlib", "cdylib", "rlib"]
+crate-type = [
+  "staticlib",
+  "cdylib",
+  "rlib"
+]
 
 [build-dependencies]
 tauri-build = { version = "2", features = [] }
@@ -16,7 +20,7 @@ tauri-build = { version = "2", features = [] }
 tauri = { version = "2", features = [] }
 tauri-plugin-shell = "2"
 tauri-plugin-dialog = "2"
-serde = { version = "1", features = ["derive"] }
+serde = { version = "1", features = [ "derive" ] }
 serde_json = "1"
 
 [profile.release]
diff --git a/src/App.vue b/src/App.vue
index 90060c5..f5783af 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,33 +1,3 @@
-<script setup lang="ts">
-import { onMounted, onUnmounted } from 'vue';
-import AppShell from '@/components/layout/AppShell.vue';
-import AppToast from '@/components/common/AppToast.vue';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import type { Tag, City, Greeting } from '@/composables/useUi';
-
-const uiStore = useUi();
-
-async function loadReferences() {
-  if (uiStore.referencesLoaded) return;
-  try {
-    const [tags, cities, greetings] = await Promise.all([
-      apiClient.api.tagsControllerFindAll() as unknown as Tag[],
-      apiClient.api.citiesControllerFindAll() as unknown as City[],
-      apiClient.api.greetingsControllerFindAll() as unknown as Greeting[],
-    ]);
-    uiStore.setTags(tags);
-    uiStore.setCities(cities);
-    uiStore.setGreetings(greetings);
-    uiStore.setReferencesLoaded();
-  } catch {
-    // Reference data loading is best-effort
-  }
-}
-
-onMounted(loadReferences);
-</script>
-
 <template>
   <AppShell>
     <template #default>
@@ -44,6 +14,38 @@ onMounted(loadReferences);
   <AppToast />
 </template>
 
+<script setup lang="ts">
+import type { City, Greeting, Tag } from '@/composables/useUi'
+import { onMounted } from 'vue'
+import { apiClient } from '@/api/client'
+import AppToast from '@/components/common/AppToast.vue'
+import AppShell from '@/components/layout/AppShell.vue'
+import { useUi } from '@/composables/useUi'
+
+const uiStore = useUi()
+
+async function loadReferences() {
+  if (uiStore.referencesLoaded)
+    return
+  try {
+    const [tags, cities, greetings] = await Promise.all([
+      apiClient.api.tagsControllerFindAll() as unknown as Tag[],
+      apiClient.api.citiesControllerFindAll() as unknown as City[],
+      apiClient.api.greetingsControllerFindAll() as unknown as Greeting[],
+    ])
+    uiStore.setTags(tags)
+    uiStore.setCities(cities)
+    uiStore.setGreetings(greetings)
+    uiStore.setReferencesLoaded()
+  }
+  catch {
+    // Reference data loading is best-effort
+  }
+}
+
+onMounted(loadReferences)
+</script>
+
 <style>
 .fade-enter-active,
 .fade-leave-active {
@@ -58,6 +60,12 @@ onMounted(loadReferences);
 .slide-right-leave-active {
   transition: all var(--transition-base);
 }
-.slide-right-enter-from { opacity: 0; transform: translateX(20px); }
-.slide-right-leave-to   { opacity: 0; transform: translateX(-20px); }
+.slide-right-enter-from {
+  opacity: 0;
+  transform: translateX(20px);
+}
+.slide-right-leave-to {
+  opacity: 0;
+  transform: translateX(-20px);
+}
 </style>
diff --git a/src/api/client.ts b/src/api/client.ts
index 2392c3f..36fd1d9 100644
--- a/src/api/client.ts
+++ b/src/api/client.ts
@@ -1,111 +1,114 @@
-import axios from 'axios';
-import type { AxiosInstance, InternalAxiosRequestConfig } from 'axios';
-import { Api, HttpClient } from './api';
+import type { AxiosInstance, InternalAxiosRequestConfig } from 'axios'
+import axios from 'axios'
+import { Api, HttpClient } from './api'
 
-const BASE_URL = import.meta.env.VITE_API_BASE_URL ?? 'http://localhost:1337';
+export const BASE_URL = import.meta.env.VITE_API_BASE_URL ?? 'http://localhost:1337'
 
 // ─── Raw axios instance with interceptors ────────────────────────────────────
 
 export const axiosInstance: AxiosInstance = axios.create({
   baseURL: BASE_URL,
   timeout: 15_000,
-});
+})
 
 // Request interceptor — inject access token
 axiosInstance.interceptors.request.use(
   (config: InternalAxiosRequestConfig) => {
-    const token = _getAccessToken();
+    const token = _getAccessToken()
     if (token) {
-      config.headers.Authorization = `Bearer ${token}`;
+      config.headers.Authorization = `Bearer ${token}`
     }
-    return config;
+    return config
   },
-  (error) => Promise.reject(error),
-);
+  error => Promise.reject(error),
+)
 
 // Response interceptor — silent token refresh on 401
-let _isRefreshing = false;
-let _failedQueue: Array<{ resolve: (v: unknown) => void; reject: (r: unknown) => void }> = [];
+let _isRefreshing = false
+let _failedQueue: Array<{ resolve: (v: unknown) => void, reject: (r: unknown) => void }> = []
 
 function _processQueue(error: unknown, token: string | null) {
   _failedQueue.forEach(({ resolve, reject }) => {
-    if (error) reject(error);
-    else resolve(token);
-  });
-  _failedQueue = [];
+    if (error)
+      reject(error)
+    else resolve(token)
+  })
+  _failedQueue = []
 }
 
 axiosInstance.interceptors.response.use(
   (response) => {
     if (response.data !== null && typeof response.data === 'object' && 'data' in response.data) {
-      response.data = response.data.data;
+      response.data = response.data.data
     }
-    return response;
+    return response
   },
   async (error) => {
-    const originalRequest = error.config as InternalAxiosRequestConfig & { _retry?: boolean };
+    const originalRequest = error.config as InternalAxiosRequestConfig & { _retry?: boolean }
 
     if (error.response?.status === 401 && !originalRequest._retry) {
       if (_isRefreshing) {
         return new Promise((resolve, reject) => {
-          _failedQueue.push({ resolve, reject });
+          _failedQueue.push({ resolve, reject })
         }).then((token) => {
-          originalRequest.headers.Authorization = `Bearer ${token}`;
-          return axiosInstance(originalRequest);
-        });
+          originalRequest.headers.Authorization = `Bearer ${token}`
+          return axiosInstance(originalRequest)
+        })
       }
 
-      originalRequest._retry = true;
-      _isRefreshing = true;
+      originalRequest._retry = true
+      _isRefreshing = true
 
-      const refreshToken = localStorage.getItem('refreshToken');
+      const refreshToken = localStorage.getItem('refreshToken')
       if (!refreshToken) {
-        _processQueue(error, null);
-        _isRefreshing = false;
-        _redirectToLogin();
-        return Promise.reject(error);
+        _processQueue(error, null)
+        _isRefreshing = false
+        _redirectToLogin()
+        return Promise.reject(error)
       }
 
       try {
-        const res = await axios.post<{ data: { accessToken: string; refreshToken: string } }>(
+        const res = await axios.post<{ data: { accessToken: string, refreshToken: string } }>(
           `${BASE_URL}/api/v1/auth/refresh`,
           { refreshToken },
-        );
-        const { accessToken, refreshToken: newRefresh } = res.data.data;
-        _setAccessToken(accessToken);
-        localStorage.setItem('refreshToken', newRefresh);
-        _processQueue(null, accessToken);
-        originalRequest.headers.Authorization = `Bearer ${accessToken}`;
-        return axiosInstance(originalRequest);
-      } catch (refreshError) {
-        _processQueue(refreshError, null);
-        _clearAuth();
-        _redirectToLogin();
-        return Promise.reject(refreshError);
-      } finally {
-        _isRefreshing = false;
+        )
+        const { accessToken, refreshToken: newRefresh } = res.data.data
+        _setAccessToken(accessToken)
+        localStorage.setItem('refreshToken', newRefresh)
+        _processQueue(null, accessToken)
+        originalRequest.headers.Authorization = `Bearer ${accessToken}`
+        return axiosInstance(originalRequest)
+      }
+      catch (refreshError) {
+        _processQueue(refreshError, null)
+        _clearAuth()
+        _redirectToLogin()
+        return Promise.reject(refreshError)
+      }
+      finally {
+        _isRefreshing = false
       }
     }
 
-    return Promise.reject(error);
+    return Promise.reject(error)
   },
-);
+)
 
 // ─── In-memory token storage ─────────────────────────────────────────────────
 // Access token lives only in memory; refresh token lives in localStorage
 
-let _accessToken: string | null = null;
+let _accessToken: string | null = null
 
-export function _getAccessToken() { return _accessToken; }
-export function _setAccessToken(token: string) { _accessToken = token; }
+export function _getAccessToken() { return _accessToken }
+export function _setAccessToken(token: string) { _accessToken = token }
 export function _clearAuth() {
-  _accessToken = null;
-  localStorage.removeItem('refreshToken');
+  _accessToken = null
+  localStorage.removeItem('refreshToken')
 }
 
 function _redirectToLogin() {
   // Dynamic import to avoid circular dependency with router
-  import('@/router').then(({ router }) => router.replace('/login'));
+  import('@/router').then(({ router }) => router.replace('/login'))
 }
 
 // ─── Typed API client ─────────────────────────────────────────────────────────
@@ -113,12 +116,12 @@ function _redirectToLogin() {
 const httpClient = new HttpClient({
   baseURL: BASE_URL,
   securityWorker: () => {
-    const token = _getAccessToken();
-    return token ? { headers: { Authorization: `Bearer ${token}` } } : {};
+    const token = _getAccessToken()
+    return token ? { headers: { Authorization: `Bearer ${token}` } } : {}
   },
-});
+})
 
 // Plug our axios instance into the generated client
-httpClient.instance = axiosInstance;
+httpClient.instance = axiosInstance
 
-export const apiClient = new Api(httpClient);
+export const apiClient = new Api(httpClient)
diff --git a/src/components/chat/ChatBubble.vue b/src/components/chat/ChatBubble.vue
index 60a0514..8c23ac0 100644
--- a/src/components/chat/ChatBubble.vue
+++ b/src/components/chat/ChatBubble.vue
@@ -1,19 +1,3 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-import type { ChatMessage } from '@/composables/useChat';
-import MediaMessage from './MediaMessage.vue';
-
-const props = defineProps<{
-  message: ChatMessage;
-  isMine: boolean;
-}>();
-
-const time = computed(() => {
-  const d = new Date(props.message.createdAt);
-  return d.toLocaleTimeString('ru', { hour: '2-digit', minute: '2-digit' });
-});
-</script>
-
 <template>
   <div class="bubble-wrap" :class="{ 'bubble-wrap--mine': isMine }">
     <div class="bubble" :class="{ 'bubble--mine': isMine, 'bubble--partner': !isMine }">
@@ -22,12 +6,30 @@ const time = computed(() => {
         :url="message.mediaUrl"
         :type="message.mediaType ?? 'photo'"
       />
-      <p v-if="message.text" class="bubble__text">{{ message.text }}</p>
+      <p v-if="message.text" class="bubble__text">
+        {{ message.text }}
+      </p>
       <span class="bubble__time">{{ time }}</span>
     </div>
   </div>
 </template>
 
+<script setup lang="ts">
+import type { ChatMessage } from '@/composables/useChat'
+import { computed } from 'vue'
+import MediaMessage from './MediaMessage.vue'
+
+const props = defineProps<{
+  message: ChatMessage
+  isMine: boolean
+}>()
+
+const time = computed(() => {
+  const d = new Date(props.message.createdAt)
+  return d.toLocaleTimeString('ru', { hour: '2-digit', minute: '2-digit' })
+})
+</script>
+
 <style scoped lang="scss">
 .bubble-wrap {
   display: flex;
@@ -66,7 +68,9 @@ const time = computed(() => {
     word-break: break-word;
   }
 
-  &--mine &__text { color: var(--color-base); }
+  &--mine &__text {
+    color: var(--color-base);
+  }
 
   &__time {
     display: block;
diff --git a/src/components/chat/ChatInput.vue b/src/components/chat/ChatInput.vue
index a86a095..5f3c459 100644
--- a/src/components/chat/ChatInput.vue
+++ b/src/components/chat/ChatInput.vue
@@ -1,72 +1,8 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-import AppButton from '@/components/common/AppButton.vue';
-
-const emit = defineEmits<{
-  send: [text: string, mediaUrl?: string, mediaType?: 'photo' | 'voice' | 'video'];
-}>();
-
-const text = ref('');
-const fileInput = ref<HTMLInputElement | null>(null);
-const textareaEl = ref<HTMLTextAreaElement | null>(null);
-
-const isTauri = typeof window !== 'undefined' && !!window.__TAURI__;
-
-function handleInput(e: Event) {
-  const el = e.target as HTMLTextAreaElement;
-  text.value = el.value;
-  // Auto-grow
-  el.style.height = 'auto';
-  el.style.height = `${Math.min(el.scrollHeight, 140)}px`;
-}
-
-function handleKeydown(e: KeyboardEvent) {
-  if (e.key === 'Enter' && !e.shiftKey) {
-    e.preventDefault();
-    send();
-  }
-}
-
-function send() {
-  const val = text.value.trim();
-  if (!val) return;
-  emit('send', val);
-  text.value = '';
-  if (textareaEl.value) {
-    textareaEl.value.style.height = 'auto';
-  }
-}
-
-async function openFilePicker() {
-  if (isTauri) {
-    try {
-      const { open } = await import('@tauri-apps/plugin-dialog');
-      const result = await open({ filters: [{ name: 'Медиа', extensions: ['jpg', 'jpeg', 'png', 'mp4', 'mov'] }] });
-      if (typeof result === 'string') {
-        // Tauri returns file path; treat as photo for now
-        emit('send', '', result, 'photo');
-      }
-    } catch { /* user cancelled */ }
-  } else {
-    fileInput.value?.click();
-  }
-}
-
-function onFileChange(e: Event) {
-  const file = (e.target as HTMLInputElement).files?.[0];
-  if (!file) return;
-  const url = URL.createObjectURL(file);
-  const type = file.type.startsWith('video/') ? 'video' : 'photo';
-  emit('send', '', url, type);
-  if (fileInput.value) fileInput.value.value = '';
-}
-</script>
-
 <template>
   <div class="chat-input">
-    <button class="chat-input__attach" @click="openFilePicker" aria-label="Прикрепить файл">
+    <button class="chat-input__attach" aria-label="Прикрепить файл" @click="openFilePicker">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="20" height="20">
-        <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/>
+        <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" />
       </svg>
     </button>
 
@@ -74,21 +10,21 @@ function onFileChange(e: Event) {
       ref="textareaEl"
       class="chat-input__textarea"
       :value="text"
-      @input="handleInput"
-      @keydown="handleKeydown"
       placeholder="Написать сообщение..."
       rows="1"
       aria-label="Текст сообщения"
+      @input="handleInput"
+      @keydown="handleKeydown"
     />
 
     <button
       class="chat-input__send"
       :disabled="!text.trim()"
-      @click="send"
       aria-label="Отправить"
+      @click="send"
     >
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="20" height="20">
-        <path d="M22 2L11 13M22 2L15 22l-4-9-9-4 20-7z"/>
+        <path d="M22 2L11 13M22 2L15 22l-4-9-9-4 20-7z" />
       </svg>
     </button>
 
@@ -98,10 +34,78 @@ function onFileChange(e: Event) {
       accept="image/*,video/*"
       class="sr-only"
       @change="onFileChange"
-    />
+    >
   </div>
 </template>
 
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const emit = defineEmits<{
+  send: [text: string, mediaUrl?: string, mediaType?: 'photo' | 'voice' | 'video']
+}>()
+
+const text = ref('')
+const fileInput = ref<HTMLInputElement | null>(null)
+const textareaEl = ref<HTMLTextAreaElement | null>(null)
+
+const isTauri = typeof window !== 'undefined' && !!window.__TAURI__
+
+function handleInput(e: Event) {
+  const el = e.target as HTMLTextAreaElement
+  text.value = el.value
+  // Auto-grow
+  el.style.height = 'auto'
+  el.style.height = `${Math.min(el.scrollHeight, 140)}px`
+}
+
+function handleKeydown(e: KeyboardEvent) {
+  if (e.key === 'Enter' && !e.shiftKey) {
+    e.preventDefault()
+    send()
+  }
+}
+
+function send() {
+  const val = text.value.trim()
+  if (!val)
+    return
+  emit('send', val)
+  text.value = ''
+  if (textareaEl.value) {
+    textareaEl.value.style.height = 'auto'
+  }
+}
+
+async function openFilePicker() {
+  if (isTauri) {
+    try {
+      const { open } = await import('@tauri-apps/plugin-dialog')
+      const result = await open({ filters: [{ name: 'Медиа', extensions: ['jpg', 'jpeg', 'png', 'mp4', 'mov'] }] })
+      if (typeof result === 'string') {
+        // Tauri returns file path; treat as photo for now
+        emit('send', '', result, 'photo')
+      }
+    }
+    catch { /* user cancelled */ }
+  }
+  else {
+    fileInput.value?.click()
+  }
+}
+
+function onFileChange(e: Event) {
+  const file = (e.target as HTMLInputElement).files?.[0]
+  if (!file)
+    return
+  const url = URL.createObjectURL(file)
+  const type = file.type.startsWith('video/') ? 'video' : 'photo'
+  emit('send', '', url, type)
+  if (fileInput.value)
+    fileInput.value.value = ''
+}
+</script>
+
 <style scoped lang="scss">
 .chat-input {
   display: flex;
@@ -130,14 +134,18 @@ function onFileChange(e: Event) {
     background: none;
     color: var(--color-muted);
 
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
   }
 
   &__send {
     background: var(--color-signal);
     color: white;
 
-    &:hover:not(:disabled) { background: #a84e30; }
+    &:hover:not(:disabled) {
+      background: #a84e30;
+    }
     &:disabled {
       background: var(--color-dim);
       color: var(--color-muted);
@@ -161,8 +169,12 @@ function onFileChange(e: Event) {
     outline: none;
     transition: border-color var(--transition-fast);
 
-    &::placeholder { color: var(--color-muted); }
-    &:focus { border-color: var(--color-border-strong); }
+    &::placeholder {
+      color: var(--color-muted);
+    }
+    &:focus {
+      border-color: var(--color-border-strong);
+    }
   }
 }
 </style>
diff --git a/src/components/chat/MediaMessage.vue b/src/components/chat/MediaMessage.vue
index 16440d2..fcd4d95 100644
--- a/src/components/chat/MediaMessage.vue
+++ b/src/components/chat/MediaMessage.vue
@@ -1,27 +1,3 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-const props = defineProps<{
-  url: string;
-  type: 'photo' | 'voice' | 'video';
-}>();
-
-const lightboxOpen = ref(false);
-const audioEl = ref<HTMLAudioElement | null>(null);
-const playing = ref(false);
-
-function toggleAudio() {
-  if (!audioEl.value) return;
-  if (playing.value) {
-    audioEl.value.pause();
-    playing.value = false;
-  } else {
-    audioEl.value.play();
-    playing.value = true;
-  }
-}
-</script>
-
 <template>
   <!-- Photo -->
   <div v-if="type === 'photo'" class="media media--photo">
@@ -31,12 +7,12 @@ function toggleAudio() {
       alt="Фото"
       loading="lazy"
       @click="lightboxOpen = true"
-    />
+    >
     <!-- Lightbox -->
     <Teleport to="body">
       <Transition name="fade">
         <div v-if="lightboxOpen" class="lightbox" @click="lightboxOpen = false">
-          <img :src="url" class="lightbox__img" alt="Фото" />
+          <img :src="url" class="lightbox__img" alt="Фото">
         </div>
       </Transition>
     </Teleport>
@@ -44,10 +20,10 @@ function toggleAudio() {
 
   <!-- Voice -->
   <div v-else-if="type === 'voice'" class="media media--voice">
-    <button class="media__play-btn" @click="toggleAudio" :aria-label="playing ? 'Пауза' : 'Воспроизвести'">
+    <button class="media__play-btn" :aria-label="playing ? 'Пауза' : 'Воспроизвести'" @click="toggleAudio">
       <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20">
-        <path v-if="!playing" d="M5 3l14 9-14 9V3z"/>
-        <path v-else d="M6 4h4v16H6zm8 0h4v16h-4z"/>
+        <path v-if="!playing" d="M5 3l14 9-14 9V3z" />
+        <path v-else d="M6 4h4v16H6zm8 0h4v16h-4z" />
       </svg>
     </button>
     <div class="media__waveform" aria-hidden="true">
@@ -67,9 +43,37 @@ function toggleAudio() {
   </div>
 </template>
 
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const props = defineProps<{
+  url: string
+  type: 'photo' | 'voice' | 'video'
+}>()
+
+const lightboxOpen = ref(false)
+const audioEl = ref<HTMLAudioElement | null>(null)
+const playing = ref(false)
+
+function toggleAudio() {
+  if (!audioEl.value)
+    return
+  if (playing.value) {
+    audioEl.value.pause()
+    playing.value = false
+  }
+  else {
+    audioEl.value.play()
+    playing.value = true
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .media {
-  &--photo { cursor: pointer; }
+  &--photo {
+    cursor: pointer;
+  }
 
   &__img {
     max-width: 220px;
@@ -79,7 +83,9 @@ function toggleAudio() {
     display: block;
     transition: opacity var(--transition-fast);
 
-    &:hover { opacity: 0.9; }
+    &:hover {
+      opacity: 0.9;
+    }
   }
 
   &--voice {
@@ -104,7 +110,9 @@ function toggleAudio() {
     flex-shrink: 0;
     transition: transform var(--transition-fast);
 
-    &:hover { transform: scale(1.08); }
+    &:hover {
+      transform: scale(1.08);
+    }
   }
 
   &__waveform {
@@ -147,6 +155,12 @@ function toggleAudio() {
   }
 }
 
-.fade-enter-active, .fade-leave-active { transition: opacity var(--transition-base); }
-.fade-enter-from, .fade-leave-to       { opacity: 0; }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity var(--transition-base);
+}
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>
diff --git a/src/components/chat/VoiceRecorder.vue b/src/components/chat/VoiceRecorder.vue
index bfac060..3104b9f 100644
--- a/src/components/chat/VoiceRecorder.vue
+++ b/src/components/chat/VoiceRecorder.vue
@@ -1,85 +1,86 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-const emit = defineEmits<{ recorded: [blob: Blob] }>();
-
-const recording = ref(false);
-const mediaRecorder = ref<MediaRecorder | null>(null);
-const chunks = ref<Blob[]>([]);
-const duration = ref(0);
-let timer: ReturnType<typeof setInterval> | null = null;
-
-async function start() {
-  try {
-    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-    mediaRecorder.value = new MediaRecorder(stream);
-    chunks.value = [];
-
-    mediaRecorder.value.ondataavailable = (e) => chunks.value.push(e.data);
-    mediaRecorder.value.onstop = () => {
-      const blob = new Blob(chunks.value, { type: 'audio/webm' });
-      emit('recorded', blob);
-      stream.getTracks().forEach((t) => t.stop());
-    };
-
-    mediaRecorder.value.start();
-    recording.value = true;
-    duration.value = 0;
-    timer = setInterval(() => duration.value++, 1000);
-  } catch {
-    // Microphone access denied
-  }
-}
-
-function stop() {
-  mediaRecorder.value?.stop();
-  recording.value = false;
-  if (timer) { clearInterval(timer); timer = null; }
-}
-
-function cancel() {
-  if (mediaRecorder.value?.state === 'recording') {
-    mediaRecorder.value.ondataavailable = null;
-    mediaRecorder.value.onstop = null;
-    mediaRecorder.value.stop();
-  }
-  recording.value = false;
-  duration.value = 0;
-  if (timer) { clearInterval(timer); timer = null; }
-}
-
-function formatTime(s: number) {
-  const m = Math.floor(s / 60);
-  const sec = s % 60;
-  return `${m}:${sec.toString().padStart(2, '0')}`;
-}
-</script>
-
 <template>
   <div class="voice-recorder">
     <div v-if="recording" class="voice-recorder__active">
       <span class="voice-recorder__dot" aria-hidden="true" />
       <span class="voice-recorder__time meta">{{ formatTime(duration) }}</span>
-      <button class="voice-recorder__cancel" @click="cancel" aria-label="Отменить запись">
+      <button class="voice-recorder__cancel" aria-label="Отменить запись" @click="cancel">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16">
-          <path d="M18 6L6 18M6 6l12 12"/>
+          <path d="M18 6L6 18M6 6l12 12" />
         </svg>
       </button>
-      <button class="voice-recorder__stop" @click="stop" aria-label="Остановить запись">
+      <button class="voice-recorder__stop" aria-label="Остановить запись" @click="stop">
         <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16">
-          <rect x="3" y="3" width="18" height="18" rx="2"/>
+          <rect x="3" y="3" width="18" height="18" rx="2" />
         </svg>
       </button>
     </div>
-    <button v-else class="voice-recorder__btn" @click="start" aria-label="Записать голосовое сообщение">
+    <button v-else class="voice-recorder__btn" aria-label="Записать голосовое сообщение" @click="start">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="20" height="20">
-        <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
-        <path d="M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8"/>
+        <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
+        <path d="M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8" />
       </svg>
     </button>
   </div>
 </template>
 
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const emit = defineEmits<{ recorded: [blob: Blob] }>()
+
+const recording = ref(false)
+const mediaRecorder = ref<MediaRecorder | null>(null)
+const chunks = ref<Blob[]>([])
+const duration = ref(0)
+let timer: ReturnType<typeof setInterval> | null = null
+
+async function start() {
+  try {
+    const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
+    mediaRecorder.value = new MediaRecorder(stream)
+    chunks.value = []
+
+    mediaRecorder.value.ondataavailable = e => chunks.value.push(e.data)
+    mediaRecorder.value.onstop = () => {
+      const blob = new Blob(chunks.value, { type: 'audio/webm' })
+      emit('recorded', blob)
+      stream.getTracks().forEach(t => t.stop())
+    }
+
+    mediaRecorder.value.start()
+    recording.value = true
+    duration.value = 0
+    timer = setInterval(() => duration.value++, 1000)
+  }
+  catch {
+    // Microphone access denied
+  }
+}
+
+function stop() {
+  mediaRecorder.value?.stop()
+  recording.value = false
+  if (timer) { clearInterval(timer); timer = null }
+}
+
+function cancel() {
+  if (mediaRecorder.value?.state === 'recording') {
+    mediaRecorder.value.ondataavailable = null
+    mediaRecorder.value.onstop = null
+    mediaRecorder.value.stop()
+  }
+  recording.value = false
+  duration.value = 0
+  if (timer) { clearInterval(timer); timer = null }
+}
+
+function formatTime(s: number) {
+  const m = Math.floor(s / 60)
+  const sec = s % 60
+  return `${m}:${sec.toString().padStart(2, '0')}`
+}
+</script>
+
 <style scoped lang="scss">
 .voice-recorder {
   &__btn {
@@ -95,7 +96,9 @@ function formatTime(s: number) {
     border-radius: 50%;
     transition: color var(--transition-fast);
 
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
   }
 
   &__active {
@@ -132,13 +135,17 @@ function formatTime(s: number) {
   &__cancel {
     background: var(--color-surface-2);
     color: var(--color-muted);
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
   }
 
   &__stop {
     background: var(--color-signal);
     color: white;
-    &:hover { background: #a84e30; }
+    &:hover {
+      background: #a84e30;
+    }
   }
 }
 </style>
diff --git a/src/components/common/AppButton.vue b/src/components/common/AppButton.vue
index 6554efd..c4c58ea 100644
--- a/src/components/common/AppButton.vue
+++ b/src/components/common/AppButton.vue
@@ -1,14 +1,3 @@
-<script setup lang="ts">
-defineProps<{
-  variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
-  size?: 'sm' | 'md' | 'lg';
-  loading?: boolean;
-  disabled?: boolean;
-  fullWidth?: boolean;
-  type?: 'button' | 'submit' | 'reset';
-}>();
-</script>
-
 <template>
   <button
     :type="type ?? 'button'"
@@ -27,6 +16,17 @@ defineProps<{
   </button>
 </template>
 
+<script setup lang="ts">
+defineProps<{
+  variant?: 'primary' | 'secondary' | 'ghost' | 'danger'
+  size?: 'sm' | 'md' | 'lg'
+  loading?: boolean
+  disabled?: boolean
+  fullWidth?: boolean
+  type?: 'button' | 'submit' | 'reset'
+}>()
+</script>
+
 <style scoped lang="scss">
 .btn {
   display: inline-flex;
@@ -58,19 +58,35 @@ defineProps<{
     cursor: not-allowed;
   }
 
-  &--full { width: 100%; }
+  &--full {
+    width: 100%;
+  }
 
   // Sizes
-  &--sm  { font-size: 0.6875rem; padding: 6px 12px;  height: 32px; }
-  &--md  { font-size: 0.75rem;   padding: 10px 20px; height: 40px; }
-  &--lg  { font-size: 0.8125rem; padding: 14px 28px; height: 48px; }
+  &--sm {
+    font-size: 0.6875rem;
+    padding: 6px 12px;
+    height: 32px;
+  }
+  &--md {
+    font-size: 0.75rem;
+    padding: 10px 20px;
+    height: 40px;
+  }
+  &--lg {
+    font-size: 0.8125rem;
+    padding: 14px 28px;
+    height: 48px;
+  }
 
   // Variants
   &--primary {
     background: var(--color-cream);
     color: var(--color-base);
 
-    &:hover:not(:disabled) { background: #e8e0d0; }
+    &:hover:not(:disabled) {
+      background: #e8e0d0;
+    }
   }
 
   &--secondary {
@@ -98,7 +114,9 @@ defineProps<{
     background: var(--color-signal);
     color: var(--color-cream);
 
-    &:hover:not(:disabled) { background: #a84e30; }
+    &:hover:not(:disabled) {
+      background: #a84e30;
+    }
   }
 
   // Spinner
@@ -118,6 +136,8 @@ defineProps<{
 }
 
 @keyframes spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
 </style>
diff --git a/src/components/common/AppDrawer.vue b/src/components/common/AppDrawer.vue
index 6e4fe4a..4fda734 100644
--- a/src/components/common/AppDrawer.vue
+++ b/src/components/common/AppDrawer.vue
@@ -1,42 +1,15 @@
-<script setup lang="ts">
-import { watch, onUnmounted } from 'vue';
-
-const props = defineProps<{
-  open: boolean;
-  title?: string;
-  side?: 'right' | 'bottom';
-}>();
-
-const emit = defineEmits<{ close: [] }>();
-
-function handleKeydown(e: KeyboardEvent) {
-  if (e.key === 'Escape') emit('close');
-}
-
-watch(() => props.open, (val) => {
-  document.body.style.overflow = val ? 'hidden' : '';
-  if (val) document.addEventListener('keydown', handleKeydown);
-  else document.removeEventListener('keydown', handleKeydown);
-});
-
-onUnmounted(() => {
-  document.removeEventListener('keydown', handleKeydown);
-  document.body.style.overflow = '';
-});
-
-const side = props.side ?? 'right';
-</script>
-
 <template>
   <Teleport to="body">
     <Transition :name="`drawer-${side}`">
-      <div v-if="open" class="drawer-backdrop" @click.self="emit('close')" role="dialog" aria-modal="true">
+      <div v-if="open" class="drawer-backdrop" role="dialog" aria-modal="true" @click.self="emit('close')">
         <div class="drawer" :class="`drawer--${side}`">
           <div class="drawer__header">
-            <h3 v-if="title" class="drawer__title">{{ title }}</h3>
-            <button class="drawer__close" @click="emit('close')" aria-label="Закрыть">
+            <h3 v-if="title" class="drawer__title">
+              {{ title }}
+            </h3>
+            <button class="drawer__close" aria-label="Закрыть" @click="emit('close')">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="18" height="18">
-                <path d="M18 6L6 18M6 6l12 12"/>
+                <path d="M18 6L6 18M6 6l12 12" />
               </svg>
             </button>
           </div>
@@ -49,6 +22,37 @@ const side = props.side ?? 'right';
   </Teleport>
 </template>
 
+<script setup lang="ts">
+import { onUnmounted, watch } from 'vue'
+
+const props = defineProps<{
+  open: boolean
+  title?: string
+  side?: 'right' | 'bottom'
+}>()
+
+const emit = defineEmits<{ close: [] }>()
+
+function handleKeydown(e: KeyboardEvent) {
+  if (e.key === 'Escape')
+    emit('close')
+}
+
+watch(() => props.open, (val) => {
+  document.body.style.overflow = val ? 'hidden' : ''
+  if (val)
+    document.addEventListener('keydown', handleKeydown)
+  else document.removeEventListener('keydown', handleKeydown)
+})
+
+onUnmounted(() => {
+  document.removeEventListener('keydown', handleKeydown)
+  document.body.style.overflow = ''
+})
+
+const side = props.side ?? 'right'
+</script>
+
 <style scoped lang="scss">
 .drawer-backdrop {
   position: fixed;
@@ -108,7 +112,9 @@ const side = props.side ?? 'right';
     border-radius: var(--radius-xs);
     display: flex;
     transition: color var(--transition-fast);
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
   }
 
   &__body {
@@ -119,22 +125,34 @@ const side = props.side ?? 'right';
 }
 
 // Right drawer
-.drawer-right-enter-active, .drawer-right-leave-active {
+.drawer-right-enter-active,
+.drawer-right-leave-active {
   transition: opacity var(--transition-base);
-  .drawer--right { transition: transform var(--transition-base); }
+  .drawer--right {
+    transition: transform var(--transition-base);
+  }
 }
-.drawer-right-enter-from, .drawer-right-leave-to {
+.drawer-right-enter-from,
+.drawer-right-leave-to {
   opacity: 0;
-  .drawer--right { transform: translateX(100%); }
+  .drawer--right {
+    transform: translateX(100%);
+  }
 }
 
 // Bottom drawer
-.drawer-bottom-enter-active, .drawer-bottom-leave-active {
+.drawer-bottom-enter-active,
+.drawer-bottom-leave-active {
   transition: opacity var(--transition-base);
-  .drawer--bottom { transition: transform var(--transition-base); }
+  .drawer--bottom {
+    transition: transform var(--transition-base);
+  }
 }
-.drawer-bottom-enter-from, .drawer-bottom-leave-to {
+.drawer-bottom-enter-from,
+.drawer-bottom-leave-to {
   opacity: 0;
-  .drawer--bottom { transform: translateY(100%); }
+  .drawer--bottom {
+    transform: translateY(100%);
+  }
 }
 </style>
diff --git a/src/components/common/AppInput.vue b/src/components/common/AppInput.vue
index b154368..53f808f 100644
--- a/src/components/common/AppInput.vue
+++ b/src/components/common/AppInput.vue
@@ -1,33 +1,3 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-
-const props = defineProps<{
-  modelValue: string;
-  label?: string;
-  placeholder?: string;
-  type?: string;
-  error?: string | string[];
-  hint?: string;
-  disabled?: boolean;
-  required?: boolean;
-  name?: string;
-  autocomplete?: string;
-}>();
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string];
-  blur: [event: FocusEvent];
-}>();
-
-const errorMessage = computed(() =>
-  Array.isArray(props.error) ? props.error[0] : props.error,
-);
-
-function onInput(e: Event) {
-  emit('update:modelValue', (e.target as HTMLInputElement).value);
-}
-</script>
-
 <template>
   <div class="field" :class="{ 'field--error': !!errorMessage, 'field--disabled': disabled }">
     <label v-if="label" class="field__label">
@@ -48,16 +18,48 @@ function onInput(e: Event) {
         :aria-invalid="!!errorMessage"
         @input="onInput"
         @blur="emit('blur', $event)"
-      />
+      >
       <slot name="suffix" />
     </div>
     <p v-if="errorMessage" :id="`${name}-error`" class="field__error" role="alert">
       {{ errorMessage }}
     </p>
-    <p v-else-if="hint" :id="`${name}-hint`" class="field__hint">{{ hint }}</p>
+    <p v-else-if="hint" :id="`${name}-hint`" class="field__hint">
+      {{ hint }}
+    </p>
   </div>
 </template>
 
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = defineProps<{
+  modelValue: string
+  label?: string
+  placeholder?: string
+  type?: string
+  error?: string | string[]
+  hint?: string
+  disabled?: boolean
+  required?: boolean
+  name?: string
+  autocomplete?: string
+}>()
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string]
+  'blur': [event: FocusEvent]
+}>()
+
+const errorMessage = computed(() =>
+  Array.isArray(props.error) ? props.error[0] : props.error,
+)
+
+function onInput(e: Event) {
+  emit('update:modelValue', (e.target as HTMLInputElement).value)
+}
+</script>
+
 <style scoped lang="scss">
 .field {
   display: flex;
diff --git a/src/components/common/AppModal.vue b/src/components/common/AppModal.vue
index 91f9ec8..c7f6e93 100644
--- a/src/components/common/AppModal.vue
+++ b/src/components/common/AppModal.vue
@@ -1,39 +1,15 @@
-<script setup lang="ts">
-import { onMounted, onUnmounted, watch } from 'vue';
-
-const props = defineProps<{
-  open: boolean;
-  title?: string;
-  size?: 'sm' | 'md' | 'lg';
-}>();
-
-const emit = defineEmits<{ close: [] }>();
-
-function handleKeydown(e: KeyboardEvent) {
-  if (e.key === 'Escape') emit('close');
-}
-
-watch(() => props.open, (val) => {
-  document.body.style.overflow = val ? 'hidden' : '';
-});
-
-onMounted(() => document.addEventListener('keydown', handleKeydown));
-onUnmounted(() => {
-  document.removeEventListener('keydown', handleKeydown);
-  document.body.style.overflow = '';
-});
-</script>
-
 <template>
   <Teleport to="body">
     <Transition name="modal">
-      <div v-if="open" class="modal-backdrop" @click.self="emit('close')" role="dialog" aria-modal="true" :aria-label="title">
+      <div v-if="open" class="modal-backdrop" role="dialog" aria-modal="true" :aria-label="title" @click.self="emit('close')">
         <div class="modal" :class="`modal--${size ?? 'md'}`">
           <div v-if="title || $slots.header" class="modal__header">
-            <h2 v-if="title" class="modal__title">{{ title }}</h2>
+            <h2 v-if="title" class="modal__title">
+              {{ title }}
+            </h2>
             <slot name="header" />
-            <button class="modal__close" @click="emit('close')" aria-label="Закрыть">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 6L6 18M6 6l12 12"/></svg>
+            <button class="modal__close" aria-label="Закрыть" @click="emit('close')">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 6L6 18M6 6l12 12" /></svg>
             </button>
           </div>
           <div class="modal__body">
@@ -48,6 +24,33 @@ onUnmounted(() => {
   </Teleport>
 </template>
 
+<script setup lang="ts">
+import { onMounted, onUnmounted, watch } from 'vue'
+
+const props = defineProps<{
+  open: boolean
+  title?: string
+  size?: 'sm' | 'md' | 'lg'
+}>()
+
+const emit = defineEmits<{ close: [] }>()
+
+function handleKeydown(e: KeyboardEvent) {
+  if (e.key === 'Escape')
+    emit('close')
+}
+
+watch(() => props.open, (val) => {
+  document.body.style.overflow = val ? 'hidden' : ''
+})
+
+onMounted(() => document.addEventListener('keydown', handleKeydown))
+onUnmounted(() => {
+  document.removeEventListener('keydown', handleKeydown)
+  document.body.style.overflow = ''
+})
+</script>
+
 <style scoped lang="scss">
 .modal-backdrop {
   position: fixed;
@@ -71,9 +74,15 @@ onUnmounted(() => {
   flex-direction: column;
   overflow: hidden;
 
-  &--sm { max-width: 400px; }
-  &--md { max-width: 560px; }
-  &--lg { max-width: 800px; }
+  &--sm {
+    max-width: 400px;
+  }
+  &--md {
+    max-width: 560px;
+  }
+  &--lg {
+    max-width: 800px;
+  }
 
   &__header {
     display: flex;
@@ -105,9 +114,14 @@ onUnmounted(() => {
     transition: color var(--transition-fast);
     flex-shrink: 0;
 
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
 
-    svg { width: 18px; height: 18px; }
+    svg {
+      width: 18px;
+      height: 18px;
+    }
   }
 
   &__body {
@@ -126,12 +140,21 @@ onUnmounted(() => {
   }
 }
 
-.modal-enter-active, .modal-leave-active {
+.modal-enter-active,
+.modal-leave-active {
   transition: opacity var(--transition-base);
-  .modal { transition: transform var(--transition-spring), opacity var(--transition-base); }
+  .modal {
+    transition:
+      transform var(--transition-spring),
+      opacity var(--transition-base);
+  }
 }
-.modal-enter-from, .modal-leave-to {
+.modal-enter-from,
+.modal-leave-to {
   opacity: 0;
-  .modal { transform: scale(0.95) translateY(8px); opacity: 0; }
+  .modal {
+    transform: scale(0.95) translateY(8px);
+    opacity: 0;
+  }
 }
 </style>
diff --git a/src/components/common/AppToast.vue b/src/components/common/AppToast.vue
index 2ecdb7b..c0ae546 100644
--- a/src/components/common/AppToast.vue
+++ b/src/components/common/AppToast.vue
@@ -1,8 +1,3 @@
-<script setup lang="ts">
-import { useUi } from '@/composables/useUi';
-const uiStore = useUi();
-</script>
-
 <template>
   <Teleport to="body">
     <div class="toast-container" role="region" aria-label="Уведомления" aria-live="polite">
@@ -16,14 +11,14 @@ const uiStore = useUi();
         >
           <span class="toast__icon">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-              <path v-if="toast.type === 'success'" d="M20 6L9 17l-5-5"/>
-              <path v-else-if="toast.type === 'error'" d="M12 8v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
-              <path v-else d="M12 16v-4m0-4h.01M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/>
+              <path v-if="toast.type === 'success'" d="M20 6L9 17l-5-5" />
+              <path v-else-if="toast.type === 'error'" d="M12 8v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
+              <path v-else d="M12 16v-4m0-4h.01M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" />
             </svg>
           </span>
           <span class="toast__message">{{ toast.message }}</span>
-          <button class="toast__close" @click="uiStore.removeToast(toast.id)" aria-label="Закрыть">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
+          <button class="toast__close" aria-label="Закрыть" @click="uiStore.removeToast(toast.id)">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12" /></svg>
           </button>
         </div>
       </TransitionGroup>
@@ -31,6 +26,12 @@ const uiStore = useUi();
   </Teleport>
 </template>
 
+<script setup lang="ts">
+import { useUi } from '@/composables/useUi'
+
+const uiStore = useUi()
+</script>
+
 <style scoped lang="scss">
 .toast-container {
   position: fixed;
@@ -56,9 +57,15 @@ const uiStore = useUi();
   box-shadow: var(--shadow-card);
   pointer-events: all;
 
-  &--success { border-color: rgba(122, 184, 80, 0.3); }
-  &--error   { border-color: rgba(196, 92, 58, 0.4); }
-  &--warning { border-color: rgba(210, 151, 60, 0.3); }
+  &--success {
+    border-color: rgba(122, 184, 80, 0.3);
+  }
+  &--error {
+    border-color: rgba(196, 92, 58, 0.4);
+  }
+  &--warning {
+    border-color: rgba(210, 151, 60, 0.3);
+  }
 
   &__icon {
     width: 18px;
@@ -66,13 +73,24 @@ const uiStore = useUi();
     flex-shrink: 0;
     margin-top: 1px;
 
-    svg { width: 100%; height: 100%; }
+    svg {
+      width: 100%;
+      height: 100%;
+    }
   }
 
-  &--success .toast__icon { color: #7ab850; }
-  &--error   .toast__icon { color: var(--color-signal); }
-  &--warning .toast__icon { color: #d2973c; }
-  &--info    .toast__icon { color: var(--color-muted); }
+  &--success .toast__icon {
+    color: #7ab850;
+  }
+  &--error .toast__icon {
+    color: var(--color-signal);
+  }
+  &--warning .toast__icon {
+    color: #d2973c;
+  }
+  &--info .toast__icon {
+    color: var(--color-muted);
+  }
 
   &__message {
     flex: 1;
@@ -97,9 +115,14 @@ const uiStore = useUi();
     border-radius: var(--radius-xs);
     transition: color var(--transition-fast);
 
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
 
-    svg { width: 14px; height: 14px; }
+    svg {
+      width: 14px;
+      height: 14px;
+    }
   }
 }
 
diff --git a/src/components/common/EmptyState.vue b/src/components/common/EmptyState.vue
index c7905b9..eb32abd 100644
--- a/src/components/common/EmptyState.vue
+++ b/src/components/common/EmptyState.vue
@@ -1,57 +1,61 @@
-<script setup lang="ts">
-defineProps<{
-  title: string;
-  description?: string;
-  icon?: 'feed' | 'chat' | 'heart' | 'calendar' | 'search' | 'default';
-}>();
-</script>
-
 <template>
   <div class="empty">
     <div class="empty__illustration" aria-hidden="true">
       <svg viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg" class="empty__svg">
         <!-- Feed empty state -->
         <template v-if="icon === 'feed'">
-          <rect x="20" y="10" width="80" height="60" rx="4" stroke="currentColor" stroke-width="1.5" stroke-dasharray="4 3"/>
-          <circle cx="45" cy="30" r="8" stroke="currentColor" stroke-width="1.5"/>
-          <path d="M20 55 L40 40 L55 50 L75 35 L100 55" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-          <path d="M60 20 L80 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.4"/>
-          <path d="M60 27 L90 27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.3"/>
+          <rect x="20" y="10" width="80" height="60" rx="4" stroke="currentColor" stroke-width="1.5" stroke-dasharray="4 3" />
+          <circle cx="45" cy="30" r="8" stroke="currentColor" stroke-width="1.5" />
+          <path d="M20 55 L40 40 L55 50 L75 35 L100 55" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+          <path d="M60 20 L80 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.4" />
+          <path d="M60 27 L90 27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.3" />
         </template>
         <!-- Heart/matches empty state -->
         <template v-else-if="icon === 'heart'">
-          <path d="M60 64 L26 42 A18 18 0 0 1 26 11 A18 18 0 0 1 60 30 A18 18 0 0 1 94 11 A18 18 0 0 1 94 42 Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+          <path d="M60 64 L26 42 A18 18 0 0 1 26 11 A18 18 0 0 1 60 30 A18 18 0 0 1 94 11 A18 18 0 0 1 94 42 Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3" />
         </template>
         <!-- Chat empty state -->
         <template v-else-if="icon === 'chat'">
-          <path d="M15 15 L105 15 L105 55 L75 55 L60 70 L60 55 L15 55 Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 3"/>
-          <path d="M30 30 L60 30" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.5"/>
-          <path d="M30 40 L75 40" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.3"/>
+          <path d="M15 15 L105 15 L105 55 L75 55 L60 70 L60 55 L15 55 Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 3" />
+          <path d="M30 30 L60 30" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.5" />
+          <path d="M30 40 L75 40" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.3" />
         </template>
         <!-- Calendar/dates empty state -->
         <template v-else-if="icon === 'calendar'">
-          <rect x="15" y="15" width="90" height="65" rx="4" stroke="currentColor" stroke-width="1.5"/>
-          <path d="M15 30 L105 30" stroke="currentColor" stroke-width="1.5" opacity="0.4"/>
-          <path d="M40 10 L40 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-          <path d="M80 10 L80 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-          <circle cx="42" cy="52" r="3" fill="currentColor" opacity="0.4"/>
-          <circle cx="60" cy="52" r="3" fill="currentColor" opacity="0.6"/>
-          <circle cx="78" cy="52" r="3" fill="currentColor" opacity="0.3"/>
+          <rect x="15" y="15" width="90" height="65" rx="4" stroke="currentColor" stroke-width="1.5" />
+          <path d="M15 30 L105 30" stroke="currentColor" stroke-width="1.5" opacity="0.4" />
+          <path d="M40 10 L40 22" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+          <path d="M80 10 L80 22" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+          <circle cx="42" cy="52" r="3" fill="currentColor" opacity="0.4" />
+          <circle cx="60" cy="52" r="3" fill="currentColor" opacity="0.6" />
+          <circle cx="78" cy="52" r="3" fill="currentColor" opacity="0.3" />
         </template>
         <!-- Default / search -->
         <template v-else>
-          <circle cx="50" cy="40" r="24" stroke="currentColor" stroke-width="1.5" stroke-dasharray="5 3"/>
-          <path d="M68 58 L95 70" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-          <path d="M40 40 L50 40 M50 32 L50 48" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.5"/>
+          <circle cx="50" cy="40" r="24" stroke="currentColor" stroke-width="1.5" stroke-dasharray="5 3" />
+          <path d="M68 58 L95 70" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+          <path d="M40 40 L50 40 M50 32 L50 48" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.5" />
         </template>
       </svg>
     </div>
-    <h3 class="empty__title">{{ title }}</h3>
-    <p v-if="description" class="empty__desc">{{ description }}</p>
+    <h3 class="empty__title">
+      {{ title }}
+    </h3>
+    <p v-if="description" class="empty__desc">
+      {{ description }}
+    </p>
     <slot />
   </div>
 </template>
 
+<script setup lang="ts">
+defineProps<{
+  title: string
+  description?: string
+  icon?: 'feed' | 'chat' | 'heart' | 'calendar' | 'search' | 'default'
+}>()
+</script>
+
 <style scoped lang="scss">
 .empty {
   display: flex;
diff --git a/src/components/common/LoadingSpinner.vue b/src/components/common/LoadingSpinner.vue
index 0d1a20c..e103f69 100644
--- a/src/components/common/LoadingSpinner.vue
+++ b/src/components/common/LoadingSpinner.vue
@@ -1,16 +1,16 @@
-<script setup lang="ts">
-defineProps<{ size?: 'sm' | 'md' | 'lg'; label?: string }>();
-</script>
-
 <template>
   <div class="spinner" :class="`spinner--${size ?? 'md'}`" role="status">
     <svg viewBox="0 0 24 24" fill="none" class="spinner__ring">
-      <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="56.5" stroke-dashoffset="14"/>
+      <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="56.5" stroke-dashoffset="14" />
     </svg>
     <span class="sr-only">{{ label ?? 'Загрузка...' }}</span>
   </div>
 </template>
 
+<script setup lang="ts">
+defineProps<{ size?: 'sm' | 'md' | 'lg', label?: string }>()
+</script>
+
 <style scoped lang="scss">
 .spinner {
   display: inline-flex;
@@ -20,12 +20,23 @@ defineProps<{ size?: 'sm' | 'md' | 'lg'; label?: string }>();
     animation: spin 0.9s linear infinite;
   }
 
-  &--sm svg { width: 16px; height: 16px; }
-  &--md svg { width: 24px; height: 24px; }
-  &--lg svg { width: 40px; height: 40px; }
+  &--sm svg {
+    width: 16px;
+    height: 16px;
+  }
+  &--md svg {
+    width: 24px;
+    height: 24px;
+  }
+  &--lg svg {
+    width: 40px;
+    height: 40px;
+  }
 }
 
 @keyframes spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
 </style>
diff --git a/src/components/dates/DateProposalForm.vue b/src/components/dates/DateProposalForm.vue
index 4037ea0..9c801d7 100644
--- a/src/components/dates/DateProposalForm.vue
+++ b/src/components/dates/DateProposalForm.vue
@@ -1,49 +1,3 @@
-<script setup lang="ts">
-import { reactive, ref } from 'vue';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import MapPicker from './MapPicker.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import AppInput from '@/components/common/AppInput.vue';
-
-const props = defineProps<{ partnerProfileId: string }>();
-const emit = defineEmits<{ close: []; created: [] }>();
-
-const authStore = useAuth();
-const uiStore = useUi();
-
-const form = reactive({
-  time: '',
-  location: null as { lat: number; lng: number } | null,
-});
-const loading = ref(false);
-
-async function submit() {
-  if (!authStore.activeProfile || !form.location || !form.time) {
-    uiStore.addToast('Выберите место и время встречи', 'warning');
-    return;
-  }
-  loading.value = true;
-  try {
-    await apiClient.api.datesControllerCreate({
-      profileId: authStore.activeProfile.id,
-      partnerProfileId: props.partnerProfileId,
-      lat: form.location.lat,
-      lng: form.location.lng,
-      time: form.time,
-    });
-    uiStore.addToast('Предложение встречи отправлено', 'success');
-    emit('created');
-    emit('close');
-  } catch {
-    uiStore.addToast('Не удалось отправить предложение', 'error');
-  } finally {
-    loading.value = false;
-  }
-}
-</script>
-
 <template>
   <form class="date-form" @submit.prevent="submit">
     <div class="date-form__section">
@@ -54,7 +8,7 @@ async function submit() {
         class="date-form__datetime"
         required
         :min="new Date().toISOString().slice(0, 16)"
-      />
+      >
     </div>
 
     <div class="date-form__section">
@@ -63,7 +17,9 @@ async function submit() {
     </div>
 
     <div class="date-form__actions">
-      <AppButton type="button" variant="ghost" @click="emit('close')">Отмена</AppButton>
+      <AppButton type="button" variant="ghost" @click="emit('close')">
+        Отмена
+      </AppButton>
       <AppButton type="submit" :loading="loading" :disabled="!form.location || !form.time">
         Предложить встречу
       </AppButton>
@@ -71,6 +27,53 @@ async function submit() {
   </form>
 </template>
 
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+import MapPicker from './MapPicker.vue'
+
+const props = defineProps<{ partnerProfileId: string }>()
+const emit = defineEmits<{ close: [], created: [] }>()
+
+const authStore = useAuth()
+const uiStore = useUi()
+
+const form = reactive({
+  time: '',
+  location: null as { lat: number, lng: number } | null,
+})
+const loading = ref(false)
+
+async function submit() {
+  if (!authStore.activeProfile || !form.location || !form.time) {
+    uiStore.addToast('Выберите место и время встречи', 'warning')
+    return
+  }
+  loading.value = true
+  try {
+    await apiClient.api.datesControllerCreate({
+      profileId: authStore.activeProfile.id,
+      partnerProfileId: props.partnerProfileId,
+      lat: form.location.lat,
+      lng: form.location.lng,
+      time: form.time,
+    })
+    uiStore.addToast('Предложение встречи отправлено', 'success')
+    emit('created')
+    emit('close')
+  }
+  catch {
+    uiStore.addToast('Не удалось отправить предложение', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .date-form {
   display: flex;
@@ -96,7 +99,9 @@ async function submit() {
     transition: border-color var(--transition-fast);
     color-scheme: dark;
 
-    &:focus { border-color: var(--color-signal); }
+    &:focus {
+      border-color: var(--color-signal);
+    }
   }
 
   &__actions {
diff --git a/src/components/dates/MapPicker.vue b/src/components/dates/MapPicker.vue
index 9033b8e..0385b2e 100644
--- a/src/components/dates/MapPicker.vue
+++ b/src/components/dates/MapPicker.vue
@@ -1,77 +1,84 @@
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted, watch } from 'vue';
-
-const props = defineProps<{
-  modelValue: { lat: number; lng: number } | null;
-}>();
-
-const emit = defineEmits<{ 'update:modelValue': [value: { lat: number; lng: number }] }>();
-
-const mapEl = ref<HTMLElement | null>(null);
-let map: import('leaflet').Map | null = null;
-let marker: import('leaflet').Marker | null = null;
-
-onMounted(async () => {
-  const L = await import('leaflet');
-  await import('leaflet/dist/leaflet.css');
-
-  // Fix Leaflet default icon paths
-  delete (L.Icon.Default.prototype as unknown as Record<string, unknown>)._getIconUrl;
-  L.Icon.Default.mergeOptions({
-    iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',
-    iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',
-    shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',
-  });
-
-  if (!mapEl.value) return;
-
-  const initialCenter: [number, number] = props.modelValue
-    ? [props.modelValue.lat, props.modelValue.lng]
-    : [55.75, 37.62]; // Moscow default
-
-  map = L.map(mapEl.value).setView(initialCenter, 13);
-
-  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-    attribution: '© OpenStreetMap',
-  }).addTo(map);
-
-  if (props.modelValue) {
-    marker = L.marker([props.modelValue.lat, props.modelValue.lng]).addTo(map);
-  }
-
-  map.on('click', (e: import('leaflet').LeafletMouseEvent) => {
-    const { lat, lng } = e.latlng;
-    if (!map) return;
-    if (marker) marker.setLatLng([lat, lng]);
-    else marker = L.marker([lat, lng]).addTo(map!);
-    emit('update:modelValue', { lat, lng });
-  });
-});
-
-onUnmounted(() => {
-  map?.remove();
-  map = null;
-});
-
-watch(() => props.modelValue, async (val) => {
-  if (!val || !map) return;
-  const L = await import('leaflet');
-  map.setView([val.lat, val.lng], map.getZoom());
-  if (marker) marker.setLatLng([val.lat, val.lng]);
-  else marker = L.marker([val.lat, val.lng]).addTo(map);
-});
-</script>
-
 <template>
   <div class="map-picker">
     <div ref="mapEl" class="map-picker__map" />
-    <p v-if="!modelValue" class="map-picker__hint meta">Нажмите на карту, чтобы выбрать место встречи</p>
+    <p v-if="!modelValue" class="map-picker__hint meta">
+      Нажмите на карту, чтобы выбрать место встречи
+    </p>
     <p v-else class="map-picker__coords meta">
       {{ modelValue.lat.toFixed(5) }}, {{ modelValue.lng.toFixed(5) }}
     </p>
   </div>
 </template>
 
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref, watch } from 'vue'
+
+const props = defineProps<{
+  modelValue: { lat: number, lng: number } | null
+}>()
+
+const emit = defineEmits<{ 'update:modelValue': [value: { lat: number, lng: number }] }>()
+
+const mapEl = ref<HTMLElement | null>(null)
+let map: import('leaflet').Map | null = null
+let marker: import('leaflet').Marker | null = null
+
+onMounted(async () => {
+  const L = await import('leaflet')
+  await import('leaflet/dist/leaflet.css')
+
+  // Fix Leaflet default icon paths
+  delete (L.Icon.Default.prototype as unknown as Record<string, unknown>)._getIconUrl
+  L.Icon.Default.mergeOptions({
+    iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',
+    iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',
+    shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',
+  })
+
+  if (!mapEl.value)
+    return
+
+  const initialCenter: [number, number] = props.modelValue
+    ? [props.modelValue.lat, props.modelValue.lng]
+    : [55.75, 37.62] // Moscow default
+
+  map = L.map(mapEl.value).setView(initialCenter, 13)
+
+  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '© OpenStreetMap',
+  }).addTo(map)
+
+  if (props.modelValue) {
+    marker = L.marker([props.modelValue.lat, props.modelValue.lng]).addTo(map)
+  }
+
+  map.on('click', (e: import('leaflet').LeafletMouseEvent) => {
+    const { lat, lng } = e.latlng
+    if (!map)
+      return
+    if (marker)
+      marker.setLatLng([lat, lng])
+    else marker = L.marker([lat, lng]).addTo(map!)
+    emit('update:modelValue', { lat, lng })
+  })
+})
+
+onUnmounted(() => {
+  map?.remove()
+  map = null
+})
+
+watch(() => props.modelValue, async (val) => {
+  if (!val || !map)
+    return
+  const L = await import('leaflet')
+  map.setView([val.lat, val.lng], map.getZoom())
+  if (marker)
+    marker.setLatLng([val.lat, val.lng])
+  else marker = L.marker([val.lat, val.lng]).addTo(map)
+})
+</script>
+
 <style scoped lang="scss">
 .map-picker {
   display: flex;
@@ -90,7 +97,8 @@ watch(() => props.modelValue, async (val) => {
     }
   }
 
-  &__hint, &__coords {
+  &__hint,
+  &__coords {
     color: var(--color-muted);
     margin: 0;
     font-variant-numeric: tabular-nums;
diff --git a/src/components/feed/FeedCard.vue b/src/components/feed/FeedCard.vue
index 1bd66f4..e2915be 100644
--- a/src/components/feed/FeedCard.vue
+++ b/src/components/feed/FeedCard.vue
@@ -1,138 +1,3 @@
-<script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from 'vue';
-import { useRouter } from 'vue-router';
-import { gsap } from 'gsap';
-import type { FeedProfile } from '@/composables/useFeed';
-import ProfileBadge from './ProfileBadge.vue';
-
-const props = defineProps<{
-  profile: FeedProfile;
-  isTop: boolean;
-}>();
-
-const emit = defineEmits<{
-  like: [profileId: string];
-  dislike: [profileId: string];
-}>();
-
-const router = useRouter();
-const cardEl = ref<HTMLElement | null>(null);
-const currentImageIndex = ref(0);
-
-const age = computed(() => {
-  const birth = new Date(props.profile.birthDate);
-  const today = new Date();
-  let a = today.getFullYear() - birth.getFullYear();
-  if (today.getMonth() < birth.getMonth() || (today.getMonth() === birth.getMonth() && today.getDate() < birth.getDate())) a--;
-  return a;
-});
-
-const coverUrl = computed(() =>
-  props.profile.media?.[currentImageIndex.value]?.path ?? '',
-);
-
-// ─── Drag / swipe mechanics ───────────────────────────────────────────────────
-let startX = 0;
-let startY = 0;
-let isDragging = false;
-const THROW_THRESHOLD = 80;
-
-const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-
-function onDragStart(e: PointerEvent) {
-  if (!props.isTop) return;
-  isDragging = true;
-  startX = e.clientX;
-  startY = e.clientY;
-  cardEl.value?.setPointerCapture(e.pointerId);
-}
-
-function onDragMove(e: PointerEvent) {
-  if (!isDragging || !cardEl.value) return;
-  const dx = e.clientX - startX;
-  const dy = e.clientY - startY;
-  const rotation = dx * 0.06;
-  const tintRight = Math.max(0, dx / THROW_THRESHOLD);
-  const tintLeft  = Math.max(0, -dx / THROW_THRESHOLD);
-
-  if (!prefersReducedMotion) {
-    gsap.set(cardEl.value, {
-      x: dx,
-      y: dy * 0.4,
-      rotation,
-      '--tint-right': Math.min(tintRight, 1),
-      '--tint-left':  Math.min(tintLeft, 1),
-    });
-  }
-}
-
-function onDragEnd(e: PointerEvent) {
-  if (!isDragging || !cardEl.value) return;
-  isDragging = false;
-  const dx = e.clientX - startX;
-
-  if (Math.abs(dx) > THROW_THRESHOLD) {
-    const direction = dx > 0 ? 1 : -1;
-    throwCard(direction);
-  } else {
-    // Snap back
-    if (!prefersReducedMotion) {
-      gsap.to(cardEl.value, { x: 0, y: 0, rotation: 0, '--tint-right': 0, '--tint-left': 0, duration: 0.3, ease: 'back.out(2)' });
-    }
-  }
-}
-
-function throwCard(direction: 1 | -1) {
-  if (!cardEl.value) return;
-  const target = direction === 1 ? props.profile.id : null;
-
-  if (!prefersReducedMotion) {
-    gsap.to(cardEl.value, {
-      x: direction * window.innerWidth * 1.5,
-      rotation: direction * 25,
-      opacity: 0,
-      duration: 0.4,
-      ease: 'power2.in',
-      onComplete: () => {
-        if (direction === 1) emit('like', props.profile.id);
-        else emit('dislike', props.profile.id);
-      },
-    });
-  } else {
-    if (direction === 1) emit('like', props.profile.id);
-    else emit('dislike', props.profile.id);
-  }
-}
-
-function handleLike() { throwCard(1); }
-function handleDislike() { throwCard(-1); }
-
-function openProfile() {
-  if (isDragging) return;
-  router.push(`/profile/${props.profile.id}`);
-}
-
-function nextImage() {
-  if (currentImageIndex.value < (props.profile.media?.length ?? 1) - 1) {
-    currentImageIndex.value++;
-  }
-}
-
-function prevImage(e: Event) {
-  e.stopPropagation();
-  if (currentImageIndex.value > 0) currentImageIndex.value--;
-}
-
-// Touch support
-let touchStartX = 0;
-function onTouchStart(e: TouchEvent) { touchStartX = e.touches[0].clientX; }
-function onTouchEnd(e: TouchEvent) {
-  if (!props.isTop) return;
-  const dx = e.changedTouches[0].clientX - touchStartX;
-  if (Math.abs(dx) > THROW_THRESHOLD) throwCard(dx > 0 ? 1 : -1);
-}
-</script>
-
 <template>
   <article
     ref="cardEl"
@@ -153,10 +18,10 @@ function onTouchEnd(e: TouchEvent) {
         :alt="`Фото ${profile.name}`"
         class="feed-card__img"
         draggable="false"
-      />
+      >
       <div v-else class="feed-card__no-photo" aria-label="Нет фото">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" width="48" height="48" opacity="0.3">
-          <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
+          <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
         </svg>
       </div>
 
@@ -167,8 +32,8 @@ function onTouchEnd(e: TouchEvent) {
           :key="i"
           class="feed-card__dot"
           :class="{ 'feed-card__dot--active': i === currentImageIndex }"
-          @click.stop="currentImageIndex = i"
           :aria-label="`Фото ${i + 1}`"
+          @click.stop="currentImageIndex = i"
         />
       </div>
 
@@ -190,7 +55,9 @@ function onTouchEnd(e: TouchEvent) {
       <div class="feed-card__meta">
         <span v-if="profile.cityName" class="meta feed-card__location">{{ profile.cityName }}</span>
       </div>
-      <h2 class="feed-card__name">{{ profile.name }}<span class="feed-card__age">, {{ age }}</span></h2>
+      <h2 class="feed-card__name">
+        {{ profile.name }}<span class="feed-card__age">, {{ age }}</span>
+      </h2>
       <div v-if="profile.tags?.length" class="feed-card__tags">
         <ProfileBadge v-for="tag in profile.tags?.slice(0, 4)" :key="tag.id" :label="tag.value" />
       </div>
@@ -198,20 +65,168 @@ function onTouchEnd(e: TouchEvent) {
 
     <!-- Action buttons (visible on non-drag mode) -->
     <div v-if="isTop" class="feed-card__actions" @click.stop>
-      <button class="feed-card__btn feed-card__btn--dislike" @click="handleDislike" aria-label="Пропустить">
+      <button class="feed-card__btn feed-card__btn--dislike" aria-label="Пропустить" @click="handleDislike">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="24" height="24">
-          <path d="M18 6L6 18M6 6l12 12"/>
+          <path d="M18 6L6 18M6 6l12 12" />
         </svg>
       </button>
-      <button class="feed-card__btn feed-card__btn--like" @click="handleLike" aria-label="Лайк">
+      <button class="feed-card__btn feed-card__btn--like" aria-label="Лайк" @click="handleLike">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="24" height="24">
-          <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+          <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
         </svg>
       </button>
     </div>
   </article>
 </template>
 
+<script setup lang="ts">
+import type { FeedProfile } from '@/composables/useFeed'
+import { gsap } from 'gsap'
+import { computed, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import ProfileBadge from './ProfileBadge.vue'
+
+const props = defineProps<{
+  profile: FeedProfile
+  isTop: boolean
+}>()
+
+const emit = defineEmits<{
+  like: [profileId: string]
+  dislike: [profileId: string]
+}>()
+
+const router = useRouter()
+const cardEl = ref<HTMLElement | null>(null)
+const currentImageIndex = ref(0)
+
+const age = computed(() => {
+  const birth = new Date(props.profile.birthDate)
+  const today = new Date()
+  let a = today.getFullYear() - birth.getFullYear()
+  if (today.getMonth() < birth.getMonth() || (today.getMonth() === birth.getMonth() && today.getDate() < birth.getDate()))
+    a--
+  return a
+})
+
+const coverUrl = computed(() =>
+  props.profile.media?.[currentImageIndex.value]?.path ?? '',
+)
+
+// ─── Drag / swipe mechanics ───────────────────────────────────────────────────
+let startX = 0
+let startY = 0
+let isDragging = false
+const THROW_THRESHOLD = 80
+
+const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches
+
+function onDragStart(e: PointerEvent) {
+  if (!props.isTop)
+    return
+  isDragging = true
+  startX = e.clientX
+  startY = e.clientY
+  cardEl.value?.setPointerCapture(e.pointerId)
+}
+
+function onDragMove(e: PointerEvent) {
+  if (!isDragging || !cardEl.value)
+    return
+  const dx = e.clientX - startX
+  const dy = e.clientY - startY
+  const rotation = dx * 0.06
+  const tintRight = Math.max(0, dx / THROW_THRESHOLD)
+  const tintLeft = Math.max(0, -dx / THROW_THRESHOLD)
+
+  if (!prefersReducedMotion) {
+    gsap.set(cardEl.value, {
+      'x': dx,
+      'y': dy * 0.4,
+      rotation,
+      '--tint-right': Math.min(tintRight, 1),
+      '--tint-left': Math.min(tintLeft, 1),
+    })
+  }
+}
+
+function onDragEnd(e: PointerEvent) {
+  if (!isDragging || !cardEl.value)
+    return
+  isDragging = false
+  const dx = e.clientX - startX
+
+  if (Math.abs(dx) > THROW_THRESHOLD) {
+    const direction = dx > 0 ? 1 : -1
+    throwCard(direction)
+  }
+  else {
+    // Snap back
+    if (!prefersReducedMotion) {
+      gsap.to(cardEl.value, { 'x': 0, 'y': 0, 'rotation': 0, '--tint-right': 0, '--tint-left': 0, 'duration': 0.3, 'ease': 'back.out(2)' })
+    }
+  }
+}
+
+function throwCard(direction: 1 | -1) {
+  if (!cardEl.value)
+    return
+  const target = direction === 1 ? props.profile.id : null
+
+  if (!prefersReducedMotion) {
+    gsap.to(cardEl.value, {
+      x: direction * window.innerWidth * 1.5,
+      rotation: direction * 25,
+      opacity: 0,
+      duration: 0.4,
+      ease: 'power2.in',
+      onComplete: () => {
+        if (direction === 1)
+          emit('like', props.profile.id)
+        else emit('dislike', props.profile.id)
+      },
+    })
+  }
+  else {
+    if (direction === 1)
+      emit('like', props.profile.id)
+    else emit('dislike', props.profile.id)
+  }
+}
+
+function handleLike() { throwCard(1) }
+function handleDislike() { throwCard(-1) }
+
+function openProfile() {
+  if (isDragging)
+    return
+  router.push(`/profile/${props.profile.id}`)
+}
+
+function nextImage() {
+  if (currentImageIndex.value < (props.profile.media?.length ?? 1) - 1) {
+    currentImageIndex.value++
+  }
+}
+
+function prevImage(e: Event) {
+  e.stopPropagation()
+  if (currentImageIndex.value > 0)
+    currentImageIndex.value--
+}
+
+// Touch support
+let touchStartX = 0
+function onTouchStart(e: TouchEvent) { touchStartX = e.touches[0].clientX }
+function onTouchEnd(e: TouchEvent) {
+  if (!props.isTop)
+    return
+  const dx = e.changedTouches[0].clientX - touchStartX
+  if (Math.abs(dx) > THROW_THRESHOLD)
+    throwCard(dx > 0 ? 1 : -1)
+}
+</script>
+
 <style scoped lang="scss">
 .feed-card {
   position: absolute;
@@ -280,7 +295,9 @@ function onTouchEnd(e: TouchEvent) {
     padding: 0;
     transition: background var(--transition-fast);
 
-    &--active { background: rgba(255, 255, 255, 0.9); }
+    &--active {
+      background: rgba(255, 255, 255, 0.9);
+    }
   }
 
   // Drag tint overlays
@@ -336,7 +353,7 @@ function onTouchEnd(e: TouchEvent) {
     left: 0;
     right: 0;
     padding: 80px 20px 80px;
-    background: linear-gradient(0deg, rgba(13,13,13,0.92) 0%, rgba(13,13,13,0.6) 50%, transparent 100%);
+    background: linear-gradient(0deg, rgba(13, 13, 13, 0.92) 0%, rgba(13, 13, 13, 0.6) 50%, transparent 100%);
     pointer-events: none;
   }
 
@@ -389,10 +406,16 @@ function onTouchEnd(e: TouchEvent) {
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    transition: transform var(--transition-fast), opacity var(--transition-fast);
+    transition:
+      transform var(--transition-fast),
+      opacity var(--transition-fast);
 
-    &:hover { transform: scale(1.1); }
-    &:active { transform: scale(0.95); }
+    &:hover {
+      transform: scale(1.1);
+    }
+    &:active {
+      transform: scale(0.95);
+    }
 
     &--like {
       background: var(--color-signal);
diff --git a/src/components/feed/FeedCardStack.vue b/src/components/feed/FeedCardStack.vue
index bf252a7..5baf3e8 100644
--- a/src/components/feed/FeedCardStack.vue
+++ b/src/components/feed/FeedCardStack.vue
@@ -1,63 +1,3 @@
-<script setup lang="ts">
-import { ref, computed, watch, onMounted } from 'vue';
-import { gsap } from 'gsap';
-import { useFeed } from '@/composables/useFeed';
-import { useAuth } from '@/composables/useAuth';
-import { apiClient } from '@/api/client';
-import { useUi } from '@/composables/useUi';
-import FeedCard from './FeedCard.vue';
-import EmptyState from '@/components/common/EmptyState.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-
-const feedStore = useFeed();
-const authStore = useAuth();
-const uiStore = useUi();
-
-const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-
-const visibleCards = computed(() => feedStore.cards.slice(0, 3));
-
-async function handleLike(profileId: string) {
-  const activeProfile = authStore.activeProfile;
-  if (!activeProfile) return;
-  try {
-    await apiClient.api.likesControllerCreateLike({
-      sourceProfileId: activeProfile.id,
-      targetProfileId: profileId,
-      type: 'like',
-    });
-    feedStore.removeCard(profileId);
-    checkRefill();
-  } catch {
-    uiStore.addToast('Не удалось отправить лайк', 'error');
-  }
-}
-
-async function handleDislike(profileId: string) {
-  const activeProfile = authStore.activeProfile;
-  if (!activeProfile) return;
-  try {
-    await apiClient.api.likesControllerCreateLike({
-      sourceProfileId: activeProfile.id,
-      targetProfileId: profileId,
-      type: 'dislike',
-    });
-    feedStore.removeCard(profileId);
-    checkRefill();
-  } catch {
-    feedStore.removeCard(profileId);
-  }
-}
-
-function checkRefill() {
-  const activeProfile = authStore.activeProfile;
-  if (!activeProfile) return;
-  if (feedStore.cards.length < 5 && feedStore.hasMore) {
-    feedStore.fetchNextPage(activeProfile.id);
-  }
-}
-</script>
-
 <template>
   <div class="card-stack">
     <div v-if="feedStore.loading && feedStore.cards.length === 0" class="card-stack__loading">
@@ -72,7 +12,9 @@ function checkRefill() {
     />
 
     <div v-else-if="feedStore.searchPaused" class="card-stack__paused">
-      <p class="meta">Лимит совпадений достигнут</p>
+      <p class="meta">
+        Лимит совпадений достигнут
+      </p>
       <p>Закройте один из открытых чатов, чтобы продолжить поиск.</p>
     </div>
 
@@ -91,6 +33,70 @@ function checkRefill() {
   </div>
 </template>
 
+<script setup lang="ts">
+import { computed } from 'vue'
+import { apiClient } from '@/api/client'
+import EmptyState from '@/components/common/EmptyState.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useFeed } from '@/composables/useFeed'
+import { useUi } from '@/composables/useUi'
+import FeedCard from './FeedCard.vue'
+
+const feedStore = useFeed()
+const authStore = useAuth()
+const uiStore = useUi()
+
+const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches
+
+const visibleCards = computed(() => feedStore.cards.slice(0, 3))
+
+async function handleLike(profileId: string) {
+  const activeProfile = authStore.activeProfile
+  if (!activeProfile)
+    return
+  try {
+    await apiClient.api.likesControllerCreateLike({
+      sourceProfileId: activeProfile.id,
+      targetProfileId: profileId,
+      type: 'like',
+    })
+    feedStore.removeCard(profileId)
+    checkRefill()
+  }
+  catch {
+    uiStore.addToast('Не удалось отправить лайк', 'error')
+  }
+}
+
+async function handleDislike(profileId: string) {
+  const activeProfile = authStore.activeProfile
+  if (!activeProfile)
+    return
+  try {
+    await apiClient.api.likesControllerCreateLike({
+      sourceProfileId: activeProfile.id,
+      targetProfileId: profileId,
+      type: 'dislike',
+    })
+    feedStore.removeCard(profileId)
+    checkRefill()
+  }
+  catch {
+    feedStore.removeCard(profileId)
+  }
+}
+
+function checkRefill() {
+  const activeProfile = authStore.activeProfile
+  if (!activeProfile)
+    return
+  if (feedStore.cards.length < 5 && feedStore.hasMore) {
+    feedStore.fetchNextPage(activeProfile.id)
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .card-stack {
   position: relative;
@@ -123,8 +129,18 @@ function checkRefill() {
 }
 
 // Card transition — next card scales up from behind
-.card-enter-active { transition: all var(--transition-spring); }
-.card-leave-active { transition: all 0.4s ease-in; position: absolute; }
-.card-enter-from { transform: scale(0.93) translateY(20px); opacity: 0; }
-.card-leave-to   { opacity: 0; }
+.card-enter-active {
+  transition: all var(--transition-spring);
+}
+.card-leave-active {
+  transition: all 0.4s ease-in;
+  position: absolute;
+}
+.card-enter-from {
+  transform: scale(0.93) translateY(20px);
+  opacity: 0;
+}
+.card-leave-to {
+  opacity: 0;
+}
 </style>
diff --git a/src/components/feed/FeedFilters.vue b/src/components/feed/FeedFilters.vue
index f65da49..479599b 100644
--- a/src/components/feed/FeedFilters.vue
+++ b/src/components/feed/FeedFilters.vue
@@ -1,96 +1,42 @@
-<script setup lang="ts">
-import { reactive, ref, watch } from 'vue';
-import { useUi } from '@/composables/useUi';
-import { useFeed } from '@/composables/useFeed';
-import { useAuth } from '@/composables/useAuth';
-import { apiClient } from '@/api/client';
-import type { District } from '@/composables/useUi';
-import AppButton from '@/components/common/AppButton.vue';
-import AppDrawer from '@/components/common/AppDrawer.vue';
-
-defineProps<{ open: boolean }>();
-const emit = defineEmits<{ close: [] }>();
-
-const uiStore = useUi();
-const feedStore = useFeed();
-const authStore = useAuth();
-
-const filters = reactive({
-  cityId: '',
-  districtId: '',
-  ageMin: undefined as number | undefined,
-  ageMax: undefined as number | undefined,
-  keyword: '',
-  tagIds: [] as string[],
-});
-
-const districts = ref<District[]>([]);
-
-watch(() => filters.cityId, async (cityId) => {
-  filters.districtId = '';
-  if (!cityId) { districts.value = []; return; }
-  if (uiStore.districts[cityId]) { districts.value = uiStore.districts[cityId]; return; }
-  try {
-    const res = await apiClient.api.citiesControllerFindDistricts(cityId) as unknown as District[];
-    uiStore.setDistricts(cityId, res);
-    districts.value = res;
-  } catch { districts.value = []; }
-});
-
-function toggleTag(tagId: string) {
-  const idx = filters.tagIds.indexOf(tagId);
-  if (idx === -1) filters.tagIds.push(tagId);
-  else filters.tagIds.splice(idx, 1);
-}
-
-function apply() {
-  feedStore.applyFilters({ ...filters });
-  const profileId = authStore.activeProfile?.id;
-  if (profileId) feedStore.fetchNextPage(profileId);
-  emit('close');
-}
-
-function reset() {
-  filters.cityId = '';
-  filters.districtId = '';
-  filters.ageMin = undefined;
-  filters.ageMax = undefined;
-  filters.keyword = '';
-  filters.tagIds = [];
-}
-</script>
-
 <template>
   <AppDrawer :open="open" title="Фильтры" side="right" @close="emit('close')">
     <div class="filters">
       <div class="filters__section">
         <span class="label">Город</span>
         <select v-model="filters.cityId" class="filters__select">
-          <option value="">Любой</option>
-          <option v-for="city in uiStore.cities" :key="city.id" :value="city.id">{{ city.name }}</option>
+          <option value="">
+            Любой
+          </option>
+          <option v-for="city in uiStore.cities" :key="city.id" :value="city.id">
+            {{ city.name }}
+          </option>
         </select>
       </div>
 
       <div v-if="filters.cityId" class="filters__section">
         <span class="label">Район</span>
         <select v-model="filters.districtId" class="filters__select">
-          <option value="">Любой</option>
-          <option v-for="d in districts" :key="d.id" :value="d.id">{{ d.name }}</option>
+          <option value="">
+            Любой
+          </option>
+          <option v-for="d in districts" :key="d.id" :value="d.id">
+            {{ d.name }}
+          </option>
         </select>
       </div>
 
       <div class="filters__section">
         <span class="label">Возраст</span>
         <div class="filters__range">
-          <input v-model.number="filters.ageMin" type="number" class="filters__num" placeholder="от 18" min="18" max="80" />
+          <input v-model.number="filters.ageMin" type="number" class="filters__num" placeholder="от 18" min="18" max="80">
           <span class="filters__dash">—</span>
-          <input v-model.number="filters.ageMax" type="number" class="filters__num" placeholder="до 60" min="18" max="80" />
+          <input v-model.number="filters.ageMax" type="number" class="filters__num" placeholder="до 60" min="18" max="80">
         </div>
       </div>
 
       <div class="filters__section">
         <span class="label">Ключевое слово</span>
-        <input v-model="filters.keyword" type="text" class="filters__input" placeholder="Имя, описание..." />
+        <input v-model="filters.keyword" type="text" class="filters__input" placeholder="Имя, описание...">
       </div>
 
       <div class="filters__section">
@@ -103,18 +49,89 @@ function reset() {
             class="filters__tag"
             :class="{ 'filters__tag--active': filters.tagIds.includes(tag.id) }"
             @click="toggleTag(tag.id)"
-          >{{ tag.value }}</button>
+          >
+            {{ tag.value }}
+          </button>
         </div>
       </div>
 
       <div class="filters__actions">
-        <AppButton variant="ghost" @click="reset">Сбросить</AppButton>
-        <AppButton variant="primary" @click="apply">Применить</AppButton>
+        <AppButton variant="ghost" @click="reset">
+          Сбросить
+        </AppButton>
+        <AppButton variant="primary" @click="apply">
+          Применить
+        </AppButton>
       </div>
     </div>
   </AppDrawer>
 </template>
 
+<script setup lang="ts">
+import type { District } from '@/composables/useUi'
+import { reactive, ref, watch } from 'vue'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import AppDrawer from '@/components/common/AppDrawer.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useFeed } from '@/composables/useFeed'
+import { useUi } from '@/composables/useUi'
+
+defineProps<{ open: boolean }>()
+const emit = defineEmits<{ close: [] }>()
+
+const uiStore = useUi()
+const feedStore = useFeed()
+const authStore = useAuth()
+
+const filters = reactive({
+  cityId: '',
+  districtId: '',
+  ageMin: undefined as number | undefined,
+  ageMax: undefined as number | undefined,
+  keyword: '',
+  tagIds: [] as string[],
+})
+
+const districts = ref<District[]>([])
+
+watch(() => filters.cityId, async (cityId) => {
+  filters.districtId = ''
+  if (!cityId) { districts.value = []; return }
+  if (uiStore.districts[cityId]) { districts.value = uiStore.districts[cityId]; return }
+  try {
+    const res = await apiClient.api.citiesControllerFindDistricts(cityId) as unknown as District[]
+    uiStore.setDistricts(cityId, res)
+    districts.value = res
+  }
+  catch { districts.value = [] }
+})
+
+function toggleTag(tagId: string) {
+  const idx = filters.tagIds.indexOf(tagId)
+  if (idx === -1)
+    filters.tagIds.push(tagId)
+  else filters.tagIds.splice(idx, 1)
+}
+
+function apply() {
+  feedStore.applyFilters({ ...filters })
+  const profileId = authStore.activeProfile?.id
+  if (profileId)
+    feedStore.fetchNextPage(profileId)
+  emit('close')
+}
+
+function reset() {
+  filters.cityId = ''
+  filters.districtId = ''
+  filters.ageMin = undefined
+  filters.ageMax = undefined
+  filters.keyword = ''
+  filters.tagIds = []
+}
+</script>
+
 <style scoped lang="scss">
 .filters {
   display: flex;
@@ -140,10 +157,15 @@ function reset() {
     outline: none;
     transition: border-color var(--transition-fast);
 
-    &:focus { border-color: var(--color-signal); }
+    &:focus {
+      border-color: var(--color-signal);
+    }
   }
 
-  &__select { appearance: none; cursor: pointer; }
+  &__select {
+    appearance: none;
+    cursor: pointer;
+  }
 
   &__range {
     display: flex;
@@ -165,7 +187,9 @@ function reset() {
     text-align: center;
     transition: border-color var(--transition-fast);
 
-    &:focus { border-color: var(--color-signal); }
+    &:focus {
+      border-color: var(--color-signal);
+    }
   }
 
   &__dash {
diff --git a/src/components/feed/ProfileBadge.vue b/src/components/feed/ProfileBadge.vue
index f89fbe5..39bcd7b 100644
--- a/src/components/feed/ProfileBadge.vue
+++ b/src/components/feed/ProfileBadge.vue
@@ -1,11 +1,11 @@
-<script setup lang="ts">
-defineProps<{ label: string; variant?: 'default' | 'signal' }>();
-</script>
-
 <template>
   <span class="badge" :class="`badge--${variant ?? 'default'}`">{{ label }}</span>
 </template>
 
+<script setup lang="ts">
+defineProps<{ label: string, variant?: 'default' | 'signal' }>()
+</script>
+
 <style scoped lang="scss">
 .badge {
   display: inline-flex;
diff --git a/src/components/layout/AppShell.vue b/src/components/layout/AppShell.vue
index 0a41873..1c3e490 100644
--- a/src/components/layout/AppShell.vue
+++ b/src/components/layout/AppShell.vue
@@ -1,23 +1,3 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-import TauriTitlebar from './TauriTitlebar.vue';
-import SideNav from './SideNav.vue';
-import BottomNav from './BottomNav.vue';
-import { useAuth } from '@/composables/useAuth';
-
-const route = useRoute();
-const authStore = useAuth();
-
-const isTauri = typeof window !== 'undefined' && !!window.__TAURI__;
-
-// Hide nav on auth/onboarding routes
-const showNav = computed(() =>
-  authStore.isAuthenticated &&
-  !['login', 'register', 'setup'].includes(route.name as string),
-);
-</script>
-
 <template>
   <div class="shell" :class="{ 'shell--tauri': isTauri }">
     <!-- Grain texture overlay (fixed, pointer-events none) -->
@@ -41,6 +21,26 @@ const showNav = computed(() =>
   </div>
 </template>
 
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import { useAuth } from '@/composables/useAuth'
+import BottomNav from './BottomNav.vue'
+import SideNav from './SideNav.vue'
+import TauriTitlebar from './TauriTitlebar.vue'
+
+const route = useRoute()
+const authStore = useAuth()
+
+const isTauri = typeof window !== 'undefined' && !!window.__TAURI__
+
+// Hide nav on auth/onboarding routes
+const showNav = computed(() =>
+  authStore.isAuthenticated
+  && !['login', 'register', 'setup'].includes(route.name as string),
+)
+</script>
+
 <style scoped lang="scss">
 .shell {
   height: 100dvh;
diff --git a/src/components/layout/BottomNav.vue b/src/components/layout/BottomNav.vue
index cb0ed2b..baa5597 100644
--- a/src/components/layout/BottomNav.vue
+++ b/src/components/layout/BottomNav.vue
@@ -1,22 +1,3 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-
-const route = useRoute();
-
-const navItems = [
-  { path: '/feed',       label: 'Лента',      icon: 'grid' },
-  { path: '/matches',    label: 'Совпадения', icon: 'heart' },
-  { path: '/chats',      label: 'Чаты',       icon: 'chat' },
-  { path: '/dates',      label: 'Встречи',    icon: 'calendar' },
-  { path: '/profile/me', label: 'Профиль',    icon: 'person' },
-];
-
-function isActive(path: string) {
-  return route.path.startsWith(path);
-}
-</script>
-
 <template>
   <nav class="bottom-nav" aria-label="Навигация">
     <RouterLink
@@ -36,6 +17,24 @@ function isActive(path: string) {
   </nav>
 </template>
 
+<script setup lang="ts">
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+
+const navItems = [
+  { path: '/feed', label: 'Лента', icon: 'grid' },
+  { path: '/matches', label: 'Совпадения', icon: 'heart' },
+  { path: '/chats', label: 'Чаты', icon: 'chat' },
+  { path: '/dates', label: 'Встречи', icon: 'calendar' },
+  { path: '/profile/me', label: 'Профиль', icon: 'person' },
+]
+
+function isActive(path: string) {
+  return route.path.startsWith(path)
+}
+</script>
+
 <script lang="ts">
 const BottomNavIcon = {
   props: { name: String },
@@ -48,7 +47,7 @@ const BottomNavIcon = {
       <path v-if="name==='person'"   d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
     </svg>
   `,
-};
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/src/components/layout/SideNav.vue b/src/components/layout/SideNav.vue
index 97d6aa8..cc96d3b 100644
--- a/src/components/layout/SideNav.vue
+++ b/src/components/layout/SideNav.vue
@@ -1,46 +1,3 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-
-const route = useRoute();
-const authStore = useAuth();
-const uiStore = useUi();
-
-interface NavItem {
-  name: string;
-  path: string;
-  label: string;
-  icon: string;
-  adminOnly?: boolean;
-}
-
-const navItems: NavItem[] = [
-  { name: 'feed',     path: '/feed',         label: 'Лента',     icon: 'grid' },
-  { name: 'matches',  path: '/matches',      label: 'Совпадения', icon: 'heart' },
-  { name: 'chats',    path: '/chats',        label: 'Чаты',      icon: 'chat' },
-  { name: 'dates',    path: '/dates',        label: 'Встречи',   icon: 'calendar' },
-  { name: 'profile',  path: '/profile/me',   label: 'Профиль',   icon: 'person' },
-];
-
-const adminItems: NavItem[] = [
-  { name: 'admin', path: '/admin/reports', label: 'Жалобы', icon: 'flag', adminOnly: true },
-];
-
-const visibleItems = computed(() =>
-  authStore.isAdmin ? [...navItems, ...adminItems] : navItems,
-);
-
-function isActive(path: string) {
-  return route.path.startsWith(path) && path !== '/';
-}
-
-function toggle() {
-  uiStore.setSidebarExpanded(!uiStore.sidebarExpanded);
-}
-</script>
-
 <template>
   <nav
     class="sidenav"
@@ -76,8 +33,8 @@ function toggle() {
     <div class="sidenav__footer">
       <button
         class="sidenav__toggle"
-        @click="toggle"
         :aria-label="uiStore.sidebarExpanded ? 'Свернуть меню' : 'Развернуть меню'"
+        @click="toggle"
       >
         <span class="sidenav__icon">
           <NavIcon :name="uiStore.sidebarExpanded ? 'chevron-left' : 'chevron-right'" />
@@ -87,6 +44,49 @@ function toggle() {
   </nav>
 </template>
 
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+const route = useRoute()
+const authStore = useAuth()
+const uiStore = useUi()
+
+interface NavItem {
+  name: string
+  path: string
+  label: string
+  icon: string
+  adminOnly?: boolean
+}
+
+const navItems: NavItem[] = [
+  { name: 'feed', path: '/feed', label: 'Лента', icon: 'grid' },
+  { name: 'matches', path: '/matches', label: 'Совпадения', icon: 'heart' },
+  { name: 'chats', path: '/chats', label: 'Чаты', icon: 'chat' },
+  { name: 'dates', path: '/dates', label: 'Встречи', icon: 'calendar' },
+  { name: 'profile', path: '/profile/me', label: 'Профиль', icon: 'person' },
+]
+
+const adminItems: NavItem[] = [
+  { name: 'admin', path: '/admin/reports', label: 'Жалобы', icon: 'flag', adminOnly: true },
+]
+
+const visibleItems = computed(() =>
+  authStore.isAdmin ? [...navItems, ...adminItems] : navItems,
+)
+
+function isActive(path: string) {
+  return route.path.startsWith(path) && path !== '/'
+}
+
+function toggle() {
+  uiStore.setSidebarExpanded(!uiStore.sidebarExpanded)
+}
+</script>
+
 <script lang="ts">
 // Inline icon renderer to avoid external icon library dependency
 const NavIcon = {
@@ -103,7 +103,7 @@ const NavIcon = {
       <path v-if="name==='chevron-left'"  d="M15 18l-6-6 6-6"/>
     </svg>
   `,
-};
+}
 </script>
 
 <style scoped lang="scss">
@@ -165,7 +165,9 @@ const NavIcon = {
     padding: 0 18px;
     color: var(--color-muted);
     text-decoration: none;
-    transition: color var(--transition-fast), background var(--transition-fast);
+    transition:
+      color var(--transition-fast),
+      background var(--transition-fast);
     white-space: nowrap;
 
     &:hover {
@@ -220,7 +222,9 @@ const NavIcon = {
     cursor: pointer;
     transition: color var(--transition-fast);
 
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
   }
 }
 
diff --git a/src/components/layout/TauriTitlebar.vue b/src/components/layout/TauriTitlebar.vue
index 7d43321..63b4f82 100644
--- a/src/components/layout/TauriTitlebar.vue
+++ b/src/components/layout/TauriTitlebar.vue
@@ -1,30 +1,3 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-const isTauri = typeof window !== 'undefined' && !!window.__TAURI__;
-
-async function minimize() {
-  if (!isTauri) return;
-  const { getCurrentWindow } = await import('@tauri-apps/api/window');
-  await getCurrentWindow().minimize();
-}
-
-async function maximize() {
-  if (!isTauri) return;
-  const { getCurrentWindow } = await import('@tauri-apps/api/window');
-  const win = getCurrentWindow();
-  const isMax = await win.isMaximized();
-  if (isMax) await win.unmaximize();
-  else await win.maximize();
-}
-
-async function closeWindow() {
-  if (!isTauri) return;
-  const { getCurrentWindow } = await import('@tauri-apps/api/window');
-  await getCurrentWindow().close();
-}
-</script>
-
 <template>
   <div
     v-if="isTauri"
@@ -33,13 +6,42 @@ async function closeWindow() {
   >
     <span class="titlebar__brand">Dating</span>
     <div class="titlebar__controls">
-      <button class="titlebar__btn titlebar__btn--minimize" @click="minimize" aria-label="Свернуть" />
-      <button class="titlebar__btn titlebar__btn--maximize" @click="maximize" aria-label="Развернуть" />
-      <button class="titlebar__btn titlebar__btn--close"    @click="closeWindow"   aria-label="Закрыть" />
+      <button class="titlebar__btn titlebar__btn--minimize" aria-label="Свернуть" @click="minimize" />
+      <button class="titlebar__btn titlebar__btn--maximize" aria-label="Развернуть" @click="maximize" />
+      <button class="titlebar__btn titlebar__btn--close" aria-label="Закрыть" @click="closeWindow" />
     </div>
   </div>
 </template>
 
+<script setup lang="ts">
+const isTauri = typeof window !== 'undefined' && !!window.__TAURI__
+
+async function minimize() {
+  if (!isTauri)
+    return
+  const { getCurrentWindow } = await import('@tauri-apps/api/window')
+  await getCurrentWindow().minimize()
+}
+
+async function maximize() {
+  if (!isTauri)
+    return
+  const { getCurrentWindow } = await import('@tauri-apps/api/window')
+  const win = getCurrentWindow()
+  const isMax = await win.isMaximized()
+  if (isMax)
+    await win.unmaximize()
+  else await win.maximize()
+}
+
+async function closeWindow() {
+  if (!isTauri)
+    return
+  const { getCurrentWindow } = await import('@tauri-apps/api/window')
+  await getCurrentWindow().close()
+}
+</script>
+
 <style scoped lang="scss">
 .titlebar {
   height: var(--titlebar-height);
@@ -75,11 +77,19 @@ async function closeWindow() {
     transition: opacity var(--transition-fast);
     padding: 0;
 
-    &--minimize { background: #f5a623; }
-    &--maximize { background: #7ed321; }
-    &--close    { background: #d0021b; }
+    &--minimize {
+      background: #f5a623;
+    }
+    &--maximize {
+      background: #7ed321;
+    }
+    &--close {
+      background: #d0021b;
+    }
 
-    &:hover { opacity: 0.8; }
+    &:hover {
+      opacity: 0.8;
+    }
     &:focus-visible {
       outline: 2px solid var(--color-signal);
       outline-offset: 2px;
diff --git a/src/components/profile/MediaGallery.vue b/src/components/profile/MediaGallery.vue
index a1b11a0..86f51e5 100644
--- a/src/components/profile/MediaGallery.vue
+++ b/src/components/profile/MediaGallery.vue
@@ -1,85 +1,3 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-
-interface MediaItem {
-  id: string;
-  url: string;
-  type: string;
-}
-
-const props = defineProps<{ profileId: string; editable?: boolean }>();
-const emit = defineEmits<{ updated: [] }>();
-
-const uiStore = useUi();
-const items = ref<MediaItem[]>([]);
-const loading = ref(false);
-const uploading = ref(false);
-const fileInput = ref<HTMLInputElement | null>(null);
-const lightboxUrl = ref<string | null>(null);
-
-async function loadMedia() {
-  loading.value = true;
-  try {
-    const res = await apiClient.api.mediaControllerGetMedia(props.profileId) as unknown as MediaItem[];
-    items.value = res;
-  } catch { /* ignore */ }
-  finally { loading.value = false; }
-}
-
-loadMedia();
-
-const isTauri = typeof window !== 'undefined' && !!window.__TAURI__;
-
-async function upload() {
-  if (isTauri) {
-    try {
-      const { open } = await import('@tauri-apps/plugin-dialog');
-      const result = await open({ filters: [{ name: 'Изображения', extensions: ['jpg', 'jpeg', 'png', 'webp'] }] });
-      if (typeof result === 'string') {
-        await doUpload(null, result);
-      }
-    } catch { /* cancelled */ }
-  } else {
-    fileInput.value?.click();
-  }
-}
-
-async function onFileChange(e: Event) {
-  const file = (e.target as HTMLInputElement).files?.[0];
-  if (!file) return;
-  await doUpload(file);
-  if (fileInput.value) fileInput.value.value = '';
-}
-
-async function doUpload(file: File | null, tauriPath?: string) {
-  uploading.value = true;
-  try {
-    // API expects multipart/form-data with the file; we pass query type=photo
-    await apiClient.api.mediaControllerUpload({ profileId: props.profileId, type: 'photo' });
-    uiStore.addToast('Фото загружено', 'success');
-    await loadMedia();
-    emit('updated');
-  } catch {
-    uiStore.addToast('Не удалось загрузить фото', 'error');
-  } finally {
-    uploading.value = false;
-  }
-}
-
-async function deleteMedia(mediaId: string) {
-  try {
-    await apiClient.api.mediaControllerDeleteMedia(mediaId, props.profileId);
-    items.value = items.value.filter((i) => i.id !== mediaId);
-    emit('updated');
-    uiStore.addToast('Фото удалено', 'success');
-  } catch {
-    uiStore.addToast('Не удалось удалить фото', 'error');
-  }
-}
-</script>
-
 <template>
   <div class="gallery">
     <div class="gallery__grid">
@@ -88,11 +6,11 @@ async function deleteMedia(mediaId: string) {
         v-if="editable"
         class="gallery__upload"
         :disabled="uploading"
-        @click="upload"
         aria-label="Добавить фото"
+        @click="upload"
       >
         <svg v-if="!uploading" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="24" height="24">
-          <path d="M12 5v14M5 12h14"/>
+          <path d="M12 5v14M5 12h14" />
         </svg>
         <div v-else class="gallery__spinner" />
       </button>
@@ -109,33 +27,123 @@ async function deleteMedia(mediaId: string) {
           alt="Медиа"
           loading="lazy"
           @click="lightboxUrl = item.url"
-        />
+        >
         <button
           v-if="editable"
           class="gallery__delete"
-          @click.stop="deleteMedia(item.id)"
           aria-label="Удалить фото"
+          @click.stop="deleteMedia(item.id)"
         >
           <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" width="12" height="12">
-            <path d="M12 4L4 12M4 4l8 8"/>
+            <path d="M12 4L4 12M4 4l8 8" />
           </svg>
         </button>
       </div>
     </div>
 
-    <input ref="fileInput" type="file" accept="image/*" class="sr-only" @change="onFileChange" />
+    <input ref="fileInput" type="file" accept="image/*" class="sr-only" @change="onFileChange">
 
     <!-- Lightbox -->
     <Teleport to="body">
       <Transition name="fade">
         <div v-if="lightboxUrl" class="lightbox" @click="lightboxUrl = null">
-          <img :src="lightboxUrl" class="lightbox__img" alt="Фото" />
+          <img :src="lightboxUrl" class="lightbox__img" alt="Фото">
         </div>
       </Transition>
     </Teleport>
   </div>
 </template>
 
+<script setup lang="ts">
+import { ref } from 'vue'
+import { apiClient } from '@/api/client'
+import { useUi } from '@/composables/useUi'
+
+interface MediaItem {
+  id: string
+  url: string
+  type: string
+}
+
+const props = defineProps<{ profileId: string, editable?: boolean }>()
+const emit = defineEmits<{ updated: [] }>()
+
+const uiStore = useUi()
+const items = ref<MediaItem[]>([])
+const loading = ref(false)
+const uploading = ref(false)
+const fileInput = ref<HTMLInputElement | null>(null)
+const lightboxUrl = ref<string | null>(null)
+
+async function loadMedia() {
+  loading.value = true
+  try {
+    const res = await apiClient.api.mediaControllerGetMedia(props.profileId) as unknown as MediaItem[]
+    items.value = res
+  }
+  catch { /* ignore */ }
+  finally { loading.value = false }
+}
+
+loadMedia()
+
+const isTauri = typeof window !== 'undefined' && !!window.__TAURI__
+
+async function upload() {
+  if (isTauri) {
+    try {
+      const { open } = await import('@tauri-apps/plugin-dialog')
+      const result = await open({ filters: [{ name: 'Изображения', extensions: ['jpg', 'jpeg', 'png', 'webp'] }] })
+      if (typeof result === 'string') {
+        await doUpload(null, result)
+      }
+    }
+    catch { /* cancelled */ }
+  }
+  else {
+    fileInput.value?.click()
+  }
+}
+
+async function onFileChange(e: Event) {
+  const file = (e.target as HTMLInputElement).files?.[0]
+  if (!file)
+    return
+  await doUpload(file)
+  if (fileInput.value)
+    fileInput.value.value = ''
+}
+
+async function doUpload(file: File | null, tauriPath?: string) {
+  uploading.value = true
+  try {
+    // API expects multipart/form-data with the file; we pass query type=photo
+    await apiClient.api.mediaControllerUpload({ profileId: props.profileId, type: 'photo' })
+    uiStore.addToast('Фото загружено', 'success')
+    await loadMedia()
+    emit('updated')
+  }
+  catch {
+    uiStore.addToast('Не удалось загрузить фото', 'error')
+  }
+  finally {
+    uploading.value = false
+  }
+}
+
+async function deleteMedia(mediaId: string) {
+  try {
+    await apiClient.api.mediaControllerDeleteMedia(mediaId, props.profileId)
+    items.value = items.value.filter(i => i.id !== mediaId)
+    emit('updated')
+    uiStore.addToast('Фото удалено', 'success')
+  }
+  catch {
+    uiStore.addToast('Не удалось удалить фото', 'error')
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .gallery {
   &__grid {
@@ -155,7 +163,9 @@ async function deleteMedia(mediaId: string) {
     overflow: hidden;
     background: var(--color-surface-2);
 
-    &:hover .gallery__delete { opacity: 1; }
+    &:hover .gallery__delete {
+      opacity: 1;
+    }
   }
 
   &__img {
@@ -165,7 +175,9 @@ async function deleteMedia(mediaId: string) {
     cursor: pointer;
     transition: transform var(--transition-fast);
 
-    &:hover { transform: scale(1.04); }
+    &:hover {
+      transform: scale(1.04);
+    }
   }
 
   &__delete {
@@ -183,9 +195,13 @@ async function deleteMedia(mediaId: string) {
     align-items: center;
     justify-content: center;
     opacity: 0;
-    transition: opacity var(--transition-fast), background var(--transition-fast);
+    transition:
+      opacity var(--transition-fast),
+      background var(--transition-fast);
 
-    &:hover { background: var(--color-signal); }
+    &:hover {
+      background: var(--color-signal);
+    }
   }
 
   &__upload {
@@ -205,7 +221,10 @@ async function deleteMedia(mediaId: string) {
       color: var(--color-cream);
     }
 
-    &:disabled { opacity: 0.5; cursor: not-allowed; }
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
   }
 
   &__spinner {
@@ -236,8 +255,18 @@ async function deleteMedia(mediaId: string) {
   }
 }
 
-.fade-enter-active, .fade-leave-active { transition: opacity var(--transition-base); }
-.fade-enter-from, .fade-leave-to       { opacity: 0; }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity var(--transition-base);
+}
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
 
-@keyframes spin { to { transform: rotate(360deg); } }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 </style>
diff --git a/src/components/profile/ProfileEditor.vue b/src/components/profile/ProfileEditor.vue
index e99da87..1e96709 100644
--- a/src/components/profile/ProfileEditor.vue
+++ b/src/components/profile/ProfileEditor.vue
@@ -1,81 +1,5 @@
-<script setup lang="ts">
-import { reactive, watch, ref } from 'vue';
-import { useVuelidate } from '@vuelidate/core';
-import { required, helpers } from '@vuelidate/validators';
-import { useUi } from '@/composables/useUi';
-import { useAuth } from '@/composables/useAuth';
-import { useProfile } from '@/composables/useProfile';
-import { apiClient } from '@/api/client';
-import type { UserProfile } from '@/composables/useAuth';
-import type { District } from '@/composables/useUi';
-import AppInput from '@/components/common/AppInput.vue';
-import AppButton from '@/components/common/AppButton.vue';
-
-const props = defineProps<{ profile: UserProfile }>();
-const emit = defineEmits<{ saved: [UserProfile]; cancel: [] }>();
-
-const uiStore = useUi();
-const authStore = useAuth();
-const profileStore = useProfile();
-
-const form = reactive({
-  name: props.profile.name,
-  birthDate: props.profile.birthDate,
-  gender: props.profile.gender ?? 'female',
-  cityId: props.profile.cityId ?? '',
-  districtId: props.profile.districtId ?? '',
-  description: props.profile.description ?? '',
-  nation: props.profile.nation ?? '',
-  height: props.profile.height ?? undefined as number | undefined,
-  weight: props.profile.weight ?? undefined as number | undefined,
-  tagIds: props.profile.tags?.map((t) => t.id) ?? [],
-});
-
-const districts = ref<District[]>([]);
-
-watch(() => form.cityId, async (cityId) => {
-  if (!cityId) { districts.value = []; return; }
-  if (uiStore.districts[cityId]) { districts.value = uiStore.districts[cityId]; return; }
-  try {
-    const res = await apiClient.api.citiesControllerFindDistricts(cityId) as unknown as District[];
-    uiStore.setDistricts(cityId, res);
-    districts.value = res;
-  } catch { /* ignore */ }
-}, { immediate: true });
-
-const rules = {
-  name:      { required: helpers.withMessage('Введите имя', required) },
-  birthDate: { required: helpers.withMessage('Введите дату рождения', required) },
-};
-
-const v$ = useVuelidate(rules, form);
-const loading = ref(false);
-
-function toggleTag(tagId: string) {
-  const idx = form.tagIds.indexOf(tagId);
-  if (idx === -1) form.tagIds.push(tagId);
-  else form.tagIds.splice(idx, 1);
-}
-
-async function save() {
-  const valid = await v$.value.$validate();
-  if (!valid) return;
-  loading.value = true;
-  try {
-    const updated = await profileStore.updateProfile(props.profile.id, form);
-    authStore.updateProfile(updated);
-    uiStore.addToast('Профиль сохранён', 'success');
-    emit('saved', updated);
-  } catch {
-    uiStore.addToast('Не удалось сохранить профиль', 'error');
-  } finally {
-    loading.value = false;
-  }
-}
-</script>
-
 <template>
-  <form class="profile-editor" @submit.prevent="save" novalidate>
+  <form class="profile-editor" novalidate @submit.prevent="save">
     <AppInput
       v-model="form.name"
       label="Имя"
@@ -97,24 +21,36 @@ async function save() {
     <div class="profile-editor__field">
       <span class="label">Пол</span>
       <div class="profile-editor__gender">
-        <button type="button" class="profile-editor__gender-btn" :class="{ active: form.gender === 'female' }" @click="form.gender = 'female'">Женщина</button>
-        <button type="button" class="profile-editor__gender-btn" :class="{ active: form.gender === 'male' }" @click="form.gender = 'male'">Мужчина</button>
+        <button type="button" class="profile-editor__gender-btn" :class="{ active: form.gender === 'female' }" @click="form.gender = 'female'">
+          Женщина
+        </button>
+        <button type="button" class="profile-editor__gender-btn" :class="{ active: form.gender === 'male' }" @click="form.gender = 'male'">
+          Мужчина
+        </button>
       </div>
     </div>
 
     <div class="profile-editor__field">
       <label class="label" for="city">Город</label>
       <select id="city" v-model="form.cityId" class="profile-editor__select">
-        <option value="">Не указан</option>
-        <option v-for="c in uiStore.cities" :key="c.id" :value="c.id">{{ c.name }}</option>
+        <option value="">
+          Не указан
+        </option>
+        <option v-for="c in uiStore.cities" :key="c.id" :value="c.id">
+          {{ c.name }}
+        </option>
       </select>
     </div>
 
     <div v-if="form.cityId" class="profile-editor__field">
       <label class="label" for="district">Район</label>
       <select id="district" v-model="form.districtId" class="profile-editor__select">
-        <option value="">Не указан</option>
-        <option v-for="d in districts" :key="d.id" :value="d.id">{{ d.name }}</option>
+        <option value="">
+          Не указан
+        </option>
+        <option v-for="d in districts" :key="d.id" :value="d.id">
+          {{ d.name }}
+        </option>
       </select>
     </div>
 
@@ -123,7 +59,7 @@ async function save() {
 
     <div class="profile-editor__row">
       <AppInput v-model.number="(form.height as unknown as string)" label="Рост (см)" type="number" name="height" placeholder="170" />
-      <AppInput v-model.number="(form.weight as unknown as string)" label="Вес (кг)"  type="number" name="weight" placeholder="60" />
+      <AppInput v-model.number="(form.weight as unknown as string)" label="Вес (кг)" type="number" name="weight" placeholder="60" />
     </div>
 
     <div class="profile-editor__field">
@@ -136,17 +72,104 @@ async function save() {
           class="profile-editor__tag"
           :class="{ 'profile-editor__tag--active': form.tagIds.includes(tag.id) }"
           @click="toggleTag(tag.id)"
-        >{{ tag.value }}</button>
+        >
+          {{ tag.value }}
+        </button>
       </div>
     </div>
 
     <div class="profile-editor__actions">
-      <AppButton type="button" variant="ghost" @click="emit('cancel')">Отмена</AppButton>
-      <AppButton type="submit" :loading="loading">Сохранить</AppButton>
+      <AppButton type="button" variant="ghost" @click="emit('cancel')">
+        Отмена
+      </AppButton>
+      <AppButton type="submit" :loading="loading">
+        Сохранить
+      </AppButton>
     </div>
   </form>
 </template>
 
+<script setup lang="ts">
+import type { UserProfile } from '@/composables/useAuth'
+import type { District } from '@/composables/useUi'
+import { useVuelidate } from '@vuelidate/core'
+import { helpers, required } from '@vuelidate/validators'
+import { reactive, ref, watch } from 'vue'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import AppInput from '@/components/common/AppInput.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useProfile } from '@/composables/useProfile'
+import { useUi } from '@/composables/useUi'
+
+const props = defineProps<{ profile: UserProfile }>()
+const emit = defineEmits<{ saved: [UserProfile], cancel: [] }>()
+
+const uiStore = useUi()
+const authStore = useAuth()
+const profileStore = useProfile()
+
+const form = reactive({
+  name: props.profile.name,
+  birthDate: props.profile.birthDate,
+  gender: props.profile.gender ?? 'female',
+  cityId: props.profile.cityId ?? '',
+  districtId: props.profile.districtId ?? '',
+  description: props.profile.description ?? '',
+  nation: props.profile.nation ?? '',
+  height: props.profile.height ?? undefined as number | undefined,
+  weight: props.profile.weight ?? undefined as number | undefined,
+  tagIds: props.profile.tags?.map(t => t.id) ?? [],
+})
+
+const districts = ref<District[]>([])
+
+watch(() => form.cityId, async (cityId) => {
+  if (!cityId) { districts.value = []; return }
+  if (uiStore.districts[cityId]) { districts.value = uiStore.districts[cityId]; return }
+  try {
+    const res = await apiClient.api.citiesControllerFindDistricts(cityId) as unknown as District[]
+    uiStore.setDistricts(cityId, res)
+    districts.value = res
+  }
+  catch { /* ignore */ }
+}, { immediate: true })
+
+const rules = {
+  name: { required: helpers.withMessage('Введите имя', required) },
+  birthDate: { required: helpers.withMessage('Введите дату рождения', required) },
+}
+
+const v$ = useVuelidate(rules, form)
+const loading = ref(false)
+
+function toggleTag(tagId: string) {
+  const idx = form.tagIds.indexOf(tagId)
+  if (idx === -1)
+    form.tagIds.push(tagId)
+  else form.tagIds.splice(idx, 1)
+}
+
+async function save() {
+  const valid = await v$.value.$validate()
+  if (!valid)
+    return
+  loading.value = true
+  try {
+    const updated = await profileStore.updateProfile(props.profile.id, form)
+    authStore.updateProfile(updated)
+    uiStore.addToast('Профиль сохранён', 'success')
+    emit('saved', updated)
+  }
+  catch {
+    uiStore.addToast('Не удалось сохранить профиль', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .profile-editor {
   display: flex;
@@ -163,7 +186,8 @@ async function save() {
     display: flex;
     gap: 8px;
 
-    &-btn, .profile-editor__gender-btn {
+    &-btn,
+    .profile-editor__gender-btn {
       flex: 1;
       height: 40px;
       background: var(--color-surface-2);
@@ -196,7 +220,9 @@ async function save() {
     appearance: none;
     transition: border-color var(--transition-fast);
 
-    &:focus { border-color: var(--color-signal); }
+    &:focus {
+      border-color: var(--color-signal);
+    }
   }
 
   &__row {
diff --git a/src/components/reports/ReportModal.vue b/src/components/reports/ReportModal.vue
index 27561f8..caa23e4 100644
--- a/src/components/reports/ReportModal.vue
+++ b/src/components/reports/ReportModal.vue
@@ -1,51 +1,9 @@
-<script setup lang="ts">
-import { reactive, ref } from 'vue';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import AppModal from '@/components/common/AppModal.vue';
-import AppButton from '@/components/common/AppButton.vue';
-
-const props = defineProps<{
-  open: boolean;
-  entityId: string;
-  entityType: 'profile' | 'message';
-}>();
-
-const emit = defineEmits<{ close: [] }>();
-
-const authStore = useAuth();
-const uiStore = useUi();
-
-const form = reactive({ description: '' });
-const loading = ref(false);
-
-async function submit() {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  loading.value = true;
-  try {
-    await apiClient.api.reportsControllerCreate({
-      sourceProfileId: profileId,
-      entityId: props.entityId,
-      entityType: props.entityType,
-      description: form.description || undefined,
-    });
-    uiStore.addToast('Жалоба отправлена', 'success');
-    form.description = '';
-    emit('close');
-  } catch {
-    uiStore.addToast('Не удалось отправить жалобу', 'error');
-  } finally {
-    loading.value = false;
-  }
-}
-</script>
-
 <template>
   <AppModal :open="open" title="Пожаловаться" size="sm" @close="emit('close')">
     <form class="report-form" @submit.prevent="submit">
-      <p class="report-form__label label">Опишите причину жалобы (необязательно)</p>
+      <p class="report-form__label label">
+        Опишите причину жалобы (необязательно)
+      </p>
       <textarea
         v-model="form.description"
         class="report-form__textarea"
@@ -54,19 +12,72 @@ async function submit() {
       />
     </form>
     <template #footer>
-      <AppButton variant="ghost" @click="emit('close')">Отмена</AppButton>
-      <AppButton variant="danger" :loading="loading" @click="submit">Отправить жалобу</AppButton>
+      <AppButton variant="ghost" @click="emit('close')">
+        Отмена
+      </AppButton>
+      <AppButton variant="danger" :loading="loading" @click="submit">
+        Отправить жалобу
+      </AppButton>
     </template>
   </AppModal>
 </template>
 
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import AppModal from '@/components/common/AppModal.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+const props = defineProps<{
+  open: boolean
+  entityId: string
+  entityType: 'profile' | 'message'
+}>()
+
+const emit = defineEmits<{ close: [] }>()
+
+const authStore = useAuth()
+const uiStore = useUi()
+
+const form = reactive({ description: '' })
+const loading = ref(false)
+
+async function submit() {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  loading.value = true
+  try {
+    await apiClient.api.reportsControllerCreate({
+      sourceProfileId: profileId,
+      entityId: props.entityId,
+      entityType: props.entityType,
+      description: form.description || undefined,
+    })
+    uiStore.addToast('Жалоба отправлена', 'success')
+    form.description = ''
+    emit('close')
+  }
+  catch {
+    uiStore.addToast('Не удалось отправить жалобу', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .report-form {
   display: flex;
   flex-direction: column;
   gap: 8px;
 
-  &__label { color: var(--color-muted); }
+  &__label {
+    color: var(--color-muted);
+  }
 
   &__textarea {
     width: 100%;
@@ -82,8 +93,12 @@ async function submit() {
     outline: none;
     transition: border-color var(--transition-fast);
 
-    &::placeholder { color: var(--color-muted); }
-    &:focus { border-color: var(--color-border-strong); }
+    &::placeholder {
+      color: var(--color-muted);
+    }
+    &:focus {
+      border-color: var(--color-border-strong);
+    }
   }
 }
 </style>
diff --git a/src/composables/useAuth.ts b/src/composables/useAuth.ts
index 6a49cb8..1422df8 100644
--- a/src/composables/useAuth.ts
+++ b/src/composables/useAuth.ts
@@ -1,110 +1,112 @@
-import { ref, computed, reactive } from 'vue';
-import { apiClient, _setAccessToken, _clearAuth } from '@/api/client';
-import type { LoginDto, RegisterDto, TagDto, MediaItemDto } from '@/api/api';
+import type { LoginDto, MediaItemDto, RegisterDto, TagDto } from '@/api/api'
+import { computed, reactive, ref } from 'vue'
+import { _clearAuth, _setAccessToken, apiClient } from '@/api/client'
 
 export interface UserProfile {
-  id: string;
-  userId: string;
-  name: string;
-  birthDate: string;
-  gender: 'male' | 'female';
-  cityId?: string | null;
-  districtId?: string | null;
-  description?: string | null;
-  nation?: string | null;
-  height?: number | null;
-  weight?: number | null;
-  activeChatId?: string | null;
-  tags: TagDto[];
-  media: MediaItemDto[];
+  id: string
+  userId: string
+  name: string
+  birthDate: string
+  gender: 'male' | 'female'
+  cityId?: string | null
+  districtId?: string | null
+  description?: string | null
+  nation?: string | null
+  height?: number | null
+  weight?: number | null
+  activeChatId?: string | null
+  tags: TagDto[]
+  media: MediaItemDto[]
 }
 
 export interface AuthUser {
-  id: string;
-  phone: string;
-  status: 'active' | 'banned' | 'pending';
-  roleId?: string | null;
-  role?: { id: string; name: string } | null;
-  profiles: UserProfile[];
+  id: string
+  phone: string
+  status: 'active' | 'banned' | 'pending'
+  roleId?: string | null
+  role?: { id: string, name: string } | null
+  profiles: UserProfile[]
 }
 
-const user = ref<AuthUser | null>(null);
-const activeProfileId = ref<string | null>(null);
+const user = ref<AuthUser | null>(null)
+const activeProfileId = ref<string | null>(null)
 
-const isAuthenticated = computed(() => !!user.value);
-const isAdmin = computed(() => user.value?.role?.name === 'admin');
-const profiles = computed(() => user.value?.profiles ?? []);
+const isAuthenticated = computed(() => !!user.value)
+const isAdmin = computed(() => user.value?.role?.name === 'admin')
+const profiles = computed(() => user.value?.profiles ?? [])
 const activeProfile = computed(() =>
-  profiles.value.find((p) => p.id === activeProfileId.value) ?? profiles.value[0] ?? null,
-);
-const hasProfiles = computed(() => profiles.value.length > 0);
+  profiles.value.find(p => p.id === activeProfileId.value) ?? profiles.value[0] ?? null,
+)
+const hasProfiles = computed(() => profiles.value.length > 0)
 
 async function login(dto: LoginDto) {
   const res = await apiClient.api.authControllerLogin(dto) as unknown as {
-    accessToken: string;
-    refreshToken: string;
-  };
-  _setAccessToken(res.accessToken);
-  localStorage.setItem('refreshToken', res.refreshToken);
-  await fetchMe();
+    accessToken: string
+    refreshToken: string
+  }
+  _setAccessToken(res.accessToken)
+  localStorage.setItem('refreshToken', res.refreshToken)
+  await fetchMe()
 }
 
 async function register(dto: RegisterDto) {
   const res = await apiClient.api.authControllerRegister(dto) as unknown as {
-    accessToken: string;
-    refreshToken: string;
-  };
-  _setAccessToken(res.accessToken);
-  localStorage.setItem('refreshToken', res.refreshToken);
-  await fetchMe();
+    accessToken: string
+    refreshToken: string
+  }
+  _setAccessToken(res.accessToken)
+  localStorage.setItem('refreshToken', res.refreshToken)
+  await fetchMe()
 }
 
 async function logout() {
   try {
-    await apiClient.api.authControllerLogout();
-  } catch {
+    await apiClient.api.authControllerLogout()
+  }
+  catch {
     // ignore errors on logout
   }
-  _clearAuth();
-  user.value = null;
-  activeProfileId.value = null;
+  _clearAuth()
+  user.value = null
+  activeProfileId.value = null
 }
 
 async function fetchMe() {
   const [meRes, profilesRes] = await Promise.all([
     apiClient.api.usersControllerGetMe(),
     apiClient.api.profilesControllerGetMyProfiles(),
-  ]);
-  const fullProfiles = profilesRes as unknown as UserProfile[];
-  user.value = { ...meRes, profiles: fullProfiles } as unknown as AuthUser;
+  ])
+  const fullProfiles = profilesRes as unknown as UserProfile[]
+  user.value = { ...meRes, profiles: fullProfiles } as unknown as AuthUser
   if (fullProfiles.length > 0 && !activeProfileId.value) {
-    activeProfileId.value = fullProfiles[0].id;
+    activeProfileId.value = fullProfiles[0].id
   }
 }
 
 function setActiveProfile(profileId: string) {
-  activeProfileId.value = profileId;
+  activeProfileId.value = profileId
 }
 
 function addProfile(profile: UserProfile) {
   if (user.value) {
-    user.value.profiles.push(profile);
-    activeProfileId.value = profile.id;
+    user.value.profiles.push(profile)
+    activeProfileId.value = profile.id
   }
 }
 
 function updateProfile(updated: UserProfile) {
   if (user.value) {
-    const idx = user.value.profiles.findIndex((p) => p.id === updated.id);
-    if (idx !== -1) user.value.profiles[idx] = updated;
+    const idx = user.value.profiles.findIndex(p => p.id === updated.id)
+    if (idx !== -1)
+      user.value.profiles[idx] = updated
   }
 }
 
 function removeProfile(profileId: string) {
   if (user.value) {
-    user.value.profiles = user.value.profiles.filter((p) => p.id !== profileId);
+    user.value.profiles = user.value.profiles.filter(p => p.id !== profileId)
     if (activeProfileId.value === profileId) {
-      activeProfileId.value = user.value.profiles[0]?.id ?? null;
+      activeProfileId.value = user.value.profiles[0]?.id ?? null
     }
   }
 }
@@ -126,5 +128,5 @@ export function useAuth() {
     addProfile,
     updateProfile,
     removeProfile,
-  });
+  })
 }
diff --git a/src/composables/useChat.ts b/src/composables/useChat.ts
index f9b815b..37cdf15 100644
--- a/src/composables/useChat.ts
+++ b/src/composables/useChat.ts
@@ -1,102 +1,106 @@
-import { ref, reactive } from 'vue';
-import { apiClient } from '@/api/client';
-import type { SendMessageDto } from '@/api/api';
+import type { SendMessageDto } from '@/api/api'
+import { reactive, ref } from 'vue'
+import { apiClient } from '@/api/client'
 
 export interface ChatProfile {
-  id: string;
-  name: string;
-  avatarUrl?: string;
+  id: string
+  name: string
+  avatarUrl?: string
 }
 
 export interface Chat {
-  id: string;
-  profile1Id: string;
-  profile2Id: string;
-  status: 'active' | 'closed';
-  partner?: ChatProfile;
-  lastMessage?: ChatMessage;
-  unreadCount?: number;
-  createdAt?: string;
+  id: string
+  profile1Id: string
+  profile2Id: string
+  status: 'active' | 'closed'
+  partner?: ChatProfile
+  lastMessage?: ChatMessage
+  unreadCount?: number
+  createdAt?: string
 }
 
 export interface ChatMessage {
-  id: string;
-  chatId: string;
-  profileId: string;
-  text?: string;
-  mediaUrl?: string;
-  mediaType?: 'photo' | 'voice' | 'video';
-  createdAt: string;
+  id: string
+  chatId: string
+  profileId: string
+  text?: string
+  mediaUrl?: string
+  mediaType?: 'photo' | 'voice' | 'video'
+  createdAt: string
 }
 
 // Polling interval — replace with WebSocket when backend supports it
-const POLL_INTERVAL = 2000;
+const POLL_INTERVAL = 2000
 
-const chats = ref<Chat[]>([]);
-const activeChat = ref<Chat | null>(null);
-const messages = ref<ChatMessage[]>([]);
-const pollingTimer = ref<ReturnType<typeof setInterval> | null>(null);
-const loading = ref(false);
+const chats = ref<Chat[]>([])
+const activeChat = ref<Chat | null>(null)
+const messages = ref<ChatMessage[]>([])
+const pollingTimer = ref<ReturnType<typeof setInterval> | null>(null)
+const loading = ref(false)
 
 async function fetchChats(profileId: string) {
-  const res = await apiClient.api.chatControllerGetChats({ profileId }) as unknown as Chat[];
-  chats.value = res;
+  const res = await apiClient.api.chatControllerGetChats({ profileId }) as unknown as Chat[]
+  chats.value = res
 }
 
 async function fetchMessages(chatId: string, profileId: string) {
-  loading.value = true;
+  loading.value = true
   try {
-    const res = await apiClient.api.chatControllerGetMessages({ chatId, profileId }) as unknown as ChatMessage[];
-    messages.value = res;
-  } finally {
-    loading.value = false;
+    const res = await apiClient.api.chatControllerGetMessages({ chatId, profileId }) as unknown as ChatMessage[]
+    messages.value = res
+  }
+  finally {
+    loading.value = false
   }
 }
 
 async function sendMessage(chatId: string, profileId: string, dto: SendMessageDto) {
-  const res = await apiClient.api.chatControllerSendMessage({ chatId, profileId }, dto) as unknown as ChatMessage;
-  messages.value.push(res);
-  return res;
+  const res = await apiClient.api.chatControllerSendMessage({ chatId, profileId }, dto) as unknown as ChatMessage
+  messages.value.push(res)
+  return res
 }
 
 async function openChat(profileId: string, matchId: string) {
-  const res = await apiClient.api.chatControllerCreateChat({ profileId, matchId }) as unknown as Chat;
-  const existing = chats.value.findIndex((c) => c.id === res.id);
-  if (existing === -1) chats.value.unshift(res);
-  activeChat.value = res;
-  return res;
+  const res = await apiClient.api.chatControllerCreateChat({ profileId, matchId }) as unknown as Chat
+  const existing = chats.value.findIndex(c => c.id === res.id)
+  if (existing === -1)
+    chats.value.unshift(res)
+  activeChat.value = res
+  return res
 }
 
 async function closeChat(chatId: string, profileId: string) {
-  await apiClient.api.chatControllerCloseChat({ chatId, profileId });
-  chats.value = chats.value.filter((c) => c.id !== chatId);
-  if (activeChat.value?.id === chatId) activeChat.value = null;
+  await apiClient.api.chatControllerCloseChat({ chatId, profileId })
+  chats.value = chats.value.filter(c => c.id !== chatId)
+  if (activeChat.value?.id === chatId)
+    activeChat.value = null
 }
 
 function startPolling(chatId: string, profileId: string) {
-  stopPolling();
+  stopPolling()
   // TODO: replace with WebSocket subscription
   pollingTimer.value = setInterval(async () => {
     try {
-      const res = await apiClient.api.chatControllerGetMessages({ chatId, profileId }) as unknown as ChatMessage[];
+      const res = await apiClient.api.chatControllerGetMessages({ chatId, profileId }) as unknown as ChatMessage[]
       if (res.length > messages.value.length) {
-        messages.value = res;
+        messages.value = res
       }
-    } catch {
+    }
+    catch {
       // polling errors are silent
     }
-  }, POLL_INTERVAL);
+  }, POLL_INTERVAL)
 }
 
 function stopPolling() {
   if (pollingTimer.value) {
-    clearInterval(pollingTimer.value);
-    pollingTimer.value = null;
+    clearInterval(pollingTimer.value)
+    pollingTimer.value = null
   }
 }
 
 function setActiveChat(chat: Chat | null) {
-  activeChat.value = chat;
+  activeChat.value = chat
 }
 
 export function useChat() {
@@ -113,5 +117,5 @@ export function useChat() {
     startPolling,
     stopPolling,
     setActiveChat,
-  });
+  })
 }
diff --git a/src/composables/useFeed.ts b/src/composables/useFeed.ts
index aad5acc..0eba0bf 100644
--- a/src/composables/useFeed.ts
+++ b/src/composables/useFeed.ts
@@ -1,66 +1,69 @@
-import { ref, reactive } from 'vue';
-import { apiClient } from '@/api/client';
-import type { FeedControllerGetFeedParams, TagDto, MediaItemDto } from '@/api/api';
+import type { FeedControllerGetFeedParams, MediaItemDto, TagDto } from '@/api/api'
+import { reactive, ref } from 'vue'
+import { apiClient } from '@/api/client'
 
 export interface FeedProfile {
-  id: string;
-  name: string;
-  birthDate: string;
-  gender: 'male' | 'female';
-  cityId?: string | null;
-  cityName?: string;
-  districtId?: string | null;
-  description?: string | null;
-  nation?: string | null;
-  height?: number | null;
-  weight?: number | null;
-  tags?: TagDto[];
-  media?: MediaItemDto[];
+  id: string
+  name: string
+  birthDate: string
+  gender: 'male' | 'female'
+  cityId?: string | null
+  cityName?: string
+  districtId?: string | null
+  description?: string | null
+  nation?: string | null
+  height?: number | null
+  weight?: number | null
+  tags?: TagDto[]
+  media?: MediaItemDto[]
 }
 
-const cards = ref<FeedProfile[]>([]);
-const filters = reactive<Partial<FeedControllerGetFeedParams>>({});
-const page = ref(1);
-const hasMore = ref(true);
-const searchPaused = ref(false);
-const loading = ref(false);
+const cards = ref<FeedProfile[]>([])
+const filters = reactive<Partial<FeedControllerGetFeedParams>>({})
+const page = ref(1)
+const hasMore = ref(true)
+const searchPaused = ref(false)
+const loading = ref(false)
 
 async function fetchNextPage(profileId: string) {
-  if (loading.value || !hasMore.value) return;
-  loading.value = true;
+  if (loading.value || !hasMore.value)
+    return
+  loading.value = true
   try {
     const res = await apiClient.api.feedControllerGetFeed({
       profileId,
       page: page.value,
       limit: 20,
       ...filters,
-    }) as unknown as FeedProfile[];
+    }) as unknown as FeedProfile[]
 
-    if (page.value === 1) cards.value = res;
-    else cards.value.push(...res);
+    if (page.value === 1)
+      cards.value = res
+    else cards.value.push(...res)
 
-    hasMore.value = res.length >= 20;
-    page.value++;
-  } finally {
-    loading.value = false;
+    hasMore.value = res.length >= 20
+    page.value++
+  }
+  finally {
+    loading.value = false
   }
 }
 
 function applyFilters(newFilters: Partial<FeedControllerGetFeedParams>) {
-  Object.assign(filters, newFilters);
-  reset();
+  Object.assign(filters, newFilters)
+  reset()
 }
 
 function reset() {
-  cards.value = [];
-  page.value = 1;
-  hasMore.value = true;
+  cards.value = []
+  page.value = 1
+  hasMore.value = true
 }
 
 function removeCard(profileId: string) {
-  cards.value = cards.value.filter((c) => c.id !== profileId);
+  cards.value = cards.value.filter(c => c.id !== profileId)
 }
 
 export function useFeed() {
-  return reactive({ cards, filters, page, hasMore, searchPaused, loading, fetchNextPage, applyFilters, reset, removeCard });
+  return reactive({ cards, filters, page, hasMore, searchPaused, loading, fetchNextPage, applyFilters, reset, removeCard })
 }
diff --git a/src/composables/useProfile.ts b/src/composables/useProfile.ts
index 4657844..f70e4c8 100644
--- a/src/composables/useProfile.ts
+++ b/src/composables/useProfile.ts
@@ -1,39 +1,40 @@
-import { ref } from 'vue';
-import { apiClient } from '@/api/client';
-import type { CreateProfileDto, UpdateProfileDto } from '@/api/api';
-import type { UserProfile } from './useAuth';
+import type { UserProfile } from './useAuth'
+import type { CreateProfileDto, UpdateProfileDto } from '@/api/api'
+import { ref } from 'vue'
+import { apiClient } from '@/api/client'
 
-const currentProfile = ref<UserProfile | null>(null);
-const loading = ref(false);
+const currentProfile = ref<UserProfile | null>(null)
+const loading = ref(false)
 
 async function fetchProfile(profileId: string) {
-  loading.value = true;
+  loading.value = true
   try {
-    const res = await apiClient.api.profilesControllerFindOne(profileId) as unknown as UserProfile;
-    currentProfile.value = res;
-    return res;
-  } finally {
-    loading.value = false;
+    const res = await apiClient.api.profilesControllerFindOne(profileId) as unknown as UserProfile
+    currentProfile.value = res
+    return res
+  }
+  finally {
+    loading.value = false
   }
 }
 
 async function createProfile(dto: CreateProfileDto) {
-  const res = await apiClient.api.profilesControllerCreate(dto) as unknown as UserProfile;
-  currentProfile.value = res;
-  return res;
+  const res = await apiClient.api.profilesControllerCreate(dto) as unknown as UserProfile
+  currentProfile.value = res
+  return res
 }
 
 async function updateProfile(profileId: string, dto: UpdateProfileDto) {
-  const res = await apiClient.api.profilesControllerUpdate(profileId, dto) as unknown as UserProfile;
-  currentProfile.value = res;
-  return res;
+  const res = await apiClient.api.profilesControllerUpdate(profileId, dto) as unknown as UserProfile
+  currentProfile.value = res
+  return res
 }
 
 async function deleteProfile(profileId: string) {
-  await apiClient.api.profilesControllerDelete(profileId);
-  currentProfile.value = null;
+  await apiClient.api.profilesControllerDelete(profileId)
+  currentProfile.value = null
 }
 
 export function useProfile() {
-  return { currentProfile, loading, fetchProfile, createProfile, updateProfile, deleteProfile };
+  return { currentProfile, loading, fetchProfile, createProfile, updateProfile, deleteProfile }
 }
diff --git a/src/composables/useUi.ts b/src/composables/useUi.ts
index a2c5eb4..1a3699e 100644
--- a/src/composables/useUi.ts
+++ b/src/composables/useUi.ts
@@ -1,65 +1,65 @@
-import { ref, reactive } from 'vue';
+import { reactive, ref } from 'vue'
 
-export type ToastType = 'success' | 'error' | 'info' | 'warning';
+export type ToastType = 'success' | 'error' | 'info' | 'warning'
 
 export interface Toast {
-  id: string;
-  type: ToastType;
-  message: string;
-  duration?: number;
+  id: string
+  type: ToastType
+  message: string
+  duration?: number
 }
 
 export interface Tag {
-  id: string;
-  value: string;
+  id: string
+  value: string
 }
 
 export interface City {
-  id: string;
-  name: string;
+  id: string
+  name: string
 }
 
 export interface District {
-  id: string;
-  name: string;
-  cityId: string;
+  id: string
+  name: string
+  cityId: string
 }
 
 export interface Greeting {
-  id: string;
-  text: string;
+  id: string
+  text: string
 }
 
-const toasts = ref<Toast[]>([]);
-const sidebarExpanded = ref(false);
-const tags = ref<Tag[]>([]);
-const cities = ref<City[]>([]);
-const districts = reactive<Record<string, District[]>>({});
-const greetings = ref<Greeting[]>([]);
-const referencesLoaded = ref(false);
+const toasts = ref<Toast[]>([])
+const sidebarExpanded = ref(false)
+const tags = ref<Tag[]>([])
+const cities = ref<City[]>([])
+const districts = reactive<Record<string, District[]>>({})
+const greetings = ref<Greeting[]>([])
+const referencesLoaded = ref(false)
 
 function addToast(message: string, type: ToastType = 'info', duration = 4000) {
-  const id = `${Date.now()}-${Math.random()}`;
-  toasts.value.push({ id, type, message, duration });
+  const id = `${Date.now()}-${Math.random()}`
+  toasts.value.push({ id, type, message, duration })
   if (duration > 0) {
-    setTimeout(() => removeToast(id), duration);
+    setTimeout(removeToast, duration, id)
   }
-  return id;
+  return id
 }
 
 function removeToast(id: string) {
-  toasts.value = toasts.value.filter((t) => t.id !== id);
+  toasts.value = toasts.value.filter(t => t.id !== id)
 }
 
 function setSidebarExpanded(value: boolean) {
-  sidebarExpanded.value = value;
+  sidebarExpanded.value = value
 }
 
-function setTags(data: Tag[]) { tags.value = data; }
-function setCities(data: City[]) { cities.value = data; }
-function setDistricts(cityId: string, data: District[]) { districts[cityId] = data; }
-function setGreetings(data: Greeting[]) { greetings.value = data; }
-function setReferencesLoaded() { referencesLoaded.value = true; }
+function setTags(data: Tag[]) { tags.value = data }
+function setCities(data: City[]) { cities.value = data }
+function setDistricts(cityId: string, data: District[]) { districts[cityId] = data }
+function setGreetings(data: Greeting[]) { greetings.value = data }
+function setReferencesLoaded() { referencesLoaded.value = true }
 
 export function useUi() {
   return reactive({
@@ -78,5 +78,5 @@ export function useUi() {
     setDistricts,
     setGreetings,
     setReferencesLoaded,
-  });
+  })
 }
diff --git a/src/main.ts b/src/main.ts
index 69adde6..e25cbf9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,10 +1,10 @@
-import { createApp } from 'vue';
-import { router } from './router';
-import App from './App.vue';
-import '@/styles/tailwind.css';
-import '@/styles/main.scss';
+import { createApp } from 'vue'
+import App from './App.vue'
+import { router } from './router'
+import '@/styles/tailwind.css'
+import '@/styles/main.scss'
 
-const app = createApp(App);
+const app = createApp(App)
 
-app.use(router);
-app.mount('#app');
+app.use(router)
+app.mount('#app')
diff --git a/src/router/index.ts b/src/router/index.ts
index aba81c2..20cecdc 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,9 +1,7 @@
-import { createRouter, createWebHistory } from 'vue-router';
-import { useAuth } from '@/composables/useAuth';
-import { _getAccessToken, _setAccessToken } from '@/api/client';
-import axios from 'axios';
-
-const BASE_URL = import.meta.env.VITE_API_BASE_URL ?? 'http://localhost:3000';
+import axios from 'axios'
+import { createRouter, createWebHistory } from 'vue-router'
+import { _getAccessToken, _setAccessToken, BASE_URL } from '@/api/client'
+import { useAuth } from '@/composables/useAuth'
 
 export const router = createRouter({
   history: createWebHistory(),
@@ -11,26 +9,26 @@ export const router = createRouter({
     { path: '/', redirect: () => '/feed' },
 
     // Auth
-    { path: '/login',    name: 'login',    component: () => import('@/views/auth/LoginView.vue'),    meta: { guest: true } },
+    { path: '/login', name: 'login', component: () => import('@/views/auth/LoginView.vue'), meta: { guest: true } },
     { path: '/register', name: 'register', component: () => import('@/views/auth/RegisterView.vue'), meta: { guest: true } },
 
     // Onboarding
     { path: '/setup', name: 'setup', component: () => import('@/views/onboarding/ProfileSetupView.vue'), meta: { auth: true } },
 
     // Main app
-    { path: '/feed',    name: 'feed',    component: () => import('@/views/feed/FeedView.vue'),       meta: { auth: true } },
+    { path: '/feed', name: 'feed', component: () => import('@/views/feed/FeedView.vue'), meta: { auth: true } },
     { path: '/matches', name: 'matches', component: () => import('@/views/matches/MatchesView.vue'), meta: { auth: true } },
 
     // Chat
-    { path: '/chats',      name: 'chats',     component: () => import('@/views/chat/ChatsListView.vue'), meta: { auth: true } },
-    { path: '/chats/:chatId', name: 'chat-room', component: () => import('@/views/chat/ChatRoomView.vue'),  meta: { auth: true } },
+    { path: '/chats', name: 'chats', component: () => import('@/views/chat/ChatsListView.vue'), meta: { auth: true } },
+    { path: '/chats/:chatId', name: 'chat-room', component: () => import('@/views/chat/ChatRoomView.vue'), meta: { auth: true } },
 
     // Dates
     { path: '/dates', name: 'dates', component: () => import('@/views/dates/DatesView.vue'), meta: { auth: true } },
 
     // Profile
-    { path: '/profile/me',          name: 'my-profile',     component: () => import('@/views/profile/MyProfileView.vue'),      meta: { auth: true } },
-    { path: '/profile/:profileId',  name: 'profile-detail', component: () => import('@/views/profile/ProfileDetailView.vue'),  meta: { auth: true } },
+    { path: '/profile/me', name: 'my-profile', component: () => import('@/views/profile/MyProfileView.vue'), meta: { auth: true } },
+    { path: '/profile/:profileId', name: 'profile-detail', component: () => import('@/views/profile/ProfileDetailView.vue'), meta: { auth: true } },
 
     // Admin
     { path: '/admin/reports', name: 'admin-reports', component: () => import('@/views/admin/ReportsView.vue'), meta: { auth: true, admin: true } },
@@ -38,57 +36,58 @@ export const router = createRouter({
     // Catch-all
     { path: '/:pathMatch(.*)*', redirect: '/' },
   ],
-});
+})
 
 // ─── Navigation guard ────────────────────────────────────────────────────────
 
-let _initDone = false;
+let _initDone = false
 
 router.beforeEach(async (to, _from, next) => {
-  const authStore = useAuth();
+  const authStore = useAuth()
 
   // First navigation: try to restore session from localStorage refresh token
   if (!_initDone) {
-    _initDone = true;
-    const storedRefresh = localStorage.getItem('refreshToken');
+    _initDone = true
+    const storedRefresh = localStorage.getItem('refreshToken')
     if (storedRefresh && !_getAccessToken()) {
       try {
-        const res = await axios.post<{ data: { accessToken: string; refreshToken: string } }>(
+        const res = await axios.post<{ data: { accessToken: string, refreshToken: string } }>(
           `${BASE_URL}/api/v1/auth/refresh`,
           { refreshToken: storedRefresh },
-        );
-        _setAccessToken(res.data.data.accessToken);
-        localStorage.setItem('refreshToken', res.data.data.refreshToken);
-        await authStore.fetchMe();
-      } catch {
-        localStorage.removeItem('refreshToken');
+        )
+        _setAccessToken(res.data.data.accessToken)
+        localStorage.setItem('refreshToken', res.data.data.refreshToken)
+        await authStore.fetchMe()
+      }
+      catch {
+        localStorage.removeItem('refreshToken')
       }
     }
   }
 
-  const requiresAuth = to.meta.auth;
-  const requiresGuest = to.meta.guest;
-  const requiresAdmin = to.meta.admin;
-  const isAuthed = authStore.isAuthenticated;
+  const requiresAuth = to.meta.auth
+  const requiresGuest = to.meta.guest
+  const requiresAdmin = to.meta.admin
+  const isAuthed = authStore.isAuthenticated
 
   if (requiresAuth && !isAuthed) {
-    return next({ name: 'login', query: { redirect: to.fullPath } });
+    return next({ name: 'login', query: { redirect: to.fullPath } })
   }
 
   if (requiresGuest && isAuthed) {
-    return next({ name: 'feed' });
+    return next({ name: 'feed' })
   }
 
   if (requiresAdmin && !authStore.isAdmin) {
-    return next({ name: 'feed' });
+    return next({ name: 'feed' })
   }
 
   // Redirect to setup if authenticated but no profiles
   if (requiresAuth && isAuthed && !authStore.hasProfiles && to.name !== 'setup') {
-    return next({ name: 'setup' });
+    return next({ name: 'setup' })
   }
 
-  next();
-});
+  next()
+})
 
-export default router;
+export default router
diff --git a/src/styles/_animations.scss b/src/styles/_animations.scss
index 040f386..9f53bb3 100644
--- a/src/styles/_animations.scss
+++ b/src/styles/_animations.scss
@@ -2,49 +2,98 @@
 @use 'variables' as *;
 
 @keyframes fade-in {
-  from { opacity: 0; }
-  to   { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes fade-up {
-  from { opacity: 0; transform: translateY(12px); }
-  to   { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(12px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes fade-down {
-  from { opacity: 0; transform: translateY(-12px); }
-  to   { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(-12px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes slide-in-right {
-  from { opacity: 0; transform: translateX(24px); }
-  to   { opacity: 1; transform: translateX(0); }
+  from {
+    opacity: 0;
+    transform: translateX(24px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
 }
 
 @keyframes slide-in-left {
-  from { opacity: 0; transform: translateX(-24px); }
-  to   { opacity: 1; transform: translateX(0); }
+  from {
+    opacity: 0;
+    transform: translateX(-24px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
 }
 
 @keyframes scale-in {
-  from { opacity: 0; transform: scale(0.94); }
-  to   { opacity: 1; transform: scale(1); }
+  from {
+    opacity: 0;
+    transform: scale(0.94);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
 }
 
 @keyframes shimmer {
-  0%   { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
 }
 
 @keyframes pulse-signal {
-  0%, 100% { opacity: 1; }
-  50%       { opacity: 0.5; }
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
 }
 
 // Utility classes
-.animate-fade-in  { animation: fade-in  var(--transition-base) both; }
-.animate-fade-up  { animation: fade-up  var(--transition-base) both; }
-.animate-scale-in { animation: scale-in var(--transition-spring) both; }
+.animate-fade-in {
+  animation: fade-in var(--transition-base) both;
+}
+.animate-fade-up {
+  animation: fade-up var(--transition-base) both;
+}
+.animate-scale-in {
+  animation: scale-in var(--transition-spring) both;
+}
 
 // Skeleton shimmer
 .skeleton {
diff --git a/src/styles/_typography.scss b/src/styles/_typography.scss
index 3062ad3..65ea0a7 100644
--- a/src/styles/_typography.scss
+++ b/src/styles/_typography.scss
@@ -24,7 +24,8 @@ body {
   letter-spacing: -0.02em;
 }
 
-h1, .h1 {
+h1,
+.h1 {
   font-family: var(--font-display);
   font-size: 2.5rem;
   font-weight: 400;
@@ -34,7 +35,8 @@ h1, .h1 {
   color: var(--color-cream);
 }
 
-h2, .h2 {
+h2,
+.h2 {
   font-family: var(--font-display);
   font-size: 1.75rem;
   font-weight: 400;
@@ -44,7 +46,8 @@ h2, .h2 {
   color: var(--color-cream);
 }
 
-h3, .h3 {
+h3,
+.h3 {
   font-family: var(--font-mono);
   font-size: 1.125rem;
   font-weight: 500;
@@ -90,6 +93,12 @@ a {
 
 // Responsive heading scale
 @include mobile {
-  h1, .h1 { font-size: 2rem; }
-  h2, .h2 { font-size: 1.5rem; }
+  h1,
+  .h1 {
+    font-size: 2rem;
+  }
+  h2,
+  .h2 {
+    font-size: 1.5rem;
+  }
 }
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index f432bbb..7139cc4 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -1,73 +1,89 @@
 // Design tokens — do not use directly in components; use CSS custom properties
 :root {
   // Surfaces
-  --color-base:      #0d0d0d;
-  --color-surface:   #161614;
+  --color-base: #0d0d0d;
+  --color-surface: #161614;
   --color-surface-2: #1e1e1b;
   --color-surface-3: #242420;
 
   // Text
-  --color-cream:     #f0ebe0;
-  --color-muted:     #6b6860;
-  --color-dim:       #3a3935;
+  --color-cream: #f0ebe0;
+  --color-muted: #6b6860;
+  --color-dim: #3a3935;
 
   // Brand signal
-  --color-signal:    #c45c3a;
-  --color-signal-dim:#7a3822;
+  --color-signal: #c45c3a;
+  --color-signal-dim: #7a3822;
   --color-signal-bg: rgba(196, 92, 58, 0.12);
 
   // Utility
-  --color-border:    rgba(240, 235, 224, 0.08);
+  --color-border: rgba(240, 235, 224, 0.08);
   --color-border-strong: rgba(240, 235, 224, 0.16);
-  --color-overlay:   rgba(13, 13, 13, 0.72);
+  --color-overlay: rgba(13, 13, 13, 0.72);
 
   // Typography
   --font-display: 'Instrument Serif', Georgia, serif;
-  --font-mono:    'DM Mono', 'Courier New', monospace;
+  --font-mono: 'DM Mono', 'Courier New', monospace;
 
   // Border radius
-  --radius-xs:  2px;
-  --radius-sm:  4px;
-  --radius-md:  8px;
-  --radius-lg:  16px;
-  --radius-xl:  24px;
+  --radius-xs: 2px;
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 16px;
+  --radius-xl: 24px;
   --radius-full: 9999px;
 
   // Shadows
-  --shadow-card:   0 2px 24px rgba(0, 0, 0, 0.6);
-  --shadow-modal:  0 8px 64px rgba(0, 0, 0, 0.8);
+  --shadow-card: 0 2px 24px rgba(0, 0, 0, 0.6);
+  --shadow-modal: 0 8px 64px rgba(0, 0, 0, 0.8);
   --shadow-signal: 0 0 20px rgba(196, 92, 58, 0.3);
 
   // Transitions
-  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
-  --transition-base:   280ms cubic-bezier(0.4, 0, 0.2, 1);
+  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  --transition-base: 280ms cubic-bezier(0.4, 0, 0.2, 1);
   --transition-spring: 420ms cubic-bezier(0.34, 1.56, 0.64, 1);
-  --transition-slow:   600ms cubic-bezier(0.4, 0, 0.2, 1);
+  --transition-slow: 600ms cubic-bezier(0.4, 0, 0.2, 1);
 
   // Z-index scale
-  --z-base:       1;
-  --z-dropdown:   100;
-  --z-sticky:     200;
-  --z-overlay:    300;
-  --z-modal:      400;
-  --z-toast:      500;
-  --z-tooltip:    600;
-  --z-titlebar:   700;
+  --z-base: 1;
+  --z-dropdown: 100;
+  --z-sticky: 200;
+  --z-overlay: 300;
+  --z-modal: 400;
+  --z-toast: 500;
+  --z-tooltip: 600;
+  --z-titlebar: 700;
 
   // Layout
   --sidebar-collapsed: 64px;
-  --sidebar-expanded:  240px;
-  --nav-height:        60px;
-  --titlebar-height:   36px;
+  --sidebar-expanded: 240px;
+  --nav-height: 60px;
+  --titlebar-height: 36px;
 }
 
 // SCSS breakpoints (for use in @media)
-$mobile:  375px;
-$tablet:  768px;
+$mobile: 375px;
+$tablet: 768px;
 $desktop: 1024px;
-$wide:    1440px;
+$wide: 1440px;
 
-@mixin mobile { @media (max-width: #{$tablet - 1px}) { @content; } }
-@mixin tablet { @media (min-width: $tablet) { @content; } }
-@mixin desktop { @media (min-width: $desktop) { @content; } }
-@mixin wide { @media (min-width: $wide) { @content; } }
+@mixin mobile {
+  @media (max-width: #{$tablet - 1px}) {
+    @content;
+  }
+}
+@mixin tablet {
+  @media (min-width: $tablet) {
+    @content;
+  }
+}
+@mixin desktop {
+  @media (min-width: $desktop) {
+    @content;
+  }
+}
+@mixin wide {
+  @media (min-width: $wide) {
+    @content;
+  }
+}
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index f1d8c73..d4b5078 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -1 +1 @@
-@import "tailwindcss";
+@import 'tailwindcss';
diff --git a/src/views/admin/ReportsView.vue b/src/views/admin/ReportsView.vue
index 9727812..0948fcb 100644
--- a/src/views/admin/ReportsView.vue
+++ b/src/views/admin/ReportsView.vue
@@ -1,56 +1,9 @@
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import AppButton from '@/components/common/AppButton.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-import EmptyState from '@/components/common/EmptyState.vue';
-
-interface Report {
-  id: string;
-  sourceProfileId: string;
-  entityId: string;
-  entityType: 'profile' | 'message';
-  description?: string;
-  createdAt: string;
-  resolved?: boolean;
-  reporterName?: string;
-}
-
-const uiStore = useUi();
-const reports = ref<Report[]>([]);
-const loading = ref(false);
-
-onMounted(async () => {
-  loading.value = true;
-  try {
-    const res = await apiClient.api.reportsControllerGetAll() as unknown as Report[];
-    reports.value = res;
-  } catch {
-    uiStore.addToast('Не удалось загрузить жалобы', 'error');
-  } finally {
-    loading.value = false;
-  }
-});
-
-async function banUser(userId: string) {
-  try {
-    await apiClient.api.usersControllerBan(userId);
-    uiStore.addToast('Пользователь заблокирован', 'success');
-  } catch {
-    uiStore.addToast('Не удалось заблокировать пользователя', 'error');
-  }
-}
-
-function formatDate(iso: string) {
-  return new Date(iso).toLocaleDateString('ru', { day: 'numeric', month: 'short', year: 'numeric' });
-}
-</script>
-
 <template>
   <div class="reports-admin">
     <header class="reports-admin__header">
-      <h1 class="reports-admin__title">Жалобы</h1>
+      <h1 class="reports-admin__title">
+        Жалобы
+      </h1>
       <span class="meta">{{ reports.length }} всего</span>
     </header>
 
@@ -78,7 +31,9 @@ function formatDate(iso: string) {
         </thead>
         <tbody>
           <tr v-for="report in reports" :key="report.id" :class="{ 'reports-table__row--resolved': report.resolved }">
-            <td class="reports-table__date meta">{{ formatDate(report.createdAt) }}</td>
+            <td class="reports-table__date meta">
+              {{ formatDate(report.createdAt) }}
+            </td>
             <td>
               <span class="reports-table__type" :class="`reports-table__type--${report.entityType}`">
                 {{ report.entityType === 'profile' ? 'Профиль' : 'Сообщение' }}
@@ -89,17 +44,23 @@ function formatDate(iso: string) {
                 v-if="report.entityType === 'profile'"
                 :to="`/profile/${report.entityId}`"
                 class="reports-table__link"
-              >Открыть</RouterLink>
+              >
+                Открыть
+              </RouterLink>
               <span v-else class="meta">{{ report.entityId.slice(0, 8) }}…</span>
             </td>
-            <td class="reports-table__desc">{{ report.description ?? '—' }}</td>
+            <td class="reports-table__desc">
+              {{ report.description ?? '—' }}
+            </td>
             <td>
               <AppButton
                 v-if="report.entityType === 'profile'"
                 variant="danger"
                 size="sm"
                 @click="banUser(report.sourceProfileId)"
-              >Заблокировать</AppButton>
+              >
+                Заблокировать
+              </AppButton>
             </td>
           </tr>
         </tbody>
@@ -108,6 +69,58 @@ function formatDate(iso: string) {
   </div>
 </template>
 
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import EmptyState from '@/components/common/EmptyState.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useUi } from '@/composables/useUi'
+
+interface Report {
+  id: string
+  sourceProfileId: string
+  entityId: string
+  entityType: 'profile' | 'message'
+  description?: string
+  createdAt: string
+  resolved?: boolean
+  reporterName?: string
+}
+
+const uiStore = useUi()
+const reports = ref<Report[]>([])
+const loading = ref(false)
+
+onMounted(async () => {
+  loading.value = true
+  try {
+    const res = await apiClient.api.reportsControllerGetAll() as unknown as Report[]
+    reports.value = res
+  }
+  catch {
+    uiStore.addToast('Не удалось загрузить жалобы', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+})
+
+async function banUser(userId: string) {
+  try {
+    await apiClient.api.usersControllerBan(userId)
+    uiStore.addToast('Пользователь заблокирован', 'success')
+  }
+  catch {
+    uiStore.addToast('Не удалось заблокировать пользователя', 'error')
+  }
+}
+
+function formatDate(iso: string) {
+  return new Date(iso).toLocaleDateString('ru', { day: 'numeric', month: 'short', year: 'numeric' })
+}
+</script>
+
 <style scoped lang="scss">
 .reports-admin {
   height: 100%;
@@ -168,11 +181,18 @@ function formatDate(iso: string) {
     vertical-align: middle;
   }
 
-  tr:last-child td { border-bottom: none; }
+  tr:last-child td {
+    border-bottom: none;
+  }
 
-  &__row--resolved td { opacity: 0.5; }
+  &__row--resolved td {
+    opacity: 0.5;
+  }
 
-  &__date { color: var(--color-muted) !important; font-variant-numeric: tabular-nums; }
+  &__date {
+    color: var(--color-muted) !important;
+    font-variant-numeric: tabular-nums;
+  }
 
   &__type {
     padding: 2px 8px;
@@ -182,8 +202,14 @@ function formatDate(iso: string) {
     letter-spacing: 0.06em;
     text-transform: uppercase;
 
-    &--profile { background: var(--color-signal-bg); color: var(--color-signal); }
-    &--message { background: rgba(240, 235, 224, 0.06); color: var(--color-muted); }
+    &--profile {
+      background: var(--color-signal-bg);
+      color: var(--color-signal);
+    }
+    &--message {
+      background: rgba(240, 235, 224, 0.06);
+      color: var(--color-muted);
+    }
   }
 
   &__link {
@@ -192,7 +218,9 @@ function formatDate(iso: string) {
     text-underline-offset: 3px;
     text-decoration-color: var(--color-border);
     transition: color var(--transition-fast);
-    &:hover { color: var(--color-signal); }
+    &:hover {
+      color: var(--color-signal);
+    }
   }
 
   &__desc {
diff --git a/src/views/auth/LoginView.vue b/src/views/auth/LoginView.vue
index 7b6670e..9094854 100644
--- a/src/views/auth/LoginView.vue
+++ b/src/views/auth/LoginView.vue
@@ -1,57 +1,19 @@
-<script setup lang="ts">
-import { reactive, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { useVuelidate } from '@vuelidate/core';
-import { required, helpers } from '@vuelidate/validators';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import AppInput from '@/components/common/AppInput.vue';
-import AppButton from '@/components/common/AppButton.vue';
-
-const router = useRouter();
-const route = useRoute();
-const authStore = useAuth();
-const uiStore = useUi();
-
-const form = reactive({ phone: '', password: '' });
-const loading = ref(false);
-
-const rules = {
-  phone:    { required: helpers.withMessage('Введите номер телефона', required) },
-  password: { required: helpers.withMessage('Введите пароль', required) },
-};
-
-const v$ = useVuelidate(rules, form);
-
-async function submit() {
-  const valid = await v$.value.$validate();
-  if (!valid) return;
-
-  loading.value = true;
-  try {
-    await authStore.login({ phone: form.phone, password: form.password });
-    const redirect = (route.query.redirect as string) || '/feed';
-    router.replace(redirect);
-  } catch (err: unknown) {
-    const message = (err as { response?: { data?: { message?: string } } })
-      ?.response?.data?.message ?? 'Неверный телефон или пароль';
-    uiStore.addToast(message, 'error');
-  } finally {
-    loading.value = false;
-  }
-}
-</script>
-
 <template>
   <div class="auth-page">
     <div class="auth-page__grain" aria-hidden="true" />
 
     <div class="auth-card">
-      <div class="auth-card__wordmark">Dating</div>
-      <h1 class="auth-card__heading">С возвращением</h1>
-      <p class="auth-card__sub">Войдите, чтобы продолжить</p>
+      <div class="auth-card__wordmark">
+        Dating
+      </div>
+      <h1 class="auth-card__heading">
+        С возвращением
+      </h1>
+      <p class="auth-card__sub">
+        Войдите, чтобы продолжить
+      </p>
 
-      <form class="auth-form" @submit.prevent="submit" novalidate>
+      <form class="auth-form" novalidate @submit.prevent="submit">
         <AppInput
           v-model="form.phone"
           label="Телефон"
@@ -81,12 +43,63 @@ async function submit() {
 
       <p class="auth-card__footer">
         Нет аккаунта?
-        <RouterLink to="/register" class="auth-card__link">Зарегистрироваться</RouterLink>
+        <RouterLink to="/register" class="auth-card__link">
+          Зарегистрироваться
+        </RouterLink>
       </p>
     </div>
   </div>
 </template>
 
+<script setup lang="ts">
+import { useVuelidate } from '@vuelidate/core'
+import { helpers, required } from '@vuelidate/validators'
+import { reactive, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import AppButton from '@/components/common/AppButton.vue'
+import AppInput from '@/components/common/AppInput.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+const router = useRouter()
+const route = useRoute()
+const authStore = useAuth()
+const uiStore = useUi()
+
+const form = reactive({ phone: '', password: '' })
+const loading = ref(false)
+
+const rules = {
+  phone: { required: helpers.withMessage('Введите номер телефона', required) },
+  password: { required: helpers.withMessage('Введите пароль', required) },
+}
+
+const v$ = useVuelidate(rules, form)
+
+async function submit() {
+  const valid = await v$.value.$validate()
+  if (!valid)
+    return
+
+  loading.value = true
+  try {
+    await authStore.login({ phone: form.phone, password: form.password })
+    const redirect = (route.query.redirect as string) || '/feed'
+    router.replace(redirect)
+  }
+  catch (err: unknown) {
+    const message = (err as { response?: { data?: { message?: string } } })
+      ?.response
+      ?.data
+      ?.message ?? 'Неверный телефон или пароль'
+    uiStore.addToast(message, 'error')
+  }
+  finally {
+    loading.value = false
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .auth-page {
   min-height: 100dvh;
@@ -158,7 +171,9 @@ async function submit() {
     color: var(--color-cream);
     transition: color var(--transition-fast);
 
-    &:hover { color: var(--color-signal); }
+    &:hover {
+      color: var(--color-signal);
+    }
   }
 }
 
diff --git a/src/views/auth/RegisterView.vue b/src/views/auth/RegisterView.vue
index f43cdd4..d9bd2e2 100644
--- a/src/views/auth/RegisterView.vue
+++ b/src/views/auth/RegisterView.vue
@@ -1,67 +1,19 @@
-<script setup lang="ts">
-import { reactive, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { useVuelidate } from '@vuelidate/core';
-import { required, minLength, helpers } from '@vuelidate/validators';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import AppInput from '@/components/common/AppInput.vue';
-import AppButton from '@/components/common/AppButton.vue';
-
-const router = useRouter();
-const authStore = useAuth();
-const uiStore = useUi();
-
-const form = reactive({ phone: '', password: '', confirmPassword: '' });
-const loading = ref(false);
-
-const phoneRegex = helpers.regex(/^\+?[0-9\s\-()]{7,20}$/);
-
-const rules = {
-  phone: {
-    required: helpers.withMessage('Введите номер телефона', required),
-    format: helpers.withMessage('Введите корректный номер', phoneRegex),
-  },
-  password: {
-    required: helpers.withMessage('Введите пароль', required),
-    minLen: helpers.withMessage('Минимум 8 символов', minLength(8)),
-  },
-  confirmPassword: {
-    required: helpers.withMessage('Подтвердите пароль', required),
-    match: helpers.withMessage('Пароли не совпадают', () => form.password === form.confirmPassword),
-  },
-};
-
-const v$ = useVuelidate(rules, form);
-
-async function submit() {
-  const valid = await v$.value.$validate();
-  if (!valid) return;
-
-  loading.value = true;
-  try {
-    await authStore.register({ phone: form.phone, password: form.password });
-    router.replace('/setup');
-  } catch (err: unknown) {
-    const message = (err as { response?: { data?: { message?: string } } })
-      ?.response?.data?.message ?? 'Ошибка регистрации. Попробуйте ещё раз.';
-    uiStore.addToast(message, 'error');
-  } finally {
-    loading.value = false;
-  }
-}
-</script>
-
 <template>
   <div class="auth-page">
     <div class="auth-page__grain" aria-hidden="true" />
 
     <div class="auth-card">
-      <div class="auth-card__wordmark">Dating</div>
-      <h1 class="auth-card__heading">Создать аккаунт</h1>
-      <p class="auth-card__sub">Начните своё путешествие</p>
+      <div class="auth-card__wordmark">
+        Dating
+      </div>
+      <h1 class="auth-card__heading">
+        Создать аккаунт
+      </h1>
+      <p class="auth-card__sub">
+        Начните своё путешествие
+      </p>
 
-      <form class="auth-form" @submit.prevent="submit" novalidate>
+      <form class="auth-form" novalidate @submit.prevent="submit">
         <AppInput
           v-model="form.phone"
           label="Телефон"
@@ -102,12 +54,73 @@ async function submit() {
 
       <p class="auth-card__footer">
         Уже есть аккаунт?
-        <RouterLink to="/login" class="auth-card__link">Войти</RouterLink>
+        <RouterLink to="/login" class="auth-card__link">
+          Войти
+        </RouterLink>
       </p>
     </div>
   </div>
 </template>
 
+<script setup lang="ts">
+import { useVuelidate } from '@vuelidate/core'
+import { helpers, minLength, required } from '@vuelidate/validators'
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import AppButton from '@/components/common/AppButton.vue'
+import AppInput from '@/components/common/AppInput.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+const router = useRouter()
+const authStore = useAuth()
+const uiStore = useUi()
+
+const form = reactive({ phone: '', password: '', confirmPassword: '' })
+const loading = ref(false)
+
+const phoneRegex = helpers.regex(/^\+?[0-9\s\-()]{7,20}$/)
+
+const rules = {
+  phone: {
+    required: helpers.withMessage('Введите номер телефона', required),
+    format: helpers.withMessage('Введите корректный номер', phoneRegex),
+  },
+  password: {
+    required: helpers.withMessage('Введите пароль', required),
+    minLen: helpers.withMessage('Минимум 8 символов', minLength(8)),
+  },
+  confirmPassword: {
+    required: helpers.withMessage('Подтвердите пароль', required),
+    match: helpers.withMessage('Пароли не совпадают', () => form.password === form.confirmPassword),
+  },
+}
+
+const v$ = useVuelidate(rules, form)
+
+async function submit() {
+  const valid = await v$.value.$validate()
+  if (!valid)
+    return
+
+  loading.value = true
+  try {
+    await authStore.register({ phone: form.phone, password: form.password })
+    router.replace('/setup')
+  }
+  catch (err: unknown) {
+    const message = (err as { response?: { data?: { message?: string } } })
+      ?.response
+      ?.data
+      ?.message ?? 'Ошибка регистрации. Попробуйте ещё раз.'
+    uiStore.addToast(message, 'error')
+  }
+  finally {
+    loading.value = false
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .auth-page {
   min-height: 100dvh;
@@ -177,7 +190,9 @@ async function submit() {
   &__link {
     color: var(--color-cream);
     transition: color var(--transition-fast);
-    &:hover { color: var(--color-signal); }
+    &:hover {
+      color: var(--color-signal);
+    }
   }
 }
 
@@ -186,6 +201,8 @@ async function submit() {
   flex-direction: column;
   gap: 20px;
 
-  &__submit { margin-top: 8px; }
+  &__submit {
+    margin-top: 8px;
+  }
 }
 </style>
diff --git a/src/views/chat/ChatRoomView.vue b/src/views/chat/ChatRoomView.vue
index 5973796..95f9b61 100644
--- a/src/views/chat/ChatRoomView.vue
+++ b/src/views/chat/ChatRoomView.vue
@@ -1,92 +1,10 @@
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
-import { useRoute } from 'vue-router';
-import { useAuth } from '@/composables/useAuth';
-import { useChat } from '@/composables/useChat';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import type { ChatMessage } from '@/composables/useChat';
-import ChatBubble from '@/components/chat/ChatBubble.vue';
-import ChatInput from '@/components/chat/ChatInput.vue';
-import AppModal from '@/components/common/AppModal.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-
-const route = useRoute();
-const authStore = useAuth();
-const chatStore = useChat();
-const uiStore = useUi();
-
-const chatId = route.params.chatId as string;
-const profileId = computed(() => authStore.activeProfile?.id ?? '');
-const messagesEnd = ref<HTMLElement | null>(null);
-const confirmClose = ref(false);
-
-const chat = computed(() => chatStore.chats.find((c) => c.id === chatId));
-const isLocked = computed(() => chat.value?.status === 'closed');
-
-// Group messages by date
-const groupedMessages = computed(() => {
-  const groups: Array<{ date: string; messages: ChatMessage[] }> = [];
-  let lastDate = '';
-  for (const msg of chatStore.messages) {
-    const d = new Date(msg.createdAt).toLocaleDateString('ru', { day: 'numeric', month: 'long', year: 'numeric' });
-    if (d !== lastDate) {
-      groups.push({ date: d, messages: [] });
-      lastDate = d;
-    }
-    groups[groups.length - 1].messages.push(msg);
-  }
-  return groups;
-});
-
-async function scrollToBottom() {
-  await nextTick();
-  messagesEnd.value?.scrollIntoView({ behavior: 'smooth' });
-}
-
-onMounted(async () => {
-  if (!profileId.value) return;
-  await chatStore.fetchMessages(chatId, profileId.value);
-  await scrollToBottom();
-  chatStore.startPolling(chatId, profileId.value);
-});
-
-onUnmounted(() => {
-  chatStore.stopPolling();
-});
-
-async function send(text: string, mediaUrl?: string, mediaType?: 'photo' | 'voice' | 'video') {
-  if (!profileId.value) return;
-  try {
-    await chatStore.sendMessage(chatId, profileId.value, { text, mediaUrl, mediaType });
-    await scrollToBottom();
-  } catch {
-    uiStore.addToast('Не удалось отправить сообщение', 'error');
-  }
-}
-
-function goBack() { window.history.back(); }
-
-async function doCloseChat() {
-  if (!profileId.value) return;
-  try {
-    await chatStore.closeChat(chatId, profileId.value);
-    confirmClose.value = false;
-    goBack();
-  } catch {
-    uiStore.addToast('Не удалось закрыть чат', 'error');
-  }
-}
-</script>
-
 <template>
   <div class="chat-room">
     <!-- Header -->
     <header class="chat-room__header">
-      <button class="chat-room__back" @click="goBack()" aria-label="Назад">
+      <button class="chat-room__back" aria-label="Назад" @click="goBack()">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="20" height="20">
-          <path d="M19 12H5M12 5l-7 7 7 7"/>
+          <path d="M19 12H5M12 5l-7 7 7 7" />
         </svg>
       </button>
       <div class="chat-room__partner">
@@ -95,17 +13,17 @@ async function doCloseChat() {
           :src="chat.partner.avatarUrl"
           class="chat-room__avatar"
           :alt="chat.partner?.name"
-        />
+        >
         <div v-else class="chat-room__avatar chat-room__avatar--placeholder" />
         <span class="chat-room__name">{{ chat?.partner?.name ?? 'Чат' }}</span>
       </div>
       <button
         class="chat-room__close-btn"
-        @click="confirmClose = true"
         aria-label="Закрыть чат"
+        @click="confirmClose = true"
       >
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="18" height="18">
-          <path d="M18 6L6 18M6 6l12 12"/>
+          <path d="M18 6L6 18M6 6l12 12" />
         </svg>
       </button>
     </header>
@@ -113,8 +31,8 @@ async function doCloseChat() {
     <!-- Locked overlay -->
     <div v-if="isLocked" class="chat-room__locked" role="alert">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="24" height="24">
-        <rect x="3" y="11" width="18" height="11" rx="2"/>
-        <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+        <rect x="3" y="11" width="18" height="11" rx="2" />
+        <path d="M7 11V7a5 5 0 0 1 10 0v4" />
       </svg>
       <span>Чат заблокирован. Закройте другой активный чат, чтобы продолжить общение.</span>
     </div>
@@ -157,13 +75,103 @@ async function doCloseChat() {
         Вы уверены? Переписка будет удалена и восстановить её нельзя.
       </p>
       <template #footer>
-        <AppButton variant="ghost" @click="confirmClose = false">Отмена</AppButton>
-        <AppButton variant="danger" @click="doCloseChat">Закрыть чат</AppButton>
+        <AppButton variant="ghost" @click="confirmClose = false">
+          Отмена
+        </AppButton>
+        <AppButton variant="danger" @click="doCloseChat">
+          Закрыть чат
+        </AppButton>
       </template>
     </AppModal>
   </div>
 </template>
 
+<script setup lang="ts">
+import type { ChatMessage } from '@/composables/useChat'
+import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import ChatBubble from '@/components/chat/ChatBubble.vue'
+import ChatInput from '@/components/chat/ChatInput.vue'
+import AppButton from '@/components/common/AppButton.vue'
+import AppModal from '@/components/common/AppModal.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useChat } from '@/composables/useChat'
+import { useUi } from '@/composables/useUi'
+
+const route = useRoute()
+const authStore = useAuth()
+const chatStore = useChat()
+const uiStore = useUi()
+
+const chatId = route.params.chatId as string
+const profileId = computed(() => authStore.activeProfile?.id ?? '')
+const messagesEnd = ref<HTMLElement | null>(null)
+const confirmClose = ref(false)
+
+const chat = computed(() => chatStore.chats.find(c => c.id === chatId))
+const isLocked = computed(() => chat.value?.status === 'closed')
+
+// Group messages by date
+const groupedMessages = computed(() => {
+  const groups: Array<{ date: string, messages: ChatMessage[] }> = []
+  let lastDate = ''
+  for (const msg of chatStore.messages) {
+    const d = new Date(msg.createdAt).toLocaleDateString('ru', { day: 'numeric', month: 'long', year: 'numeric' })
+    if (d !== lastDate) {
+      groups.push({ date: d, messages: [] })
+      lastDate = d
+    }
+    groups[groups.length - 1].messages.push(msg)
+  }
+  return groups
+})
+
+async function scrollToBottom() {
+  await nextTick()
+  messagesEnd.value?.scrollIntoView({ behavior: 'smooth' })
+}
+
+onMounted(async () => {
+  if (!profileId.value)
+    return
+  await chatStore.fetchMessages(chatId, profileId.value)
+  await scrollToBottom()
+  chatStore.startPolling(chatId, profileId.value)
+})
+
+onUnmounted(() => {
+  chatStore.stopPolling()
+})
+
+async function send(text: string, mediaUrl?: string, mediaType?: 'photo' | 'voice' | 'video') {
+  if (!profileId.value)
+    return
+  try {
+    await chatStore.sendMessage(chatId, profileId.value, { text, mediaUrl, mediaType })
+    await scrollToBottom()
+  }
+  catch {
+    uiStore.addToast('Не удалось отправить сообщение', 'error')
+  }
+}
+
+function goBack() { window.history.back() }
+
+async function doCloseChat() {
+  if (!profileId.value)
+    return
+  try {
+    await chatStore.closeChat(chatId, profileId.value)
+    confirmClose.value = false
+    goBack()
+  }
+  catch {
+    uiStore.addToast('Не удалось закрыть чат', 'error')
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .chat-room {
   height: 100%;
@@ -189,7 +197,9 @@ async function doCloseChat() {
     border-radius: var(--radius-sm);
     transition: color var(--transition-fast);
     flex-shrink: 0;
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
   }
 
   &__partner {
@@ -228,7 +238,9 @@ async function doCloseChat() {
     display: flex;
     transition: color var(--transition-fast);
     flex-shrink: 0;
-    &:hover { color: var(--color-signal); }
+    &:hover {
+      color: var(--color-signal);
+    }
   }
 
   &__locked {
@@ -263,7 +275,9 @@ async function doCloseChat() {
     }
   }
 
-  &__group { margin-bottom: 16px; }
+  &__group {
+    margin-bottom: 16px;
+  }
 
   &__date-sep {
     display: flex;
diff --git a/src/views/chat/ChatsListView.vue b/src/views/chat/ChatsListView.vue
index 9d8c737..9b0315f 100644
--- a/src/views/chat/ChatsListView.vue
+++ b/src/views/chat/ChatsListView.vue
@@ -1,42 +1,9 @@
-<script setup lang="ts">
-import { onMounted, ref } from 'vue';
-import { useAuth } from '@/composables/useAuth';
-import { useChat } from '@/composables/useChat';
-import { useUi } from '@/composables/useUi';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-import EmptyState from '@/components/common/EmptyState.vue';
-
-const authStore = useAuth();
-const chatStore = useChat();
-const uiStore = useUi();
-const loading = ref(false);
-
-onMounted(async () => {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  loading.value = true;
-  try {
-    await chatStore.fetchChats(profileId);
-  } catch {
-    uiStore.addToast('Не удалось загрузить чаты', 'error');
-  } finally {
-    loading.value = false;
-  }
-});
-
-function formatTime(dateStr: string) {
-  const d = new Date(dateStr);
-  const now = new Date();
-  const isToday = d.toDateString() === now.toDateString();
-  if (isToday) return d.toLocaleTimeString('ru', { hour: '2-digit', minute: '2-digit' });
-  return d.toLocaleDateString('ru', { day: 'numeric', month: 'short' });
-}
-</script>
-
 <template>
   <div class="chats-list">
     <header class="chats-list__header">
-      <h1 class="chats-list__title">Чаты</h1>
+      <h1 class="chats-list__title">
+        Чаты
+      </h1>
     </header>
 
     <div v-if="loading" class="chats-list__loading">
@@ -63,17 +30,17 @@ function formatTime(dateStr: string) {
               :src="chat.partner.avatarUrl"
               :alt="chat.partner?.name"
               class="chat-item__avatar"
-            />
+            >
             <div v-else class="chat-item__avatar chat-item__avatar--placeholder">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" width="24" height="24" opacity="0.3">
-                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
+                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
               </svg>
             </div>
             <!-- Lock icon for inactive chats -->
             <div v-if="chat.status === 'closed'" class="chat-item__lock" aria-label="Чат неактивен">
               <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" width="12" height="12">
-                <rect x="3" y="7" width="10" height="8" rx="1"/>
-                <path d="M5 7V5a3 3 0 0 1 6 0v2"/>
+                <rect x="3" y="7" width="10" height="8" rx="1" />
+                <path d="M5 7V5a3 3 0 0 1 6 0v2" />
               </svg>
             </div>
           </div>
@@ -88,16 +55,59 @@ function formatTime(dateStr: string) {
             <p v-if="chat.lastMessage" class="chat-item__preview">
               {{ chat.lastMessage.text || (chat.lastMessage.mediaType === 'photo' ? '📷 Фото' : chat.lastMessage.mediaType === 'voice' ? '🎤 Голосовое' : '🎬 Видео') }}
             </p>
-            <p v-else class="chat-item__preview chat-item__preview--empty">Начните переписку</p>
+            <p v-else class="chat-item__preview chat-item__preview--empty">
+              Начните переписку
+            </p>
           </div>
 
-          <div v-if="(chat.unreadCount ?? 0) > 0" class="chat-item__badge">{{ chat.unreadCount }}</div>
+          <div v-if="(chat.unreadCount ?? 0) > 0" class="chat-item__badge">
+            {{ chat.unreadCount }}
+          </div>
         </RouterLink>
       </li>
     </ul>
   </div>
 </template>
 
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import EmptyState from '@/components/common/EmptyState.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useChat } from '@/composables/useChat'
+import { useUi } from '@/composables/useUi'
+
+const authStore = useAuth()
+const chatStore = useChat()
+const uiStore = useUi()
+const loading = ref(false)
+
+onMounted(async () => {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  loading.value = true
+  try {
+    await chatStore.fetchChats(profileId)
+  }
+  catch {
+    uiStore.addToast('Не удалось загрузить чаты', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+})
+
+function formatTime(dateStr: string) {
+  const d = new Date(dateStr)
+  const now = new Date()
+  const isToday = d.toDateString() === now.toDateString()
+  if (isToday)
+    return d.toLocaleTimeString('ru', { hour: '2-digit', minute: '2-digit' })
+  return d.toLocaleDateString('ru', { day: 'numeric', month: 'short' })
+}
+</script>
+
 <style scoped lang="scss">
 .chats-list {
   height: 100%;
@@ -141,7 +151,9 @@ function formatTime(dateStr: string) {
   text-decoration: none;
   transition: background var(--transition-fast);
 
-  &:hover { background: rgba(240, 235, 224, 0.03); }
+  &:hover {
+    background: rgba(240, 235, 224, 0.03);
+  }
 
   &--inactive {
     opacity: 0.6;
@@ -218,7 +230,9 @@ function formatTime(dateStr: string) {
     text-overflow: ellipsis;
     margin: 0;
 
-    &--empty { font-style: italic; }
+    &--empty {
+      font-style: italic;
+    }
   }
 
   &__badge {
diff --git a/src/views/dates/DatesView.vue b/src/views/dates/DatesView.vue
index 0659256..497c714 100644
--- a/src/views/dates/DatesView.vue
+++ b/src/views/dates/DatesView.vue
@@ -1,100 +1,9 @@
-<script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import AppButton from '@/components/common/AppButton.vue';
-import AppModal from '@/components/common/AppModal.vue';
-import EmptyState from '@/components/common/EmptyState.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-
-interface DateStatus { id: string; name: string; }
-interface DateItem {
-  id: string;
-  profileId: string;
-  partnerProfileId: string;
-  partnerName?: string;
-  lat: number;
-  lng: number;
-  time: string;
-  statusId: string;
-  statusName?: string;
-  isIncoming: boolean;
-}
-
-const authStore = useAuth();
-const uiStore = useUi();
-
-const dates = ref<DateItem[]>([]);
-const statuses = ref<DateStatus[]>([]);
-const loading = ref(false);
-const actionLoading = ref<string | null>(null);
-
-onMounted(async () => {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  loading.value = true;
-  try {
-    const [datesRes, statusesRes] = await Promise.all([
-      apiClient.api.datesControllerGetDates({ profileId }) as unknown as DateItem[],
-      apiClient.api.datesControllerGetStatuses() as unknown as DateStatus[],
-    ]);
-    dates.value = datesRes;
-    statuses.value = statusesRes;
-  } catch {
-    uiStore.addToast('Не удалось загрузить встречи', 'error');
-  } finally {
-    loading.value = false;
-  }
-});
-
-function statusLabel(statusId: string) {
-  return statuses.value.find((s) => s.id === statusId)?.name ?? statusId;
-}
-
-function statusColor(statusId: string) {
-  const name = statusLabel(statusId).toLowerCase();
-  if (name.includes('ожид') || name.includes('pending')) return 'pending';
-  if (name.includes('приня') || name.includes('accept')) return 'accepted';
-  if (name.includes('отклон') || name.includes('declin')) return 'declined';
-  if (name.includes('заверш') || name.includes('complet')) return 'completed';
-  return 'default';
-}
-
-async function updateStatus(dateId: string, statusId: string) {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  actionLoading.value = `${dateId}-${statusId}`;
-  try {
-    await apiClient.api.datesControllerUpdateStatus({ id: dateId, profileId }, { statusId });
-    const idx = dates.value.findIndex((d) => d.id === dateId);
-    if (idx !== -1) dates.value[idx].statusId = statusId;
-    uiStore.addToast('Статус обновлён', 'success');
-  } catch {
-    uiStore.addToast('Не удалось обновить статус', 'error');
-  } finally {
-    actionLoading.value = null;
-  }
-}
-
-function formatDateTime(iso: string) {
-  return new Date(iso).toLocaleString('ru', {
-    day: 'numeric', month: 'long', year: 'numeric',
-    hour: '2-digit', minute: '2-digit',
-  });
-}
-
-// Pending = first two status ids roughly; accept/decline/complete = 3+
-const pendingStatusId = computed(() => statuses.value[0]?.id ?? '');
-const acceptedStatusId = computed(() => statuses.value[1]?.id ?? '');
-const declinedStatusId = computed(() => statuses.value[2]?.id ?? '');
-const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
-</script>
-
 <template>
   <div class="dates-view">
     <header class="dates-view__header">
-      <h1 class="dates-view__title">Встречи</h1>
+      <h1 class="dates-view__title">
+        Встречи
+      </h1>
     </header>
 
     <div v-if="loading" class="dates-view__loading">
@@ -112,7 +21,9 @@ const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
       <article v-for="date in dates" :key="date.id" class="date-card">
         <div class="date-card__header">
           <div>
-            <h3 class="date-card__partner">{{ date.partnerName ?? 'Партнёр' }}</h3>
+            <h3 class="date-card__partner">
+              {{ date.partnerName ?? 'Партнёр' }}
+            </h3>
             <time class="date-card__time meta" :datetime="date.time">{{ formatDateTime(date.time) }}</time>
           </div>
           <span
@@ -123,8 +34,8 @@ const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
 
         <div class="date-card__location meta">
           <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="14" height="14">
-            <path d="M10 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-            <path d="M17 10c0 6-7 10-7 10S3 16 3 10a7 7 0 1 1 14 0z"/>
+            <path d="M10 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
+            <path d="M17 10c0 6-7 10-7 10S3 16 3 10a7 7 0 1 1 14 0z" />
           </svg>
           {{ date.lat.toFixed(4) }}, {{ date.lng.toFixed(4) }}
         </div>
@@ -136,13 +47,17 @@ const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
             size="sm"
             :loading="actionLoading === `${date.id}-${acceptedStatusId}`"
             @click="updateStatus(date.id, acceptedStatusId)"
-          >Принять</AppButton>
+          >
+            Принять
+          </AppButton>
           <AppButton
             variant="ghost"
             size="sm"
             :loading="actionLoading === `${date.id}-${declinedStatusId}`"
             @click="updateStatus(date.id, declinedStatusId)"
-          >Отклонить</AppButton>
+          >
+            Отклонить
+          </AppButton>
         </div>
 
         <!-- Mark as complete -->
@@ -152,13 +67,121 @@ const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
             size="sm"
             :loading="actionLoading === `${date.id}-${completedStatusId}`"
             @click="updateStatus(date.id, completedStatusId)"
-          >Встреча состоялась</AppButton>
+          >
+            Встреча состоялась
+          </AppButton>
         </div>
       </article>
     </div>
   </div>
 </template>
 
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import EmptyState from '@/components/common/EmptyState.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+interface DateStatus { id: string, name: string }
+interface DateItem {
+  id: string
+  profileId: string
+  partnerProfileId: string
+  partnerName?: string
+  lat: number
+  lng: number
+  time: string
+  statusId: string
+  statusName?: string
+  isIncoming: boolean
+}
+
+const authStore = useAuth()
+const uiStore = useUi()
+
+const dates = ref<DateItem[]>([])
+const statuses = ref<DateStatus[]>([])
+const loading = ref(false)
+const actionLoading = ref<string | null>(null)
+
+onMounted(async () => {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  loading.value = true
+  try {
+    const [datesRes, statusesRes] = await Promise.all([
+      apiClient.api.datesControllerGetDates({ profileId }) as unknown as DateItem[],
+      apiClient.api.datesControllerGetStatuses() as unknown as DateStatus[],
+    ])
+    dates.value = datesRes
+    statuses.value = statusesRes
+  }
+  catch {
+    uiStore.addToast('Не удалось загрузить встречи', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+})
+
+function statusLabel(statusId: string) {
+  return statuses.value.find(s => s.id === statusId)?.name ?? statusId
+}
+
+function statusColor(statusId: string) {
+  const name = statusLabel(statusId).toLowerCase()
+  if (name.includes('ожид') || name.includes('pending'))
+    return 'pending'
+  if (name.includes('приня') || name.includes('accept'))
+    return 'accepted'
+  if (name.includes('отклон') || name.includes('declin'))
+    return 'declined'
+  if (name.includes('заверш') || name.includes('complet'))
+    return 'completed'
+  return 'default'
+}
+
+async function updateStatus(dateId: string, statusId: string) {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  actionLoading.value = `${dateId}-${statusId}`
+  try {
+    await apiClient.api.datesControllerUpdateStatus({ id: dateId, profileId }, { statusId })
+    const idx = dates.value.findIndex(d => d.id === dateId)
+    if (idx !== -1)
+      dates.value[idx].statusId = statusId
+    uiStore.addToast('Статус обновлён', 'success')
+  }
+  catch {
+    uiStore.addToast('Не удалось обновить статус', 'error')
+  }
+  finally {
+    actionLoading.value = null
+  }
+}
+
+function formatDateTime(iso: string) {
+  return new Date(iso).toLocaleString('ru', {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  })
+}
+
+// Pending = first two status ids roughly; accept/decline/complete = 3+
+const pendingStatusId = computed(() => statuses.value[0]?.id ?? '')
+const acceptedStatusId = computed(() => statuses.value[1]?.id ?? '')
+const declinedStatusId = computed(() => statuses.value[2]?.id ?? '')
+const completedStatusId = computed(() => statuses.value[3]?.id ?? '')
+</script>
+
 <style scoped lang="scss">
 .dates-view {
   height: 100%;
@@ -205,7 +228,9 @@ const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
   gap: 12px;
   transition: border-color var(--transition-fast);
 
-  &:hover { border-color: var(--color-border-strong); }
+  &:hover {
+    border-color: var(--color-border-strong);
+  }
 
   &__header {
     display: flex;
@@ -222,7 +247,9 @@ const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
     margin: 0 0 4px;
   }
 
-  &__time { color: var(--color-muted); }
+  &__time {
+    color: var(--color-muted);
+  }
 
   &__status {
     padding: 3px 10px;
@@ -234,11 +261,26 @@ const completedStatusId = computed(() => statuses.value[3]?.id ?? '');
     text-transform: uppercase;
     flex-shrink: 0;
 
-    &--pending   { background: rgba(200, 160, 60, 0.15);  color: #c89c3c; }
-    &--accepted  { background: rgba(80, 180, 80, 0.15);   color: #50b450; }
-    &--declined  { background: var(--color-signal-bg);    color: var(--color-signal); }
-    &--completed { background: rgba(240, 235, 224, 0.06); color: var(--color-muted); }
-    &--default   { background: rgba(240, 235, 224, 0.06); color: var(--color-muted); }
+    &--pending {
+      background: rgba(200, 160, 60, 0.15);
+      color: #c89c3c;
+    }
+    &--accepted {
+      background: rgba(80, 180, 80, 0.15);
+      color: #50b450;
+    }
+    &--declined {
+      background: var(--color-signal-bg);
+      color: var(--color-signal);
+    }
+    &--completed {
+      background: rgba(240, 235, 224, 0.06);
+      color: var(--color-muted);
+    }
+    &--default {
+      background: rgba(240, 235, 224, 0.06);
+      color: var(--color-muted);
+    }
   }
 
   &__location {
diff --git a/src/views/feed/FeedView.vue b/src/views/feed/FeedView.vue
index 7010ba7..2399c00 100644
--- a/src/views/feed/FeedView.vue
+++ b/src/views/feed/FeedView.vue
@@ -1,59 +1,39 @@
-<script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
-import { useFeed } from '@/composables/useFeed';
-import { useAuth } from '@/composables/useAuth';
-import FeedCardStack from '@/components/feed/FeedCardStack.vue';
-import FeedFilters from '@/components/feed/FeedFilters.vue';
-import AppButton from '@/components/common/AppButton.vue';
-
-const feedStore = useFeed();
-const authStore = useAuth();
-
-const filtersOpen = ref(false);
-const viewMode = ref<'stack' | 'scroll'>('stack');
-
-onMounted(() => {
-  const profileId = authStore.activeProfile?.id;
-  if (profileId && feedStore.cards.length === 0) {
-    feedStore.fetchNextPage(profileId);
-  }
-});
-</script>
-
 <template>
   <div class="feed-view">
     <!-- Header bar -->
     <header class="feed-header">
-      <h1 class="feed-header__title">Лента</h1>
+      <h1 class="feed-header__title">
+        Лента
+      </h1>
       <div class="feed-header__actions">
         <!-- View mode toggle -->
         <div class="feed-header__toggle" role="group" aria-label="Режим просмотра">
           <button
             class="feed-header__toggle-btn"
             :class="{ 'feed-header__toggle-btn--active': viewMode === 'stack' }"
-            @click="viewMode = 'stack'"
             aria-label="Карточки"
+            @click="viewMode = 'stack'"
           >
             <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16">
-              <rect x="2" y="2" width="16" height="16" rx="2"/>
-              <rect x="5" y="5" width="10" height="10" rx="1" stroke-dasharray="2 1"/>
+              <rect x="2" y="2" width="16" height="16" rx="2" />
+              <rect x="5" y="5" width="10" height="10" rx="1" stroke-dasharray="2 1" />
             </svg>
           </button>
           <button
             class="feed-header__toggle-btn"
             :class="{ 'feed-header__toggle-btn--active': viewMode === 'scroll' }"
-            @click="viewMode = 'scroll'"
             aria-label="Лента"
+            @click="viewMode = 'scroll'"
           >
             <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16">
-              <path d="M2 5h16M2 10h16M2 15h16"/>
+              <path d="M2 5h16M2 10h16M2 15h16" />
             </svg>
           </button>
         </div>
 
         <AppButton variant="secondary" size="sm" @click="filtersOpen = true">
           <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="14" height="14">
-            <path d="M3 5h14M6 10h8M9 15h2"/>
+            <path d="M3 5h14M6 10h8M9 15h2" />
           </svg>
           Фильтры
         </AppButton>
@@ -63,7 +43,7 @@ onMounted(() => {
     <!-- Search paused banner -->
     <div v-if="feedStore.searchPaused" class="feed-paused" role="alert">
       <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16">
-        <path d="M10 9v4m0 4h.01M8.29 3.86L1.82 17a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
+        <path d="M10 9v4m0 4h.01M8.29 3.86L1.82 17a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
       </svg>
       Поиск приостановлен: достигнут лимит совпадений
     </div>
@@ -87,7 +67,7 @@ onMounted(() => {
               :src="profile.media[0].path"
               :alt="profile.name"
               class="feed-grid__img"
-            />
+            >
             <div v-else class="feed-grid__no-img" />
             <div class="feed-grid__overlay">
               <span class="feed-grid__name">{{ profile.name }}</span>
@@ -105,6 +85,28 @@ onMounted(() => {
   </div>
 </template>
 
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import AppButton from '@/components/common/AppButton.vue'
+import FeedCardStack from '@/components/feed/FeedCardStack.vue'
+import FeedFilters from '@/components/feed/FeedFilters.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useFeed } from '@/composables/useFeed'
+
+const feedStore = useFeed()
+const authStore = useAuth()
+
+const filtersOpen = ref(false)
+const viewMode = ref<'stack' | 'scroll'>('stack')
+
+onMounted(() => {
+  const profileId = authStore.activeProfile?.id
+  if (profileId && feedStore.cards.length === 0) {
+    feedStore.fetchNextPage(profileId)
+  }
+})
+</script>
+
 <style scoped lang="scss">
 .feed-view {
   height: 100%;
@@ -234,7 +236,7 @@ onMounted(() => {
   &__overlay {
     position: absolute;
     inset: 0;
-    background: linear-gradient(0deg, rgba(13,13,13,0.8) 0%, transparent 50%);
+    background: linear-gradient(0deg, rgba(13, 13, 13, 0.8) 0%, transparent 50%);
     display: flex;
     align-items: flex-end;
     padding: 12px;
diff --git a/src/views/matches/MatchesView.vue b/src/views/matches/MatchesView.vue
index 0408e49..405469f 100644
--- a/src/views/matches/MatchesView.vue
+++ b/src/views/matches/MatchesView.vue
@@ -1,68 +1,9 @@
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import { useAuth } from '@/composables/useAuth';
-import { useChat } from '@/composables/useChat';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import { useRouter } from 'vue-router';
-import AppButton from '@/components/common/AppButton.vue';
-import EmptyState from '@/components/common/EmptyState.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-
-interface Match {
-  id: string;
-  profileId: string;
-  partnerProfile: {
-    id: string;
-    name: string;
-    avatarUrl?: string;
-    cityName?: string;
-    age?: number;
-  };
-  createdAt: string;
-  hasChat: boolean;
-}
-
-const authStore = useAuth();
-const chatStore = useChat();
-const uiStore = useUi();
-const router = useRouter();
-
-const matches = ref<Match[]>([]);
-const loading = ref(false);
-
-onMounted(async () => {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  loading.value = true;
-  try {
-    const res = await apiClient.api.likesControllerGetMyMatches({ profileId }) as unknown as Match[];
-    matches.value = res;
-  } catch {
-    uiStore.addToast('Не удалось загрузить совпадения', 'error');
-  } finally {
-    loading.value = false;
-  }
-});
-
-async function openChat(match: Match) {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  try {
-    const chat = await chatStore.openChat(profileId, match.id);
-    router.push(`/chats/${chat.id}`);
-  } catch (err: unknown) {
-    const msg = (err as { response?: { data?: { message?: string } } })
-      ?.response?.data?.message ?? 'Не удалось открыть чат';
-    uiStore.addToast(msg, 'error');
-  }
-}
-</script>
-
 <template>
   <div class="matches-view">
     <header class="matches-view__header">
-      <h1 class="matches-view__title">Совпадения</h1>
+      <h1 class="matches-view__title">
+        Совпадения
+      </h1>
       <span class="meta">{{ matches.length }} {{ matches.length === 1 ? 'человек' : 'людей' }}</span>
     </header>
 
@@ -89,10 +30,10 @@ async function openChat(match: Match) {
             :src="match.partnerProfile.avatarUrl"
             :alt="match.partnerProfile.name"
             class="match-card__avatar"
-          />
+          >
           <div v-else class="match-card__avatar match-card__avatar--placeholder">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" width="28" height="28" opacity="0.3">
-              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
+              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
             </svg>
           </div>
         </RouterLink>
@@ -119,6 +60,74 @@ async function openChat(match: Match) {
   </div>
 </template>
 
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import EmptyState from '@/components/common/EmptyState.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useChat } from '@/composables/useChat'
+import { useUi } from '@/composables/useUi'
+
+interface Match {
+  id: string
+  profileId: string
+  partnerProfile: {
+    id: string
+    name: string
+    avatarUrl?: string
+    cityName?: string
+    age?: number
+  }
+  createdAt: string
+  hasChat: boolean
+}
+
+const authStore = useAuth()
+const chatStore = useChat()
+const uiStore = useUi()
+const router = useRouter()
+
+const matches = ref<Match[]>([])
+const loading = ref(false)
+
+onMounted(async () => {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  loading.value = true
+  try {
+    const res = await apiClient.api.likesControllerGetMyMatches({ profileId }) as unknown as Match[]
+    matches.value = res
+  }
+  catch {
+    uiStore.addToast('Не удалось загрузить совпадения', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+})
+
+async function openChat(match: Match) {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  try {
+    const chat = await chatStore.openChat(profileId, match.id)
+    router.push(`/chats/${chat.id}`)
+  }
+  catch (err: unknown) {
+    const msg = (err as { response?: { data?: { message?: string } } })
+      ?.response
+      ?.data
+      ?.message ?? 'Не удалось открыть чат'
+    uiStore.addToast(msg, 'error')
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .matches-view {
   height: 100%;
@@ -162,7 +171,9 @@ async function openChat(match: Match) {
   padding: 12px 24px;
   transition: background var(--transition-fast);
 
-  &:hover { background: rgba(240, 235, 224, 0.03); }
+  &:hover {
+    background: rgba(240, 235, 224, 0.03);
+  }
 
   &__avatar-wrap {
     flex-shrink: 0;
@@ -201,11 +212,18 @@ async function openChat(match: Match) {
     overflow: hidden;
     text-overflow: ellipsis;
 
-    &:hover { color: var(--color-signal); }
+    &:hover {
+      color: var(--color-signal);
+    }
   }
 
-  &__age { font-weight: 400; opacity: 0.6; }
+  &__age {
+    font-weight: 400;
+    opacity: 0.6;
+  }
 
-  &__city { color: var(--color-muted); }
+  &__city {
+    color: var(--color-muted);
+  }
 }
 </style>
diff --git a/src/views/onboarding/ProfileSetupView.vue b/src/views/onboarding/ProfileSetupView.vue
index 511b62c..ea5d028 100644
--- a/src/views/onboarding/ProfileSetupView.vue
+++ b/src/views/onboarding/ProfileSetupView.vue
@@ -1,108 +1,3 @@
-<script setup lang="ts">
-import { reactive, ref, computed, watch } from 'vue';
-import { useRouter } from 'vue-router';
-import { useVuelidate } from '@vuelidate/core';
-import { required, helpers } from '@vuelidate/validators';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import type { CreateProfileDto } from '@/api/api';
-import type { UserProfile } from '@/composables/useAuth';
-import type { District } from '@/composables/useUi';
-import AppInput from '@/components/common/AppInput.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-
-const router = useRouter();
-const authStore = useAuth();
-const uiStore = useUi();
-
-const step = ref(1);
-const totalSteps = 4;
-const loading = ref(false);
-
-const form = reactive({
-  name: '',
-  birthDate: '',
-  gender: 'female' as 'female' | 'male',
-  cityId: '',
-  districtId: '',
-  description: '',
-  nation: '',
-  height: undefined as number | undefined | null,
-  weight: undefined as number | undefined | null,
-  tagIds: [] as string[],
-});
-
-const selectedTags = ref<string[]>([]);
-const districts = ref<District[]>([]);
-const loadingDistricts = ref(false);
-
-// Load districts when city changes
-watch(() => form.cityId, async (cityId) => {
-  if (!cityId) { districts.value = []; return; }
-  if (uiStore.districts[cityId]) { districts.value = uiStore.districts[cityId]; return; }
-  loadingDistricts.value = true;
-  try {
-    const res = await apiClient.api.citiesControllerFindDistricts(cityId) as unknown as District[];
-    uiStore.setDistricts(cityId, res);
-    districts.value = res;
-  } finally {
-    loadingDistricts.value = false;
-  }
-});
-
-const step1Rules = {
-  name:      { required: helpers.withMessage('Введите имя', required) },
-  birthDate: { required: helpers.withMessage('Введите дату рождения', required) },
-  gender:    { required: helpers.withMessage('Выберите пол', required) },
-};
-
-const v$ = useVuelidate(step1Rules, form);
-
-const progress = computed(() => ((step.value - 1) / totalSteps) * 100);
-
-async function nextStep() {
-  if (step.value === 1) {
-    const valid = await v$.value.$validate();
-    if (!valid) return;
-  }
-  if (step.value < totalSteps) step.value++;
-  else await finish();
-}
-
-function prevStep() {
-  if (step.value > 1) step.value--;
-}
-
-function toggleTag(tagId: string) {
-  const idx = selectedTags.value.indexOf(tagId);
-  if (idx === -1) selectedTags.value.push(tagId);
-  else selectedTags.value.splice(idx, 1);
-}
-
-async function finish() {
-  loading.value = true;
-  try {
-    form.tagIds = selectedTags.value;
-    const profile = await apiClient.api.profilesControllerCreate(form as unknown as CreateProfileDto) as unknown as UserProfile;
-    authStore.addProfile(profile);
-    uiStore.addToast('Профиль создан', 'success');
-    router.replace('/feed');
-  } catch (err: unknown) {
-    const message = (err as { response?: { data?: { message?: string } } })
-      ?.response?.data?.message ?? 'Не удалось создать профиль';
-    uiStore.addToast(message, 'error');
-  } finally {
-    loading.value = false;
-  }
-}
-
-function skip() {
-  router.replace('/feed');
-}
-</script>
-
 <template>
   <div class="setup">
     <div class="setup__grain" aria-hidden="true" />
@@ -116,10 +11,18 @@ function skip() {
       <div class="setup__header">
         <span class="meta">Шаг {{ step }} из {{ totalSteps }}</span>
         <h1 class="setup__title">
-          <template v-if="step === 1">Расскажите о себе</template>
-          <template v-if="step === 2">Где вы находитесь?</template>
-          <template v-if="step === 3">Ваши интересы</template>
-          <template v-if="step === 4">Добавьте фото</template>
+          <template v-if="step === 1">
+            Расскажите о себе
+          </template>
+          <template v-if="step === 2">
+            Где вы находитесь?
+          </template>
+          <template v-if="step === 3">
+            Ваши интересы
+          </template>
+          <template v-if="step === 4">
+            Добавьте фото
+          </template>
         </h1>
       </div>
 
@@ -152,13 +55,17 @@ function skip() {
               class="setup__gender-btn"
               :class="{ 'setup__gender-btn--active': form.gender === 'female' }"
               @click="form.gender = 'female'"
-            >Женщина</button>
+            >
+              Женщина
+            </button>
             <button
               type="button"
               class="setup__gender-btn"
               :class="{ 'setup__gender-btn--active': form.gender === 'male' }"
               @click="form.gender = 'male'"
-            >Мужчина</button>
+            >
+              Мужчина
+            </button>
           </div>
         </div>
         <AppInput
@@ -174,8 +81,12 @@ function skip() {
         <div class="field">
           <label class="field__label label" for="city-select">Город</label>
           <select id="city-select" v-model="form.cityId" class="field__select">
-            <option value="">Выберите город</option>
-            <option v-for="city in uiStore.cities" :key="city.id" :value="city.id">{{ city.name }}</option>
+            <option value="">
+              Выберите город
+            </option>
+            <option v-for="city in uiStore.cities" :key="city.id" :value="city.id">
+              {{ city.name }}
+            </option>
           </select>
         </div>
         <div v-if="form.cityId" class="field">
@@ -184,20 +95,26 @@ function skip() {
             <LoadingSpinner size="sm" />
           </div>
           <select v-else id="district-select" v-model="form.districtId" class="field__select">
-            <option value="">Выберите район</option>
-            <option v-for="d in districts" :key="d.id" :value="d.id">{{ d.name }}</option>
+            <option value="">
+              Выберите район
+            </option>
+            <option v-for="d in districts" :key="d.id" :value="d.id">
+              {{ d.name }}
+            </option>
           </select>
         </div>
         <AppInput v-model="form.nation" label="Национальность" placeholder="Необязательно" name="nation" />
         <div class="setup__row">
           <AppInput v-model.number="(form.height as unknown as string)" label="Рост (см)" placeholder="170" type="number" name="height" />
-          <AppInput v-model.number="(form.weight as unknown as string)" label="Вес (кг)"  placeholder="60"  type="number" name="weight" />
+          <AppInput v-model.number="(form.weight as unknown as string)" label="Вес (кг)" placeholder="60" type="number" name="weight" />
         </div>
       </div>
 
       <!-- Step 3: Tags/interests -->
       <div v-if="step === 3" class="setup__step">
-        <p class="setup__hint">Выберите теги, которые вас описывают</p>
+        <p class="setup__hint">
+          Выберите теги, которые вас описывают
+        </p>
         <div class="setup__tags">
           <button
             v-for="tag in uiStore.tags"
@@ -210,16 +127,18 @@ function skip() {
             {{ tag.value }}
           </button>
         </div>
-        <p v-if="uiStore.tags.length === 0" class="setup__hint setup__hint--muted">Теги загружаются...</p>
+        <p v-if="uiStore.tags.length === 0" class="setup__hint setup__hint--muted">
+          Теги загружаются...
+        </p>
       </div>
 
       <!-- Step 4: Photo upload reminder -->
       <div v-if="step === 4" class="setup__step">
         <div class="setup__photo-hint">
           <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="1.5" width="64" height="64">
-            <rect x="4" y="12" width="56" height="40" rx="4"/>
-            <circle cx="32" cy="32" r="10"/>
-            <circle cx="50" cy="20" r="3"/>
+            <rect x="4" y="12" width="56" height="40" rx="4" />
+            <circle cx="32" cy="32" r="10" />
+            <circle cx="50" cy="20" r="3" />
           </svg>
           <p>После создания профиля вы сможете добавить фото в разделе <strong>Мой профиль</strong></p>
         </div>
@@ -231,10 +150,14 @@ function skip() {
           v-if="step > 1"
           variant="ghost"
           @click="prevStep"
-        >Назад</AppButton>
+        >
+          Назад
+        </AppButton>
         <span v-else />
         <div class="setup__nav-right">
-          <AppButton v-if="step < totalSteps" variant="ghost" @click="skip">Пропустить</AppButton>
+          <AppButton v-if="step < totalSteps" variant="ghost" @click="skip">
+            Пропустить
+          </AppButton>
           <AppButton
             variant="primary"
             size="md"
@@ -249,6 +172,120 @@ function skip() {
   </div>
 </template>
 
+<script setup lang="ts">
+import type { CreateProfileDto } from '@/api/api'
+import type { UserProfile } from '@/composables/useAuth'
+import type { District } from '@/composables/useUi'
+import { useVuelidate } from '@vuelidate/core'
+import { helpers, required } from '@vuelidate/validators'
+import { computed, reactive, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import AppInput from '@/components/common/AppInput.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+const router = useRouter()
+const authStore = useAuth()
+const uiStore = useUi()
+
+const step = ref(1)
+const totalSteps = 4
+const loading = ref(false)
+
+const form = reactive({
+  name: '',
+  birthDate: '',
+  gender: 'female' as 'female' | 'male',
+  cityId: '',
+  districtId: '',
+  description: '',
+  nation: '',
+  height: undefined as number | undefined | null,
+  weight: undefined as number | undefined | null,
+  tagIds: [] as string[],
+})
+
+const selectedTags = ref<string[]>([])
+const districts = ref<District[]>([])
+const loadingDistricts = ref(false)
+
+// Load districts when city changes
+watch(() => form.cityId, async (cityId) => {
+  if (!cityId) { districts.value = []; return }
+  if (uiStore.districts[cityId]) { districts.value = uiStore.districts[cityId]; return }
+  loadingDistricts.value = true
+  try {
+    const res = await apiClient.api.citiesControllerFindDistricts(cityId) as unknown as District[]
+    uiStore.setDistricts(cityId, res)
+    districts.value = res
+  }
+  finally {
+    loadingDistricts.value = false
+  }
+})
+
+const step1Rules = {
+  name: { required: helpers.withMessage('Введите имя', required) },
+  birthDate: { required: helpers.withMessage('Введите дату рождения', required) },
+  gender: { required: helpers.withMessage('Выберите пол', required) },
+}
+
+const v$ = useVuelidate(step1Rules, form)
+
+const progress = computed(() => ((step.value - 1) / totalSteps) * 100)
+
+async function nextStep() {
+  if (step.value === 1) {
+    const valid = await v$.value.$validate()
+    if (!valid)
+      return
+  }
+  if (step.value < totalSteps)
+    step.value++
+  else await finish()
+}
+
+function prevStep() {
+  if (step.value > 1)
+    step.value--
+}
+
+function toggleTag(tagId: string) {
+  const idx = selectedTags.value.indexOf(tagId)
+  if (idx === -1)
+    selectedTags.value.push(tagId)
+  else selectedTags.value.splice(idx, 1)
+}
+
+async function finish() {
+  loading.value = true
+  try {
+    form.tagIds = selectedTags.value
+    const profile = await apiClient.api.profilesControllerCreate(form as unknown as CreateProfileDto) as unknown as UserProfile
+    authStore.addProfile(profile)
+    uiStore.addToast('Профиль создан', 'success')
+    router.replace('/feed')
+  }
+  catch (err: unknown) {
+    const message = (err as { response?: { data?: { message?: string } } })
+      ?.response
+      ?.data
+      ?.message ?? 'Не удалось создать профиль'
+    uiStore.addToast(message, 'error')
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+function skip() {
+  router.replace('/feed')
+}
+</script>
+
 <style scoped lang="scss">
 .setup {
   min-height: 100dvh;
@@ -398,7 +435,9 @@ function skip() {
     color: var(--color-muted);
     margin: 0;
 
-    &--muted { color: var(--color-dim); }
+    &--muted {
+      color: var(--color-dim);
+    }
   }
 
   &__loading {
@@ -416,7 +455,9 @@ function skip() {
     padding: 32px 0;
     color: var(--color-muted);
 
-    svg { opacity: 0.4; }
+    svg {
+      opacity: 0.4;
+    }
 
     p {
       font-family: var(--font-mono);
@@ -426,7 +467,9 @@ function skip() {
       margin: 0;
       line-height: 1.6;
 
-      strong { color: var(--color-cream); }
+      strong {
+        color: var(--color-cream);
+      }
     }
   }
 }
@@ -436,7 +479,9 @@ function skip() {
   flex-direction: column;
   gap: 6px;
 
-  &__label { color: var(--color-muted); }
+  &__label {
+    color: var(--color-muted);
+  }
 
   &__select {
     height: 44px;
@@ -452,7 +497,9 @@ function skip() {
     outline: none;
     appearance: none;
 
-    &:focus { border-color: var(--color-signal); }
+    &:focus {
+      border-color: var(--color-signal);
+    }
   }
 }
 </style>
diff --git a/src/views/profile/MyProfileView.vue b/src/views/profile/MyProfileView.vue
index f9d7e2e..15612e9 100644
--- a/src/views/profile/MyProfileView.vue
+++ b/src/views/profile/MyProfileView.vue
@@ -1,63 +1,3 @@
-<script setup lang="ts">
-import { ref, computed } from 'vue';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import type { UserProfile } from '@/composables/useAuth';
-import ProfileEditor from '@/components/profile/ProfileEditor.vue';
-import MediaGallery from '@/components/profile/MediaGallery.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import AppModal from '@/components/common/AppModal.vue';
-
-const authStore = useAuth();
-const uiStore = useUi();
-
-const editing = ref(false);
-const confirmDelete = ref(false);
-const deleting = ref(false);
-
-const profile = computed(() => authStore.activeProfile);
-
-function onSaved(updated: UserProfile) {
-  editing.value = false;
-}
-
-async function doDelete() {
-  if (!profile.value) return;
-  deleting.value = true;
-  try {
-    await apiClient.api.profilesControllerDelete(profile.value.id);
-    authStore.removeProfile(profile.value.id);
-    confirmDelete.value = false;
-    uiStore.addToast('Профиль удалён', 'success');
-  } catch {
-    uiStore.addToast('Не удалось удалить профиль', 'error');
-  } finally {
-    deleting.value = false;
-  }
-}
-
-function logout() {
-  authStore.logout();
-}
-
-function cityName(cityId?: string | null) {
-  return uiStore.cities.find((c) => c.id === cityId)?.name ?? '';
-}
-
-function tagValues(tags?: Array<{ id: string; value: string }>) {
-  return (tags ?? []).map((t) => t.value);
-}
-
-function calcAge(birthDate: string) {
-  const b = new Date(birthDate);
-  const now = new Date();
-  let age = now.getFullYear() - b.getFullYear();
-  if (now.getMonth() < b.getMonth() || (now.getMonth() === b.getMonth() && now.getDate() < b.getDate())) age--;
-  return age;
-}
-</script>
-
 <template>
   <div class="my-profile">
     <!-- Profile view -->
@@ -70,32 +10,44 @@ function calcAge(birthDate: string) {
             :src="profile.media[0].path"
             :alt="profile.name"
             class="my-profile__avatar"
-          />
+          >
           <div v-else class="my-profile__avatar my-profile__avatar--placeholder">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" width="48" height="48" opacity="0.2">
-              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
+              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
             </svg>
           </div>
         </div>
         <div class="my-profile__hero-info">
-          <h1 class="my-profile__name">{{ profile.name }}<span class="my-profile__age">, {{ calcAge(profile.birthDate) }}</span></h1>
+          <h1 class="my-profile__name">
+            {{ profile.name }}<span class="my-profile__age">, {{ calcAge(profile.birthDate) }}</span>
+          </h1>
           <span v-if="profile.cityId" class="meta my-profile__location">{{ cityName(profile.cityId) }}</span>
         </div>
         <div class="my-profile__hero-actions">
-          <AppButton variant="secondary" size="sm" @click="editing = true">Редактировать</AppButton>
-          <AppButton variant="ghost" size="sm" @click="logout">Выйти</AppButton>
+          <AppButton variant="secondary" size="sm" @click="editing = true">
+            Редактировать
+          </AppButton>
+          <AppButton variant="ghost" size="sm" @click="logout">
+            Выйти
+          </AppButton>
         </div>
       </div>
 
       <!-- Bio -->
       <div v-if="profile.description" class="my-profile__section">
-        <h3 class="my-profile__section-title">О себе</h3>
-        <p class="my-profile__bio">{{ profile.description }}</p>
+        <h3 class="my-profile__section-title">
+          О себе
+        </h3>
+        <p class="my-profile__bio">
+          {{ profile.description }}
+        </p>
       </div>
 
       <!-- Stats -->
       <div class="my-profile__section">
-        <h3 class="my-profile__section-title">Данные</h3>
+        <h3 class="my-profile__section-title">
+          Данные
+        </h3>
         <div class="my-profile__stats">
           <div v-if="profile.nation" class="my-profile__stat">
             <span class="meta">Национальность</span>
@@ -114,7 +66,9 @@ function calcAge(birthDate: string) {
 
       <!-- Tags -->
       <div v-if="profile.tags?.length" class="my-profile__section">
-        <h3 class="my-profile__section-title">Интересы</h3>
+        <h3 class="my-profile__section-title">
+          Интересы
+        </h3>
         <div class="my-profile__tags">
           <span v-for="name in tagValues(profile.tags)" :key="name" class="my-profile__tag">{{ name }}</span>
         </div>
@@ -122,19 +76,25 @@ function calcAge(birthDate: string) {
 
       <!-- Media gallery -->
       <div class="my-profile__section">
-        <h3 class="my-profile__section-title">Фото</h3>
+        <h3 class="my-profile__section-title">
+          Фото
+        </h3>
         <MediaGallery :profile-id="profile.id" :editable="true" />
       </div>
 
       <!-- Danger zone -->
       <div class="my-profile__section my-profile__danger">
-        <AppButton variant="danger" size="sm" @click="confirmDelete = true">Удалить профиль</AppButton>
+        <AppButton variant="danger" size="sm" @click="confirmDelete = true">
+          Удалить профиль
+        </AppButton>
       </div>
     </div>
 
     <!-- No profile state -->
     <div v-else-if="!editing && !profile" class="my-profile__empty">
-      <p class="meta">У вас нет профилей</p>
+      <p class="meta">
+        У вас нет профилей
+      </p>
       <RouterLink to="/setup">
         <AppButton>Создать профиль</AppButton>
       </RouterLink>
@@ -163,13 +123,81 @@ function calcAge(birthDate: string) {
         Профиль будет удалён навсегда. Это действие нельзя отменить.
       </p>
       <template #footer>
-        <AppButton variant="ghost" @click="confirmDelete = false">Отмена</AppButton>
-        <AppButton variant="danger" :loading="deleting" @click="doDelete">Удалить</AppButton>
+        <AppButton variant="ghost" @click="confirmDelete = false">
+          Отмена
+        </AppButton>
+        <AppButton variant="danger" :loading="deleting" @click="doDelete">
+          Удалить
+        </AppButton>
       </template>
     </AppModal>
   </div>
 </template>
 
+<script setup lang="ts">
+import type { UserProfile } from '@/composables/useAuth'
+import { computed, ref } from 'vue'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import AppModal from '@/components/common/AppModal.vue'
+import MediaGallery from '@/components/profile/MediaGallery.vue'
+import ProfileEditor from '@/components/profile/ProfileEditor.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+const authStore = useAuth()
+const uiStore = useUi()
+
+const editing = ref(false)
+const confirmDelete = ref(false)
+const deleting = ref(false)
+
+const profile = computed(() => authStore.activeProfile)
+
+function onSaved(updated: UserProfile) {
+  editing.value = false
+}
+
+async function doDelete() {
+  if (!profile.value)
+    return
+  deleting.value = true
+  try {
+    await apiClient.api.profilesControllerDelete(profile.value.id)
+    authStore.removeProfile(profile.value.id)
+    confirmDelete.value = false
+    uiStore.addToast('Профиль удалён', 'success')
+  }
+  catch {
+    uiStore.addToast('Не удалось удалить профиль', 'error')
+  }
+  finally {
+    deleting.value = false
+  }
+}
+
+function logout() {
+  authStore.logout()
+}
+
+function cityName(cityId?: string | null) {
+  return uiStore.cities.find(c => c.id === cityId)?.name ?? ''
+}
+
+function tagValues(tags?: Array<{ id: string, value: string }>) {
+  return (tags ?? []).map(t => t.value)
+}
+
+function calcAge(birthDate: string) {
+  const b = new Date(birthDate)
+  const now = new Date()
+  let age = now.getFullYear() - b.getFullYear()
+  if (now.getMonth() < b.getMonth() || (now.getMonth() === b.getMonth() && now.getDate() < b.getDate()))
+    age--
+  return age
+}
+</script>
+
 <style scoped lang="scss">
 .my-profile {
   height: 100%;
@@ -199,7 +227,9 @@ function calcAge(birthDate: string) {
     flex-wrap: wrap;
   }
 
-  &__avatar-wrap { flex-shrink: 0; }
+  &__avatar-wrap {
+    flex-shrink: 0;
+  }
 
   &__avatar {
     width: 80px;
@@ -232,7 +262,9 @@ function calcAge(birthDate: string) {
     opacity: 0.6;
   }
 
-  &__location { color: var(--color-muted); }
+  &__location {
+    color: var(--color-muted);
+  }
 
   &__hero-actions {
     display: flex;
@@ -299,7 +331,10 @@ function calcAge(birthDate: string) {
     letter-spacing: 0.03em;
   }
 
-  &__danger { padding-top: 16px; border-top: 1px solid rgba(196, 92, 58, 0.2); }
+  &__danger {
+    padding-top: 16px;
+    border-top: 1px solid rgba(196, 92, 58, 0.2);
+  }
 
   &__editor-header {
     margin-bottom: 24px;
diff --git a/src/views/profile/ProfileDetailView.vue b/src/views/profile/ProfileDetailView.vue
index 8caf5e6..068f0ce 100644
--- a/src/views/profile/ProfileDetailView.vue
+++ b/src/views/profile/ProfileDetailView.vue
@@ -1,63 +1,3 @@
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue';
-import { useRoute } from 'vue-router';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-import { useChat } from '@/composables/useChat';
-import { apiClient } from '@/api/client';
-import type { UserProfile } from '@/composables/useAuth';
-import AppButton from '@/components/common/AppButton.vue';
-import AppModal from '@/components/common/AppModal.vue';
-import ReportModal from '@/components/reports/ReportModal.vue';
-import DateProposalForm from '@/components/dates/DateProposalForm.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-
-const route = useRoute();
-const authStore = useAuth();
-const uiStore = useUi();
-const chatStore = useChat();
-
-const profileId = route.params.profileId as string;
-const profile = ref<UserProfile | null>(null);
-const loading = ref(false);
-const reportOpen = ref(false);
-const dateOpen = ref(false);
-
-onMounted(async () => {
-  loading.value = true;
-  try {
-    const res = await apiClient.api.profilesControllerFindOne(profileId) as unknown as UserProfile;
-    profile.value = res;
-  } catch {
-    uiStore.addToast('Не удалось загрузить профиль', 'error');
-  } finally {
-    loading.value = false;
-  }
-});
-
-const age = computed(() => {
-  if (!profile.value?.birthDate) return null;
-  const b = new Date(profile.value.birthDate);
-  const now = new Date();
-  let a = now.getFullYear() - b.getFullYear();
-  if (now.getMonth() < b.getMonth() || (now.getMonth() === b.getMonth() && now.getDate() < b.getDate())) a--;
-  return a;
-});
-
-const cityName = computed(() => {
-  const cid = profile.value?.cityId;
-  return cid ? uiStore.cities.find((c) => c.id === cid)?.name ?? '' : '';
-});
-const tagNames = computed(() => profile.value?.tags?.map((t) => t.value) ?? []);
-const currentImageIndex = ref(0);
-
-const isOwnProfile = computed(() =>
-  authStore.profiles.some((p) => p.id === profileId),
-);
-
-function goBack() { window.history.back(); }
-</script>
-
 <template>
   <div class="profile-detail">
     <div v-if="loading" class="profile-detail__loading">
@@ -72,27 +12,31 @@ function goBack() { window.history.back(); }
           :src="profile.media[currentImageIndex].path"
           :alt="profile.name"
           class="profile-detail__cover-img"
-        />
+        >
         <div v-else class="profile-detail__cover-placeholder" />
 
         <!-- Navigation -->
         <button
           v-if="currentImageIndex > 0"
           class="profile-detail__img-nav profile-detail__img-nav--prev"
-          @click="currentImageIndex--"
           aria-label="Предыдущее фото"
-        >‹</button>
+          @click="currentImageIndex--"
+        >
+          ‹
+        </button>
         <button
           v-if="currentImageIndex < (profile.media?.length ?? 1) - 1"
           class="profile-detail__img-nav profile-detail__img-nav--next"
-          @click="currentImageIndex++"
           aria-label="Следующее фото"
-        >›</button>
+          @click="currentImageIndex++"
+        >
+          ›
+        </button>
 
         <!-- Back button -->
-        <button class="profile-detail__back" @click="goBack()" aria-label="Назад">
+        <button class="profile-detail__back" aria-label="Назад" @click="goBack()">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="20" height="20">
-            <path d="M19 12H5M12 5l-7 7 7 7"/>
+            <path d="M19 12H5M12 5l-7 7 7 7" />
           </svg>
         </button>
       </div>
@@ -110,13 +54,19 @@ function goBack() { window.history.back(); }
 
           <!-- Actions (non-own) -->
           <div v-if="!isOwnProfile" class="profile-detail__actions">
-            <AppButton size="sm" variant="primary" @click="dateOpen = true">Встреча</AppButton>
-            <AppButton size="sm" variant="ghost" @click="reportOpen = true">Пожаловаться</AppButton>
+            <AppButton size="sm" variant="primary" @click="dateOpen = true">
+              Встреча
+            </AppButton>
+            <AppButton size="sm" variant="ghost" @click="reportOpen = true">
+              Пожаловаться
+            </AppButton>
           </div>
         </div>
 
         <!-- Description -->
-        <p v-if="profile.description" class="profile-detail__bio">{{ profile.description }}</p>
+        <p v-if="profile.description" class="profile-detail__bio">
+          {{ profile.description }}
+        </p>
 
         <!-- Stats -->
         <div class="profile-detail__stats">
@@ -162,6 +112,70 @@ function goBack() { window.history.back(); }
   </div>
 </template>
 
+<script setup lang="ts">
+import type { UserProfile } from '@/composables/useAuth'
+import { computed, onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import AppModal from '@/components/common/AppModal.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import DateProposalForm from '@/components/dates/DateProposalForm.vue'
+import ReportModal from '@/components/reports/ReportModal.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useChat } from '@/composables/useChat'
+import { useUi } from '@/composables/useUi'
+
+const route = useRoute()
+const authStore = useAuth()
+const uiStore = useUi()
+const chatStore = useChat()
+
+const profileId = route.params.profileId as string
+const profile = ref<UserProfile | null>(null)
+const loading = ref(false)
+const reportOpen = ref(false)
+const dateOpen = ref(false)
+
+onMounted(async () => {
+  loading.value = true
+  try {
+    const res = await apiClient.api.profilesControllerFindOne(profileId) as unknown as UserProfile
+    profile.value = res
+  }
+  catch {
+    uiStore.addToast('Не удалось загрузить профиль', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+})
+
+const age = computed(() => {
+  if (!profile.value?.birthDate)
+    return null
+  const b = new Date(profile.value.birthDate)
+  const now = new Date()
+  let a = now.getFullYear() - b.getFullYear()
+  if (now.getMonth() < b.getMonth() || (now.getMonth() === b.getMonth() && now.getDate() < b.getDate()))
+    a--
+  return a
+})
+
+const cityName = computed(() => {
+  const cid = profile.value?.cityId
+  return cid ? uiStore.cities.find(c => c.id === cid)?.name ?? '' : ''
+})
+const tagNames = computed(() => profile.value?.tags?.map(t => t.value) ?? [])
+const currentImageIndex = ref(0)
+
+const isOwnProfile = computed(() =>
+  authStore.profiles.some(p => p.id === profileId),
+)
+
+function goBack() { window.history.back() }
+</script>
+
 <style scoped lang="scss">
 .profile-detail {
   height: 100%;
@@ -179,7 +193,9 @@ function goBack() { window.history.back(); }
     height: 60dvh;
     background: var(--color-surface-2);
 
-    @include mobile { height: 50dvh; }
+    @include mobile {
+      height: 50dvh;
+    }
   }
 
   &__cover-img {
@@ -212,10 +228,16 @@ function goBack() { window.history.back(); }
     transition: background var(--transition-fast);
     backdrop-filter: blur(8px);
 
-    &:hover { background: rgba(13, 13, 13, 0.85); }
+    &:hover {
+      background: rgba(13, 13, 13, 0.85);
+    }
 
-    &--prev { left: 12px; }
-    &--next { right: 12px; }
+    &--prev {
+      left: 12px;
+    }
+    &--next {
+      right: 12px;
+    }
   }
 
   &__back {
@@ -235,7 +257,9 @@ function goBack() { window.history.back(); }
     backdrop-filter: blur(8px);
     transition: background var(--transition-fast);
 
-    &:hover { background: rgba(13, 13, 13, 0.85); }
+    &:hover {
+      background: rgba(13, 13, 13, 0.85);
+    }
   }
 
   &__content {
@@ -260,9 +284,14 @@ function goBack() { window.history.back(); }
     margin: 0 0 4px;
   }
 
-  &__age { opacity: 0.6; font-size: 1.5rem; }
+  &__age {
+    opacity: 0.6;
+    font-size: 1.5rem;
+  }
 
-  &__location { color: var(--color-muted); }
+  &__location {
+    color: var(--color-muted);
+  }
 
   &__actions {
     display: flex;
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 81c7959..de3e102 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1,5 +1,5 @@
 /// <reference types="vite/client" />
 
 interface Window {
-  __TAURI__?: unknown;
+  __TAURI__?: unknown
 }
diff --git a/tsconfig.json b/tsconfig.json
index a2af9f1..9b56f2a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,21 +1,21 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "moduleResolution": "bundler",
-    "strict": true,
-    "skipLibCheck": true,
-    "noEmit": true,
     "jsx": "preserve",
-    "resolveJsonModule": true,
-    "sourceMap": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "useDefineForClassFields": true,
     "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "resolveJsonModule": true,
+    "strict": true,
+    "noEmit": true,
+    "sourceMap": true,
+    "skipLibCheck": true
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "references": [{ "path": "./tsconfig.node.json" }],
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
index 97ede7e..38a9d93 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -1,11 +1,11 @@
 {
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
     "module": "ESNext",
     "moduleResolution": "bundler",
+    "strict": true,
     "allowSyntheticDefaultImports": true,
-    "strict": true
+    "skipLibCheck": true
   },
   "include": ["vite.config.ts"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index f1e8d02..75181a3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,16 +1,16 @@
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import tailwindcss from "@tailwindcss/vite";
-import { resolve } from "path";
+import { resolve } from 'node:path'
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 
-const host = process.env.TAURI_DEV_HOST;
+const host = process.env.TAURI_DEV_HOST
 
 export default defineConfig(async () => ({
   plugins: [vue(), tailwindcss()],
 
   resolve: {
     alias: {
-      "@": resolve(__dirname, "./src"),
+      '@': resolve(__dirname, './src'),
     },
   },
 
@@ -21,9 +21,9 @@ export default defineConfig(async () => ({
         additionalData: (source: string, filePath: string) => {
           // Skip the variables file itself and the main style files to avoid circular deps
           if (filePath.includes('_variables') || filePath.includes('styles/main') || filePath.includes('styles/tailwind')) {
-            return source;
+            return source
           }
-          return `@use "@/styles/_variables.scss" as *;\n${source}`;
+          return `@use "@/styles/_variables.scss" as *;\n${source}`
         },
       },
     },
@@ -37,13 +37,13 @@ export default defineConfig(async () => ({
     host: host || false,
     hmr: host
       ? {
-          protocol: "ws",
+          protocol: 'ws',
           host,
           port: 1421,
         }
       : undefined,
     watch: {
-      ignored: ["**/src-tauri/**"],
+      ignored: ['**/src-tauri/**'],
     },
   },
-}));
+}))