UI/UX Improvements

[bnmajor]

See the Figma mock-up

Tasks:

• Light/dark mode toggle
• Landing Page
  • Search episodes
  • Sort by: algorithm, environment, performance metrics
  • Sort direction toggle
  • Filter options
  • Checkbox options: clear selected, select all (of same env)
  • Style updates
• Data Exploration
  • Tabbed view: overview, rewards analysis, actions analysis, agent analysis
  • Timeline view
    • Multi-color for each point to indicate which eps it is associated with
    • drop-down option to select value used for timeline
  • Drawer
    • List all currently selected episodes
      • Option to "de-select"
      • Episode summary details (info tooltip)
      • Select all or subset of available agents per episode
      • Episode color (to be used across all plots)
      • Agent glyph (to be used across all plots)
    • Option to add an episode/episodes
    • "Apply Changes" button before applying updates
  • Overview
    • Action v reward, reward v frequency, actions v frequency
  • Episode details (can be collapsed/hidden)
    • "Table" layout of all agents and then action and reward per ep for current step
    • Multi-select option to pick ep details to show
    • Optional playback viewer if images exist (can maybe be collapsed/hidden?) w/ drop-down menu to select which ep to view
  • Rewards Analysis
    • Rewards over time, rewards over time (decomposed)
  • Clustering (need better name or description somewhere on page/in tooltip)
    • Actions clustering, obs space clustering
    • Graph options
      • parameter values
      • "Re-run" option
      • Per plot or same for all plots?