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

# Project comments

> Pin feedback to a spot in the live preview, discuss it in a thread, and send it to Vibely to fix.

Project comments let you and your collaborators leave feedback directly on the running app. Click a spot in the preview to start a thread, discuss the change, and send the thread to Vibely when you want it built. It's the natural place for review feedback from people who shouldn't be prompting the agent directly.

<Frame>
  <img src="https://cdn.vibely.sh/doc/v1/projects-comments.webp" alt="Project comments" width="1200" height="675" />
</Frame>

## Create a comment

1. Turn on comment mode: press `C`, or click the **Comments** icon in the editor header and choose **Comment mode**.
2. Click anywhere in the preview to drop a pin.
3. Type your comment in the box that opens.
4. Press Enter or click **Comment**. (Shift+Enter adds a new line.)

The pin is numbered and visible to everyone with access to the project. It remembers the page you were on and its position across and down the preview, so it stays in place when the window is resized. The preview only shows the pins left on the page you're looking at: switch pages with the route picker in the header to see the others.

Comment mode is one of the four preview modes (`S` select, `T` text, `D` draw, `C` comment). Turning it on turns the others off. See [Preview](/features/projects/preview).

## Reply to a comment

Click a pin to open its thread, type in **Reply…** at the bottom, and press Enter. Everyone with access to the project can see and reply to any thread.

## Send feedback to Vibely

Comments don't reach the agent on their own. When you're ready for a change to be built, send the thread in one of two ways:

* **Mention Vibely**: write `@vibely` anywhere in a comment or reply.
* **Send to chat**: click **Send to chat** on the thread.

Both send the whole thread to the project chat as a build request: the page, where the pin sits, and every message with its author. The prompt starts with *"The user left feedback as a comment on the live preview. Address it."*

## Resolve comments

When the feedback has been handled, open the thread and click **Resolve**. Resolved threads stay in the list, dimmed, and their pin turns green. Click **Resolved** to reopen a thread.

Resolving needs edit access to the project. Viewers can comment and reply, but don't get a **Resolve** button; they see a **Resolved** label on threads someone else has resolved.

## Edit and delete comments

You can edit or delete your own comments only. Edited comments are marked **(edited)**, and deleted ones show as **\[Deleted]** so the rest of the thread still makes sense.

## Reactions

Add a reaction to any comment: 👍 ❤️ 🎉 🙏 👀. Reactions are visible to everyone in the thread.

## Comments sidebar

Click the **Comments** icon in the header and choose **All comments** to open the sidebar. It lists every thread in the project, open and resolved, with the most recently active first. Use **Search comments** to find threads by text or author, and click a thread to open it.

The badge on the **Comments** icon counts open (unresolved) threads.

## Notifications

When someone replies to a thread, everyone who already commented in it gets a **New reply on a comment** notification in Vibely (and a push notification, if you've allowed them). Starting a new thread doesn't send a notification, so mention `@vibely` or tell your team when you need attention on it.

## FAQ

<AccordionGroup>
  <Accordion title="Who can leave comments?">
    Anyone who can open the project, including people with **Can view** access. Comments are available on all plans. People who only have a [preview link](/features/collaboration/sharing#share-a-preview-link) can't comment; invite them to the project instead.
  </Accordion>

  <Accordion title="Do comments use credits?">
    No. Leaving comments is free. When you send a thread to Vibely with `@vibely` or **Send to chat**, the resulting build uses credits like any other chat message.
  </Accordion>

  <Accordion title="Can I see comments from other pages?">
    Yes. Pins in the preview are filtered to the page you're viewing, but the sidebar lists threads from every page, and each thread shows the page it was left on. Pins left before Vibely recorded the page appear on the home page.
  </Accordion>

  <Accordion title="What happens to a pin when the layout changes?">
    Pins are placed by position in the preview, not attached to an element. If the page layout changes a lot, a pin can end up next to a different element. The thread itself, and the page it was left on, are always kept.
  </Accordion>
</AccordionGroup>

## Related

<CardGroup cols={2}>
  <Card title="Preview" icon="eye" href="/features/projects/preview">
    Preview modes and toolbar.
  </Card>

  <Card title="Collaboration" icon="users" href="/features/collaboration/overview">
    Invite people and assign roles.
  </Card>

  <Card title="Share a project" icon="share-nodes" href="/features/collaboration/sharing">
    Invite links and preview links.
  </Card>

  <Card title="Visual edits" icon="pen-to-square" href="/features/design/visual-edits">
    Change the UI directly in the preview.
  </Card>
</CardGroup>


## Related topics

- [Share a project with internal or external collaborators](/features/collaboration/sharing.md)
- [Collaborate on a project](/features/collaboration/overview.md)
- [Preview and test your app](/features/projects/preview.md)
- [Edit from the preview](/features/design/visual-edits.md)
- [FAQ](/faq.md)


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