> ## Documentation Index
> Fetch the complete documentation index at: https://docs.inklyai.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# The editor

> Edit what the agent shows, knows, and tries to achieve.

Open **Agent** in the sidebar to edit your demo agent.

<CardGroup cols={3}>
  <Card title="Assets" icon="images">
    Screens and their annotations.
  </Card>

  <Card title="Storyline" icon="route">
    The product moments the guide presents.
  </Card>

  <Card title="Settings" icon="sliders">
    Knowledge, qualification, and outcomes.
  </Card>
</CardGroup>

## Assets

Select a screen to change its title, description, image, or annotations. Drag screens to reorder them.

| Screen            | Best for                                                                                      |
| ----------------- | --------------------------------------------------------------------------------------------- |
| **Image**         | Most product screens                                                                          |
| **Video**         | Short moments where motion matters                                                            |
| **Captured page** | A product experience the guide and visitor can both click ([Enterprise](/account/enterprise)) |

Replace an outdated image instead of rebuilding the screen. Its annotations and storyline position stay in place.

## Storyline

Choose the moments the guide should present and drag them into order. Select a moment to edit its target or **AI context**.

See [Annotations and storylines](/build/annotations-and-storylines).

## Settings

Use **Settings** to edit:

* [Knowledge](/build/knowledge)
* [Outcomes](/build/outcomes)
* [What the agent collects](/build/what-the-agent-collects)

## Preview and publish

Click **Preview** to test the demo as a visitor. Use the gear to change its name and brand.

Your edits stay in a draft until you click **Publish**. Existing links and widgets update without changing their URL.