Basic Screen Layout
The CloudOps console is divided into three main areas: the Top Bar at the top, the Sidebar on the left side, and the Main Content Area in the center.
Common Screen Elements
Every page in the CloudOps console shares the following common elements:
| Element | Location | Description |
|---|---|---|
| Top Bar | Top | Fixed top bar with logo, workspace selector, and user actions. |
| Sidebar | Left | Navigation menu organized by functional groups. |
| Breadcrumb | Top of content area | Shows the current navigation path (e.g., Asset Inventory > Cloud Service). |
| Page Title | Below breadcrumb | Displays the name of the current page with an optional info icon. |
| Action Buttons | Top-right of content | Context-specific buttons such as + Create, + Invite, Filter, etc. |
Top Bar
The top bar is the navigation bar at the very top that persists across all pages.
| Element | Position | Description |
|---|---|---|
| Logo | Left | Displays the SpaceCloudOps logo. Click to return to the Home page. |
| Help | Right | Access documentation and support resources. |
| Profile Icon | Right | Opens the profile dropdown menu. Displays user avatar or initials. |
Sidebar
The sidebar on the left provides access to all major console features. Menu items are organized by functional groups.
| Menu Group | Sub-menus | Description |
|---|---|---|
| Home | — | Workspace landing page with onboarding guide, cost summary, asset/account overview. |
| Asset Inventory | Applications, Cloud Service | Manage cloud applications and browse collected cloud services. |
| Cost Explorer | Cost Analysis | Analyze costs by provider and period. |
| Operations | Organization, Service Accounts | Manage organizational structure and cloud account connections. |
| IAM | Users | Manage users. |
User Profile Menu
Click the profile icon in the top-right corner of the GNB to open the user profile dropdown.
The profile dropdown provides access to the following:
| Menu Item | Description |
|---|---|
| My Profile | View and manage your account information, security settings, and connected services. |
| Personal Settings | Configure display preferences such as language, timezone, and theme. |
| Sign Out | Log out of the CloudOps console. |
Main Content Area
The main content area displays the page content for the selected menu item. It typically includes:
| Element | Description |
|---|---|
| Breadcrumb | Shows the navigation path (e.g., Operations > Service Accounts) at the top of the content area. |
| Page Title | The name of the current page, displayed prominently. May include a count badge (e.g., Service Accounts (5)). |
| Action Buttons | Context-specific action buttons (e.g., + Create, Filter) in the top-right corner. |
| Tabs | Some pages have tabs to switch between views (e.g., General Accounts / Trusted Accounts). |
| Data Tables | Sortable, searchable tables with pagination, column customization, and row selection. |
| Detail Panels | Clicking a row opens a detail panel or navigates to a detail page with tabs (Basic, Credentials, Tags, History, etc.). |
| Cards | Some pages display items as cards in a grid layout (e.g., Cloud Service, Applications). |
Navigation Flow
Here is a step-by-step example of how to navigate the CloudOps console. This example shows how to find and inspect a cloud resource.
Select a menu from the sidebar
Click a menu item in the left sidebar. In this example, we click Cloud Service under the Asset Inventory group.
The active menu item is highlighted with a colored background so you can always tell where you are.
Search and filter
Once on the page, use the search bar to find items by keyword, or click the Filter button to narrow results by provider, region, service account, etc.
Open a detail view
Click on a card or table row to drill into the details. In this example, clicking the EC2 card opens a table of EC2 instances.
Selecting a row in the table opens a detail side panel on the right, showing the resource’s basic information, tags, and change history.
Take actions
Use the action buttons in the top-right area of each page:
- + Create — Create a new item (e.g., service account, application)
- Filter — Open filter options
- Refresh — Reload the latest data
- Edit / Delete — Available on detail pages
Asset Inventory > Cloud Service > [aws] EC2) always shows your current location. You can click any part of the breadcrumb to go back to that level.