Перейти до основного вмісту

Трекер Піци

Трекер Піци — це система моніторингу прогресу в реальному часі, яка інформує користувачів під час операцій AI Agent.

🍕 Що таке Трекер Піци?​

Натхненний відстеженням замовлень Domino's, Трекер Піци показує прогрес у реальному часі, коли:

  • Запускається Magic Search
  • Виконуються інструменти AI Agent
  • Обробляється sentiment analysis
  • Здійснюється скрапінг кількох джерел даних

🎨 Візуальний Дизайн​

Трекер відображається як панель у стилі терміналу з:

  • Іконками статусу (⏳ очікування, 🔄 виконується, ✅ завершено)
  • Індикаторами прогресу для тривалих операцій
  • Статистикою в реальному часі (зібрано відгуків, оброблено сторінок)
  • Приблизним часом до завершення

📊 Що він показує​

🔍 Finding Kununu profile...     ✅
🚀 Starting scraping jobs...     ✅
📊 Kununu: 156/200 reviews       🔄 78%
📊 Google: 45/50 reviews         🔄 90%
📊 Reddit: 12 discussions        ✅
📊 Vacancies: 8 job posts        ✅
🤖 Running sentiment analysis... ⏳
✅ Analysis complete!

Під час інструментів AI Agent​

🤖 AI Agent is working...
├── search_company("BMW")        ✅ Found
├── get_trust_score("BMW")       🔄 Calculating...
└── get_company_reviews("BMW")   ⏳ Pending

🔧 Технічна Реалізація​

Компонент Frontend​

// ChatWidget.jsx
<AgentStatusTracker 
  toolCalls={toolCalls}
  isActive={isProcessing}
/>

Відповідь Backend​

{
  "response": "BMW has a Trust Score of 74...",
  "tool_calls": [
    {"name": "search_company", "args": {"company_name": "BMW"}, "status": "complete"},
    {"name": "get_trust_score", "args": {"company_name": "BMW"}, "status": "complete"}
  ]
}

Оновлення WebSocket​

Для тривалих операцій, оновлення прогресу надходять через WebSocket:

// Real-time updates
socket.on('scraping_progress', (data) => {
  setProgress(data.reviews_collected);
  setTotal(data.total_expected);
});

🎯 Переваги​

Досвід користувача​

  • Зменшує тривогу - Користувачі знають, що щось відбувається
  • Встановлює очікування - Показується приблизний час
  • Будує довіру - Прозорість процесу

Залучення​

  • Утримання - Користувачі залишаються на сторінці
  • Інтерес - Динамічні оновлення залучають
  • Преміум-відчуття - Професійний досвід

📊 Статуси Прогресу​

СтанІконкаЗначення
Очікування⏳Очікує початку
Виконується🔄Зараз обробляється
Завершено✅Успішно завершено
Помилка❌Не вдалося (з повідомленням)

🛠️ Конфігурація​

Показати/Приховати​

Трекер автоматично з'являється, коли використовуються інструменти:

  • Показується: Коли tool_calls має елементи в очікуванні
  • Приховується: Коли всі інструменти завершені

Інтервал опитування​

Для завдань скрапінгу прогрес опитується кожні 2 секунди:

const POLL_INTERVAL = 2000; // ms

Трекер Піци створює преміальний, прозорий досвід під час операцій AI.