jan icon indicating copy to clipboard operation
jan copied to clipboard

feat: Revamp System monitoring UI - Reduce system information requests

Open louis-jan opened this issue 1 year ago • 1 comments

Problem

App displays system informations in the footer bar, which send a lot of requests during app cycle. Should revamp the UI to have expand / collapse section so users can access from anywhere but still ensure the performance.

Design

Figma link: https://www.figma.com/file/ytn1nRZ17FUmJHTlhmZB9f/Jan-App?type=design&node-id=4427-325119&mode=design&t=LbqHwgt8zLarODK6-4

  • Remove system monitor on the left ribbon
  • Move system monitor on the footer
  • Users can only see CPU, mem, GPU metrics when they expand the footer. Reason: to reduce the number of requests sent during app cycle in Jan Server.

User flow

Users click on system monitor to view the metrics:

Screenshot 2024-02-15 at 9 34 38 PM

System monitor includes running models & activity metrics as below, and users can expand the panel or adjust the size of the panel:

Screenshot 2024-02-15 at 9 34 47 PM

louis-jan avatar Jan 29 '24 07:01 louis-jan

This is also part of the epic #1236

imtuyethan avatar Feb 06 '24 12:02 imtuyethan

Implemented

imtuyethan avatar Feb 28 '24 03:02 imtuyethan