Skip to content

Improve memory display formatting#21

Draft
jbingham17 wants to merge 3 commits intomainfrom
improve-memory-display-formatting
Draft

Improve memory display formatting#21
jbingham17 wants to merge 3 commits intomainfrom
improve-memory-display-formatting

Conversation

@jbingham17
Copy link
Contributor

@jbingham17 jbingham17 commented Mar 5, 2026

Summary

  • Use full unit names (KB, MB, GB, TB) instead of abbreviations (K, M, G, T) with proper spacing in formatBytes
  • Show used/total memory with percentage in the graph header (e.g. "4.2 GB / 16.0 GB (26%)")
  • Add percentage display to the Used and Free stats in the memory details section

Test plan

  • Verify memory bar shows formatted values with full units (e.g. "4.2 GB" not "4.2G")
  • Verify memory graph header shows "used / total (percent%)" format
  • Verify Used stat shows percentage alongside bytes
  • Verify Free stat shows correct free percentage

🤖 Generated with Claude Code

Summary by CodeRabbit

  • New Features

    • Memory display now uses standardized two-letter abbreviations (B, KB, MB, GB, TB) with consistent spacing.
    • Memory panels now show both byte values and percentages for used and free memory.
  • UI / Style

    • Added a live status indicator (blinking dot and "LIVE" label) in the status bar with associated styling.

Use full unit names (KB, MB, GB) with proper spacing and show
used/total with percentages in the memory graph header and stats.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@coderabbitai
Copy link

coderabbitai bot commented Mar 5, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 2079b25d-a43e-4d49-b8f8-0b760c061f2b

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Walkthrough

The changes adjust memory display and add a live status indicator. MemoryBar.tsx updates byte-unit labels to two-letter abbreviations (B, KB, MB, GB, TB) and inserts a space between numeric values and units. MemoryGraph.tsx augments displayed info to show used and total as formatted bytes plus percentage, shows used as bytes with percentage, and shows free as bytes with a computed free percentage. StatusBar.tsx and App.css add a blinking "LIVE" indicator and related styles.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

jbingham17 and others added 2 commits March 5, 2026 11:24
Adds a green dot that flashes on/off every second with a "LIVE" label,
giving a visual heartbeat indicator in the bottom status bar.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
New AlertBar component sits above the status bar and displays system
health alerts. It flashes when CPU or memory usage exceeds thresholds
(70% warn, 90% critical) and shows "All systems nominal" when healthy.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@jbingham17 jbingham17 marked this pull request as draft March 5, 2026 21:44
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