Skip to content

Conversation

@ben-fornefeld
Copy link
Member

@ben-fornefeld ben-fornefeld commented Nov 5, 2025

Note

Adds fullscreen mode for usage metric charts, tweaks bar chart styling and time range label, removes initial prefix logic, and standardizes cost display formatting.

  • Usage Charts UI:
    • Fullscreen mode: Adds hover "expand" button and dialog-based fullscreen view for sandboxes, cost, vcpu, ram charts via UsageMetricChart and context (fullscreenMetric, setFullscreenMetric).
    • Chart styling: Adjusts bar appearance in compute-usage-chart (borderWidth, opacity, decal symbolSize, dashArrayY, barCategoryGap).
  • Timeframe & Display:
    • Removes initial data-point prefix logic; default range now always falls back to INITIAL_TIMEFRAME_FALLBACK_RANGE_MS.
    • Updates time range label to show timezone on end date.
  • Formatting:
    • Uses formatCurrency for cost in hovered and total displays.
  • Components:
    • DialogContent supports closeButtonClassName and refines close button classes.

Written by Cursor Bugbot for commit 5a5e27f. This will update automatically on new commits. Configure here.

- Introduced fullscreen metric state management in `UsageChartsContext`.
- Updated `UsageMetricChart` to support fullscreen mode with a button to expand charts.
- Enhanced dialog component for displaying charts in fullscreen, improving user experience.
- Removed unnecessary DialogPortal wrapping in `UsageMetricChart`.
- Enhanced `DialogContent` to accept a `closeButtonClassName` prop for better customization.
- Adjusted dialog close button styling and behavior for improved user experience.
@ben-fornefeld ben-fornefeld added the improvement Improvements in-code label Nov 5, 2025
@linear
Copy link

linear bot commented Nov 5, 2025

@vercel
Copy link

vercel bot commented Nov 5, 2025

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

Project Deployment Preview Comments Updated (UTC)
web Ready Ready Preview Comment Nov 5, 2025 2:31pm
web-juliett Ready Ready Preview Comment Nov 5, 2025 2:31pm

@ben-fornefeld ben-fornefeld merged commit 4efd81e into main Nov 5, 2025
4 of 6 checks passed
@ben-fornefeld ben-fornefeld deleted the improve-usage-page-eng-3279 branch November 5, 2025 14:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

improvement Improvements in-code

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants