feat: timeline - governor limits track #716
Draft
+4,676
−88
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Added HeatStripRenderer for rendering a heat strip at the bottom of the minimap, visualizing metric usage over time using a traffic light color system. - Introduced HeatStripTimeSeries and related types to support generic metric systems. - Updated MinimapManager to reserve space for the heat strip and adjust chart height accordingly. - Enhanced MinimapInteractionHandler to handle hover and click events on the heat strip, including tooltip display. - Modified MinimapRenderer to integrate heat strip rendering and tooltip functionality. - Updated MinimapOrchestrator to manage heat strip data and interactions. - Added documentation for new heat strip architecture and related types.
… log - Added metric track for rendering the governor limit swimlane step chart. Show hoe governor usage chnages over the log duration - includes metric lines, danger zones (80-100% range), limit lines (dotted line at 100%), area fills, and breach areas (area under line down to 100%). - Displays tooltips for the top 3 metrics + anything over 80% and finally a catch all bug summing everything else.
…ualization - Introduced `metric-strip-colors.ts` to define color palettes for light and dark themes, including metrics and zone colors. - Created `HeatStripTooltipRenderer.ts` for rendering tooltips in the minimap heat strip, displaying metric percentages and values. - Refactored `MinimapRenderer.ts` to utilize the new `HeatStripTooltipRenderer`, enhancing tooltip display logic. - Added `BaseTooltipRenderer.ts` as an abstract class for common tooltip functionalities, improving code reusability. - Implemented shared tooltip utility functions in `tooltip-utils.ts` for consistent styling and formatting across tooltips. - Removed the deprecated `SwimlaneTooltipRenderer.ts` to streamline the codebase and avoid redundancy. - Updated `flamechart.types.ts` to include new types for heat strip metrics and ensure compatibility with the new tooltip renderer.
- When collapsed displayu the same as the heat strip - When expanded show a step chart shwoing the top 3 highest governor usage by % Any 80% and over and all others buckets under other. - Shows a tooltip on hover. - Click to move focus to that area.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📝 PR Overview
metrics track below the minimap that shows governor usage over time.
when collapse show a heat strip using a traffic light coplor for highest % usage.
when expanded show a full step chart of the top 3 highest + any 80% or over and then an other line forr all others merged.
🧩 Type of change (check all applicable)
📷 Screenshots / gifs / video [optional]
Show off your UI changes.
🔗 Related Issues
fixes #
resolves #714
closes #
related #
✅ Tests added?
📚 Docs updated?
Anything else we need to know? [optional]