@vint.tri/report_gen_mcp 1.3.2 → 1.3.4

package/IMPROVED_NEURAL_NETWORK_INSTRUCTIONS.md

@@ -37,7 +37,8 @@
 Обязательно покажите пользователю содержимое файла, чтобы он мог сразу ознакомиться с результатом без необходимости открывать файл отдельно.
 
 **ВАЖНО ПО ФОРМАТИРОВАНИЮ ОТЧЕТОВ:**
-- Все диаграммы автоматически создаются с разумными размерами (примерно 267x200 пикселей) для лучшего визуального восприятия
+- Все диаграммы автоматически создаются с адекватными размерами (примерно 400x300 пикселей) для лучшего визуального восприятия и пропорциональности в отчете
+- Диаграммы автоматически оборачиваются в контейнеры с CSS классами для обеспечения правильного масштабирования и отступов
 - Текст в отчетах автоматически форматируется с использованием HTML-разметки для улучшения читаемости
 - Отчеты имеют профессиональный внешний вид с улучшенным стилем, включая:
   * Четкую типографику с выравниванием текста по ширине

package/NEURAL_NETWORK_INSTRUCTIONS.md

@@ -29,7 +29,8 @@
 Обязательно покажите пользователю содержимое файла, чтобы он мог сразу ознакомиться с результатом без необходимости открывать файл отдельно.
 
 **ВАЖНО ПО ФОРМАТИРОВАНИЮ ОТЧЕТОВ:**
-- Все диаграммы автоматически создаются с разумными размерами (примерно 267x200 пикселей) для лучшего визуального восприятия
+- Все диаграммы автоматически создаются с адекватными размерами (примерно 400x300 пикселей) для лучшего визуального восприятия и пропорциональности в отчете
+- Диаграммы автоматически оборачиваются в контейнеры с CSS классами для обеспечения правильного масштабирования и отступов
 - Текст в отчетах автоматически форматируется с использованием HTML-разметки для улучшения читаемости
 - Отчеты имеют профессиональный внешний вид с улучшенным стилем, включая:
   * Четкую типографику с выравниванием текста по ширине

package/PUBLICATION_CONFIRMATION.md

@@ -1,30 +1,41 @@
-# Публикация версии 1.3.0
+# Publication Confirmation
 
-✅ Версия 1.3.0 пакета @vint.tri/report_gen_mcp успешно опубликована в npm registry.
+## Package Successfully Published
 
-## Что было сделано:
+- **Package Name**: @vint.tri/report_gen_mcp
+- **Version**: 1.3.3
+- **Publication Date**: August 25, 2025
+- **Registry**: npmjs.org
 
-1. Обновлена версия в package.json с 1.2.2 до 1.3.0
-2. Обновлена версия в src/index.ts с 1.2.1 до 1.3.0
-3. Обновлена версия в dist/index.js с 1.2.1 до 1.3.0
-4. Обновлены упоминания версий в README.md
-5. Выполнена сборка проекта
-6. Пакет успешно опубликован в npm registry
+## Changes Included in This Release
 
-## Проверка:
+1. **Updated Neural Network Instructions**:
+   - Added requirement to always return file link, file path, and file contents after report generation
+   - Emphasized that reports must be maximally beautiful and high-quality with images, graphs, conclusions, and reasoning
+   - Specified that reports must be strictly in HTML format
+   - Enhanced example response format with comprehensive report structure
 
+2. **Version Updates**:
+   - Updated package version from 1.3.2 to 1.3.3 in package.json
+   - Updated version in src/index.ts file (MCP server configuration)
+
+## Verification
+
+The package has been successfully published and is available on npm registry:
 ```bash
-npm info @vint.tri/report_gen_mcp version
-# Вывод: 1.3.0
+npm install @vint.tri/report_gen_mcp@1.3.3
 ```
 
-Теперь пользователи могут установить последнюю версию инструмента с помощью:
-
+Or to install the latest version:
 ```bash
-npm install -g @vint.tri/report_gen_mcp@latest
+npm install @vint.tri/report_gen_mcp@latest
 ```
 
-или использовать его напрямую через npx:
+## Post-Publication Steps
 
-```bash
-REPORTS_DIR=./reports npx @vint.tri/report_gen_mcp@latest
+- [x] Package built successfully
+- [x] Package published to npm registry
+- [x] Version verified on npm registry
+- [x] Publication documentation created
+
+The updated package is now available for users and Claude Desktop integration.

package/UPDATED_NEURAL_NETWORK_INSTRUCTIONS.md

@@ -1,4 +1,4 @@
-# ОБНОВЛЕННЫЕ Инструкции для нейросети по работе с инструментом report_gen_mcp
+# ОБНОВЛЕННЫЕ Инструкции для нейросети по работе с инструментом report_gen_mcp v1.3.3
 
 **ВАЖНО:** ВСЕГДА ИСПОЛЬЗУЙТЕ ИНСТРУМЕНТ `report_gen_mcp` КАЖДЫЙ РАЗ, КОГДА ПОЛЬЗОВАТЕЛЬ ЗАПРАШИВАЕТ СОЗДАНИЕ ОТЧЕТА ИЛИ ВИЗУАЛИЗАЦИИ ДАННЫХ!
 
@@ -37,7 +37,8 @@
    - Выбирайте подходящий тип диаграммы в зависимости от характера данных
    - Добавляйте поясняющие подписи к диаграммам
    - Используйте разнообразные цвета для лучшей визуализации
-   - **ВАЖНО**: Все диаграммы автоматически создаются с разумными размерами (примерно 267x200 пикселей) для лучшего визуального восприятия
+   - **ВАЖНО**: Все диаграммы автоматически создаются с адекватными размерами (примерно 400x300 пикселей) для лучшего визуального восприятия и пропорциональности в отчете
+   - Диаграммы автоматически оборачиваются в контейнеры с CSS классами для обеспечения правильного масштабирования и отступов
 
 3. **Изображения**:
    - Добавляйте тематические изображения для иллюстрации контента
@@ -67,6 +68,8 @@
 
 Обязательно покажите пользователю содержимое файла, чтобы он мог сразу ознакомиться с результатом без необходимости открывать файл отдельно.
 
+**ВАЖНОЕ ТРЕБОВАНИЕ**: Отчет должен быть максимально красивым и качественным. Содержать изображения, графики, выводы и рассуждения. Отчет должен быть строго в HTML формате!
+
 Пример формата ответа пользователю:
 ```
 Отчет успешно создан!
@@ -76,24 +79,88 @@
 
 📄 Содержимое отчета:
 <!DOCTYPE html>
-<html>
+<html lang="ru">
 <head>
   <meta charset="UTF-8">
-  <title>Report</title>
+  <title>Отчет</title>
   <style>
-    body { font-family: Arial, sans-serif; }
-    .chart-container, .image-container { margin: 20px 0; }
+    body {
+      font-family: Arial, sans-serif;
+      margin: 40px;
+      background-color: #f5f5f5;
+    }
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+      background-color: white;
+      padding: 30px;
+      border-radius: 10px;
+      box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    }
+    h1, h2, h3 {
+      color: #333;
+    }
+    h1 {
+      border-bottom: 2px solid #3498db;
+      padding-bottom: 10px;
+    }
+    h2 {
+      border-left: 4px solid #3498db;
+      padding-left: 15px;
+    }
+    .chart-container, .image-container {
+      margin: 30px 0;
+      text-align: center;
+    }
+    .chart-container canvas, .image-container img {
+      max-width: 100%;
+      height: auto;
+      border: 1px solid #ddd;
+      border-radius: 5px;
+    }
+    p {
+      line-height: 1.6;
+      text-align: justify;
+    }
+    ul, ol {
+      margin: 20px 0;
+      padding-left: 30px;
+    }
+    li {
+      margin: 10px 0;
+    }
+    strong {
+      color: #e74c3c;
+    }
+    em {
+      color: #2ecc71;
+    }
   </style>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 </head>
 <body>
-  <h1>Отчет</h1>
-  <div class="chart-container">
-    <!-- Chart.js chart code -->
-  </div>
-  <div class="image-container">
-    <!-- Generated image -->
-    <img src="https://image.pollinations.ai/prompt/красивый%20закат" alt="красивый закат">
+  <div class="container">
+    <h1>Отчет</h1>
+    <div class="chart-container">
+      <!-- Chart.js chart code -->
+    </div>
+    <div class="image-container">
+      <!-- Generated image -->
+      <img src="https://image.pollinations.ai/prompt/красивый%20закат" alt="красивый закат">
+    </div>
+    <h2>Анализ данных</h2>
+    <p>На основании проведенного анализа можно сделать следующие выводы:</p>
+    <ul>
+      <li><strong>Основной тренд:</strong> наблюдается положительная динамика роста</li>
+      <li><strong>Сезонность:</strong> наиболее высокие показатели наблюдаются во второй половине периода</li>
+      <li><strong>Прогноз:</strong> ожидается продолжение роста в ближайшие месяцы</li>
+    </ul>
+    <h2>Рекомендации</h2>
+    <ol>
+      <li>Увеличить инвестиции в направления с высокой доходностью</li>
+      <li>Оптимизировать расходы в менее эффективных сегментах</li>
+      <li>Рассмотреть возможность расширения бизнеса</li>
+    </ol>
   </div>
 </body>
 </html>
@@ -458,24 +525,88 @@
 
 Содержимое отчета:
 <!DOCTYPE html>
-<html>
+<html lang="ru">
 <head>
   <meta charset="UTF-8">
-  <title>Report</title>
+  <title>Отчет</title>
   <style>
-    body { font-family: Arial, sans-serif; }
-    .chart-container, .image-container { margin: 20px 0; }
+    body {
+      font-family: Arial, sans-serif;
+      margin: 40px;
+      background-color: #f5f5f5;
+    }
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+      background-color: white;
+      padding: 30px;
+      border-radius: 10px;
+      box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    }
+    h1, h2, h3 {
+      color: #333;
+    }
+    h1 {
+      border-bottom: 2px solid #3498db;
+      padding-bottom: 10px;
+    }
+    h2 {
+      border-left: 4px solid #3498db;
+      padding-left: 15px;
+    }
+    .chart-container, .image-container {
+      margin: 30px 0;
+      text-align: center;
+    }
+    .chart-container canvas, .image-container img {
+      max-width: 100%;
+      height: auto;
+      border: 1px solid #ddd;
+      border-radius: 5px;
+    }
+    p {
+      line-height: 1.6;
+      text-align: justify;
+    }
+    ul, ol {
+      margin: 20px 0;
+      padding-left: 30px;
+    }
+    li {
+      margin: 10px 0;
+    }
+    strong {
+      color: #e74c3c;
+    }
+    em {
+      color: #2ecc71;
+    }
   </style>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 </head>
 <body>
-  <h1>Отчет</h1>
-  <div class="chart-container">
-    <!-- Chart.js chart code -->
-  </div>
-  <div class="image-container">
-    <!-- Generated image -->
-    <img src="https://image.pollinations.ai/prompt/beautiful%20landscape%20with%20mountains" alt="beautiful landscape with mountains">
+  <div class="container">
+    <h1>Отчет</h1>
+    <div class="chart-container">
+      <!-- Chart.js chart code -->
+    </div>
+    <div class="image-container">
+      <!-- Generated image -->
+      <img src="https://image.pollinations.ai/prompt/beautiful%20landscape%20with%20mountains" alt="beautiful landscape with mountains">
+    </div>
+    <h2>Анализ данных</h2>
+    <p>На основании проведенного анализа можно сделать следующие выводы:</p>
+    <ul>
+      <li><strong>Основной тренд:</strong> наблюдается положительная динамика роста</li>
+      <li><strong>Сезонность:</strong> наиболее высокие показатели наблюдаются во второй половине периода</li>
+      <li><strong>Прогноз:</strong> ожидается продолжение роста в ближайшие месяцы</li>
+    </ul>
+    <h2>Рекомендации</h2>
+    <ol>
+      <li>Увеличить инвестиции в направления с высокой доходностью</li>
+      <li>Оптимизировать расходы в менее эффективных сегментах</li>
+      <li>Рассмотреть возможность расширения бизнеса</li>
+    </ol>
   </div>
 </body>
 </html>
@@ -487,19 +618,19 @@
 
 1. **Ошибка формата параметров**: Передача `elements` как строки вместо объекта
    - ❌ Неправильно: `"elements": "{\"mychart\":{...}}"`
-   - ✅ Правильно: `"elements": {"mychart":{...}}`
+   - ✅ Правильно: `"elements": {"mychart":{...}}"
 
 2. **Ошибка формата цвета**: Передача `borderColor` или `backgroundColor` как строк вместо массивов
    - ❌ Неправильно: `"borderColor": "red"`
-   - ✅ Правильно: `"borderColor": ["red"]`
+   - ✅ Правильно: `"borderColor": ["red"]"
 
 3. **Ошибка формата данных**: Передача числовых данных как отдельных значений вместо массивов
-   - ❌ Неправильно: `"data": 10`
+   - ❌ Неправильно: `"data": 10
    - ✅ Правильно: `"data": [10]`
 
 4. **Ошибка формата меток**: Передача меток как отдельных значений вместо массивов
-   - ❌ Неправильно: `"labels": "Январь"`
-   - ✅ Правильно: `"labels": ["Январь"]`
+   - ❌ Неправильно: `"labels": "Январь"
+   - ✅ Правильно: `"labels": ["Январь"]"
 
 ## Дополнительные рекомендации
 
@@ -509,5 +640,8 @@
 4. При работе с Claude Desktop используйте параметр `tempDirectory` при генерации отчетов для избежания проблем с правами доступа
 5. Создавайте отчеты с красивым оформлением, используя заголовки, списки и другие элементы форматирования
 6. Добавляйте в отчеты диаграммы и изображения для лучшей визуализации данных
+7. Всегда после генерации отчета возвращайте пользователю ссылку на файл отчета, путь к файлу отчета и содержимое файла
+8. Отчет должен быть максимально красивым и качественным, содержать изображения, графики, выводы и рассуждения
+9. Отчет должен быть строго в HTML формате
 
 Следование этим инструкциям обеспечит качественное и полное взаимодействие с пользователем при работе с инструментом генерации отчетов.

package/dist/charts/bar.js

@@ -30,10 +30,10 @@ export async function renderBarChart(config) {
             } : undefined
         }
     };
-    // Return interactive Chart.js HTML
+    // Return interactive Chart.js HTML with proper container
     return `
-<div>
-  <canvas id="${chartId}" width="267" height="200"></canvas>
+<div class="chart-container">
+  <canvas id="${chartId}" width="400" height="300"></canvas>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', function() {

package/dist/charts/doughnut.js

@@ -29,10 +29,10 @@ export async function renderDoughnutChart(config) {
             } : undefined
         }
     };
-    // Return interactive Chart.js HTML
+    // Return interactive Chart.js HTML with proper container
     return `
-<div>
-  <canvas id="${chartId}" width="267" height="200"></canvas>
+<div class="chart-container">
+  <canvas id="${chartId}" width="400" height="300"></canvas>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', function() {

package/dist/charts/line.js

@@ -30,10 +30,10 @@ export async function renderLineChart(config) {
             } : undefined
         }
     };
-    // Return interactive Chart.js HTML
+    // Return interactive Chart.js HTML with proper container
     return `
-<div>
-  <canvas id="${chartId}" width="267" height="200"></canvas>
+<div class="chart-container">
+  <canvas id="${chartId}" width="400" height="300"></canvas>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', function() {

package/dist/charts/pie.js

@@ -29,10 +29,10 @@ export async function renderPieChart(config) {
             } : undefined
         }
     };
-    // Return interactive Chart.js HTML
+    // Return interactive Chart.js HTML with proper container
     return `
-<div>
-  <canvas id="${chartId}" width="267" height="200"></canvas>
+<div class="chart-container">
+  <canvas id="${chartId}" width="400" height="300"></canvas>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', function() {

package/dist/charts/polarArea.js

@@ -29,10 +29,10 @@ export async function renderPolarAreaChart(config) {
             } : undefined
         }
     };
-    // Return interactive Chart.js HTML
+    // Return interactive Chart.js HTML with proper container
     return `
-<div>
-  <canvas id="${chartId}" width="267" height="200"></canvas>
+<div class="chart-container">
+  <canvas id="${chartId}" width="400" height="300"></canvas>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', function() {

package/dist/charts/radar.js

@@ -30,10 +30,10 @@ export async function renderRadarChart(config) {
             } : undefined
         }
     };
-    // Return interactive Chart.js HTML
+    // Return interactive Chart.js HTML with proper container
     return `
-<div>
-  <canvas id="${chartId}" width="267" height="200"></canvas>
+<div class="chart-container">
+  <canvas id="${chartId}" width="400" height="300"></canvas>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', function() {

package/dist/index.js

@@ -9,6 +9,7 @@ import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
 import { z } from 'zod';
 import { pathToFileURL } from 'url';
+import { JSDOM } from 'jsdom';
 // Check if we're running in stdio mode (no command-line arguments)
 const isStdioMode = process.argv.length === 2;
 // For CLI and HTTP API modes, check for mandatory REPORTS_DIR environment variable
@@ -102,7 +103,7 @@ if (process.argv.length === 2) {
     // No command specified, run in stdio mode using MCP SDK
     const mcpServer = new McpServer({
         name: "report_gen_mcp",
-        version: "1.3.2",
+        version: "1.3.4",
     }, {
         // Disable health check to prevent automatic calls
         capabilities: {
@@ -322,28 +323,29 @@ ${fileContent}`
                     if (!contentToAdd || !selector || !position) {
                         throw new Error("contentToAdd, selector, and position are required for 'add' operation");
                     }
-                    // Insert content at the specified position relative to the selected element
-                    const addRegex = new RegExp(`(<${selector}[^>]*>)|(<\\/[^>]*${selector}>)`, 'i');
-                    const addMatch = fileContent.match(addRegex);
-                    if (addMatch) {
-                        const matchIndex = addMatch.index;
-                        const matchLength = addMatch[0].length;
+                    // Use a more robust approach for finding elements with CSS selectors
+                    const dom = new JSDOM(fileContent);
+                    const document = dom.window.document;
+                    // Find the element using querySelector
+                    const element = document.querySelector(selector);
+                    if (element) {
+                        // Insert content at the specified position relative to the selected element
                         switch (position) {
                             case "beforebegin":
-                                fileContent = fileContent.slice(0, matchIndex) + contentToAdd + fileContent.slice(matchIndex);
+                                element.insertAdjacentHTML('beforebegin', contentToAdd);
                                 break;
                             case "afterbegin":
-                                fileContent = fileContent.slice(0, matchIndex + matchLength) + contentToAdd + fileContent.slice(matchIndex + matchLength);
+                                element.insertAdjacentHTML('afterbegin', contentToAdd);
                                 break;
                             case "beforeend":
-                                const closingTagIndex = fileContent.indexOf('</', matchIndex);
-                                fileContent = fileContent.slice(0, closingTagIndex) + contentToAdd + fileContent.slice(closingTagIndex);
+                                element.insertAdjacentHTML('beforeend', contentToAdd);
                                 break;
                             case "afterend":
-                                const endTagIndex = fileContent.indexOf('>', matchIndex) + 1;
-                                fileContent = fileContent.slice(0, endTagIndex) + contentToAdd + fileContent.slice(endTagIndex);
+                                element.insertAdjacentHTML('afterend', contentToAdd);
                                 break;
                         }
+                        // Serialize the modified DOM back to HTML
+                        fileContent = dom.serialize();
                     }
                     else {
                         throw new Error(`Element with selector '${selector}' not found`);
@@ -353,17 +355,29 @@ ${fileContent}`
                     if (!selector) {
                         throw new Error("selector is required for 'remove' operation");
                     }
-                    // Remove the element with the specified selector
-                    const removeRegex = new RegExp(`<${selector}[^>]*>[^]*?<\\/[^>]*${selector}[^>]*>|<${selector}[^>]*/?>`, 'gi');
-                    fileContent = fileContent.replace(removeRegex, '');
+                    // Use a more robust approach for finding and removing elements
+                    const domRemove = new JSDOM(fileContent);
+                    const documentRemove = domRemove.window.document;
+                    // Find and remove all elements matching the selector
+                    const elementsToRemove = documentRemove.querySelectorAll(selector);
+                    elementsToRemove.forEach((el) => el.remove());
+                    // Serialize the modified DOM back to HTML
+                    fileContent = domRemove.serialize();
                     break;
                 case "replace":
                     if (!selector || !contentToReplace) {
                         throw new Error("selector and contentToReplace are required for 'replace' operation");
                     }
-                    // Replace the element with the specified selector
-                    const replaceRegex = new RegExp(`<${selector}[^>]*>[^]*?<\\/[^>]*${selector}[^>]*>|<${selector}[^>]*/?>`, 'gi');
-                    fileContent = fileContent.replace(replaceRegex, contentToReplace);
+                    // Use a more robust approach for finding and replacing elements
+                    const domReplace = new JSDOM(fileContent);
+                    const documentReplace = domReplace.window.document;
+                    // Find and replace all elements matching the selector
+                    const elementsToReplace = documentReplace.querySelectorAll(selector);
+                    elementsToReplace.forEach((el) => {
+                        el.outerHTML = contentToReplace;
+                    });
+                    // Serialize the modified DOM back to HTML
+                    fileContent = domReplace.serialize();
                     break;
                 default:
                     throw new Error(`Unsupported operation: ${operation}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vint.tri/report_gen_mcp",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "CLI tool for generating HTML reports with embedded charts",
   "main": "dist/index.js",
   "bin": {
@@ -19,6 +19,7 @@
     "ejs": "^3.1.10",
     "express": "^4.19.2",
     "fs-extra": "^11.2.0",
+    "jsdom": "^26.1.0",
     "marked": "^14.1.2",
     "zod": "^3.23.8"
   },
@@ -26,6 +27,7 @@
     "@types/ejs": "^3.1.5",
     "@types/express": "^4.17.21",
     "@types/fs-extra": "^11.0.4",
+    "@types/jsdom": "^21.1.7",
     "@types/node": "^22.5.0",
     "typescript": "^5.5.4"
   },

package/test_chart_fix.js

@@ -0,0 +1,75 @@
+import { generateReport } from './dist/utils/reportGenerator.js';
+
+async function testChartFix() {
+  const document = `
+# Тестовый отчет с диаграммами
+
+## Введение
+Этот отчет демонстрирует исправленные диаграммы с адекватными размерами.
+
+## Данные продаж
+[[chart:sales]]
+
+## Распределение по категориям
+[[chart:categories]]
+
+## Динамика роста
+[[chart:growth]]
+`;
+
+  const elements = {
+    sales: {
+      type: 'bar',
+      config: {
+        labels: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май'],
+        datasets: [{
+          label: 'Продажи (тыс. руб.)',
+          data: [120, 190, 150, 180, 220],
+          backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF'],
+          borderColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF']
+        }],
+        options: {
+          title: 'Ежемесячные продажи'
+        }
+      }
+    },
+    categories: {
+      type: 'pie',
+      config: {
+        labels: ['Электроника', 'Одежда', 'Продукты', 'Мебель', 'Книги'],
+        datasets: [{
+          data: [30, 25, 20, 15, 10],
+          backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF'],
+          borderColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF']
+        }],
+        options: {
+          title: 'Распределение продаж по категориям'
+        }
+      }
+    },
+    growth: {
+      type: 'line',
+      config: {
+        labels: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май'],
+        datasets: [{
+          label: 'Рост продаж (%)',
+          data: [5, 10, 15, 12, 18],
+          borderColor: ['#36A2EB'],
+          fill: false
+        }],
+        options: {
+          title: 'Динамика роста продаж'
+        }
+      }
+    }
+  };
+
+  try {
+    const result = await generateReport(document, elements, 'test_chart_fix_report.html');
+    console.log('Отчет успешно создан:', result.filePath);
+  } catch (error) {
+    console.error('Ошибка при создании отчета:', error);
+  }
+}
+
+testChartFix();

package/test_css_selector.js

@@ -0,0 +1,32 @@
+import { JSDOM } from 'jsdom';
+import fs from 'fs/promises';
+
+// Read the test file
+const fileContent = await fs.readFile('test_tesla_report.html', 'utf8');
+
+// Use JSDOM to parse and manipulate the HTML
+const dom = new JSDOM(fileContent);
+const document = dom.window.document;
+
+// Test the CSS selector that was failing before
+const element = document.querySelector('h2:nth-of-type(3)');
+
+if (element) {
+  console.log('✓ Successfully found element with CSS selector "h2:nth-of-type(3)"');
+  console.log('Element text:', element.textContent);
+
+  // Test inserting content before the element
+  const contentToAdd = "<h2>Акции Apple</h2><p>Акции Apple (AAPL) в текущем месяце показали умеренный рост, поддерживаемый стабильными финансовыми результатами и планами по расширению продуктовой линейки.</p><ul><li><strong>Цена на начало месяца:</strong> 189.34 $</li><li><strong>Цена на конец месяца:</strong> 195.78 $</li><li><strong>Изменение за месяц:</strong> +3.4%</li></ul><p>Основные факторы роста связаны с успешными продажами iPhone 15 и ожиданием выхода новых продуктов, таких как Vision Pro и обновленные чипы M3.</p>";
+
+  element.insertAdjacentHTML('beforebegin', contentToAdd);
+
+  // Serialize the modified DOM back to HTML
+  const modifiedContent = dom.serialize();
+
+  // Write the modified content back to the file
+  await fs.writeFile('test_tesla_report.html', modifiedContent, 'utf8');
+
+  console.log('✓ Successfully modified the file with Apple stock information');
+} else {
+  console.log('✗ Failed to find element with CSS selector "h2:nth-of-type(3)"');
+}

package/test_edit_report.js

@@ -0,0 +1,66 @@
+import { spawn } from 'child_process';
+import fs from 'fs';
+
+// Start the report_gen_mcp server in stdio mode
+const child = spawn('node', ['dist/index.js']);
+
+let initialized = false;
+
+child.stdout.on('data', (data) => {
+  console.log('STDOUT:', data.toString());
+
+  if (!initialized) {
+    // Send initialize message
+    const initializeMessage = {
+      jsonrpc: "2.0",
+      id: 1,
+      method: "initialize",
+      params: {
+        protocolVersion: "2024-07-01",
+        capabilities: {},
+        clientInfo: {
+          name: "test-client",
+          version: "1.0.0"
+        }
+      }
+    };
+
+    child.stdin.write(JSON.stringify(initializeMessage) + '\n');
+    initialized = true;
+  }
+});
+
+child.stderr.on('data', (data) => {
+  console.error('STDERR:', data.toString());
+});
+
+child.on('close', (code) => {
+  console.log(`Child process exited with code ${code}`);
+});
+
+// Wait a bit for the server to start, then send the edit-report request
+setTimeout(() => {
+  const editReportRequest = {
+    jsonrpc: "2.0",
+    id: 2,
+    method: "tools/call",
+    params: {
+      name: "edit-report",
+      arguments: {
+        filePath: "test_tesla_report.html",
+        operation: "add",
+        contentToAdd: "<h2>Акции Apple</h2><p>Акции Apple (AAPL) в текущем месяце показали умеренный рост, поддерживаемый стабильными финансовыми результатами и планами по расширению продуктовой линейки.</p><ul><li><strong>Цена на начало месяца:</strong> 189.34 $</li><li><strong>Цена на конец месяца:</strong> 195.78 $</li><li><strong>Изменение за месяц:</strong> +3.4%</li></ul><p>Основные факторы роста связаны с успешными продажами iPhone 15 и ожиданием выхода новых продуктов, таких как Vision Pro и обновленные чипы M3.</p>",
+        selector: "h2:nth-of-type(3)",
+        position: "beforebegin"
+      }
+    }
+  };
+
+  console.log('Sending edit-report request...');
+  child.stdin.write(JSON.stringify(editReportRequest) + '\n');
+
+  // Give some time for the response, then exit
+  setTimeout(() => {
+    child.kill();
+  }, 2000);
+}, 1000);