diff --git a/API Документация: Генерация стратегии продвижения (Frontend/Документация для фронтенда: Генерация изображений для постов.md b/API Документация: Генерация стратегии продвижения (Frontend/Документация для фронтенда: Генерация изображений для постов.md
deleted file mode 100644
index e201db1..0000000
--- a/API Документация: Генерация стратегии продвижения (Frontend/Документация для фронтенда: Генерация изображений для постов.md	
+++ /dev/null
@@ -1,548 +0,0 @@
-# Документация для фронтенда: Генерация изображений для постов
-
-## Обзор изменений
-
-В систему добавлена автоматическая генерация изображений для постов в социальных сетях. Теперь при создании маркетинговой стратегии для каждого поста автоматически генерируется уникальное изображение с помощью OpenAI DALL-E API. Изображения сохраняются в MinIO и прикрепляются к постам при публикации в Facebook.
-
----
-
-## Новые поля в API
-
-### 1. PostCalendarItem (Календарь постов)
-
-В объекте `PostCalendarItem` добавлены два новых поля для работы с изображениями:
-
-| Поле            | Тип    | Описание                                                     | Обязательное |
-| --------------- | ------ | ------------------------------------------------------------ | ------------ |
-| `imageUrl`      | string | Имя файла изображения (используется для получения через API) | Нет          |
-| `imageFilename` | string | Имя файла изображения                                        | Нет          |
-
-**Важно:**
-
--   Поля могут быть `null`, если генерация изображения не удалась
--   В этом случае пост публикуется без изображения
--   Оба поля содержат одинаковое значение (имя файла)
--   Для получения изображения используйте API эндпоинт `/api/marketing/analysis/images/{imageFilename}`
-
-### 2. PostingTask (Задачи публикации)
-
-В объекте `PostingTask` также добавлены поля для изображений:
-
-| Поле            | Тип    | Описание                                                     | Обязательное |
-| --------------- | ------ | ------------------------------------------------------------ | ------------ |
-| `imageUrl`      | string | Имя файла изображения (используется для получения через API) | Нет          |
-| `imageFilename` | string | Имя файла изображения                                        | Нет          |
-
----
-
-## Изменения в API эндпоинтах
-
-### GET `/api/marketing/strategy/{strategyId}`
-
-Ответ теперь включает поля изображений в каждом элементе календаря постов.
-
-#### Пример ответа
-
-```json
-{
-    "success": true,
-    "data": {
-        "strategyId": "507f1f77bcf86cd799439011",
-        "analysisId": "507f1f77bcf86cd799439012",
-        "status": "completed",
-        "strategy": {
-            "postCalendar": [
-                {
-                    "publishDate": "2024-01-15T10:00:00",
-                    "platform": "Facebook",
-                    "contentType": "пост",
-                    "theme": "Презентация нового продукта",
-                    "postText": "Мы рады представить наш новый продукт...",
-                    "hashtags": ["#новинка", "#продукт", "#маркетинг"],
-                    "publishTime": "10:00",
-                    "imageUrl": "post_image_1705312800000_1234567890.png",
-                    "imageFilename": "post_image_1705312800000_1234567890.png"
-                }
-            ]
-        }
-    }
-}
-```
-
-### GET `/api/marketing/analysis/{analysisId}/strategy`
-
-Аналогично, ответ включает поля изображений в календаре постов.
-
----
-
-## Получение изображений
-
-### Через бэкенд API
-
-Все изображения должны получаться через бэкенд API. Прямой доступ к MinIO с фронтенда не предусмотрен.
-
-#### Эндпоинт для получения изображения
-
-**GET** `/api/marketing/analysis/images/{imageFilename}`
-
-Возвращает изображение поста в формате PNG.
-
-#### Параметры пути
-
-| Параметр        | Тип    | Описание              |
-| --------------- | ------ | --------------------- |
-| `imageFilename` | string | Имя файла изображения |
-
-#### Заголовки запроса
-
-| Заголовок       | Тип    | Обязательный | Описание                             |
-| --------------- | ------ | ------------ | ------------------------------------ |
-| `Authorization` | string | Да           | JWT токен в формате `Bearer {token}` |
-
-#### Пример запроса
-
-```javascript
-const imageUrl = `/api/marketing/analysis/images/${post.imageFilename}`;
-
-fetch(imageUrl, {
-    headers: {
-        Authorization: `Bearer ${token}`
-    }
-})
-    .then((response) => {
-        if (response.ok) {
-            return response.blob();
-        }
-        throw new Error('Failed to load image');
-    })
-    .then((blob) => {
-        const imageObjectUrl = URL.createObjectURL(blob);
-        // Используйте imageObjectUrl для отображения
-    });
-```
-
-#### Пример ответа
-
--   **Успешный ответ (200 OK):**
-
-    -   Content-Type: `image/png`
-    -   Body: бинарные данные изображения PNG
-
--   **Ошибка 401 Unauthorized:**
-
-    -   Токен отсутствует или невалиден
-
--   **Ошибка 404 Not Found:**
-
-    -   Изображение не найдено на сервере
-
--   **Ошибка 500 Internal Server Error:**
-    -   Внутренняя ошибка сервера при загрузке изображения
-
-#### Кэширование
-
-Сервер возвращает заголовок `Cache-Control: public, max-age=3600`, что позволяет браузеру кэшировать изображения на 1 час.
-
----
-
-## Рекомендации по отображению
-
-### 1. Проверка наличия изображения
-
-Всегда проверяйте наличие изображения перед отображением:
-
-```javascript
-// Пример на JavaScript/TypeScript
-const PostCard = ({ post, apiBaseUrl, authToken }) => {
-    const hasImage = post.imageUrl && post.imageFilename;
-    const imageUrl = hasImage ? `${apiBaseUrl}/api/marketing/analysis/images/${post.imageFilename}` : null;
-
-    return (
-        <div className="post-card">
-            <h3>{post.theme}</h3>
-            <p>{post.postText}</p>
-
-            {imageUrl ? (
-                <img
-                    src={imageUrl}
-                    alt={post.theme}
-                    onError={(e) => {
-                        // Fallback если изображение не загрузилось
-                        e.target.style.display = 'none';
-                    }}
-                    // Если требуется авторизация, используйте fetch с заголовками
-                />
-            ) : (
-                <div className="no-image-placeholder">Изображение не сгенерировано</div>
-            )}
-
-            <div className="hashtags">
-                {post.hashtags.map((tag) => (
-                    <span key={tag}>#{tag}</span>
-                ))}
-            </div>
-        </div>
-    );
-};
-```
-
-### 2. Обработка ошибок загрузки
-
-Всегда предусматривайте fallback для случаев, когда:
-
--   Изображение не сгенерировано (`imageUrl` = `null`)
--   Изображение не найдено на сервере
--   Ошибка при загрузке изображения
-
-```javascript
-const [imageError, setImageError] = useState(false);
-
-const getImageUrl = (imageFilename) => {
-    if (!imageFilename) return null;
-    return `${API_BASE_URL}/api/marketing/analysis/images/${imageFilename}`;
-};
-
-const handleImageError = () => {
-    setImageError(true);
-};
-
-return (
-    <>
-        {post.imageUrl && !imageError ? (
-            <img src={getImageUrl(post.imageFilename)} alt={post.theme} onError={handleImageError} />
-        ) : (
-            <div className="image-placeholder">
-                <Icon name="image" />
-                <span>Изображение недоступно</span>
-            </div>
-        )}
-    </>
-);
-```
-
-### 3. Оптимизация загрузки
-
-Рекомендуется использовать lazy loading для изображений:
-
-```javascript
-<img src={post.imageUrl ? `${API_BASE_URL}/api/marketing/analysis/images/${post.imageFilename}` : null} alt={post.theme} loading="lazy" className="post-image" />
-```
-
-### 4. Размеры изображений
-
-Изображения генерируются в размере **1024x1024 пикселей** (квадратные). При отображении учитывайте это при настройке CSS:
-
-```css
-.post-image {
-    width: 100%;
-    max-width: 512px;
-    height: auto;
-    border-radius: 8px;
-    object-fit: cover;
-}
-```
-
----
-
-## Примеры использования
-
-### React компонент для отображения поста
-
-```typescript
-import React, { useState } from 'react';
-
-interface PostCalendarItem {
-  publishDate: string;
-  platform: string;
-  contentType: string;
-  theme: string;
-  postText: string;
-  hashtags: string[];
-  publishTime: string;
-  imageUrl?: string | null;
-  imageFilename?: string | null;
-}
-
-interface PostCardProps {
-  post: PostCalendarItem;
-  apiBaseUrl: string;
-}
-
-const PostCard: React.FC<PostCardProps> = ({ post, apiBaseUrl }) => {
-  const [imageError, setImageError] = useState(false);
-
-  const getImageUrl = (): string | null => {
-    if (!post.imageFilename) return null;
-    return `${apiBaseUrl}/api/marketing/analysis/images/${post.imageFilename}`;
-  };
-
-  const imageUrl = getImageUrl();
-
-  return (
-    <div className='post-card'>
-      <div className='post-header'>
-        <span className='platform-badge'>{post.platform}</span>
-        <span className='content-type'>{post.contentType}</span>
-        <span className='publish-time'>{post.publishTime}</span>
-      </div>
-
-      <h3 className='post-theme'>{post.theme}</h3>
-
-      {imageUrl && !imageError ? (
-        <div className='post-image-container'>
-          <img
-            src={imageUrl}
-            alt={post.theme}
-            className='post-image'
-            loading='lazy'
-            onError={() => setImageError(true)}
-          />
-        </div>
-      ) : (
-        <div className='no-image-placeholder'>
-          <svg width='64' height='64' viewBox='0 0 24 24' fill='none'>
-            <path
-              d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'
-              fill='currentColor'
-            />
-          </svg>
-          <p>Изображение не сгенерировано</p>
-        </div>
-      )}
-
-      <p className='post-text'>{post.postText}</p>
-
-      <div className='post-hashtags'>
-        {post.hashtags.map((tag, index) => (
-          <span key={index} className='hashtag'>
-            {tag.startsWith('#') ? tag : `#${tag}`}
-          </span>
-        ))}
-      </div>
-
-      <div className='post-footer'>
-        <span className='publish-date'>
-          {new Date(post.publishDate).toLocaleDateString('ru-RU')}
-        </span>
-      </div>
-    </div>
-  );
-};
-
-export default PostCard;
-```
-
-### Vue компонент
-
-```vue
-<template>
-    <div class="post-card">
-        <div class="post-header">
-            <span class="platform-badge">{{ post.platform }}</span>
-            <span class="content-type">{{ post.contentType }}</span>
-            <span class="publish-time">{{ post.publishTime }}</span>
-        </div>
-
-        <h3 class="post-theme">{{ post.theme }}</h3>
-
-        <div v-if="imageUrl && !imageError" class="post-image-container">
-            <img :src="imageUrl" :alt="post.theme" class="post-image" loading="lazy" @error="imageError = true" />
-        </div>
-        <div v-else class="no-image-placeholder">
-            <Icon name="image" />
-            <p>Изображение не сгенерировано</p>
-        </div>
-
-        <p class="post-text">{{ post.postText }}</p>
-
-        <div class="post-hashtags">
-            <span v-for="(tag, index) in post.hashtags" :key="index" class="hashtag">
-                {{ tag.startsWith('#') ? tag : `#${tag}` }}
-            </span>
-        </div>
-
-        <div class="post-footer">
-            <span class="publish-date">
-                {{ formatDate(post.publishDate) }}
-            </span>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-interface PostCalendarItem {
-    publishDate: string;
-    platform: string;
-    contentType: string;
-    theme: string;
-    postText: string;
-    hashtags: string[];
-    publishTime: string;
-    imageUrl?: string | null;
-    imageFilename?: string | null;
-}
-
-const props = defineProps<{
-    post: PostCalendarItem;
-    apiBaseUrl: string;
-}>();
-
-const imageError = ref(false);
-
-const imageUrl = computed(() => {
-    if (!props.post.imageFilename) return null;
-    return `${props.apiBaseUrl}/api/marketing/analysis/images/${props.post.imageFilename}`;
-});
-
-const formatDate = (dateString: string) => {
-    return new Date(dateString).toLocaleDateString('ru-RU');
-};
-</script>
-```
-
----
-
-## Важные замечания
-
-### 1. Генерация изображений
-
--   Изображения генерируются **автоматически** при создании стратегии
--   Процесс генерации может занять время (обычно 10-30 секунд на изображение)
--   Если генерация не удалась, пост все равно будет создан, но без изображения
-
-### 2. Хранение изображений
-
--   Все изображения хранятся на бэкенде
--   Формат изображений: **PNG**
--   Размер изображений: **1024x1024 пикселей**
--   Имя файла уникально для каждого поста
--   Доступ к изображениям только через API эндпоинт
-
-### 3. Публикация постов
-
--   При публикации поста в Facebook изображение автоматически прикрепляется
--   Если изображение отсутствует, пост публикуется только с текстом
--   Это не влияет на успешность публикации
-
-### 4. Обратная совместимость
-
--   Старые стратегии, созданные до добавления этой функции, не будут иметь изображений
--   Поля `imageUrl` и `imageFilename` будут `null` для таких постов
--   Фронтенд должен корректно обрабатывать `null` значения
-
----
-
-## Конфигурация
-
-Для работы с изображениями вам понадобится базовый URL вашего API:
-
-```typescript
-// config.ts
-export const API_CONFIG = {
-    baseUrl: 'http://your-backend-url' // URL вашего бэкенда
-    // Например: 'http://localhost:8080' или 'https://api.example.com'
-};
-```
-
----
-
-## Миграция существующего кода
-
-Если у вас уже есть компоненты для отображения постов, обновите их следующим образом:
-
-1. **Добавьте проверку наличия изображения:**
-
-    ```typescript
-    const hasImage = post.imageUrl && post.imageFilename;
-    ```
-
-2. **Добавьте отображение изображения:**
-
-    ```jsx
-    {
-        hasImage && <img src={`${API_BASE_URL}/api/marketing/analysis/images/${post.imageFilename}`} alt={post.theme} />;
-    }
-    ```
-
-3. **Обновите типы/интерфейсы:**
-    ```typescript
-    interface PostCalendarItem {
-        // ... существующие поля
-        imageUrl?: string | null;
-        imageFilename?: string | null;
-    }
-    ```
-
----
-
-## Поддержка
-
-При возникновении проблем:
-
-1. Проверьте, что `imageUrl` и `imageFilename` не `null`
-2. Убедитесь, что используете правильный API эндпоинт: `/api/marketing/analysis/images/{imageFilename}`
-3. Проверьте, что JWT токен валиден и передается в заголовке `Authorization`
-4. Проверьте консоль браузера на наличие ошибок сети или авторизации
-5. Убедитесь, что используете правильный базовый URL API
-
----
-
-## Пример полного ответа API
-
-```json
-{
-    "success": true,
-    "data": {
-        "strategyId": "507f1f77bcf86cd799439011",
-        "analysisId": "507f1f77bcf86cd799439012",
-        "status": "completed",
-        "createdAt": "2024-01-15T10:00:00",
-        "completedAt": "2024-01-15T10:05:00",
-        "durationWeeks": 4,
-        "priorityPlatforms": ["Facebook", "Instagram"],
-        "strategy": {
-            "weeklyPlans": [
-                {
-                    "weekNumber": 1,
-                    "mainThemes": ["Презентация продукта", "Преимущества"],
-                    "contentRecommendations": "Создавайте контент...",
-                    "priorityPlatforms": ["Facebook"]
-                }
-            ],
-            "postCalendar": [
-                {
-                    "publishDate": "2024-01-16T10:00:00",
-                    "platform": "Facebook",
-                    "contentType": "пост",
-                    "theme": "Презентация нового продукта",
-                    "postText": "Мы рады представить наш новый продукт, который поможет вам...",
-                    "hashtags": ["#новинка", "#продукт", "#маркетинг"],
-                    "publishTime": "10:00",
-                    "imageUrl": "post_image_1705312800000_1234567890.png",
-                    "imageFilename": "post_image_1705312800000_1234567890.png"
-                },
-                {
-                    "publishDate": "2024-01-18T14:00:00",
-                    "platform": "Instagram",
-                    "contentType": "сторис",
-                    "theme": "Преимущества продукта",
-                    "postText": "Узнайте о главных преимуществах нашего продукта...",
-                    "hashtags": ["#преимущества", "#качество"],
-                    "publishTime": "14:00",
-                    "imageUrl": null,
-                    "imageFilename": null
-                }
-            ]
-        }
-    }
-}
-```
-
-Обратите внимание, что второй пост не имеет изображения (`imageUrl` и `imageFilename` равны `null`). Это нормальная ситуация, если генерация изображения не удалась.
-
----
-
-**Дата обновления:** 2024-01-15  
-**Версия API:** 1.0
diff --git a/src/components/marketing/PptKpiCard.vue b/src/components/marketing/PptKpiCard.vue
index eaba672..6063a5b 100644
--- a/src/components/marketing/PptKpiCard.vue
+++ b/src/components/marketing/PptKpiCard.vue
@@ -28,7 +28,7 @@
             </div>
 
             <div class="mt-4 flex items-end justify-between gap-3">
-                <div class="text-[38px] leading-none font-semibold tracking-tight text-slate-900">
+                <div class="text-[30px] leading-none font-semibold tracking-tight text-slate-900">
                     {{ value }}
                 </div>
                 <div v-if="$slots.right" class="shrink-0">
@@ -59,9 +59,9 @@ function hexToRgba(hex, alpha) {
     const full =
         h.length === 3
             ? h
-                  .split('')
-                  .map((c) => c + c)
-                  .join('')
+                .split('')
+                .map((c) => c + c)
+                .join('')
             : h;
     if (full.length !== 6) return `rgba(91, 137, 255, ${alpha})`;
     const r = parseInt(full.slice(0, 2), 16);
diff --git a/src/service/MarketingService.js b/src/service/MarketingService.js
index c122870..892fa09 100644
--- a/src/service/MarketingService.js
+++ b/src/service/MarketingService.js
@@ -140,7 +140,18 @@ class MarketingService {
 
             // v2: извлекаем data из обёртки {success, message, data}, если она есть
             // для обратной совместимости поддерживаем оба формата
-            return result.data || result;
+            let extracted = result.data || result;
+            
+            // Убеждаемся, что sources сохраняются, если они есть в исходных данных
+            if (extracted && !extracted.sources) {
+                if (result.data?.sources) {
+                    extracted.sources = result.data.sources;
+                } else if (result.sources) {
+                    extracted.sources = result.sources;
+                }
+            }
+            
+            return extracted;
         } catch (error) {
             console.error('Ошибка при запуске маркетингового анализа v2:', error);
             throw error;
diff --git a/src/views/pages/MarketingAnalysis.vue b/src/views/pages/MarketingAnalysis.vue
index a586411..28b2be2 100644
--- a/src/views/pages/MarketingAnalysis.vue
+++ b/src/views/pages/MarketingAnalysis.vue
@@ -120,7 +120,7 @@
                         <PptKpiCard
                             title="Индекс онлайн-спроса"
                             :value="marketDemandIndexValue"
-                            subtitle="высокий онлайн-потенциал"
+                            :subtitle="marketPotentialSubtitle"
                             icon="pi-search"
                             :accentColor="PPT_BLUE"
                             description="Коэффициент востребованности в сети (отношение текущего спроса к базисному). Показывает, насколько активен спрос на ваш продукт/услугу в цифровых каналах."
@@ -160,7 +160,7 @@
                                 <div class="text-[14px] font-semibold text-green-700">{{ marketYoYGrowthValue }}</div>
                             </div>
                             <div class="h-[260px]">
-                                <Chart type="line" :data="marketDynamicsLineData" :options="marketDynamicsLineOptions" />
+                                <Chart type="line" :data="marketDynamicsLineData" :options="marketDynamicsLineOptions" :plugins="barPlugins" />
                             </div>
                             <!-- <div class="mt-4 pt-4 border-t border-slate-200/70">
                                 <div class="overflow-hidden rounded-xl border border-slate-200/70">
@@ -180,7 +180,7 @@
                     </div>
 
                     <div class="col-span-12 lg:col-span-4">
-                        <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 h-full">
+                        <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 h-[315px] flex flex-col">
                             <div class="flex items-center gap-1.5 mb-3">
                                 <div class="text-[16px] font-semibold text-slate-800">География онлайн-интереса за год</div>
                                 <i
@@ -188,8 +188,8 @@
                                     v-tooltip.top="'Список приоритетных регионов, где зафиксирован наибольший спрос. Помогает определить географию для фокусировки маркетинговых усилий.'"
                                 ></i>
                             </div>
-                            <div v-if="geographyRows.length > 0" class="space-y-3">
-                                <div class="max-h-[400px] overflow-y-auto rounded-xl border border-slate-200/70" style="scrollbar-width: thin; scrollbar-color: rgb(203 213 225) rgb(241 245 249);">
+                            <div v-if="geographyRows.length > 0" class="space-y-3 flex-1 flex flex-col min-h-0">
+                                <div class="flex-1 overflow-y-auto rounded-xl border border-slate-200/70" style="scrollbar-width: thin; scrollbar-color: rgb(203 213 225) rgb(241 245 249);">
                                     <div class="divide-y divide-slate-200/70">
                                         <div v-for="(row, idx) in geographyRows" :key="row.city" class="px-4 py-3">
                                             <div class="flex items-center justify-between gap-3 mb-2">
@@ -211,14 +211,14 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div class="flex items-center justify-center gap-3 text-[12px] text-slate-500">
+                                <div class="flex items-center justify-center gap-3 text-[12px] text-slate-500 flex-shrink-0">
                                     <span class="inline-flex items-center gap-2">
                                         <span class="h-2.5 w-10 rounded-full" style="background: linear-gradient(90deg, #ff8e4f, #52c41a)"></span>
                                         <span>Высокий → Низкий</span>
                                     </span>
                                 </div>
                             </div>
-                            <div v-else class="rounded-xl border border-dashed border-slate-300 bg-slate-50/70 px-4 py-6 text-center text-slate-500">
+                            <div v-else class="flex-1 flex items-center justify-center rounded-xl border border-dashed border-slate-300 bg-slate-50/70 px-4 py-6 text-center text-slate-500">
                                 <div class="text-sm">Нет данных</div>
                             </div>
                         </div>
@@ -266,67 +266,23 @@
                         />
                     </div>
 
-                    <div class="col-span-12 lg:col-span-5">
-                        <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 h-full">
-                            <div class="flex items-center gap-1.5 mb-3">
-                                <div class="text-[16px] font-semibold text-slate-800">Сегменты аудитории для рекламы</div>
-                                <i
-                                    class="pi pi-question-circle text-[12px] text-slate-400 cursor-help"
-                                    v-tooltip.top="'Массив ключевых групп потребителей с указанием их названия и процентной доли в общей массе. Помогает определить приоритетные сегменты для таргетинга.'"
-                                ></i>
-                            </div>
-
-                            <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                    <div class="col-span-8 px-3 py-2">Сегмент</div>
-                                    <div class="col-span-4 px-3 py-2 text-right">Доля</div>
-                                </div>
-                                <div class="divide-y divide-slate-200/70">
-                                    <div v-for="seg in segmentRows" :key="seg.name" class="px-3 py-3">
-                                        <div class="flex items-center justify-between gap-3">
-                                            <div class="text-[14px] text-slate-800 truncate">{{ seg.name }}</div>
-                                            <div class="text-[14px] font-semibold text-slate-800">{{ seg.value }}%</div>
-                                        </div>
-                                        <div class="mt-2 h-3 rounded-full bg-slate-200/70 overflow-hidden">
-                                            <div class="h-full rounded-full" :style="{ width: `${seg.value}%`, background: `linear-gradient(90deg, ${PPT_BLUE}, rgba(91,137,255,0.25))` }"></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="col-span-12 lg:col-span-7">
+                    <div class="col-span-12">
                         <div class="grid grid-cols-12 gap-4">
-                            <div class="col-span-12">
+                            <div class="col-span-12 lg:col-span-6">
                                 <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4">
                                     <div class="flex items-center gap-1.5 mb-2">
-                                        <div class="text-[16px] font-semibold text-slate-800">Арыстанбек</div>
+                                        <div class="text-[16px] font-semibold text-slate-800">Возрастная структура</div>
                                         <i
                                             class="pi pi-question-circle text-[12px] text-slate-400 cursor-help"
                                             v-tooltip.top="'Процентное распределение аудитории по возрастным категориям (от 18 до 55+). Помогает адаптировать рекламные сообщения под возрастные группы.'"
                                         ></i>
                                     </div>
                                     <div class="h-[240px]">
-                                        <Chart type="bar" :data="ageBarData" :options="compactBarOptions" />
-                                    </div>
-                                    <div class="mt-4 pt-4 border-t border-slate-200/70">
-                                        <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                            <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                                <div class="col-span-8 px-3 py-2">Возраст</div>
-                                                <div class="col-span-4 px-3 py-2 text-right">Доля</div>
-                                            </div>
-                                            <div class="divide-y divide-slate-200/70">
-                                                <div v-for="row in ageRows" :key="row.key" class="grid grid-cols-12 px-3 py-2.5">
-                                                    <div class="col-span-8 text-[13px] text-slate-800">{{ row.label }}</div>
-                                                    <div class="col-span-4 text-[13px] text-slate-800 text-right">{{ row.value }}%</div>
-                                                </div>
-                                            </div>
-                                        </div>
+                                        <Chart type="bar" :data="ageBarData" :options="compactBarOptions" :plugins="barPlugins" />
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-span-12">
+                            <div class="col-span-12 lg:col-span-6">
                                 <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4">
                                     <div class="flex items-center gap-1.5 mb-2">
                                         <div class="text-[16px] font-semibold text-slate-800">Доход и платёжеспособность</div>
@@ -336,21 +292,31 @@
                                         ></i>
                                     </div>
                                     <div class="h-[220px]">
-                                        <Chart type="bar" :data="incomeBarData" :options="compactBarOptions" />
+                                        <Chart type="bar" :data="incomeBarData" :options="compactBarOptions" :plugins="barPlugins" />
                                     </div>
-                                    <div class="mt-4 pt-4 border-t border-slate-200/70">
-                                        <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                            <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                                <div class="col-span-8 px-3 py-2">Возраст</div>
-                                                <div class="col-span-4 px-3 py-2 text-right">Доход</div>
-                                            </div>
-                                            <div class="divide-y divide-slate-200/70">
-                                                <div v-for="row in incomeTableRows" :key="row.label" class="grid grid-cols-12 px-3 py-2.5">
-                                                    <div class="col-span-8 text-[13px] text-slate-800">{{ row.label }}</div>
-                                                    <div class="col-span-4 text-[13px] text-slate-800 text-right">{{ row.value }} ₸</div>
-                                                </div>
-                                            </div>
-                                        </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div v-if="segmentRows.length > 0" class="col-span-12">
+                        <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4">
+                            <div class="flex items-center gap-1.5 mb-2">
+                                <div class="text-[16px] font-semibold text-slate-800">Сегменты аудитории</div>
+                                <i
+                                    class="pi pi-question-circle text-[12px] text-slate-400 cursor-help"
+                                    v-tooltip.top="'Распределение аудитории по поведенческим сегментам. Помогает понять, какие группы клиентов доминируют и как их приоритизировать.'"
+                                ></i>
+                            </div>
+                            <div class="overflow-hidden rounded-xl border border-slate-200/70">
+                                <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
+                                    <div class="col-span-7 px-3 py-2">Сегмент</div>
+                                    <div class="col-span-5 px-3 py-2 text-right">Доля</div>
+                                </div>
+                                <div class="divide-y divide-slate-200/70">
+                                    <div v-for="row in segmentRows" :key="row.name" class="grid grid-cols-12 px-3 py-2.5">
+                                        <div class="col-span-7 text-[13px] text-slate-800">{{ row.name }}</div>
+                                        <div class="col-span-5 text-[13px] text-slate-800 text-right">{{ row.shareLabel }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -372,7 +338,7 @@
                         <PptKpiCard
                             title="Доля ключевого конкурента на рынке"
                             :value="competitionMarketShareValue"
-                            subtitle=""
+                            :subtitle="competitionLeaderSubtitle"
                             icon="pi-sitemap"
                             :accentColor="PPT_BLUE"
                             description="Оценочная доля онлайн-трафика, которую занимает текущий бизнес. Показывает вашу позицию на рынке относительно общего объема трафика в нише."
@@ -380,22 +346,22 @@
                     </div>
                     <div class="col-span-12 md:col-span-4">
                         <PptKpiCard
-                            title="Место в видимости"
+                            :title="competitionRankTitle"
                             :value="competitionRankValue"
                             subtitle=""
                             icon="pi-chart-bar"
                             :accentColor="PPT_GREEN"
-                            description="Позиция бренда в поисковой выдаче и рекламных каналах относительно конкурентов. Чем ниже число, тем выше позиция."
+                            :description="competitionRankDescription"
                         />
                     </div>
                     <div class="col-span-12 md:col-span-4">
                         <PptKpiCard
-                            title="Доля конкурентов в контекстной рекламе"
+                            :title="competitionAdPressureTitle"
                             :value="competitionCompetitorShareValue"
-                            :subtitle="`Бенчмарк (Астана) ${competitionBenchmarkValue}`"
+                            :subtitle="competitionAdPressureSubtitle"
                             icon="pi-wallet"
                             :accentColor="PPT_ORANGE"
-                            description="Активность конкурентов в платной рекламе. Показывает уровень конкуренции в контекстной рекламе и необходимость инвестиций в этот канал."
+                            :description="competitionAdPressureDescription"
                         />
                     </div>
 
@@ -412,21 +378,7 @@
                                 <div class="text-[12px] text-slate-500">Бенчмарк</div>
                             </div>
                             <div class="h-[280px]">
-                                <Chart type="bar" :data="visibilityBarData" :options="visibilityBarOptions" />
-                            </div>
-                            <div class="mt-4 pt-4 border-t border-slate-200/70">
-                                <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                    <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                        <div class="col-span-8 px-3 py-2">Конкурент</div>
-                                        <div class="col-span-4 px-3 py-2 text-right">Видимость</div>
-                                    </div>
-                                    <div class="divide-y divide-slate-200/70">
-                                        <div v-for="row in comparisonRows" :key="row.key" class="grid grid-cols-12 px-3 py-2.5">
-                                            <div class="col-span-8 text-[13px] text-slate-800">{{ row.label }}</div>
-                                            <div class="col-span-4 text-[13px] text-slate-800 text-right">{{ row.visibility ?? '—' }}</div>
-                                        </div>
-                                    </div>
-                                </div>
+                                <Chart type="bar" :data="visibilityBarData" :options="visibilityBarOptions" :plugins="barPlugins" />
                             </div>
                         </div>
                     </div>
@@ -470,7 +422,7 @@
                 <div class="grid grid-cols-12 gap-4">
                     <div class="col-span-12 md:col-span-4">
                         <PptKpiCard
-                            title="Поиск в Яндекс/Google"
+                            title="Поиск в Google"
                             :value="behaviorSearchGrowthValue"
                             subtitle=""
                             icon="pi-search"
@@ -509,7 +461,7 @@
                                 ></i>
                             </div>
                             <div class="h-[260px]">
-                                <Chart type="doughnut" :data="queryTypesDonutData" :options="queryTypesDonutOptions" />
+                                <Chart type="doughnut" :data="queryTypesDonutData" :options="queryTypesDonutOptions" :plugins="donutPlugins" />
                             </div>
                             <!-- Метрики под диаграммой -->
                             <div v-if="queryTypesMetrics.length > 0" class="mt-4 pt-4 border-t border-slate-200/70">
@@ -523,20 +475,6 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="mt-4 pt-4 border-t border-slate-200/70">
-                                <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                    <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                        <div class="col-span-8 px-3 py-2">Тип запроса</div>
-                                        <div class="col-span-4 px-3 py-2 text-right">Доля</div>
-                                    </div>
-                                    <div class="divide-y divide-slate-200/70">
-                                        <div v-for="row in queryTypesTableRows" :key="row.label" class="grid grid-cols-12 px-3 py-2.5">
-                                            <div class="col-span-8 text-[13px] text-slate-800">{{ row.label }}</div>
-                                            <div class="col-span-4 text-[13px] text-slate-800 text-right">{{ row.value }}%</div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
                         </div>
                     </div>
                     <div class="col-span-12 lg:col-span-7">
@@ -551,21 +489,7 @@
                                         ></i>
                                     </div>
                                     <div class="h-[220px]">
-                                        <Chart type="bar" :data="decisionFactorsBarData" :options="compactBarOptions" />
-                                    </div>
-                                    <div class="mt-4 pt-4 border-t border-slate-200/70">
-                                        <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                            <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                                <div class="col-span-8 px-3 py-2">Фактор</div>
-                                                <div class="col-span-4 px-3 py-2 text-right">Доля</div>
-                                            </div>
-                                            <div class="divide-y divide-slate-200/70">
-                                                <div v-for="row in decisionFactorsTableRows" :key="row.label" class="grid grid-cols-12 px-3 py-2.5">
-                                                    <div class="col-span-8 text-[13px] text-slate-800">{{ row.label }}</div>
-                                                    <div class="col-span-4 text-[13px] text-slate-800 text-right">{{ row.value }}%</div>
-                                                </div>
-                                            </div>
-                                        </div>
+                                        <Chart type="bar" :data="decisionFactorsBarData" :options="compactBarOptions" :plugins="barPlugins" />
                                     </div>
                                 </div>
                             </div>
@@ -579,21 +503,7 @@
                                         ></i>
                                     </div>
                                     <div class="h-[200px]">
-                                        <Chart type="bar" :data="refusalReasonsBarData" :options="compactBarOptions" />
-                                    </div>
-                                    <div class="mt-4 pt-4 border-t border-slate-200/70">
-                                        <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                            <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                                <div class="col-span-8 px-3 py-2">Причина</div>
-                                                <div class="col-span-4 px-3 py-2 text-right">Доля</div>
-                                            </div>
-                                            <div class="divide-y divide-slate-200/70">
-                                                <div v-for="row in refusalReasonsTableRows" :key="row.label" class="grid grid-cols-12 px-3 py-2.5">
-                                                    <div class="col-span-8 text-[13px] text-slate-800">{{ row.label }}</div>
-                                                    <div class="col-span-4 text-[13px] text-slate-800 text-right">{{ row.value }}%</div>
-                                                </div>
-                                            </div>
-                                        </div>
+                                        <Chart type="bar" :data="refusalReasonsBarData" :options="compactBarOptions" :plugins="barPlugins" />
                                     </div>
                                 </div>
                             </div>
@@ -642,35 +552,39 @@
                         />
                     </div>
 
-                    <div class="col-span-12 lg:col-span-8">
-                        <PptFunnel
-                            :steps="pptFunnelSteps"
-                            title="Потери на воронке"
-                            description="Абсолютные показатели воронки: сколько человек пришло с рекламы, сколько стали лидами, сколько купили. Визуализирует потери клиентов на каждом этапе."
-                        />
-                    </div>
-                    <div class="col-span-12 lg:col-span-4">
+                    <div class="col-span-12">
                         <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 h-full">
-                            <div class="flex items-center gap-1.5 mb-3">
-                                <div class="text-[16px] font-semibold text-slate-800">Основные проблемы на воронке</div>
+                            <div class="flex items-center gap-1.5 mb-2">
+                                <div class="text-[16px] font-semibold text-slate-800">Воронка продаж</div>
                                 <i
                                     class="pi pi-question-circle text-[12px] text-slate-400 cursor-help"
-                                    v-tooltip.top="'Текстовая расшифровка причин потерь клиентов на каждом этапе. Помогает понять, где именно теряются клиенты и что нужно исправить.'"
+                                    v-tooltip.top="'Абсолютные показатели воронки: сколько человек пришло с рекламы, сколько стали лидами, сколько купили. Визуализирует потери клиентов на каждом этапе.'"
+                                ></i>
+                            </div>
+                            <div class="h-[320px]">
+                                <Chart type="bar" :data="funnelBarData" :options="funnelBarOptions" :plugins="barPlugins" />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div v-if="funnelBottleneckRows.length > 0" class="col-span-12">
+                        <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4">
+                            <div class="flex items-center gap-1.5 mb-2">
+                                <div class="text-[16px] font-semibold text-slate-800">Узкие места воронки</div>
+                                <i
+                                    class="pi pi-question-circle text-[12px] text-slate-400 cursor-help"
+                                    v-tooltip.top="'Этапы, где теряется больше всего клиентов, и основные причины отказа.'"
                                 ></i>
                             </div>
                             <div class="overflow-hidden rounded-xl border border-slate-200/70">
                                 <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                    <div class="col-span-5 px-3 py-2">Этап</div>
-                                    <div class="col-span-7 px-3 py-2">Проблема</div>
+                                    <div class="col-span-4 px-3 py-2">Этап</div>
+                                    <div class="col-span-8 px-3 py-2">Причина</div>
                                 </div>
                                 <div class="divide-y divide-slate-200/70">
-                                    <div class="grid grid-cols-12 px-3 py-3">
-                                        <div class="col-span-5 text-[13px] text-slate-800">Лид → Запись</div>
-                                        <div class="col-span-7 text-[13px] text-slate-600">{{ report?.sections?.customer_journey?.funnel_bottlenecks?.lead_to_booking }}</div>
-                                    </div>
-                                    <div class="grid grid-cols-12 px-3 py-3">
-                                        <div class="col-span-5 text-[13px] text-slate-800">Запись → Оплата</div>
-                                        <div class="col-span-7 text-[13px] text-slate-600">{{ report?.sections?.customer_journey?.funnel_bottlenecks?.booking_to_payment }}</div>
+                                    <div v-for="row in funnelBottleneckRows" :key="row.key" class="grid grid-cols-12 px-3 py-2.5">
+                                        <div class="col-span-4 text-[13px] text-slate-800">{{ row.stage }}</div>
+                                        <div class="col-span-8 text-[13px] text-slate-600">{{ row.reason }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -719,55 +633,19 @@
                         />
                     </div>
 
-                    <div class="col-span-12 lg:col-span-7">
+                    <div class="col-span-12">
                         <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 h-full">
                             <div class="flex items-center gap-1.5 mb-2">
                                 <div class="text-[16px] font-semibold text-slate-800">Доли каналов</div>
                                 <i
                                     class="pi pi-question-circle text-[12px] text-slate-400 cursor-help"
-                                    v-tooltip.top="'Процентное распределение трафика/бюджета по источникам (SEO, Instagram, Контекст). Показывает, какие каналы приносят больше всего клиентов.'"
+                                    v-tooltip.top="'Распределение долей трафика по каналам. Помогает понять, какие каналы дают основной вклад в привлечение клиентов.'"
                                 ></i>
                             </div>
-                            <div class="h-[280px]">
-                                <Chart type="bar" :data="channelSharesBarData" :options="channelSharesBarOptions" />
-                            </div>
-                            <div class="mt-4 pt-4 border-t border-slate-200/70">
-                                <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                    <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                        <div class="col-span-8 px-3 py-2">Канал</div>
-                                        <div class="col-span-4 px-3 py-2 text-right">Доля</div>
-                                    </div>
-                                    <div class="divide-y divide-slate-200/70">
-                                        <div v-for="row in channelSharesTableRows" :key="row.label" class="grid grid-cols-12 px-3 py-2.5">
-                                            <div class="col-span-8 text-[13px] text-slate-800">{{ row.label }}</div>
-                                            <div class="col-span-4 text-[13px] text-slate-800 text-right">{{ row.value }}%</div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-span-12 lg:col-span-5">
-                        <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 h-full">
-                            <div class="flex items-center gap-1.5 mb-3">
-                                <div class="text-[16px] font-semibold text-slate-800">Стоимость привлечения</div>
-                                <i
-                                    class="pi pi-question-circle text-[12px] text-slate-400 cursor-help"
-                                    v-tooltip.top="'Детальная оценка каждого канала: стоимость привлечения (cost) и качественный статус (status: Эффективный, Средний, Низкий). Помогает оптимизировать распределение бюджета.'"
-                                ></i>
-                            </div>
-                            <div class="overflow-hidden rounded-xl border border-slate-200/70">
-                                <div class="grid grid-cols-12 bg-slate-50 text-[12px] font-semibold text-slate-600">
-                                    <div class="col-span-5 px-3 py-2">Канал</div>
-                                    <div class="col-span-3 px-3 py-2 text-center">Стоимость</div>
-                                    <div class="col-span-4 px-3 py-2">Эффективность</div>
-                                </div>
-                                <div class="divide-y divide-slate-200/70">
-                                    <div v-for="row in channelEfficiencyRows" :key="row.key" class="grid grid-cols-12 px-3 py-3 items-center">
-                                        <div class="col-span-5 text-[13px] text-slate-800">{{ row.label }}</div>
-                                        <div class="col-span-3 text-[13px] text-slate-800 text-center">{{ row.cost }}</div>
-                                        <div class="col-span-4 text-[13px]" :class="row.statusClass">{{ row.status }}</div>
-                                    </div>
+                            <div class="h-[240px]">
+                                <Chart v-if="channelSharesBarData.labels.length > 0" type="bar" :data="channelSharesBarData" :options="channelSharesBarOptions" :plugins="barPlugins" />
+                                <div v-else class="h-full flex items-center justify-center text-slate-500 text-[13px]">
+                                    Нет данных по долям каналов
                                 </div>
                             </div>
                         </div>
@@ -1090,12 +968,69 @@
                     </div>
                 </div>
             </section>
+
+            <!-- Источники -->
+            <section class="space-y-3">
+                <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 md:p-6">
+                    <div class="text-[13px] text-slate-500 mb-1">Маркетинг <span class="mx-1">›</span> Источники</div>
+                    <div class="flex items-center justify-center gap-2">
+                        <div class="text-3xl font-semibold tracking-wide text-center text-slate-800">ИСТОЧНИКИ</div>
+                        <i
+                            class="pi pi-info-circle text-[14px] text-slate-400 cursor-help"
+                            v-tooltip.top="'Список источников данных, использованных при подготовке маркетингового анализа'"
+                        ></i>
+                    </div>
+                    <div class="text-center text-slate-500 text-sm mt-1">список источников данных для анализа</div>
+
+
+
+                    <div class="mt-6">
+                        <template v-if="report?.sources && Array.isArray(report.sources) && report.sources.length > 0">
+                            <div class="space-y-3">
+                                <div v-for="(source, index) in report.sources" :key="index" class="flex items-start gap-3 p-3 rounded-xl border border-slate-200/60 hover:bg-slate-50/50 transition-colors">
+                                    <div class="h-8 w-8 rounded-lg flex items-center justify-center border border-slate-200/70 bg-slate-50/50 flex-shrink-0">
+                                        <i class="pi pi-link text-slate-500 text-sm"></i>
+                                    </div>
+                                    <a
+                                        :href="source"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        class="text-sm text-blue-600 hover:text-blue-800 hover:underline break-all flex-1"
+                                    >
+                                        {{ source }}
+                                    </a>
+                                </div>
+                            </div>
+                        </template>
+                        <div v-else class="text-center text-slate-400 text-sm py-8">
+                            <i class="pi pi-info-circle mr-2"></i>
+                            Источники не найдены
+                        </div>
+                    </div>
+                </div>
+            </section>
+
+            <!-- Кнопка создания стратегии -->
+            <section v-if="report && !embedded" class="space-y-3">
+                <div class="rounded-2xl bg-white shadow-sm border border-slate-200/60 p-4 md:p-6">
+                    <div class="flex items-center justify-center">
+                        <Button
+                            label="Создать стратегию"
+                            icon="pi pi-magic"
+                            severity="success"
+                            size="large"
+                            @click="goToStrategy"
+                        />
+                    </div>
+                </div>
+            </section>
         </div>
     </div>
 </template>
 
 <script setup>
 import katex from 'katex';
+import Button from 'primevue/button';
 import Dropdown from 'primevue/dropdown';
 import InputText from 'primevue/inputtext';
 import Message from 'primevue/message';
@@ -1104,9 +1039,9 @@ import ProgressSpinner from 'primevue/progressspinner';
 import Textarea from 'primevue/textarea';
 import { useToast } from 'primevue/usetoast';
 import { computed, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 
 import PptConclusionBox from '@/components/marketing/PptConclusionBox.vue';
-import PptFunnel from '@/components/marketing/PptFunnel.vue';
 import PptKpiCard from '@/components/marketing/PptKpiCard.vue';
 import MarketingService from '@/service/MarketingService';
 
@@ -1118,16 +1053,36 @@ const props = defineProps({
 });
 
 const toast = useToast();
+const route = useRoute();
+const router = useRouter();
 
 const localReport = ref(null);
 const localLoading = ref(false);
 const localError = ref(null);
 
 // unify both modes: in embedded mode we read props; otherwise local state
-const report = computed(() => props.report || localReport.value);
+const report = computed(() => {
+    const r = props.report || localReport.value;
+    if (r && !r.sources) {
+        // Если sources отсутствуют, проверяем исходные данные
+        if (props.report?.sources) {
+            return { ...r, sources: props.report.sources };
+        } else if (localReport.value?.sources) {
+            return { ...r, sources: localReport.value.sources };
+        }
+    }
+    return r;
+});
 const loading = computed(() => (props.embedded ? props.loading : localLoading.value));
 const error = computed(() => (props.embedded ? props.error : localError.value));
 
+// Watch для отслеживания изменений report и sources (можно использовать для отладки)
+// watch(() => report.value, (newReport) => {
+//     if (newReport) {
+//         console.log('Report updated:', { keys: Object.keys(newReport), hasSources: !!newReport.sources });
+//     }
+// }, { immediate: true, deep: true });
+
 const DETAIL_LEVEL_OPTIONS = ['КРАТКО', 'СТАНДАРТНО', 'ПОДРОБНО'];
 const ANALYSIS_TYPE_OPTIONS = ['РЫНОК', 'КОНКУРЕНТЫ', 'ЦА', 'КАНАЛЫ', 'SWOT'];
 const GENDER_OPTIONS = ['Женщины', 'Мужчины'];
@@ -1180,8 +1135,29 @@ async function loadAnalysisV2() {
         if (formData.value.weakSide?.trim()) requestData.weakSide = formData.value.weakSide.trim();
 
         const data = await MarketingService.fetchAnalysisV2(requestData);
-        // Извлекаем data из обёртки {success, message, data}, если она есть
-        localReport.value = (data?.data || data) || null;
+        // MarketingService.fetchAnalysisV2 уже извлекает data из обёртки {success, message, data}
+        // Но на всякий случай проверяем, может быть еще одна обёртка
+        let extractedData = (data?.data || data) || null;
+
+        // Убеждаемся, что sources сохраняются - проверяем все возможные места
+        if (extractedData && !extractedData.sources) {
+            // Проверяем все возможные места, где могут быть sources
+            if (data?.data?.sources) {
+                extractedData.sources = data.data.sources;
+            } else if (data?.sources) {
+                extractedData.sources = data.sources;
+            }
+        }
+
+        // Создаём новый объект, чтобы гарантировать, что все поля сохранены
+        if (extractedData) {
+            localReport.value = {
+                ...extractedData,
+                sources: extractedData.sources || []
+            };
+        } else {
+            localReport.value = null;
+        }
         toast.add({
             severity: 'success',
             summary: 'Готово',
@@ -1218,9 +1194,28 @@ function resetDashboard() {
     };
 }
 
+function goToStrategy() {
+    const analysisId = route.query.analysisId;
+    if (analysisId) {
+        router.push({
+            name: 'marketing-promotion',
+            query: { analysisId }
+        });
+    } else {
+        toast.add({
+            severity: 'warn',
+            summary: 'Предупреждение',
+            detail: 'Не найден ID анализа',
+            life: 3000
+        });
+    }
+}
+
 const PPT_BLUE = '#5B89FF';
 const PPT_ORANGE = '#FF8E4F';
 const PPT_GREEN = '#52C41A';
+const PPT_GRADIENT_BLUE_START = '#5B89FF';
+const PPT_GRADIENT_BLUE_END = '#82A7FF';
 
 const roiValue = computed(() => report.value?.sections?.marketing_economics?.metrics?.roi ?? '—');
 const cacValue = computed(() => report.value?.sections?.marketing_economics?.metrics?.customer_acquisition_cost_cac ?? '—');
@@ -1230,15 +1225,39 @@ const marketDemandIndexValue = computed(() => report.value?.sections?.market_ove
 const marketYoYGrowthValue = computed(() => report.value?.sections?.market_overview?.metrics?.demand_growth_rate_yoy ?? '—');
 const marketSeasonalityValue = computed(() => report.value?.sections?.market_overview?.metrics?.seasonality_coefficient_spring ?? '—');
 const seasonalityRangeValue = computed(() => report.value?.sections?.market_overview?.metrics?.seasonality_range ?? '—');
+const marketPotentialSubtitle = computed(() => report.value?.sections?.market_overview?.metrics?.online_potential ?? 'высокий онлайн-потенциал');
 
 const audienceTotalValue = computed(() => report.value?.sections?.target_audience?.metrics?.total_audience_size ?? '—');
 const audienceLeadingSegmentValue = computed(() => report.value?.sections?.target_audience?.metrics?.leading_segment_share ?? '—');
 const audienceIncomeAboveAvgText = computed(() => report.value?.sections?.target_audience?.metrics?.above_average_income_share ?? '—');
 
-const competitionMarketShareValue = computed(() => report.value?.sections?.competitive_environment?.metrics?.market_share_traffic ?? '—');
-const competitionRankValue = computed(() => report.value?.sections?.competitive_environment?.metrics?.visibility_rank ?? '—');
-const competitionCompetitorShareValue = computed(() => report.value?.sections?.competitive_environment?.metrics?.competitor_share_in_context_ads ?? '—');
-const competitionBenchmarkValue = computed(() => report.value?.sections?.competitive_environment?.metrics?.benchmark_astana ?? '—');
+const competitionMetrics = computed(() => report.value?.sections?.competitive_environment?.metrics ?? {});
+const competitionHasNewMetrics = computed(() => {
+    const m = competitionMetrics.value;
+    return Boolean(m.leader_market_share || m.competition_level || m.ad_pressure || m.market_leader_name);
+});
+const competitionLeaderSubtitle = computed(() => competitionMetrics.value?.market_leader_name ?? '');
+const competitionMarketShareValue = computed(() => competitionMetrics.value?.leader_market_share ?? competitionMetrics.value?.market_share_traffic ?? '—');
+const competitionRankValue = computed(() => competitionMetrics.value?.visibility_rank ?? competitionMetrics.value?.competition_level ?? '—');
+const competitionCompetitorShareValue = computed(() => competitionMetrics.value?.competitor_share_in_context_ads ?? competitionMetrics.value?.ad_pressure ?? '—');
+const competitionBenchmarkValue = computed(() => competitionMetrics.value?.benchmark_astana ?? '—');
+const competitionRankTitle = computed(() => (competitionHasNewMetrics.value ? 'Уровень конкуренции' : 'Место в видимости'));
+const competitionAdPressureTitle = computed(() => (competitionHasNewMetrics.value ? 'Давление в рекламе' : 'Доля конкурентов в контекстной рекламе'));
+const competitionRankDescription = computed(() =>
+    competitionHasNewMetrics.value
+        ? 'Общая оценка насыщенности рынка конкурентами. Помогает понять уровень борьбы за клиента.'
+        : 'Позиция бренда в поисковой выдаче и рекламных каналах относительно конкурентов. Чем ниже число, тем выше позиция.'
+);
+const competitionAdPressureDescription = computed(() =>
+    competitionHasNewMetrics.value
+        ? 'Характер рекламного давления со стороны конкурентов. Показывает, насколько агрессивны их кампании.'
+        : 'Активность конкурентов в платной рекламе. Показывает уровень конкуренции в контекстной рекламе и необходимость инвестиций в этот канал.'
+);
+const competitionAdPressureSubtitle = computed(() => {
+    if (competitionHasNewMetrics.value) return '';
+    const benchmark = competitionBenchmarkValue.value;
+    return benchmark && benchmark !== '—' ? `Бенчмарк (Астана) ${benchmark}` : '';
+});
 
 const behaviorSearchGrowthValue = computed(() => report.value?.sections?.demand_and_behavior?.metrics?.search_volume_growth ?? '—');
 const behaviorInteractionsValue = computed(() => report.value?.sections?.demand_and_behavior?.metrics?.interactions_before_purchase ?? '—');
@@ -1376,6 +1395,7 @@ const ageRows = computed(() => {
         '35-44': { '35-44': 1.0 },
         '20-40': { '25-34': 0.5, '35-44': 0.5 }, // Распределяем поровну
         '45-54': { '45-54': 1.0 },
+        '45+': { '45-54': 1.0 },
         '40-60': { '45-54': 1.0 }, // Маппим на 45-54
         '55+': { '55+': 1.0 },
         '60+': { '55+': 1.0 },
@@ -1416,12 +1436,117 @@ const ageRows = computed(() => {
     });
 });
 
+const barValuesPlugin = {
+    id: 'barValues',
+    afterDatasetsDraw(chart) {
+        const { ctx, data } = chart;
+        ctx.save();
+        ctx.font = 'bold 12px Inter, system-ui, sans-serif';
+        ctx.textBaseline = 'middle';
+
+        data.datasets.forEach((dataset, i) => {
+            const meta = chart.getDatasetMeta(i);
+            if (!meta.hidden) {
+                meta.data.forEach((bar, index) => {
+                    const value = dataset.data[index];
+                    if (value !== null && value !== undefined && value !== 0) {
+                        const unit = dataset.unit || '';
+                        let label = value.toLocaleString();
+                        if (typeof value === 'number' && !Number.isInteger(value) && value < 10) {
+                             label = value.toFixed(2);
+                        }
+                        label += unit;
+                        const isHorizontal = chart.options.indexAxis === 'y';
+
+                        if (isHorizontal) {
+                            const barWidth = Math.abs(bar.x - bar.base);
+                            if (barWidth > 60) {
+                                ctx.fillStyle = '#ffffff';
+                                ctx.textAlign = 'right';
+                                ctx.fillText(label, bar.x - 12, bar.y);
+                            } else {
+                                ctx.fillStyle = '#64748b';
+                                ctx.textAlign = 'left';
+                                ctx.fillText(label, bar.x + 10, bar.y);
+                            }
+                        } else {
+                            const barHeight = Math.abs(bar.base - bar.y);
+                            ctx.textAlign = 'center';
+                            if (barHeight > 35) {
+                                ctx.fillStyle = '#ffffff';
+                                ctx.font = 'bold 12px Inter, system-ui, sans-serif';
+                                ctx.fillText(label, bar.x, bar.y + 20);
+                            } else {
+                                ctx.fillStyle = '#64748b';
+                                ctx.font = 'bold 10px Inter, system-ui, sans-serif';
+                                ctx.fillText(label, bar.x, bar.y - 15);
+                            }
+                        }
+                    }
+                });
+            }
+        });
+        ctx.restore();
+    }
+};
+
+const donutPercentPlugin = {
+    id: 'donutPercent',
+    afterDatasetsDraw(chart) {
+        const ctx = chart.ctx;
+        const data = chart.data.datasets[0]?.data || [];
+        const total = data.reduce((a, b) => a + b, 0);
+
+        if (total === 0) return;
+
+        chart.data.datasets.forEach((dataset, i) => {
+            const meta = chart.getDatasetMeta(i);
+            meta.data.forEach((element, index) => {
+                const value = dataset.data[index];
+                const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : 0;
+
+                if (parseFloat(percentage) < 3) return;
+
+                const arc = element;
+                const { x, y, startAngle, endAngle, innerRadius, outerRadius } = arc;
+
+                const angle = (startAngle + endAngle) / 2;
+                const radius = (innerRadius + outerRadius) / 2;
+
+                const centerX = x + Math.cos(angle) * radius;
+                const centerY = y + Math.sin(angle) * radius;
+
+                ctx.save();
+                ctx.fillStyle = '#ffffff';
+                ctx.font = 'bold 14px Inter, system-ui, sans-serif';
+                ctx.textAlign = 'center';
+                ctx.textBaseline = 'middle';
+                ctx.shadowColor = 'rgba(0, 0, 0, 0.4)';
+                ctx.shadowBlur = 4;
+                ctx.shadowOffsetX = 1;
+                ctx.shadowOffsetY = 1;
+                ctx.fillText(`${percentage}%`, centerX, centerY);
+                ctx.restore();
+            });
+        });
+    }
+};
+
+const barPlugins = [barValuesPlugin];
+const donutPlugins = [donutPercentPlugin];
+
 const compactBarOptions = computed(() => ({
     maintainAspectRatio: false,
-    plugins: { legend: { display: false } },
+    plugins: {
+        legend: { display: false }
+    },
     scales: {
-        x: { ticks: { color: '#64748B' }, grid: { display: false, drawBorder: false } },
-        y: { ticks: { color: '#64748B' }, grid: { color: 'rgba(148,163,184,0.25)', drawBorder: false } }
+        x: { ticks: { color: '#64748B', font: { size: 11 } }, grid: { display: false, drawBorder: false } },
+        y: {
+            ticks: { color: '#64748B', font: { size: 10 } },
+            grid: { color: 'rgba(148,163,184,0.15)', drawBorder: false },
+            beginAtZero: true
+        }
     }
 }));
 
@@ -1507,12 +1632,13 @@ const ageBarData = computed(() => ({
     datasets: [
         {
             data: ageRows.value.map((r) => r.value),
+            unit: '%',
             borderRadius: 10,
             backgroundColor: (context) => {
                 const { chart } = context;
                 const { ctx, chartArea } = chart;
-                if (!chartArea) return 'rgba(91,137,255,0.55)';
-                return makeVerticalGradient(ctx, chartArea, 'rgba(91,137,255,0.85)', 'rgba(91,137,255,0.25)');
+                if (!chartArea) return PPT_BLUE;
+                return makeVerticalGradient(ctx, chartArea, PPT_GRADIENT_BLUE_START, PPT_GRADIENT_BLUE_END);
             }
         }
     ]
@@ -1521,7 +1647,7 @@ const ageBarData = computed(() => ({
 // Income by age rows
 const incomeRows = computed(() => {
     const incomeByAge = report.value?.sections?.target_audience?.income_by_age ?? {};
-    
+
     // Маппинг ключей бэкенда на ключи фронтенда
     const backendKeyMap = {
         '18-24': { '18-24': 1.0 },
@@ -1531,6 +1657,7 @@ const incomeRows = computed(() => {
         '35-44': { '35-44': 1.0 },
         '20-40': { '25-34': 0.5, '35-44': 0.5 },
         '45-54': { '45-54': 1.0 },
+        '45+': { '45-54': 1.0 },
         '40-60': { '45-54': 1.0 },
         '55+': { '55+': 1.0 },
         '60+': { '55+': 1.0 },
@@ -1573,12 +1700,13 @@ const incomeBarData = computed(() => ({
     datasets: [
         {
             data: incomeRows.value.map((r) => r.value),
+            unit: ' ₸',
             borderRadius: 10,
             backgroundColor: (context) => {
                 const { chart } = context;
                 const { ctx, chartArea } = chart;
-                if (!chartArea) return 'rgba(82,196,26,0.55)';
-                return makeVerticalGradient(ctx, chartArea, 'rgba(82,196,26,0.80)', 'rgba(82,196,26,0.25)');
+                if (!chartArea) return PPT_GREEN;
+                return makeVerticalGradient(ctx, chartArea, PPT_GREEN, '#73D13D');
             }
         }
     ]
@@ -1596,8 +1724,14 @@ const segmentRows = computed(() => {
     const segs = report.value?.sections?.target_audience?.segments ?? [];
     return segs
         .map((s) => {
-            const n = Number(String(s.share ?? '').replace(/[^\d.]/g, ''));
-            return { name: s.name ?? '—', value: Number.isFinite(n) ? n : 0 };
+            const shareText = s?.share !== undefined && s?.share !== null ? String(s.share) : '';
+            const n = Number(String(shareText).replace(/[^\d.]/g, ''));
+            const value = Number.isFinite(n) ? n : 0;
+            return {
+                name: s?.name ?? '—',
+                value,
+                shareLabel: shareText || (value ? `${value}%` : '—')
+            };
         })
         .sort((a, b) => b.value - a.value);
 });
@@ -1644,7 +1778,44 @@ function getGeographyGradient(percentage, index) {
 }
 
 // Competitive: visibility horizontal bar
+const competitiveListRows = computed(() => {
+    const list = report.value?.sections?.competitive_environment?.competitors;
+    if (!Array.isArray(list)) return [];
+
+    return list
+        .map((competitor, index) => {
+            if (!competitor || typeof competitor !== 'object') return null;
+            const label = competitor.name ? String(competitor.name) : `Конкурент ${index + 1}`;
+            const visibilityRaw = competitor.visibility_score ?? competitor.visibilityScore ?? 0;
+            const visibility = typeof visibilityRaw === 'number' ? visibilityRaw : percentToNumber(visibilityRaw);
+            return {
+                key: competitor.name ? String(competitor.name) : `competitor_${index + 1}`,
+                label,
+                visibility: Number.isFinite(visibility) ? visibility : 0,
+                strengths: Array.isArray(competitor.key_strengths)
+                    ? competitor.key_strengths
+                    : Array.isArray(competitor.keyStrengths)
+                      ? competitor.keyStrengths
+                      : [],
+                priceSegment: competitor.price_segment ?? competitor.priceSegment ?? '',
+                website: competitor.website ?? ''
+            };
+        })
+        .filter(Boolean);
+});
+
 const comparisonRows = computed(() => {
+    if (competitiveListRows.value.length > 0) {
+        return competitiveListRows.value.map((row) => ({
+            key: row.key,
+            label: row.label,
+            visibility: row.visibility,
+            strengths: row.strengths,
+            priceSegment: row.priceSegment,
+            website: row.website
+        }));
+    }
+
     const bench = report.value?.sections?.competitive_environment?.digital_visibility_benchmarks ?? {};
     const strengths = report.value?.sections?.competitive_environment?.competitor_strengths ?? {};
 
@@ -1677,18 +1848,20 @@ const visibilityBarData = computed(() => {
         payment: PPT_ORANGE,
         others: '#FF6B6B'
     };
+    const fallbackColors = [PPT_BLUE, PPT_GREEN, PPT_ORANGE, '#60A5FA', '#A855F7', '#EC4899', '#F59E0B'];
 
     return {
         labels,
         datasets: [
             {
                 data: values,
+                unit: '%',
                 borderRadius: 12,
                 borderSkipped: false,
                 backgroundColor: (context) => {
                     const { chart, dataIndex } = context;
                     const { ctx, chartArea } = chart;
-                    const base = baseByKey[keys[dataIndex]] ?? PPT_BLUE;
+                    const base = baseByKey[keys[dataIndex]] ?? fallbackColors[dataIndex % fallbackColors.length];
                     if (!chartArea) return hexToRgba(base, 0.55);
                     return makeVerticalGradient(ctx, chartArea, hexToRgba(base, 0.88), hexToRgba(base, 0.24));
                 }
@@ -1697,15 +1870,17 @@ const visibilityBarData = computed(() => {
     };
 });
 
-const visibilityBarOptions = computed(() => ({
-    indexAxis: 'y',
-    maintainAspectRatio: false,
-    plugins: { legend: { display: false } },
-    scales: {
-        x: { ticks: { color: '#64748B' }, grid: { color: 'rgba(148,163,184,0.25)', drawBorder: false } },
-        y: { ticks: { color: '#64748B' }, grid: { display: false, drawBorder: false } }
-    }
-}));
+const visibilityBarOptions = computed(() => {
+    const base = compactBarOptions.value;
+    return {
+        ...base,
+        indexAxis: 'y',
+        scales: {
+            x: { ...base.scales.x, grid: { color: 'rgba(148,163,184,0.15)', drawBorder: false } },
+            y: { ...base.scales.y, grid: { display: false, drawBorder: false } }
+        }
+    };
+});
 
 const pptFunnelSteps = computed(() => {
     const fm = report.value?.sections?.customer_journey?.funnel_metrics ?? {};
@@ -1757,14 +1932,25 @@ const recommendationMessages = computed(() => {
 const bottlenecksDetails = computed(() => report.value?.sections?.bottlenecks?.details ?? { landing: [], lead_management: [], retention: [] });
 
 const competitionStrengthRows = computed(() => {
+    if (competitiveListRows.value.length > 0) {
+        return competitiveListRows.value.map((row) => {
+            const extras = [];
+            if (row.priceSegment) extras.push(`Сегмент: ${row.priceSegment}`);
+            if (row.website) extras.push(String(row.website));
+            return {
+                label: row.label,
+                strengths: [...(row.strengths ?? []), ...extras]
+            };
+        });
+    }
+
     const strengths = report.value?.sections?.competitive_environment?.competitor_strengths ?? {};
-    const rows = [
+    return [
         { label: 'Ваш бизнес', strengths: strengths.your_business ?? [] },
         { label: 'Конкурент A', strengths: strengths.competitor_a ?? [] },
         { label: 'Конкурент B', strengths: strengths.competitor_b ?? [] },
         { label: 'Конкурент C', strengths: strengths.competitor_c ?? [] }
     ];
-    return rows;
 });
 
 // Demand & behavior charts
@@ -1773,16 +1959,100 @@ function percentToNumber(p) {
     return Number.isFinite(n) ? n : 0;
 }
 
-const queryTypesDonutData = computed(() => {
+const CHART_COLORS = [PPT_BLUE, '#7C3AED', PPT_ORANGE, '#34D399', '#60A5FA', '#A855F7', '#F59E0B', '#10B981'];
+
+function getChartColors(count) {
+    const safeCount = Math.max(0, Number(count) || 0);
+    return Array.from({ length: safeCount }, (_, i) => CHART_COLORS[i % CHART_COLORS.length]);
+}
+
+function normalizeLabel(rawKey) {
+    const raw = String(rawKey ?? '').trim();
+    if (!raw) return '';
+    if (!raw.includes('_')) return raw;
+    return raw
+        .split('_')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+}
+
+function normalizeEntries(raw, preferredEntries = [], aliasOrder = [], aliasMap = {}) {
+    if (!raw || typeof raw !== 'object') return [];
+
+    const hasPreferred = preferredEntries.some(({ key }) => raw[key] !== undefined);
+    if (hasPreferred) {
+        return preferredEntries
+            .map(({ key, label }) => ({ label, value: raw[key] }))
+            .filter(({ value }) => value !== undefined && value !== null && value !== '');
+    }
+
+    const aliasEntries = aliasOrder
+        .filter((key) => raw[key] !== undefined)
+        .map((key) => ({ label: aliasMap[key] ?? key, value: raw[key] }));
+    if (aliasEntries.length > 0) return aliasEntries;
+
+    return Object.entries(raw).map(([key, value]) => ({ label: normalizeLabel(key), value }));
+}
+
+const QUERY_TYPE_KEYS = [
+    { key: 'direct_interest_catalog', label: 'Прямой интерес' },
+    { key: 'question_based_articles', label: 'Поиск по вопросу' },
+    { key: 'competitors_reviews', label: 'Конкуренты' },
+    { key: 'problem_solving_hot_promo', label: 'Решение проблемы' }
+];
+const QUERY_TYPE_ALIAS_ORDER = ['Коммерческие (купить, цена)', 'Информационные (отзывы)', 'Брендовые', 'Гео-запросы'];
+const QUERY_TYPE_ALIAS_MAP = {
+    'Коммерческие (купить, цена)': 'Коммерческие (купить, цена)',
+    'Информационные (отзывы)': 'Информационные (отзывы)',
+    'Брендовые': 'Брендовые',
+    'Гео-запросы': 'Гео-запросы'
+};
+
+const DECISION_FACTOR_KEYS = [
+    { key: 'promo_discount', label: 'Акция/скидка' },
+    { key: 'review_recommendation', label: 'Отзыв/рекоменд.' },
+    { key: 'warranty_quality', label: 'Гарантия/качество' },
+    { key: 'convenience_service', label: 'Удобство/сервис' },
+    { key: 'availability', label: 'Наличие мест' },
+    { key: 'price', label: 'Цена' }
+];
+const DECISION_FACTOR_ALIAS_ORDER = ['Цена / Рассрочка', 'Отзывы', 'Локация', 'Сервис', 'Бренд'];
+const DECISION_FACTOR_ALIAS_MAP = {
+    'Цена / Рассрочка': 'Цена / Рассрочка',
+    'Отзывы': 'Отзывы',
+    'Локация': 'Локация',
+    'Сервис': 'Сервис',
+    'Бренд': 'Бренд'
+};
+
+const REFUSAL_REASON_KEYS = [
+    { key: 'high_price', label: 'Высокая цена' },
+    { key: 'no_reviews_social_proof', label: 'Нет отзывов' },
+    { key: 'choice_difficulty_unclear_offer', label: 'Сложности с выбором' }
+];
+const REFUSAL_REASON_ALIAS_ORDER = ['Скрытые условия', 'Плохие отзывы', 'Долгая реакция'];
+const REFUSAL_REASON_ALIAS_MAP = {
+    'Скрытые условия': 'Скрытые условия',
+    'Плохие отзывы': 'Плохие отзывы',
+    'Долгая реакция': 'Долгая реакция'
+};
+
+const queryTypeEntries = computed(() => {
     const q = report.value?.sections?.demand_and_behavior?.search_query_types ?? {};
-    const labels = ['Прямой интерес', 'Поиск по вопросу', 'Конкуренты', 'Решение проблемы'];
-    const values = [q.direct_interest_catalog, q.question_based_articles, q.competitors_reviews, q.problem_solving_hot_promo].map(percentToNumber);
+    return normalizeEntries(q, QUERY_TYPE_KEYS, QUERY_TYPE_ALIAS_ORDER, QUERY_TYPE_ALIAS_MAP);
+});
+
+const queryTypesDonutData = computed(() => {
+    const entries = queryTypeEntries.value;
+    const labels = entries.map((entry) => entry.label);
+    const values = entries.map((entry) => percentToNumber(entry.value));
+    const colors = getChartColors(labels.length);
     return {
         labels,
         datasets: [
             {
                 data: values,
-                backgroundColor: [PPT_BLUE, '#7C3AED', PPT_ORANGE, '#34D399'],
+                backgroundColor: colors,
                 borderColor: '#ffffff',
                 borderWidth: 2
             }
@@ -1792,45 +2062,46 @@ const queryTypesDonutData = computed(() => {
 
 // Метрики для отображения под диаграммой
 const queryTypesMetrics = computed(() => {
-    const q = report.value?.sections?.demand_and_behavior?.search_query_types ?? {};
-    const labels = ['Прямой интерес', 'Поиск по вопросу', 'Конкуренты', 'Решение проблемы'];
-    const values = [q.direct_interest_catalog, q.question_based_articles, q.competitors_reviews, q.problem_solving_hot_promo].map(percentToNumber);
-    const colors = [PPT_BLUE, '#7C3AED', PPT_ORANGE, '#34D399'];
+    const entries = queryTypeEntries.value;
+    const colors = getChartColors(entries.length);
 
-    return labels
-        .map((label, index) => ({
-            label,
-            value: values[index] || 0,
+    return entries
+        .map((entry, index) => ({
+            label: entry.label,
+            value: percentToNumber(entry.value),
             color: colors[index]
         }))
         .filter((metric) => metric.value > 0);
 });
 
 const queryTypesTableRows = computed(() => {
-    const q = report.value?.sections?.demand_and_behavior?.search_query_types ?? {};
-    return [
-        { label: 'Прямой интерес', value: percentToNumber(q.direct_interest_catalog) },
-        { label: 'Поиск по вопросу', value: percentToNumber(q.question_based_articles) },
-        { label: 'Конкуренты', value: percentToNumber(q.competitors_reviews) },
-        { label: 'Решение проблемы', value: percentToNumber(q.problem_solving_hot_promo) }
-    ];
+    return queryTypeEntries.value.map((entry) => ({
+        label: entry.label,
+        value: percentToNumber(entry.value)
+    }));
+});
+
+const decisionFactorEntries = computed(() => {
+    const f = report.value?.sections?.demand_and_behavior?.decision_factors ?? {};
+    return normalizeEntries(f, DECISION_FACTOR_KEYS, DECISION_FACTOR_ALIAS_ORDER, DECISION_FACTOR_ALIAS_MAP);
 });
 
 const decisionFactorsBarData = computed(() => {
-    const f = report.value?.sections?.demand_and_behavior?.decision_factors ?? {};
-    const labels = ['Акция/скидка', 'Отзыв/рекоменд.', 'Гарантия/качество', 'Удобство/сервис', 'Наличие мест', 'Цена'];
-    const values = [f.promo_discount, f.review_recommendation, f.warranty_quality, f.convenience_service, f.availability, f.price].map(percentToNumber);
+    const entries = decisionFactorEntries.value;
+    const labels = entries.map((entry) => entry.label);
+    const values = entries.map((entry) => percentToNumber(entry.value));
     return {
         labels,
         datasets: [
             {
                 data: values,
+                unit: '%',
                 borderRadius: 10,
                 backgroundColor: (context) => {
                     const { chart } = context;
                     const { ctx, chartArea } = chart;
-                    if (!chartArea) return 'rgba(91,137,255,0.55)';
-                    return makeVerticalGradient(ctx, chartArea, 'rgba(91,137,255,0.85)', 'rgba(91,137,255,0.25)');
+                    if (!chartArea) return PPT_BLUE;
+                    return makeVerticalGradient(ctx, chartArea, PPT_GRADIENT_BLUE_START, PPT_GRADIENT_BLUE_END);
                 }
             }
         ]
@@ -1838,21 +2109,122 @@ const decisionFactorsBarData = computed(() => {
 });
 
 const decisionFactorsTableRows = computed(() => {
-    const f = report.value?.sections?.demand_and_behavior?.decision_factors ?? {};
-    return [
-        { label: 'Акция/скидка', value: percentToNumber(f.promo_discount) },
-        { label: 'Отзыв/рекоменд.', value: percentToNumber(f.review_recommendation) },
-        { label: 'Гарантия/качество', value: percentToNumber(f.warranty_quality) },
-        { label: 'Удобство/сервис', value: percentToNumber(f.convenience_service) },
-        { label: 'Наличие мест', value: percentToNumber(f.availability) },
-        { label: 'Цена', value: percentToNumber(f.price) }
-    ];
+    return decisionFactorEntries.value.map((entry) => ({
+        label: entry.label,
+        value: percentToNumber(entry.value)
+    }));
+});
+
+const refusalReasonEntries = computed(() => {
+    const r = report.value?.sections?.demand_and_behavior?.reasons_for_refusal ?? {};
+    return normalizeEntries(r, REFUSAL_REASON_KEYS, REFUSAL_REASON_ALIAS_ORDER, REFUSAL_REASON_ALIAS_MAP);
 });
 
 const refusalReasonsBarData = computed(() => {
-    const r = report.value?.sections?.demand_and_behavior?.reasons_for_refusal ?? {};
-    const labels = ['Высокая цена', 'Нет отзывов', 'Сложности с выбором'];
-    const values = [r.high_price, r.no_reviews_social_proof, r.choice_difficulty_unclear_offer].map(percentToNumber);
+    const entries = refusalReasonEntries.value;
+    const labels = entries.map((entry) => entry.label);
+    const values = entries.map((entry) => percentToNumber(entry.value));
+    return {
+        labels,
+        datasets: [
+            {
+                data: values,
+                unit: '%',
+                borderRadius: 10,
+                backgroundColor: (context) => {
+                    const { chart } = context;
+                    const { ctx, chartArea } = chart;
+                    if (!chartArea) return PPT_ORANGE;
+                    return makeVerticalGradient(ctx, chartArea, PPT_ORANGE, '#FFBB96');
+                }
+            }
+        ]
+    };
+});
+
+const refusalReasonsTableRows = computed(() => {
+    return refusalReasonEntries.value.map((entry) => ({
+        label: entry.label,
+        value: percentToNumber(entry.value)
+    }));
+});
+
+// Acquisition channels charts/tables
+const channelSharesBarData = computed(() => {
+    const entries = channelShareEntries.value;
+    const labels = entries.map((entry) => entry.label || getChannelLabel(entry.label));
+    const values = entries.map((entry) => percentToNumber(entry.value));
+    const colors = getChartColors(labels.length);
+    return {
+        labels,
+        datasets: [
+            {
+                data: values,
+                unit: '%',
+                borderRadius: 12,
+                borderSkipped: false,
+                backgroundColor: (context) => {
+                    const { chart, dataIndex } = context;
+                    const { ctx, chartArea } = chart;
+                    const base = colors[dataIndex] ?? PPT_BLUE;
+                    if (!chartArea) return hexToRgba(base, 0.55);
+                    return makeVerticalGradient(ctx, chartArea, hexToRgba(base, 0.88), hexToRgba(base, 0.24));
+                }
+            }
+        ]
+    };
+});
+
+const channelSharesTableRows = computed(() => {
+    return channelShareEntries.value.map((entry) => ({
+        label: entry.label || getChannelLabel(entry.label),
+        value: percentToNumber(entry.value)
+    }));
+});
+
+const FUNNEL_BOTTLENECK_LABELS = {
+    lead_to_booking: 'Лид → запись',
+    booking_to_payment: 'Запись → оплата',
+    lead_to_payment_total: 'Лид → оплата'
+};
+
+const funnelBottleneckRows = computed(() => {
+    const bottlenecks = report.value?.sections?.customer_journey?.funnel_bottlenecks ?? {};
+    if (!bottlenecks || typeof bottlenecks !== 'object') return [];
+    const orderedKeys = Object.keys(FUNNEL_BOTTLENECK_LABELS);
+    const rows = [];
+
+    orderedKeys.forEach((key) => {
+        if (bottlenecks[key]) {
+            rows.push({
+                key,
+                stage: FUNNEL_BOTTLENECK_LABELS[key],
+                reason: String(bottlenecks[key])
+            });
+        }
+    });
+
+    Object.entries(bottlenecks).forEach(([key, reason]) => {
+        if (orderedKeys.includes(key)) return;
+        if (!reason) return;
+        rows.push({
+            key,
+            stage: normalizeLabel(key),
+            reason: String(reason)
+        });
+    });
+
+    return rows;
+});
+
+const funnelBarData = computed(() => {
+    const fm = report.value?.sections?.customer_journey?.funnel_metrics ?? {};
+    const labels = ['Охват/Трафик', 'Визиты на сайт', 'Лиды', 'Записи/Бронь', 'Оплаты'];
+    const values = [fm.ad_traffic, fm.site_visitors, fm.leads, fm.bookings, fm.payments].map((v) => {
+        if (typeof v === 'string') return Number(v.replace(/[^\d.]/g, ''));
+        return Number(v) || 0;
+    });
+
     return {
         labels,
         datasets: [
@@ -1862,37 +2234,136 @@ const refusalReasonsBarData = computed(() => {
                 backgroundColor: (context) => {
                     const { chart } = context;
                     const { ctx, chartArea } = chart;
-                    if (!chartArea) return 'rgba(255,142,79,0.55)';
-                    return makeVerticalGradient(ctx, chartArea, 'rgba(255,142,79,0.85)', 'rgba(255,142,79,0.25)');
+                    if (!chartArea) return PPT_BLUE;
+                    return makeVerticalGradient(ctx, chartArea, PPT_GRADIENT_BLUE_START, PPT_GRADIENT_BLUE_END);
                 }
             }
         ]
     };
 });
 
-const refusalReasonsTableRows = computed(() => {
-    const r = report.value?.sections?.demand_and_behavior?.reasons_for_refusal ?? {};
-    return [
-        { label: 'Высокая цена', value: percentToNumber(r.high_price) },
-        { label: 'Нет отзывов', value: percentToNumber(r.no_reviews_social_proof) },
-        { label: 'Сложности с выбором', value: percentToNumber(r.choice_difficulty_unclear_offer) }
-    ];
+const funnelBarOptions = computed(() => {
+    const base = compactBarOptions.value;
+    return {
+        ...base,
+        indexAxis: 'y',
+        scales: {
+            x: { ...base.scales.x, grid: { color: 'rgba(148,163,184,0.15)', drawBorder: false } },
+            y: { ...base.scales.y, grid: { display: false, drawBorder: false } }
+        }
+    };
 });
 
-// Acquisition channels charts/tables
-const channelSharesBarData = computed(() => {
+const channelSharesBarOptions = computed(() => {
+    const base = compactBarOptions.value;
+    return {
+        ...base,
+        indexAxis: 'y',
+        scales: {
+            x: { ...base.scales.x, grid: { color: 'rgba(148,163,184,0.15)', drawBorder: false } },
+            y: { ...base.scales.y, grid: { display: false, drawBorder: false } }
+        }
+    };
+});
+
+// Функция для извлечения числового значения из стоимости (например, "2500 KZT" -> 2500)
+function extractCostNumber(costStr) {
+    if (!costStr || costStr === '—') return 0;
+    const num = Number(String(costStr).replace(/[^\d.]/g, ''));
+    return Number.isFinite(num) ? num : 0;
+}
+
+const CHANNEL_LABELS = {
+    yandex: 'Яндекс',
+    yandex_direct: 'Яндекс Директ',
+    seo: 'SEO',
+    retargeting: 'Ретаргет',
+    vkontakte: 'VKontakte',
+    youtube: 'YouTube',
+    instagram: 'Instagram',
+    tiktok: 'TikTok',
+    kaspi: 'Kaspi',
+    google_search: 'Google Поиск',
+    '2gis': '2GIS',
+    google_ads: 'Google Ads',
+    facebook: 'Facebook'
+};
+
+function getChannelLabel(key) {
+    const raw = String(key ?? '');
+    if (CHANNEL_LABELS[raw]) return CHANNEL_LABELS[raw];
+    if (raw.includes(' ')) return raw;
+    return raw
+        .split('_')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+}
+
+const CHANNEL_SHARE_KEYS = [
+    { key: 'yandex_direct', label: 'Яндекс Директ' },
+    { key: 'seo', label: 'SEO (сиб.тайт)' },
+    { key: 'retargeting', label: 'Ретаргетинг' },
+    { key: 'vkontakte', label: 'VKontakte' }
+];
+
+const channelShareEntries = computed(() => {
     const shares = report.value?.sections?.acquisition_channels?.channel_shares ?? {};
-    const items = [
-        { key: 'yandex_direct', label: 'Яндекс Директ', value: shares.yandex_direct, color: PPT_ORANGE },
-        { key: 'seo', label: 'SEO (сиб.тайт)', value: shares.seo, color: PPT_BLUE },
-        { key: 'retargeting', label: 'Ретаргетинг', value: shares.retargeting, color: PPT_GREEN },
-        { key: 'vkontakte', label: 'VKontakte', value: shares.vkontakte, color: '#60A5FA' }
+    if (!shares || typeof shares !== 'object') return [];
+
+    const hasPreferred = CHANNEL_SHARE_KEYS.some(({ key }) => shares[key] !== undefined);
+    if (hasPreferred) {
+        const preferred = CHANNEL_SHARE_KEYS
+            .map(({ key, label }) => ({ label, value: shares[key] }))
+            .filter(({ value }) => value !== undefined && value !== null && value !== '');
+        const preferredKeys = new Set(CHANNEL_SHARE_KEYS.map(({ key }) => key));
+        const extras = Object.entries(shares)
+            .filter(([key]) => !preferredKeys.has(key))
+            .map(([key, value]) => ({ label: getChannelLabel(key), value }));
+        return [...preferred, ...extras];
+    }
+
+    return Object.entries(shares).map(([key, value]) => ({ label: getChannelLabel(key), value }));
+});
+
+// График эффективности каналов (стоимость привлечения)
+const channelEfficiencyBarData = computed(() => {
+    const eff = report.value?.sections?.acquisition_channels?.channel_efficiency ?? {};
+
+    // Цвета для разных каналов
+    const channelColors = [
+        PPT_BLUE,
+        PPT_ORANGE,
+        PPT_GREEN,
+        '#60A5FA',
+        '#A855F7',
+        '#EC4899',
+        '#F59E0B',
+        '#10B981',
+        '#3B82F6',
+        '#8B5CF6'
     ];
+
+    // Получаем все каналы из данных
+    const items = Object.keys(eff)
+        .map((key, index) => {
+            const row = eff[key];
+            if (!row || !row.cost) return null;
+            return {
+                key: key,
+                label: getChannelLabel(key),
+                cost: row.cost,
+                costValue: extractCostNumber(row.cost),
+                color: channelColors[index % channelColors.length]
+            };
+        })
+        .filter(Boolean)
+        .sort((a, b) => a.costValue - b.costValue); // Сортируем по стоимости (от меньшей к большей)
+
     return {
         labels: items.map((i) => i.label),
         datasets: [
             {
-                data: items.map((i) => percentToNumber(i.value)),
+                data: items.map((i) => i.costValue),
                 borderRadius: 12,
                 borderSkipped: false,
                 backgroundColor: (context) => {
@@ -1907,58 +2378,74 @@ const channelSharesBarData = computed(() => {
     };
 });
 
-const channelSharesTableRows = computed(() => {
-    const shares = report.value?.sections?.acquisition_channels?.channel_shares ?? {};
-    return [
-        { label: 'Яндекс Директ', value: percentToNumber(shares.yandex_direct) },
-        { label: 'SEO (сиб.тайт)', value: percentToNumber(shares.seo) },
-        { label: 'Ретаргетинг', value: percentToNumber(shares.retargeting) },
-        { label: 'VKontakte', value: percentToNumber(shares.vkontakte) }
-    ];
+const channelEfficiencyBarOptions = computed(() => {
+    const base = compactBarOptions.value;
+    return {
+        ...base,
+        indexAxis: 'y',
+        scales: {
+            x: {
+                ...base.scales.x,
+                grid: { color: 'rgba(148,163,184,0.15)', drawBorder: false },
+                ticks: {
+                    callback: function(value) {
+                        return value.toLocaleString('ru-RU') + ' KZT';
+                    }
+                }
+            },
+            y: { ...base.scales.y, grid: { display: false, drawBorder: false } }
+        },
+        plugins: {
+            ...base.plugins,
+            tooltip: {
+                ...base.plugins?.tooltip,
+                callbacks: {
+                    label: function(context) {
+                        return context.parsed.x.toLocaleString('ru-RU') + ' KZT';
+                    }
+                }
+            }
+        }
+    };
 });
 
-const channelSharesBarOptions = computed(() => ({
-    indexAxis: 'y',
-    maintainAspectRatio: false,
-    plugins: { legend: { display: false } },
-    scales: {
-        x: { ticks: { color: '#64748B' }, grid: { color: 'rgba(148,163,184,0.25)', drawBorder: false } },
-        y: { ticks: { color: '#64748B' }, grid: { display: false, drawBorder: false } }
-    }
-}));
-
 const channelEfficiencyRows = computed(() => {
     const eff = report.value?.sections?.acquisition_channels?.channel_efficiency ?? {};
-    const order = [
-        { key: 'yandex', label: 'Яндекс' },
-        { key: 'seo', label: 'SEO (сиб.тайт)' },
-        { key: 'retargeting', label: 'Ретаргет' },
-        { key: 'vkontakte', label: 'VKontakte' },
-        { key: 'youtube', label: 'YouTube' },
-        { key: 'instagram', label: 'Instagram' }
-    ];
 
     function statusClass(status) {
         const s = String(status || '').toLowerCase();
-        if (s.includes('эффектив')) return 'text-green-700';
-        if (s.includes('удовлетвор')) return 'text-amber-700';
-        if (s.includes('завыш')) return 'text-red-700';
+        // Обработка английских статусов
+        if (s.includes('very high') || s.includes('очень высок') || s.includes('высок')) return 'text-green-700 font-semibold';
+        if (s.includes('high') || s.includes('эффектив')) return 'text-green-700';
+        if (s.includes('medium') || s.includes('средн') || s.includes('удовлетвор')) return 'text-amber-700';
+        if (s.includes('low') || s.includes('низк') || s.includes('завыш')) return 'text-red-700';
+        if (s.includes('local') || s.includes('локальн')) return 'text-blue-700';
         return 'text-slate-600';
     }
 
-    return order
-        .map((o) => {
-            const row = eff[o.key];
+    // Получаем все каналы из данных и преобразуем в массив
+    return Object.keys(eff)
+        .map((key) => {
+            const row = eff[key];
             if (!row) return null;
             return {
-                key: o.key,
-                label: o.label,
+                key: key,
+                label: getChannelLabel(key),
                 cost: row.cost ?? '—',
                 status: row.status ?? '—',
                 statusClass: statusClass(row.status)
             };
         })
-        .filter(Boolean);
+        .filter(Boolean)
+        .sort((a, b) => {
+            // Сортируем по статусу: Very High -> High -> Medium -> Local -> остальные
+            const statusOrder = { 'very high': 1, 'high': 2, 'medium': 3, 'local': 4 };
+            const aStatus = String(a.status || '').toLowerCase();
+            const bStatus = String(b.status || '').toLowerCase();
+            const aOrder = statusOrder[aStatus] || 5;
+            const bOrder = statusOrder[bStatus] || 5;
+            return aOrder - bOrder;
+        });
 });
 
 // Economics tables
diff --git a/src/views/pages/marketing/MarketingAnalysis.vue b/src/views/pages/marketing/MarketingAnalysis.vue
index 4dc2a43..a664e1b 100644
--- a/src/views/pages/marketing/MarketingAnalysis.vue
+++ b/src/views/pages/marketing/MarketingAnalysis.vue
@@ -110,6 +110,13 @@
                             <small v-if="errors.weakSide" class="p-error">{{ errors.weakSide }}</small>
                         </div>
 
+                        <!-- <div class="field">
+                            <label for="marketingBudget" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300"> Бюджет на маркетинг </label>
+                            <InputNumber id="marketingBudget" v-model="formData.marketingBudget" :min="0" placeholder="Введите бюджет в тенге" class="w-full" :class="{ 'p-invalid': errors.marketingBudget }" />
+                            <small v-if="errors.marketingBudget" class="p-error">{{ errors.marketingBudget }}</small>
+                            <small class="text-surface-500 dark:text-surface-400 mt-1 block">Укажите ваш бюджет на маркетинг (опционально)</small>
+                        </div> -->
+
                         <div class="field">
                             <label for="analysisType" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300"> Тип анализа * </label>
                             <MultiSelect id="analysisType" v-model="formData.analysisType" :options="VALID_ANALYSIS_TYPES" placeholder="Выберите типы анализа" class="w-full" display="chip" :class="{ 'p-invalid': errors.analysisType }">
@@ -441,6 +448,171 @@
                                             <HeatmapTable :matrix="segment.matrix" :title="segment.title || 'Матрица каналов по сегментам'" />
                                         </div>
 
+                                        <!-- New Competitive Environment Component -->
+                                        <div v-else-if="segment.type === 'competitiveEnvironment'">
+                                            <div class="mb-6">
+                                                <h3 class="text-2xl font-semibold text-surface-900 dark:text-surface-0 mb-4">
+                                                    <i class="pi pi-chart-line mr-2 text-primary-500"></i>{{ segment.title || 'Конкурентная среда' }}
+                                                </h3>
+
+                                                <!-- Metrics KPI Cards -->
+                                                <div v-if="segment.metrics" class="grid mb-6">
+                                                    <div class="col-12 md:col-3 mb-3">
+                                                        <div class="p-4 border-round bg-surface-0 dark:bg-surface-800 border-1 border-surface-200 dark:border-surface-700 h-full">
+                                                            <div class="flex align-items-center mb-2">
+                                                                <i class="pi pi-sitemap text-primary-500 mr-2 text-xl"></i>
+                                                                <span class="text-sm font-medium text-surface-600 dark:text-surface-400">Доля лидера</span>
+                                                            </div>
+                                                            <div class="text-2xl font-bold text-surface-900 dark:text-surface-0">
+                                                                {{ segment.metrics.leader_market_share || '—' }}
+                                                            </div>
+                                                            <div v-if="segment.metrics.market_leader_name" class="text-xs text-surface-500 dark:text-surface-400 mt-1">
+                                                                {{ segment.metrics.market_leader_name }}
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-12 md:col-3 mb-3">
+                                                        <div class="p-4 border-round bg-surface-0 dark:bg-surface-800 border-1 border-surface-200 dark:border-surface-700 h-full">
+                                                            <div class="flex align-items-center mb-2">
+                                                                <i class="pi pi-chart-bar text-green-500 mr-2 text-xl"></i>
+                                                                <span class="text-sm font-medium text-surface-600 dark:text-surface-400">Уровень конкуренции</span>
+                                                            </div>
+                                                            <div class="text-2xl font-bold text-surface-900 dark:text-surface-0">
+                                                                {{ segment.metrics.competition_level || '—' }}
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-12 md:col-3 mb-3">
+                                                        <div class="p-4 border-round bg-surface-0 dark:bg-surface-800 border-1 border-surface-200 dark:border-surface-700 h-full">
+                                                            <div class="flex align-items-center mb-2">
+                                                                <i class="pi pi-wallet text-orange-500 mr-2 text-xl"></i>
+                                                                <span class="text-sm font-medium text-surface-600 dark:text-surface-400">Давление рекламы</span>
+                                                            </div>
+                                                            <div class="text-2xl font-bold text-surface-900 dark:text-surface-0">
+                                                                {{ segment.metrics.ad_pressure || '—' }}
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+
+                                                <!-- Visibility Chart -->
+                                                <div v-if="segment.visibilityChart" class="mb-6">
+                                                    <div class="flex align-items-center mb-3">
+                                                        <i class="pi pi-chart-bar text-primary-500 mr-2"></i>
+                                                        <h4 class="text-lg font-semibold text-surface-700 dark:text-surface-300 m-0">{{ segment.visibilityChart.title }}</h4>
+                                                    </div>
+                                                    <div class="p-4 border-round bg-surface-0 dark:bg-surface-800 border-1 border-surface-200 dark:border-surface-700">
+                                                        <div class="chart-container" :style="segment.visibilityChart.chartHeight">
+                                                            <Chart 
+                                                                v-if="hasRenderableChartData(segment.visibilityChart.data)" 
+                                                                :type="segment.visibilityChart.chartType" 
+                                                                :data="segment.visibilityChart.data" 
+                                                                :options="segment.visibilityChart.options"
+                                                                @chart:click="onChartClick"
+                                                                @chart:hover="onChartHover"
+                                                                ref="visibilityChartRef"
+                                                            />
+                                                            <div v-else class="p-3 border-round text-center text-surface-500 dark:text-surface-400">
+                                                                Нет данных для отображения
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+
+                                                <!-- Competitors Table -->
+                                                <div v-if="segment.competitors && segment.competitors.length > 0" class="mb-6">
+                                                    <div class="flex align-items-center mb-3">
+                                                        <i class="pi pi-table text-primary-500 mr-2"></i>
+                                                        <h4 class="text-lg font-semibold text-surface-700 dark:text-surface-300 m-0">Таблица конкурентов</h4>
+                                                    </div>
+                                                    <div class="overflow-x-auto border-round" style="border: 1px solid var(--surface-border)">
+                                                        <table class="competitive-environment-table w-full border-collapse">
+                                                            <thead>
+                                                                <tr>
+                                                                    <th class="competitive-env-th">Название</th>
+                                                                    <th class="competitive-env-th">Сайт</th>
+                                                                    <th class="competitive-env-th text-center">Видимость</th>
+                                                                    <th class="competitive-env-th">Ключевые преимущества</th>
+                                                                    <th class="competitive-env-th text-center">Ценовой сегмент</th>
+                                                                </tr>
+                                                            </thead>
+                                                            <tbody>
+                                                                <tr 
+                                                                    v-for="(competitor, idx) in segment.competitors" 
+                                                                    :key="competitor.name || idx"
+                                                                    :class="['competitive-env-tr', { 'competitive-env-tr-highlighted': highlightedRowIndex === idx }]"
+                                                                    @mouseenter="highlightRow(idx)"
+                                                                    @mouseleave="highlightRow(null)"
+                                                                    @click="handleRowClick(competitor)"
+                                                                >
+                                                                    <td class="competitive-env-td font-semibold">
+                                                                        <i class="pi pi-building text-primary-500 mr-2"></i>{{ competitor.name }}
+                                                                    </td>
+                                                                    <td class="competitive-env-td">
+                                                                        <a 
+                                                                            v-if="competitor.website" 
+                                                                            :href="getFullUrl(competitor.website)" 
+                                                                            target="_blank" 
+                                                                            rel="noopener noreferrer"
+                                                                            class="text-primary-500 hover:text-primary-700 dark:hover:text-primary-400 flex align-items-center"
+                                                                            @click.stop
+                                                                        >
+                                                                            <i class="pi pi-external-link mr-1"></i>
+                                                                            <span class="text-sm">{{ formatWebsite(competitor.website) }}</span>
+                                                                        </a>
+                                                                        <span v-else class="text-surface-400">—</span>
+                                                                    </td>
+                                                                    <td class="competitive-env-td text-center">
+                                                                        <div class="flex align-items-center justify-content-center">
+                                                                            <span 
+                                                                                class="competitive-env-score-badge"
+                                                                                :class="getScoreClass(competitor.visibility_score)"
+                                                                            >
+                                                                                {{ competitor.visibility_score || 0 }}%
+                                                                            </span>
+                                                                        </div>
+                                                                    </td>
+                                                                    <td class="competitive-env-td">
+                                                                        <div v-if="competitor.key_strengths && competitor.key_strengths.length > 0" class="flex flex-wrap gap-1">
+                                                                            <Tag 
+                                                                                v-for="(strength, sIdx) in competitor.key_strengths" 
+                                                                                :key="sIdx"
+                                                                                :value="strength"
+                                                                                severity="success"
+                                                                                class="text-xs"
+                                                                            />
+                                                                        </div>
+                                                                        <span v-else class="text-surface-400">—</span>
+                                                                    </td>
+                                                                    <td class="competitive-env-td text-center">
+                                                                        <Tag 
+                                                                            v-if="competitor.price_segment"
+                                                                            :value="competitor.price_segment"
+                                                                            :severity="getPriceSegmentSeverity(competitor.price_segment)"
+                                                                        />
+                                                                        <span v-else class="text-surface-400">—</span>
+                                                                    </td>
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
+                                                    </div>
+                                                </div>
+
+                                                <!-- Conclusion -->
+                                                <div v-if="segment.conclusion" class="mt-6">
+                                                    <div class="p-4 border-round bg-primary-50 dark:bg-primary-900 border-1 border-primary-200 dark:border-primary-700">
+                                                        <div class="flex align-items-start">
+                                                            <i class="pi pi-info-circle text-primary-500 mr-2 mt-1 flex-shrink-0"></i>
+                                                            <div>
+                                                                <h4 class="text-lg font-semibold text-primary-700 dark:text-primary-300 mb-2">Заключение</h4>
+                                                                <p class="text-surface-700 dark:text-surface-300 m-0">{{ segment.conclusion }}</p>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
                                         <div v-else-if="segment.type === 'competitors'">
                                             <div class="mb-4">
                                                 <h3 class="text-xl font-semibold text-surface-900 dark:text-surface-0"><i class="pi pi-chart-line mr-2"></i>Анализ конкурентов</h3>
@@ -775,14 +947,14 @@
                             </div>
                         </div>
                     </div>
+                </div>
 
-                    <!-- Кнопки действий (всегда видны) -->
-                    <div class="card">
-                        <div class="card-content text-center">
-                            <div class="flex gap-3 justify-content-center flex-wrap">
-                                <Button label="Создать стратегию на основе анализа" icon="pi pi-magic" severity="success" @click="goToStrategy" />
-                                <Button label="Создать новый анализ" icon="pi pi-plus" severity="secondary" @click="resetAnalysis" />
-                            </div>
+                <!-- Кнопки действий (всегда видны, когда есть анализ) -->
+                <div v-if="(status === 'completed' && report) || v2ReportNormalized" class="card">
+                    <div class="card-content text-center">
+                        <div class="flex gap-3 justify-content-center flex-wrap">
+                            <Button label="Создать стратегию на основе анализа" icon="pi pi-magic" severity="success" @click="goToStrategy" />
+                            <Button label="Создать новый анализ" icon="pi pi-plus" severity="secondary" @click="resetAnalysis" />
                         </div>
                     </div>
                 </div>
@@ -862,6 +1034,7 @@ const formData = ref({
     detailLevel: 'СТАНДАРТНО',
     strongSide: '',
     weakSide: '',
+    marketingBudget: null,
     analysisType: []
 });
 
@@ -928,7 +1101,8 @@ const v2ReportNormalized = computed(() => {
             marketing_economics: pick('marketingEconomics', 'marketing_economics'),
             bottlenecks: pick('bottlenecks', 'bottlenecks'),
             recommendations: pick('recommendations', 'recommendations')
-        }
+        },
+        sources: root.sources || []
     };
 });
 
@@ -957,16 +1131,16 @@ const drawBarValues = (chart) => {
                         // Горизонтальный: цифра справа темная
                         ctx.fillStyle = document.documentElement.classList.contains('dark') ? '#ffffff' : '#1f2937';
                         ctx.textAlign = 'left';
-                        ctx.fillText(label, bar.x + 8, bar.y); 
+                        ctx.fillText(label, bar.x + 8, bar.y);
                     } else {
                         // === ВЕРТИКАЛЬНЫЙ (КАК НА ФОТО) ===
                         const barHeight = Math.abs(bar.base - bar.y);
-                        
+
                         // Если столбец достаточно высокий (>25px), рисуем цифру ВНУТРИ белым цветом
                         if (barHeight > 25) {
-                            ctx.fillStyle = '#ffffff'; 
+                            ctx.fillStyle = '#ffffff';
                             // bar.y - это верхушка столбца. Добавляем 15px, чтобы спустить цифру чуть ниже верха
-                            ctx.fillText(label, bar.x, bar.y + 15); 
+                            ctx.fillText(label, bar.x, bar.y + 15);
                         } else {
                             // Если столбец мелкий, рисуем цифру СВЕРХУ темным цветом
                             ctx.fillStyle = document.documentElement.classList.contains('dark') ? '#ffffff' : '#1f2937';
@@ -991,7 +1165,7 @@ const photoStyleBarOptions = {
     },
     plugins: {
         legend: { display: false }, // Легенда не нужна
-        tooltip: { 
+        tooltip: {
             enabled: true,
             callbacks: { label: (ctx) => `${ctx.formattedValue}%` }
         }
@@ -1003,7 +1177,7 @@ const photoStyleBarOptions = {
             grid: { display: true, drawBorder: false, color: 'rgba(0,0,0,0.05)' },
             ticks: { font: { size: 10 } }
         },
-        x: { 
+        x: {
             grid: { display: false }, // Вертикальные линии убираем
             ticks: {
                 font: { size: 12, weight: '600' },
@@ -1025,8 +1199,8 @@ const horizontalBarChartOptions = {
     },
     plugins: { legend: { display: false } },
     scales: {
-        x: { display: false, beginAtZero: true }, 
-        y: { 
+        x: { display: false, beginAtZero: true },
+        y: {
             grid: { display: false },
             ticks: { font: { size: 12, weight: '500' }, crossAlign: 'far' }
         }
@@ -1058,8 +1232,8 @@ const conversionFunnelChartOptions = {
     responsive: true,
     maintainAspectRatio: false,
     plugins: { legend: { display: true, position: 'bottom' } },
-    scales: { 
-        y: { beginAtZero: true, title: { display: true, text: 'Пользователи' } } 
+    scales: {
+        y: { beginAtZero: true, title: { display: true, text: 'Пользователи' } }
     }
 };
 
@@ -1313,6 +1487,9 @@ const handleSubmit = async () => {
         if (formData.value.weakSide && formData.value.weakSide.trim()) {
             requestData.weakSide = formData.value.weakSide.trim();
         }
+        if (formData.value.marketingBudget !== null && formData.value.marketingBudget !== undefined) {
+            requestData.marketingExpenses = formData.value.marketingBudget;
+        }
 
         const result = await MarketingService.startAnalysis(requestData, { generateV2: true });
 
@@ -1946,6 +2123,104 @@ const buildCompetitorsBarChartData = (competitors, metricType = 'reach') => {
     };
 };
 
+// Build competitors visibility score chart data (horizontal bar chart)
+const buildCompetitorsVisibilityChartData = (competitors) => {
+    if (!Array.isArray(competitors) || competitors.length === 0) return null;
+
+    // Sort by visibility_score descending for better visualization
+    const sortedCompetitors = [...competitors].sort((a, b) => (b.visibility_score || 0) - (a.visibility_score || 0));
+
+    return {
+        labels: sortedCompetitors.map((comp) => comp.name),
+        datasets: [
+            {
+                label: 'Видимость (score)',
+                data: sortedCompetitors.map((comp) => comp.visibility_score || 0),
+                backgroundColor: sortedCompetitors.map((comp) => {
+                    const score = comp.visibility_score || 0;
+                    // Color coding: high (green), medium (yellow), low (red)
+                    if (score >= 70) return '#10B981'; // green-500
+                    if (score >= 40) return '#F59E0B'; // amber-500
+                    return '#EF4444'; // red-500
+                }),
+                borderColor: '#ffffff',
+                borderWidth: 2,
+                borderRadius: 4
+            }
+        ]
+    };
+};
+
+// Process competitive environment data into segment format
+const processCompetitiveEnvironmentData = (competitiveEnv) => {
+    if (!competitiveEnv || typeof competitiveEnv !== 'object') return null;
+
+    const competitors = competitiveEnv.competitors || [];
+    if (!Array.isArray(competitors) || competitors.length === 0) return null;
+
+    // Build visibility chart data
+    const visibilityChartData = buildCompetitorsVisibilityChartData(competitors);
+
+    return {
+        type: 'competitiveEnvironment',
+        title: competitiveEnv.title || 'Конкурентная среда',
+        metrics: competitiveEnv.metrics || {},
+        competitors: competitors,
+        visibilityChart: visibilityChartData
+            ? {
+                  chartType: 'bar',
+                  data: visibilityChartData,
+                  options: {
+                      indexAxis: 'y',
+                      responsive: true,
+                      maintainAspectRatio: false,
+                      layout: { padding: { right: 40 } },
+                      animation: {
+                          duration: 500,
+                          onComplete: (animation) => drawBarValues(animation.chart)
+                      },
+                      plugins: {
+                          legend: { display: false },
+                          tooltip: {
+                              callbacks: {
+                                  label: (context) => `Видимость: ${context.parsed.x}%`
+                              }
+                          }
+                      },
+                      scales: {
+                          x: {
+                              display: true,
+                              beginAtZero: true,
+                              max: 100,
+                              ticks: {
+                                  callback: function(value) {
+                                      return value + '%';
+                                  },
+                                  font: { size: 12 }
+                              },
+                              grid: {
+                                  display: true,
+                                  drawBorder: false,
+                                  color: 'rgba(0,0,0,0.05)'
+                              }
+                          },
+                          y: {
+                              grid: { display: false },
+                              ticks: {
+                                  font: { size: 12, weight: '500' },
+                                  crossAlign: 'far'
+                              }
+                          }
+                      }
+                  },
+                  title: 'Видимость конкурентов',
+                  chartHeight: 'height: 400px'
+              }
+            : null,
+        conclusion: competitiveEnv.conclusion || ''
+    };
+};
+
 // Build competitors heatmap data
 const buildCompetitorsHeatmapData = (competitors) => {
     if (!Array.isArray(competitors) || competitors.length === 0) return null;
@@ -1996,12 +2271,12 @@ const buildChannelsChartData = (acquisitionChannels) => {
     if (!shares || typeof shares !== 'object') return null;
 
     // Превращаем ключи "instagram_target" в "Instagram Target"
-    const labels = Object.keys(shares).map(key => 
+    const labels = Object.keys(shares).map(key =>
         key.split('_').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ')
     );
 
     // Чистим значения от знака % для графика
-    const values = Object.values(shares).map(val => 
+    const values = Object.values(shares).map(val =>
         (typeof val === 'string') ? parseFloat(val.replace('%', '')) : val
     );
 
@@ -2149,16 +2424,16 @@ const mapChartsDataToSegments = (chartsData) => {
             segments.push({
                 type: 'chart',
                 key: 'ageStructure',
-                title: 'АРЫСТАНБЕК',
+                title: 'Возрастная структура',
                 chartType: 'bar',
                 data: {
                     labels,
                     datasets: [{
                         data: values,
-                        // !!! ЦВЕТ КАК НА ФОТО (СИНИЙ) !!! 
-                        backgroundColor: '#60a5fa', 
+                        // !!! ЦВЕТ КАК НА ФОТО (СИНИЙ) !!!
+                        backgroundColor: '#60a5fa',
                         borderRadius: 8, // Скругление
-                        barPercentage: 0.65, 
+                        barPercentage: 0.65,
                         unit: '%'
                     }]
                 },
@@ -2177,7 +2452,7 @@ const mapChartsDataToSegments = (chartsData) => {
                 values = parsed.values;
             } else {
                 labels = ['Низкий', 'Средний', 'Высокий'];
-                values = [20, 50, 30]; 
+                values = [20, 50, 30];
             }
 
             segments.push({
@@ -2291,7 +2566,7 @@ const mapJsonBlockToSegment = (identifier, data, rawText) => {
                 title: 'Распределение по возрасту',
                 chartType: 'bar',
                 data: chartData,
-                options: competitorsBarChartOptions,
+                options: horizontalBarChartOptions,
                 chartHeight: 'height: 350px'
             };
         }
@@ -2377,7 +2652,23 @@ const mapJsonBlockToSegment = (identifier, data, rawText) => {
                 gendersChartData
             };
         }
+        case 'competitiveenvironment':
+        case 'competitive_environment': {
+            // New structure: { title, metrics, competitors, conclusion }
+            const processed = processCompetitiveEnvironmentData(data);
+            if (processed) return processed;
+            // Fallback to old structure if processing fails
+            return null;
+        }
         case 'competitors': {
+            // Check if it's new structure (has metrics, competitors array with visibility_score)
+            if (data && typeof data === 'object' && !Array.isArray(data)) {
+                if (data.metrics && Array.isArray(data.competitors)) {
+                    const processed = processCompetitiveEnvironmentData(data);
+                    if (processed) return processed;
+                }
+            }
+            // Old structure: array of competitors
             if (!Array.isArray(data) || data.length === 0) return null;
             const reachChartData = buildCompetitorsBarChartData(data, 'reach');
             const followersChartData = buildCompetitorsBarChartData(data, 'followers');
@@ -2390,7 +2681,7 @@ const mapJsonBlockToSegment = (identifier, data, rawText) => {
                     ? {
                           chartType: 'bar',
                           data: reachChartData,
-                          options: competitorsBarChartOptions,
+                          options: horizontalBarChartOptions,
                           title: 'Охват конкурентов'
                       }
                     : null,
@@ -2398,7 +2689,7 @@ const mapJsonBlockToSegment = (identifier, data, rawText) => {
                     ? {
                           chartType: 'bar',
                           data: followersChartData,
-                          options: competitorsBarChartOptions,
+                          options: horizontalBarChartOptions,
                           title: 'Подписчики конкурентов'
                       }
                     : null
@@ -2455,9 +2746,28 @@ const getChartSegmentByPlaceholder = (placeholder, chartsData) => {
             return null;
 
         case 'CHART_COMPETITORS':
+        case 'CHART_COMPETITIVE_ENVIRONMENT': {
+            // Check for new competitive environment structure first
+            if (chartsData.competitiveEnvironment || chartsData.competitive_environment) {
+                const competitiveEnv = chartsData.competitiveEnvironment || chartsData.competitive_environment;
+                const processed = processCompetitiveEnvironmentData(competitiveEnv);
+                if (processed) return processed;
+            }
+            // Fallback to old competitors structure
             const competitorsArray = Array.isArray(chartsData.competitors) ? chartsData.competitors : chartsData.competitors?.competitors || [];
 
             if (competitorsArray.length > 0) {
+                // Check if it's new structure (has visibility_score)
+                if (competitorsArray[0]?.visibility_score !== undefined) {
+                    const processed = processCompetitiveEnvironmentData({
+                        competitors: competitorsArray,
+                        metrics: chartsData.metrics || {},
+                        title: chartsData.title || 'Конкурентная среда',
+                        conclusion: chartsData.conclusion || ''
+                    });
+                    if (processed) return processed;
+                }
+                // Old structure
                 const reachChartData = buildCompetitorsBarChartData(competitorsArray, 'reach');
                 const followersChartData = buildCompetitorsBarChartData(competitorsArray, 'followers');
 
@@ -2469,7 +2779,7 @@ const getChartSegmentByPlaceholder = (placeholder, chartsData) => {
                         ? {
                               chartType: 'bar',
                               data: reachChartData,
-                              options: competitorsBarChartOptions,
+                              options: horizontalBarChartOptions,
                               title: 'Охват конкурентов'
                           }
                         : null,
@@ -2477,7 +2787,7 @@ const getChartSegmentByPlaceholder = (placeholder, chartsData) => {
                         ? {
                               chartType: 'bar',
                               data: followersChartData,
-                              options: competitorsBarChartOptions,
+                              options: horizontalBarChartOptions,
                               title: 'Подписчики конкурентов'
                           }
                         : null
@@ -2509,6 +2819,7 @@ const getChartSegmentByPlaceholder = (placeholder, chartsData) => {
                 return segment;
             }
             return null;
+        }
 
         case 'CHART_SWOT':
             // Check for swotCompetitors first
@@ -2590,7 +2901,7 @@ const getChartSegmentByIdentifier = (identifier, chartsData) => {
                 title: 'Распределение по возрасту',
                 chartType: 'bar',
                 data: chartData,
-                options: competitorsBarChartOptions,
+                options: horizontalBarChartOptions,
                 chartHeight: 'height: 350px'
             };
         }
@@ -2622,9 +2933,29 @@ const getChartSegmentByIdentifier = (identifier, chartsData) => {
             }
             return null;
 
-        case 'competitors':
+        case 'competitiveenvironment':
+        case 'competitive_environment': {
+            const competitiveEnv = chartsData.competitiveEnvironment || chartsData.competitive_environment;
+            if (competitiveEnv) {
+                const processed = processCompetitiveEnvironmentData(competitiveEnv);
+                if (processed) return processed;
+            }
+            return null;
+        }
+        case 'competitors': {
             const competitorsArray = Array.isArray(chartsData.competitors) ? chartsData.competitors : chartsData.competitors?.competitors || [];
             if (competitorsArray.length > 0) {
+                // Check if it's new structure (has visibility_score)
+                if (competitorsArray[0]?.visibility_score !== undefined) {
+                    const processed = processCompetitiveEnvironmentData({
+                        competitors: competitorsArray,
+                        metrics: chartsData.metrics || {},
+                        title: chartsData.title || 'Конкурентная среда',
+                        conclusion: chartsData.conclusion || ''
+                    });
+                    if (processed) return processed;
+                }
+                // Old structure
                 const reachChartData = buildCompetitorsBarChartData(competitorsArray, 'reach');
                 const followersChartData = buildCompetitorsBarChartData(competitorsArray, 'followers');
 
@@ -2636,7 +2967,7 @@ const getChartSegmentByIdentifier = (identifier, chartsData) => {
                         ? {
                               chartType: 'bar',
                               data: reachChartData,
-                              options: competitorsBarChartOptions,
+                              options: horizontalBarChartOptions,
                               title: 'Охват конкурентов'
                           }
                         : null,
@@ -2644,7 +2975,7 @@ const getChartSegmentByIdentifier = (identifier, chartsData) => {
                         ? {
                               chartType: 'bar',
                               data: followersChartData,
-                              options: competitorsBarChartOptions,
+                              options: horizontalBarChartOptions,
                               title: 'Подписчики конкурентов'
                           }
                         : null
@@ -2676,6 +3007,7 @@ const getChartSegmentByIdentifier = (identifier, chartsData) => {
                 return segment;
             }
             return null;
+        }
 
         case 'swot':
             // Check for swotCompetitors first
@@ -2824,9 +3156,27 @@ const tryParseJsonSegment = (text) => {
     try {
         const parsedJson = JSON.parse(trimmed);
 
+        // Check if it's new competitive environment structure
+        if (parsedJson && typeof parsedJson === 'object' && !Array.isArray(parsedJson)) {
+            if (parsedJson.competitors && Array.isArray(parsedJson.competitors) && parsedJson.metrics) {
+                const processed = processCompetitiveEnvironmentData(parsedJson);
+                if (processed) return processed;
+            }
+        }
+
         // Check if it's an array of competitors
         if (Array.isArray(parsedJson) && parsedJson.length > 0) {
-            // Check if it looks like competitors data
+            // Check if it's new structure (has visibility_score)
+            if (parsedJson[0]?.visibility_score !== undefined) {
+                const processed = processCompetitiveEnvironmentData({
+                    competitors: parsedJson,
+                    metrics: {},
+                    title: 'Конкурентная среда',
+                    conclusion: ''
+                });
+                if (processed) return processed;
+            }
+            // Check if it looks like old competitors data
             if (parsedJson[0]?.name && (parsedJson[0]?.channelsHeatmap || parsedJson[0]?.reach || parsedJson[0]?.followers)) {
                 return {
                     type: 'competitors',
@@ -2843,7 +3193,7 @@ const tryParseJsonSegment = (text) => {
                 const chartType = parsedJson.chartType || 'bar';
 
                 // Use appropriate options based on chart type
-                const options = chartType === 'pie' || chartType === 'doughnut' ? pieChartOptions : chartType === 'line' ? seasonalityChartOptions : competitorsBarChartOptions;
+                const options = chartType === 'pie' || chartType === 'doughnut' ? pieChartOptions : chartType === 'line' ? seasonalityChartOptions : horizontalBarChartOptions;
 
                 // Normalize chart data (colors/borders, safety)
                 const chartData = normalizeChartJsData(parsedJson, chartType);
@@ -2989,7 +3339,7 @@ const chartsDataSegments = computed(() => {
                         ? {
                               chartType: 'bar',
                               data: reachChartData,
-                              options: competitorsBarChartOptions,
+                              options: horizontalBarChartOptions,
                               title: 'Охват конкурентов'
                           }
                         : null,
@@ -2997,7 +3347,7 @@ const chartsDataSegments = computed(() => {
                         ? {
                               chartType: 'bar',
                               data: followersChartData,
-                              options: competitorsBarChartOptions,
+                              options: horizontalBarChartOptions,
                               title: 'Подписчики конкурентов'
                           }
                         : null
@@ -3046,13 +3396,24 @@ const chartsDataSegments = computed(() => {
 const parsedContent = computed(() => {
     let segments = [];
 
+    // Check for v2ReportNormalized competitive_environment first
+    if (v2ReportNormalized.value?.sections?.competitive_environment) {
+        const competitiveEnv = v2ReportNormalized.value.sections.competitive_environment;
+        const processed = processCompetitiveEnvironmentData(competitiveEnv);
+        if (processed) {
+            segments.push(processed);
+        }
+    }
+
     // If we have both fullAnalysis and chartsData, parse fullAnalysis and inject charts
     if (report.value?.fullAnalysis && report.value?.chartsData) {
-        segments = parseFullAnalysisWithCharts(report.value.fullAnalysis, report.value.chartsData);
+        const parsedSegments = parseFullAnalysisWithCharts(report.value.fullAnalysis, report.value.chartsData);
+        segments = [...segments, ...parsedSegments];
     }
     // If only chartsData exists, use it
     else if (report.value?.chartsData) {
-        segments = chartsDataSegments.value;
+        const chartSegments = chartsDataSegments.value;
+        segments = [...segments, ...chartSegments];
     }
     // Otherwise, fall back to parsing fullAnalysis with JSON blocks (for old data)
     else if (report.value?.fullAnalysis) {
@@ -3116,8 +3477,32 @@ const parsedContent = computed(() => {
     return segments.filter((segment) => {
         // If segment doesn't have a type, try to process it
         if (!segment || !segment.type) {
+            // Check if it's new competitive environment structure
+            if (segment && typeof segment === 'object' && !Array.isArray(segment)) {
+                if (segment.competitors && Array.isArray(segment.competitors) && segment.metrics) {
+                    const processed = processCompetitiveEnvironmentData(segment);
+                    if (processed) {
+                        segments[segments.indexOf(segment)] = processed;
+                        return true;
+                    }
+                }
+            }
             // If it's an array (like competitors), process it
             if (Array.isArray(segment) && segment.length > 0 && segment[0]?.name) {
+                // Check if it's new structure (has visibility_score)
+                if (segment[0]?.visibility_score !== undefined) {
+                    const processed = processCompetitiveEnvironmentData({
+                        competitors: segment,
+                        metrics: {},
+                        title: 'Конкурентная среда',
+                        conclusion: ''
+                    });
+                    if (processed) {
+                        segments[segments.indexOf(segment)] = processed;
+                        return true;
+                    }
+                }
+                // Old structure
                 const processed = {
                     type: 'competitors',
                     competitors: segment,
@@ -3329,6 +3714,102 @@ const goToStrategy = () => {
     }
 };
 
+// Competitive Environment: Chart and Table Synchronization
+const highlightedRowIndex = ref(null);
+const visibilityChartRef = ref(null);
+
+const highlightRow = (index) => {
+    highlightedRowIndex.value = index;
+    // Highlight corresponding bar in chart if chart is available
+    if (visibilityChartRef.value && visibilityChartRef.value.chart && index !== null) {
+        const chart = visibilityChartRef.value.chart;
+        const meta = chart.getDatasetMeta(0);
+        if (meta && meta.data[index]) {
+            // Reset all bars
+            meta.data.forEach((bar) => {
+                bar._model.backgroundColor = bar._view.backgroundColor;
+            });
+            // Highlight the hovered bar
+            const hoveredBar = meta.data[index];
+            if (hoveredBar) {
+                const originalColor = hoveredBar._view.backgroundColor;
+                hoveredBar._model.backgroundColor = originalColor + 'CC'; // Add transparency
+                chart.update('none');
+            }
+        }
+    }
+};
+
+const onChartHover = (event, elements) => {
+    if (elements && elements.length > 0) {
+        const elementIndex = elements[0].index;
+        highlightedRowIndex.value = elementIndex;
+    }
+};
+
+const onChartClick = (event, elements) => {
+    if (elements && elements.length > 0) {
+        const elementIndex = elements[0].index;
+        // Could trigger some action on click
+    }
+};
+
+const handleRowClick = (competitor) => {
+    if (competitor.website) {
+        let url = competitor.website.trim();
+        // If URL doesn't start with http:// or https://, add https://
+        if (!url.match(/^https?:\/\//i)) {
+            url = 'https://' + url;
+        }
+        window.open(url, '_blank', 'noopener,noreferrer');
+    }
+};
+
+const getFullUrl = (url) => {
+    if (!url) return '';
+    const trimmed = url.trim();
+    // If URL doesn't start with http:// or https://, add https://
+    if (!trimmed.match(/^https?:\/\//i)) {
+        return 'https://' + trimmed;
+    }
+    return trimmed;
+};
+
+const formatWebsite = (url) => {
+    if (!url) return '';
+    const trimmed = url.trim();
+    try {
+        // If it's already a full URL, parse it
+        if (trimmed.match(/^https?:\/\//i)) {
+            const urlObj = new URL(trimmed);
+            return urlObj.hostname.replace('www.', '');
+        }
+        // Otherwise, just return the domain part (before first /)
+        const domain = trimmed.split('/')[0];
+        return domain.replace('www.', '');
+    } catch {
+        // If parsing fails, return as is (might be just domain name)
+        return trimmed.split('/')[0].replace('www.', '');
+    }
+};
+
+const getScoreClass = (score) => {
+    if (score >= 70) return 'competitive-env-score-high';
+    if (score >= 40) return 'competitive-env-score-medium';
+    return 'competitive-env-score-low';
+};
+
+const getPriceSegmentSeverity = (segment) => {
+    const segmentLower = (segment || '').toLowerCase();
+    if (segmentLower.includes('premium') || segmentLower.includes('высок') || segmentLower.includes('премиум')) {
+        return 'danger';
+    }
+    if (segmentLower.includes('low') || segmentLower.includes('низк')) {
+        return 'success';
+    }
+    return 'warning';
+};
+
 // Load analysis from query params
 onMounted(async () => {
     const queryAnalysisId = route.query.analysisId;
@@ -3729,4 +4210,81 @@ onBeforeUnmount(() => {
 .comparison-table-tr:hover {
     background-color: var(--surface-50);
 }
+
+/* Competitive Environment Table Styles */
+.competitive-environment-table {
+    font-size: 0.9rem;
+}
+
+.competitive-env-th {
+    padding: 1rem;
+    text-align: left;
+    font-weight: 600;
+    color: var(--text-color);
+    background-color: var(--surface-50);
+    border-bottom: 2px solid var(--surface-border);
+    white-space: nowrap;
+}
+
+.competitive-env-td {
+    padding: 1rem;
+    border-bottom: 1px solid var(--surface-border);
+    color: var(--text-color);
+    vertical-align: middle;
+}
+
+.competitive-env-tr {
+    transition: all 0.2s ease;
+    cursor: pointer;
+}
+
+.competitive-env-tr:hover {
+    background-color: var(--surface-hover);
+    transform: translateX(2px);
+}
+
+.competitive-env-tr-highlighted {
+    background-color: var(--primary-50);
+    border-left: 3px solid var(--primary-500);
+}
+
+.competitive-env-score-badge {
+    display: inline-block;
+    padding: 0.375rem 0.75rem;
+    border-radius: 0.5rem;
+    font-weight: 600;
+    font-size: 0.875rem;
+    min-width: 3rem;
+    text-align: center;
+}
+
+.competitive-env-score-high {
+    background-color: rgba(16, 185, 129, 0.1);
+    color: #10b981;
+}
+
+.competitive-env-score-medium {
+    background-color: rgba(245, 158, 11, 0.1);
+    color: #f59e0b;
+}
+
+.competitive-env-score-low {
+    background-color: rgba(239, 68, 68, 0.1);
+    color: #ef4444;
+}
+
+.dark .competitive-env-score-high {
+    background-color: rgba(16, 185, 129, 0.2);
+    color: #34d399;
+}
+
+.dark .competitive-env-score-medium {
+    background-color: rgba(245, 158, 11, 0.2);
+    color: #fbbf24;
+}
+
+.dark .competitive-env-score-low {
+    background-color: rgba(239, 68, 68, 0.2);
+    color: #f87171;
+}
 </style>
diff --git a/src/views/pages/marketing/MarketingPromotion.vue b/src/views/pages/marketing/MarketingPromotion.vue
index ae24fc3..3c5102e 100644
--- a/src/views/pages/marketing/MarketingPromotion.vue
+++ b/src/views/pages/marketing/MarketingPromotion.vue
@@ -217,15 +217,14 @@
                                             <div class="flex gap-1 mt-auto">
                                                 <Button label="Копировать" icon="pi pi-copy" size="small" severity="secondary" class="flex-1 text-xs" @click="handleCopyPost(post)" />
                                                 <Button
-                                                    v-if="post.taskId"
-                                                    label="Запустить"
-                                                    icon="pi pi-play"
+                                                    label="Опубликовать"
+                                                    icon="pi pi-send"
                                                     size="small"
                                                     severity="success"
                                                     class="flex-1 text-xs"
-                                                    :loading="isTaskExecuting(post.taskId)"
-                                                    :disabled="isTaskExecuting(post.taskId)"
-                                                    @click="handleExecuteTask(post.taskId, post)"
+                                                    :loading="post.taskId ? isTaskExecuting(post.taskId) : false"
+                                                    :disabled="!post.taskId || isTaskExecuting(post.taskId)"
+                                                    @click="handlePublishPost(post)"
                                                 />
                                             </div>
                                         </div>
@@ -308,14 +307,14 @@
                                         <Button label="Копировать" icon="pi pi-copy" size="small" severity="secondary" class="flex-1 text-xs" @click="handleCopyPost(post)" />
                                         <Button
                                             v-if="post.taskId"
-                                            label="Запустить"
-                                            icon="pi pi-play"
+                                            label="Опубликовать"
+                                            icon="pi pi-send"
                                             size="small"
                                             severity="success"
                                             class="flex-1 text-xs"
                                             :loading="isTaskExecuting(post.taskId)"
                                             :disabled="isTaskExecuting(post.taskId)"
-                                            @click="handleExecuteTask(post.taskId, post)"
+                                            @click="handlePublishPost(post)"
                                         />
                                     </div>
                                 </div>
@@ -688,6 +687,21 @@ const handleExecuteTask = async (taskId, post) => {
     }
 };
 
+// Handle publish post
+const handlePublishPost = async (post) => {
+    if (!post.taskId) {
+        toast.add({
+            severity: 'warn',
+            summary: 'Ошибка',
+            detail: 'Задача публикации не создана. Сначала запустите стратегию.',
+            life: 3000
+        });
+        return;
+    }
+
+    await handleExecuteTask(post.taskId, post);
+};
+
 // Check if task is executing
 const isTaskExecuting = (taskId) => {
     return taskId ? executingTasks.value.has(taskId) : false;