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
- Go to your Dashboard
- Click Customize or the edit icon
- 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
- Enter edit mode
- Click Templates
- Preview and select a template
- Confirm to apply
Note: Applying a template replaces your current layout. Use undo if you need to revert.
Saving Custom Templates
- Configure your dashboard as desired
- Click Save as Template
- Name your template
- 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
- Enter edit mode
- Click the gear icon on a widget
- Adjust settings
- 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
- Click Share
- Select team members or enter email
- Choose permission level
- Optionally set expiration date
- 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.