Skip to content

feat: expandable charts on Hooks analytics page#2344

Merged
alx-xo merged 22 commits intomainfrom
alexm/age-1882-allow-charts-to-be-expanded
Apr 22, 2026
Merged

feat: expandable charts on Hooks analytics page#2344
alx-xo merged 22 commits intomainfrom
alexm/age-1882-allow-charts-to-be-expanded

Conversation

@alx-xo
Copy link
Copy Markdown
Contributor

@alx-xo alx-xo commented Apr 21, 2026

Summary

  • Add ChartCard wrapper component with expand/minimize toggle that hides all sibling charts when one is expanded
  • Grow expanded charts to fill the space: time series 200px → 500px; stacked bar charts scale bar and spacer heights proportionally
  • Thread expand state through all six charts in HooksAnalytics (Server Usage, Users Per Server, User Usage, User Event Counts, Errors
    Over Time, Errors per Server and Tool)
  • Hide KPI metric cards and collapse to single-column layout when any chart is expanded
  • Disable Chart.js's built-in resize animation so CSS transitions drive the expansion without a full chart redraw flicker
  • Add useExpandedChart hook to manage the expandedChart state and wire up an Escape key listener to close the expanded chart

Visual

hooks-chart-expandable-1.mp4

@linear
Copy link
Copy Markdown

linear Bot commented Apr 21, 2026

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Apr 21, 2026

🦋 Changeset detected

Latest commit: f3e4cd3

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
dashboard Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 21, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
gram-docs-redirect Ready Ready Preview, Comment Apr 22, 2026 0:53am

Request Review

@github-actions github-actions Bot added the preview Spawn a preview environment label Apr 21, 2026
@speakeasybot
Copy link
Copy Markdown
Collaborator

speakeasybot commented Apr 21, 2026

🚀 Preview Environment (PR #2344)

Preview URL: https://pr-2344.dev.getgram.ai

Component Status Details Updated (UTC)
✅ Database Ready Existing database reused 2026-04-22 00:59:43.
✅ Images Available Container images ready 2026-04-22 00:59:26.

Gram Preview Bot

@alx-xo alx-xo marked this pull request as ready for review April 21, 2026 23:37
@alx-xo alx-xo requested review from a team as code owners April 21, 2026 23:37
Copy link
Copy Markdown

@claude claude Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Claude Code Review

This repository is configured for manual code reviews. Comment @claude review to trigger a review and subscribe this PR to future pushes, or @claude review once for a one-time review.

Tip: disable this comment in your organization's Code Review settings.

devin-ai-integration[bot]

This comment was marked as resolved.

devin-ai-integration[bot]

This comment was marked as resolved.

devin-ai-integration[bot]

This comment was marked as resolved.

@alx-xo alx-xo force-pushed the alexm/age-1882-allow-charts-to-be-expanded branch from 89ad2ad to fd96c64 Compare April 22, 2026 00:46
@alx-xo alx-xo merged commit cd8d31f into main Apr 22, 2026
26 checks passed
@alx-xo alx-xo deleted the alexm/age-1882-allow-charts-to-be-expanded branch April 22, 2026 06:24
@github-actions github-actions Bot locked and limited conversation to collaborators Apr 22, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

preview Spawn a preview environment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants