Top level work required

[samsp-msft]

Highest priority

• Clean up the UI. There needs to be some consistency across the list controls etc. Ideally using a toolkit that already has controls like lists/tree's etc.
  • Started - replacing mudblazor with FluentUI
• Fix the css styling and have a pass with a Ux designer
• Record/Pause capability to limit the amount of items that are being collected, and stopping items from being pushed out
• Circular cache limits for each resource type

Feature areas for work:

Logging

• Fix the sizing issue so that the grid control is not scrolling off screen
• Provide a way to select which columns should be shown
  • There is a list of properties for the extended columns based on the events that have been seen, but it is resulting in a very wide view.
  • I think having a multi-select list of checkbox-like UI on the right side might be a good way to enable that capability.
• Filtering based on values.
• A way to filter based on any columns by specifying explicit values
• Filtering should include the ability to remove/clear specific filters
• Although offering an "and | or" grouping UI for filtering would be fun - it's probably out of scope
• Click a row to get a popup with all the details of that row, even if the columns are not shown.
  • semi-implemented with a button on each row- ideally would be based on clicking on the row
  • Log details should have a filter button per row that will add a filter to the main table based on that row's values for a specific column
• When filtering occurs show the number of total records in addition to those of the filter
  • if the filter is resulting in no rows, show a banner to say that no items match the filter

Metrics

• Keep the overall structure, but make it much prettier
• Move the applications down to be a list rather than as tabs
• Show each metric/dimension combo with both a graph (using the timespans for start/end of a value that are part of the datamodel) and a list of latest values
  • it would be great to have a client-side time-since control that will show how long since an event.
    • 0-90 secs shown as xx seconds ago
    • 0-90 min shown as xx minutes ago
    • 90 min to yesterday, shown as 4 hours ago
    • yesterday to 2 days ago - shown as Yesterday
    • 2 days - a week ago shown as xx days ago
    • 1 week+ shown as xx weeks ago
      This could be used with anything that has a timestamp. It should be client-side so that the UI doesn't need to round-trip with the server every tick.
• Replace the graphing component (@samsp-msft looking into alternatives)
• When pause functionality is implemented, change the date/time comparison to be the time it was paused, so that metrics don't fall off screen during the investigation. Alternatively use the last time a metric was received.

Tracing

• clean up the UI and use proper controls for the tree.
• Improve the box-model layout when bars get too small to show the contents. Have a tooltip to show the details.
• Select an item and get a popup panel (at the bottom) for the logs associated with that SpanId.
• Fix the color banding - its not working aesthetically as well as it should.