Skip to content

feat: hooks dashboard chart improvements#2281

Merged
alx-xo merged 14 commits intomainfrom
alexm/age-1842-improve-hooks-dashboard
Apr 21, 2026
Merged

feat: hooks dashboard chart improvements#2281
alx-xo merged 14 commits intomainfrom
alexm/age-1842-improve-hooks-dashboard

Conversation

@alx-xo
Copy link
Copy Markdown
Contributor

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

Summary:

ErrorsOverTimeChart

  • Added per-server breakdown to tooltips (via afterBody), while keeping a single aggregated line in the chart.

Bar Chart Styling

  • Introduced SHARED_BAR_SCALES for consistent right-aligned Y-axis labels and 12px font size across all bar charts.
  • Removed bar borders; all bars use solid fills.
  • Aligned USER_SOURCE_COLORS to the Tailwind x-400 range. BRAND_RED_COLORS retained for error intensity.
  • Dropped the trailing " errors" suffix from ServerErrorRateChart tooltip labels.

Axis Label Truncation

  • Y-axis labels truncated to 14 characters. Email-aware: shows localpart@… instead of the full address. Full label still shown in tooltips.

Hook Type Filter Default

  • Local Tools is now opt-in — default selection is MCP Servers and Skills only.
  • URL param omitted when selection matches the new default, keeping URLs clean.
  • Filter button label now shows actual type names joined with & (e.g. Showing Servers & Skills).

Visual

hooks-dashboard-2

@linear
Copy link
Copy Markdown

linear Bot commented Apr 17, 2026

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Apr 17, 2026

🦋 Changeset detected

Latest commit: 860292a

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

This PR includes changesets to release 3 packages
Name Type
dashboard Minor
@gram/client Minor
server 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 17, 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 21, 2026 1:01am

Request Review

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

speakeasybot commented Apr 17, 2026

🚀 Preview Environment (PR #2281)

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

Component Status Details Updated (UTC)
✅ Database Ready Existing database reused 2026-04-21 01:06:10.
✅ Images Available Container images ready 2026-04-21 01:05:53.

Gram Preview Bot

@alx-xo alx-xo changed the title feat: improve hooks dashboard feat: hooks dashboard chart improvements Apr 17, 2026
@alx-xo alx-xo force-pushed the alexm/age-1842-improve-hooks-dashboard branch from aa9a1c3 to 7af17c5 Compare April 17, 2026 21:55
@alx-xo alx-xo force-pushed the alexm/age-1842-improve-hooks-dashboard branch from 7af17c5 to c8746d5 Compare April 17, 2026 21:59
@alx-xo alx-xo marked this pull request as ready for review April 17, 2026 22:11
@alx-xo alx-xo requested review from a team as code owners April 17, 2026 22:11
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.

@alx-xo alx-xo requested a review from chase-crumbaugh April 17, 2026 22:18
Copy link
Copy Markdown
Member

@simplesagar simplesagar left a comment

Choose a reason for hiding this comment

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

Looks great! I think we should use this opportunity to rename the dashboard from hooks to something that represents the value it provides.

As a followup i'd consider moving the hooks setup to a top level setup experience for the organisation or as an onboarding wizard within a project.

@simplesagar
Copy link
Copy Markdown
Member

changeset would be a good idea for this one since we want to broadcast it to customers

Copy link
Copy Markdown
Member

@chase-crumbaugh chase-crumbaugh left a comment

Choose a reason for hiding this comment

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

Good incremental progress

alx-xo added 4 commits April 20, 2026 16:38
Simplify SHARED_LEGEND to { display: false } so every chart using
StackedBarChart or MultiLineChart stops rendering its legend —
legends became unreadable past ~10 series and tooltips already
carry the needed detail.

  Delete the three charts that were dropped from the hooks admin
  view during the working session with Chase:
  - Source Usage per User (UserVolumeList)
  - Source Usage per MCP Server (SourceVolumeChart)
  - Errors per User (UserErrorChart)
Rows are now servers stacked by user, inverting the prior "Server Usage per User" view. With legends
removed, admins get more value seeing which users drive each server than the reverse — server names
usually fit in the small dataset set, while user emails were cluttering row labels.
Add UserEventCountsChart — one solid horizontal bar per user summing eventCount from the breakdown.

Restructure the hooks page charts into a single 2-column grid:

  Server Usage (time series)  |  Users per Server (bar)
  User Usage (time series)    |  User Event Counts (bar)
  Errors per Server and Tool  |  (empty)

Each column pairs a time-series with a bar chart so admins can read trend and distribution side by
side. Row 3 is intentionally half-width — errors-over-time is a follow-up (requires failureCount on
HooksTimeSeriesPoint).
@alx-xo alx-xo merged commit 1ee9f95 into main Apr 21, 2026
26 checks passed
@alx-xo alx-xo deleted the alexm/age-1842-improve-hooks-dashboard branch April 21, 2026 01:12
@github-actions github-actions Bot locked and limited conversation to collaborators Apr 21, 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.

5 participants