Overview
After signing in you land on the Dashboard (/dashboard). The dashboard is your central hub with three tabs: Projects, Collabs, and My Tasks. A sticky header at the top provides navigation, notifications, and account controls.
Dashboard Tabs
The tab bar sits just below the header. Tabs with pending items show a small badge count.
| Tab | What it shows | Badge |
|---|---|---|
| Projects | Projects you own | — |
| Collabs | Projects/products you collaborate on; pending invites | Count of received invites |
| My Tasks | All tasks assigned to you across all projects | Count of open tasks |
Projects Tab
The Projects tab lists all projects you own. Each project is shown as a card (list or gallery view) with its name, creation date, and a quick-action menu.
Clicking a project card opens the Project Detail page.
Creating a Project
- On the Projects tab, click the New Project button (top-right, indigo).
- A modal dialog opens. Enter a project name (required) and an optional description.
- Click Create Project. The new project appears in your list immediately.
Sort & View Modes
The Projects tab toolbar lets you control how projects are displayed.
| Control | Options |
|---|---|
| Sort | Date (newest first by default) or Name (A–Z). Click the arrow to reverse direction. |
| View | List — compact rows | Gallery — card grid |
Archiving Projects
Projects you no longer actively use can be archived to keep the list tidy.
- Open the project's context menu (three-dot icon on the card) and choose Archive.
- Archived projects are hidden by default. Click the N archived pill button near the "My Projects" heading to show them.
- To unarchive, open the archived project's menu and choose Unarchive.
Collabs Tab
The Collabs tab shows all collaboration activity — projects and products shared with you, invites you have sent, and invites you have received.
View modes
Two view modes are available via the toggle icons in the top-right of the tab:
| Mode | Description |
|---|---|
| By Scope (list icon) | Groups collaborations by account, project, and product level. Shows pending invites you sent and received. |
| By Person (people icon) | Groups all collaborations by the person (collaborator email), showing what they have access to. |
Pending invites received
When someone invites you to collaborate, a pending invite appears in the Collabs tab (and the tab badge increments). You can Accept or Decline each invite directly from this view.
Leaving a collaboration
To remove yourself from a project or product you were invited to, find it in the Collabs tab and use the Leave action on the collaboration card.
My Tasks Tab
The My Tasks tab aggregates every task assigned to you across all projects and products you have access to.
- Tasks are split into Open and Done columns.
- Use the Sort dropdown to order by Priority, Created date, or Due date.
- Click any task row to open its detail modal where you can edit, mark complete, or delete it.
- The tab badge shows the count of open (incomplete) tasks assigned to you.
Notifications
The bell icon in the top-right header opens the Notifications panel. A red badge shows the count of unread notifications.
| Icon | Notification type |
|---|---|
| 📋 | A task was assigned to you |
| 🏠 | Account-level collaboration invite |
| 📁 | Project-level collaboration invite |
| 📦 | Product-level collaboration invite |
| 🔩 | Part-level collaboration invite |
- Click a notification to mark it read and navigate to the relevant project or product.
- Click Mark all read to clear all unread indicators at once.
- On mobile, notifications are accessible via the hamburger menu in the header.
Dark / Light Mode
SysHub supports both light and dark themes. To toggle:
- Click your user avatar (indigo circle, top-right) to open the account menu.
- Click Dark mode or Light mode to switch. The label and icon update to reflect the current state.
Your preference is saved and persists across sessions.
Account Menu
Click the indigo avatar button in the top-right corner to open the account dropdown.
| Item | Action |
|---|---|
| Email display | Shows the email address you are signed in with |
| Contact Us | Opens a mailto link to support@sys-hub.com |
| Dark / Light mode | Toggles the colour theme |
| Logout | Signs you out and redirects to the login page |
| sys-hub.com | Opens the marketing website in a new tab |