docs-combiner 0.1.5 → 0.1.6

package/dist/renderer.js

@@ -89973,6 +89973,13 @@ function App() {
         return saved || _models__WEBPACK_IMPORTED_MODULE_2__.MODELS.imageGeneration;
     });
     const [loadingImageModels, setLoadingImageModels] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [validationModels, setValidationModels] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
+    const [selectedValidationModel, setSelectedValidationModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => {
+        // Load from localStorage or use default
+        const saved = localStorage.getItem('selectedValidationModel');
+        return saved || _models__WEBPACK_IMPORTED_MODULE_2__.MODELS.creativeValidation;
+    });
+    const [loadingValidationModels, setLoadingValidationModels] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     // Helper function to parse price and currency from combined field
     const parsePriceAndCurrency = (value) => {
         const trimmed = value.trim();
@@ -90263,10 +90270,32 @@ function App() {
             const cachedGenerateGeo = localStorage.getItem('cached_generateGeo');
             const cachedGenerateAdditionalInfo = localStorage.getItem('cached_generateAdditionalInfo');
             const cachedGeneratePriceWithCurrency = localStorage.getItem('cached_generatePriceWithCurrency');
-            if (cachedTitles)
+            if (cachedTitles) {
                 setTitles(cachedTitles);
-            if (cachedTexts)
-                setTexts(JSON.parse(cachedTexts));
+                // Restore generatedTitlesData from cached titles string
+                const titlesArray = cachedTitles.split('\n').map(t => t.trim()).filter(t => t);
+                if (titlesArray.length > 0) {
+                    setGeneratedTitlesData(Array.from({ length: Math.max(3, titlesArray.length) }, (_, index) => ({
+                        index: index + 1,
+                        title: titlesArray[index] || '',
+                        generating: false,
+                        failed: !titlesArray[index]
+                    })));
+                }
+            }
+            if (cachedTexts) {
+                const textsArray = JSON.parse(cachedTexts);
+                setTexts(textsArray);
+                // Restore generatedTextsData from cached texts array
+                if (Array.isArray(textsArray) && textsArray.length > 0) {
+                    setGeneratedTextsData(Array.from({ length: Math.max(3, textsArray.length) }, (_, index) => ({
+                        index: index + 1,
+                        text: textsArray[index] || '',
+                        generating: false,
+                        failed: !textsArray[index]
+                    })));
+                }
+            }
             if (cachedDriveFolderUrl)
                 setDriveFolderUrl(cachedDriveFolderUrl);
             if (cachedBrand)
@@ -90312,6 +90341,28 @@ function App() {
             // Silent fail
         }
     }, [titles, texts, driveFolderUrl, brand, link, generateProduct, generateGeo, generateAdditionalInfo, generatePriceWithCurrency]);
+    // Sync generatedTitlesData with titles when titles changes (except when user is editing in UI)
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        // Only sync if titles has content and generatedTitlesData is empty or out of sync
+        if (titles) {
+            const titlesArray = titles.split('\n').map(t => t.trim()).filter(t => t);
+            const currentTitles = generatedTitlesData.map(t => t.title).filter(Boolean);
+            const titlesString = currentTitles.join('\n');
+            // Only update if titles actually changed and we have titles to restore
+            if (titlesString !== titles && titlesArray.length > 0) {
+                setGeneratedTitlesData(Array.from({ length: Math.max(3, titlesArray.length) }, (_, index) => ({
+                    index: index + 1,
+                    title: titlesArray[index] || '',
+                    generating: false,
+                    failed: !titlesArray[index]
+                })));
+            }
+        }
+        else if (titles === '' && generatedTitlesData.length > 0 && generatedTitlesData.some(t => t.title)) {
+            // If titles is cleared, clear generatedTitlesData too
+            setGeneratedTitlesData([]);
+        }
+    }, [titles]); // Only depend on titles, not generatedTitlesData to avoid loops
     // Auto-scroll logs when new logs are added
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         if (productGenerationLogs.length > 0 && (generatingProduct || uploadingProduct)) {
@@ -90461,6 +90512,7 @@ function App() {
             return;
         }
         fetchImageModels();
+        fetchValidationModels();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [openaiApiKey]);
     // Check folder files when driveFolderUrl changes
@@ -90748,6 +90800,7 @@ function App() {
         if (val) {
             fetchOpenRouterBalance(val);
             fetchImageModels(val);
+            fetchValidationModels(val);
         }
         else {
             setOpenRouterBalance(null);
@@ -90759,6 +90812,10 @@ function App() {
         setSelectedImageModel(modelId);
         localStorage.setItem('selectedImageModel', modelId);
     };
+    const handleValidationModelChange = (modelId) => {
+        setSelectedValidationModel(modelId);
+        localStorage.setItem('selectedValidationModel', modelId);
+    };
     // Fetch OpenRouter account balance and key limit
     const fetchOpenRouterBalance = async (apiKey) => {
         const keyToUse = apiKey ?? openaiApiKey;
@@ -90800,8 +90857,6 @@ function App() {
                         }
                     })
                 ]);
-                logToTerminal('log', `💰 Credits response status: ${creditsResponse.status} ${creditsResponse.statusText}`);
-                logToTerminal('log', `💰 Key response status: ${keyResponse.status} ${keyResponse.statusText}`);
                 // Process account balance (remaining credits)
                 if (creditsResponse.ok) {
                     const contentType = creditsResponse.headers.get('content-type') || '';
@@ -90888,7 +90943,6 @@ function App() {
                                 setOpenRouterBalance(limitValue);
                             }
                             else if (limit === null || limit === undefined) {
-                                logToTerminal('log', '✅ No limit set (unlimited)');
                                 setOpenRouterBalance(-1);
                             }
                             else {
@@ -90910,14 +90964,12 @@ function App() {
                         const limit = keyData.data?.limit ??
                             keyData.limit ??
                             null;
-                        logToTerminal('log', `💰 Key limit remaining: ${limitRemaining}, limit: ${limit}`);
                         if (limitRemaining !== null && limitRemaining !== undefined) {
                             const limitValue = typeof limitRemaining === 'number' ? limitRemaining : parseFloat(limitRemaining);
                             logToTerminal('log', `✅ Key limit found: ${limitValue.toFixed(4)}`);
                             setOpenRouterBalance(limitValue);
                         }
                         else if (limit === null || limit === undefined) {
-                            logToTerminal('log', '✅ No limit set (unlimited)');
                             setOpenRouterBalance(-1); // Use -1 to indicate unlimited
                         }
                         else {
@@ -91017,6 +91069,72 @@ function App() {
             setLoadingImageModels(false);
         }
     };
+    // Fetch available validation models from OpenRouter (models that support image analysis)
+    const fetchValidationModels = async (apiKey) => {
+        const keyToUse = apiKey ?? openaiApiKey;
+        if (!keyToUse) {
+            setValidationModels([]);
+            return;
+        }
+        setLoadingValidationModels(true);
+        try {
+            logToTerminal('log', '🔍 Fetching available validation models (image analysis) from OpenRouter...');
+            const response = await fetch('https://openrouter.ai/api/v1/models', {
+                method: 'GET',
+                headers: {
+                    'Authorization': `Bearer ${keyToUse}`,
+                    'HTTP-Referer': window.location.origin || 'https://docs-combiner.app',
+                    'X-Title': 'Docs Combiner',
+                    'Accept': 'application/json'
+                }
+            });
+            if (!response.ok) {
+                logToTerminal('warn', `⚠️ Failed to fetch validation models. Status: ${response.status}`);
+                setValidationModels([]);
+                return;
+            }
+            const data = await response.json();
+            logToTerminal('log', `✅ Fetched ${data.data?.length || 0} models from OpenRouter`);
+            // Filter models that support image analysis (vision) - they need to accept image_url in content
+            const validationModelsList = (data.data || [])
+                .filter((model) => {
+                // Check if model supports vision/image analysis
+                const modalities = model.modalities || [];
+                const supportsVision = modalities.includes('image') || modalities.includes('image_url') || modalities.includes('vision');
+                // Also check if model supports chat completions with images (most GPT models)
+                const supportsChatWithImages = model.id && (model.id.includes('gpt') ||
+                    model.id.includes('claude') ||
+                    model.id.includes('gemini'));
+                return supportsVision || supportsChatWithImages;
+            })
+                .map((model) => ({
+                id: model.id,
+                name: model.name || model.id
+            }))
+                .sort((a, b) => a.name.localeCompare(b.name));
+            logToTerminal('log', `✅ Found ${validationModelsList.length} validation models`);
+            setValidationModels(validationModelsList);
+            // If we have models and the current selection is not in the list, reset to default
+            if (validationModelsList.length > 0) {
+                const currentModelExists = validationModelsList.some((m) => m.id === selectedValidationModel);
+                if (!currentModelExists) {
+                    // Try to use default model, or first available
+                    const defaultModel = validationModelsList.find((m) => m.id === _models__WEBPACK_IMPORTED_MODULE_2__.MODELS.creativeValidation) || validationModelsList[0];
+                    if (defaultModel) {
+                        setSelectedValidationModel(defaultModel.id);
+                        localStorage.setItem('selectedValidationModel', defaultModel.id);
+                    }
+                }
+            }
+        }
+        catch (error) {
+            logToTerminal('error', '❌ Failed to fetch validation models:', error instanceof Error ? error.message : String(error));
+            setValidationModels([]);
+        }
+        finally {
+            setLoadingValidationModels(false);
+        }
+    };
     const generateWithGPT = async (product, geo, additionalInfo, type, addLog) => {
         const logMsg = (level, ...args) => {
             logToTerminal(level, ...args);
@@ -91525,17 +91643,30 @@ function App() {
         referenceImageApiUrls.forEach(url => {
             content.push({ type: 'image_url', image_url: { url } });
         });
+        // Log request details for debugging
+        logToTerminal('log', `📤 generateImageWithDALLE: prompt length=${prompt.length}, reference images=${referenceImageApiUrls.length}`);
+        if (referenceImageApiUrls.length > 0) {
+            logToTerminal('log', `📤 Reference images: ${referenceImageApiUrls.map(url => url.substring(0, 50) + '...').join(', ')}`);
+        }
+        logToTerminal('log', `📤 Content array length: ${content.length}, has images: ${content.some(c => c.type === 'image_url')}`);
         // According to OpenRouter docs: use /api/v1/chat/completions with modalities parameter
+        // Always use content array format when we have images, even if only one element
+        // For image generation models, content must be an array with text and image_url objects
+        const finalContent = referenceImageApiUrls.length > 0 ? content : prompt;
         const requestBody = {
-            model: _models__WEBPACK_IMPORTED_MODULE_2__.MODELS.imageGeneration,
+            model: selectedImageModel,
             messages: [
                 {
                     role: 'user',
-                    content: content.length > 1 ? content : prompt
+                    content: finalContent
                 }
             ],
             modalities: ['image', 'text'],
         };
+        logToTerminal('log', `📤 Request body: model=${requestBody.model}, content type=${Array.isArray(requestBody.messages[0].content) ? 'array' : 'string'}, content length=${Array.isArray(requestBody.messages[0].content) ? requestBody.messages[0].content.length : 'N/A'}, modalities=${requestBody.modalities.join(',')}`);
+        if (Array.isArray(requestBody.messages[0].content)) {
+            logToTerminal('log', `📤 Content array items: ${requestBody.messages[0].content.map((c) => c.type || 'unknown').join(', ')}`);
+        }
         const startTime = Date.now();
         // Create AbortController for timeout (5 minutes for image generation)
         // Keep timeout active for the entire process, including response reading
@@ -91546,6 +91677,7 @@ function App() {
         }, timeoutMs);
         let response;
         try {
+            logToTerminal('log', `📤 Sending request to OpenRouter API for image generation...`);
             response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
                 method: 'POST',
                 headers: {
@@ -91557,9 +91689,11 @@ function App() {
                 body: JSON.stringify(requestBody),
                 signal: controller.signal
             });
+            logToTerminal('log', `📥 Response received: ${response.status} ${response.statusText}`);
         }
         catch (fetchError) {
             clearTimeout(timeoutId);
+            logToTerminal('error', `❌ Fetch error: ${fetchError.message || String(fetchError)}`);
             if (fetchError.name === 'AbortError') {
                 throw new Error('Request timeout: Image generation took too long (exceeded 5 minutes)');
             }
@@ -91594,17 +91728,44 @@ function App() {
             throw readError;
         }
         if (!response.ok) {
+            logToTerminal('error', `❌ HTTP error: ${response.status} ${response.statusText}`);
+            logToTerminal('error', `❌ Response text length: ${responseText.length}`);
+            logToTerminal('error', `❌ Response text preview: ${responseText.substring(0, 500)}`);
             let errorMessage = `HTTP ${response.status}: ${response.statusText}`;
             let errorDetails = `Status: ${response.status}\nStatusText: ${response.statusText}`;
             try {
                 const error = JSON.parse(responseText);
-                errorMessage = error.error?.message || error.message || errorMessage;
+                logToTerminal('error', `❌ Parsed error JSON: ${JSON.stringify(error, null, 2)}`);
+                errorMessage = error.error?.message || error.message || error.error?.code || errorMessage;
                 errorDetails += `\n\nError JSON: ${JSON.stringify(error, null, 2)}`;
+                // If there's additional error info, include it
+                if (error.error) {
+                    if (error.error.type)
+                        errorDetails += `\nError type: ${error.error.type}`;
+                    if (error.error.param)
+                        errorDetails += `\nError param: ${error.error.param}`;
+                }
             }
             catch (e) {
-                errorDetails += `\n\nResponse text: ${responseText}`;
+                logToTerminal('error', `❌ Failed to parse error JSON: ${e}`);
+                errorDetails += `\n\nResponse text (first 1000 chars): ${responseText.substring(0, 1000)}`;
                 errorMessage = `${errorMessage}. Response: ${responseText.substring(0, 200)}`;
             }
+            // Log request body for debugging (without sensitive data)
+            const requestBodyForLog = {
+                ...requestBody,
+                messages: requestBody.messages.map((msg) => ({
+                    role: msg.role,
+                    content: Array.isArray(msg.content)
+                        ? msg.content.map((c) => ({
+                            type: c.type,
+                            text: c.text ? c.text.substring(0, 100) + '...' : undefined,
+                            image_url: c.image_url ? '...' : undefined
+                        }))
+                        : typeof msg.content === 'string' ? msg.content.substring(0, 100) + '...' : msg.content
+                }))
+            };
+            logToTerminal('error', `❌ Request body (sanitized): ${JSON.stringify(requestBodyForLog, null, 2)}`);
             // Create error with full details
             const fullError = new Error(errorMessage);
             fullError.status = response.status;
@@ -91724,6 +91885,11 @@ function App() {
                 addLog(formatLogMessage(level, ...args));
             logToTerminal(level, ...args);
         };
+        logMsg('log', `🔍 === Начало валидации креатива ===`);
+        logMsg('log', `📦 Продукт: ${product}`);
+        logMsg('log', `🌍 GEO: ${geo}`);
+        logMsg('log', `🖼️ Image URL тип: ${imageUrl.startsWith('data:') ? 'data URL (base64)' : imageUrl.startsWith('http') ? 'HTTP URL' : 'другой'}`);
+        logMsg('log', `🖼️ Image URL длина: ${imageUrl.length} символов`);
         // Получаем ключевое слово для GEO (примеры из промпта)
         const geoKeywords = {
             'HU': ['prostata', 'paraziták', 'ízület', 'potencia', 'kilók', 'látás'],
@@ -91734,9 +91900,10 @@ function App() {
             'SK': ['prostata', 'parazity', 'kĺby', 'potencia', 'kilo', 'zrak']
         };
         const keywords = geoKeywords[geo.toUpperCase()] || ['продукт', 'проблема'];
+        logMsg('log', `🔑 Ключевые слова: ${keywords.join(', ')}`);
         const validationPrompt = (0,_prompts__WEBPACK_IMPORTED_MODULE_1__.getValidationPrompt)(product, geo, keywords);
         const requestBody = {
-            model: _models__WEBPACK_IMPORTED_MODULE_2__.MODELS.creativeValidation,
+            model: selectedValidationModel,
             messages: [
                 {
                     role: 'user',
@@ -91749,15 +91916,21 @@ function App() {
             max_tokens: 8000
         };
         logMsg('log', '🔍 Отправка запроса на проверку креатива...');
+        logMsg('log', `📊 Модель валидации: ${selectedValidationModel}`);
+        logMsg('log', `📏 Размер промпта: ${validationPrompt.length} символов`);
         // Add timeout protection for validation request
         const validationStartTime = Date.now();
         const validationTimeoutMs = 2 * 60 * 1000; // 2 minutes timeout for validation
         const validationController = new AbortController();
         const validationTimeoutId = setTimeout(() => {
+            const elapsed = Date.now() - validationStartTime;
+            logMsg('error', `❌ Validation request timeout after ${Math.round(elapsed / 1000)}s`);
             validationController.abort();
         }, validationTimeoutMs);
         let response;
         try {
+            const fetchStartTime = Date.now();
+            logMsg('log', '📤 Отправка fetch запроса...');
             response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
                 method: 'POST',
                 headers: {
@@ -91769,26 +91942,53 @@ function App() {
                 body: JSON.stringify(requestBody),
                 signal: validationController.signal
             });
+            const fetchElapsed = Date.now() - fetchStartTime;
+            logMsg('log', `✅ Fetch завершен за ${Math.round(fetchElapsed / 1000)}s, статус: ${response.status} ${response.statusText}`);
+            logMsg('log', `📋 Headers: Content-Type=${response.headers.get('content-type')}, Content-Length=${response.headers.get('content-length') || 'не указан'}`);
         }
         catch (fetchError) {
             clearTimeout(validationTimeoutId);
+            const elapsed = Date.now() - validationStartTime;
             if (fetchError.name === 'AbortError') {
-                logMsg('error', '❌ Validation request timeout after 2 minutes');
-                throw new Error('Validation timeout: Request took too long (exceeded 2 minutes)');
+                logMsg('error', `❌ Validation request timeout after ${Math.round(elapsed / 1000)}s (fetch stage)`);
+                throw new Error(`Validation timeout: Request took too long (exceeded 2 minutes) - fetch stage`);
             }
+            logMsg('error', `❌ Fetch error: ${fetchError.message || String(fetchError)}`);
             throw fetchError;
         }
+        // Check response status before reading
+        if (!response.ok) {
+            clearTimeout(validationTimeoutId);
+            logMsg('error', `❌ HTTP error: ${response.status} ${response.statusText}`);
+            // Try to read error response
+            try {
+                const errorText = await response.text();
+                logMsg('error', `❌ Error response body: ${errorText.substring(0, 500)}`);
+            }
+            catch (e) {
+                logMsg('error', '❌ Не удалось прочитать тело ошибки');
+            }
+            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+        }
         // Read response with timeout protection
         let responseText;
         try {
+            const readStartTime = Date.now();
             const readTimeoutMs = 60000; // 1 minute max for reading response
+            logMsg('log', `📥 Начало чтения ответа (таймаут: ${readTimeoutMs / 1000}s)...`);
             responseText = await Promise.race([
-                response.text(),
+                response.text().then(text => {
+                    const readElapsed = Date.now() - readStartTime;
+                    logMsg('log', `✅ Ответ прочитан за ${Math.round(readElapsed / 1000)}s, размер: ${text.length} символов`);
+                    return text;
+                }),
                 new Promise((_, reject) => {
                     setTimeout(() => {
+                        const readElapsed = Date.now() - readStartTime;
                         clearTimeout(validationTimeoutId);
                         validationController.abort();
-                        reject(new Error('Validation response reading timeout'));
+                        logMsg('error', `❌ Таймаут чтения ответа после ${Math.round(readElapsed / 1000)}s`);
+                        reject(new Error(`Validation response reading timeout after ${Math.round(readElapsed / 1000)}s`));
                     }, readTimeoutMs);
                 })
             ]);
@@ -91796,10 +91996,13 @@ function App() {
         }
         catch (readError) {
             clearTimeout(validationTimeoutId);
+            const totalElapsed = Date.now() - validationStartTime;
             if (readError.name === 'AbortError' || readError.message?.includes('timeout')) {
-                logMsg('error', '❌ Validation response reading timeout');
-                throw new Error('Validation timeout: Failed to read response body');
+                logMsg('error', `❌ Validation response reading timeout (общее время: ${Math.round(totalElapsed / 1000)}s)`);
+                logMsg('error', `❌ Детали ошибки: ${readError.message || String(readError)}`);
+                throw new Error(`Validation timeout: Failed to read response body after ${Math.round(totalElapsed / 1000)}s`);
             }
+            logMsg('error', `❌ Ошибка чтения ответа: ${readError.message || String(readError)}`);
             throw readError;
         }
         if (!response.ok) {
@@ -91817,14 +92020,24 @@ function App() {
         }
         let data;
         try {
+            logMsg('log', '📝 Парсинг JSON ответа...');
             data = JSON.parse(responseText);
+            logMsg('log', `✅ JSON распарсен успешно. Структура: choices=${data.choices?.length || 0}, message=${data.choices?.[0]?.message ? 'есть' : 'нет'}`);
         }
         catch (e) {
-            logMsg('error', '❌ Не удалось распарсить ответ как JSON');
+            logMsg('error', `❌ Не удалось распарсить ответ как JSON. Ошибка: ${e}`);
+            logMsg('error', `❌ Первые 500 символов ответа: ${responseText.substring(0, 500)}`);
             throw new Error(`Invalid JSON response: ${responseText.substring(0, 200)}`);
         }
         const content = data.choices?.[0]?.message?.content || '';
-        logMsg('log', '✅ Получен ответ от модели проверки');
+        logMsg('log', `✅ Получен ответ от модели проверки. Длина контента: ${content.length} символов`);
+        if (content.length > 0) {
+            logMsg('log', `📄 Первые 300 символов ответа: ${content.substring(0, 300)}`);
+        }
+        else {
+            logMsg('error', '⚠️ Контент ответа пустой!');
+            logMsg('error', `📋 Полный объект data: ${JSON.stringify(data, null, 2).substring(0, 1000)}`);
+        }
         // Update balance after successful API call
         fetchOpenRouterBalance();
         // Парсим результат
@@ -91855,10 +92068,21 @@ function App() {
                 errors.push(...lines.map(l => l.trim()).filter(l => l.length > 0));
             }
         }
+        const totalElapsed = Date.now() - validationStartTime;
+        const finalErrors = errors.length > 0 ? errors : (status === 'needs_rebuild' ? ['Обнаружены нарушения в креативе'] : []);
+        logMsg('log', `✅ === Валидация завершена ===`);
+        logMsg('log', `⏱️ Общее время: ${Math.round(totalElapsed / 1000)}s`);
+        logMsg('log', `📊 Статус: ${status === 'ok' ? '✅ OK' : '❌ НУЖНА ПЕРЕСБОРКА'}`);
+        logMsg('log', `🔍 Найдено ошибок: ${finalErrors.length}`);
+        if (finalErrors.length > 0) {
+            finalErrors.forEach((error, idx) => {
+                logMsg('error', `   ${idx + 1}. ${error}`);
+            });
+        }
         return {
             status,
             result: content,
-            errors: errors.length > 0 ? errors : (status === 'needs_rebuild' ? ['Обнаружены нарушения в креативе'] : [])
+            errors: finalErrors
         };
     };
     const generateProductFromBanka = async (bankaImageUrls, additionalPrompt = '', addLog, currentProductImageUrl) => {
@@ -92801,7 +93025,7 @@ function App() {
             setGeneratedImagesData(initialPlaceholders);
             const imagePrompts = approaches.map(approach => `${basePromptStructure}🎯 ПОДХОД: ${approach.name}\n\n${approach.prompt}\n\n${approach.headlineAngle}\n\n${approach.bulletsFocus}\n\nТекст (заголовок/буллеты) — строго следуй указанным углам и акцентам для этого подхода.`);
             addLog(formatLogMessage('log', '📝 Generated prompts for 5 different approaches'));
-            const maxParallel = 3;
+            const maxParallel = 5;
             addLog(formatLogMessage('log', `🚀 Generating 5 images in parallel (up to ${maxParallel} at a time)...`));
             const generationStartTime = Date.now();
             const resultsMap = new Map();
@@ -93035,72 +93259,111 @@ function App() {
             // Get current customRegeneratePrompt from state
             const currentImageData = generatedImagesData.find(img => img.index === imageData.index);
             const customPrompt = currentImageData?.customRegeneratePrompt?.trim() || '';
-            // Update status to regenerating
+            // Use current imageUrl from state, not from props (to get the latest version)
+            const currentImageUrl = currentImageData?.imageUrl || imageData.imageUrl;
+            // Update status to regenerating - clear old image URL immediately to force re-render
             setGeneratedImagesData(prev => prev.map(img => img.index === imageData.index
-                ? { ...img, regenerating: true, regenerateStartTime: Date.now(), checkStatus: 'pending' }
+                ? {
+                    ...img,
+                    regenerating: true,
+                    regenerateStartTime: Date.now(),
+                    checkStatus: 'pending',
+                    imageUrl: undefined // Clear old image URL to force re-render with new one
+                }
                 : img));
             addLog(formatLogMessage('log', `🔄 Переделка изображения ${imageData.index} (${imageData.approach})...`));
             // Build improved prompt with custom instructions
             let improvedPrompt = imageData.originalPrompt;
             if (customPrompt) {
-                if (imageData.imageUrl) {
-                    // For existing images, use reference
-                    improvedPrompt = `${imageData.originalPrompt}
+                if (currentImageUrl) {
+                    // For existing images, use reference - only the last generated image is attached
+                    improvedPrompt = `ЭТО ЗАДАЧА НА ГЕНЕРАЦИЮ ИЗОБРАЖЕНИЯ. Создай готовый визуальный креатив (картинку), а не текстовое описание или план. Не рассуждай, не объясняй, не выводи текстовые блоки — сразу генерируй изображение.
 
-⚠️ КРИТИЧНО: Предыдущий вариант требует изменений. Прикреплены два референса:
-1. Текущий креатив (требует изменений согласно требованиям ниже)
-2. Изображение продукта (используй его как основу для упаковки)
+${imageData.originalPrompt}
+
+⚠️ КРИТИЧНО: Предыдущий вариант требует изменений. Прикреплен текущий креатив (требует изменений согласно требованиям ниже).
+В креативе уже есть упаковка продукта - используй её как основу. Если в требованиях ниже не указано иное - сохрани форму и цвет упаковки.
 
 ТРЕБОВАНИЯ К ИЗМЕНЕНИЯМ:
 ${customPrompt.split('\n').map(line => `- ${line}`).join('\n')}
 
 ТРЕБОВАНИЯ К ИСПРАВЛЕНИЮ:
-- Учти ВСЕ указанные требования в новом варианте
+- Учти ВСЕ указанные требования в новом варианте (включая изменения упаковки, если они указаны)
 - Сохрани тот же подход и стиль (${imageData.approach})
-- Используй упаковку продукта из второго референса (не меняй форму/цвет упаковки)
-- Убедись, что новый вариант соответствует всем правилам из основного промпта`;
+- Если в требованиях не указано изменение упаковки - сохрани упаковку продукта из прикрепленного креатива
+- Убедись, что новый вариант соответствует всем правилам из основного промпта
+
+ВАЖНО: Твой ответ — это ИЗОБРАЖЕНИЕ, не текст. Не пиши план, не перечисляй элементы текстом, не рассуждай. Сразу генерируй визуальный креатив как картинку.`;
                 }
                 else {
-                    // For failed generations, add custom requirements if provided
-                    improvedPrompt = `${imageData.originalPrompt}
+                    // For failed generations, add custom requirements if provided - only product image is attached
+                    improvedPrompt = `ЭТО ЗАДАЧА НА ГЕНЕРАЦИЮ ИЗОБРАЖЕНИЯ. Создай готовый визуальный креатив (картинку), а не текстовое описание или план. Не рассуждай, не объясняй, не выводи текстовые блоки — сразу генерируй изображение.
+
+${imageData.originalPrompt}
 
-⚠️ Повторная генерация после неудачной попытки.
+⚠️ Повторная генерация после неудачной попытки. Прикреплено изображение продукта - используй его упаковку как основу. Если в требованиях ниже не указано иное - сохрани форму и цвет упаковки.
 
-${customPrompt ? `ДОПОЛНИТЕЛЬНЫЕ ТРЕБОВАНИЯ:\n${customPrompt.split('\n').map(line => `- ${line}`).join('\n')}\n\n` : ''}Убедись, что новый вариант соответствует всем правилам из основного промпта.`;
+${customPrompt ? `ДОПОЛНИТЕЛЬНЫЕ ТРЕБОВАНИЯ:\n${customPrompt.split('\n').map(line => `- ${line}`).join('\n')}\n\n` : ''}Убедись, что новый вариант соответствует всем правилам из основного промпта.
+
+ВАЖНО: Твой ответ — это ИЗОБРАЖЕНИЕ, не текст. Не пиши план, не перечисляй элементы текстом, не рассуждай. Сразу генерируй визуальный креатив как картинку.`;
                 }
             }
             else {
                 // If no custom prompt
-                if (imageData.imageUrl) {
-                    // For existing images, just add general improvement instruction
-                    improvedPrompt = `${imageData.originalPrompt}
+                if (currentImageUrl) {
+                    // For existing images, just add general improvement instruction - only the last generated image is attached
+                    improvedPrompt = `ЭТО ЗАДАЧА НА ГЕНЕРАЦИЮ ИЗОБРАЖЕНИЯ. Создай готовый визуальный креатив (картинку), а не текстовое описание или план. Не рассуждай, не объясняй, не выводи текстовые блоки — сразу генерируй изображение.
+
+${imageData.originalPrompt}
 
 ⚠️ Переделка: улучши текущий вариант, сохранив подход и стиль (${imageData.approach}).
-Прикреплены два референса:
-1. Текущий креатив (улучши его)
-2. Изображение продукта (используй его упаковку как основу, не меняй форму/цвет)`;
+Прикреплен текущий креатив - улучши его, сохранив упаковку продукта из креатива (не меняй форму/цвет упаковки).
+
+ВАЖНО: Твой ответ — это ИЗОБРАЖЕНИЕ, не текст. Не пиши план, не перечисляй элементы текстом, не рассуждай. Сразу генерируй визуальный креатив как картинку.`;
                 }
                 else {
-                    // For failed generations, use original prompt as-is
-                    improvedPrompt = imageData.originalPrompt;
+                    // For failed generations, use original prompt as-is - only product image is attached
+                    improvedPrompt = `ЭТО ЗАДАЧА НА ГЕНЕРАЦИЮ ИЗОБРАЖЕНИЯ. Создай готовый визуальный креатив (картинку), а не текстовое описание или план. Не рассуждай, не объясняй, не выводи текстовые блоки — сразу генерируй изображение.
+
+${imageData.originalPrompt}
+
+ВАЖНО: Твой ответ — это ИЗОБРАЖЕНИЕ, не текст. Не пиши план, не перечисляй элементы текстом, не рассуждай. Сразу генерируй визуальный креатив как картинку.`;
                 }
             }
-            // Generate new image: use both current creative image (if exists) and product image as references
-            // This allows the model to see what needs to be changed while keeping the product reference
+            // Generate new image: use only the last generated image if it exists, otherwise use product image
+            // If there's a last generated image, attach only that (model will use product from it)
+            // If no last image exists, attach only the product image
             const referenceImages = [];
-            if (imageData.imageUrl) {
-                // If regenerating existing image, use it as primary reference
-                referenceImages.push(imageData.imageUrl);
+            if (currentImageUrl) {
+                // If regenerating existing image, use ONLY the last generated image as reference
+                referenceImages.push(currentImageUrl);
+                addLog(formatLogMessage('log', `🖼️ Используется последнее сгенерированное изображение как референс`));
+            }
+            else {
+                // If no last image exists, use only product image
+                referenceImages.push(imageData.productImageUrl);
+                addLog(formatLogMessage('log', `🖼️ Используется изображение продукта как референс`));
+            }
+            // Log regeneration details
+            addLog(formatLogMessage('log', `📝 Промпт для перегенерации (длина: ${improvedPrompt.length} символов)`));
+            addLog(formatLogMessage('log', `🖼️ Референсных изображений: ${referenceImages.length}`));
+            if (referenceImages.length > 0) {
+                referenceImages.forEach((url, idx) => {
+                    const urlPreview = url.length > 100 ? url.substring(0, 100) + '...' : url;
+                    addLog(formatLogMessage('log', `   ${idx + 1}. ${urlPreview}`));
+                });
             }
-            // Always include product image as reference to maintain product consistency
-            referenceImages.push(imageData.productImageUrl);
+            addLog(formatLogMessage('log', `📤 Первые 200 символов промпта: ${improvedPrompt.substring(0, 200)}...`));
             const newImageUrl = await generateImageWithDALLE(improvedPrompt, referenceImages);
             addLog(formatLogMessage('log', `✅ Изображение ${imageData.index} переделано успешно`));
             // Update image data - force React to re-render by creating a completely new object
-            // Add timestamp only for HTTP URLs, not for data URLs, and only if timestamp is not already present
+            // Always add timestamp for HTTP URLs to prevent browser caching (remove old timestamp if exists)
             let updatedImageUrl = newImageUrl;
-            if (!newImageUrl.startsWith('data:') && !newImageUrl.includes('t=')) {
-                updatedImageUrl = newImageUrl + (newImageUrl.includes('?') ? '&' : '?') + `t=${Date.now()}`;
+            if (!newImageUrl.startsWith('data:')) {
+                // Remove existing timestamp parameter if present
+                const urlWithoutTimestamp = newImageUrl.replace(/[?&]t=\d+/g, '');
+                const separator = urlWithoutTimestamp.includes('?') ? '&' : '?';
+                updatedImageUrl = `${urlWithoutTimestamp}${separator}t=${Date.now()}`;
             }
             setGeneratedImagesData(prev => prev.map(img => img.index === imageData.index
                 ? {
@@ -93171,7 +93434,7 @@ ${customPrompt ? `ДОПОЛНИТЕЛЬНЫЕ ТРЕБОВАНИЯ:\n${customPr
             logToTerminal('log', msg.replace(/\[.*?\]\s*/, ''));
         };
         try {
-            // Mark as regenerating (show overlay timer)
+            // Mark as regenerating (show overlay timer) - clear old image URL immediately to force re-render
             setGeneratedImagesData(prev => prev.map(img => img.index === imageData.index
                 ? {
                     ...img,
@@ -93184,17 +93447,26 @@ ${customPrompt ? `ДОПОЛНИТЕЛЬНЫЕ ТРЕБОВАНИЯ:\n${customPr
                     checkResult: undefined,
                     checkErrors: undefined,
                     // Explicitly ignore any previous comments
-                    customRegeneratePrompt: ''
+                    customRegeneratePrompt: '',
+                    imageUrl: undefined // Clear old image URL to force re-render with new one
                 }
                 : img));
             addLog(formatLogMessage('log', `🔁 Переделка заново (с нуля) изображения ${imageData.index} (${imageData.approach})...`));
-            // Generate using only product image as reference, and original prompt as-is
-            const newImageUrl = await generateImageWithDALLE(imageData.originalPrompt, imageData.productImageUrl);
+            // Generate using only product image as reference, and original prompt with image generation instructions
+            const freshPrompt = `ЭТО ЗАДАЧА НА ГЕНЕРАЦИЮ ИЗОБРАЖЕНИЯ. Создай готовый визуальный креатив (картинку), а не текстовое описание или план. Не рассуждай, не объясняй, не выводи текстовые блоки — сразу генерируй изображение.
+
+${imageData.originalPrompt}
+
+ВАЖНО: Твой ответ — это ИЗОБРАЖЕНИЕ, не текст. Не пиши план, не перечисляй элементы текстом, не рассуждай. Сразу генерируй визуальный креатив как картинку.`;
+            const newImageUrl = await generateImageWithDALLE(freshPrompt, imageData.productImageUrl);
             addLog(formatLogMessage('log', `✅ Изображение ${imageData.index} (с нуля) сгенерировано`));
-            // Update image data
+            // Update image data - always add timestamp for HTTP URLs to prevent browser caching
             let updatedImageUrl = newImageUrl;
-            if (!newImageUrl.startsWith('data:') && !newImageUrl.includes('t=')) {
-                updatedImageUrl = newImageUrl + (newImageUrl.includes('?') ? '&' : '?') + `t=${Date.now()}`;
+            if (!newImageUrl.startsWith('data:')) {
+                // Remove existing timestamp parameter if present
+                const urlWithoutTimestamp = newImageUrl.replace(/[?&]t=\d+/g, '');
+                const separator = urlWithoutTimestamp.includes('?') ? '&' : '?';
+                updatedImageUrl = `${urlWithoutTimestamp}${separator}t=${Date.now()}`;
             }
             setGeneratedImagesData(prev => prev.map(img => img.index === imageData.index
                 ? {
@@ -93787,6 +94059,16 @@ ${customPrompt ? `ДОПОЛНИТЕЛЬНЫЕ ТРЕБОВАНИЯ:\n${customPr
                                 !loadingImageModels && imageModels.length > 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_23__["default"], null, selectedImageModel === _models__WEBPACK_IMPORTED_MODULE_2__.MODELS.imageGeneration
                                     ? 'Используется модель по умолчанию'
                                     : 'Выбрана модель: ' + (imageModels.find(m => m.id === selectedImageModel)?.name || selectedImageModel)))))),
+                        openaiApiKey && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], { sx: { mb: 2 } },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_19__["default"], { fullWidth: true, variant: "outlined" },
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_20__["default"], null, "\u041C\u043E\u0434\u0435\u043B\u044C \u0434\u043B\u044F \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0438 \u043A\u0440\u0435\u0430\u0442\u0438\u0432\u043E\u0432"),
+                                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_21__["default"], { value: selectedValidationModel, onChange: (e) => handleValidationModelChange(e.target.value), label: "\u041C\u043E\u0434\u0435\u043B\u044C \u0434\u043B\u044F \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0438 \u043A\u0440\u0435\u0430\u0442\u0438\u0432\u043E\u0432", disabled: loadingValidationModels || validationModels.length === 0 }, loadingValidationModels ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_22__["default"], { disabled: true },
+                                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], { sx: { display: 'flex', alignItems: 'center', gap: 1 } },
+                                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_18__["default"], { size: 16 }),
+                                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u043C\u043E\u0434\u0435\u043B\u0435\u0439...")))) : validationModels.length === 0 ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_22__["default"], { disabled: true }, "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043C\u043E\u0434\u0435\u043B\u0435\u0439")) : (validationModels.map((model) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_22__["default"], { key: model.id, value: model.id }, model.name))))),
+                                !loadingValidationModels && validationModels.length > 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_23__["default"], null, selectedValidationModel === _models__WEBPACK_IMPORTED_MODULE_2__.MODELS.creativeValidation
+                                    ? 'Используется модель по умолчанию'
+                                    : 'Выбрана модель: ' + (validationModels.find(m => m.id === selectedValidationModel)?.name || selectedValidationModel)))))),
                         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_11__["default"], { direction: "row", spacing: 2, sx: { mb: 2 } },
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__["default"], { variant: "contained", color: "primary", startIcon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material__WEBPACK_IMPORTED_MODULE_34__["default"], null), onClick: handleGenerateContent, disabled: generating || !openaiApiKey || !generateProduct.trim() || !generateGeo.trim(), sx: { flexGrow: 1 }, size: "large" }, generating ? 'Generating...' : 'Generate Titles & Descriptions'),
                             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__["default"], { variant: "contained", color: "secondary", startIcon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material__WEBPACK_IMPORTED_MODULE_34__["default"], null), onClick: handleGenerateImages, disabled: generatingImages ||
@@ -94675,7 +94957,9 @@ OTHER_TEXT: ["..."] (любой другой рекламный текст на
  * Базовый промпт для генерации изображений креативов
  */
 function getImageGenerationBasePrompt(generateGeo, generatePrice, generateCurrency) {
-    return `Создай рекламный креатив для Facebook Ads 1:1 (квадрат).
+    return `ЭТО ЗАДАЧА НА ГЕНЕРАЦИЮ ИЗОБРАЖЕНИЯ. Создай готовый визуальный креатив (картинку), а не текстовое описание или план. Не рассуждай, не объясняй, не выводи текстовые блоки — сразу генерируй изображение.
+
+Создай рекламный креатив для Facebook Ads 1:1 (квадрат).
 Язык текста: ${generateGeo}.
 
 КРИТИЧНО — РЕЛЕВАНТНОСТЬ ПРОДУКТУ:
@@ -94751,7 +95035,9 @@ AUTO-CHECK (перед финалом):
 - Нет лишнего текста кроме: заголовка, буллетов, цены, скидки, кнопки
 - Есть скидка «-50%» (вне упаковки) и она слабее CTA
 - CTA визуально сильнее цены/скидки
-Если хоть один пункт нарушен — пересоздай креатив.`;
+Если хоть один пункт нарушен — пересоздай креатив.
+
+ВАЖНО: Твой ответ — это ИЗОБРАЖЕНИЕ, не текст. Не пиши план, не перечисляй элементы текстом, не рассуждай. Сразу генерируй визуальный креатив как картинку.`;
 }
 const CREO_APPROACHES = [
     {