Zum Hauptinhalt springen

Pizza Tracker

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

🍕 Was ist der Pizza Tracker?​

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

  • Ausführung von Magic Search
  • Ausführung von AI Agent Tools
  • Verarbeitung von Sentiment-Analyse
  • Scraping mehrerer Datenquellen

🎨 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 es 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 Component​

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

Backend Response​

{
  "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 Fortschrittsaktualisierungen via WebSocket:

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

🎯 Vorteile​

Benutzererfahrung​

  • Reduziert Unsicherheit - Benutzer wissen, dass etwas passiert
  • Schafft Erwartungen - Geschätzte Zeit wird angezeigt
  • Baut Vertrauen auf - Transparenz im Prozess

Engagement​

  • Bindung - Benutzer bleiben auf der Seite
  • Interesse - Dynamische Updates sind fesselnd
  • Premium-Gefühl - Professionelles Erlebnis

📊 Fortschrittsstatus​

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

🛠️ Konfiguration​

Anzeigen/Ausblenden​

Der Tracker erscheint automatisch, wenn Tools verwendet werden:

  • Anzeigen: Wenn tool_calls ausstehende Elemente hat
  • Ausblenden: 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 ein hochwertiges, transparentes Erlebnis während der AI-Operationen.