Production fixes: n8n workflow auto-restart, user-friendly messages, fixed navigation buttons

frontend/Dockerfile.prod

@@ -0,0 +1,36 @@
+# React Frontend Dockerfile (PRODUCTION BUILD)
+FROM node:18-alpine AS builder
+
+# Устанавливаем рабочую директорию
+WORKDIR /app
+
+# Копируем package.json
+COPY package*.json ./
+
+# Устанавливаем зависимости
+RUN npm ci
+
+# Копируем исходный код
+COPY . .
+
+# Собираем production build
+RUN npm run build
+
+# Production stage
+FROM node:18-alpine
+
+# Устанавливаем serve глобально
+RUN npm install -g serve
+
+# Копируем собранное приложение из builder stage
+COPY --from=builder /app/dist /app/dist
+
+# Устанавливаем рабочую директорию
+WORKDIR /app
+
+# Открываем порт
+EXPOSE 3000
+
+# Запускаем serve для раздачи статических файлов
+CMD ["serve", "-s", "dist", "-l", "3000"]
+

frontend/package.json

@@ -6,7 +6,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "vite build",
     "preview": "vite preview",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "type-check": "tsc --noEmit",

frontend/src/components/form/Step1Phone.tsx

@@ -49,9 +49,7 @@ export default function Step1Phone({
         message.success('Код отправлен на ваш телефон');
         setCodeSent(true);
         updateFormData({ phone });
-        if (result.debug_code) {
-          message.info(`DEBUG: Код ${result.debug_code}`);
-        }
+        // DEBUG код не показываем в продакшене
       } else {
         addDebugEvent?.('sms', 'error', `❌ Ошибка SMS: ${result.detail}`, { error: result.detail });
         message.error(result.detail || 'Ошибка отправки кода');
@@ -336,38 +334,7 @@ export default function Step1Phone({
         )}
       </Form.Item>
 
-      {/* 🔧 Технические кнопки для разработки */}
-      <div style={{ 
-        marginTop: 24, 
-        padding: 16, 
-        background: '#f0f0f0', 
-        borderRadius: 8,
-        border: '2px dashed #999'
-      }}>
-        <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
-          🔧 DEV MODE - Быстрая навигация (без валидации)
-        </div>
-        <div style={{ display: 'flex', gap: 8 }}>
-          <Button 
-            type="dashed"
-            onClick={() => {
-              // Автозаполняем телефон и email
-              const devData = {
-                phone: '79001234567',  // БЕЗ +
-                email: 'test@test.ru',
-              };
-              updateFormData(devData);
-              setIsPhoneVerified(true);
-              message.success('DEV: Телефон автоматически подтверждён');
-              onNext();
-            }}
-            size="small"
-            style={{ flex: 1 }}
-          >
-            Далее → (Step 2) [пропустить]
-          </Button>
-        </div>
-      </div>
+      {/* DEV MODE секция удалена для продакшена */}
     </Form>
   );
 }

frontend/src/components/form/Step1Policy.tsx

@@ -656,36 +656,7 @@ export default function Step1Policy({ formData, updateFormData, onNext, addDebug
         ) : null}
       </Modal>
 
-      {/* 🔧 Технические кнопки для разработки */}
-      <div style={{ 
-        marginTop: 24, 
-        padding: 16, 
-        background: '#f0f0f0', 
-        borderRadius: 8,
-        border: '2px dashed #999'
-      }}>
-        <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
-          🔧 DEV MODE - Быстрая навигация (без валидации)
-        </div>
-        <div style={{ display: 'flex', gap: 8 }}>
-          <Button 
-            type="dashed"
-            onClick={() => {
-              // Пропускаем валидацию, заполняем минимальные данные
-              const devData = {
-                voucher: 'E1000-123456789',
-                claim_id: `CLM-DEV-${Math.random().toString(36).substr(2, 6).toUpperCase()}`,
-              };
-              updateFormData(devData);
-              onNext();
-            }}
-            size="small"
-            style={{ flex: 1 }}
-          >
-            Далее → (Step 2) [пропустить]
-          </Button>
-        </div>
-      </div>
+      {/* DEV MODE секция удалена для продакшена */}
     </Form>
   );
 }

frontend/src/components/form/Step2Details.tsx

@@ -593,45 +593,7 @@ export default function Step2Details({ formData, updateFormData, onNext, onPrev,
         </div>
       </Form.Item>
 
-      {/* 🔧 Технические кнопки для разработки */}
-      <div style={{ 
-        marginTop: 24, 
-        padding: 16, 
-        background: '#f0f0f0', 
-        borderRadius: 8,
-        border: '2px dashed #999'
-      }}>
-        <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
-          🔧 DEV MODE - Быстрая навигация (без валидации)
-        </div>
-        <div style={{ display: 'flex', gap: 8 }}>
-          <Button 
-            onClick={onPrev} 
-            size="small"
-            disabled={uploading}
-          >
-            ← Назад (Step 1)
-          </Button>
-          <Button 
-            type="dashed"
-            onClick={() => {
-              const devData = {
-                eventType: 'delay_flight',
-                processedDocuments: {
-                  boarding_or_ticket: { flight_number: 'DEV123', date: '2025-10-28' },
-                  delay_confirmation: { delay_duration: '4h' }
-                }
-              };
-              updateFormData(devData);
-              onNext();
-            }}
-            size="small"
-            style={{ flex: 1 }}
-          >
-            Далее → (Step 3) [пропустить]
-          </Button>
-        </div>
-      </div>
+      {/* DEV MODE секция удалена для продакшена */}
     </Form>
   );
 }

frontend/src/components/form/Step2EventType.tsx

@@ -147,39 +147,7 @@ const Step2EventType: React.FC<Props> = ({ formData, updateFormData, onNext, onP
           </div>
         </Form>
 
-        {/* 🔧 DEV MODE */}
-        <div style={{ 
-          marginTop: 24, 
-          padding: 16, 
-          background: '#f0f0f0', 
-          borderRadius: 8,
-          border: '2px dashed #999'
-        }}>
-          <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
-            🔧 DEV MODE - Быстрая навигация
-          </div>
-          <div style={{ display: 'flex', gap: 8 }}>
-            <Button 
-              onClick={onPrev} 
-              size="small"
-            >
-              ← Назад (Step 1)
-            </Button>
-            <Button 
-              type="dashed"
-              onClick={() => {
-                const devData = { eventType: 'cancel_flight' };
-                form.setFieldsValue(devData);
-                updateFormData(devData);
-                onNext();
-              }}
-              size="small"
-              style={{ flex: 1 }}
-            >
-              Далее → [Отмена рейса]
-            </Button>
-          </div>
-        </div>
+        {/* DEV MODE секция удалена для продакшена */}
       </Card>
     </div>
   );

frontend/src/components/form/Step3Payment.tsx

@@ -487,67 +487,7 @@ export default function Step3Payment({
             </div>
           </Form.Item>
 
-          {/* 🔧 Технические кнопки для разработки */}
-          <div style={{ 
-            marginTop: 24, 
-            padding: 16, 
-            background: '#f0f0f0', 
-            borderRadius: 8,
-            border: '2px dashed #999'
-          }}>
-            <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
-              🔧 DEV MODE - Быстрая навигация (без валидации)
-            </div>
-            <div style={{ display: 'flex', gap: 8 }}>
-              <Button 
-                onClick={onPrev} 
-                size="small"
-              >
-                ← Назад (Step 2)
-              </Button>
-              <Button 
-                type="dashed"
-                onClick={() => {
-                  // Пропускаем валидацию телефона
-                  setIsPhoneVerified(true);
-                  const devData = {
-                    fullName: 'Тест Тестов',
-                    email: 'test@test.ru',
-                    phone: '+79991234567',
-                    paymentMethod: 'sbp',
-                    bankId: banks.length > 0 ? banks[0].bankid : '100000000111', // Сбербанк по умолчанию
-                    bankName: banks.length > 0 ? banks[0].bankname : 'Сбербанк',
-                  };
-                  updateFormData(devData);
-                  message.success('DEV: Телефон автоматически подтверждён');
-                }}
-                size="small"
-                style={{ flex: 1 }}
-              >
-                ✅ Автоподтверждение телефона [dev]
-              </Button>
-              <Button 
-                type="primary"
-                onClick={() => {
-                  // Автоматически отправляем заявку
-                  setIsPhoneVerified(true);
-                  const devData = {
-                    fullName: 'Тест Тестов',
-                    email: 'test@test.ru',
-                    phone: '+79991234567',
-                    paymentMethod: 'sbp',
-                    bankId: banks.length > 0 ? banks[0].bankid : '100000000111', // Сбербанк по умолчанию
-                    bankName: banks.length > 0 ? banks[0].bankname : 'Сбербанк',
-                  };
-                  updateFormData(devData);
-                  onSubmit();
-                }}
-                size="small"
-              >
-                🚀 Отправить [пропустить]
-              </Button>
-            </div>
-          </div>
+          {/* DEV MODE секция удалена для продакшена */}
         </>
       )}
     </Form>

frontend/src/components/form/StepDescription.tsx

@@ -20,7 +20,8 @@ export default function StepDescription({
 }: Props) {
   const [form] = Form.useForm();
   const [submitting, setSubmitting] = useState(false);
-  const [useMockWizard, setUseMockWizard] = useState(true);
+  // В проде всегда false, в dev - true для тестирования
+  const [useMockWizard, setUseMockWizard] = useState(process.env.NODE_ENV === 'development');
 
   const buildPrefillMap = (prefill?: Array<{ name: string; value: any }>) => {
     if (!prefill) {
@@ -189,27 +190,30 @@ export default function StepDescription({
           </Form.Item>
         </Form>
 
-        <div
-          style={{
-            marginTop: 12,
-            padding: 12,
-            borderRadius: 8,
-            background: '#fafafa',
-            border: '1px dashed #d9d9d9',
-          }}
-        >
-          <Checkbox
-            checked={useMockWizard}
-            onChange={(e) => setUseMockWizard(e.target.checked)}
+        {/* DEV чекбокс - только в dev режиме */}
+        {process.env.NODE_ENV === 'development' && (
+          <div
+            style={{
+              marginTop: 12,
+              padding: 12,
+              borderRadius: 8,
+              background: '#fafafa',
+              border: '1px dashed #d9d9d9',
+            }}
           >
-            Использовать сохранённые рекомендации (DEV)
-          </Checkbox>
-          <Paragraph type="secondary" style={{ marginBottom: 0, marginTop: 4 }}>
-            Если включено, план вопросов берётся из локального файла и не запускает модель.
-          </Paragraph>
-        </div>
+            <Checkbox
+              checked={useMockWizard}
+              onChange={(e) => setUseMockWizard(e.target.checked)}
+            >
+              Использовать сохранённые рекомендации (DEV)
+            </Checkbox>
+            <Paragraph type="secondary" style={{ marginBottom: 0, marginTop: 4 }}>
+              Если включено, план вопросов берётся из локального файла и не запускает модель.
+            </Paragraph>
+          </div>
+        )}
 
-        <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 12 }}>
+        <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 12, marginTop: 16 }}>
           <Button type="primary" size="large" onClick={handleContinue} loading={submitting}>
             Продолжить →
           </Button>

frontend/src/components/form/StepDocumentUpload.tsx

@@ -318,53 +318,7 @@ const StepDocumentUpload: React.FC<Props> = ({
           )}
         </div>
 
-        {/* 🔧 DEV MODE */}
-        <div style={{ 
-          marginTop: 24, 
-          padding: 16, 
-          background: '#f0f0f0', 
-          borderRadius: 8,
-          border: '2px dashed #999'
-        }}>
-          <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
-            🔧 DEV MODE - Быстрая навигация
-          </div>
-          <div style={{ display: 'flex', gap: 8 }}>
-            <Button 
-              onClick={() => {
-                console.log('🔙 DEV Кнопка Назад нажата');
-                onPrev();
-              }} 
-              size="small"
-              disabled={false}
-            >
-              ← Назад
-            </Button>
-            <Button 
-              type="dashed"
-              onClick={() => {
-                console.log('⏭️ DEV Пропустить нажата');
-                // Эмулируем загрузку документа
-                const updatedDocuments = {
-                  ...(formData.documents || {}),
-                  [documentConfig.file_type]: {
-                    uploaded: true,
-                    data: { test: 'dev_mode_skip' },
-                    file_type: documentConfig.file_type
-                  }
-                };
-                updateFormData({ documents: updatedDocuments });
-                message.success('DEV: Документ пропущен');
-                onNext();
-              }}
-              size="small"
-              style={{ flex: 1 }}
-              disabled={false}
-            >
-              Пропустить [dev] →
-            </Button>
-          </div>
-        </div>
+        {/* DEV MODE секция удалена для продакшена */}
       </Card>
 
       {/* Модалка обработки */}

frontend/src/components/form/StepWizardPlan.tsx

@@ -119,6 +119,7 @@ export default function StepWizardPlan({
   const debugLoggerRef = useRef<typeof addDebugEvent>(addDebugEvent);
   const [isWaiting, setIsWaiting] = useState(!formData.wizardPlan);
   const [connectionError, setConnectionError] = useState<string | null>(null);
+  const [outOfScopeData, setOutOfScopeData] = useState<any>(null);
   const [plan, setPlan] = useState<any>(formData.wizardPlan || null);
   const [prefillMap, setPrefillMap] = useState<Record<string, any>>(
     formData.wizardPrefill || buildPrefillMap(formData.wizardPrefillArray)
@@ -391,17 +392,17 @@ export default function StepWizardPlan({
     const sessionId = formData.session_id;
     console.log('🔌 StepWizardPlan: подписываемся на SSE канал для получения wizard_plan', {
       session_id: sessionId,
-      sse_url: `/events/${sessionId}`,
+      sse_url: `/api/v1/events/${sessionId}`,
       redis_channel: `ocr_events:${sessionId}`,
     });
     
-    const source = new EventSource(`/events/${sessionId}`);
+    const source = new EventSource(`/api/v1/events/${sessionId}`);
     eventSourceRef.current = source;
     debugLoggerRef.current?.('wizard', 'info', '🔌 Подключаемся к SSE для плана вопросов', { session_id: sessionId });
     
     // Таймаут: если план не пришёл за 2 минуты (RAG может работать долго), показываем ошибку
     timeoutRef.current = setTimeout(() => {
-      setConnectionError('План вопросов не получен. Проверьте, что n8n обработал описание проблемы.');
+      setConnectionError('Обработка занимает больше времени, чем обычно. Пожалуйста, попробуйте ещё раз.');
       debugLoggerRef.current?.('wizard', 'error', '⏱️ Таймаут ожидания плана вопросов (2 минуты)', { session_id: sessionId });
       if (eventSourceRef.current) {
         eventSourceRef.current.close();
@@ -461,6 +462,27 @@ export default function StepWizardPlan({
           payload_preview: JSON.stringify(payload).substring(0, 200),
         });
 
+        // ❌ OUT OF SCOPE: Вопрос не связан с защитой прав потребителей
+        if (eventType === 'out_of_scope') {
+          debugLoggerRef.current?.('wizard', 'warning', '⚠️ Вопрос вне скоупа', {
+            session_id: sessionId,
+            message: payload.message,
+            suggested_actions: payload.suggested_actions,
+          });
+          
+          setIsWaiting(false);
+          setOutOfScopeData(payload);  // Сохраняем полные данные
+          setConnectionError(null);  // Не используем connectionError
+          
+          if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+          }
+          source.close();
+          eventSourceRef.current = null;
+          return;
+        }
+
         // ✅ НОВЫЙ ФЛОУ: Обработка списка документов
         if (eventType === 'documents_list_ready') {
           const documentsRequired = payload.documents_required || [];
@@ -2379,7 +2401,7 @@ export default function StepWizardPlan({
         })()}
         
         {/* СТАРЫЙ ФЛОУ: Ожидание визарда */}
-        {!hasNewFlowDocs && isWaiting && (
+        {!hasNewFlowDocs && isWaiting && !outOfScopeData && (
           <div style={{ textAlign: 'center', padding: '40px 0' }}>
             <img
               src={AiWorkingIllustration}
@@ -2411,6 +2433,117 @@ export default function StepWizardPlan({
           </div>
         )}
 
+        {/* OUT OF SCOPE: Вопрос вне нашей компетенции */}
+        {outOfScopeData && (
+          <div style={{ textAlign: 'center', padding: 24 }}>
+            <div style={{ 
+              background: '#fff7e6', 
+              border: '1px solid #ffd591', 
+              borderRadius: 12, 
+              padding: 24,
+              maxWidth: 600,
+              margin: '0 auto'
+            }}>
+              <Title level={4} style={{ color: '#d48806', marginBottom: 16 }}>
+                ⚠️ К сожалению, мы не можем помочь с этим вопросом
+              </Title>
+              <Paragraph style={{ fontSize: 16, marginBottom: 16 }}>
+                {outOfScopeData.message || outOfScopeData.reason}
+              </Paragraph>
+              
+              {outOfScopeData.ticket && (
+                <Paragraph type="secondary" style={{ marginBottom: 16 }}>
+                  Ваш запрос: <strong>{outOfScopeData.ticket}</strong>
+                  {outOfScopeData.ticket_number && ` (№${outOfScopeData.ticket_number})`}
+                </Paragraph>
+              )}
+
+              {outOfScopeData.suggested_actions && outOfScopeData.suggested_actions.length > 0 && (
+                <div style={{ marginTop: 24 }}>
+                  <Paragraph strong style={{ marginBottom: 12 }}>Что можно сделать:</Paragraph>
+                  <Space direction="vertical" style={{ width: '100%' }}>
+                    {outOfScopeData.suggested_actions.map((action: any, index: number) => (
+                      <Card 
+                        key={index} 
+                        size="small" 
+                        style={{ textAlign: 'left', background: '#fafafa' }}
+                      >
+                        <div style={{ fontWeight: 600, marginBottom: 4 }}>{action.title}</div>
+                        <div style={{ color: '#666', fontSize: 14 }}>{action.description}</div>
+                        {action.actionType === 'external_link' && action.url && (
+                          <a 
+                            href={action.url} 
+                            target="_blank" 
+                            rel="noopener noreferrer"
+                            style={{ marginTop: 8, display: 'inline-block' }}
+                          >
+                            {action.urlText || 'Перейти →'}
+                          </a>
+                        )}
+                        {action.actionType === 'contact_support' && (
+                          <Button 
+                            type="link" 
+                            style={{ marginTop: 8, padding: 0 }}
+                            onClick={async () => {
+                              try {
+                                message.loading('Отправляем запрос в поддержку...', 0);
+                                await fetch('https://n8n.clientright.pro/webhook/3ef6ff67-f3f2-418e-a300-86cb4659dbde', {
+                                  method: 'POST',
+                                  headers: { 'Content-Type': 'application/json' },
+                                  body: JSON.stringify({
+                                    session_id: formData.session_id,
+                                    phone: formData.phone,
+                                    email: formData.email,
+                                    unified_id: formData.unified_id,
+                                    ticket_number: outOfScopeData.ticket_number,
+                                    ticket: outOfScopeData.ticket,
+                                    reason: outOfScopeData.reason,
+                                    message: outOfScopeData.message,
+                                    action: 'contact_support',
+                                    timestamp: new Date().toISOString(),
+                                  }),
+                                });
+                                message.destroy();
+                                message.success('Запрос отправлен! Мы свяжемся с вами в ближайшее время. Возвращаем на главную...');
+                                // Возвращаемся на главную через перезагрузку
+                                setTimeout(() => {
+                                  window.location.reload();
+                                }, 2000);
+                              } catch (error) {
+                                message.destroy();
+                                message.error('Не удалось отправить запрос. Попробуйте позже.');
+                              }
+                            }}
+                          >
+                            Связаться с поддержкой →
+                          </Button>
+                        )}
+                      </Card>
+                    ))}
+                  </Space>
+                </div>
+              )}
+
+              <div style={{ marginTop: 24 }}>
+                <Button onClick={onPrev} style={{ marginRight: 12 }}>
+                  ← Изменить описание
+                </Button>
+                <Button type="primary" onClick={() => {
+                  // Сбрасываем состояние и возвращаемся на первый экран
+                  updateFormData({
+                    wizardPlan: null,
+                    wizardPlanStatus: null,
+                    problemDescription: '',
+                  });
+                  window.location.href = '/';
+                }}>
+                  Новое обращение
+                </Button>
+              </div>
+            </div>
+          </div>
+        )}
+
         {/* СТАРЫЙ ФЛОУ: Визард готов */}
         {!hasNewFlowDocs && !isWaiting && plan && (
           <div>

frontend/src/pages/ClaimForm.tsx

@@ -2,15 +2,14 @@ import { useState, useMemo, useCallback, useEffect, useRef } from 'react';
 import { Steps, Card, message, Row, Col, Space } from 'antd';
 import Step1Phone from '../components/form/Step1Phone';
 import StepDescription from '../components/form/StepDescription';
-import Step1Policy from '../components/form/Step1Policy';
+// Step1Policy убран - старый ERV флоу
 import StepDraftSelection from '../components/form/StepDraftSelection';
 import StepWizardPlan from '../components/form/StepWizardPlan';
 import StepClaimConfirmation from '../components/form/StepClaimConfirmation';
-import Step2EventType from '../components/form/Step2EventType';
-import StepDocumentUpload from '../components/form/StepDocumentUpload';
+// Step2EventType, StepDocumentUpload убраны - старый ERV флоу
 import Step3Payment from '../components/form/Step3Payment';
 import DebugPanel from '../components/DebugPanel';
-import { getDocumentsForEventType } from '../constants/documentConfigs';
+// getDocumentsForEventType убран - старый ERV флоу
 import './ClaimForm.css';
 
 // Используем относительные пути - Vite proxy перенаправит на backend
@@ -244,9 +243,7 @@ export default function ClaimForm() {
   }, [formData.showClaimConfirmation, formData.claimPlanData]);
 
 
-  // Динамически определяем список шагов на основе выбранного eventType
-  const documentConfigs = formData.eventType ? getDocumentsForEventType(formData.eventType) : [];
-  const totalDocumentSteps = documentConfigs.length;
+  // Старый ERV флоу убран - documentConfigs больше не нужен
 
   const addDebugEvent = (type: string, status: string, message: string, data?: any) => {
     const event = {
@@ -1206,12 +1203,7 @@ export default function ClaimForm() {
         <StepWizardPlan
           formData={formData}
           updateFormData={updateFormData}
-          onPrev={() => {
-            // Возвращаемся к списку заявок
-            setShowDraftSelection(true);
-            setSelectedDraftId(null);
-            setCurrentStep(0);
-          }}
+          onPrev={prevStep}
           onNext={nextStep}
           addDebugEvent={addDebugEvent}
         />
@@ -1235,63 +1227,6 @@ export default function ClaimForm() {
       });
     }
 
-    // Шаги для СТАРОГО флоу (страхование ERV) — НЕ показываем для нового флоу защиты прав
-    const isNewClaimFlow = formData.documents_required && formData.documents_required.length > 0;
-    
-    if (!isNewClaimFlow) {
-      // Шаг 3: Policy (только для старого флоу)
-      stepsArray.push({
-        title: 'Проверка полиса',
-        description: 'Полис ERV',
-        content: (
-          <Step1Policy 
-            formData={{ ...formData, session_id: sessionIdRef.current }}
-            updateFormData={updateFormData} 
-            onNext={nextStep}
-            addDebugEvent={addDebugEvent}
-          />
-        ),
-      });
-
-      // Шаг 4: Event Type Selection (только для старого флоу)
-      stepsArray.push({
-        title: 'Тип события',
-        description: 'Выбор случая',
-        content: (
-          <Step2EventType
-            formData={formData}
-            updateFormData={updateFormData}
-            onNext={nextStep}
-            onPrev={prevStep}
-            addDebugEvent={addDebugEvent}
-          />
-        ),
-      });
-    }
-
-    // Шаги Document Upload (только для старого флоу — если выбран eventType)
-    if (!isNewClaimFlow && formData.eventType && documentConfigs.length > 0) {
-      documentConfigs.forEach((docConfig, index) => {
-        stepsArray.push({
-          title: `Документ ${index + 1}`,
-          description: docConfig.name,
-          content: (
-            <StepDocumentUpload
-              key={`doc-${docConfig.file_type}`}
-              documentConfig={docConfig}
-              formData={formData}
-              updateFormData={updateFormData}
-              onNext={nextStep}
-              onPrev={prevStep}
-              isLastDocument={index === documentConfigs.length - 1}
-              currentDocNumber={index + 1}
-              totalDocs={documentConfigs.length}
-            />
-          ),
-        });
-      });
-    }
-
     // Последний шаг: Payment (всегда)
     stepsArray.push({
       title: 'Заявление',
@@ -1310,7 +1245,7 @@ export default function ClaimForm() {
     });
 
     return stepsArray;
-  }, [formData, documentConfigs, isPhoneVerified, nextStep, prevStep, updateFormData, handleSubmit, setIsPhoneVerified, addDebugEvent, showDraftSelection, selectedDraftId, hasDrafts, handleSelectDraft, handleNewClaim, checkDrafts]);
+  }, [formData, isPhoneVerified, nextStep, prevStep, updateFormData, handleSubmit, setIsPhoneVerified, addDebugEvent, showDraftSelection, selectedDraftId, hasDrafts, handleSelectDraft, handleNewClaim, checkDrafts]);
 
   const handleReset = () => {
     setIsSubmitted(false);
@@ -1364,8 +1299,8 @@ export default function ClaimForm() {
   return (
     <div className="claim-form-container" style={{ padding: '20px', background: '#ffffff' }}>
       <Row gutter={16}>
-        {/* Левая часть - Форма */}
-        <Col xs={24} lg={14}>
+        {/* Левая часть - Форма (в проде на всю ширину, в деве 14 из 24) */}
+        <Col xs={24} lg={process.env.NODE_ENV === 'development' ? 14 : 24}>
           <Card 
             title="Подать обращение о защите прав потребителя" 
             className="claim-form-card"
@@ -1439,10 +1374,12 @@ export default function ClaimForm() {
           </Card>
         </Col>
 
-        {/* Правая часть - Debug консоль */}
-        <Col xs={24} lg={10}>
-          <DebugPanel events={debugEvents} formData={formData} />
-        </Col>
+        {/* Правая часть - Debug консоль (только в dev режиме) */}
+        {process.env.NODE_ENV === 'development' && (
+          <Col xs={24} lg={10}>
+            <DebugPanel events={debugEvents} formData={formData} />
+          </Col>
+        )}
       </Row>
     </div>
   );

frontend/vite.config.ts

@@ -3,6 +3,10 @@ import react from '@vitejs/plugin-react'
 
 export default defineConfig({
   plugins: [react()],
+  // Удаляем console.log в продакшен билде
+  esbuild: {
+    drop: process.env.NODE_ENV === 'production' ? ['console', 'debugger'] : [],
+  },
   server: {
     host: '0.0.0.0',
     port: 3000,