Skip to content

feat: redesign Memory section #2618

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: astandrik.2446
Choose a base branch
from
Open

Conversation

astandrik
Copy link
Collaborator

@astandrik astandrik commented Jul 24, 2025

Closes #2447

Stand

CI Results

Test Status: ❌ FAILED

📊 Full Report

Total Passed Failed Flaky Skipped
354 153 197 2 2
Test Changes Summary ⏭️2

⏭️ Skipped Tests (2)

  1. Scroll to row, get shareable link, navigate to URL and verify row is scrolled into view (tenant/diagnostics/tabs/queries.test.ts)
  2. Copy result button copies to clipboard (tenant/queryEditor/queryEditor.test.ts)

Bundle Size: 🔺

Current: 85.28 MB | Main: 85.22 MB
Diff: +0.06 MB (0.07%)

⚠️ Bundle size increased. Please review.

ℹ️ CI Information
  • Test recordings for failed tests are available in the full report.
  • Bundle size is measured for the entire 'dist' directory.
  • 📊 indicates links to detailed reports.
  • 🔺 indicates increase, 🔽 decrease, and ✅ no change in bundle size.

@astandrik astandrik requested a review from Copilot July 25, 2025 08:31
Copilot

This comment was marked as outdated.

@astandrik astandrik requested a review from Copilot July 25, 2025 09:00
@astandrik
Copy link
Collaborator Author

bugbot run

Copilot

This comment was marked as outdated.

Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

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

Bugbot free trial expires on July 29, 2025
Learn more in the Cursor dashboard.

@astandrik astandrik requested a review from Copilot July 25, 2025 09:14
Copilot

This comment was marked as outdated.

@astandrik astandrik requested a review from Copilot July 25, 2025 09:19
@astandrik
Copy link
Collaborator Author

bugbot run

Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR redesigns the Memory section in the Tenant Diagnostics Overview, modernizing the UI components and improving the visual presentation of memory usage data.

Key changes:

  • Component refactoring: Replaces the old MemoryViewer with new MemoryDetailsSection and supporting components for better modularity
  • Enhanced Progress visualization: Creates a new ProgressWrapper component system with support for both single and stacked progress bars
  • Improved styling: Updates CSS to use design system variables and modern layouts with better spacing and typography

Reviewed Changes

Copilot reviewed 24 out of 24 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
src/utils/progress.ts Adds new formatSegmentValue utility and improves value formatting logic
src/containers/Tenant/Diagnostics/TenantOverview/i18n/en.json Adds internationalization keys for memory details section
src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.tsx Updates to use shared ProgressWrapper component with withValue prop
src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/ProgressWrapper.tsx Removes old component in favor of shared ProgressWrapper
src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss Updates styling to use design system spacing variables
src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TenantMemory.tsx Complete redesign using new MemoryDetailsSection and MemoryProgressBar components
src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/*.scss New styling files for memory components
src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/Memory*.tsx New modular components for memory details, progress bars, and segment items
src/components/ProgressWrapper/* New shared progress wrapper component system with types, utilities, and i18n
src/components/MemoryViewer/utils.ts Adds color constants and helper functions for memory segments
src/components/MemoryViewer/i18n/en.json Adds memory details internationalization key
src/components/MemoryViewer/MemoryViewer.scss Updates color scheme for memory segments

Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

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

✅ Bugbot reviewed your changes and found no bugs!


@astandrik astandrik marked this pull request as ready for review July 25, 2025 09:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant