# Navigating Q-Remix

Q-Remix offers a thoughtfully organized user interface that empowers developers, auditors, and creators to work efficiently within a modular, AI-assisted development environment. Here’s a breakdown of the core areas of the interface:

#### Icon Panel

Located on the far left, the **Icon Panel** acts as the primary navigation bar.

* Click on any icon to open its corresponding plugin in the Side Panel.
* You can customize which plugins appear here by enabling/disabling them via the Plugin Manager.
* Hovering reveals tooltips, ensuring discoverability for new users.

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2Fst0dn148IlgCNNbO1Wkl%2Fimage.png?alt=media&#x26;token=1432cb0b-a913-466b-b713-4f7455096b47" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2FagIerl3zyfHGYkWjRmhS%2Fimage.png?alt=media&#x26;token=d73d14db-3c3d-4261-9db5-d9f9c203584e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2Fc0CozwMoKPlFYfHoKAZT%2Fimage.png?alt=media&#x26;token=5bc46e8f-71f9-4e86-a309-0e395c2e4600" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2FlMZOBja4ME8oJTWKQvtZ%2Fimage.png?alt=media&#x26;token=50184092-68cf-45af-b138-4a1abc20abb6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2Fnm9zaBvbL6Uo0DrQOiV1%2Fimage.png?alt=media&#x26;token=6871037c-d290-45c9-8b25-89f13960facb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2FR5ODloKa9GEbzmyv6Nwx%2Fimage.png?alt=media&#x26;token=2941d19b-f6db-4cb1-8f78-b9f84be85717" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2F0m4H1GiybWcjdO56J3O2%2Fimage.png?alt=media&#x26;token=ccfe483a-7f1b-42aa-a47f-f2d31a021098" alt=""><figcaption></figcaption></figure>

#### Side Panel

This is where most plugin interfaces live.

* Interact with plugins such as the File Explorer, Compiler, Deployer, and AI Assistant.
* Plugin UIs are compact, collapsible, and modular, making it easy to switch tasks.
* Some plugins (like AI Chat or Analytics) may expand into the Main Panel instead.

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2FKRe2LTrlpVIXvaWuexZm%2Fimage.png?alt=media&#x26;token=84c813b3-4f03-42a9-88c6-df1591fc9b3a" alt=""><figcaption></figcaption></figure>

#### Main Panel

The core workspace for interacting with your project.

* Edit Solidity contracts, view files, or open plugins with extended UIs (like visual debuggers or deployment dashboards).
* Also includes tabs for the **Home Page**, live previews, and AI-generated outputs.
* Supports multiple tabs and panes for multitasking.

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2FX9QG22tWsoLtI5dWc0oY%2Fimage.png?alt=media&#x26;token=fea74efa-6c07-450f-9d79-fa6db10dd110" alt=""><figcaption></figcaption></figure>

#### Terminal

Positioned at the bottom of the screen.

* Displays **transaction receipts**, **compilation output**, **console logs**, and **warnings**.
* Integrated with the Debugger for step-by-step tracing of failed transactions.
* You can resize or detach the terminal for a cleaner view.

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2FTw0SBED4PxgmcgS4NXwz%2Fimage.png?alt=media&#x26;token=100730b0-3eab-4efc-9b82-ce57ba09b275" alt=""><figcaption></figcaption></figure>

### Home Tab

The **Home Page** serves as your landing space when Q-Remix launches.\
It includes:

* Quick links to Q-Remix and Quranium’s social media and documentation.
* Options to explore featured plugins, clone templates, or browse pre-built DApp prototypes.
* Access to **recent workspaces**, tutorials, and onboarding walkthroughs.

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2FxA5ZyC59g0bwIAEWG41R%2Fimage.png?alt=media&#x26;token=0bfc3e9d-31ec-4021-af01-476cf40a902a" alt=""><figcaption></figcaption></figure>

### Default Tools

When Q-Remix loads for the first time, the following tools and plugins are active in the Icon Panel by default:

* **File Explorer** – Manage files and folders in your smart contract project.
* **Solidity Compiler** – Compile contracts with selectable compiler versions.
* **Deployer** – Deploy contracts to testnets or local simulators.
* **AI Assistant** – Interact with the built-in AI to generate, refactor, or debug code.
* **Terminal** – View logs and interact with the runtime output.

> You can always add or remove tools by clicking the Plugin Manager icon at the bottom of the Icon Panel.

<figure><img src="https://3633094706-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj7rwyc4EeGqNoC2Ji4bS%2Fuploads%2Fy3iogCNiAGyNLfUduIxQ%2Fimage.png?alt=media&#x26;token=e339f5bc-6a4f-43ed-bc39-d35fa8a00876" alt=""><figcaption></figcaption></figure>

**Icon Panel** – Click to choose which plugins appear in the Side Panel.\
**Side Panel** – Displays the interface for most plugins (though not all).\
**Main Panel** – Used for editing files, accessing large-format tools, and viewing the Home tab.\
**Terminal** – Shows transaction receipts and various logs.