chore(deploy): защищённый выкат сборки портала — не даёт затереть чужие фичи

Портал выкатывается полной заменой public/build; сборка из устаревшей ветки
молча сносила чужую работу (инцидент 08.07: Метрика снесла колонки «Сделок»).
deploy-build.sh перед подменой сверяет маркеры критичных фич (по активным
чанкам manifest.json, не по orphan-осколкам) — теряет живую фичу → ОТКАЗ.
Осознанный откат — FORCE=1, только проверка — DRY_RUN=1. Установлен на боевом.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/config/services.php

@@ -146,6 +146,12 @@ return [
         'widget_url_template' => env('JIVO_WIDGET_URL_TEMPLATE', 'https://code.jivo.ru/widget/{id}'),
     ],
 
+    // Яндекс.Метрика портала (lk.liderra.ru). Пусто = Метрика не грузится.
+    // Вебвизор пишет только кабинет клиента (см. resources/js/plugins/metrika.ts + router).
+    'metrika' => [
+        'counter_id' => env('METRIKA_COUNTER_ID'),
+    ],
+
     // Платёжный шлюз ЮKassa. webhook_ip_allowlist — CSV IP/CIDR из env (defense-in-depth
     // на /api/webhook/payment). Пусто → fail-open (поток не ломается). На проде заполнить
     // опубликованными ЮKassa подсетями: 185.71.76.0/27,185.71.77.0/27,77.75.153.0/25,

app/resources/js/components/billing/TierPricesPanel.vue

@@ -6,6 +6,8 @@
  *
  * Billing v2 Spec A §3.4.8.
  */
+import { tierRangeText } from '../../utils/pricingTiers';
+
 interface TierPreview {
     tier_no: number;
     leads_in_tier: number | null;
@@ -18,14 +20,7 @@ const props = defineProps<{
 }>();
 
 function rangeText(idx: number): string {
-    let start = 1;
-    for (let i = 0; i < idx; i++) {
-        const cap = props.tiers[i].leads_in_tier;
-        if (cap !== null) start += cap;
-    }
-    const cap = props.tiers[idx].leads_in_tier;
-    if (cap === null) return `${start}+`;
-    return `${start}–${start + cap - 1}`;
+    return tierRangeText(props.tiers, idx);
 }
 </script>
 

app/resources/js/components/common/ResponsiveTable.vue

@@ -1,22 +1,24 @@
 <script setup lang="ts">
 /**
- * Обёртка: десктоп/планшет — слот #table (обычный v-data-table),
- * телефон — слот #card (список карточек по каждому item).
+ * Обёртка: десктоп (>=1280) — слот #table (обычный v-data-table),
+ * телефон и планшет (<1280) — слот #card (список карточек по каждому item).
+ * Широкие таблицы (Сделки/Списания) не влезают в узкую колонку планшета-портрета
+ * рядом с rail-меню — правые колонки обрезались, поэтому на планшете тоже карточки.
  * Данные прокидываются через слот-пропсы, чтобы вызывающий сам рисовал карточку.
  */
 import { useLayoutTier } from '../../composables/useLayoutTier';
 
 defineProps<{ items: unknown[] }>();
-const { isPhone } = useLayoutTier();
+const { isDesktop } = useLayoutTier();
 </script>
 
 <template>
     <div>
-        <template v-if="isPhone">
-            <slot name="card" :items="items" />
+        <template v-if="isDesktop">
+            <slot name="table" :items="items" />
         </template>
         <template v-else>
-            <slot name="table" :items="items" />
+            <slot name="card" :items="items" />
         </template>
     </div>
 </template>

app/resources/js/components/deals/DealDetailHero.vue

@@ -35,11 +35,11 @@ function formatRelative(minutes: number): string {
     <header class="hero pa-5">
         <div class="hero-eyebrow text-caption text-medium-emphasis">Сделка #{{ deal.id }}</div>
         <div class="hero-row mt-1">
-            <h2 class="hero-name text-h5">{{ deal.name }}</h2>
+            <h2 class="hero-name text-h5 ym-hide-content">{{ deal.name }}</h2>
             <v-btn icon="mdi-close" variant="text" size="small" aria-label="Закрыть панель" @click="$emit('close')" />
         </div>
         <div class="hero-meta mt-2">
-            <a :href="`tel:${deal.phone.replace(/[^+\d]/g, '')}`" class="phone-link">{{ deal.phone }}</a>
+            <a :href="`tel:${deal.phone.replace(/[^+\d]/g, '')}`" class="phone-link ym-hide-content">{{ deal.phone }}</a>
             <span class="sep">·</span>
             <span class="text-caption text-medium-emphasis">
                 <v-icon size="14" class="mr-1">mdi-clock-outline</v-icon>

app/resources/js/components/deals/DealsFilters.vue

@@ -37,7 +37,7 @@ const hasActiveFilter = () => props.filterStatus !== null || props.filterProject
             density="compact"
             hide-details
             clearable
-            class="filters-search"
+            class="filters-search ym-disable-keys"
             data-testid="filter-search-phone"
             @update:model-value="(v: string) => $emit('update:searchPhone', v ?? '')"
         />

app/resources/js/components/deals/DealsTable.vue

@@ -43,6 +43,14 @@ function hasSource(deal: MockDeal): boolean {
     return Boolean(deal.sourceIdentifier || deal.sourceProjectId);
 }
 
+// «Конкурент» — только бренд, без описания: имя конкурента хранится как
+// «Бренд, описание…», в колонке показываем часть до первой запятой.
+function competitorShort(name: string | null | undefined): string {
+    if (!name) return '';
+    const i = name.indexOf(',');
+    return (i === -1 ? name : name.slice(0, i)).trim();
+}
+
 function formatDateTime(iso: string | null | undefined): string {
     if (!iso) return '—';
     const d = new Date(iso);
@@ -96,16 +104,17 @@ function toggleSelect(id: number): void {
             @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>
+                <span class="num ld-mono ym-hide-content">{{ item.phone }}</span>
             </template>
 
             <template #[`item.competitor`]="{ item }: { item: MockDeal }">
                 <router-link
                     v-if="item.competitorId"
                     class="cell-link"
+                    :title="item.competitorName ?? undefined"
                     :to="{ name: 'autopodbor', query: { competitor: String(item.competitorId) } }"
                     @click.stop
-                    >{{ item.competitorName }}</router-link
+                    >{{ competitorShort(item.competitorName) }}</router-link
                 >
                 <span v-else class="text-medium-emphasis">—</span>
             </template>
@@ -140,9 +149,11 @@ function toggleSelect(id: number): void {
             </template>
 
             <template #[`item.comment`]="{ item }: { item: MockDeal }">
-                <span class="cell-comment" :class="{ 'text-medium-emphasis': !item.comment }">{{
-                    item.comment || '—'
-                }}</span>
+                <span
+                    class="cell-comment ym-hide-content"
+                    :class="{ 'text-medium-emphasis': !item.comment }"
+                    >{{ item.comment || '—' }}</span
+                >
             </template>
 
             <template #[`item.receivedAt`]="{ item }: { item: MockDeal }">
@@ -161,7 +172,7 @@ function toggleSelect(id: number): void {
             <template #[`item.data-table-select`]="{ isSelected, toggleSelect, internalItem, item }">
                 <v-checkbox-btn
                     :model-value="isSelected(internalItem)"
-                    :aria-label="`Выбрать сделку «${(item as MockDeal).phone}»`"
+                    :aria-label="`Выбрать сделку #${(item as MockDeal).id}`"
                     @update:model-value="() => toggleSelect(internalItem)"
                 />
             </template>
@@ -183,11 +194,11 @@ function toggleSelect(id: number): void {
                             density="compact"
                             hide-details
                             class="deal-card__check"
-                            :aria-label="`Выбрать сделку «${deal.phone}»`"
+                            :aria-label="`Выбрать сделку #${deal.id}`"
                             @click.stop
                             @update:model-value="() => toggleSelect(deal.id)"
                         />
-                        <span class="deal-card__phone num ld-mono">{{ deal.phone }}</span>
+                        <span class="deal-card__phone num ld-mono ym-hide-content">{{ deal.phone }}</span>
                         <StatusPill
                             :slug="deal.statusSlug"
                             :label="statusBySlug.get(deal.statusSlug)?.nameRu ?? deal.statusSlug"
@@ -197,9 +208,10 @@ function toggleSelect(id: number): void {
                         <router-link
                             v-if="deal.competitorId"
                             class="deal-card__competitor"
+                            :title="deal.competitorName ?? undefined"
                             :to="{ name: 'autopodbor', query: { competitor: String(deal.competitorId) } }"
                             @click.stop
-                            >{{ deal.competitorName }}</router-link
+                            >{{ competitorShort(deal.competitorName) }}</router-link
                         >
                         <span v-else class="deal-card__project">{{ stripChannelPrefix(deal.project) }}</span>
                         <span v-if="!hasSource(deal) && signalLabel(deal.signalType)" class="deal-card__signal">{{
@@ -229,7 +241,7 @@ function toggleSelect(id: number): void {
                             <span class="deal-card__signal">{{ sourceSignalLabel(deal) }}</span>
                         </template>
                     </div>
-                    <div v-if="deal.comment" class="deal-card__comment">{{ deal.comment }}</div>
+                    <div v-if="deal.comment" class="deal-card__comment ym-hide-content">{{ deal.comment }}</div>
                     <div class="deal-card__foot num ld-mono-s">{{ formatDateTime(deal.receivedAt) }}</div>
                 </article>
             </div>

app/resources/js/components/deals/NewDealDialog.vue

@@ -220,6 +220,7 @@ function close() {
                             variant="outlined"
                             density="comfortable"
                             autofocus
+                            class="ym-disable-keys"
                             :error-messages="errors.name ? [errors.name] : []"
                             data-testid="field-name"
                         />
@@ -232,6 +233,7 @@ function close() {
                             variant="outlined"
                             density="comfortable"
                             inputmode="tel"
+                            class="ym-disable-keys"
                             :error-messages="errors.phone ? [errors.phone] : []"
                             data-testid="field-phone"
                         />

app/resources/js/components/kanban/KanbanCard.vue

@@ -25,8 +25,8 @@ function formatCost(cost: number): string {
         density="compact"
         @click="emit('open', deal.id)"
     >
-        <div class="card-name">{{ deal.name }}</div>
-        <div class="card-phone text-caption text-medium-emphasis">{{ deal.phone }}</div>
+        <div class="card-name ym-hide-content">{{ deal.name }}</div>
+        <div class="card-phone text-caption text-medium-emphasis ym-hide-content">{{ deal.phone }}</div>
         <div class="card-meta mt-2">
             <span class="card-project text-caption">{{ stripChannelPrefix(deal.project) }}</span>
             <span class="card-cost num">{{ deal.costKopecks != null ? formatCost(deal.costKopecks / 100) : '—' }}</span>

app/resources/js/content/legalDocs.ts

@@ -104,6 +104,7 @@ export const LEGAL_DOCS: Record<'offer' | 'privacy' | 'refund', LegalDoc> = {
                 heading: '5. Хранение и защита',
                 paragraphs: [
                     'Персональные данные хранятся на территории Российской Федерации. Применяются разграничение доступа, шифрование, маскирование данных в выгрузках и журналирование действий.',
+                    'Для улучшения сервиса используется Яндекс.Метрика, включая запись пользовательских сессий (Вебвизор). Персональные данные контактов (телефоны, имена) в таких записях маскируются и не передаются. Обработка выполняется на серверах в Российской Федерации.',
                 ],
             },
             {

app/resources/js/plugins/metrika.ts

@@ -0,0 +1,59 @@
+/**
+ * Ленивый загрузчик Яндекс.Метрики для портала.
+ * Грузится ТОЛЬКО из роутера при входе в кабинет (meta.layout==='app') — см. router/index.ts.
+ * id счётчика читается из <meta name="metrika-id"> (проставляется welcome.blade.php по config).
+ * Вебвизор пишет с маскировкой ПДн (классы ym-hide-content в компонентах кабинета).
+ */
+declare global {
+    interface Window {
+        ym?: (...args: unknown[]) => void;
+    }
+}
+
+let loaded = false;
+
+function counterId(): number | null {
+    const meta = document.querySelector('meta[name="metrika-id"]');
+    const raw = meta?.getAttribute('content');
+    const id = raw ? Number(raw) : NaN;
+    return Number.isFinite(id) && id > 0 ? id : null;
+}
+
+/** Один раз инжектит tag.js и инициализирует Вебвизор. Идемпотентно. No-op без id. */
+export function ensureLoaded(): void {
+    if (loaded) return;
+    const id = counterId();
+    if (id === null) return;
+    loaded = true;
+
+    // стандартный bootstrap-стаб ym до загрузки tag.js
+    const w = window as Window & { ym?: { (...a: unknown[]): void; a?: unknown[]; l?: number } };
+    w.ym =
+        w.ym ||
+        function (...args: unknown[]) {
+            (w.ym as { a?: unknown[] }).a = (w.ym as { a?: unknown[] }).a || [];
+            (w.ym as { a: unknown[] }).a.push(args);
+        };
+    (w.ym as { l?: number }).l = Number(new Date());
+
+    const s = document.createElement('script');
+    s.async = true;
+    s.src = `https://mc.yandex.ru/metrika/tag.js?id=${id}`;
+    document.head.appendChild(s);
+
+    // defer:true — без авто-первого-хита; первый хит шлёт роутер вручную
+    w.ym(id, 'init', {
+        webvisor: true,
+        clickmap: true,
+        trackLinks: true,
+        accurateTrackBounce: true,
+        defer: true,
+    });
+}
+
+/** Отправить заход (SPA-переход). No-op без id/ym. */
+export function hit(url: string): void {
+    const id = counterId();
+    if (id === null || typeof window.ym !== 'function') return;
+    window.ym(id, 'hit', url);
+}

app/resources/js/router/index.ts

@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router';
 import { useAuthStore } from '../stores/auth';
+import { ensureLoaded, hit } from '../plugins/metrika';
 
 /**
  * Vue Router (фаза 2). История — `createWebHistory` (HTML5 history API);
@@ -413,3 +414,13 @@ router.beforeEach(async (to) => {
 
     return true;
 });
+
+// Метрика/Вебвизор — только в кабинете клиента (layout==='app').
+// Загружаем лениво при первом входе, затем шлём hit на каждом переходе внутри кабинета.
+// Вход (auth), публичные (public), админка (admin), портал продаж (salesAuth) — БЕЗ Метрики.
+router.afterEach((to) => {
+    if (to.meta.layout === 'app') {
+        ensureLoaded();
+        hit(to.fullPath);
+    }
+});

app/resources/js/utils/pricingTiers.ts

@@ -0,0 +1,33 @@
+/**
+ * Единый источник истины для показа объёмных ступеней тарифа.
+ *
+ * В БД у каждой ступени хранится ШИРИНА (`leads_in_tier`) — сколько лидов
+ * помещается именно в эту ступень, а НЕ «до какого лида она действует».
+ * Живой расчёт списаний (PricingTierResolver / BalanceToLeadsConverter)
+ * накапливает эти ширины: tier 1 = 1..w1, tier 2 = w1+1..w1+w2, и т.д.
+ *
+ * Эта функция переводит ширину в тот накопительный диапазон, который видит
+ * клиент в кабинете. Держим её в ОДНОМ месте, чтобы админка и кабинет никогда
+ * не разошлись в цифрах.
+ */
+export interface TierWidth {
+    leads_in_tier: number | null;
+}
+
+/**
+ * Диапазон номеров лидов для ступени с индексом `idx` (0-based) в массиве
+ * ступеней, отсортированном по возрастанию tier_no.
+ *
+ * Пример (ширины 250/500/…): idx=0 → «1–250», idx=1 → «251–750».
+ * Последняя ступень (`leads_in_tier === null`) → «19251+».
+ */
+export function tierRangeText(tiers: ReadonlyArray<TierWidth>, idx: number): string {
+    let start = 1;
+    for (let i = 0; i < idx; i++) {
+        const cap = tiers[i].leads_in_tier;
+        if (cap !== null) start += cap;
+    }
+    const cap = tiers[idx].leads_in_tier;
+    if (cap === null) return `${start}+`;
+    return `${start}–${start + cap - 1}`;
+}

app/resources/js/views/admin/AdminPricingTiersView.vue

@@ -23,7 +23,7 @@
                 </span>
             </v-card-title>
             <v-data-table
-                :headers="tierHeaders"
+                :headers="activeHeaders"
                 :items="active"
                 :items-per-page="7"
                 density="comfortable"
@@ -33,10 +33,17 @@
                     <span v-if="item.leads_in_tier !== null">{{ item.leads_in_tier }}</span>
                     <span v-else class="text-medium-emphasis">все свыше</span>
                 </template>
+                <template #[`item.client_range`]="{ item }">
+                    <span :data-testid="`active-range-${item.tier_no}`">{{ activeRangeText(item) }} лидов</span>
+                </template>
                 <template #[`item.price_rub`]="{ item }">
                     {{ fmtRub(item.price_per_lead_kopecks) }}
                 </template>
             </v-data-table>
+            <div class="text-caption text-medium-emphasis px-4 pb-3">
+                «Лидов в ступени» — сколько заявок помещается именно в эту ступень (ширина). «Диапазон» —
+                как эти ступени видит клиент в кабинете: с какого по какой лид действует цена.
+            </div>
         </v-card>
 
         <v-card v-if="hasScheduled" class="mb-6" elevation="1">
@@ -68,11 +75,16 @@
                         style="max-width: 240px"
                         data-testid="effective-from-input"
                     />
+                    <p class="text-caption text-medium-emphasis mb-2">
+                        В поле «Лидов в ступени» вводится <strong>ширина</strong> ступени (сколько заявок в неё
+                        помещается). Справа сразу видно, <strong>что увидит клиент</strong> — накопительный диапазон.
+                    </p>
                     <table class="editor-table">
                         <thead>
                             <tr>
                                 <th>Ступень</th>
                                 <th>Лидов в ступени</th>
+                                <th>Клиент увидит</th>
                                 <th>Цена за лид (₽)</th>
                             </tr>
                         </thead>
@@ -90,6 +102,9 @@
                                     />
                                     <span v-else class="text-medium-emphasis">все свыше</span>
                                 </td>
+                                <td :data-testid="`editor-range-${t.tier_no}`" class="editor-range num">
+                                    {{ editorRangeText(t) }} лидов
+                                </td>
                                 <td>
                                     <v-text-field
                                         v-model="t.price_rub"
@@ -148,6 +163,7 @@ import {
     type PricingTierEditorRow,
 } from '../../api/admin';
 import { extractErrorMessage } from '../../api/client';
+import { tierRangeText } from '../../utils/pricingTiers';
 
 /**
  * SaaS-admin → Тарифная сетка (Plan 4 Task 9, Sprint 1 G1 error handling).
@@ -198,6 +214,28 @@ const tierHeaders = [
     { title: 'Цена за лид', key: 'price_rub', sortable: false },
 ];
 
+// Активная сетка показывает ещё и накопительный диапазон — ровно то, что видит
+// клиент в кабинете (устраняет путаницу «в админке одни числа, у клиента другие»).
+const activeHeaders = [
+    { title: '№', key: 'tier_no', sortable: false, width: 80 },
+    { title: 'Лидов в ступени', key: 'leads_in_tier', sortable: false },
+    { title: 'Диапазон (у клиента)', key: 'client_range', sortable: false },
+    { title: 'Цена за лид', key: 'price_rub', sortable: false },
+];
+
+// Диапазон для строки активной сетки: находим позицию ступени по tier_no
+// и переводим ширины в накопительный диапазон (общий помощник — как в кабинете).
+function activeRangeText(item: AdminPricingTier): string {
+    const idx = active.value.findIndex((t) => t.tier_no === item.tier_no);
+    return tierRangeText(active.value, idx);
+}
+
+// Живой предпросмотр диапазона в редакторе — пересчитывается при правке ширины.
+function editorRangeText(row: PricingTierEditorRow): string {
+    const idx = editor.value.findIndex((r) => r.tier_no === row.tier_no);
+    return tierRangeText(editor.value, idx);
+}
+
 const nextMonthStart = computed(() => {
     const d = new Date();
     d.setDate(1);
@@ -307,4 +345,12 @@ defineExpose({
     padding: 8px 12px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 }
+.num {
+    font-family: 'JetBrains Mono', monospace;
+    font-feature-settings: 'tnum';
+}
+.editor-range {
+    color: #6b6456;
+    white-space: nowrap;
+}
 </style>

app/resources/views/welcome.blade.php

@@ -5,6 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ config('app.name', 'Лидерра') }}</title>
     <meta name="support-email" content="{{ config('services.support.email') }}">
+    @if(config('services.metrika.counter_id'))
+        <meta name="metrika-id" content="{{ config('services.metrika.counter_id') }}">
+    @endif
     @vite(['resources/css/app.css', 'resources/js/app.ts'])
     @if(config('services.jivosite.widget_id'))
         <script src="https://code.jivo.ru/widget/{{ config('services.jivosite.widget_id') }}" async></script>

app/tests/Frontend/AdminPricingTiersView.spec.ts

@@ -143,6 +143,62 @@ describe('AdminPricingTiersView', () => {
     });
 });
 
+describe('AdminPricingTiersView — клиентский диапазон (устранение путаницы admin↔кабинет)', () => {
+    beforeEach(() => {
+        vi.mocked(adminApi.getPricingTiers).mockResolvedValue({ active: mockTiers, scheduled: {} });
+        vi.mocked(adminApi.createPricingTiers).mockResolvedValue({ effective_from: '2026-06-01' });
+    });
+
+    it('в активной сетке рядом с шириной показывает накопительный диапазон, как у клиента', async () => {
+        const wrapper = mount(AdminPricingTiersView, { global: { plugins: [vuetify] } });
+        await new Promise((r) => setTimeout(r, 50));
+        // ширины 100,200 → ступень 2 у клиента = 101–300 (а не «200»)
+        const cell = wrapper.find('[data-testid="active-range-2"]');
+        expect(cell.exists()).toBe(true);
+        expect(cell.text()).toContain('101–300');
+    });
+
+    it('ступень 7 в активной сетке — открытый диапазон со знаком +', async () => {
+        const wrapper = mount(AdminPricingTiersView, { global: { plugins: [vuetify] } });
+        await new Promise((r) => setTimeout(r, 50));
+        // 100+200+400+800+1500+3000 = 6000 → ступень 7 = 6001+
+        expect(wrapper.find('[data-testid="active-range-7"]').text()).toContain('6001+');
+    });
+
+    it('редактор показывает живой клиентский диапазон рядом с полем ширины', async () => {
+        const wrapper = mount(AdminPricingTiersView, {
+            global: {
+                plugins: [vuetify],
+                stubs: { VDialog: { template: '<div><slot /></div>' } },
+            },
+        });
+        await new Promise((r) => setTimeout(r, 50));
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (wrapper.vm as any).editorOpen = true;
+        await wrapper.vm.$nextTick();
+        // defaultEditor: ширины 100,200 → ступень 2 = 101–300
+        const cell = wrapper.find('[data-testid="editor-range-2"]');
+        expect(cell.exists()).toBe(true);
+        expect(cell.text()).toContain('101–300');
+    });
+
+    it('предпросмотр в редакторе пересчитывается при изменении ширины', async () => {
+        const wrapper = mount(AdminPricingTiersView, {
+            global: {
+                plugins: [vuetify],
+                stubs: { VDialog: { template: '<div><slot /></div>' } },
+            },
+        });
+        await new Promise((r) => setTimeout(r, 50));
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const vm = wrapper.vm as any;
+        vm.editorOpen = true;
+        vm.editor[0].leads_in_tier = 250; // была 100 → ступень 2 сдвигается на 251–450
+        await wrapper.vm.$nextTick();
+        expect(wrapper.find('[data-testid="editor-range-2"]').text()).toContain('251–450');
+    });
+});
+
 describe('AdminPricingTiersView error handling (Sprint 1 G1)', () => {
     afterEach(() => {
         vi.clearAllMocks();

app/tests/Frontend/DealsTable.spec.ts

@@ -4,6 +4,10 @@ import { createVuetify } from 'vuetify';
 import DealsTable from '../../resources/js/components/deals/DealsTable.vue';
 import type { MockDeal } from '../../resources/js/composables/mockDeals';
 
+// ResponsiveTable показывает таблицу только на десктопе (>=1280); эти тесты
+// проверяют табличный слой — фиксируем десктоп-ширину.
+Object.defineProperty(window, 'innerWidth', { configurable: true, value: 1440 });
+
 const vuetify = createVuetify();
 
 const sampleDeals: MockDeal[] = [
@@ -128,6 +132,29 @@ describe('DealsTable', () => {
         expect(links[1].props('to')).toMatchObject({ name: 'autopodbor', query: { competitor: '3', project: '5' } });
     });
 
+    it('«Конкурент» — только бренд до первой запятой, без описания', () => {
+        const deal: MockDeal = {
+            id: 12,
+            name: '79000000002',
+            phone: '79000000002',
+            statusSlug: 'new',
+            project: 'X',
+            manager: { initials: '—', name: '—' },
+            cost: 0,
+            receivedMinutesAgo: 1,
+            competitorId: 4,
+            competitorName: 'AutoMoney, микрокредитная компания',
+            sourceIdentifier: '79135396546',
+            sourceSignalType: 'call',
+            sourceProjectId: 5,
+            sourceIsActive: true,
+            sourceExtraCount: 0,
+        };
+        const w = mountTable([deal]);
+        expect(w.text()).toContain('AutoMoney');
+        expect(w.text()).not.toContain('микрокредитная');
+    });
+
     it('показывает « · +N» при нескольких источниках проекта', () => {
         const deal: MockDeal = {
             id: 11,

app/tests/Frontend/ResponsiveTable.spec.ts

@@ -23,6 +23,11 @@ describe('ResponsiveTable', () => {
         expect(w.find('[data-testid="as-card"]').exists()).toBe(true);
         expect(w.find('[data-testid="as-table"]').exists()).toBe(false);
     });
+    it('на планшете-портрете (768) показывает слот card, а не обрезанную таблицу', () => {
+        const w = mountAt(768);
+        expect(w.find('[data-testid="as-card"]').exists()).toBe(true);
+        expect(w.find('[data-testid="as-table"]').exists()).toBe(false);
+    });
     it('на десктопе (>=1280) показывает слот table', () => {
         const w = mountAt(1440);
         expect(w.find('[data-testid="as-table"]').exists()).toBe(true);

app/tests/Frontend/TransactionsTable.spec.ts

@@ -7,6 +7,10 @@ import type { BillingTransaction, TransactionsPage } from '../../resources/js/ap
 
 vi.mock('../../resources/js/api/billing');
 
+// ResponsiveTable показывает таблицу только на десктопе (>=1280); эти тесты
+// проверяют табличный слой — фиксируем десктоп-ширину.
+Object.defineProperty(window, 'innerWidth', { configurable: true, value: 1440 });
+
 const vuetify = createVuetify();
 
 function txn(over: Partial<BillingTransaction> = {}): BillingTransaction {

app/tests/Frontend/metrika.spec.ts

@@ -0,0 +1,47 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+
+/**
+ * Тесты ленивого загрузчика Яндекс.Метрики (resources/js/plugins/metrika.ts).
+ * Загрузчик грузится только из роутера при входе в кабинет (см. router/index.ts).
+ */
+describe('metrika loader', () => {
+    beforeEach(() => {
+        document.head.innerHTML = '';
+        document.body.innerHTML = '';
+        delete window.ym;
+        vi.resetModules();
+    });
+
+    it('без meta-тега ничего не грузит и не падает', async () => {
+        const { ensureLoaded } = await import('../../resources/js/plugins/metrika');
+        ensureLoaded();
+        expect(document.querySelector('script[src*="mc.yandex.ru"]')).toBeNull();
+    });
+
+    it('с meta-тегом инжектит tag.js один раз (идемпотентно)', async () => {
+        const meta = document.createElement('meta');
+        meta.name = 'metrika-id';
+        meta.content = '99999999';
+        document.head.appendChild(meta);
+
+        const { ensureLoaded } = await import('../../resources/js/plugins/metrika');
+        ensureLoaded();
+        ensureLoaded();
+        const scripts = document.querySelectorAll('script[src*="mc.yandex.ru/metrika/tag.js"]');
+        expect(scripts.length).toBe(1);
+    });
+
+    it('hit() вызывает window.ym с id из meta и переданным url', async () => {
+        const meta = document.createElement('meta');
+        meta.name = 'metrika-id';
+        meta.content = '99999999';
+        document.head.appendChild(meta);
+
+        const ym = vi.fn();
+        window.ym = ym;
+
+        const { hit } = await import('../../resources/js/plugins/metrika');
+        hit('/dashboard');
+        expect(ym).toHaveBeenCalledWith(99999999, 'hit', '/dashboard');
+    });
+});

app/tests/Frontend/pricingTiers.spec.ts

@@ -0,0 +1,42 @@
+import { describe, expect, it } from 'vitest';
+
+import { tierRangeText } from '../../resources/js/utils/pricingTiers';
+
+/**
+ * Единый источник истины для «ширина ступени → накопительный диапазон».
+ * Числа — ровно те, что клиент видит в кабинете (боевая сетка 08.07.2026):
+ * ширины 250/500/1000/2500/5000/10000/∞ → 1–250, 251–750, …, 19251+.
+ */
+const tiers = [
+    { leads_in_tier: 250 },
+    { leads_in_tier: 500 },
+    { leads_in_tier: 1000 },
+    { leads_in_tier: 2500 },
+    { leads_in_tier: 5000 },
+    { leads_in_tier: 10000 },
+    { leads_in_tier: null },
+];
+
+describe('tierRangeText', () => {
+    it('первая ступень начинается с 1', () => {
+        expect(tierRangeText(tiers, 0)).toBe('1–250');
+    });
+
+    it('вторая ступень — накопительный диапазон, а не «сама ширина»', () => {
+        expect(tierRangeText(tiers, 1)).toBe('251–750');
+    });
+
+    it('третья ступень продолжает накопление', () => {
+        expect(tierRangeText(tiers, 2)).toBe('751–1750');
+    });
+
+    it('шестая ступень', () => {
+        // 250+500+1000+2500 = 4250 → пятая 4251–9250 → шестая 9251–19250
+        expect(tierRangeText(tiers, 5)).toBe('9251–19250');
+    });
+
+    it('последняя ступень (leads_in_tier=null) — открытый диапазон со знаком +', () => {
+        // 250+500+1000+2500+5000+10000 = 19250 → tier 7 стартует с 19251
+        expect(tierRangeText(tiers, 6)).toBe('19251+');
+    });
+});

deploy/deploy-build.sh

@@ -0,0 +1,114 @@
+#!/usr/bin/env bash
+# ─────────────────────────────────────────────────────────────────────────────
+# Лидерра — ЗАЩИЩЁННЫЙ выкат фронт-сборки портала (public/build).
+#
+# ЗАЧЕМ. Портал выкатывается ПОЛНОЙ заменой папки public/build. Если собрать
+# из УСТАРЕВШЕЙ ветки (где нет чужих свежих фич) и залить — чужая работа
+# МОЛЧА затирается. Реальный инцидент 08.07.2026: выкат Яндекс.Метрики,
+# собранный из ветки без колонок «Сделок», снёс колонки «Конкурент/Источник».
+#
+# ЧТО ДЕЛАЕТ. Перед подменой сверяет: новая сборка НЕ должна ПОТЕРЯТЬ ни одной
+# критичной фичи, которая есть в живой сборке. Потеряла — ОТКАЗ, боевой не тронут.
+# Осознанный откат (когда фичу убираем намеренно) — только с FORCE=1.
+#
+# ВАЖНО. Маркеры ищем ТОЛЬКО в чанках, на которые ссылается manifest.json
+# (активная сборка), а не по всей assets/ — там копятся «осколки» старых
+# overlay-выкатов, из-за которых наивная проверка промахивалась.
+#
+# ИСПОЛЬЗОВАНИЕ (с dev-машины):
+#   tar czf build.tgz -C app/public/build .
+#   scp build.tgz liderra:/tmp/build.tgz
+#   ssh liderra 'sudo bash /var/www/liderra/deploy-build.sh /tmp/build.tgz "ветка/sha/что выкатываем"'
+#   # только проверить, не выкатывая:
+#   ssh liderra 'sudo DRY_RUN=1 bash /var/www/liderra/deploy-build.sh /tmp/build.tgz "проверка"'
+#   # осознанный откат/удаление фичи:
+#   ssh liderra 'sudo FORCE=1 bash /var/www/liderra/deploy-build.sh /tmp/build.tgz "rollback: ..."'
+#
+# Откат в любой момент: mv build.bak-guard-<ts> build (см. вывод скрипта).
+# ─────────────────────────────────────────────────────────────────────────────
+set -euo pipefail
+
+TGZ="${1:?укажи путь к tar.gz со сборкой (содержимое папки build)}"
+INFO="${2:-}"
+FORCE="${FORCE:-}"
+DRY_RUN="${DRY_RUN:-}"
+BASE=/var/www/liderra/app/public
+LIVE="$BASE/build"
+
+# Критичные маркеры фич: если строка есть в ЖИВОЙ сборке — обязана быть и в новой.
+# ➕ Добавляй строку сюда, когда выкатываешь новую пользовательскую фичу,
+#    чтобы её тоже нельзя было случайно затереть следующим выкатом.
+MARKERS=(
+  "Конкурент"        # колонки «Сделок»: Конкурент / Источник
+  "mc.yandex"        # Яндекс.Метрика (счётчик + Вебвизор)
+  "ym-hide-content"  # маскировка ПДн лидов для Метрики (152-ФЗ) — критично
+  "deal-card"        # мобильные/планшетные карточки сделок
+  "autopodbor"       # автоподбор конкурентов
+)
+
+echo "▶ Защищённый выкат сборки портала. Инфо: ${INFO:-—}"
+[ -f "$TGZ" ] || { echo "❌ Нет файла: $TGZ"; exit 2; }
+
+STAGING="$BASE/.build-staging.$$"
+rm -rf "$STAGING"; mkdir -p "$STAGING"
+tar xzf "$TGZ" -C "$STAGING"
+[ -f "$STAGING/manifest.json" ] || { echo "❌ В сборке нет manifest.json — это не билд портала."; rm -rf "$STAGING"; exit 2; }
+
+# Список АКТИВНЫХ чанков (js/css) по manifest — без orphan-осколков прошлых выкатов.
+active_files() {  # $1 = dir сборки → печатает полные пути к активным чанкам
+  local dir="$1"
+  grep -oE 'assets/[A-Za-z0-9_.-]+\.(js|css)' "$dir/manifest.json" | sort -u | sed "s|^|$dir/|"
+}
+mapfile -t LIVE_FILES < <(active_files "$LIVE" 2>/dev/null || true)
+mapfile -t NEW_FILES  < <(active_files "$STAGING" 2>/dev/null || true)
+
+hits() {  # $1 = маркер, далее список файлов → сколько файлов содержат маркер
+  local m="$1"; shift
+  [ "$#" -eq 0 ] && { echo 0; return 0; }
+  # grep возвращает 1 при «не найдено»; при pipefail+set -e это рвёт скрипт —
+  # поэтому глушим код через "|| true", а число берём из вывода wc.
+  local c
+  c=$(grep -lF -- "$m" "$@" 2>/dev/null | wc -l) || true
+  echo "${c:-0}"
+}
+
+# ── ГЛАВНАЯ ЗАЩИТА: новая сборка не должна терять фичи живой ──────────────────
+missing=()
+for m in "${MARKERS[@]}"; do
+  live_n=$(hits "$m" "${LIVE_FILES[@]}")
+  new_n=$(hits "$m" "${NEW_FILES[@]}")
+  if [ "$live_n" -gt 0 ] && [ "$new_n" -eq 0 ]; then
+    missing+=("$m")
+  fi
+done
+
+if [ "${#missing[@]}" -gt 0 ] && [ "$FORCE" != "1" ]; then
+  echo ""
+  echo "🛑 ОТКАЗ: новая сборка ТЕРЯЕТ фичи, которые есть на боевом:"
+  printf '     • %s\n' "${missing[@]}"
+  echo ""
+  echo "   Похоже, собрано из УСТАРЕВШЕЙ ветки (без чужой работы)."
+  echo "   Пересобери из ветки-надмножества — где есть ВСЁ живое."
+  echo "   Если это ОСОЗНАННЫЙ откат/удаление фичи — повтори с FORCE=1."
+  rm -rf "$STAGING"
+  exit 3
+fi
+if [ "${#missing[@]}" -gt 0 ]; then
+  echo "⚠ FORCE=1: осознанно теряем фичи (${missing[*]}) — по прямому указанию."
+fi
+
+if [ "$DRY_RUN" = "1" ]; then
+  echo "✅ DRY_RUN: проверка пройдена, все живые фичи на месте. Выкат НЕ выполнялся."
+  rm -rf "$STAGING"
+  exit 0
+fi
+
+# ── Подмена с бэкапом и отметкой о выкате ────────────────────────────────────
+ts="$(date -u +%Y%m%d-%H%M%S)"
+mv "$LIVE" "$BASE/build.bak-guard-$ts"
+mv "$STAGING" "$LIVE"
+appjs=$(grep -oE 'assets/app-[a-zA-Z0-9_-]+\.js' "$LIVE/manifest.json" | head -1)
+printf '{"deployed_at":"%s","info":"%s","bundle":"%s","guard_ok":true}\n' \
+  "$ts" "${INFO//\"/}" "$appjs" > "$LIVE/DEPLOYED.json"
+chown -R www-data:www-data "$LIVE"
+echo "✅ Выкат ок. Бандл: $appjs. Бэкап прежней сборки: build.bak-guard-$ts"