Explore the Dashboard
The Crosscheck web dashboard at app.crosscheck.cloud is where your team reviews, organizes, and collaborates on captures. This guide walks through the main areas of the interface so you can find your way around.
Projects
Organize captures by project. Each project has its own checks list and ID numbering.
Checks Grid
Browse all captures in a visual grid with thumbnail previews.
Check Detail
Full capture view with video player, devtools panel, comments, and sharing.
Filters & Tags
Narrow down checks by type, date, tags, and more.
Projects
Projects are the top-level organizer for your captures. Each project belongs to a workspace and contains its own set of checks. Use projects to separate captures by application, feature area, or sprint.
The sidebar shows all projects in your current workspace. Click a project name to view its checks.
Projects list in the Crosscheck dashboard sidebar
Checks grid
When you select a project, you see all of its checks displayed as visual cards with thumbnail previews. This grid layout makes it easy to quickly scan screenshots and video captures at a glance.
Checks displayed in grid view with thumbnail previews
Check detail view
Click on any check to open its detail view. This is where you review the full capture with all its context. The detail view is split into several areas:
Media player
The top section displays the capture itself. Depending on the check type, this will be:
- An annotated screenshot image for screenshot checks.
- A video player with playback controls for screen recordings.
- An interactive session replay player for instant replay checks, where you can scrub through the timeline and see DOM changes as they happened.
Check detail view showing the video player and devtools panel
Developer context panel
Below the media player, a tabbed panel shows the developer context that was captured alongside the check:
- Console — Browser console messages (errors, warnings, info, log) with timestamps. Errors and warnings are highlighted for quick identification.
- Network — HTTP requests made during the capture, including URL, method, status code, response time, and payload size. Failed requests are flagged.
- Actions — A chronological timeline of user interactions: clicks, keypresses, page navigations, and more. This shows exactly what the user did leading up to the bug.
- Performance — Page load timing and runtime performance metrics captured during the session, helping identify slow renders and resource bottlenecks.
Devtools panel showing Console, Network, Actions, and Performance tabs
Comments and metadata
The detail view also includes a comments section where team members can discuss the capture. The sidebar shows metadata such as the check author, creation date, page URL, browser information, and any applied tags.
Filtering checks
As your project grows, use the filter sidebar to narrow down the checks list. You can filter by:
- Capture type — Screenshot, screen recording, or instant replay.
- Date range — Filter checks created within a specific time period.
- Tags — Filter by one or more tags applied to checks.
Filters can be combined. For example, you can view all screen recordings tagged "critical" from the past week.
Filter bar showing type, date, and tag filters
Tags
Tags are labels you can apply to checks for categorization. Common use cases include priority levels (critical, major, minor), feature areas (auth, payments, dashboard), or statuses (needs-review, confirmed, resolved).
Tags are defined at the workspace level, so all projects in a workspace share the same tag set. You can create and manage tags from the check detail view or from workspace settings. Apply multiple tags to a single check to cross-reference it across categories.
Tags applied to a check in the detail view