> For the complete documentation index, see [llms.txt](https://docs.flexsmart.io/flexsmart/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flexsmart.io/flexsmart/get-started/quick-start-guide/navigating-aurelia.md). # Navigating Aurelia Now that you know how to use Aurelia, let’s explore what happens next. After you enter a prompt, Aurelia gets to work. You’ll see your prompt on the left and on the right, the magic unfolds. Let's demystify this sorcery. On the right, there are three tabs: **Code, Diff,** and **Preview**.

Aurelia Code View Showing the Code Behind the DApp

Here’s what each one does.👇 🔹**Code:** View the full code behind your app as you see above. No need to write or edit anything, Aurelia handles it all. This is just here if you're curious or want to explore how it works. 🔹**Diff:** See exactly what changed from your last version. It’s great for tracking edits and updates as you iterate. 🔹**Preview:** This is where the magic comes to life. Interact with your app in real time and test how it works, no setup needed. Check out an example DApp preview below. ✨ Remember: You don’t have to touch a single line of code. Aurelia does the heavy lifting so you can focus on bringing your ideas to life. *** ## **🔥Example DApp Preview**

"Preview" Tab Displaying a DApp Preview

*** ## 📍 Accessing Your Prompt History |

Prompt History

|

To view your past prompts, simply hover your mouse over the left side of the screen.

A panel will slide out, showing your full prompt history. From here, you can:


🔍 Search previous prompts
📄 Review what you’ve built
➕ Start a new prompt anytime

It's your workspace for tracking ideas and picking up right where you left off.

| | ------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | *** ## 🛠️ Tips for Making the Most Out of Aurelia Great prompts = great apps. Give Aurelia the clarity she needs to build exactly what you want. \ 1️⃣ **Be specific** about your app or idea 2️⃣ **Include user flow** (what users can do) 3️⃣ **Mention any key features** or functions 4️⃣ **To extend FlexSmart lab solutions**, include your contract address if applicable \ 🔥 **Pro Tip:** Aurelia is constantly evolving! If you run into any issues, check the troubleshooting section for quick fixes and tips. --- # 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://docs.flexsmart.io/flexsmart/get-started/quick-start-guide/navigating-aurelia.md?ask=&goal= ``` `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.