> For the complete documentation index, see [llms.txt](https://changelog.visilean.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://changelog.visilean.com/changelog/release-1.0-2024/interactive-and-intuitive-ui.md).

# Interactive and Intuitive UI 🫶🏽

Imagine a world where your construction project management becomes more intuitive, efficient, and visually engaging. With State Alignment, that vision is now a reality.

Our team has incorporated Hover, Active, Success, Error, and Loading states into both Zones and Tasks, offering you quick and intuitive visual cues. Hover over any Zone, and you'll immediately notice the transformation - it's not just visual; it's functional. Click on a name, and it opens up the zone's property panel, making actions smoother than ever.

Editing tasks becomes a breeze too. Double-click on a task name, and you'll seamlessly enter editing mode, complete with loading and success states. We've even got error states covered in red if things don't go as planned.

But that's not all. Task cards have received their own set of enhancements. In express workflow mode, hover over a task card to see its status, and click on the name to access the property panel. Dragging tasks now comes with a visual representation of changes, making project planning more intuitive.

And for those dealing with complex plans, State Alignment introduces hover and ghost states for tasks that are loading in the next frame, ensuring you always have a smooth and responsive experience.

We can't wait for you to try out State Alignment and witness the future of construction management. It's all about making your work more effortless, efficient, and enjoyable.&#x20;

#### Check out this video ->

{% embed url="<https://www.loom.com/share/581a95eb04db4bca937bb5b3ef5ca3f6?sid=dbc39dc1-1211-452b-8aab-6cf5d136e174>" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://changelog.visilean.com/changelog/release-1.0-2024/interactive-and-intuitive-ui.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
