microdao-daarion/MONITOR-CLEAN-MESSAGES.md

🧹 Очищення тестових повідомлень Monitor Agent

Дата: 2025-11-23
Статус: ✅ Тестове повідомлення видалено з коду

---

✅ Що зроблено

1. Видалено тестове повідомлення з коду

Файл: src/pages/DagiMonitorPage.tsx

Видалено:

// Тестова подія для перевірки
setTimeout(() => {
  console.log('🧪 Sending test event to verify listener...');
  const testEvent = new CustomEvent('project-change', {
    detail: {
      message: '🤖 **Monitor Agent повідомляє:**\n\n🧪 Тестова подія для перевірки обробника',
      change: {
        id: 'test-event-' + Date.now(),
        type: 'test',
        action: 'test',
        path: 'test',
        timestamp: new Date().toISOString(),
      },
    },
  });
  window.dispatchEvent(testEvent);
}, 1000);

2. Видалено глобальний діагностичний обробник

Видалено:

// Додаємо глобальний обробник для діагностики
const globalHandler = (e: Event) => {
  console.log('🌍 Global handler received event:', e.type, (e as CustomEvent).detail);
};
window.addEventListener('project-change', globalHandler, false);

---

🧹 Як очистити старі повідомлення

Спосіб 1: Через консоль браузера

1. Відкрити: http://localhost:8899/dagi-monitor
2. Натиснути F12 (відкрити DevTools)
3. Перейти на вкладку Console
4. Вставити команду:

// Видалити всі повідомлення
localStorage.removeItem('monitor-chat-messages');
localStorage.removeItem('monitor-latest-changes');

// Перезавантажити сторінку
location.reload();

Спосіб 2: Очистити всі дані localStorage

// Видалити ВСІ дані (включаючи auth токени!)
localStorage.clear();
location.reload();

Спосіб 3: Вибірково видалити тестове повідомлення

// Завантажити повідомлення
const messages = JSON.parse(localStorage.getItem('monitor-chat-messages') || '[]');

// Відфільтрувати тестові повідомлення
const filtered = messages.filter(msg => 
  !msg.content.includes('Тестова подія') && 
  !msg.id.includes('test-event')
);

// Зберегти назад
localStorage.setItem('monitor-chat-messages', JSON.stringify(filtered));

// Перезавантажити
location.reload();

---

📊 Перевірка

1. Перевірити що тестове повідомлення більше не створюється

1. Перезавантажити сторінку: http://localhost:8899/dagi-monitor
2. Відкрити консоль браузера (F12)
3. НЕ має бути логів:
   • ❌ 🧪 Sending test event to verify listener...
   • ❌ 🧪 Test event dispatched, result: true
   • ❌ 🌍 Global handler received event...

2. Перевірити що реальні повідомлення працюють

1. Почекати 5 секунд
2. Мають з'явитися реальні повідомлення від Monitor Agent
3. Логи в консолі:
   • ✅ 📦 Loaded X messages from localStorage
   • ✅ ✅ Subscribed to project-change events
   • ✅ 🚀 Starting real-time change tracking (every 3 seconds)...
   • ✅ ✅ Adding Monitor Agent message to chat: ...

---

🎯 Результат

До очищення:

❌ Проблеми:

• Тестове повідомлення з'являлося при кожному завантаженні
• Діагностичні логи засмічували консоль
• Не було зрозуміло які повідомлення реальні

Після очищення:

✅ Результат:

• Тільки реальні повідомлення від Monitor Agent
• Чиста консоль без діагностичних логів
• Повідомлення з'являються автоматично кожні 3 секунди

---

📝 Що тепер відображається

Реальні повідомлення:

🤖 **Monitor Agent:** 🔧 MODIFIED: ...node-1/swapper-service [node-1] | swapper
🤖 **Monitor Agent:** 🤖 DEPLOYED: ...node-1/agents/yaromir [node-1] | yaromir
🤖 **Monitor Agent:** ⚙️ MODIFIED: ...DagiMonitorPage.tsx
🤖 **Monitor Agent:** 📄 CREATED: ...MONITOR-CLEAN-MESSAGES.md

НЕ відображається:

❌ 🧪 Тестова подія для перевірки обробника - ВИДАЛЕНО!

---

🔧 Якщо потрібно додати тест вручну

// В консолі браузера (тільки для тестування)
window.dispatchEvent(new CustomEvent('project-change', {
  detail: {
    message: '🤖 **Monitor Agent:** 🧪 Мануальний тест',
    change: {
      id: 'manual-test-' + Date.now(),
      type: 'test',
      action: 'test',
      path: 'manual-test',
      timestamp: new Date().toISOString(),
    },
  },
}));

---

Статус: ✅ Готово! Тестове повідомлення видалено!
Дія: Очистіть localStorage командою вище і перезавантажте сторінку.