# Key Components

The Extension consists of two main parts:

1. **Action Layout**: Defines the visual structure and styling of rendered Actions.
2. **App Logic**: Handles the parsing and rendering of Actions, as well as user interactions.

#### 2.2.1. Action Layout

The `EphiActionLayout` component is responsible for rendering the visual structure of an Action. Key features include:

* Flexible styling with support for various presets
* Display of Action title, description, and associated image
* Rendering of buttons, inputs, and forms as defined in the Action
* Support for multiple blockchain networks with network icons
* Share functionality for easy distribution of Actions

#### 2.2.2. App Logic

The main `App` component handles the core functionality of the Extension:

* Fetching Action data from IPFS using the provided CID
* Parsing Action definitions into renderable components (buttons, inputs, forms)
* Managing global parameters and action state
* Rendering the Action using the `EphiActionLayout` component


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://blinkz.gitbook.io/blinkz/extension/blinkz-actions-extension/key-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.