# Resources

The **Resources** list provides a comprehensive overview of all cloud resources in your architecture, displayed as interactive cards. This interface enables quick navigation, parameter inspection, and resource management directly from the right panel.

<figure><img src="https://2733077811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7YhVIZuz5Brv8kisTlFL%2Fuploads%2F9MBbwuldnFYQxz7q70TP%2Fimage.png?alt=media&#x26;token=f37b27bb-c3ca-4d5f-be1e-c9e795d41c73" alt=""><figcaption></figcaption></figure>

## Key User Goals

The **Resources List** is designed to help you:

1. **Find resources quickly:** Search and filter through all resources in your architecture.
2. **See resource overview:** View key parameters and configuration at a glance.
3. **Navigate to diagram:** Jump directly to any resource's location in the visual diagram.
4. **Understand relationships:** See how resources connect and reference each other.

{% hint style="info" %}
Each resource is displayed as a card. Learn more about [resource cards](https://docs.brainboard.co/cloud-design/right-panel/resources-list/resource-cards).&#x20;
{% endhint %}

***

## Search and Filter

### Resource Search

Use the search option at the top of the **Resources** to filter resources by:

* **Resource Name:** Search by the **Terraform** resource name.
* **Resource Type:** Filter by type (e.g., "storage", "network", "compute").
* **Parameters:** Find resources with specific parameter values.

{% hint style="info" %}

### Search Behavior

* Search is **real-time** - results update as you type.
* Search is **case-insensitive**
* Partial matches are supported
* Clear the search to see all resources again
  {% endhint %}

***

## View Modes

The **Resources** list supports two organizational modes:

### Dynamic View

This view displays all resources in a single continuous list, sorted by creation order or file assignment. It is ideal for:

* Smaller architectures (under 50 resources).
* Quick scanning of all resources.
* Finding resources by scrolling.

### File-Grouped View

This view organizes resources by their **Terraform** file assignment, with collapsible sections for each file. This view is ideal for:

* Larger architectures with many resources.
* Viewing resources by logical file organization.
* Understanding file structure.

{% hint style="info" %}
For architectures with many resources, **File-Grouped** View automatically activates to improve performance and navigation.
{% endhint %}

***

## Visibility States

The **Resources** list displays different messages when:

* **No Resources:** <mark style="color:$primary;">"Drop a resource on the canvas."</mark>
* **No Visible Resources:** When all resources are outside the visible canvas area, you'll see a <mark style="color:$primary;">**`Fit Content to View`**</mark> button.
* **No Search Results:** <mark style="color:$primary;">"No results found"</mark> message is displayed when no resource matches the searched text/keyword. In this case, you can clear the text/keyword in the search bar and try again.

***

## Related articles

* [Resource cards](https://docs.brainboard.co/cloud-design/right-panel/resources-list/resource-cards): Information on card components, parameters display, and card actions.&#x20;
* [Resource Organization](https://docs.brainboard.co/cloud-design/right-panel/resources-list/resource-organization): Default, auto, and manual file assignment.&#x20;
* [Best Practices and Shortcuts](https://docs.brainboard.co/cloud-design/right-panel/resources-list/best-practices-and-sortcuts): Best practices for using the **Resources** list and keyboard shortcuts.
* [Resource Configuration](https://docs.brainboard.co/cloud-design/right-panel/resource-configuration): Detailed resource configuration interface.
* [Right Panel](https://docs.brainboard.co/cloud-design/right-panel): Overview of all right panel tabs.
* [Design Area](https://docs.brainboard.co/cloud-design/design-area): Visual diagram interface.
* [Split Code into Files](https://docs.brainboard.co/cloud-design/autogenerated-code/split-code-into-files): Organizing **Terraform** files.