Repository navigation
fix(analytics): resolve account email/name in Utilization chart and fix tooltip stacking context - #13029
Conversation
…ix tooltip stacking context
61f7042 to
0ad6f57
Compare
|
Solid, focused fix — both the raw-UUID-in-chart and the tooltip-behind-legend issues are |
|
Thanks @ZaimMarzuki — merging via the release merge-train. Validated in local merge-train (.claude/worktrees/merge-train-20260918-111718-suite.log) on the devbox @ train tip 7bb373fba5e241964c0ffb17bd03a804700839bb, boarded with 55 sibling PRs: typecheck:core, file-size, complexity, cognitive-complexity, changelog-integrity green; 747/747 changed-area node:test cases + 476/476 vitest green (fast parity mode — the full suite ran today on the release tip via the base-red train and runs again on the 3b train). Merged --admin per merge-gates §7. |
bb198df
into
diegosouzapw:release/v3.8.51
…ix tooltip stacking context (diegosouzapw#13029) Co-authored-by: ZaimMarzuki <ZaimMarzuki@users.noreply.github.com>
Summary
Fixes two UX issues on the Provider Utilization page (
/dashboard/analytics/utilization) in Account Split mode:provider:connectionId) instead of displaying the raw internal connection ID in the chart legend and hover tooltip (follow-up to fix(dashboard): show account email/name in Utilization Account Split cards #10939).Key Changes
ProviderUtilizationTab.tsx):resolveDisplayNamecallback that checksaggregateBy === "connection", parsesprovider:connectionId, and queriesdata?.connectionMetato retrieve the friendly account name/email viagetAccountDisplayName.resolveDisplayNametoProviderChartsso both SVG lines and the Recharts tooltip/legend display friendly names.ProviderCharts.tsx):<Tooltip />after<Legend />in JSX order so the SVG DOM painting layer places the tooltip above legend items.wrapperStyle={{ zIndex: 1000, pointerEvents: "none" }}on Recharts<Tooltip />and appliedopacity: 1withboxShadow: "var(--shadow-elevated)"on itscontentStyleso text and lines underneath do not bleed through.tests/unit/ui/provider-utilization-chart.test.tsxtesting display name resolution and tooltip zIndex / DOM order.changelog.d/fixes/utilization-account-chart-display.md.