Navigation

Learn to navigate the BlockSecOps web interface. The dashboard has four main areas: ┌─────────────────────────────────────────────┐ │ Header (Logo, Search,...

Last updated: January 14, 2026

Dashboard Navigation

Learn to navigate the BlockSecOps web interface.

Main Layout

The dashboard has four main areas:

┌─────────────────────────────────────────────┐
│ Header (Logo, Search, Profile)              │
├─────────────────────────────────────────────┤
│ Upgrade Banner (dismissible, if applicable) │
├─────────┬───────────────────────────────────┤
│         │                                   │
│ Sidebar │         Main Content              │
│ (Nav)   │                                   │
│         │                                   │
└─────────┴───────────────────────────────────┘

Upgrade Banner

A promotional banner appears below the header for users who can upgrade their subscription tier.

Display Behavior

  • Shows for Free, Developer, Startup, and Professional users
  • Hidden for Enterprise users (already at top tier)
  • Promotes the next tier up from your current subscription

Features

  • Gradient background (indigo to purple)
  • Shows key features available in the next tier
  • "View Plans" button links to pricing page
  • Dismissible with X button

Dismissal

  • Click the X button to hide the banner
  • Banner stays hidden for 7 days
  • Reappears after 7 days to remind you of upgrade options
  • Dismissal is stored in your browser (localStorage)

Tips

  • Review the highlighted features to see what you're missing
  • Click "View Plans" to compare all subscription tiers
  • Enterprise users never see this banner

Header

Logo

Click to return to main dashboard.

Global Search

  • Keyboard shortcut: Cmd/Ctrl + K
  • Search contracts, scans, findings
  • See Global Search

Notifications

Bell icon shows:

  • Scan completions
  • New findings
  • Team activity

Profile Menu

Your avatar, click for:

  • Account settings
  • Organization settings
  • Billing
  • Theme toggle
  • Log out

Sidebar Navigation

Primary Navigation

Item Description
Dashboard Home view with summary
Contracts All uploaded contracts
Scans Scan history
Projects Organized projects
Findings All vulnerabilities

Secondary Navigation

Item Description
Analytics Statistics and trends
Team Organization management
Settings Account settings

Collapsing Sidebar

  • Click hamburger icon to collapse
  • Icons only in collapsed mode
  • Expands on hover

Dashboard Home

Quick Stats

Summary cards showing:

  • Total contracts
  • Recent scans
  • Open findings
  • Scan quota usage

Recent Activity

Timeline of:

  • Latest scans
  • New findings
  • Team actions

Quick Actions

Buttons for common tasks:

  • New Scan
  • Upload Contract
  • View Findings

Contracts Page

List View

Table showing all contracts:

  • Name
  • Language
  • Project
  • Last scan
  • Findings count

Actions

  • Click row to view details
  • Checkbox for bulk actions
  • Hover for quick actions

Filtering

Filter bar for:

  • Language
  • Project
  • Tags
  • Date range

Scans Page

Scan List

All scans with:

  • Date/time
  • Contract/project
  • Scanners used
  • Findings summary
  • Status

Status Indicators

Icon Meaning
✅ Complete
🔄 Running
⏳ Queued
❌ Failed

Projects Page

Project Grid

Cards for each project:

  • Icon and name
  • Contract count
  • Recent activity
  • Findings summary

Project Actions

  • Click to enter project
  • Hover for quick menu
  • Create new project button

Findings Page

All Findings

Unified view across all scans:

  • Filter by severity
  • Filter by status
  • Search findings

Finding Cards

Each finding shows:

  • Title
  • Severity badge
  • Location
  • Scanner source

Page Elements

Tables

Standard table features:

  • Sortable columns (click header)
  • Pagination controls
  • Row selection
  • Bulk actions

Cards

Grid-based layouts:

  • Hover for actions
  • Click for details
  • Status indicators

Modals

Pop-up dialogs for:

  • Confirmations
  • Quick edits
  • Details view

Responsive Design

Desktop

Full sidebar + content area.

Tablet

Collapsible sidebar, full content.

Mobile

Hidden sidebar (hamburger menu), stacked content.

Keyboard Navigation

Global

Shortcut Action
Cmd/Ctrl + K Global search
G then D Go to Dashboard
G then C Go to Contracts
G then S Go to Scans
? Show shortcuts

In Lists

Shortcut Action
J Next item
K Previous item
Enter Open item
X Select item

Breadcrumbs

Navigation path shown at top:

Dashboard > Projects > MyProject > Token.sol

Click any level to navigate back.

Context Menus

Right-click on items for:

  • Open
  • Edit
  • Delete
  • Copy link

Loading States

Page Load

Skeleton screens while loading.

Async Updates

Spinners for background operations.

Error States

Clear error messages with retry options.

FAQ

Q: How do I get back to the dashboard?
A: Click the logo or press G then D.

Q: Can I customize the sidebar?
A: Not currently. Feature request noted.

Q: Is there a way to see all keyboard shortcuts?
A: Press ? on any page.

Next Steps