Zum Hauptinhalt springen

Pizza Tracker

Der Pizza Tracker ist ein Echtzeit-Fortschrittsüberwachungssystem, das Benutzer während AI Agent-Operationen auf dem Laufenden hält.

🍕 Was ist der Pizza Tracker?​

Inspiriert von der Bestellverfolgung von Domino's, zeigt der Pizza Tracker Live-Fortschritte, wenn:

  • Magic Search ausgeführt wird
  • AI Agent-Tools ausgeführt werden
  • Sentiment-Analyse verarbeitet wird
  • Mehrere Datenquellen gescrapt werden

🎨 Visuelles Design​

Der Tracker erscheint als Panel im Terminal-Stil mit:

  • Statussymbole (⏳ ausstehend, 🔄 läuft, ✅ abgeschlossen)
  • Fortschrittsbalken für langwierige Operationen
  • Echtzeit-Statistiken (gesammelte Bewertungen, verarbeitete Seiten)
  • Geschätzte Zeit bis zur Fertigstellung

📊 Was er anzeigt​

🔍 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!

Während AI Agent-Tools​

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

🔧 Technische Implementierung​

Frontend-Komponente​

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

Backend-Antwort​

{
  "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-Updates​

Für langwierige Operationen erfolgen Fortschritts-Updates über WebSocket:

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

🎯 Vorteile​

Benutzererfahrung​

  • Reduziert Angst - Benutzer wissen, dass etwas geschieht
  • Setzt Erwartungen - Geschätzte Zeit wird angezeigt
  • Baut Vertrauen auf - Transparenz im Prozess

Engagement​

  • Bindung - Benutzer bleiben auf der Seite
  • Interesse - Dynamische Updates sind ansprechend
  • Premium-Gefühl - Professionelle Erfahrung

📊 Fortschrittsstatus​

StatusIconBedeutung
Ausstehend⏳Wartet auf Start
Läuft🔄Wird aktuell verarbeitet
Abgeschlossen✅Erfolgreich beendet
Fehler❌Fehlgeschlagen (mit Meldung)

🛠️ Konfiguration​

Anzeigen/Ausblenden​

Der Tracker erscheint automatisch, wenn Tools verwendet werden:

  • Wird angezeigt: Wenn tool_calls ausstehende Elemente hat
  • Wird ausgeblendet: Wenn alle Tools abgeschlossen sind

Abfrageintervall​

Für Scraping-Jobs werden Fortschritte alle 2 Sekunden abgefragt:

const POLL_INTERVAL = 2000; // ms

Der Pizza Tracker schafft eine hochwertige, transparente Erfahrung während AI-Operationen.