> For the complete documentation index, see [llms.txt](https://asus-isg-aidc.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://asus-isg-aidc.gitbook.io/guide/latest/portal/overview/interface-guide.md).

# Interface Guide

| Developer | Last modified |
| --------- | ------------- |
| AIDC Team | 2026/01/22    |

## Main Screen Layout

The Marketplace main screen is divided into the following main areas:

![Structure](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/structure.png)

## Catalog Tab (Service Catalog)

* When the **Catalog** tab is selected, all available service cards are displayed:

![Catalog](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/catalog.png)

* Each card displays the service name, icon, version, and description
* Click the card or the `Deploy Service` button to open the deployment dialog

![Deploy Service](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/deploy-service.png)

## Status Tab (Status Monitor)

* When the **Status** tab is selected, the status monitoring board is displayed:
* Shows tasks in different states

![Status](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/status.png)

* Supports horizontal scrolling

![Horizontal scrolling](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/horizontal-scrolling.png)

## Search Function

The search bar is located at the top of the page and supports the following searches:

**Catalog Mode**:

* Search by service name
* Real-time query as you type

![Catalog Search](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/catalog-search.png)

**Status Mode**:

* Search by task name
* Search by task description

![Status Search](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/status-search.png)

## Filter Function

**Catalog Filter**:

* Filter by category: All, HPC, Container, Database, Monitoring, Storage

![Catalog Filter](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/catalog-filter.png)

**Status Filter**:

* Filter by service type: All, Slurm, MariaDB, UFM, NMX-M, Docker, K8s, Podman, Weka

![Service Filter](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/service-filter.png)

* Filter by status type: All, Created, Queued, In Progress, Failed, Completed, Timeout

![Status Filter](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/status-filter.png)

* The above two filters can be combined

![Mixing Filter](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/marketplace/mixing-filter.png)

## Next Steps

👉 [Service Catalog](/guide/latest/portal/overview/service-catalog.md) - Learn more about how to use the Service Catalog