Analytics Dashboard

Headline metrics, a usage-trend chart selector, and a recent-activity feed.

What this page does

Renders three Key Metrics cards (utilization, active item count, monthly savings), a "Usage Trends" section with a period selector (week / month / year), and a "Recent Activity" feed of the last few notable events.

The metric values are illustrative and hard-coded. The period selector updates the chart placeholder via a single callback; it does not yet pull real data.

What the user can do

• Read the three top-line metrics at a glance.
• Switch the trend period via the dropdown to see the chart update.
• Skim the recent-activity list to understand what's happened lately.

What the page does NOT do

The chart is a placeholder — no actual Plotly figure is rendered. The "recent activity" list is static. A real implementation would back this with timeseries data and a dcc.Graph showing utilization percent over time, plus a paginated event log.

How this page is wired up

One callback maps the period dropdown's value to the contents of the trend-chart div. No other interactivity. The metric cards are static and re-render only on full page load.