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

# Pages, components and files

> Find any file in your project, and rename, hide, delete or copy it to another project.

The file list shows everything the agent has built in your project, grouped by kind. Use it to find a screen, rename or delete a file, or copy files to another project.

![The Components panel open on the canvas, with the search box and the Prototypes, Components and Pages sections](https://mintcdn.com/polymet/TfIzLh80_L4bW9xQ/images/docs/canvas/file-list.png?fit=max\&auto=format\&n=TfIzLh80_L4bW9xQ\&q=85\&s=2d2bb515047fd479a82de6a28c27d7a0)

## Open the file list

* On the canvas, click **Components** at the top left.
* In Focus, click the address bar above the screen.

The row of icons at the top filters the list to one kind: **Prototypes**, **Components**, **Pages**, **Data** or **Plans**. Click the active icon again to show everything. Type in **Search files...** to filter by name.

Each section shows 5 files, then a link to show the rest.

## What is in each section

| Section | What it holds |
| - | - |
| Prototypes | Pages linked into one flow you can click through. A prototype is what you publish |
| Components | Reusable parts such as a navigation bar or a card, and layouts shared by several pages |
| Pages | Full screens |
| Data | Sample data the screens display, such as a list of users |
| Comparisons | Files placed side by side ([Compare options side by side](https://docs.polymet.ai/canvas/compare.md)) |
| Plans | Step-by-step task lists the agent writes for larger requests |

A file that no screen uses carries a **Not in use** tag.

## Prototypes

A prototype links several pages into one flow, the way a real app moves from screen to screen. It is the part of a project that gets its own live link when you publish it.

In the list, each prototype shows its pages underneath it. Click the prototype to open it in Focus, or click one of its pages to go straight to that page.

If your project has no prototype yet, the list says **There are no prototypes yet.** Click **Create a prototype**. The generation input fills with a prompt asking the agent to build one from your existing pages. Read it, change it if you like, and send it.

A row marked **no page linked** is a route in the prototype with no page behind it. Click the warning and the generation input fills with a prompt asking the agent to create or link a page for it.

To give a prototype a live link, see [Publish a prototype](https://docs.polymet.ai/publish/publish.md).

## Plans

For larger requests the agent writes a plan: a list of tasks it works through. Plans appear in the **Plans** section with a status: **Not started**, **In progress**, **Completed** or **Archived**.

To change a plan, ask the agent in a prompt. Plans are read-only in the code editor.

## Rename a file

1. Hover over the file and click the three-dot menu, then **Rename file**.
2. Type the new name under **New filename**. It needs at least 3 characters.
3. Check **Affected files**. These are the files that use this one. Polymet updates them for you.
4. Click **Rename File**.

Files that come from a design system can't be renamed from a project.

## Hide a file from the canvas

In the **Components** panel on the canvas, hover over a file and click the eye icon (**Hide from canvas**). The file stays in your project; only its node leaves the canvas. Click the eye again (**Add to canvas**) to bring it back.

The eye next to a section name hides or shows every file in that section. Showing 10 or more at once asks you first, since many nodes can slow the canvas down.

Prototypes can't be hidden.

## Delete a file

1. Open the file's three-dot menu and click **Delete**.
2. If other files use it, the dialog lists them under **Dependent files** and you can't delete it yet. Remove it from those files first, or ask the agent to.
3. Otherwise, type `DELETE` and click **Delete**.

The three-dot menu is hidden while the agent is generating and while you are looking at an older version.

## Copy files to another project

1. Open the file's three-dot menu and click **Copy to another project**. For several files, select their nodes on the canvas and click **Copy files to another project**.
2. Under **Files to copy**, check the list. Polymet adds every file they depend on, shown as dependencies.
3. Under **Destination**, pick a project in your organization, or click **Create new project** and name it.
4. Under **Filename conflicts**, see which files will be renamed because the other project already has a file with that name.
5. Click the copy button. It names the count, for example **Copy 3 files**.

If your project uses a design system, a new project gets the same one. When copying into an existing project, make sure both use the same design system, or the copied files may show errors.

## Related

* [The canvas](https://docs.polymet.ai/canvas/canvas.md) — moving, selecting and opening canvas nodes
* [Compare options side by side](https://docs.polymet.ai/canvas/compare.md) — comparisons in the file list
* [Publish a prototype](https://docs.polymet.ai/publish/publish.md) — give a prototype a live link
* [Versions and rollback](https://docs.polymet.ai/team/versions.md) — go back to an earlier state of the project


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.