Geschäftlicher Kontext

Für die korrekte Medienabrechnung von E-Ladeinfrastruktur (Wallboxen) ist die exakte Zuordnung von Ladevorgängen zu Mietern über RFID-Karten essenziell.

Die UX-Elemente (Suchfunktion, Empty States, Ablauf-Warnungen) reduzieren den administrativen Aufwand und verhindern Abrechnungslücken.

Technische Umsetzung

Anpassungen in charging/rfid-karten/page.tsx:

1. Suchfeld: Clientseitiger Filter über rfid_cards.uid und rfid_cards.label
2. EmptyState: Dedizierte Komponente falls Karten-Array leer
3. Ablauf-Warning-Badge: Visueller Indikator wenn expires_at kleiner gleich 30 Tage in der Zukunft

Betroffene Komponenten

• Frontend-Route: charging/rfid-karten/page.tsx
• Tabelle: rfid_cards (Felder: uid, label, expires_at)
• UI-Komponenten: Input (Suche), EmptyState, Badge (shadcn)