nteractive Dashboard Cards — Hover Actions & Tooltips for Better UX

[uvv-01]

Labels: feature, enhancement, dashboard

Summary

Add interactive hover actions and tooltips on dashboard cards to improve usability.

Motivation

When viewing dashboards with many cards, users currently only see static card content. Adding hover tooltips and quick‑action icons (e.g., quick filter, view details) will:

• provide visual hints about card actions
• speed up interaction without extra clicks
• improve overall dashboard UX

Proposal

• On mouse hover over each card, show:
  • A tooltip with a description/title
  • Optional quick actions: “Filter by this chart”, “View chart details”
• Use Ant Design’s Tooltip and icon buttons
• Make it accessible (ARIA labels and keyboard interaction)

UI Example

• When hovered, icons appear on the top‑right of the card
• Tooltips show text like “Quick filter this chart”, “View details”

Additional Context

This enhancement is a mid-level UX improvement:

• Visible impact for dashboard users
• Touches core frontend components: ListView.tsx, CardCollection.tsx
• Lightweight and easily testable in Docker dev environment