[UI/Live] Improve filter states and add export option #279

New issue

Closed

opened 2026-01-25 13:45:28 +00:00 by jack · 0 comments

jack commented

2026-01-25 13:45:28 +00:00

Owner

Seite: Live Activity

Aktuelle Probleme

Filter-Buttons haben keine klare aktiv/inaktiv Unterscheidung
Timestamps sind relativ ("just now", "1m ago") - unpräzise
Keine Export-Option für Events
Keine Möglichkeit, Events zu löschen/clearen

Verbesserungsvorschläge

Filter-Button States
- Aktiver Filter: Gefüllter Button mit Farbe
- Inaktiver Filter: Outline-Button
- Badge mit Count: "Task (5)"
Timestamps verbessern
- Tooltip mit exaktem Timestamp beim Hover
- Format: "14:35:42" statt "just now"
Event-Export
- "Export to JSON" Button
- Zeitraum-Filter (last hour, last 24h, etc.)
Clear Events Button
- Clear-Button neben Pause-Button
- Confirmation-Dialog
Event-Details
- Klick auf Event öffnet Detail-Modal
- Zeigt vollständige Payload

Viewport-spezifisch

⚠️ Mobile: Filter-Buttons sind eng
✅ Tablet: OK
✅ Desktop: OK

Priorität

Niedrig

## Seite: Live Activity ### Aktuelle Probleme 1. **Filter-Buttons** haben keine klare aktiv/inaktiv Unterscheidung 2. **Timestamps** sind relativ ("just now", "1m ago") - unpräzise 3. **Keine Export-Option** für Events 4. **Keine Möglichkeit, Events zu löschen/clearen** ### Verbesserungsvorschläge 1. **Filter-Button States** - Aktiver Filter: Gefüllter Button mit Farbe - Inaktiver Filter: Outline-Button - Badge mit Count: "Task (5)" 2. **Timestamps verbessern** - Tooltip mit exaktem Timestamp beim Hover - Format: "14:35:42" statt "just now" 3. **Event-Export** - "Export to JSON" Button - Zeitraum-Filter (last hour, last 24h, etc.) 4. **Clear Events Button** - Clear-Button neben Pause-Button - Confirmation-Dialog 5. **Event-Details** - Klick auf Event öffnet Detail-Modal - Zeigt vollständige Payload ### Viewport-spezifisch - ⚠️ Mobile: Filter-Buttons sind eng - ✅ Tablet: OK - ✅ Desktop: OK ### Priorität Niedrig

ui-live-desktop.png

122 KiB