# Choose a page or component to change

Selecting a page tells AI where you are working. Selecting a component identifies a specific element to change. You can left-click an element and describe the change in the AI conversation, right-click it and use the pop-up editor, or choose Delete component directly.

## Before you start

Open a project with a generated app and check that you are viewing the current editing version. Historical versions are read-only. To continue from one, follow [Restore versions and publish your app](https://ideamade.ai/help/versions-and-publishing) first.

The examples use Client Notes. They update the new-client button, change the page heading, and remove its introductory text. Component edits use Credits.

## Open the right page

1. Use **Select page** at the top left of the canvas to open the target page.
2. Check the **Current page** label above the AI composer.
3. If the page needs a specific record, such as a client details page, switch to **Preview** and open a client from the list before locating the element.

When you only select a page, describe the location and scope of your change. Clear an unrelated component selection before requesting changes across a page or several pages. See [Request changes to your app](https://ideamade.ai/help/request-changes) for the usual review flow.

## Option one: left-click and use the AI conversation

1. Switch the canvas to **Edit**.
2. Left-click the target component. Check its highlight and the **Editing · Component** label above the composer.
3. Describe the change and select **Send request**. For example:

> Change this button’s text to “Add client”. Keep its behavior of opening the new client form.

[![The new-client button is highlighted in Edit mode, with the selected component and request shown in the composer.](https://ideamade.ai/help/en/component-left-request.jpg)](https://ideamade.ai/help/en/component-left-request.jpg)

_The selected button appears above the composer. Check it, then send the request to change its label._

4. Wait for the change to be saved as a new version.
5. Switch to **Preview**, check the new label, and click the button to test its existing behavior.

[![The button now says Add client and still opens the new-client form in editing version v4.](https://ideamade.ai/help/en/component-left-result.jpg)](https://ideamade.ai/help/en/component-left-result.jpg)

_The label changed, and the new-client form still opens._

If you selected the wrong element, choose **Clear** beside the component label, then select again.

## Option two: right-click and use the pop-up editor

1. Right-click the target component. You can do this in Preview mode; opening the component menu switches the canvas to Edit.
2. Check the component name and highlight, then choose **Edit component**.

[![Right-clicking the Clients heading opens a menu with Edit component and Delete component.](https://ideamade.ai/help/en/component-context-menu.jpg)](https://ideamade.ai/help/en/component-context-menu.jpg)

_The context menu shows the selected component’s name and its edit and delete actions._

3. Enter a request such as “Change this heading to ‘My clients’. Keep the navigation label and all other content unchanged.”
4. Click the arrow labeled **Apply component edit**, or press Enter when your request is ready.

[![A heading change is entered in the component pop-up, with an arrow to submit it.](https://ideamade.ai/help/en/component-popup-request.jpg)](https://ideamade.ai/help/en/component-popup-request.jpg)

_Write the request in the pop-up, then click the arrow or press Enter to submit it._

5. Wait for the task to save, then return to Preview and check the heading and surrounding content.

[![The page heading is now My clients while the Clients navigation label, client record, and Add client button remain.](https://ideamade.ai/help/en/component-popup-result.jpg)](https://ideamade.ai/help/en/component-popup-result.jpg)

_Only the page heading changed in this example; the navigation label stayed the same._

## Option three: delete a component directly

1. Right-click the element you want to remove.
2. Check the highlight and menu label, then choose **Delete component** to start the deletion task.

[![The introductory text below the heading is selected, and its context menu offers Delete component.](https://ideamade.ai/help/en/component-delete-menu.jpg)](https://ideamade.ai/help/en/component-delete-menu.jpg)

_This example selects the introductory text below the heading. Choose Delete component to remove it._

3. After the new version is saved, switch to **Preview** and check that the element is gone and nearby actions still work.

[![The client list after removing the introductory text below its heading.](https://ideamade.ai/help/en/component-delete-result.jpg)](https://ideamade.ai/help/en/component-delete-result.jpg)

_The new version has removed the introductory text below the heading._

If you remove the wrong element, preview the app version before the deletion and decide whether to restore it. See [Restore versions and publish your app](https://ideamade.ai/help/versions-and-publishing).

## Check the scope and result

Similar elements may appear separately in a list, drawer, and details page. Check the entry point you intended to change. For coordinated changes across these views, clear the component selection and describe the relationship in a normal request.

If a saved version has not appeared in the preview, use **Refresh** in the canvas toolbar and check again. An app that is already live needs to be published again before visitors see the new editing version.

## Common questions

### Why does clicking the button select it instead of opening a form?

Check the canvas mode. Edit uses clicks to select components; Preview runs the app’s normal interactions.