Dashboard Editor

Build your perfect dashboard with customizable widgets and layouts.

Overview

The Dashboard Editor lets you customize your workspace with drag-and-drop widgets, pre-built templates, and sharing capabilities. Create personal dashboards or team-wide views.

Getting Started

Accessing the Editor

  1. Go to your Dashboard
  2. Click Customize or the edit icon
  3. Enter edit mode to add, remove, and rearrange widgets

Edit Mode

In edit mode you can:

  • Add widgets — Click "Add Widget" and select from the catalog
  • Remove widgets — Click the X on any widget
  • Resize widgets — Drag widget corners
  • Reposition widgets — Drag widgets to new positions
  • Configure widgets — Click the gear icon for options

Available Widgets

Choose from 25+ widgets organized into categories:

Metrics

Widget Description
Statistics Card Single metric with trend indicator (reviews today, avg time, approval rate, etc.)
Code Quality Score Team code quality gauge with approval/rejection breakdown

Charts

Widget Description
Activity Chart Review activity over time (line, bar, or area chart)
Verdict Breakdown Pie chart of review verdicts (approved, changes requested, etc.)

Lists

Widget Description
Recent Reviews Latest code reviews with infinite scroll
Activity Feed Recent team activity log
Top Repositories Most active repositories
Contributor Leaderboard Top contributors ranking

Actions

Widget Description
Quick Actions Shortcuts to common features
AI Shortcut Quick AI commands and prompts

Layout

Widget Description
Welcome Header Personalized greeting with AI summary
Onboarding Checklist Getting started progress tracker

Content

Widget Description
Text Block Custom markdown content
Embed Embed external content via iframe
Notes Quick notes and reminders

Team

Widget Description
Team Members Team overview with status
Invite Team Quick invite form

Integrations

Widget Description
Time Tracking Clockify summary (requires Clockify integration)

Templates

Start quickly with pre-built templates:

System Templates

Template Best For
Minimal Quick status checks — 3 metric cards + recent reviews
Analytics Focus Data-driven teams — Large charts, leaderboards, top repos
Manager View Team leads — Team members, activity feed, contributor leaderboard

Applying a Template

  1. Enter edit mode
  2. Click Templates
  3. Preview and select a template
  4. Confirm to apply

Note: Applying a template replaces your current layout. Use undo if you need to revert.

Saving Custom Templates

  1. Configure your dashboard as desired
  2. Click Save as Template
  3. Name your template
  4. Template is saved to your organization

Widget Configuration

Each widget has configurable options:

Common Options

  • Time Period — 7 days, 14 days, 30 days, 90 days
  • Item Limit — Number of items to display
  • Display Options — Show/hide specific elements
  • Filters — Filter by repository, status, etc.

Configuring a Widget

  1. Enter edit mode
  2. Click the gear icon on a widget
  3. Adjust settings
  4. Changes save automatically

Sharing Dashboards

Share your dashboard with team members:

Share Options

Permission Description
View Read-only access
Edit Can modify and save changes

Sharing a Dashboard

  1. Click Share
  2. Select team members or enter email
  3. Choose permission level
  4. Optionally set expiration date
  5. Click Share

History & Undo

The editor tracks your changes with full undo/redo support:

Tracked Actions

  • Widget added
  • Widget removed
  • Widget moved
  • Widget resized
  • Widget configured
  • Layout changed
  • Template applied

Using Undo/Redo

  • Click Undo or press Ctrl + Z
  • Click Redo or press Ctrl + Shift + Z
  • History keeps up to 50 actions

Dashboard Types

Type Description
Personal Your individual dashboard
Team Organization-wide shared dashboard
Role-based Default dashboard for specific user roles

Performance

Dashboards are optimized for performance:

  • Data Caching — Widget data cached 2-10 minutes
  • Batch Loading — Multiple widgets load in one request
  • Lazy Loading — Off-screen widgets load on demand
  • Auto-refresh — Data refreshes automatically (configurable)

Tip: For slower connections, use the Minimal template or reduce the number of widgets on your dashboard.