diff --git a/app/resources/js/components/layout/AppSidebar.vue b/app/resources/js/components/layout/AppSidebar.vue
index add53fee..fcddee98 100644
--- a/app/resources/js/components/layout/AppSidebar.vue
+++ b/app/resources/js/components/layout/AppSidebar.vue
@@ -53,14 +53,12 @@ const navGroups = computed<NavGroup[]>(() => [
             },
             { title: 'Канбан', icon: 'mdi-view-column-outline', to: '/kanban' },
             { title: 'Дашборд', icon: 'mdi-view-dashboard-outline', to: '/dashboard' },
-            { title: 'Импорт данных', icon: 'mdi-database-import-outline', to: '/import' },
         ],
     },
     {
         eyebrow: 'Финансы',
         items: [
             { title: 'Биллинг', icon: 'mdi-credit-card-outline', to: '/billing' },
-            { title: 'Отчёты', icon: 'mdi-chart-box-outline', to: '/reports' },
         ],
     },
     {
diff --git a/app/tests/Frontend/AppLayout.spec.ts b/app/tests/Frontend/AppLayout.spec.ts
index 0faf28ec..691330d6 100644
--- a/app/tests/Frontend/AppLayout.spec.ts
+++ b/app/tests/Frontend/AppLayout.spec.ts
@@ -87,14 +87,16 @@ describe('AppLayout.vue', () => {
         expect(text).toContain('Команда');
     });
 
-    it('содержит все 6 nav-пунктов (Менеджеры+Напоминания убраны по требованию заказчика)', async () => {
+    it('содержит 6 nav-пунктов (Импорт данных + Отчёты убраны по требованию заказчика)', async () => {
         const wrapper = await mountAppLayout();
         const text = wrapper.text();
-        ['Проекты', 'Сделки', 'Канбан', 'Дашборд', 'Биллинг', 'Отчёты', 'Настройки'].forEach((label) =>
+        ['Проекты', 'Сделки', 'Канбан', 'Дашборд', 'Биллинг', 'Настройки'].forEach((label) =>
             expect(text).toContain(label),
         );
         expect(text).not.toContain('Менеджеры');
         expect(text).not.toContain('Напоминания');
+        expect(text).not.toContain('Импорт данных');
+        expect(text).not.toContain('Отчёты');
     });
 
     it('показывает счётчики только у пунктов с count', async () => {
diff --git a/cspell-words.txt b/cspell-words.txt
index 6b758cd0..2dd5691a 100644
--- a/cspell-words.txt
+++ b/cspell-words.txt
@@ -1385,3 +1385,9 @@ ivotoby
 ребейз
 ребейзнута
 ребейзом
+
+# Deals page redesign — spec/plan (2026-05-17)
+гейта
+дровер
+канбаном
+коммитить
diff --git a/docs/superpowers/plans/2026-05-17-deals-page-redesign.md b/docs/superpowers/plans/2026-05-17-deals-page-redesign.md
new file mode 100644
index 00000000..60ecce7c
--- /dev/null
+++ b/docs/superpowers/plans/2026-05-17-deals-page-redesign.md
@@ -0,0 +1,2831 @@
+# Редизайн страницы «Сделки» — план реализации
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Превратить страницу «Сделки» из CRM с ручным созданием/корзиной в реестр лидов, поставленных crm.bp: новые колонки, фильтры, экспорт по диапазону дат, пагинация, master-detail панель; воронку статусов 14 → 5.
+
+**Architecture:** Две фазы. **Фаза A** — редизайн страницы (frontend + `DealController@index` + `DealExportController`), работает на текущем наборе из 14 статусов. **Фаза B** — схлопывание воронки 14 → 5 (схема + миграция + Канбан + маппинг импорта). Фаза B стартует ПОСЛЕ гейта подтверждения slug'ов. Фильтрация и пагинация — server-side через `GET /api/deals`. Панель деталей — общий `DealDetailBody.vue`, обёрнутый либо в overlay-дровер (Канбан), либо в inline-`<aside>` (Сделки).
+
+**Tech Stack:** Laravel 13 / PHP 8.3, Vue 3 + Vuetify 3, PostgreSQL 16 (партиционированная `deals`), Pest 4, Vitest, OpenSpout (экспорт).
+
+**Спека:** `docs/superpowers/specs/2026-05-17-deals-page-redesign-design.md`.
+
+---
+
+## Контекст и ограничения
+
+- **Laravel-корень вложен** — приложение в `app/app/...`, тесты в `app/tests/...`, фронт в `app/resources/js/...`.
+- **`MockDeal`** (`composables/mockDeals.ts`) используется и страницей «Сделки», и Канбаном — новые поля добавляются **опциональными**, чтобы не ломать Канбан.
+- **Backend `store`/`destroy`/`restore`** (ручное создание, soft-delete) — **остаются в коде** (`DealController`, `DealBulkActionController`, маршруты, тесты `DealCreate/Destroy/Restore`). Из UI они убираются; удаление самих endpoint'ов — вне scope (отдельная чистка).
+- **Колонка «Город»** — рендерится `—`, фильтр-селект пуст/disabled. Источник данных — открытый вопрос §4 спеки, вне реализации.
+- **Без push.** Коммитить только атомарно по задачам. Хуки не обходить.
+- TDD: failing-тест → запуск (RED) → реализация → запуск (GREEN) → коммит. После логического блока — relevant Vitest/Pest; перед коммитом — pre-commit.
+
+## Структура файлов
+
+**Фаза A — изменяются:**
+
+- `app/resources/js/composables/mockDeals.ts` — расширить `MockDeal` (city/comment/signalType/receivedAt/nextReminderAt); удалить `DEALS_TABS`/`DealsTab` (после A6+A10).
+- `app/resources/js/api/deals.ts` — `ApiDeal` +4 поля, `ListDealsParams` +date-range, `exportDealsByRange()`.
+- `app/resources/js/composables/dealsApiMapper.ts` — `mapApiDeal` заполняет новые поля.
+- `app/app/Http/Controllers/Api/DealController.php` — `index`: фильтр `received_at` BETWEEN, в payload `comment`/`city`/`project_signal_type`/`next_reminder_at`.
+- `app/app/Http/Controllers/Api/DealExportController.php` — экспорт по диапазону дат вместо `ids`.
+- `app/resources/js/components/deals/DealsFilters.vue` — переписать (поиск по телефону, Статус, Проект, Город).
+- `app/resources/js/components/deals/DealsTable.vue` — новый набор колонок.
+- `app/resources/js/components/deals/DealsBulkBar.vue` — только смена статуса.
+- `app/resources/js/components/deals/DealDetailDrawer.vue` — тонкая обёртка (overlay/inline).
+- `app/resources/js/views/DealsView.vue` — полный переписанный экран.
+
+**Фаза A — создаются:**
+
+- `app/resources/js/components/deals/DealDetailBody.vue` — извлечённое тело панели сделки.
+- `app/tests/Feature/DealExportTest.php` — тесты экспорта по диапазону дат.
+
+**Фаза B — изменяются:**
+
+- `db/schema.sql` (seed `lead_statuses`) + `db/CHANGELOG_schema.md`.
+- `app/database/migrations/2026_05_17_120000_deals_funnel_14_to_5_statuses.php` (новый).
+- `app/resources/js/composables/leadStatuses.ts` — `LEAD_STATUSES` 14 → 5.
+- `app/resources/js/composables/useStatusPill.ts` — +`viewed`/`lost`.
+- `app/app/Services/Import/StatusRuToSlugMapper.php` — маппинг под 5.
+- `app/resources/js/composables/mockDeals.ts` (`MOCK_DEALS` slug'и), `app/database/factories/DealFactory.php`, тесты со старыми slug'ами.
+
+---
+
+## ФАЗА A — редизайн страницы
+
+### Task A1: Расширить тип `MockDeal`
+
+**Files:**
+
+- Modify: `app/resources/js/composables/mockDeals.ts:10-19`
+- Test: `app/tests/Frontend/dealsApiMapper.spec.ts`
+
+- [ ] **Step 1: Расширить интерфейс `MockDeal`**
+
+В `mockDeals.ts` заменить блок интерфейса (строки 10-19) на:
+
+```ts
+export interface MockDeal {
+    id: number;
+    name: string;
+    phone: string;
+    statusSlug: LeadStatus['slug'];
+    project: string;
+    manager: { initials: string; name: string };
+    cost: number;
+    receivedMinutesAgo: number;
+    // Редизайн «Сделки» (2026-05-17). Опциональны — Канбан/MOCK_DEALS не трогаем.
+    signalType?: 'call' | 'site' | 'sms' | null;
+    city?: string | null;
+    comment?: string | null;
+    receivedAt?: string | null; // ISO — колонка «Поставлен»
+    nextReminderAt?: string | null; // ISO — колонка «Напоминание»
+}
+```
+
+`DEALS_TABS`, `DealsTab`, `MOCK_DEALS`, `MOCK_PROJECTS`, `MOCK_MANAGERS` — НЕ трогать в этой задаче.
+
+- [ ] **Step 2: Проверить компиляцию типов**
+
+Run: `cd app; npx vue-tsc --noEmit -p tsconfig.json`
+Expected: 0 ошибок (поля опциональны — существующий код валиден).
+
+- [ ] **Step 3: Запустить Vitest по затронутому**
+
+Run: `cd app; npx vitest run tests/Frontend/dealsApiMapper.spec.ts tests/Frontend/DealsTable.spec.ts`
+Expected: PASS (аддитивное изменение).
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add app/resources/js/composables/mockDeals.ts
+git commit -m "feat(deals): extend MockDeal with city/comment/signalType/receivedAt/nextReminderAt"
+```
+
+### Task A2: Расширить `api/deals.ts`
+
+**Files:**
+
+- Modify: `app/resources/js/api/deals.ts`
+- Test: `app/tests/Frontend/deals-api.spec.ts`
+
+- [ ] **Step 1: Расширить `ApiDeal`**
+
+В `api/deals.ts` в интерфейс `ApiDeal` (строки 133-145) добавить 4 поля перед закрывающей `}`:
+
+```ts
+    comment: string | null;
+    city: string | null;
+    project_signal_type: string | null;
+    next_reminder_at: string | null;
+```
+
+- [ ] **Step 2: Расширить `ListDealsParams`**
+
+В `ListDealsParams` (строки 172-182) добавить после `search?: string;`:
+
+```ts
+    /** Диапазон дат поставки (received_at). ISO-дата 'YYYY-MM-DD'. */
+    receivedFrom?: string;
+    receivedTo?: string;
+```
+
+В `listDeals()` (строки 191-205) в объект `params` добавить:
+
+```ts
+            received_from: params.receivedFrom,
+            received_to: params.receivedTo,
+```
+
+- [ ] **Step 3: Добавить `exportDealsByRange()`**
+
+После функции `exportDealsXlsx` (после строки 131) добавить:
+
+```ts
+export interface ExportDealsByRangePayload {
+    tenant_id: number;
+    received_from?: string;
+    received_to?: string;
+    format: 'csv' | 'xlsx';
+}
+
+/**
+ * Экспорт сделок по диапазону дат поставки. format='xlsx' → Blob, 'csv' → строка.
+ */
+export async function exportDealsByRange(payload: ExportDealsByRangePayload): Promise<Blob | string> {
+    await ensureCsrfCookie();
+    if (payload.format === 'xlsx') {
+        const { data } = await apiClient.post<Blob>('/api/deals/export', payload, { responseType: 'blob' });
+        return data;
+    }
+    const { data } = await apiClient.post<string>('/api/deals/export', payload, { responseType: 'text' });
+    return data;
+}
+```
+
+Старые `exportDeals`/`exportDealsXlsx` пока **оставить** (удаляются в Task A10).
+
+- [ ] **Step 4: Проверить типы и тесты**
+
+Run: `cd app; npx vue-tsc --noEmit -p tsconfig.json; npx vitest run tests/Frontend/deals-api.spec.ts`
+Expected: 0 ошибок типов; PASS (аддитивно).
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/resources/js/api/deals.ts
+git commit -m "feat(deals): api/deals — ApiDeal +4 fields, date-range list params, exportDealsByRange"
+```
+
+### Task A3: `mapApiDeal` заполняет новые поля
+
+**Files:**
+
+- Modify: `app/resources/js/composables/dealsApiMapper.ts:60-77`
+- Test: `app/tests/Frontend/dealsApiMapper.spec.ts`
+
+- [ ] **Step 1: Failing-тест**
+
+В `tests/Frontend/dealsApiMapper.spec.ts` добавить тест (в конец describe-блока для `mapApiDeal`; если файл — плоский набор `test()`, добавить в конец файла):
+
+```ts
+test('mapApiDeal переносит city/comment/signalType/receivedAt/nextReminderAt', () => {
+    const iso = '2026-05-15T09:00:00+00:00';
+    const result = mapApiDeal({
+        id: 7,
+        tenant_id: 1,
+        project_id: 2,
+        project_name: 'Окна',
+        phone: '+7 999 000-00-00',
+        contact_name: null,
+        status: 'new',
+        manager_id: null,
+        manager_name: null,
+        manager_initials: null,
+        received_at: iso,
+        comment: 'звонил клиент',
+        city: 'Москва',
+        project_signal_type: 'call',
+        next_reminder_at: iso,
+    });
+    expect(result.city).toBe('Москва');
+    expect(result.comment).toBe('звонил клиент');
+    expect(result.signalType).toBe('call');
+    expect(result.receivedAt).toBe(iso);
+    expect(result.nextReminderAt).toBe(iso);
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; npx vitest run tests/Frontend/dealsApiMapper.spec.ts`
+Expected: FAIL — `city`/`comment`/`signalType` undefined.
+
+- [ ] **Step 3: Реализация**
+
+В `dealsApiMapper.ts` в `mapApiDeal` (return-объект, строки 64-76) добавить перед закрывающей `};` после `receivedMinutesAgo`:
+
+```ts
+        signalType: (api.project_signal_type as MockDeal['signalType']) ?? null,
+        city: api.city,
+        comment: api.comment,
+        receivedAt: api.received_at,
+        nextReminderAt: api.next_reminder_at,
+```
+
+- [ ] **Step 4: Запустить — GREEN**
+
+Run: `cd app; npx vitest run tests/Frontend/dealsApiMapper.spec.ts`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/resources/js/composables/dealsApiMapper.ts app/tests/Frontend/dealsApiMapper.spec.ts
+git commit -m "feat(deals): mapApiDeal maps city/comment/signalType/receivedAt/nextReminderAt"
+```
+
+### Task A4: `DealController@index` — фильтр по диапазону дат + новые поля payload
+
+**Files:**
+
+- Modify: `app/app/Http/Controllers/Api/DealController.php`
+- Test: `app/tests/Feature/DealIndexTest.php`
+
+- [ ] **Step 1: Failing-тесты**
+
+В `tests/Feature/DealIndexTest.php` добавить в конец файла:
+
+```php
+test('GET /api/deals фильтрует по received_from/received_to', function () {
+    Deal::factory()->for($this->tenant)->for($this->project)->create(['received_at' => '2026-05-10 12:00:00']);
+    Deal::factory()->for($this->tenant)->for($this->project)->create(['received_at' => '2026-05-15 12:00:00']);
+    Deal::factory()->for($this->tenant)->for($this->project)->create(['received_at' => '2026-05-20 12:00:00']);
+
+    $r = $this->getJson('/api/deals?received_from=2026-05-12&received_to=2026-05-16');
+
+    expect($r->json('total'))->toBe(1);
+});
+
+test('GET /api/deals received_to включает весь день (конец дня)', function () {
+    Deal::factory()->for($this->tenant)->for($this->project)->create(['received_at' => '2026-05-16 23:30:00']);
+
+    expect($this->getJson('/api/deals?received_to=2026-05-16')->json('total'))->toBe(1);
+});
+
+test('GET /api/deals возвращает comment/city/project_signal_type/next_reminder_at', function () {
+    $this->project->update(['signal_type' => 'call', 'signal_identifier' => '79990001122']);
+    $deal = Deal::factory()->for($this->tenant)->for($this->project)->create([
+        'comment' => 'перезвонить',
+        'city' => 'Казань',
+    ]);
+
+    $r = $this->getJson('/api/deals');
+
+    expect($r->json('deals.0.comment'))->toBe('перезвонить');
+    expect($r->json('deals.0.city'))->toBe('Казань');
+    expect($r->json('deals.0.project_signal_type'))->toBe('call');
+    expect($r->json('deals.0'))->toHaveKey('next_reminder_at');
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; php artisan test --filter=DealIndexTest`
+Expected: FAIL — date-фильтр игнорируется, ключей `comment`/`city`/`project_signal_type` нет.
+
+- [ ] **Step 3: Реализация — импорт Carbon**
+
+В `DealController.php` после `use Illuminate\Support\Facades\DB;` (строка 16) добавить:
+
+```php
+use Illuminate\Support\Carbon;
+```
+
+- [ ] **Step 4: Реализация — чтение date-параметров**
+
+В `index()` после строки `$cursorRaw = (string) $request->query('cursor', '');` (строка 66) добавить:
+
+```php
+        $receivedFrom = trim((string) $request->query('received_from', ''));
+        $receivedTo = trim((string) $request->query('received_to', ''));
+```
+
+Расширить сигнатуру замыкания `DB::transaction(function () use (...))` (строка 84) — добавить `$receivedFrom, $receivedTo` в `use(...)`.
+
+- [ ] **Step 5: Реализация — select с subquery + eager-load signal_type**
+
+В замыкании заменить блок построения `$query` (строки 94-96) на:
+
+```php
+            $query = Deal::query()
+                ->select('deals.*')
+                ->addSelect(['next_reminder_at' => DB::table('reminders')
+                    ->select('remind_at')
+                    ->whereColumn('reminders.deal_id', 'deals.id')
+                    ->whereNull('reminders.completed_at')
+                    ->orderBy('remind_at')
+                    ->limit(1),
+                ])
+                ->where('tenant_id', $tenantId)
+                ->with(['project:id,name,signal_type', 'manager:id,email,first_name,last_name']);
+```
+
+- [ ] **Step 6: Реализация — применить date-фильтр**
+
+После блока `if ($search !== '') { ... }` (после строки 117) добавить:
+
+```php
+            if ($receivedFrom !== '') {
+                $query->where('received_at', '>=', Carbon::parse($receivedFrom)->startOfDay());
+            }
+            if ($receivedTo !== '') {
+                // received_to включительно — до конца дня (+1 день, строгое <).
+                $query->where('received_at', '<', Carbon::parse($receivedTo)->addDay()->startOfDay());
+            }
+```
+
+- [ ] **Step 7: Реализация — новые поля в payload**
+
+В `$payload['deals']` mapping (строки 174-190) добавить после `'received_at' => $d->received_at?->toIso8601String(),`:
+
+```php
+                'comment' => $d->comment,
+                'city' => $d->city,
+                'project_signal_type' => $d->project?->signal_type,
+                'next_reminder_at' => $d->next_reminder_at
+                    ? Carbon::parse($d->next_reminder_at)->toIso8601String()
+                    : null,
+```
+
+- [ ] **Step 8: Запустить — GREEN**
+
+Run: `cd app; php artisan test --filter=DealIndexTest`
+Expected: PASS (все, включая прежние тесты).
+
+- [ ] **Step 9: Commit**
+
+```bash
+git add app/app/Http/Controllers/Api/DealController.php app/tests/Feature/DealIndexTest.php
+git commit -m "feat(deals): DealController@index — received_at date-range filter + comment/city/signal_type/next_reminder_at"
+```
+
+### Task A5: `DealExportController` — экспорт по диапазону дат
+
+**Files:**
+
+- Modify: `app/app/Http/Controllers/Api/DealExportController.php`
+- Create: `app/tests/Feature/DealExportTest.php`
+
+- [ ] **Step 1: Failing-тест — создать `DealExportTest.php`**
+
+```php
+<?php
+
+declare(strict_types=1);
+
+use App\Models\Deal;
+use App\Models\Project;
+use App\Models\Tenant;
+use App\Models\User;
+use Illuminate\Foundation\Testing\DatabaseTransactions;
+use Illuminate\Support\Facades\DB;
+
+uses(DatabaseTransactions::class);
+
+beforeEach(function () {
+    $this->tenant = Tenant::factory()->create();
+    $this->user = User::factory()->for($this->tenant)->create();
+    $this->actingAs($this->user);
+    DB::statement('SET app.current_tenant_id = '.$this->tenant->id);
+    $this->project = Project::factory()->for($this->tenant)->create(['name' => 'Окна Москва']);
+});
+
+test('POST /api/deals/export требует auth', function () {
+    auth()->logout();
+    $this->postJson('/api/deals/export', ['format' => 'csv'])->assertStatus(401);
+});
+
+test('POST /api/deals/export csv возвращает сделки в диапазоне дат', function () {
+    Deal::factory()->for($this->tenant)->for($this->project)->create([
+        'phone' => '+7 999 111-11-11', 'received_at' => '2026-05-15 10:00:00',
+    ]);
+    Deal::factory()->for($this->tenant)->for($this->project)->create([
+        'phone' => '+7 999 222-22-22', 'received_at' => '2026-05-25 10:00:00',
+    ]);
+
+    $r = $this->post('/api/deals/export', [
+        'received_from' => '2026-05-14', 'received_to' => '2026-05-16', 'format' => 'csv',
+    ]);
+
+    $r->assertStatus(200);
+    $r->assertHeader('content-type', 'text/csv; charset=utf-8');
+    $body = $r->streamedContent();
+    expect($body)->toContain('+7 999 111-11-11');
+    expect($body)->not->toContain('+7 999 222-22-22');
+});
+
+test('POST /api/deals/export xlsx отдаёт spreadsheet content-type', function () {
+    Deal::factory()->for($this->tenant)->for($this->project)->create(['received_at' => '2026-05-15 10:00:00']);
+
+    $r = $this->post('/api/deals/export', ['format' => 'xlsx']);
+
+    $r->assertStatus(200);
+    $r->assertHeader('content-type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
+});
+
+test('POST /api/deals/export не экспортирует чужой tenant (RLS)', function () {
+    $other = Tenant::factory()->create();
+    DB::statement('SET app.current_tenant_id = '.$other->id);
+    $foreignProject = Project::factory()->for($other)->create();
+    Deal::factory()->for($other)->for($foreignProject)->create(['phone' => '+7 900 000-00-00']);
+
+    DB::statement('SET app.current_tenant_id = '.$this->tenant->id);
+    $r = $this->post('/api/deals/export', ['format' => 'csv']);
+
+    expect($r->streamedContent())->not->toContain('+7 900 000-00-00');
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; php artisan test --filter=DealExportTest`
+Expected: FAIL — контроллер требует `ids`, валидация падает (422) / содержимое не совпадает.
+
+- [ ] **Step 3: Реализация — переписать `DealExportController.php`**
+
+Полностью заменить файл на:
+
+```php
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Models\Deal;
+use Illuminate\Http\Request;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\DB;
+use OpenSpout\Common\Entity\Row;
+use OpenSpout\Common\Entity\Style\Style;
+use OpenSpout\Writer\CSV\Options as CsvOptions;
+use OpenSpout\Writer\CSV\Writer as CsvWriter;
+use OpenSpout\Writer\XLSX\Writer as XlsxWriter;
+use Symfony\Component\HttpFoundation\StreamedResponse;
+
+/**
+ * Экспорт сделок в CSV / XLSX через OpenSpout streaming.
+ *
+ * Редизайн «Сделки» (2026-05-17): экспорт по ДИАПАЗОНУ ДАТ поставки
+ * (received_at), не по списку id. Окно задаётся received_from/received_to;
+ * оба опциональны (пусто = весь период). Колонки соответствуют таблице
+ * страницы (без чекбокса и без «Напоминание» — экспорт = дамп лидов).
+ *
+ * RLS-обёртка SET LOCAL внутри транзакции (PgBouncer-safe).
+ */
+class DealExportController extends Controller
+{
+    /** Заголовки — общие для CSV и XLSX. */
+    private const HEADERS = ['Телефон', 'Источник', 'Город', 'Статус', 'Комментарий', 'Поставлен'];
+
+    /** signal_type → русская метка для колонки «Источник». */
+    private const SIGNAL_LABELS = ['call' => 'Звонки', 'site' => 'Сайт', 'sms' => 'СМС'];
+
+    public function export(Request $request): StreamedResponse
+    {
+        $validated = $request->validate([
+            'received_from' => 'nullable|date',
+            'received_to' => 'nullable|date',
+            'format' => 'nullable|string|in:csv,xlsx',
+        ]);
+
+        $tenantId = (int) $request->user()->tenant_id;
+        $format = $validated['format'] ?? 'csv';
+        $from = isset($validated['received_from']) && $validated['received_from'] !== ''
+            ? Carbon::parse($validated['received_from'])->startOfDay() : null;
+        $to = isset($validated['received_to']) && $validated['received_to'] !== ''
+            ? Carbon::parse($validated['received_to'])->addDay()->startOfDay() : null;
+
+        $filename = 'deals_export_'.now()->format('Y-m-d').'.'.$format;
+        $headers = $format === 'xlsx'
+            ? [
+                'Content-Type' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+                'Content-Disposition' => 'attachment; filename="'.$filename.'"',
+            ]
+            : [
+                'Content-Type' => 'text/csv; charset=utf-8',
+                'Content-Disposition' => 'attachment; filename="'.$filename.'"',
+            ];
+
+        return new StreamedResponse(function () use ($tenantId, $format, $from, $to) {
+            DB::transaction(function () use ($tenantId, $format, $from, $to) {
+                DB::statement('SET LOCAL app.current_tenant_id = '.$tenantId);
+
+                $statusNames = DB::table('lead_statuses')->pluck('name_ru', 'slug');
+
+                $writer = $this->openWriter($format);
+                $writer->openToFile('php://output');
+
+                if ($format === 'xlsx') {
+                    /** @var XlsxWriter $writer */
+                    $writer->getCurrentSheet()->setName('Сделки');
+                    $writer->addRow(Row::fromValuesWithStyle(self::HEADERS, (new Style)->withFontBold(true)));
+                } else {
+                    $writer->addRow(Row::fromValues(self::HEADERS));
+                }
+
+                $query = Deal::query()
+                    ->where('tenant_id', $tenantId)
+                    ->with('project:id,name,signal_type')
+                    ->orderByDesc('received_at');
+                if ($from !== null) {
+                    $query->where('received_at', '>=', $from);
+                }
+                if ($to !== null) {
+                    $query->where('received_at', '<', $to);
+                }
+
+                $query->chunkById(500, function ($deals) use ($writer, $statusNames) {
+                    foreach ($deals as $deal) {
+                        /** @var Deal $deal */
+                        $signal = $deal->project?->signal_type;
+                        $source = trim(($deal->project?->name ?? '—').' · '
+                            .(self::SIGNAL_LABELS[$signal] ?? '—'));
+                        $writer->addRow(Row::fromValues([
+                            (string) $deal->phone,
+                            $source,
+                            (string) ($deal->city ?? ''),
+                            (string) ($statusNames[$deal->status] ?? $deal->status),
+                            (string) ($deal->comment ?? ''),
+                            $deal->received_at?->toDateTimeString() ?? '',
+                        ]));
+                    }
+                }, 'id');
+
+                $writer->close();
+            });
+        }, 200, $headers);
+    }
+
+    private function openWriter(string $format): CsvWriter|XlsxWriter
+    {
+        if ($format === 'xlsx') {
+            return new XlsxWriter;
+        }
+
+        return new CsvWriter(new CsvOptions(
+            FIELD_DELIMITER: ';',
+            FIELD_ENCLOSURE: '"',
+            SHOULD_ADD_BOM: true,
+        ));
+    }
+}
+```
+
+- [ ] **Step 4: Запустить — GREEN**
+
+Run: `cd app; php artisan test --filter=DealExportTest`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/app/Http/Controllers/Api/DealExportController.php app/tests/Feature/DealExportTest.php
+git commit -m "feat(deals): DealExportController — export by delivery-date range, lead-registry columns"
+```
+
+### Task A6: `DealsFilters.vue` — переписать (телефон, Статус, Проект, Город)
+
+**Files:**
+
+- Modify: `app/resources/js/components/deals/DealsFilters.vue` (полная замена)
+- Test: `app/tests/Frontend/DealsFilters.spec.ts` (создать)
+
+Контракт: stateless presentation, состояние держит родитель через `v-model:*`. Все четыре фильтра — single-select (`string|number|null`). Проект — `id`, опции `{id,name}`. Город — `string`, опции из `availableCities` (сейчас пусто → select disabled).
+
+- [ ] **Step 1: Failing-тест — создать `DealsFilters.spec.ts`**
+
+```ts
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createVuetify } from 'vuetify';
+import DealsFilters from '../../resources/js/components/deals/DealsFilters.vue';
+
+const vuetify = createVuetify();
+const baseProps = {
+    searchPhone: '',
+    filterStatus: null,
+    filterProject: null,
+    filterCity: null,
+    leadStatuses: [{ slug: 'new', nameRu: 'Новые', isSystem: true, sortOrder: 1, colorHex: '#000' }],
+    availableProjects: [{ id: 1, name: 'Окна' }],
+    availableCities: [] as string[],
+};
+
+describe('DealsFilters', () => {
+    it('рендерит поле поиска по телефону', () => {
+        const w = mount(DealsFilters, { props: baseProps, global: { plugins: [vuetify] } });
+        expect(w.find('[data-testid="filter-search-phone"]').exists()).toBe(true);
+    });
+
+    it('эмитит update:searchPhone при вводе', async () => {
+        const w = mount(DealsFilters, { props: baseProps, global: { plugins: [vuetify] } });
+        await w.find('[data-testid="filter-search-phone"] input').setValue('999');
+        expect(w.emitted('update:searchPhone')?.at(-1)).toEqual(['999']);
+    });
+
+    it('город-селект disabled при пустом availableCities', () => {
+        const w = mount(DealsFilters, { props: baseProps, global: { plugins: [vuetify] } });
+        expect(w.find('[data-testid="filter-city"]').classes()).toContain('v-input--disabled');
+    });
+
+    it('кнопка сброса видна когда есть активный фильтр', () => {
+        const w = mount(DealsFilters, {
+            props: { ...baseProps, filterStatus: 'new' },
+            global: { plugins: [vuetify] },
+        });
+        expect(w.find('[data-testid="clear-filters-btn"]').exists()).toBe(true);
+    });
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; npx vitest run tests/Frontend/DealsFilters.spec.ts`
+Expected: FAIL — компонент ещё старый (нет `filter-search-phone`).
+
+- [ ] **Step 3: Реализация — переписать `DealsFilters.vue`**
+
+```vue
+<script setup lang="ts">
+/**
+ * Фильтр-бар реестра «Сделки»: поиск по телефону + 3 select'а (Статус, Проект,
+ * Город). Состояние держит родитель через v-model:*. Город — пока без данных
+ * (источник §4 спеки не определён): select disabled при пустом availableCities.
+ */
+import type { LeadStatus } from '../../composables/leadStatuses';
+
+const props = defineProps<{
+    searchPhone: string;
+    filterStatus: string | null;
+    filterProject: number | null;
+    filterCity: string | null;
+    leadStatuses: LeadStatus[];
+    availableProjects: { id: number; name: string }[];
+    availableCities: string[];
+}>();
+
+defineEmits<{
+    'update:searchPhone': [value: string];
+    'update:filterStatus': [value: string | null];
+    'update:filterProject': [value: number | null];
+    'update:filterCity': [value: string | null];
+    'clear-filters': [];
+}>();
+
+const hasActiveFilter = () =>
+    props.filterStatus !== null || props.filterProject !== null || props.filterCity !== null;
+</script>
+
+<template>
+    <div class="deals-filters">
+        <v-text-field
+            :model-value="searchPhone"
+            placeholder="Поиск по телефону…"
+            prepend-inner-icon="mdi-magnify"
+            variant="outlined"
+            density="compact"
+            hide-details
+            clearable
+            class="filters-search"
+            data-testid="filter-search-phone"
+            @update:model-value="(v: string) => $emit('update:searchPhone', v ?? '')"
+        />
+        <v-select
+            :model-value="filterStatus"
+            :items="leadStatuses"
+            item-title="nameRu"
+            item-value="slug"
+            label="Статус"
+            variant="outlined"
+            density="compact"
+            hide-details
+            clearable
+            class="filters-select"
+            data-testid="filter-status"
+            @update:model-value="(v: string | null) => $emit('update:filterStatus', v ?? null)"
+        />
+        <v-select
+            :model-value="filterProject"
+            :items="availableProjects"
+            item-title="name"
+            item-value="id"
+            label="Проект"
+            variant="outlined"
+            density="compact"
+            hide-details
+            clearable
+            class="filters-select"
+            data-testid="filter-project"
+            @update:model-value="(v: number | null) => $emit('update:filterProject', v ?? null)"
+        />
+        <v-select
+            :model-value="filterCity"
+            :items="availableCities"
+            label="Город"
+            variant="outlined"
+            density="compact"
+            hide-details
+            clearable
+            :disabled="availableCities.length === 0"
+            class="filters-select"
+            data-testid="filter-city"
+            @update:model-value="(v: string | null) => $emit('update:filterCity', v ?? null)"
+        />
+        <v-btn
+            v-if="hasActiveFilter()"
+            variant="text"
+            size="small"
+            prepend-icon="mdi-filter-off"
+            data-testid="clear-filters-btn"
+            @click="$emit('clear-filters')"
+        >
+            Сбросить
+        </v-btn>
+    </div>
+</template>
+
+<style scoped>
+.deals-filters {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+.filters-search {
+    flex: 1 1 240px;
+    max-width: 320px;
+}
+.filters-select {
+    min-width: 170px;
+    max-width: 220px;
+}
+</style>
+```
+
+- [ ] **Step 4: Запустить — GREEN**
+
+Run: `cd app; npx vitest run tests/Frontend/DealsFilters.spec.ts`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/resources/js/components/deals/DealsFilters.vue app/tests/Frontend/DealsFilters.spec.ts
+git commit -m "feat(deals): DealsFilters — phone search + Status/Project/City selects"
+```
+
+### Task A7: `DealsTable.vue` — новый набор колонок
+
+**Files:**
+
+- Modify: `app/resources/js/components/deals/DealsTable.vue` (полная замена)
+- Test: `app/tests/Frontend/DealsTable.spec.ts`
+
+Колонки: чекбокс · Телефон · Источник · Город · Статус · Напоминание · Комментарий · Поставлен. Клик по строке → `row-click`. Активная строка (открыта панель) подсвечивается через `activeDealId`.
+
+- [ ] **Step 1: Обновить тест `DealsTable.spec.ts`**
+
+Полностью заменить файл:
+
+```ts
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createVuetify } from 'vuetify';
+import DealsTable from '../../resources/js/components/deals/DealsTable.vue';
+import type { MockDeal } from '../../resources/js/composables/mockDeals';
+
+const vuetify = createVuetify();
+
+const sampleDeals: MockDeal[] = [
+    {
+        id: 1, name: '+7 (916) 100-00-01', phone: '+7 (916) 100-00-01', statusSlug: 'new',
+        project: 'Окна', manager: { initials: 'AD', name: 'Admin' }, cost: 0, receivedMinutesAgo: 5,
+        signalType: 'call', city: 'Москва', comment: 'звонил', receivedAt: '2026-05-15T09:00:00+00:00',
+        nextReminderAt: '2026-05-18T07:00:00+00:00',
+    },
+    {
+        id: 2, name: '+7 (916) 100-00-02', phone: '+7 (916) 100-00-02', statusSlug: 'new',
+        project: 'Двери', manager: { initials: 'AD', name: 'Admin' }, cost: 0, receivedMinutesAgo: 30,
+        signalType: 'site', city: null, comment: null, receivedAt: '2026-05-14T09:00:00+00:00',
+        nextReminderAt: null,
+    },
+];
+
+describe('DealsTable', () => {
+    it('рендерит колонки реестра лидов', () => {
+        const w = mount(DealsTable, {
+            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
+            global: { plugins: [vuetify] },
+        });
+        const headers = w.findAll('thead th').map((h) => h.text());
+        ['Телефон', 'Источник', 'Город', 'Статус', 'Напоминание', 'Комментарий', 'Поставлен'].forEach((label) => {
+            expect(headers.some((h) => h.includes(label))).toBe(true);
+        });
+    });
+
+    it('город без значения рендерится как «—»', () => {
+        const w = mount(DealsTable, {
+            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
+            global: { plugins: [vuetify] },
+        });
+        expect(w.text()).toContain('—');
+    });
+
+    it('select-all чекбокс имеет aria-label', () => {
+        const w = mount(DealsTable, {
+            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
+            global: { plugins: [vuetify] },
+        });
+        expect(
+            w.find('th .v-selection-control input[type="checkbox"][aria-label="Выбрать все сделки"]').exists(),
+        ).toBe(true);
+    });
+
+    it('клик по строке эмитит row-click с deal', async () => {
+        const w = mount(DealsTable, {
+            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
+            global: { plugins: [vuetify] },
+        });
+        await w.find('tbody tr').trigger('click');
+        expect(w.emitted('row-click')?.[0]?.[0]).toMatchObject({ id: 1 });
+    });
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; npx vitest run tests/Frontend/DealsTable.spec.ts`
+Expected: FAIL — старые колонки (Лид/Менеджер/Стоимость/Время).
+
+- [ ] **Step 3: Реализация — переписать `DealsTable.vue`**
+
+```vue
+<script setup lang="ts">
+/**
+ * Таблица реестра лидов «Сделки» (редизайн 2026-05-17).
+ * Колонки: чекбокс · Телефон · Источник · Город · Статус · Напоминание ·
+ * Комментарий · Поставлен. Напоминание/Комментарий — read-only.
+ */
+import type { MockDeal } from '../../composables/mockDeals';
+import type { LeadStatus } from '../../composables/leadStatuses';
+import StatusPill from '../ui/StatusPill.vue';
+
+const props = withDefaults(
+    defineProps<{
+        deals: MockDeal[];
+        selectedIds: number[];
+        statusBySlug: Map<string, LeadStatus>;
+        activeDealId?: number | null;
+    }>(),
+    { activeDealId: null },
+);
+
+const emit = defineEmits<{
+    'update:selectedIds': [value: number[]];
+    'row-click': [deal: MockDeal];
+}>();
+
+const SIGNAL_LABELS: Record<string, string> = { call: 'Звонки', site: 'Сайт', sms: 'СМС' };
+
+function signalLabel(t: MockDeal['signalType']): string {
+    return t ? (SIGNAL_LABELS[t] ?? '') : '';
+}
+
+function formatDateTime(iso: string | null | undefined): string {
+    if (!iso) return '—';
+    const d = new Date(iso);
+    return new Intl.DateTimeFormat('ru-RU', {
+        day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit',
+    }).format(d);
+}
+
+function rowProps(deal: MockDeal): Record<string, unknown> {
+    return { class: deal.id === props.activeDealId ? 'deals-row-active' : '' };
+}
+</script>
+
+<template>
+    <v-card variant="outlined" class="deals-table-card">
+        <v-data-table
+            :model-value="selectedIds"
+            :items="deals"
+            :headers="[
+                { title: 'Телефон', key: 'phone', sortable: true },
+                { title: 'Источник', key: 'project', sortable: false },
+                { title: 'Город', key: 'city', sortable: false },
+                { title: 'Статус', key: 'statusSlug', sortable: false },
+                { title: 'Напоминание', key: 'nextReminderAt', sortable: true },
+                { title: 'Комментарий', key: 'comment', sortable: false },
+                { title: 'Поставлен', key: 'receivedAt', align: 'end', sortable: true },
+            ]"
+            show-select
+            item-value="id"
+            items-per-page="-1"
+            hide-default-footer
+            hover
+            :row-props="(p: { item: MockDeal }) => rowProps(p.item)"
+            @update:model-value="(v: number[]) => emit('update:selectedIds', v)"
+            @click:row="(_e: Event, { item }: { item: MockDeal }) => emit('row-click', item)"
+        >
+            <template #[`item.phone`]="{ item }: { item: MockDeal }">
+                <span class="num ld-mono">{{ item.phone }}</span>
+            </template>
+
+            <template #[`item.project`]="{ item }: { item: MockDeal }">
+                <div class="cell-source">
+                    <span class="source-project">{{ item.project }}</span>
+                    <span v-if="signalLabel(item.signalType)" class="source-signal">{{
+                        signalLabel(item.signalType)
+                    }}</span>
+                </div>
+            </template>
+
+            <template #[`item.city`]="{ item }: { item: MockDeal }">
+                <span :class="{ 'text-medium-emphasis': !item.city }">{{ item.city || '—' }}</span>
+            </template>
+
+            <template #[`item.statusSlug`]="{ item }: { item: MockDeal }">
+                <StatusPill
+                    :slug="item.statusSlug"
+                    :label="statusBySlug.get(item.statusSlug)?.nameRu ?? item.statusSlug"
+                />
+            </template>
+
+            <template #[`item.nextReminderAt`]="{ item }: { item: MockDeal }">
+                <span class="num ld-mono-s" :class="{ 'text-medium-emphasis': !item.nextReminderAt }">{{
+                    formatDateTime(item.nextReminderAt)
+                }}</span>
+            </template>
+
+            <template #[`item.comment`]="{ item }: { item: MockDeal }">
+                <span class="cell-comment" :class="{ 'text-medium-emphasis': !item.comment }">{{
+                    item.comment || '—'
+                }}</span>
+            </template>
+
+            <template #[`item.receivedAt`]="{ item }: { item: MockDeal }">
+                <span class="num ld-mono-s">{{ formatDateTime(item.receivedAt) }}</span>
+            </template>
+
+            <template #[`header.data-table-select`]="{ allSelected, selectAll, someSelected }">
+                <v-checkbox-btn
+                    :model-value="allSelected"
+                    :indeterminate="someSelected && !allSelected"
+                    aria-label="Выбрать все сделки"
+                    @update:model-value="selectAll"
+                />
+            </template>
+
+            <template #[`item.data-table-select`]="{ isSelected, toggleSelect, internalItem, item }">
+                <v-checkbox-btn
+                    :model-value="isSelected(internalItem)"
+                    :aria-label="`Выбрать сделку «${(item as MockDeal).phone}»`"
+                    @update:model-value="() => toggleSelect(internalItem)"
+                />
+            </template>
+        </v-data-table>
+
+        <div v-if="deals.length === 0" class="empty-state pa-8 text-center text-medium-emphasis">
+            Нет сделок по выбранным фильтрам
+        </div>
+    </v-card>
+</template>
+
+<style scoped>
+.deals-table-card {
+    background: #fff;
+}
+.num {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-feature-settings: 'tnum';
+}
+.cell-source {
+    display: flex;
+    flex-direction: column;
+    line-height: 1.3;
+}
+.source-project {
+    font-weight: 500;
+    color: #081319;
+}
+.source-signal {
+    font-size: 11px;
+    color: #6b6356;
+}
+.cell-comment {
+    display: inline-block;
+    max-width: 240px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: bottom;
+}
+:deep(.deals-row-active) {
+    background: rgba(15, 110, 86, 0.07);
+}
+</style>
+```
+
+- [ ] **Step 4: Запустить — GREEN**
+
+Run: `cd app; npx vitest run tests/Frontend/DealsTable.spec.ts`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/resources/js/components/deals/DealsTable.vue app/tests/Frontend/DealsTable.spec.ts
+git commit -m "feat(deals): DealsTable — lead-registry columns (Телефон/Источник/Город/Статус/Напоминание/Комментарий/Поставлен)"
+```
+
+### Task A8: `DealsBulkBar.vue` — только смена статуса
+
+**Files:**
+
+- Modify: `app/resources/js/components/deals/DealsBulkBar.vue` (полная замена)
+- Test: `app/tests/Frontend/DealsBulkBar.spec.ts` (создать)
+
+Убираем Экспорт/Удалить/Восстановить и `trashMode`. Остаётся: «Сменить статус» (меню) + ✕.
+
+- [ ] **Step 1: Failing-тест — создать `DealsBulkBar.spec.ts`**
+
+```ts
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createVuetify } from 'vuetify';
+import DealsBulkBar from '../../resources/js/components/deals/DealsBulkBar.vue';
+
+const vuetify = createVuetify();
+const leadStatuses = [
+    { slug: 'new', nameRu: 'Новые', isSystem: true, sortOrder: 1, colorHex: '#3B82F6' },
+    { slug: 'viewed', nameRu: 'Просмотрено', isSystem: true, sortOrder: 2, colorHex: '#8B5CF6' },
+];
+
+describe('DealsBulkBar', () => {
+    it('скрыт при selectedCount=0', () => {
+        const w = mount(DealsBulkBar, {
+            props: { selectedCount: 0, statusMenuOpen: false, leadStatuses },
+            global: { plugins: [vuetify] },
+        });
+        expect(w.find('[data-testid="bulk-bar"]').exists()).toBe(false);
+    });
+
+    it('виден при selectedCount>0 и показывает количество', () => {
+        const w = mount(DealsBulkBar, {
+            props: { selectedCount: 3, statusMenuOpen: false, leadStatuses },
+            global: { plugins: [vuetify] },
+        });
+        const bar = w.find('[data-testid="bulk-bar"]');
+        expect(bar.exists()).toBe(true);
+        expect(bar.text()).toContain('3');
+    });
+
+    it('НЕ содержит кнопок Экспорт/Удалить', () => {
+        const w = mount(DealsBulkBar, {
+            props: { selectedCount: 2, statusMenuOpen: false, leadStatuses },
+            global: { plugins: [vuetify] },
+        });
+        expect(w.find('[data-testid="bulk-export-btn"]').exists()).toBe(false);
+        expect(w.find('[data-testid="bulk-delete-btn"]').exists()).toBe(false);
+    });
+
+    it('✕ эмитит clear-selected', async () => {
+        const w = mount(DealsBulkBar, {
+            props: { selectedCount: 2, statusMenuOpen: false, leadStatuses },
+            global: { plugins: [vuetify] },
+        });
+        await w.find('[data-testid="bulk-clear-btn"]').trigger('click');
+        expect(w.emitted('clear-selected')).toBeTruthy();
+    });
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; npx vitest run tests/Frontend/DealsBulkBar.spec.ts`
+Expected: FAIL — компонент требует prop `trashMode` / содержит лишние кнопки.
+
+- [ ] **Step 3: Реализация — переписать `DealsBulkBar.vue`**
+
+```vue
+<script setup lang="ts">
+/**
+ * Sticky-bar массовой смены статуса для выбранных сделок (редизайн 2026-05-17).
+ * Только смена статуса — корзина/экспорт убраны (экспорт — панель по датам).
+ */
+import type { MockDeal } from '../../composables/mockDeals';
+import type { LeadStatus } from '../../composables/leadStatuses';
+
+defineProps<{
+    selectedCount: number;
+    statusMenuOpen: boolean;
+    leadStatuses: LeadStatus[];
+}>();
+
+defineEmits<{
+    'update:statusMenuOpen': [value: boolean];
+    'apply-status': [slug: MockDeal['statusSlug']];
+    'clear-selected': [];
+}>();
+</script>
+
+<template>
+    <v-card
+        v-if="selectedCount > 0"
+        class="bulk-bar mt-3"
+        color="secondary"
+        theme="dark"
+        variant="flat"
+        data-testid="bulk-bar"
+    >
+        <div class="bulk-bar-inner">
+            <span class="bulk-count">Выбрано <span class="num">{{ selectedCount }}</span></span>
+            <v-spacer />
+            <v-menu
+                :model-value="statusMenuOpen"
+                :close-on-content-click="false"
+                @update:model-value="(v: boolean) => $emit('update:statusMenuOpen', v)"
+            >
+                <template #activator="{ props: menuProps }">
+                    <v-btn
+                        v-bind="menuProps"
+                        variant="tonal"
+                        size="small"
+                        prepend-icon="mdi-tag-arrow-right"
+                        data-testid="bulk-status-btn"
+                    >
+                        Сменить статус
+                    </v-btn>
+                </template>
+                <v-list density="compact" max-height="320" min-width="240">
+                    <v-list-item
+                        v-for="s in leadStatuses"
+                        :key="s.slug"
+                        :data-testid="`bulk-status-item-${s.slug}`"
+                        @click="$emit('apply-status', s.slug)"
+                    >
+                        <template #prepend>
+                            <span class="status-dot" :style="{ background: s.colorHex }" />
+                        </template>
+                        <v-list-item-title>{{ s.nameRu }}</v-list-item-title>
+                    </v-list-item>
+                </v-list>
+            </v-menu>
+            <v-btn
+                icon="mdi-close"
+                variant="text"
+                size="small"
+                data-testid="bulk-clear-btn"
+                @click="$emit('clear-selected')"
+            />
+        </div>
+    </v-card>
+</template>
+
+<style scoped>
+.num {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-feature-settings: 'tnum';
+    font-weight: 500;
+}
+.status-dot {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    margin-right: 6px;
+}
+.bulk-bar {
+    position: sticky;
+    top: 0;
+    z-index: 4;
+}
+.bulk-bar-inner {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+}
+.bulk-count {
+    color: #f6f3ec;
+    font-size: 13px;
+}
+</style>
+```
+
+- [ ] **Step 4: Запустить — GREEN**
+
+Run: `cd app; npx vitest run tests/Frontend/DealsBulkBar.spec.ts`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/resources/js/components/deals/DealsBulkBar.vue app/tests/Frontend/DealsBulkBar.spec.ts
+git commit -m "feat(deals): DealsBulkBar — status-change only (drop export/delete/trash)"
+```
+
+### Task A9: Извлечь `DealDetailBody.vue` + обёртка `DealDetailDrawer.vue` (overlay/inline)
+
+**Files:**
+
+- Create: `app/resources/js/components/deals/DealDetailBody.vue`
+- Modify: `app/resources/js/components/deals/DealDetailDrawer.vue` (полная замена — тонкая обёртка)
+- Test: `app/tests/Frontend/DealDetailDrawer.spec.ts`, `app/tests/Frontend/DealDetailDrawerApi.spec.ts`
+
+Тело панели (hero/параметры/комментарий/напоминания/timeline + загрузка events/reminders) → `DealDetailBody.vue`. `DealDetailDrawer.vue` → обёртка: prop `inline` выбирает корень — `<v-navigation-drawer>` (overlay, для Канбана) или `<aside>` (inline, master-detail для «Сделок»).
+
+- [ ] **Step 1: Failing-тест — `DealDetailDrawer.spec.ts`**
+
+Заменить `tests/Frontend/DealDetailDrawer.spec.ts` на:
+
+```ts
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createVuetify } from 'vuetify';
+import { createPinia, setActivePinia } from 'pinia';
+import DealDetailDrawer from '../../resources/js/components/deals/DealDetailDrawer.vue';
+import type { MockDeal } from '../../resources/js/composables/mockDeals';
+
+const vuetify = createVuetify();
+const deal: MockDeal = {
+    id: 1, name: '+7 999', phone: '+7 999', statusSlug: 'new', project: 'Окна',
+    manager: { initials: 'AD', name: 'Admin' }, cost: 0, receivedMinutesAgo: 5,
+};
+
+function mountDrawer(props: Record<string, unknown>) {
+    setActivePinia(createPinia());
+    return mount(DealDetailDrawer, {
+        props: { open: true, deal, ...props },
+        global: { plugins: [vuetify, createPinia()], stubs: { DealDetailBody: true } },
+    });
+}
+
+describe('DealDetailDrawer wrapper', () => {
+    it('inline=true рендерит <aside> (master-detail панель)', () => {
+        const w = mountDrawer({ inline: true });
+        expect(w.find('aside.deal-detail-inline').exists()).toBe(true);
+    });
+
+    it('inline=false (по умолчанию) рендерит overlay v-navigation-drawer', () => {
+        const w = mountDrawer({});
+        expect(w.find('aside.deal-detail-inline').exists()).toBe(false);
+    });
+
+    it('inline-панель содержит DealDetailBody', () => {
+        const w = mountDrawer({ inline: true });
+        expect(w.findComponent({ name: 'DealDetailBody' }).exists()).toBe(true);
+    });
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; npx vitest run tests/Frontend/DealDetailDrawer.spec.ts`
+Expected: FAIL — нет `inline`-режима, нет `<aside.deal-detail-inline>`.
+
+- [ ] **Step 3: Создать `DealDetailBody.vue`**
+
+Перенести в новый файл всё содержимое текущего `DealDetailDrawer.vue` КРОМЕ `<v-navigation-drawer>`-обёртки. Изменения против оригинала: prop `open` убран; `drawerOpen` computed убран; `watch` слушает `[props.deal?.id, props.tenantId]`; hero `@close` ре-эмитит `close`.
+
+```vue
+<script setup lang="ts">
+/**
+ * Тело панели деталей сделки (hero + параметры + комментарий + напоминания +
+ * timeline). Извлечено из DealDetailDrawer (редизайн 2026-05-17) — общее тело
+ * для overlay-дровера (Канбан) и inline-панели master-detail («Сделки»).
+ *
+ * Backend: GET /api/deals/{id}, PATCH /api/deals/{id}, GET /api/deals/{id}/events.
+ */
+import { computed, defineAsyncComponent, ref, watch } from 'vue';
+import type { MockDeal } from '../../composables/mockDeals';
+import { type DealEvent } from '../../composables/mockDealEvents';
+import { mapApiDealEvent } from '../../composables/dealsApiMapper';
+import * as dealsApi from '../../api/deals';
+import * as remindersApi from '../../api/reminders';
+import type { ApiReminder } from '../../api/reminders';
+import { useLeadStatusesStore } from '../../stores/leadStatuses';
+import DealDetailHero from './DealDetailHero.vue';
+import DealDetailTimeline from './DealDetailTimeline.vue';
+const ReminderDialog = defineAsyncComponent(() => import('../reminders/ReminderDialog.vue'));
+
+const leadStatusesStore = useLeadStatusesStore();
+
+const props = defineProps<{
+    deal: MockDeal | null;
+    tenantId?: number;
+}>();
+
+const emit = defineEmits<{ close: [] }>();
+
+const status = computed(() => {
+    if (!props.deal) return null;
+    return leadStatusesStore.findBySlug(props.deal.statusSlug);
+});
+
+function formatCost(cost: number): string {
+    return new Intl.NumberFormat('ru-RU').format(cost) + ' ₽';
+}
+
+const events = ref<DealEvent[]>([]);
+const eventsLoading = ref(false);
+const eventsFetchError = ref(false);
+
+const commentDraft = ref<string>('');
+const commentSaving = ref(false);
+const commentSaveError = ref(false);
+const commentToastOpen = ref(false);
+const commentToastText = ref('');
+
+const reminders = ref<ApiReminder[]>([]);
+const remindersLoading = ref(false);
+const reminderDialogOpen = ref(false);
+
+async function loadReminders() {
+    if (!props.deal || !props.tenantId) {
+        reminders.value = [];
+        return;
+    }
+    remindersLoading.value = true;
+    try {
+        const res = await remindersApi.listReminders({ filter: 'active', dealId: props.deal.id });
+        reminders.value = res.items;
+    } catch {
+        reminders.value = [];
+    } finally {
+        remindersLoading.value = false;
+    }
+}
+
+async function completeReminderInDrawer(id: number) {
+    try {
+        await remindersApi.completeReminder(id);
+        reminders.value = reminders.value.filter((r) => r.id !== id);
+    } catch {
+        /* silent */
+    }
+}
+
+function onReminderSaved() {
+    void loadReminders();
+}
+
+function formatReminderTime(iso: string | null): string {
+    if (!iso) return '—';
+    const ms = new Date(iso).getTime() - Date.now();
+    const min = Math.round(Math.abs(ms) / 60_000);
+    const future = ms > 0;
+    if (min < 60) return future ? `через ${min} мин` : `${min} мин назад`;
+    const hr = Math.round(min / 60);
+    if (hr < 24) return future ? `через ${hr} ч` : `${hr} ч назад`;
+    const days = Math.round(hr / 24);
+    return future ? `через ${days} д` : `${days} д назад`;
+}
+
+async function loadEvents() {
+    if (!props.deal || !props.tenantId) {
+        events.value = [];
+        commentDraft.value = '';
+        return;
+    }
+    eventsLoading.value = true;
+    eventsFetchError.value = false;
+    try {
+        const res = await dealsApi.getDeal(props.deal.id, props.tenantId);
+        events.value = res.events.map((e) => mapApiDealEvent(e));
+        commentDraft.value = res.deal.comment ?? '';
+    } catch {
+        eventsFetchError.value = true;
+        events.value = [];
+        commentDraft.value = '';
+    } finally {
+        eventsLoading.value = false;
+    }
+}
+
+async function saveComment() {
+    if (!props.deal || !props.tenantId) return;
+    commentSaving.value = true;
+    commentSaveError.value = false;
+    try {
+        await dealsApi.updateDeal(props.deal.id, {
+            tenant_id: props.tenantId,
+            comment: commentDraft.value || null,
+        });
+        commentToastText.value = 'Комментарий сохранён.';
+        commentToastOpen.value = true;
+        await loadEvents();
+    } catch {
+        commentSaveError.value = true;
+        commentToastText.value = 'Не удалось сохранить — попробуйте позже.';
+        commentToastOpen.value = true;
+    } finally {
+        commentSaving.value = false;
+    }
+}
+
+// Загрузка при появлении/смене сделки (панель монтируется только при deal != null).
+watch(
+    () => [props.deal?.id, props.tenantId] as const,
+    () => {
+        if (props.deal) {
+            loadEvents();
+            void loadReminders();
+        }
+    },
+    { immediate: true },
+);
+
+defineExpose({
+    events, eventsLoading, eventsFetchError, loadEvents,
+    commentDraft, commentSaving, commentSaveError, commentToastOpen, commentToastText, saveComment,
+});
+</script>
+
+<template>
+    <div v-if="deal" class="drawer-content">
+        <DealDetailHero :deal="deal" :status="status" @close="emit('close')" />
+
+        <v-divider />
+
+        <section class="section pa-5">
+            <h3 class="section-title text-subtitle-2 mb-3">Параметры</h3>
+            <dl class="params">
+                <div class="param">
+                    <dt class="text-caption text-medium-emphasis">Проект</dt>
+                    <dd class="text-body-2">{{ deal.project }}</dd>
+                </div>
+                <div class="param">
+                    <dt class="text-caption text-medium-emphasis">Стоимость лида</dt>
+                    <dd class="text-body-2 num">{{ formatCost(deal.cost) }}</dd>
+                </div>
+                <div class="param">
+                    <dt class="text-caption text-medium-emphasis">Менеджер</dt>
+                    <dd class="text-body-2">
+                        <v-avatar size="20" color="secondary" class="mr-1">
+                            <span class="text-caption">{{ deal.manager.initials }}</span>
+                        </v-avatar>
+                        {{ deal.manager.name }}
+                    </dd>
+                </div>
+                <div class="param">
+                    <dt class="text-caption text-medium-emphasis">Источник</dt>
+                    <dd class="text-body-2 link">Я.Директ → landing-1</dd>
+                </div>
+            </dl>
+        </section>
+
+        <v-divider />
+
+        <section v-if="tenantId" class="section pa-5" data-testid="comment-section">
+            <h3 class="section-title text-subtitle-2 mb-3">Комментарий</h3>
+            <v-textarea
+                v-model="commentDraft"
+                placeholder="Заметка менеджера…"
+                variant="outlined"
+                density="comfortable"
+                auto-grow
+                rows="3"
+                hide-details
+                counter="5000"
+                data-testid="comment-textarea"
+            />
+            <div class="d-flex ga-2 mt-2 justify-end">
+                <v-btn
+                    :loading="commentSaving"
+                    color="primary"
+                    size="small"
+                    prepend-icon="mdi-content-save-outline"
+                    data-testid="save-comment-btn"
+                    @click="saveComment"
+                >
+                    Сохранить
+                </v-btn>
+            </div>
+        </section>
+
+        <v-divider v-if="tenantId" />
+
+        <section v-if="tenantId && deal" class="section pa-5" data-testid="reminders-section">
+            <div class="d-flex justify-space-between align-center mb-3">
+                <h3 class="section-title text-subtitle-2 mb-0">Напоминания</h3>
+                <v-btn
+                    size="x-small"
+                    variant="text"
+                    prepend-icon="mdi-plus"
+                    data-testid="add-reminder-btn"
+                    @click="reminderDialogOpen = true"
+                >
+                    Создать
+                </v-btn>
+            </div>
+            <div v-if="reminders.length === 0 && !remindersLoading" class="text-caption text-medium-emphasis">
+                Нет активных напоминаний.
+            </div>
+            <ul v-else class="reminders-list">
+                <li v-for="r in reminders" :key="r.id" class="reminder-row" data-testid="drawer-reminder-item">
+                    <v-btn
+                        icon="mdi-check-circle-outline"
+                        size="x-small"
+                        variant="text"
+                        density="comfortable"
+                        :data-testid="`drawer-complete-${r.id}`"
+                        @click="completeReminderInDrawer(r.id)"
+                    />
+                    <div class="reminder-body">
+                        <div class="reminder-text">{{ r.text || 'Без описания' }}</div>
+                        <div class="reminder-meta text-caption text-medium-emphasis">
+                            {{ formatReminderTime(r.remind_at) }}
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </section>
+
+        <v-divider v-if="tenantId && deal" />
+
+        <DealDetailTimeline :events="events" :events-fetch-error="eventsFetchError" />
+
+        <v-snackbar
+            v-model="commentToastOpen"
+            :timeout="3000"
+            :color="commentSaveError ? 'warning' : undefined"
+            data-testid="comment-toast"
+            location="bottom right"
+        >
+            {{ commentToastText }}
+        </v-snackbar>
+
+        <ReminderDialog
+            v-if="tenantId && deal"
+            v-model="reminderDialogOpen"
+            :deal-id="deal.id"
+            @saved="onReminderSaved"
+        />
+    </div>
+</template>
+
+<style scoped>
+.drawer-content {
+    display: flex;
+    flex-direction: column;
+}
+.section-title {
+    font-weight: 600;
+    color: #081319;
+}
+.params {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 16px 12px;
+    margin: 0;
+}
+.param dt {
+    font-size: 11px;
+    margin-bottom: 2px;
+}
+.param dd {
+    margin: 0;
+    color: #081319;
+}
+.param .link {
+    color: #0f6e56;
+    cursor: pointer;
+}
+.param .link:hover {
+    text-decoration: underline;
+}
+.num {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-feature-settings: 'tnum';
+}
+.reminders-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+.reminder-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 8px;
+    border: 1px solid #e8e3d6;
+    border-radius: 6px;
+    background: #fdfaf3;
+}
+.reminder-body {
+    flex: 1;
+    min-width: 0;
+}
+.reminder-text {
+    font-size: 13px;
+    line-height: 1.4;
+    color: #081319;
+}
+.reminder-meta {
+    margin-top: 2px;
+}
+</style>
+```
+
+- [ ] **Step 4: Переписать `DealDetailDrawer.vue` как обёртку**
+
+```vue
+<script setup lang="ts">
+/**
+ * Обёртка панели деталей сделки. `inline=false` (по умолчанию) — overlay
+ * v-navigation-drawer (Канбан). `inline=true` — боковая панель master-detail
+ * для страницы «Сделки» (список сжимается, панель встаёт рядом, не перекрывает).
+ * Тело — общий DealDetailBody.vue.
+ */
+import { computed } from 'vue';
+import type { MockDeal } from '../../composables/mockDeals';
+import DealDetailBody from './DealDetailBody.vue';
+
+const props = withDefaults(
+    defineProps<{
+        open: boolean;
+        deal: MockDeal | null;
+        tenantId?: number;
+        inline?: boolean;
+    }>(),
+    { inline: false },
+);
+
+const emit = defineEmits<{ 'update:open': [value: boolean] }>();
+
+const drawerOpen = computed({
+    get: () => props.open,
+    set: (v) => emit('update:open', v),
+});
+
+function close() {
+    emit('update:open', false);
+}
+</script>
+
+<template>
+    <aside v-if="inline" v-show="open" class="deal-detail-inline" data-testid="deal-detail-panel">
+        <DealDetailBody :deal="deal" :tenant-id="tenantId" @close="close" />
+    </aside>
+    <v-navigation-drawer
+        v-else
+        v-model="drawerOpen"
+        location="right"
+        temporary
+        :width="480"
+        class="deal-drawer"
+    >
+        <DealDetailBody :deal="deal" :tenant-id="tenantId" @close="close" />
+    </v-navigation-drawer>
+</template>
+
+<style scoped>
+.deal-drawer {
+    background: #fff;
+}
+.deal-detail-inline {
+    flex: 0 0 400px;
+    width: 400px;
+    background: #fff;
+    border: 1px solid #e8e3d6;
+    border-radius: 8px;
+    overflow-y: auto;
+    align-self: flex-start;
+    max-height: calc(100vh - 160px);
+    position: sticky;
+    top: 16px;
+}
+</style>
+```
+
+- [ ] **Step 5: Обновить `DealDetailDrawerApi.spec.ts`**
+
+`defineExpose` (events/loadEvents/saveComment/...) переехал в `DealDetailBody`. В `DealDetailDrawerApi.spec.ts` заменить импорт и mount-цель с `DealDetailDrawer` на `DealDetailBody` (`import DealDetailBody from '../../resources/js/components/deals/DealDetailBody.vue'`), убрать prop `open` из props, заменить проверку открытия на наличие `deal`. Остальная логика теста (мок `dealsApi.getDeal`, проверки `vm.events`/`vm.saveComment`) — без изменений.
+
+- [ ] **Step 6: Запустить — GREEN**
+
+Run: `cd app; npx vitest run tests/Frontend/DealDetailDrawer.spec.ts tests/Frontend/DealDetailDrawerApi.spec.ts`
+Expected: PASS.
+
+- [ ] **Step 7: Commit**
+
+```bash
+git add app/resources/js/components/deals/DealDetailBody.vue app/resources/js/components/deals/DealDetailDrawer.vue app/tests/Frontend/DealDetailDrawer.spec.ts app/tests/Frontend/DealDetailDrawerApi.spec.ts
+git commit -m "refactor(deals): extract DealDetailBody; DealDetailDrawer = overlay/inline wrapper"
+```
+
+### Task A10: `DealsView.vue` — полный переписанный экран
+
+**Files:**
+
+- Modify: `app/resources/js/views/DealsView.vue` (полная замена)
+- Test: `app/tests/Frontend/DealsView.spec.ts` (переписывается в A11)
+
+Реестр лидов: server-side фильтрация + пагинация. Убраны trash-режим, `NewDealDialog`, «Новая сделка», `.ld-filterbar`/`FilterChip`/`DensityToggle`/status-legend, табы. Добавлены: панель экспорта (диапазон дат + Excel/CSV), селектор строк 10/20/50, master-detail панель (`DealDetailDrawer inline`).
+
+- [ ] **Step 1: Реализация — переписать `DealsView.vue`**
+
+```vue
+<script setup lang="ts">
+/**
+ * Страница «Сделки» — реестр лидов, поставленных crm.bp (редизайн 2026-05-17).
+ *
+ * Лиды поступают ТОЛЬКО от поставщика — ручного создания и корзины нет.
+ * Фильтрация (телефон/Статус/Проект + диапазон дат поставки) и пагинация —
+ * server-side через GET /api/deals. Клик по строке открывает master-detail
+ * панель справа (список сжимается, панель не перекрывает таблицу).
+ *
+ * Спека: docs/superpowers/specs/2026-05-17-deals-page-redesign-design.md
+ */
+import { computed, onMounted, reactive, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import type { MockDeal } from '../composables/mockDeals';
+import { mapApiDeal } from '../composables/dealsApiMapper';
+import { usePolling } from '../composables/usePolling';
+import DealsFilters from '../components/deals/DealsFilters.vue';
+import DealsBulkBar from '../components/deals/DealsBulkBar.vue';
+import DealsTable from '../components/deals/DealsTable.vue';
+import DealDetailDrawer from '../components/deals/DealDetailDrawer.vue';
+import { useAuthStore } from '../stores/auth';
+import { useLeadStatusesStore } from '../stores/leadStatuses';
+import * as dealsApi from '../api/deals';
+import { triggerBlobDownload, triggerCsvDownload } from '../composables/useCsvDownload';
+
+const route = useRoute();
+const auth = useAuthStore();
+const leadStatusesStore = useLeadStatusesStore();
+
+// --- Фильтры (single-select) + диапазон дат поставки ---
+const searchPhone = ref('');
+const filterStatus = ref<string | null>(null);
+const filterProject = ref<number | null>(null);
+const filterCity = ref<string | null>(null);
+const receivedFrom = ref(''); // 'YYYY-MM-DD'
+const receivedTo = ref('');
+
+// --- Пагинация ---
+const PER_PAGE_OPTIONS = [10, 20, 50];
+const perPage = ref(20);
+const page = ref(1);
+
+// --- Данные текущей страницы ---
+const dealsState = reactive<MockDeal[]>([]);
+const total = ref(0);
+const loading = ref(false);
+const fetchError = ref(false);
+const availableProjects = ref<dealsApi.ApiProject[]>([]);
+
+const leadStatuses = computed(() => leadStatusesStore.statuses);
+const statusBySlug = computed(() => leadStatusesStore.bySlug);
+const availableCities = computed(() =>
+    Array.from(new Set(dealsState.map((d) => d.city).filter((c): c is string => !!c))).sort(),
+);
+const pageCount = computed(() => Math.max(1, Math.ceil(total.value / perPage.value)));
+
+// --- Master-detail панель ---
+const selectedDeal = ref<MockDeal | null>(null);
+const panelOpen = ref(false);
+
+// --- Bulk-смена статуса ---
+const selected = ref<number[]>([]);
+const statusMenuOpen = ref(false);
+
+// --- Тосты ---
+const exportToastOpen = ref(false);
+const exportToastText = ref('');
+const statusToastOpen = ref(false);
+const statusToastText = ref('');
+
+async function loadDeals() {
+    if (!auth.user?.tenant_id) return;
+    loading.value = true;
+    fetchError.value = false;
+    try {
+        const res = await dealsApi.listDeals({
+            tenantId: auth.user.tenant_id,
+            statusIn: filterStatus.value ? [filterStatus.value] : undefined,
+            projectId: filterProject.value ?? undefined,
+            search: searchPhone.value.trim() || undefined,
+            receivedFrom: receivedFrom.value || undefined,
+            receivedTo: receivedTo.value || undefined,
+            limit: perPage.value,
+            offset: (page.value - 1) * perPage.value,
+        });
+        total.value = res.total;
+        dealsState.splice(0, dealsState.length, ...res.deals.map((d) => mapApiDeal(d)));
+    } catch {
+        fetchError.value = true;
+        dealsState.splice(0, dealsState.length);
+        total.value = 0;
+    } finally {
+        loading.value = false;
+    }
+}
+
+async function loadProjects() {
+    if (!auth.user?.tenant_id) return;
+    try {
+        availableProjects.value = await dealsApi.listProjects(auth.user.tenant_id);
+    } catch {
+        availableProjects.value = [];
+    }
+}
+
+// Фильтры (кроме поиска) и perPage → сброс на стр.1 + перезагрузка.
+watch([filterStatus, filterProject, receivedFrom, receivedTo, perPage], () => {
+    page.value = 1;
+    void loadDeals();
+});
+watch(page, () => void loadDeals());
+
+// Поиск по телефону — debounce 350 мс.
+let searchTimer: ReturnType<typeof setTimeout> | undefined;
+watch(searchPhone, () => {
+    if (searchTimer) clearTimeout(searchTimer);
+    searchTimer = setTimeout(() => {
+        page.value = 1;
+        void loadDeals();
+    }, 350);
+});
+
+function clearFilters() {
+    searchPhone.value = '';
+    filterStatus.value = null;
+    filterProject.value = null;
+    filterCity.value = null;
+}
+
+async function applyBulkStatus(slug: MockDeal['statusSlug']) {
+    const ids = [...selected.value];
+    statusMenuOpen.value = false;
+    ids.forEach((id) => {
+        const d = dealsState.find((x) => x.id === id);
+        if (d) d.statusSlug = slug;
+    });
+    if (!auth.user?.tenant_id || ids.length === 0) return;
+    try {
+        const res = await dealsApi.transitionDeals({ tenant_id: auth.user.tenant_id, ids, status: slug });
+        statusToastText.value = `Обновлено ${res.updated} из ${res.requested}.`;
+    } catch {
+        statusToastText.value = 'Не удалось сохранить статус — изменения только локально.';
+    }
+    statusToastOpen.value = true;
+    selected.value = [];
+}
+
+async function exportByRange(format: 'xlsx' | 'csv') {
+    if (!auth.user?.tenant_id) {
+        exportToastText.value = 'Нет данных для экспорта.';
+        exportToastOpen.value = true;
+        return;
+    }
+    try {
+        const result = await dealsApi.exportDealsByRange({
+            tenant_id: auth.user.tenant_id,
+            received_from: receivedFrom.value || undefined,
+            received_to: receivedTo.value || undefined,
+            format,
+        });
+        const stamp = new Date().toISOString().slice(0, 10);
+        if (format === 'xlsx') {
+            triggerBlobDownload(result as Blob, `deals_export_${stamp}.xlsx`);
+            exportToastText.value = 'Экспорт XLSX сформирован.';
+        } else {
+            triggerCsvDownload(result as string, `deals_export_${stamp}.csv`);
+            exportToastText.value = 'Экспорт CSV сформирован.';
+        }
+    } catch {
+        exportToastText.value = 'Не удалось сформировать экспорт.';
+    }
+    exportToastOpen.value = true;
+}
+
+function openPanel(deal: MockDeal) {
+    if (panelOpen.value && selectedDeal.value?.id === deal.id) {
+        closePanel();
+        return;
+    }
+    selectedDeal.value = deal;
+    panelOpen.value = true;
+}
+
+function closePanel() {
+    panelOpen.value = false;
+}
+
+/** Deep-link /deals?openId= — открыть панель сделки с текущей страницы (audit C8/F3). */
+function openDealFromQuery(): void {
+    const raw = route.query.openId;
+    const id = Number(Array.isArray(raw) ? raw[0] : raw);
+    if (!Number.isInteger(id) || id <= 0) return;
+    const deal = dealsState.find((d) => d.id === id);
+    if (deal) openPanel(deal);
+}
+
+onMounted(async () => {
+    void leadStatusesStore.load();
+    void loadProjects();
+    await loadDeals();
+    openDealFromQuery();
+});
+
+watch(() => route.query.openId, () => openDealFromQuery());
+
+// Polling — авто-refresh текущей страницы (pause при скрытой вкладке).
+usePolling(loadDeals);
+
+defineExpose({
+    searchPhone, filterStatus, filterProject, filterCity, receivedFrom, receivedTo,
+    perPage, page, pageCount, dealsState, total, loading, fetchError, availableProjects,
+    selected, selectedDeal, panelOpen, statusMenuOpen,
+    loadDeals, clearFilters, applyBulkStatus, exportByRange, openPanel, closePanel,
+    exportToastOpen, exportToastText, statusToastOpen, statusToastText,
+});
+</script>
+
+<template>
+    <v-container fluid class="deals pa-6">
+        <header class="page-head">
+            <div>
+                <h1 class="text-h4 mb-2 page-title">Сделки</h1>
+                <div class="page-stats text-body-2 text-medium-emphasis">
+                    Реестр лидов от crm.bp ·
+                    <span class="num">{{ total }}</span> в выборке
+                </div>
+            </div>
+            <v-btn
+                variant="outlined"
+                prepend-icon="mdi-refresh"
+                :loading="loading"
+                data-testid="reload-btn"
+                @click="loadDeals"
+            >
+                Обновить
+            </v-btn>
+        </header>
+
+        <!-- Панель экспорта: диапазон дат поставки + Excel/CSV -->
+        <v-card variant="outlined" class="export-panel mt-4">
+            <div class="export-panel-inner">
+                <span class="export-label text-body-2">Диапазон поставки:</span>
+                <v-text-field
+                    v-model="receivedFrom"
+                    type="date"
+                    label="от"
+                    variant="outlined"
+                    density="compact"
+                    hide-details
+                    class="date-input"
+                    data-testid="export-from"
+                />
+                <v-text-field
+                    v-model="receivedTo"
+                    type="date"
+                    label="до"
+                    variant="outlined"
+                    density="compact"
+                    hide-details
+                    class="date-input"
+                    data-testid="export-to"
+                />
+                <v-spacer />
+                <v-btn
+                    variant="outlined"
+                    prepend-icon="mdi-file-excel-outline"
+                    data-testid="export-xlsx-btn"
+                    @click="exportByRange('xlsx')"
+                >
+                    Экспорт в Excel
+                </v-btn>
+                <v-btn
+                    variant="outlined"
+                    prepend-icon="mdi-file-delimited-outline"
+                    data-testid="export-csv-btn"
+                    @click="exportByRange('csv')"
+                >
+                    Экспорт в CSV
+                </v-btn>
+            </div>
+        </v-card>
+
+        <DealsFilters
+            v-model:search-phone="searchPhone"
+            v-model:filter-status="filterStatus"
+            v-model:filter-project="filterProject"
+            v-model:filter-city="filterCity"
+            :lead-statuses="leadStatuses"
+            :available-projects="availableProjects"
+            :available-cities="availableCities"
+            class="mt-4"
+            @clear-filters="clearFilters"
+        />
+
+        <!-- Селектор числа строк — между фильтрами и таблицей -->
+        <div class="perpage mt-3">
+            <span class="text-body-2 text-medium-emphasis">Показывать по:</span>
+            <v-btn-toggle
+                v-model="perPage"
+                mandatory
+                density="comfortable"
+                variant="outlined"
+                color="primary"
+                data-testid="perpage-toggle"
+            >
+                <v-btn v-for="n in PER_PAGE_OPTIONS" :key="n" :value="n" size="small">{{ n }}</v-btn>
+            </v-btn-toggle>
+        </div>
+
+        <DealsBulkBar
+            v-model:status-menu-open="statusMenuOpen"
+            :selected-count="selected.length"
+            :lead-statuses="leadStatuses"
+            @apply-status="applyBulkStatus"
+            @clear-selected="selected = []"
+        />
+
+        <v-alert
+            v-if="fetchError"
+            type="warning"
+            variant="tonal"
+            density="compact"
+            closable
+            class="mt-3"
+            data-testid="fetch-error-alert"
+        >
+            Не удалось загрузить сделки. Попробуйте обновить.
+        </v-alert>
+
+        <!-- master-detail: список сжимается, панель встаёт рядом (не overlay) -->
+        <div class="deals-body mt-4">
+            <div class="deals-list">
+                <DealsTable
+                    :deals="dealsState"
+                    :selected-ids="selected"
+                    :status-by-slug="statusBySlug"
+                    :active-deal-id="panelOpen ? selectedDeal?.id ?? null : null"
+                    @update:selected-ids="selected = $event"
+                    @row-click="openPanel"
+                />
+            </div>
+            <DealDetailDrawer
+                inline
+                :open="panelOpen"
+                :deal="selectedDeal"
+                :tenant-id="auth.user?.tenant_id"
+                @update:open="(v: boolean) => (panelOpen = v)"
+            />
+        </div>
+
+        <!-- Футер: пагинация -->
+        <div v-if="pageCount > 1" class="tfoot mt-4">
+            <v-pagination
+                v-model="page"
+                :length="pageCount"
+                :total-visible="7"
+                density="comfortable"
+                data-testid="deals-pagination"
+            />
+        </div>
+
+        <v-snackbar v-model="exportToastOpen" :timeout="3000" data-testid="export-toast" location="bottom right">
+            {{ exportToastText }}
+        </v-snackbar>
+        <v-snackbar v-model="statusToastOpen" :timeout="3000" data-testid="status-toast" location="bottom right">
+            {{ statusToastText }}
+        </v-snackbar>
+    </v-container>
+</template>
+
+<style scoped>
+.deals {
+    max-width: 1440px;
+}
+.page-head {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 16px;
+}
+.page-title {
+    font-variation-settings: 'opsz' 28;
+    letter-spacing: -0.018em;
+}
+.num {
+    font-family: 'JetBrains Mono', ui-monospace, monospace;
+    font-feature-settings: 'tnum';
+    font-weight: 500;
+}
+.export-panel {
+    background: #fff;
+}
+.export-panel-inner {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+    padding: 12px 16px;
+}
+.export-label {
+    color: #6b6356;
+    flex-shrink: 0;
+}
+.date-input {
+    max-width: 170px;
+}
+.perpage {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+.deals-body {
+    display: flex;
+    align-items: flex-start;
+    gap: 16px;
+}
+.deals-list {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+.tfoot {
+    display: flex;
+    justify-content: center;
+}
+</style>
+```
+
+- [ ] **Step 2: Проверить типы**
+
+Run: `cd app; npx vue-tsc --noEmit -p tsconfig.json`
+Expected: 0 ошибок (старый `DealsView.spec.ts` ещё на старом контракте — упадёт в Vitest, чинится в A11; типы `.vue`-файла валидны).
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add app/resources/js/views/DealsView.vue
+git commit -m "feat(deals): DealsView — lead-registry redesign (export panel, per-page, master-detail panel)"
+```
+
+### Task A11: Тест-свип + регрессия Фазы A
+
+**Files:**
+
+- Replace: `app/tests/Frontend/DealsView.spec.ts`
+- Delete: `app/tests/Frontend/DealsViewRedesign.spec.ts`
+- Modify: `app/tests/Frontend/DealsListIntegration.spec.ts`, `app/resources/js/composables/mockDeals.ts`
+- Verify: `app/tests/Frontend/deals-api.spec.ts`
+
+`DealsViewRedesign.spec.ts` тестирует удалённый `.ld-filterbar`/`FilterChip`/`DensityToggle` — удаляется целиком. `DealsView.spec.ts` — полностью переписывается под новый контракт.
+
+- [ ] **Step 1: Переписать `DealsView.spec.ts`**
+
+```ts
+import { describe, it, expect, vi, afterEach } from 'vitest';
+import { mount, flushPromises } from '@vue/test-utils';
+import { createVuetify } from 'vuetify';
+import { createRouter, createMemoryHistory } from 'vue-router';
+import { createPinia, setActivePinia } from 'pinia';
+import DealsView from '../../resources/js/views/DealsView.vue';
+import * as dealsApi from '../../resources/js/api/deals';
+import { useAuthStore } from '../../resources/js/stores/auth';
+import type { AuthUser } from '../../resources/js/api/auth';
+import type { MockDeal } from '../../resources/js/composables/mockDeals';
+
+function apiDeal(id: number, over: Partial<dealsApi.ApiDeal> = {}): dealsApi.ApiDeal {
+    return {
+        id, tenant_id: 42, project_id: 1, project_name: 'Окна', phone: `+7 916 000-00-0${id}`,
+        contact_name: null, status: 'new', manager_id: null, manager_name: null,
+        manager_initials: null, received_at: '2026-05-15T09:00:00+00:00',
+        comment: null, city: null, project_signal_type: 'call', next_reminder_at: null,
+        ...over,
+    };
+}
+
+async function mountDeals(deals: dealsApi.ApiDeal[] = [apiDeal(1), apiDeal(2)], total = 2) {
+    setActivePinia(createPinia());
+    const auth = useAuthStore();
+    auth.user = { id: 1, tenant_id: 42, email: 't@t.com' } as AuthUser;
+    vi.spyOn(dealsApi, 'listDeals').mockResolvedValue({ deals, total, limit: 20, offset: 0 });
+    vi.spyOn(dealsApi, 'listProjects').mockResolvedValue([
+        { id: 1, name: 'Окна', tag: null, type: 'supplier' },
+    ]);
+    const router = createRouter({
+        history: createMemoryHistory(),
+        routes: [{ path: '/deals', component: DealsView }],
+    });
+    await router.push('/deals');
+    await router.isReady();
+    const wrapper = mount(DealsView, {
+        global: { plugins: [createVuetify(), router], stubs: { DealDetailDrawer: true } },
+    });
+    await flushPromises();
+    return wrapper;
+}
+
+describe('DealsView.vue — реестр лидов', () => {
+    it('заголовок «Сделки»', async () => {
+        expect((await mountDeals()).find('h1').text()).toBe('Сделки');
+    });
+
+    it('панель экспорта: поля дат + кнопки Excel/CSV', async () => {
+        const w = await mountDeals();
+        expect(w.find('[data-testid="export-from"]').exists()).toBe(true);
+        expect(w.find('[data-testid="export-to"]').exists()).toBe(true);
+        expect(w.find('[data-testid="export-xlsx-btn"]').exists()).toBe(true);
+        expect(w.find('[data-testid="export-csv-btn"]').exists()).toBe(true);
+    });
+
+    it('селектор «Показывать по» с вариантами 10/20/50', async () => {
+        const w = await mountDeals();
+        const toggle = w.find('[data-testid="perpage-toggle"]');
+        expect(toggle.exists()).toBe(true);
+        ['10', '20', '50'].forEach((n) => expect(toggle.text()).toContain(n));
+    });
+
+    it('НЕТ кнопки «Новая сделка» и режима «Корзина»', async () => {
+        const w = await mountDeals();
+        expect(w.text()).not.toContain('Новая сделка');
+        expect(w.text()).not.toContain('Корзина');
+    });
+
+    it('загружает сделки в dealsState через API', async () => {
+        const w = await mountDeals([apiDeal(1), apiDeal(2), apiDeal(3)], 3);
+        const vm = w.vm as unknown as { dealsState: MockDeal[]; total: number };
+        expect(vm.dealsState.length).toBe(3);
+        expect(vm.total).toBe(3);
+    });
+
+    it('openPanel выбирает сделку, повторный клик закрывает', async () => {
+        const w = await mountDeals();
+        const vm = w.vm as unknown as {
+            dealsState: MockDeal[]; panelOpen: boolean; selectedDeal: MockDeal | null;
+            openPanel: (d: MockDeal) => void;
+        };
+        vm.openPanel(vm.dealsState[0]);
+        expect(vm.panelOpen).toBe(true);
+        expect(vm.selectedDeal?.id).toBe(1);
+        vm.openPanel(vm.dealsState[0]);
+        expect(vm.panelOpen).toBe(false);
+    });
+
+    it('bulk-bar появляется при выборе и applyBulkStatus меняет статус', async () => {
+        const w = await mountDeals();
+        const vm = w.vm as unknown as {
+            selected: number[]; dealsState: MockDeal[]; applyBulkStatus: (s: string) => Promise<void>;
+        };
+        vi.spyOn(dealsApi, 'transitionDeals').mockResolvedValue({ updated: 2, requested: 2, status: 'viewed' });
+        vm.selected = [1, 2];
+        await flushPromises();
+        expect(w.find('[data-testid="bulk-bar"]').exists()).toBe(true);
+        await vm.applyBulkStatus('viewed');
+        expect(vm.dealsState.find((d) => d.id === 1)?.statusSlug).toBe('viewed');
+    });
+
+    it('exportByRange xlsx вызывает exportDealsByRange', async () => {
+        const w = await mountDeals();
+        const spy = vi.spyOn(dealsApi, 'exportDealsByRange').mockResolvedValue(new Blob());
+        Object.defineProperty(URL, 'createObjectURL', { value: vi.fn(() => 'blob:m'), configurable: true });
+        Object.defineProperty(URL, 'revokeObjectURL', { value: vi.fn(), configurable: true });
+        vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {});
+        const vm = w.vm as unknown as { exportByRange: (f: string) => Promise<void>; exportToastOpen: boolean };
+        await vm.exportByRange('xlsx');
+        expect(spy).toHaveBeenCalledOnce();
+        expect(vm.exportToastOpen).toBe(true);
+    });
+
+    it('loadDeals reject → dealsState пустой + fetchError', async () => {
+        setActivePinia(createPinia());
+        const auth = useAuthStore();
+        auth.user = { id: 1, tenant_id: 42, email: 't@t.com' } as AuthUser;
+        vi.spyOn(dealsApi, 'listDeals').mockRejectedValue(new Error('500'));
+        vi.spyOn(dealsApi, 'listProjects').mockResolvedValue([]);
+        const router = createRouter({ history: createMemoryHistory(), routes: [{ path: '/deals', component: DealsView }] });
+        await router.push('/deals');
+        await router.isReady();
+        const w = mount(DealsView, {
+            global: { plugins: [createVuetify(), router], stubs: { DealDetailDrawer: true } },
+        });
+        await flushPromises();
+        const vm = w.vm as unknown as { dealsState: MockDeal[]; fetchError: boolean };
+        expect(vm.dealsState.length).toBe(0);
+        expect(vm.fetchError).toBe(true);
+    });
+});
+
+afterEach(() => vi.restoreAllMocks());
+```
+
+- [ ] **Step 2: Удалить `DealsViewRedesign.spec.ts`**
+
+```bash
+git rm app/tests/Frontend/DealsViewRedesign.spec.ts
+```
+
+- [ ] **Step 3: Удалить `DEALS_TABS`/`DealsTab` из `mockDeals.ts`**
+
+Удалить из `mockDeals.ts` интерфейс `DealsTab` и const `DEALS_TABS` (после A6/A10 их никто не импортирует). `MOCK_DEALS`/`MOCK_PROJECTS`/`MOCK_MANAGERS` — оставить (используются Канбаном/`NewDealDialog`).
+
+- [ ] **Step 4: Прогнать Vitest, починить упавшее**
+
+Run: `cd app; npx vitest run --maxWorkers=2`
+Expected: исследовать падения. Ожидаемо требуют правок: `DealsListIntegration.spec.ts` (использует старый контракт DealsView). Починить так же, как `DealsView.spec.ts` (мок `listDeals`/`listProjects`, новый набор testid). Если тест проверял удалённое поведение (trash/new-deal/tabs) — удалить такой тест. `deals-api.spec.ts` — если использует `exportDeals`/`bulkDeleteDeals` — оставить (функции не удалялись). Гнать до 0 fail.
+
+- [ ] **Step 5: Прогнать Pest (backend Фазы A)**
+
+Run: `cd app; php artisan test --filter="DealIndexTest|DealExportTest|DealShowTest|DealUpdateTest"`
+Expected: 0 fail.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add app/tests/Frontend/ app/resources/js/composables/mockDeals.ts
+git commit -m "test(deals): rewrite DealsView spec for redesign; drop DealsViewRedesign spec + DEALS_TABS"
+```
+
+- [ ] **Step 7: Полная регрессия Фазы A**
+
+Run: `cd app; php artisan test; npx vitest run --maxWorkers=2; npx vue-tsc --noEmit -p tsconfig.json`
+Expected: 0 fail / 0 ошибок типов. Любые падения — выписать `file:line`, починить, повторить. Это закрывает Фазу A.
+
+---
+
+## ⛔ ГЕЙТ перед Фазой B — подтверждение slug'ов
+
+**Фаза B меняет схему БД (миграция 14 → 5 статусов). Стартовать ТОЛЬКО после явного «да» заказчика на точные slug'и.**
+
+Маппинг §3 спеки заказчик подтвердил («2. вопрос да»). Не подтверждены **точные slug'и** новых 5 статусов. План фиксирует (спека §3, §9 Q2):
+
+| # | slug | name_ru | Старые 14 → сюда |
+|---|---|---|---|
+| 1 | `new` *(slug сохраняется)* | Новая сделка | `new` |
+| 2 | `viewed` *(сохраняется)* | Просмотрено | `viewed` |
+| 3 | `in_progress` *(новый)* | В работе | `worked`, `base`, `missed`, `negotiations`, `waiting_payment`, `partnership`, `test_drive`, `hot`, `replacement`, `final_missed` |
+| 4 | `won` *(новый)* | Сделка | `paid` |
+| 5 | `lost` *(новый)* | Не реализовано | `closed` |
+
+`new`/`viewed` намеренно сохраняют slug — `RouteSupplierLeadJob`, `DealController@store` default'ят `'new'`, миграция их не трогает.
+
+**Действие исполнителя:** показать таблицу заказчику. На «да» — выполнять B1–B8. На правку slug'ов — обновить значения в B1–B6 и продолжить.
+
+## ФАЗА B — воронка 14 → 5
+
+### Task B1: `schema.sql` seed `lead_statuses` + CHANGELOG
+
+**Files:**
+
+- Modify: `db/schema.sql` (seed `lead_statuses`, строки ~2577-2592; комментарии ~318-319, ~2577)
+- Modify: `db/CHANGELOG_schema.md`
+
+- [ ] **Step 1: Заменить seed `lead_statuses`**
+
+В `db/schema.sql` блок `INSERT INTO lead_statuses ...` (начинается ~строка 2578) заменить 14 строк значений на 5:
+
+```sql
+-- 5 статусов воронки (редизайн «Сделки» 2026-05-17 — было 14)
+INSERT INTO lead_statuses (slug, name_ru, is_system, sort_order, color_hex) VALUES
+    ('new',         'Новая сделка',     TRUE, 1, '#3B82F6'),
+    ('viewed',      'Просмотрено',      TRUE, 2, '#8B5CF6'),
+    ('in_progress', 'В работе',         TRUE, 3, '#06B6D4'),
+    ('won',         'Сделка',           TRUE, 4, '#10B981'),
+    ('lost',        'Не реализовано',   TRUE, 5, '#6B7280');
+```
+
+Комментарий выше INSERT и комментарий над `CREATE TABLE lead_statuses` (~строки 318-319 «14 статусов: 6 системных + 8 настраиваемых») заменить на «5 статусов воронки (все системные)».
+
+- [ ] **Step 2: Запись в `CHANGELOG_schema.md`**
+
+Добавить запись (формат — как у предыдущих): bump версии схемы (следующий за текущим), дата 2026-05-17, описание: «Воронка статусов 14 → 5: seed `lead_statuses` (`new`/`viewed`/`in_progress`/`won`/`lost`). Инкрементальная миграция `2026_05_17_120000_deals_funnel_14_to_5_statuses.php` ремапит `deals.status`, `tenant_status_overrides.status_slug`, `import_unknown_statuses.mapped_to_slug`. Редизайн страницы «Сделки», спека `docs/superpowers/specs/2026-05-17-deals-page-redesign-design.md`.» Версию в шапке `schema.sql` (строка 4) синхронизировать.
+
+- [ ] **Step 3: Проверка — `migrate:fresh` + smoke**
+
+Run: `cd app; php artisan migrate:fresh --seed; php artisan test --filter="RlsSmokeTest"`
+Expected: миграция проходит; `lead_statuses` содержит 5 строк; smoke 0 fail.
+
+Run: `cd app; php artisan tinker --execute="echo \App\Models\Tenant::count();"` — sanity-проверка БД жива.
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add db/schema.sql db/CHANGELOG_schema.md
+git commit -m "feat(deals): schema — lead_statuses funnel 14->5 (new/viewed/in_progress/won/lost)"
+```
+
+### Task B2: Инкрементальная миграция 14 → 5
+
+**Files:**
+
+- Create: `app/database/migrations/2026_05_17_120000_deals_funnel_14_to_5_statuses.php`
+- Create: `app/tests/Feature/LeadStatusesFunnelTest.php`
+
+`new`/`viewed` сохраняют slug. FK-порядок: сначала INSERT новых slug'ов, затем ремап ссылок (`deals.status`, `import_unknown_statuses.mapped_to_slug`), затем DELETE устаревших `lead_statuses`. `tenant_status_overrides` — обсолетные строки удаляются (кастомные ярлыки схлопнутых статусов теряют смысл; заодно исключает PK-коллизию `(tenant_id, status_slug)` при ремапе двух старых в один новый).
+
+- [ ] **Step 1: Failing-тест — создать `LeadStatusesFunnelTest.php`**
+
+```php
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Support\Facades\DB;
+
+test('lead_statuses содержит ровно 5 статусов воронки', function () {
+    $slugs = DB::table('lead_statuses')->orderBy('sort_order')->pluck('slug')->all();
+    expect($slugs)->toBe(['new', 'viewed', 'in_progress', 'won', 'lost']);
+});
+
+test('новые статусы имеют корректные русские названия', function () {
+    $names = DB::table('lead_statuses')->pluck('name_ru', 'slug');
+    expect($names['new'])->toBe('Новая сделка');
+    expect($names['in_progress'])->toBe('В работе');
+    expect($names['won'])->toBe('Сделка');
+    expect($names['lost'])->toBe('Не реализовано');
+});
+
+test('старых slug-ов воронки в lead_statuses не осталось', function () {
+    $obsolete = DB::table('lead_statuses')
+        ->whereIn('slug', ['worked', 'paid', 'closed', 'hot', 'negotiations'])
+        ->count();
+    expect($obsolete)->toBe(0);
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; php artisan test --filter=LeadStatusesFunnelTest`
+Expected: FAIL — `schema.sql` уже сеет 5 (после B1), но тест прогоняется ДО создания миграции; если B1 уже в дереве — тест может пройти. В этом случае создать миграцию (Step 3) ради ремапа существующих БД и продолжить.
+
+- [ ] **Step 3: Создать миграцию**
+
+`app/database/migrations/2026_05_17_120000_deals_funnel_14_to_5_statuses.php`:
+
+```php
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Support\Facades\DB;
+
+/**
+ * Воронка статусов 14 → 5 (редизайн «Сделки» 2026-05-17).
+ *
+ * Новые 5: new / viewed / in_progress / won / lost. Slug'и `new` и `viewed`
+ * сохраняются (RouteSupplierLeadJob / DealController@store default'ят 'new').
+ * Ремап старых 14 → 5 в deals.status и import_unknown_statuses.mapped_to_slug
+ * перед DELETE устаревших lead_statuses (FK-safe). tenant_status_overrides
+ * со старыми slug'ами удаляются (кастомные ярлыки схлопнутых статусов
+ * обсолетны + исключает PK-коллизию при ремапе).
+ *
+ * На migrate:fresh schema.sql уже сеет 5 — UPDATE/DELETE здесь no-op.
+ * down() необратима (схлопывание lossy).
+ *
+ * Спека: docs/superpowers/specs/2026-05-17-deals-page-redesign-design.md §3.
+ */
+return new class extends Migration
+{
+    /** Старый slug → новый. new/viewed не меняются (отсутствуют в карте). */
+    private const REMAP = [
+        'worked' => 'in_progress', 'base' => 'in_progress', 'missed' => 'in_progress',
+        'negotiations' => 'in_progress', 'waiting_payment' => 'in_progress',
+        'partnership' => 'in_progress', 'test_drive' => 'in_progress', 'hot' => 'in_progress',
+        'replacement' => 'in_progress', 'final_missed' => 'in_progress',
+        'paid' => 'won', 'closed' => 'lost',
+    ];
+
+    private const KEEP = ['new', 'viewed', 'in_progress', 'won', 'lost'];
+
+    public function up(): void
+    {
+        DB::transaction(function () {
+            // 1) Новые slug'и обязаны существовать до ремапа FK-ссылок.
+            DB::table('lead_statuses')->upsert([
+                ['slug' => 'new', 'name_ru' => 'Новая сделка', 'is_system' => true, 'sort_order' => 1, 'color_hex' => '#3B82F6'],
+                ['slug' => 'viewed', 'name_ru' => 'Просмотрено', 'is_system' => true, 'sort_order' => 2, 'color_hex' => '#8B5CF6'],
+                ['slug' => 'in_progress', 'name_ru' => 'В работе', 'is_system' => true, 'sort_order' => 3, 'color_hex' => '#06B6D4'],
+                ['slug' => 'won', 'name_ru' => 'Сделка', 'is_system' => true, 'sort_order' => 4, 'color_hex' => '#10B981'],
+                ['slug' => 'lost', 'name_ru' => 'Не реализовано', 'is_system' => true, 'sort_order' => 5, 'color_hex' => '#6B7280'],
+            ], ['slug'], ['name_ru', 'is_system', 'sort_order', 'color_hex']);
+
+            // 2) Ремап ссылок на старые slug'и.
+            foreach (self::REMAP as $old => $new) {
+                DB::table('deals')->where('status', $old)->update(['status' => $new]);
+                DB::table('import_unknown_statuses')->where('mapped_to_slug', $old)->update(['mapped_to_slug' => $new]);
+            }
+
+            // 3) Обсолетные кастомные ярлыки статусов — удалить (FK на lead_statuses).
+            DB::table('tenant_status_overrides')->whereNotIn('status_slug', self::KEEP)->delete();
+
+            // 4) Удалить устаревшие статусы (все FK-ссылки перенаправлены).
+            DB::table('lead_statuses')->whereNotIn('slug', self::KEEP)->delete();
+        });
+    }
+
+    public function down(): void
+    {
+        throw new RuntimeException('Воронка 14→5 необратима (схлопывание статусов lossy).');
+    }
+};
+```
+
+- [ ] **Step 4: db-тест + smoke (обязательно после изменения миграции)**
+
+Run: `cd app; php artisan migrate:fresh --seed; php artisan test --filter="LeadStatusesFunnelTest|RlsSmokeTest"`
+Expected: миграция проходит без ошибок; `LeadStatusesFunnelTest` 3/3 PASS; `RlsSmokeTest` 0 fail.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/database/migrations/2026_05_17_120000_deals_funnel_14_to_5_statuses.php app/tests/Feature/LeadStatusesFunnelTest.php
+git commit -m "feat(deals): migration — remap deals.status + drop obsolete lead_statuses (14->5)"
+```
+
+### Task B3: `leadStatuses.ts` — `LEAD_STATUSES` 14 → 5
+
+**Files:**
+
+- Modify: `app/resources/js/composables/leadStatuses.ts`
+
+- [ ] **Step 1: Заменить `LEAD_STATUSES`**
+
+Заменить массив `LEAD_STATUSES` (строки 20-35) на:
+
+```ts
+export const LEAD_STATUSES: LeadStatus[] = [
+    { slug: 'new', nameRu: 'Новая сделка', isSystem: true, sortOrder: 1, colorHex: '#3B82F6' },
+    { slug: 'viewed', nameRu: 'Просмотрено', isSystem: true, sortOrder: 2, colorHex: '#8B5CF6' },
+    { slug: 'in_progress', nameRu: 'В работе', isSystem: true, sortOrder: 3, colorHex: '#06B6D4' },
+    { slug: 'won', nameRu: 'Сделка', isSystem: true, sortOrder: 4, colorHex: '#10B981' },
+    { slug: 'lost', nameRu: 'Не реализовано', isSystem: true, sortOrder: 5, colorHex: '#6B7280' },
+];
+```
+
+В шапочном комментарии (строки 1-11) «14 системных и пользовательских статусов» → «5 системных статусов воронки (редизайн 2026-05-17)»; ссылку на `db/schema.sql:2130` оставить как ориентир (источник истины — seed `lead_statuses`).
+
+- [ ] **Step 2: Проверить типы**
+
+Run: `cd app; npx vue-tsc --noEmit -p tsconfig.json`
+Expected: 0 ошибок.
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add app/resources/js/composables/leadStatuses.ts
+git commit -m "feat(deals): leadStatuses composable — 5-status funnel snapshot"
+```
+
+### Task B4: `useStatusPill.ts` — добавить `viewed`/`lost`
+
+**Files:**
+
+- Modify: `app/resources/js/composables/useStatusPill.ts`
+- Test: `app/tests/Frontend/StatusPill.spec.ts` (если есть; иначе пропустить Step 1)
+
+5 slug'ов воронки должны иметь стиль пилюли. `new`/`in_progress`/`won` уже в `STYLES`; добавляем `viewed` и `lost`.
+
+- [ ] **Step 1: Реализация**
+
+В `STATUS_PILL_SLUGS` (строки 14-29) добавить `'viewed'` и `'lost'` (в любую позицию массива). В `STYLES` (строки 33-48) добавить:
+
+```ts
+    viewed: { bg: 'rgba(122,91,163,0.15)', color: '#7A5BA3' },
+    lost: { bg: 'rgba(107,99,86,0.18)', color: '#6B6356' },
+```
+
+- [ ] **Step 2: Проверить типы + StatusPill-тесты**
+
+Run: `cd app; npx vue-tsc --noEmit -p tsconfig.json; npx vitest run tests/Frontend/StatusPill`
+Expected: 0 ошибок типов; StatusPill-тесты PASS (если файл есть).
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add app/resources/js/composables/useStatusPill.ts
+git commit -m "feat(deals): useStatusPill — add viewed/lost funnel slugs"
+```
+
+### Task B5: `StatusRuToSlugMapper` — маппинг под 5
+
+**Files:**
+
+- Modify: `app/app/Services/Import/StatusRuToSlugMapper.php`
+- Test: `app/tests/Feature/Import/StatusRuToSlugMapperTest.php` (если есть — обновить; иначе создать)
+
+Исторические CSV поставщика несут СТАРЫЕ 14 русских названий — все должны мапиться в новые 5 slug'ов. Плюс новые 4 русских имени.
+
+- [ ] **Step 1: Failing-тест**
+
+Создать/обновить `tests/Feature/Import/StatusRuToSlugMapperTest.php`:
+
+```php
+<?php
+
+declare(strict_types=1);
+
+use App\Services\Import\StatusRuToSlugMapper;
+
+test('старые русские статусы мапятся в 5 новых slug-ов', function () {
+    $m = new StatusRuToSlugMapper;
+    expect($m->toSlug('Новые'))->toBe('new');
+    expect($m->toSlug('Просмотрено'))->toBe('viewed');
+    expect($m->toSlug('Проработан'))->toBe('in_progress');
+    expect($m->toSlug('Переговоры'))->toBe('in_progress');
+    expect($m->toSlug('Конечный недозвон'))->toBe('in_progress');
+    expect($m->toSlug('Оплачено'))->toBe('won');
+    expect($m->toSlug('Закрыто и не реализовано'))->toBe('lost');
+});
+
+test('новые русские названия статусов тоже мапятся', function () {
+    $m = new StatusRuToSlugMapper;
+    expect($m->toSlug('Новая сделка'))->toBe('new');
+    expect($m->toSlug('В работе'))->toBe('in_progress');
+    expect($m->toSlug('Сделка'))->toBe('won');
+    expect($m->toSlug('Не реализовано'))->toBe('lost');
+});
+
+test('неизвестный статус → null', function () {
+    expect((new StatusRuToSlugMapper)->toSlug('Абракадабра'))->toBeNull();
+});
+```
+
+- [ ] **Step 2: Запустить — RED**
+
+Run: `cd app; php artisan test --filter=StatusRuToSlugMapperTest`
+Expected: FAIL — старые названия мапятся в старые slug'и.
+
+- [ ] **Step 3: Реализация — заменить `STATUS_RU_TO_SLUG`**
+
+В `StatusRuToSlugMapper.php` заменить константу (строки 15-31):
+
+```php
+    /** @var array<string, string> Русские названия → 5 slug'ов воронки (редизайн 2026-05-17). */
+    private const STATUS_RU_TO_SLUG = [
+        // Новые названия 5-статусной воронки.
+        'Новая сделка' => 'new',
+        'Просмотрено' => 'viewed',
+        'В работе' => 'in_progress',
+        'Сделка' => 'won',
+        'Не реализовано' => 'lost',
+        // Старые 14 названий поставщика → новые slug'и (исторический CSV-импорт).
+        'Новые' => 'new',
+        'Проработан' => 'in_progress',
+        'База' => 'in_progress',
+        'Недозвон' => 'in_progress',
+        'Переговоры' => 'in_progress',
+        'Ожидаем оплаты' => 'in_progress',
+        'Партнерка' => 'in_progress',
+        'Оплачено' => 'won',
+        'Закрыто и не реализовано' => 'lost',
+        'Тест драйв' => 'in_progress',
+        'Горячий' => 'in_progress',
+        'На замену' => 'in_progress',
+        'Конечный недозвон' => 'in_progress',
+    ];
+```
+
+Doc-комментарий класса «14 статусов» → «5 статусов воронки».
+
+- [ ] **Step 4: Запустить — GREEN**
+
+Run: `cd app; php artisan test --filter=StatusRuToSlugMapperTest`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add app/app/Services/Import/StatusRuToSlugMapper.php app/tests/Feature/Import/StatusRuToSlugMapperTest.php
+git commit -m "feat(deals): StatusRuToSlugMapper — remap supplier RU statuses to 5-slug funnel"
+```
+
+### Task B6: Свип старых slug'ов — `MOCK_DEALS` + тесты
+
+**Files:**
+
+- Modify: `app/resources/js/composables/mockDeals.ts` (`MOCK_DEALS`)
+- Modify: тесты, хардкодящие старые slug'и (выявляются grep'ом)
+
+Старые slug'и (`worked`, `base`, `missed`, `negotiations`, `waiting_payment`, `partnership`, `paid`, `closed`, `test_drive`, `hot`, `replacement`, `final_missed`) больше не валидны. `DealFactory` default `'new'` — НЕ требует правки.
+
+- [ ] **Step 1: Найти все вхождения**
+
+Run: `cd app; git grep -n -E "'(worked|base|missed|negotiations|waiting_payment|partnership|paid|closed|test_drive|hot|replacement|final_missed)'" -- resources/js tests`
+Изучить вывод. Игнорировать совпадения, не относящиеся к статусам сделок (напр. `closed` в другом контексте).
+
+- [ ] **Step 2: Применить REMAP к `MOCK_DEALS`**
+
+В `mockDeals.ts` в каждом элементе `MOCK_DEALS` заменить `statusSlug` по карте: `worked|base|missed|negotiations|waiting_payment|partnership|test_drive|hot|replacement|final_missed → in_progress`; `paid → won`; `closed → lost`; `new`/`viewed` — без изменений.
+
+- [ ] **Step 3: Применить REMAP к тестам**
+
+В тестовых файлах из Step 1 (Pest: `DealIndexTest`, `DealTransitionTest`, `DealUpdateTest` и др.; Vitest-specs) заменить старые slug-строки по той же карте. Где тест по смыслу проверял конкретный старый статус (напр. transition в `paid`) — заменить на эквивалентный новый (`won`).
+
+- [ ] **Step 4: Прогнать затронутые тесты**
+
+Run: `cd app; npx vitest run --maxWorkers=2; php artisan test`
+Expected: разобрать падения, дочинить до 0 fail. Полная регрессия — в B8.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add -A
+git commit -m "test(deals): sweep obsolete 14-status slugs to 5-status funnel (MOCK_DEALS + tests)"
+```
+
+### Task B7: Канбан — 5 колонок
+
+**Files:**
+
+- Modify: `app/resources/js/views/KanbanView.vue` (комментарий)
+- Modify: `app/tests/Frontend/KanbanView.spec.ts` (если ассертит число колонок)
+
+`KanbanView` строит колонки из `leadStatuses` store → после B3 автоматически 5 колонок. Кода-логики менять не нужно — только комментарии/тесты.
+
+- [ ] **Step 1: Прочитать `KanbanView.vue` и `KanbanView.spec.ts`**
+
+Run (для локализации): `cd app; git grep -n "14" -- resources/js/views/KanbanView.vue tests/Frontend/KanbanView.spec.ts`
+
+- [ ] **Step 2: Обновить упоминания «14»**
+
+В `KanbanView.vue` комментарии «14 колонок/статусов» → «5 колонок воронки». В `KanbanView.spec.ts`, если тест ассертит `toHaveLength(14)` для колонок — заменить на `5`; если ассертит конкретные старые slug'и колонок — заменить на `['new','viewed','in_progress','won','lost']`.
+
+- [ ] **Step 3: Прогнать Канбан-тесты**
+
+Run: `cd app; npx vitest run tests/Frontend/KanbanView`
+Expected: PASS.
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add app/resources/js/views/KanbanView.vue app/tests/Frontend/KanbanView.spec.ts
+git commit -m "feat(deals): Kanban — 5-column funnel (comment + test sync)"
+```
+
+### Task B8: Полная регрессия Фазы B
+
+**Files:** —
+
+- [ ] **Step 1: db smoke после миграции**
+
+Run: `cd app; php artisan migrate:fresh --seed; php artisan test --filter="RlsSmokeTest|LeadStatusesFunnelTest"`
+Expected: 0 fail.
+
+- [ ] **Step 2: Полная регрессия**
+
+Run: `cd app; php artisan test; npx vitest run --maxWorkers=2; npx vue-tsc --noEmit -p tsconfig.json`
+Expected: 0 fail / 0 ошибок типов. Падения — выписать `file:line`, починить (типовая причина — пропущенный старый slug в тесте), повторить.
+
+- [ ] **Step 3: Финальный коммит регрессии (если были фиксы)**
+
+```bash
+git add -A
+git commit -m "test(deals): phase B regression sweep — 5-status funnel green"
+```
+
+---
+
+## Self-review (проверка плана против спеки)
+
+**Покрытие спеки:**
+
+- §2 шапка/статистика → A10. Панель экспорта (даты + Excel/CSV) → A5+A10. Фильтры (телефон/Статус/Проект/Город) → A6. Селектор строк 10/20/50 → A10. Колонки таблицы → A7. Master-detail панель → A9+A10. Футер-пагинация → A10. Сайдбар (Импорт/Отчёты) — **уже сделано до плана** (вне scope).
+- §3 воронка 14→5 → B1–B8 (схема, миграция, leadStatuses, Канбан, StatusRuToSlugMapper). `RouteSupplierLeadJob` — изменения НЕ требуются (slug `new` сохранён) — зафиксировано в гейте.
+- §4 «Город» — колонка рендерится `—`, фильтр пуст/disabled (A6/A7); источник данных вне scope.
+- §5 компоненты — все перечисленные затронуты (`mockDeals`/`api/deals`/`dealsApiMapper`/`DealController`/`DealExportController`/`DealsFilters`/`DealsTable`/`DealsBulkBar`/`DealDetailDrawer`/`DealsView`/`leadStatuses`/`StatusRuToSlugMapper`).
+- §6 декомпозиция — Фаза A (A1–A11), Фаза B (B1–B8) за гейтом.
+- §8 тестирование — TDD в каждой задаче; db-тесты после миграции (B2/B8).
+
+**Расхождения, зафиксированные осознанно:**
+
+- Backend `store`/`destroy`/`restore` + старые `exportDeals`/`bulkDeleteDeals` в `api/deals.ts` — НЕ удаляются (вне scope §5; удаление = отдельная чистка).
+- Колонка/фильтр «Город» — UI-каркас есть, данных нет (§4 открыт).
+- Тест ремапа `deals.status` на проде — не покрыт unit-тестом (миграция уже применена в `migrate:fresh`); корректность — через ревью SQL + B8. Прод-данных нет (Б-1).
+
+## Execution Handoff
+
+**Plan complete and saved to `docs/superpowers/plans/2026-05-17-deals-page-redesign.md`.**
+
+Фаза A исполняется сразу. Фаза B — после гейта подтверждения slug'ов заказчиком.
+
+Two execution options:
+
+1. **Subagent-Driven (recommended)** — свежий субагент на задачу, two-stage review между задачами.
+2. **Inline Execution** — задачи в текущей сессии, чекпоинты для ревью.
+
+Which approach?
diff --git a/docs/superpowers/specs/2026-05-17-deals-page-redesign-design.md b/docs/superpowers/specs/2026-05-17-deals-page-redesign-design.md
new file mode 100644
index 00000000..7fe4828a
--- /dev/null
+++ b/docs/superpowers/specs/2026-05-17-deals-page-redesign-design.md
@@ -0,0 +1,132 @@
+# Редизайн страницы «Сделки» — дизайн
+
+**Дата:** 2026-05-17
+**Статус:** дизайн утверждён заказчиком; спека на ревью.
+**Макет:** `web/v8/deals-final.html` (вариант A, финал). Сравнение вариантов — `web/v8/deals-variants.html`.
+
+## 1. Контекст и проблема
+
+Текущая страница «Сделки» (`resources/js/views/DealsView.vue`) построена как обычная CRM: ручное создание сделки, корзина, mock-данные, колонки «Менеджер»/«Стоимость». Это неверно: лиды поступают в портал **только** от поставщика crm.bp по заказанным в проектах источникам (B1/B2/B3 × тип сигнала). Сделку нельзя создать вручную и нельзя удалить — у неё есть только статус.
+
+Конкретные ошибки текущей реализации:
+
+- Кнопка «Новая сделка» + `NewDealDialog` — [DealsView.vue:542-551](../../../app/resources/js/views/DealsView.vue#L542-L551), [:741](../../../app/resources/js/views/DealsView.vue#L741).
+- Режим «Корзина» (soft-delete) — [DealsView.vue:524-532](../../../app/resources/js/views/DealsView.vue#L524-L532).
+- Mock-данные — `mockDeals.ts` ([DealsView.vue:18](../../../app/resources/js/views/DealsView.vue#L18)).
+- Колонки «Менеджер»/«Стоимость» и две дублирующие фильтр-панели — [DealsTable.vue:57-64](../../../app/resources/js/components/deals/DealsTable.vue#L57-L64), [DealsView.vue:559-687](../../../app/resources/js/views/DealsView.vue#L559-L687).
+
+## 2. Утверждённый дизайн
+
+Страница — **реестр лидов, поставленных crm.bp**. Ручного создания и корзины нет.
+
+**Шапка:** заголовок «Сделки» + статистика + кнопка «Обновить».
+
+**Панель экспорта:** диапазон дат поставки (`от` — `до`) + кнопки «Экспорт в Excel» и «Экспорт в CSV». Диапазон фильтрует таблицу и задаёт окно экспорта.
+
+**Фильтры:** поиск по телефону, Статус, Проект, Город.
+
+**Выбор числа строк:** 10 / 20 / 50 — между фильтрами и таблицей.
+
+**Таблица** (колонки): чекбокс · Телефон · Источник · Город · Статус · Напоминание · Комментарий · Поставлен.
+
+- **Телефон** — только номер (ФИО убрано).
+- **Источник** — название проекта + тип сигнала (Звонки/Сайт/СМС); B1/B2/B3 не показываются.
+- **Город** — см. §4 (открытый вопрос источника).
+- **Статус** — одна из 5 (см. §3).
+- Колонка «Ответственный» убрана; «Отгружен» переименован в «Поставлен».
+
+**Панель сделки (master-detail):** клик по строке открывает панель с деталями сделки **справа от списка**. Список при этом **сжимается влево**, освобождая место — панель **не перекрывает** таблицу (в отличие от текущего overlay-дровера). Повторный клик / кнопка ✕ — закрыть. Содержимое панели: телефон, статус, источник (проект+тип), город, дата поставки, напоминание, комментарий, история сделки.
+
+**Футер:** пагинация.
+
+**Сайдбар** (отдельная правка, уже внесена): из nav убраны ссылки «Импорт данных» и «Отчёты» — `AppSidebar.vue`, тест `AppLayout.spec.ts` обновлён.
+
+## 3. Воронка статусов: 14 → 5
+
+Заказчик пересматривает воронку: вместо 14 статусов — **5**:
+
+1. **Новая сделка** — присваивается при поступлении лида от crm.bp.
+2. **Просмотрено**
+3. **В работе**
+4. **Сделка** — успешно закрыта.
+5. **Не реализовано** — закрыта без результата.
+
+Это самый крупный затрагиваемый блок (work-stream B, см. §6). Каскад:
+
+- Схема: `lead_statuses` / воронка (`db/schema.sql` р-н строки 2076) — изменение справочника статусов; миграция с записью в `db/CHANGELOG_schema.md`.
+- `composables/leadStatuses.ts` + `stores/leadStatuses` — новый набор.
+- `mockDeals.ts` `DEALS_TABS` — срезы по статусам.
+- Страница **Канбан** — колонки строятся из статусов → 5 колонок вместо 14.
+- Фильтр по статусу + массовая смена статуса (`DealsBulkBar`, `DealBulkActionController@transition`, `dealsApi.transitionDeals`).
+- `StatusRuToSlugMapper` (Sprint 4, импорт исторических лидов) — маппинг русских статусов поставщика на slug'и пересматривается под 5.
+
+**Предлагаемый маппинг старых 14 → новых 5** (на подтверждение в фазе плана):
+
+| Старый | Новый |
+|---|---|
+| Новый | Новая сделка |
+| Просмотрено | Просмотрено |
+| Проработан, База, Недозвон, Переговоры, Ожидаем оплаты, Партнёрка, Тест-драйв, Горячий, На замену, Конечный недозвон | В работе |
+| Оплачено | Сделка |
+| Закрыто и не реализовано | Не реализовано |
+
+Слуги новых статусов и точный маппинг — фиксируются в плане после явного подтверждения заказчиком.
+
+## 4. Открытый вопрос — источник данных для колонки «Город»
+
+crm.bp **не передаёт** город/регион ни по одному каналу ингеста:
+
+- вебхук `SupplierWebhookController@receive` валидирует только `vid/project/phone/time/tag/phones`;
+- CSV-импорт (`Services/Import/*`) гео-полей не читает.
+
+Поставщик доработку делать не будет. Из телефона регион не вывести (`PhonePrefixService` для мобильных 9XX → «неизвестно»). В схеме `deals.region_code` + `deals.city` есть (Биз-23), но заполнять нечем.
+
+**Решение:** заказчик определит источник заполнения «Города» отдельно. До этого колонка в реализацию не берётся (рендерится пустой/`—`). Вопрос зафиксирован: memory `project_deals_page_redesign.md`, напоминание 18.05.
+
+## 5. Затрагиваемые компоненты
+
+**Frontend:**
+
+- `views/DealsView.vue` — убрать `NewDealDialog`/«Новая сделка», trash-режим, дублирующую `.ld-filterbar`; перевести на реальный API; добавить панель экспорта по датам и выбор числа строк.
+- `components/deals/DealsTable.vue` — новый набор колонок.
+- `components/deals/DealsFilters.vue` — фильтры Статус/Проект/Город; убрать «Менеджер».
+- `components/deals/DealsBulkBar.vue` — массовая смена статуса на 5 значений.
+- `composables/mockDeals.ts` — снять mock-зависимость (реальные данные из API).
+- `composables/leadStatuses.ts` / `stores/leadStatuses` — 5 статусов.
+- `api/deals.ts` — список с фильтром по диапазону дат поставки, пагинацией `per_page`, полем города.
+- `components/deals/DealDetailDrawer.vue` — переделать из overlay-дровера в боковую панель master-detail: список сжимается, панель встаёт рядом (flex split-pane), не перекрывает таблицу. Содержимое карточки переиспользуется.
+
+**Backend:**
+
+- `DealController@index` — пагинация `per_page` (10/20/50), фильтр `received_at BETWEEN`, фильтр по городу/статусу/проекту.
+- `DealExportController` (`POST /api/deals/export`) — экспорт по диапазону дат, XLSX + CSV.
+- `db/schema.sql` — справочник статусов воронки 14→5 (+ `db/CHANGELOG_schema.md`).
+- `RouteSupplierLeadJob` — присваивает статус «Новая сделка» новым лидам (сейчас `'new'`).
+- `StatusRuToSlugMapper` — маппинг под 5 статусов.
+
+## 6. Декомпозиция и порядок
+
+Два work-stream'а:
+
+- **A — редизайн страницы** (frontend + `DealController`/`DealExportController`): колонки, фильтры, экспорт, пагинация, удаление ручного создания/корзины. Не зависит от B при условии, что A временно работает на текущем наборе статусов.
+- **B — воронка 14→5** (схема + миграция + Канбан + маппинг импорта). Schema-change — гейт на явное подтверждение маппинга §3.
+
+Рекомендация для плана: A и B — отдельными фазами; B стартует после подтверждения маппинга. Колонка «Город» — вне реализации до решения §4.
+
+## 7. Вне scope
+
+- Заполнение колонки «Город» данными — до решения по источнику (§4).
+- Inline-редактирование напоминания/комментария в строке (было в варианте B макета) — вариант A оставляет их read-only.
+- Содержимое карточки сделки (поля, история) не пересматривается — переиспользуется как есть; меняется только подача: overlay-дровер → боковая панель master-detail (§2, §5).
+
+## 8. Тестирование
+
+- TDD на каждый блок: Vitest (DealsView/DealsTable/DealsFilters/DealsBulkBar), Pest (`DealController@index` пагинация/фильтры, `DealExportController` диапазон дат, миграция статусов — db-тесты).
+- После изменения схемы статусов — db-тесты + smoke.
+- Регрессия Vitest + Pest перед коммитом.
+
+## 9. Открытые вопросы для фазы плана
+
+1. Источник данных для «Города» (§4) — ждём заказчика.
+2. Точные slug'и 5 статусов и маппинг старых 14 (§3) — подтвердить.
+3. ~~Судьба маршрутов `/import` и `/reports`~~ — **РЕШЕНО (2026-05-17): вариант А** — маршруты и вью остаются доступными по прямому URL; из nav-сайдбара ссылки убраны (уже сделано).
diff --git a/web/v8/deals-final.html b/web/v8/deals-final.html
new file mode 100644
index 00000000..9f6e5d05
--- /dev/null
+++ b/web/v8/deals-final.html
@@ -0,0 +1,314 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Сделки — финальный дизайн · Лидерра</title>
+<style>
+  :root{
+    --teal:#0F6E56; --ivory:#F6F3EC; --noir:#012019; --surface:#ffffff;
+    --line:#E6E2D6; --line-strong:#d4cfbe; --muted:#6b6356; --ink:#081319; --radius:10px;
+  }
+  *{box-sizing:border-box;}
+  body{margin:0;background:var(--ivory);color:var(--ink);font-family:'Inter','Segoe UI',system-ui,sans-serif;font-size:14px;line-height:1.5;}
+  .mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-feature-settings:'tnum';}
+  h1{font-size:23px;margin:0 0 4px;letter-spacing:-.02em;}
+  h2{font-size:19px;margin:0 0 2px;letter-spacing:-.015em;}
+  .wrap{max-width:1320px;margin:0 auto;padding:24px 28px 64px;}
+
+  .intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;}
+  .intro p{margin:5px 0;color:var(--muted);font-size:13px;}
+  .intro b{color:var(--ink);}
+  .intro ul{margin:6px 0;padding-left:20px;color:var(--muted);font-size:13px;}
+  .note{background:#fff8ec;border:1px solid #ecdcb8;border-left:3px solid #c8821a;border-radius:6px;padding:10px 14px;margin-top:10px;color:#7a5a1a;font-size:12.5px;}
+
+  .page{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
+  .pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
+  .stats{color:var(--muted);font-size:13px;display:flex;gap:8px;flex-wrap:wrap;}
+  .stats .num{color:var(--teal);font-weight:600;}
+  .stats .sep{opacity:.4;}
+  .btn{padding:7px 13px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font:inherit;font-size:13px;color:var(--ink);}
+  .btn.primary{background:var(--teal);color:#ffffff;border-color:var(--teal);}
+
+  /* export panel */
+  .export{
+    display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);
+    border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px;margin-bottom:12px;
+  }
+  .export .lbl{font-size:13px;color:var(--muted);}
+  .export input[type="date"]{
+    border:1px solid var(--line);border-radius:7px;padding:6px 9px;font:inherit;font-size:13px;color:var(--ink);
+  }
+  .export .dash{color:var(--muted);}
+  .export .sp{flex:1;}
+  .export .ok{font-size:12px;color:var(--teal);}
+
+  /* filters */
+  .filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
+  .fld{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;}
+  .fld.search{min-width:220px;flex:1;}
+  .fld .caret{opacity:.5;font-size:10px;}
+  .perpage{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:12px;}
+  .pp-btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:4px 10px;cursor:pointer;font:inherit;font-size:13px;color:var(--muted);}
+  .pp-btn.on{background:var(--teal);color:#ffffff;border-color:var(--teal);}
+
+  /* master-detail body: список + панель сделки сбоку */
+  .deals-body{display:flex;gap:14px;align-items:flex-start;}
+  .deals-body .tbl-card{flex:1;min-width:0;}
+
+  /* table */
+  .tbl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;}
+  table{width:100%;border-collapse:collapse;}
+  th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:11px 12px;border-bottom:1px solid var(--line);background:#fbfaf6;white-space:nowrap;}
+  td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;}
+  tr.row{cursor:pointer;}
+  tr.row:hover{background:#fbfaf6;}
+  tr.row.selected{background:rgba(15,110,86,.07);}
+  .phone{font-family:'JetBrains Mono',monospace;font-weight:500;}
+  .proj{font-weight:500;}
+  .ty{font-size:12px;color:var(--muted);}
+  .city{font-size:13px;}
+  .inline{font-size:12px;color:var(--muted);}
+  .inline.set{color:var(--ink);font-size:13px;}
+  .rem{display:inline-flex;align-items:center;gap:5px;font-size:12px;}
+  .rem.due{color:#9a6b16;}
+  .pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:14px;font-size:12px;font-weight:500;white-space:nowrap;}
+  .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;}
+
+  /* панель сделки («легенда») — справа, не поверх списка */
+  .detail-panel{width:360px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:none;}
+  .detail-panel.open{display:block;}
+  .dp-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);}
+  .dp-head .t{font-weight:600;font-size:15px;}
+  .dp-close{background:none;border:0;font-size:16px;cursor:pointer;color:var(--muted);line-height:1;}
+  .dp-body{padding:14px 16px;}
+  .dp-phone{font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:600;margin-bottom:8px;}
+  .dp-status{margin-bottom:12px;}
+  .dp-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;}
+  .dp-row .k{color:var(--muted);flex-shrink:0;}
+  .dp-row .v{text-align:right;}
+  .dp-hist{margin-top:14px;}
+  .dp-hist .hh{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:7px;}
+  .dp-hist .ev{font-size:12px;color:var(--muted);padding:3px 0 3px 10px;border-left:2px solid var(--line);margin-bottom:4px;}
+
+  /* footer / pagination */
+  .tfoot{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:12px 4px 0;}
+  .pager{display:flex;align-items:center;gap:4px;}
+  .pg{border:1px solid var(--line);background:var(--surface);border-radius:6px;min-width:30px;height:30px;cursor:pointer;font:inherit;font-size:13px;color:var(--ink);}
+  .pg.on{background:var(--noir);color:#ffffff;border-color:var(--noir);}
+  .pg:disabled{opacity:.4;cursor:default;}
+</style>
+</head>
+<body>
+<div class="wrap">
+
+  <div class="intro">
+    <h1>Страница «Сделки» — финальный дизайн</h1>
+    <p>Вариант A с правками. Лиды поступают только от поставщика crm.bp по заказанным в проектах источникам; ручного создания и корзины нет.</p>
+    <ul>
+      <li>Колонка <b>Телефон</b> — только номер (ФИО убрано).</li>
+      <li>Колонка <b>Источник</b> — проект + тип сигнала; B1/B2/B3 не показываются.</li>
+      <li><b>5 статусов:</b> Новая сделка → Просмотрено → В работе → Сделка / Не реализовано.</li>
+      <li>Колонка «Ответственный» убрана; «Отгружен» → <b>«Поставлен»</b>.</li>
+      <li>Добавлена колонка <b>Город</b>.</li>
+      <li>Экспорт за период поставки в Excel и CSV; выбор числа строк 10 / 20 / 50.</li>
+      <li><b>Клик по строке</b> открывает панель сделки справа — список <b>сжимается влево</b>, панель не перекрывает его (повторный клик / ✕ — закрыть).</li>
+    </ul>
+    <div class="note">
+      <b>Город — источник данных не определён.</b> crm.bp город/регион не передаёт ни в вебхуке
+      (<span class="mono">SupplierWebhookController</span> принимает только vid/project/phone/time/tag/phones),
+      ни в CSV-импорте; доработку поставщик делать не будет. Источник заполнения колонки заказчик
+      определит отдельно — вопрос записан, напоминание на 18.05. В макете — мок-данные.
+    </div>
+    <div class="note" style="background:#eef4f1;border-color:#cfe0d9;border-left-color:var(--teal);color:#2a5145;">
+      <b>Каскад от 5 статусов.</b> Сжатие воронки 14 → 5 статусов потянет за собой: <span class="mono">lead_statuses</span>/воронку в схеме, стор <span class="mono">leadStatuses</span>, страницу <b>Канбан</b> (колонки), фильтр и массовую смену статуса, маппинг статусов из импорта поставщика. Это отдельный backend-эпик — здесь только макет.
+    </div>
+  </div>
+
+  <div class="page">
+    <div class="pagehead">
+      <div>
+        <h2>Сделки</h2>
+        <div class="stats"><span><span class="num">+3</span> новых сегодня</span><span class="sep">·</span><span><span class="num">14</span> за период</span><span class="sep">·</span><span><span class="num">4</span> в работе</span></div>
+      </div>
+      <button class="btn">↻ Обновить</button>
+    </div>
+
+    <!-- Экспорт по датам поставки -->
+    <div class="export">
+      <span class="lbl">Поставлены с</span>
+      <input type="date" id="from" value="2026-05-10" />
+      <span class="dash">—</span>
+      <input type="date" id="to" value="2026-05-17" />
+      <button class="btn" id="exp-xlsx">⤓ Экспорт в Excel</button>
+      <button class="btn" id="exp-csv">⤓ Экспорт в CSV</button>
+      <span class="sp"></span>
+      <span class="ok" id="exp-msg"></span>
+    </div>
+
+    <!-- Фильтры -->
+    <div class="filterbar">
+      <span class="fld search">🔍 Поиск по телефону…</span>
+      <span class="fld">Статус <span class="caret">▾</span></span>
+      <span class="fld">Проект <span class="caret">▾</span></span>
+      <span class="fld">Город <span class="caret">▾</span></span>
+    </div>
+
+    <div class="perpage">Показывать по:
+      <button class="pp-btn on" data-pp="10">10</button>
+      <button class="pp-btn" data-pp="20">20</button>
+      <button class="pp-btn" data-pp="50">50</button>
+    </div>
+
+    <!-- Список + панель сделки (master-detail) -->
+    <div class="deals-body">
+      <div class="tbl-card">
+        <table id="tbl">
+          <thead><tr>
+            <th style="width:32px;"><input type="checkbox" /></th>
+            <th>Телефон</th><th>Источник</th><th>Город</th><th>Статус</th>
+            <th>Напоминание</th><th>Комментарий</th><th>Поставлен</th>
+          </tr></thead>
+          <tbody></tbody>
+        </table>
+      </div>
+
+      <aside class="detail-panel" id="panel">
+        <div class="dp-head">
+          <span class="t">Сделка</span>
+          <button class="dp-close" id="panel-close" aria-label="Закрыть">✕</button>
+        </div>
+        <div class="dp-body" id="panel-body"></div>
+      </aside>
+    </div>
+
+    <div class="tfoot">
+      <div class="pager" id="pager"></div>
+    </div>
+  </div>
+
+</div>
+
+<script>
+/* лиды, поставленные crm.bp (мок-данные; город — из источника, который заказчик определит) */
+const LEADS = [
+  {phone:'+7 916 234-56-78', project:'Окна-Люкс',   type:'Звонки', city:'Москва',           status:'Новая сделка',   reminder:'',             comment:'',                    shipped:'17.05 09:12'},
+  {phone:'+7 903 887-12-09', project:'Двери-Маркет', type:'Сайт',   city:'Санкт-Петербург',  status:'В работе',       reminder:'сегодня 16:00', comment:'Перезвонить после обеда', shipped:'17.05 08:40'},
+  {phone:'+7 928 220-71-44', project:'Ремонт-Сервис',type:'Звонки', city:'Казань',           status:'Новая сделка',   reminder:'',             comment:'',                    shipped:'17.05 10:05'},
+  {phone:'+7 925 110-44-87', project:'Кухни-Про',    type:'СМС',    city:'Подольск',         status:'Просмотрено',    reminder:'',             comment:'',                    shipped:'16.05 19:20'},
+  {phone:'+7 999 002-77-31', project:'Окна-Люкс',    type:'Звонки', city:'Краснодар',        status:'Сделка',         reminder:'',             comment:'Счёт оплачен',        shipped:'16.05 14:05'},
+  {phone:'+7 911 556-23-90', project:'Ремонт-Сервис',type:'Сайт',   city:'Санкт-Петербург',  status:'В работе',       reminder:'сегодня 12:30', comment:'Готов к замеру',      shipped:'16.05 11:50'},
+  {phone:'+7 962 334-88-21', project:'Кухни-Про',    type:'СМС',    city:'Ростов-на-Дону',   status:'Не реализовано', reminder:'',             comment:'Дорого для клиента',  shipped:'15.05 16:30'},
+  {phone:'+7 905 778-31-02', project:'Двери-Маркет', type:'Сайт',   city:'Екатеринбург',     status:'Просмотрено',    reminder:'',             comment:'',                    shipped:'15.05 10:15'},
+  {phone:'+7 952 661-09-37', project:'Кухни-Про',    type:'СМС',    city:'Новосибирск',      status:'В работе',       reminder:'завтра 11:00', comment:'Ждёт КП',             shipped:'14.05 09:30'},
+  {phone:'+7 916 445-90-12', project:'Окна-Люкс',    type:'Звонки', city:'Москва',           status:'Сделка',         reminder:'',             comment:'',                    shipped:'14.05 13:00'},
+  {phone:'+7 919 003-55-18', project:'Двери-Маркет', type:'Сайт',   city:'Москва',           status:'Не реализовано', reminder:'',             comment:'Не тот регион',       shipped:'13.05 18:45'},
+  {phone:'+7 909 871-22-60', project:'Окна-Люкс',    type:'Звонки', city:'Химки',            status:'В работе',       reminder:'',             comment:'',                    shipped:'13.05 12:10'},
+  {phone:'+7 977 445-83-21', project:'Ремонт-Сервис',type:'Сайт',   city:'Сочи',             status:'Просмотрено',    reminder:'',             comment:'',                    shipped:'12.05 15:25'},
+  {phone:'+7 913 556-90-04', project:'Кухни-Про',    type:'СМС',    city:'Новосибирск',      status:'Сделка',         reminder:'',             comment:'Оплачено',            shipped:'11.05 11:40'}
+];
+
+/* 5 статусов воронки */
+const ST = {
+  'Новая сделка':['#e3f0ec','#0F6E56'],
+  'Просмотрено':['#e8ecf2','#4a5b73'],
+  'В работе':['#fbeede','#9a6b16'],
+  'Сделка':['#e0f0e2','#2f7d3a'],
+  'Не реализовано':['#efe9e9','#9a5a52']
+};
+
+function el(tag,cls,txt){const e=document.createElement(tag);if(cls)e.className=cls;if(txt!=null)e.textContent=txt;return e;}
+function td(child){const c=el('td');if(child!=null)child instanceof Node?c.appendChild(child):(c.textContent=child);return c;}
+function pillEl(s){const c=ST[s]||['#eee','#555'];const e=el('span','pill',s);e.style.background=c[0];e.style.color=c[1];return e;}
+
+let perPage=10, page=1;
+
+/* панель сделки («легенда») */
+function dpRow(k,v){
+  const r=el('div','dp-row');
+  r.appendChild(el('span','k',k));
+  r.appendChild(v instanceof Node?(()=>{const w=el('span','v');w.appendChild(v);return w;})():el('span','v',v));
+  return r;
+}
+function openPanel(l,rowEl){
+  document.querySelectorAll('tr.row.selected').forEach(r=>r.classList.remove('selected'));
+  if(rowEl)rowEl.classList.add('selected');
+  const body=document.getElementById('panel-body');
+  body.textContent='';
+  body.appendChild(el('div','dp-phone',l.phone));
+  body.appendChild((()=>{const d=el('div','dp-status');d.appendChild(pillEl(l.status));return d;})());
+  body.appendChild(dpRow('Источник', l.project+' · '+l.type));
+  body.appendChild(dpRow('Город', l.city));
+  body.appendChild(dpRow('Поставлен', l.shipped));
+  body.appendChild(dpRow('Напоминание', l.reminder||'—'));
+  body.appendChild(dpRow('Комментарий', l.comment||'—'));
+  const hist=el('div','dp-hist');
+  hist.appendChild(el('div','hh','История'));
+  hist.appendChild(el('div','ev','Поставлен от crm.bp — '+l.shipped));
+  hist.appendChild(el('div','ev','Статус: '+l.status));
+  if(l.comment)hist.appendChild(el('div','ev','Комментарий: '+l.comment));
+  body.appendChild(hist);
+  document.getElementById('panel').classList.add('open');
+}
+function closePanel(){
+  document.getElementById('panel').classList.remove('open');
+  document.querySelectorAll('tr.row.selected').forEach(r=>r.classList.remove('selected'));
+}
+document.getElementById('panel-close').addEventListener('click',closePanel);
+
+function render(){
+  const total=LEADS.length, pages=Math.max(1,Math.ceil(total/perPage));
+  if(page>pages)page=pages;
+  const slice=LEADS.slice((page-1)*perPage, (page-1)*perPage+perPage);
+
+  const tb=document.querySelector('#tbl tbody');
+  tb.textContent='';
+  slice.forEach(l=>{
+    const tr=el('tr','row');
+    const cb=document.createElement('input');cb.type='checkbox';
+    cb.addEventListener('click',e=>e.stopPropagation());
+    tr.appendChild(td(cb));
+    tr.appendChild(td(el('span','phone',l.phone)));
+    const srcTd=el('td');
+    srcTd.appendChild(el('div','proj',l.project));
+    srcTd.appendChild(el('div','ty',l.type));
+    tr.appendChild(srcTd);
+    tr.appendChild(td(el('span','city',l.city)));
+    tr.appendChild(td(pillEl(l.status)));
+    tr.appendChild(td(l.reminder?el('span','rem due','⏰ '+l.reminder):el('span','inline','—')));
+    tr.appendChild(td(l.comment?el('span','inline set',l.comment):el('span','inline','—')));
+    tr.appendChild(td(el('span','inline',l.shipped)));
+    tr.addEventListener('click',()=>openPanel(l,tr));
+    tb.appendChild(tr);
+  });
+
+  const pager=document.getElementById('pager');
+  pager.textContent='';
+  const prev=el('button','pg','‹');prev.disabled=page===1;prev.onclick=()=>{page--;render();};
+  pager.appendChild(prev);
+  for(let p=1;p<=pages;p++){
+    const b=el('button','pg'+(p===page?' on':''),String(p));
+    b.onclick=()=>{page=p;render();};
+    pager.appendChild(b);
+  }
+  const next=el('button','pg','›');next.disabled=page===pages;next.onclick=()=>{page++;render();};
+  pager.appendChild(next);
+}
+
+document.querySelectorAll('.pp-btn').forEach(b=>b.addEventListener('click',()=>{
+  document.querySelectorAll('.pp-btn').forEach(x=>x.classList.remove('on'));
+  b.classList.add('on');
+  perPage=Number(b.dataset.pp); page=1; render();
+}));
+
+function expMsg(fmt){
+  const from=document.getElementById('from').value, to=document.getElementById('to').value;
+  document.getElementById('exp-msg').textContent='Сформирован '+fmt+' за '+from+' — '+to+' (макет)';
+}
+document.getElementById('exp-xlsx').addEventListener('click',()=>expMsg('Excel'));
+document.getElementById('exp-csv').addEventListener('click',()=>expMsg('CSV'));
+
+render();
+</script>
+</body>
+</html>
diff --git a/web/v8/deals-variants.html b/web/v8/deals-variants.html
new file mode 100644
index 00000000..e1ab4aca
--- /dev/null
+++ b/web/v8/deals-variants.html
@@ -0,0 +1,506 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Сделки — 4 варианта дизайна · Лидерра</title>
+<style>
+  :root{
+    --teal:#0F6E56; --ivory:#F6F3EC; --noir:#012019; --surface:#ffffff;
+    --line:#E6E2D6; --line-strong:#d4cfbe; --muted:#6b6356; --ink:#081319;
+    --radius:10px;
+  }
+  *{box-sizing:border-box;}
+  body{
+    margin:0; background:var(--ivory); color:var(--ink);
+    font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:14px; line-height:1.5;
+  }
+  .mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-feature-settings:'tnum';}
+  h1{font-size:24px;margin:0 0 4px;letter-spacing:-.02em;}
+  h2{font-size:19px;margin:0 0 2px;letter-spacing:-.015em;}
+  .wrap{max-width:1320px;margin:0 auto;padding:24px 28px 64px;}
+
+  /* ---- intro + tabs ---- */
+  .intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-bottom:18px;}
+  .intro p{margin:6px 0;color:var(--muted);}
+  .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px;}
+  .tab{
+    padding:9px 18px;border:1px solid var(--line-strong);background:var(--surface);
+    border-radius:var(--radius);cursor:pointer;font:inherit;font-weight:600;color:var(--muted);
+    transition:all .15s;
+  }
+  .tab:hover{border-color:var(--teal);}
+  .tab.active{background:var(--teal);color:#ffffff;border-color:var(--teal);}
+  .variant{display:none;}
+  .variant.active{display:block;}
+  .caption{
+    background:#fffdf6;border:1px solid var(--line);border-left:3px solid var(--teal);
+    border-radius:6px;padding:12px 16px;margin:14px 0 18px;color:var(--muted);font-size:13px;
+  }
+  .caption b{color:var(--ink);}
+
+  /* ---- mock page shell ---- */
+  .page{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
+  .pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
+  .stats{color:var(--muted);font-size:13px;display:flex;gap:8px;flex-wrap:wrap;}
+  .stats .num{color:var(--teal);font-weight:600;}
+  .stats .sep{opacity:.4;}
+  .btn{
+    padding:7px 14px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);
+    cursor:pointer;font:inherit;font-size:13px;color:var(--ink);
+  }
+  .btn.primary{background:var(--teal);color:#ffffff;border-color:var(--teal);}
+  .btn.ghost{background:transparent;border-color:transparent;color:var(--teal);}
+
+  /* ---- filters ---- */
+  .filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
+  .fld{
+    background:var(--surface);border:1px solid var(--line);border-radius:8px;
+    padding:7px 11px;font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;
+  }
+  .fld.search{min-width:240px;flex:1;}
+  .fld .caret{opacity:.5;font-size:10px;}
+  .taskchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
+  .taskchip{
+    background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:5px 12px;
+    font-size:12px;color:var(--muted);cursor:pointer;
+  }
+  .taskchip b{color:var(--teal);font-family:'JetBrains Mono',monospace;}
+  .taskchip.on{border-color:var(--teal);background:rgba(15,110,86,.06);color:var(--teal);}
+
+  /* ---- table ---- */
+  .tbl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
+  table{width:100%;border-collapse:collapse;}
+  th{
+    text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;
+    color:var(--muted);padding:11px 12px;border-bottom:1px solid var(--line);background:#fbfaf6;
+  }
+  td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;}
+  tr:last-child td{border-bottom:none;}
+  tr.row:hover{background:#fbfaf6;}
+  .lead{display:flex;align-items:center;gap:10px;}
+  .ava{
+    width:32px;height:32px;border-radius:50%;background:var(--teal);color:#ffffff;
+    display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;
+  }
+  .ava.sm{width:22px;height:22px;font-size:9px;background:var(--noir);}
+  .lead .nm{font-weight:500;}
+  .lead .ph{font-size:12px;color:var(--muted);}
+  .star{color:var(--line-strong);cursor:pointer;font-size:15px;}
+  .star.on{color:#d6a531;}
+  .dots{color:var(--muted);cursor:pointer;letter-spacing:1px;}
+
+  /* status pill */
+  .pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:14px;font-size:12px;font-weight:500;white-space:nowrap;}
+  .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;}
+
+  /* source badge */
+  .src{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:var(--surface);}
+  .src .dot{width:7px;height:7px;border-radius:50%;}
+  .src .b{font-weight:600;}
+  .src .ty{color:var(--muted);}
+  .src.big{padding:6px 12px;font-size:13px;}
+
+  /* inline cells */
+  .inline{font-size:12px;color:var(--muted);}
+  .inline.set{color:var(--ink);}
+  .inline-edit{border:1px dashed var(--line-strong);border-radius:6px;padding:3px 8px;font-size:12px;color:var(--muted);display:inline-block;cursor:text;}
+  .rem{display:inline-flex;align-items:center;gap:5px;font-size:12px;}
+  .rem.due{color:#9a6b16;}
+  .price{font-family:'JetBrains Mono',monospace;font-weight:600;}
+
+  /* bulk bar */
+  .bulkbar{display:flex;align-items:center;gap:10px;background:var(--noir);color:#ffffff;border-radius:var(--radius);padding:10px 16px;margin-bottom:12px;font-size:13px;}
+  .bulkbar .btn{background:rgba(255,255,255,.1);color:#ffffff;border-color:rgba(255,255,255,.2);}
+  .bulkbar .sp{flex:1;}
+
+  /* ---- flow / inbox cards ---- */
+  .subtoggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:2px;margin-bottom:14px;}
+  .subtoggle button{border:none;background:transparent;padding:6px 16px;border-radius:6px;cursor:pointer;font:inherit;font-size:13px;color:var(--muted);}
+  .subtoggle button.on{background:rgba(1,32,25,.08);color:var(--noir);font-weight:600;}
+  .subview{display:none;}
+  .subview.on{display:block;}
+  .feed{display:flex;flex-direction:column;gap:10px;}
+  .lcard{
+    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
+    padding:14px 16px;display:flex;align-items:center;gap:16px;
+  }
+  .lcard:hover{border-color:var(--line-strong);}
+  .lcard .when{font-size:11px;color:var(--muted);width:84px;flex-shrink:0;}
+  .lcard .main{flex:1;min-width:0;}
+  .lcard .main .nm{font-weight:600;}
+  .lcard .main .ph{font-size:12px;color:var(--muted);}
+  .lcard .meta{display:flex;align-items:center;gap:14px;flex-shrink:0;}
+  .lcard .resp{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);}
+
+  /* kanban */
+  .kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;}
+  .kcol{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:212px;flex:1;}
+  .kcol h4{margin:0;padding:11px 13px;font-size:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;}
+  .kcol h4 span{color:var(--muted);font-family:'JetBrains Mono',monospace;}
+  .kcol .body{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:60px;}
+  .kcard{border:1px solid var(--line);border-radius:8px;padding:9px 10px;}
+  .kcard .nm{font-weight:500;font-size:13px;}
+  .kcard .ph{font-size:11px;color:var(--muted);}
+  .kcard .ft{display:flex;justify-content:space-between;align-items:center;margin-top:6px;}
+  .legend{font-size:11px;color:var(--muted);margin-top:8px;}
+</style>
+</head>
+<body>
+<div class="wrap">
+
+  <div class="intro">
+    <h1>Страница «Сделки» — 4 варианта</h1>
+    <p>Лиды в портал поступают <b>только</b> от поставщика crm.bp по заказанным в проектах источникам (B1/B2/B3 × тип сигнала). Сделку нельзя создать вручную и нельзя удалить — у неё есть только статус. Во всех вариантах убраны кнопка «Новая сделка» и «Корзина».</p>
+    <p style="margin-top:10px;"><b>A</b> — минимальная коррекция текущей таблицы &nbsp;·&nbsp; <b>B</b> — паритет с «Мои сделки» поставщика &nbsp;·&nbsp; <b>C</b> — Лидерра-нативный инбокс (Поток/Воронка) &nbsp;·&nbsp; <b>Гибрид</b> — паритет-таблица + фишки C.</p>
+    <div class="tabs">
+      <button class="tab active" data-tab="a">Вариант A</button>
+      <button class="tab" data-tab="b">Вариант B</button>
+      <button class="tab" data-tab="c">Вариант C</button>
+      <button class="tab" data-tab="h">Гибрид</button>
+    </div>
+  </div>
+
+  <!-- ============ VARIANT A ============ -->
+  <section class="variant active" id="v-a">
+    <div class="caption"><b>Вариант A — Минимальная коррекция.</b> Текущая таблица сохранена, исправлены только ошибки модели: убрано ручное создание и корзина, колонки приведены к смыслу «лид от поставщика», добавлена колонка «Источник». Самый быстрый путь, но страница остаётся обычной таблицей без inline-работы с напоминанием/комментарием.</div>
+    <div class="page">
+      <div class="pagehead">
+        <div>
+          <h2>Сделки</h2>
+          <div class="stats"><span><span class="num">+3</span> новых с утра</span><span class="sep">·</span><span><span class="num">128</span> всего</span><span class="sep">·</span><span><span class="num">41</span> в работе</span></div>
+        </div>
+        <button class="btn">↻ Обновить</button>
+      </div>
+      <div class="filterbar">
+        <span class="fld search">🔍 Поиск: имя, телефон…</span>
+        <span class="fld">Статус <span class="caret">▾</span></span>
+        <span class="fld">Проект <span class="caret">▾</span></span>
+        <span class="fld">Источник <span class="caret">▾</span></span>
+        <span class="fld">Ответственный <span class="caret">▾</span></span>
+        <span class="fld">Период <span class="caret">▾</span></span>
+      </div>
+      <div class="tbl-card">
+        <table id="tbl-a">
+          <thead><tr>
+            <th style="width:32px;"><input type="checkbox" /></th>
+            <th>Лид</th><th>Источник</th><th>Статус</th><th>Ответственный</th>
+            <th>Напоминание</th><th>Комментарий</th><th>Отгружен</th>
+          </tr></thead>
+          <tbody></tbody>
+        </table>
+      </div>
+    </div>
+  </section>
+
+  <!-- ============ VARIANT B ============ -->
+  <section class="variant" id="v-b">
+    <div class="caption"><b>Вариант B — Паритет с поставщиком.</b> Точное зеркало страницы «Мои сделки» crm.bp: полный колоночный набор, звёздочка-избранное, ⋮-меню, <b>inline-редактирование напоминания и комментария прямо в строке</b>, задачные быстрофильтры, массовые «Присвоить статус» / «Установить комментарий». Операторы, знающие систему BG, сразу в ней ориентируются.</div>
+    <div class="page">
+      <div class="pagehead">
+        <div>
+          <h2>Мои сделки</h2>
+          <div class="stats"><span class="mono">128</span> сделок<span class="sep">·</span><span>показано 50</span></div>
+        </div>
+      </div>
+      <div class="filterbar">
+        <span class="fld">Статусы <span class="caret">▾</span></span>
+        <span class="fld">Проекты <span class="caret">▾</span></span>
+        <span class="fld">Ответственные <span class="caret">▾</span></span>
+        <span class="fld">Диапазон дат <span class="caret">▾</span></span>
+      </div>
+      <div class="taskchips">
+        <span class="taskchip on">Дела на сегодня <b>3</b></span>
+        <span class="taskchip">Просроченные <b>1</b></span>
+        <span class="taskchip">Предстоящие <b>5</b></span>
+        <span class="taskchip">Без задач <b>12</b></span>
+      </div>
+      <div class="bulkbar">
+        <span>Выбрано: <b>2</b></span>
+        <button class="btn">Присвоить статус ▾</button>
+        <button class="btn">Установить комментарий</button>
+        <span class="sp"></span>
+        <button class="btn ghost" style="color:#ffffff;">Снять выбор</button>
+      </div>
+      <div class="tbl-card">
+        <table id="tbl-b">
+          <thead><tr>
+            <th style="width:30px;"><input type="checkbox" /></th>
+            <th style="width:26px;"></th>
+            <th>Проект</th><th>Тег</th><th>Телефон</th><th>Ответственный</th>
+            <th>Эл. почта</th><th>Напоминание</th><th>Комментарий</th><th>Статус</th>
+            <th>Время отгрузки</th><th style="width:26px;"></th>
+          </tr></thead>
+          <tbody></tbody>
+        </table>
+      </div>
+    </div>
+  </section>
+
+  <!-- ============ VARIANT C ============ -->
+  <section class="variant" id="v-c">
+    <div class="caption"><b>Вариант C — Лидерра-нативный инбокс.</b> Переосмысление под реселл-модель: переключатель <b>«Поток»</b> (хронологическая лента входящих лидов — видно, что лиды «капают» от поставщика) ↔ <b>«Воронка»</b> (канбан по стадиям). На карточке — крупный бейдж источника и цена лида (что списано тенанту). Лучше всего отражает «лиды по заказанным источникам», но это отдельный продуктовый заход.</div>
+    <div class="page">
+      <div class="pagehead">
+        <div>
+          <h2>Сделки</h2>
+          <div class="stats"><span><span class="num">+3</span> новых с утра</span><span class="sep">·</span><span><span class="num">41</span> в работе</span></div>
+        </div>
+      </div>
+      <div class="subtoggle" data-sub="c">
+        <button class="on" data-v="flow">⊞ Поток</button>
+        <button data-v="kanban">▦ Воронка</button>
+      </div>
+      <div class="subview on" id="c-flow"><div class="feed" id="feed-c"></div></div>
+      <div class="subview" id="c-kanban">
+        <div class="kanban" id="kanban-c"></div>
+        <div class="legend">Стадии группируют 14 статусов воронки. Карточки перетаскиваются между стадиями (drag &amp; drop).</div>
+      </div>
+    </div>
+  </section>
+
+  <!-- ============ HYBRID ============ -->
+  <section class="variant" id="v-h">
+    <div class="caption"><b>Гибрид — паритет-таблица B + фишки C.</b> Основа — таблица паритета с inline-напоминанием/комментарием и звёздочкой, но: имя+телефон объединены в одну колонку «Лид», источник вынесен крупным бейджем, добавлена колонка <b>«Цена»</b> (списано тенанту из <span class="mono">lead_charges</span>), и есть переключатель «Таблица ↔ Поток». Сохраняет привычность BG и добавляет портально-специфичное.</div>
+    <div class="page">
+      <div class="pagehead">
+        <div>
+          <h2>Сделки</h2>
+          <div class="stats"><span><span class="num">+3</span> новых с утра</span><span class="sep">·</span><span><span class="num">128</span> всего</span><span class="sep">·</span><span>списано за месяц <span class="num mono">38 940 ₽</span></span></div>
+        </div>
+      </div>
+      <div class="subtoggle" data-sub="h">
+        <button class="on" data-v="table">▤ Таблица</button>
+        <button data-v="flow">⊞ Поток</button>
+      </div>
+      <div class="filterbar">
+        <span class="fld search">🔍 Поиск</span>
+        <span class="fld">Статус <span class="caret">▾</span></span>
+        <span class="fld">Проект <span class="caret">▾</span></span>
+        <span class="fld">Источник <span class="caret">▾</span></span>
+        <span class="fld">Период <span class="caret">▾</span></span>
+      </div>
+      <div class="taskchips">
+        <span class="taskchip on">Сегодня <b>3</b></span>
+        <span class="taskchip">Просрочено <b>1</b></span>
+        <span class="taskchip">Без задач <b>12</b></span>
+      </div>
+      <div class="subview on" id="h-table">
+        <div class="tbl-card">
+          <table id="tbl-h">
+            <thead><tr>
+              <th style="width:30px;"><input type="checkbox" /></th>
+              <th style="width:26px;"></th>
+              <th>Лид</th><th>Источник</th><th>Статус</th><th>Ответственный</th>
+              <th>Напоминание</th><th>Комментарий</th><th>Цена</th><th>Отгружен</th><th style="width:26px;"></th>
+            </tr></thead>
+            <tbody></tbody>
+          </table>
+        </div>
+      </div>
+      <div class="subview" id="h-flow"><div class="feed" id="feed-h"></div></div>
+    </div>
+  </section>
+
+</div>
+
+<script>
+/* ---- mock data: лиды, отгруженные поставщиком (хардкод-константы, не пользовательский ввод) ---- */
+const LEADS = [
+  {name:'Алексей Громов', phone:'+7 916 234-56-78', project:'Окна-Люкс', tag:'OKNA', b:'B2', type:'Звонки', status:'Новый', resp:'А. Петрова', ri:'АП', email:'', reminder:'', comment:'', shipped:'12 мин назад', price:420},
+  {name:'Марина Ковалёва', phone:'+7 903 887-12-09', project:'Двери-Маркет', tag:'DVERI', b:'B1', type:'Сайт', status:'Переговоры', resp:'И. Сидоров', ri:'ИС', email:'m.kov@mail.ru', reminder:'сегодня 16:00', comment:'Перезвонить после обеда', shipped:'1 ч назад', price:380},
+  {name:'', phone:'+7 925 110-44-87', project:'Кухни-Про', tag:'KUHNI', b:'B3', type:'СМС', status:'Недозвон', resp:'А. Петрова', ri:'АП', email:'', reminder:'завтра 10:00', comment:'', shipped:'3 ч назад', price:260},
+  {name:'Сергей Власов', phone:'+7 999 002-77-31', project:'Окна-Люкс', tag:'OKNA', b:'B2', type:'Звонки', status:'Ожидаем оплаты', resp:'М. Орлов', ri:'МО', email:'', reminder:'', comment:'Счёт выставлен', shipped:'5 ч назад', price:420},
+  {name:'Гость #4471', phone:'+7 911 556-23-90', project:'Ремонт-Сервис', tag:'REM', b:'B1', type:'Сайт', status:'Горячий', resp:'И. Сидоров', ri:'ИС', email:'', reminder:'сегодня 12:30', comment:'Готов к замеру', shipped:'вчера', price:510},
+  {name:'Ольга Дроздова', phone:'+7 962 334-88-21', project:'Кухни-Про', tag:'KUHNI', b:'B3', type:'СМС', status:'Оплачено', resp:'М. Орлов', ri:'МО', email:'olga.d@gmail.com', reminder:'', comment:'', shipped:'вчера', price:260},
+  {name:'Павел Н.', phone:'+7 905 778-31-02', project:'Двери-Маркет', tag:'DVERI', b:'B1', type:'Сайт', status:'Просмотрено', resp:'', ri:'', email:'', reminder:'', comment:'', shipped:'вчера', price:380},
+  {name:'Ирина Соколова', phone:'+7 916 445-90-12', project:'Окна-Люкс', tag:'OKNA', b:'B2', type:'Звонки', status:'Закрыто и не реализовано', resp:'А. Петрова', ri:'АП', email:'', reminder:'', comment:'Дорого для клиента', shipped:'2 дн назад', price:420}
+];
+
+const ST = {
+  'Новый':['#e3f0ec','#0F6E56'], 'Просмотрено':['#e8ecf2','#4a5b73'], 'Проработан':['#e9e7f5','#4a3f8a'],
+  'База':['#ecebe6','#6b6356'], 'Недозвон':['#fbeede','#9a6b16'], 'Переговоры':['#e2ecf6','#2c5a86'],
+  'Ожидаем оплаты':['#fce8d8','#b3601a'], 'Партнёрка':['#f0e6f3','#7a3f86'], 'Оплачено':['#e0f0e2','#2f7d3a'],
+  'Закрыто и не реализовано':['#efe9e9','#8a5a5a'], 'Тест-драйв':['#e0f0f2','#2a7d86'], 'Горячий':['#fce4e2','#c0392b'],
+  'На замену':['#fbeede','#9a6b16'], 'Конечный недозвон':['#e8e6e3','#5a544c']
+};
+const BCOL = {B1:'#0F6E56', B2:'#c8821a', B3:'#6a4a9c'};
+
+/* helpers — build DOM via createElement, без innerHTML */
+function el(tag, cls, txt){ const e=document.createElement(tag); if(cls) e.className=cls; if(txt!=null) e.textContent=txt; return e; }
+
+function pillEl(s){
+  const c = ST[s]||['#eee','#555'];
+  const e = el('span','pill',s);
+  e.style.background=c[0]; e.style.color=c[1];
+  return e;
+}
+function srcEl(l, big){
+  const e = el('span','src'+(big?' big':''));
+  const dot = el('span','dot'); dot.style.background=BCOL[l.b]; e.appendChild(dot);
+  e.appendChild(el('span','b',l.b));
+  e.appendChild(el('span','ty','· '+l.type));
+  return e;
+}
+function avaEl(l, sm){
+  const ini = (l.name||'?').replace('Гость #','Г').split(' ').map(p=>p[0]).join('').slice(0,2).toUpperCase();
+  return el('span','ava'+(sm?' sm':''), ini);
+}
+function nameOf(l){ return l.name || 'Без имени'; }
+function respCellEl(l){
+  if(!l.resp) return el('span','inline','—');
+  const w = el('span','rem'); w.appendChild(avaEl(l,true)); w.appendChild(document.createTextNode(' '+l.resp));
+  return w;
+}
+function remEditEl(l){
+  if(l.reminder){
+    const due = /сегодня|завтра/.test(l.reminder);
+    return el('span','rem'+(due?' due':''),'⏰ '+l.reminder);
+  }
+  return el('span','inline-edit','+ напоминание');
+}
+function cmtEditEl(l){
+  return l.comment ? el('span','inline set',l.comment) : el('span','inline-edit','+ комментарий');
+}
+function td(child){ const c=el('td'); if(child!=null){ child instanceof Node ? c.appendChild(child) : (c.textContent=child); } return c; }
+function cell(){ const c=el('td'); for(const n of arguments){ if(n!=null) c.appendChild(n instanceof Node?n:document.createTextNode(n)); } return c; }
+function checkbox(checked){ const i=el('input'); i.type='checkbox'; if(checked) i.checked=true; return i; }
+function starEl(on){ return el('span','star'+(on?' on':''), on?'★':'☆'); }
+function leadCell(l){
+  const w=el('div','lead'); w.appendChild(avaEl(l));
+  const d=el('div'); d.appendChild(el('div','nm',nameOf(l))); d.appendChild(el('div','ph mono',l.phone));
+  w.appendChild(d); return w;
+}
+
+/* ---- variant A table ---- */
+(function(){
+  const tb=document.querySelector('#tbl-a tbody');
+  LEADS.forEach(l=>{
+    const tr=el('tr','row');
+    tr.appendChild(td(checkbox()));
+    tr.appendChild(td(leadCell(l)));
+    const srcTd=el('td'); srcTd.appendChild(el('span','inline set',l.project)); srcTd.appendChild(el('br')); srcTd.appendChild(srcEl(l)); tr.appendChild(srcTd);
+    tr.appendChild(td(pillEl(l.status)));
+    tr.appendChild(td(respCellEl(l)));
+    tr.appendChild(td(l.reminder?el('span','rem due','⏰ '+l.reminder):el('span','inline','—')));
+    tr.appendChild(td(l.comment?el('span','inline set',l.comment):el('span','inline','—')));
+    tr.appendChild(td(el('span','inline',l.shipped)));
+    tb.appendChild(tr);
+  });
+})();
+
+/* ---- variant B table (паритет) ---- */
+(function(){
+  const tb=document.querySelector('#tbl-b tbody');
+  LEADS.forEach((l,i)=>{
+    const tr=el('tr','row');
+    tr.appendChild(td(checkbox(i<2)));
+    tr.appendChild(td(starEl(i===4)));
+    tr.appendChild(td(el('span','inline set',l.project)));
+    tr.appendChild(td(el('span','mono',l.tag)));
+    const ph=el('td'); ph.className='mono'; ph.textContent=l.phone; tr.appendChild(ph);
+    tr.appendChild(td(respCellEl(l)));
+    tr.appendChild(td(l.email?el('span','inline set',l.email):el('span','inline','—')));
+    tr.appendChild(td(remEditEl(l)));
+    tr.appendChild(td(cmtEditEl(l)));
+    tr.appendChild(td(pillEl(l.status)));
+    tr.appendChild(td(el('span','inline',l.shipped)));
+    tr.appendChild(td(el('span','dots','⋮')));
+    tb.appendChild(tr);
+  });
+})();
+
+/* ---- hybrid table ---- */
+(function(){
+  const tb=document.querySelector('#tbl-h tbody');
+  LEADS.forEach((l,i)=>{
+    const tr=el('tr','row');
+    tr.appendChild(td(checkbox()));
+    tr.appendChild(td(starEl(i===4)));
+    tr.appendChild(td(leadCell(l)));
+    const srcTd=el('td');
+    const pj=el('div',null,l.project); pj.style.cssText='font-size:12px;margin-bottom:3px;color:var(--muted)';
+    srcTd.appendChild(pj); srcTd.appendChild(srcEl(l)); tr.appendChild(srcTd);
+    tr.appendChild(td(pillEl(l.status)));
+    tr.appendChild(td(respCellEl(l)));
+    tr.appendChild(td(remEditEl(l)));
+    tr.appendChild(td(cmtEditEl(l)));
+    tr.appendChild(td(el('span','price',l.price+' ₽')));
+    tr.appendChild(td(el('span','inline',l.shipped)));
+    tr.appendChild(td(el('span','dots','⋮')));
+    tb.appendChild(tr);
+  });
+})();
+
+/* ---- flow feed (C + hybrid) ---- */
+function buildFeed(target){
+  LEADS.forEach(l=>{
+    const card=el('div','lcard');
+    card.appendChild(el('div','when mono',l.shipped));
+    card.appendChild(srcEl(l,true));
+    const main=el('div','main');
+    main.appendChild(el('div','nm',nameOf(l)));
+    main.appendChild(el('div','ph mono',l.phone+' · '+l.project));
+    card.appendChild(main);
+    const meta=el('div','meta');
+    if(l.reminder) meta.appendChild(el('span','rem due','⏰ '+l.reminder));
+    meta.appendChild(el('span','price',l.price+' ₽'));
+    meta.appendChild(pillEl(l.status));
+    meta.appendChild(l.resp?avaEl(l,true):el('span','inline','—'));
+    card.appendChild(meta);
+    target.appendChild(card);
+  });
+}
+buildFeed(document.getElementById('feed-c'));
+buildFeed(document.getElementById('feed-h'));
+
+/* ---- kanban (C) ---- */
+const STAGES = [
+  ['Новые',['Новый','Просмотрено']],
+  ['В работе',['Проработан','База','Недозвон']],
+  ['Переговоры',['Переговоры','Горячий','Тест-драйв']],
+  ['Оплата',['Ожидаем оплаты','Оплачено','Партнёрка']],
+  ['Закрыто',['Закрыто и не реализовано','Конечный недозвон','На замену']]
+];
+(function(){
+  const k=document.getElementById('kanban-c');
+  STAGES.forEach(([title,sts])=>{
+    const cards=LEADS.filter(l=>sts.includes(l.status));
+    const col=el('div','kcol');
+    const h=el('h4'); h.appendChild(document.createTextNode(title+' ')); h.appendChild(el('span',null,String(cards.length)));
+    col.appendChild(h);
+    const body=el('div','body');
+    if(!cards.length) body.appendChild(el('span','inline','пусто'));
+    cards.forEach(l=>{
+      const kc=el('div','kcard');
+      kc.appendChild(el('div','nm',nameOf(l)));
+      kc.appendChild(el('div','ph mono',l.phone));
+      const ft=el('div','ft'); ft.appendChild(srcEl(l)); ft.appendChild(el('span','price',l.price+' ₽'));
+      kc.appendChild(ft); body.appendChild(kc);
+    });
+    col.appendChild(body); k.appendChild(col);
+  });
+})();
+
+/* ---- tab switching ---- */
+document.querySelectorAll('.tab').forEach(t=>t.addEventListener('click',()=>{
+  document.querySelectorAll('.tab').forEach(x=>x.classList.remove('active'));
+  document.querySelectorAll('.variant').forEach(x=>x.classList.remove('active'));
+  t.classList.add('active');
+  document.getElementById('v-'+t.dataset.tab).classList.add('active');
+  window.scrollTo({top:0,behavior:'smooth'});
+}));
+
+/* ---- sub-toggles (C: flow/kanban, H: table/flow) ---- */
+document.querySelectorAll('.subtoggle').forEach(grp=>{
+  const sub=grp.dataset.sub;
+  grp.querySelectorAll('button').forEach(b=>b.addEventListener('click',()=>{
+    grp.querySelectorAll('button').forEach(x=>x.classList.remove('on'));
+    b.classList.add('on');
+    grp.parentElement.querySelectorAll('.subview').forEach(v=>v.classList.remove('on'));
+    document.getElementById(sub+'-'+b.dataset.v).classList.add('on');
+  }));
+});
+</script>
+</body>
+</html>