Enhanced Debug/Prompt Analysis UI (Issue #28 Phase C) #43

Open
opened 2026-03-26 10:01:57 +01:00 by Lars · 0 comments
Owner

Beschreibung

Erweitertes Debug-UI für KI-Prompts mit besserer Übersichtlichkeit und mehr Features.

Features

1. Collapsible Sections

  • Stages einzeln aufklappen/zuklappen
  • Default: Letzte Stage offen, Rest collapsed
  • "Alle auf/zuklappen" Toggle

2. Execution Time Tracking

  • Zeige Ausführungszeit pro Stage
  • Zeige Ausführungszeit pro Prompt
  • Gesamtzeit für Pipeline
  • Format: "Stage 1: 1.2s | Stage 2: 2.4s | Total: 3.6s"

3. Copy-Buttons

  • Copy Template: Kopiere Prompt-Template
  • Copy Final Prompt: Kopiere finalen Prompt (mit aufgelösten Platzhaltern)
  • Copy Output: Kopiere AI-Response
  • Copy Debug JSON: Komplettes Debug-Objekt als JSON

4. Color Coding

  • Success (grün): Erfolgreich ausgeführt, <2s
  • ⏱️ Slow (gelb): Erfolgreich aber >5s
  • Error (rot): Fehler aufgetreten
  • ⚠️ Warning (orange): Unresolved Placeholders

5. Visual Timeline

Stage 1 ──────> Stage 2 ──────> Final
  1.2s            2.4s
  ✅ 3 prompts    ✅ 1 prompt     ✅ Output

6. Performance Metrics

  • Token-Verwendung (Input/Output)
  • API-Latenz (Request/Response)
  • Cache-Hit/Miss (falls implementiert)

Akzeptanzkriterien

  • Stages sind collapsible
  • Execution Time wird angezeigt
  • Copy-Buttons funktionieren
  • Color Coding entsprechend Status
  • Timeline visualisiert Flow
  • Performance Metrics sichtbar (wenn verfügbar)

Technische Hinweise

  • Backend: Zeitmessung in prompt_executor.py hinzufügen
  • Frontend: UnifiedPromptModal.jsx erweitern

Priorität

Medium - Nice-to-have nach Issue #28 Basis-Funktionalität

## Beschreibung Erweitertes Debug-UI für KI-Prompts mit besserer Übersichtlichkeit und mehr Features. ## Features ### 1. Collapsible Sections - Stages einzeln aufklappen/zuklappen - Default: Letzte Stage offen, Rest collapsed - "Alle auf/zuklappen" Toggle ### 2. Execution Time Tracking - Zeige Ausführungszeit pro Stage - Zeige Ausführungszeit pro Prompt - Gesamtzeit für Pipeline - Format: "Stage 1: 1.2s | Stage 2: 2.4s | Total: 3.6s" ### 3. Copy-Buttons - **Copy Template:** Kopiere Prompt-Template - **Copy Final Prompt:** Kopiere finalen Prompt (mit aufgelösten Platzhaltern) - **Copy Output:** Kopiere AI-Response - **Copy Debug JSON:** Komplettes Debug-Objekt als JSON ### 4. Color Coding - ✅ **Success** (grün): Erfolgreich ausgeführt, <2s - ⏱️ **Slow** (gelb): Erfolgreich aber >5s - ❌ **Error** (rot): Fehler aufgetreten - ⚠️ **Warning** (orange): Unresolved Placeholders ### 5. Visual Timeline ``` Stage 1 ──────> Stage 2 ──────> Final 1.2s 2.4s ✅ 3 prompts ✅ 1 prompt ✅ Output ``` ### 6. Performance Metrics - Token-Verwendung (Input/Output) - API-Latenz (Request/Response) - Cache-Hit/Miss (falls implementiert) ## Akzeptanzkriterien - [ ] Stages sind collapsible - [ ] Execution Time wird angezeigt - [ ] Copy-Buttons funktionieren - [ ] Color Coding entsprechend Status - [ ] Timeline visualisiert Flow - [ ] Performance Metrics sichtbar (wenn verfügbar) ## Technische Hinweise - Backend: Zeitmessung in prompt_executor.py hinzufügen - Frontend: UnifiedPromptModal.jsx erweitern ## Priorität Medium - Nice-to-have nach Issue #28 Basis-Funktionalität
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Lars/mitai-jinkendo#43
No description provided.