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

# Comments

> Pin feedback directly onto the live preview — threads, mentions, search, and one-click Send-to-chat to turn a comment into a prompt.

Comments live on the preview itself. Toggle Comment mode, click anywhere on the rendered page, write a note, and Vibely pins it to that exact spot. Your collaborators see the pin in the same place — and you can turn any comment into a new prompt for the agent without leaving the project.

This is the review surface for design and product feedback. It replaces the usual loop of "screenshot in Slack, paste in chat, lose context."

## Turning Comment mode on

In a project, click the **Comments** toggle on the preview toolbar. The cursor switches to a pin; clicking anywhere on the rendered page drops a thread anchored to that element.

Toggle Comment mode off to interact with the preview normally. The pins stay visible until you hide them.

## Pinning to a spot

Each comment is pinned to the element you clicked on. When the preview re-renders — because the agent shipped a new build, or you re-published — Vibely tries to keep the pin attached to the same element. Pins on elements that no longer exist surface as "orphaned" so they don't quietly drift onto the wrong thing.

## Threads and mentions

Every pin opens a thread. Replies stack underneath; resolution marks the whole thread done and hides the pin. Reopen a thread to bring it back.

Mention a workspace member with `@` to notify them — they get the [notification](/docs/customize/notifications) on whichever channels they have on, with a deep link straight to the pinned comment.

## Search

Open the comments panel from the sidebar to see every thread in the project. Filter by author, state (open / resolved), or full-text search. This is how you find the comment from three weeks ago you knew you wrote but can't remember where.

## Send to chat

Each comment has a **Send to chat** action. Clicking it drafts a new prompt for the agent that includes the comment text and the element it was pinned to. You can edit the draft before sending or send as-is.

This is the path most teams use to turn feedback into work: review → comment → send to chat → agent ships the fix.

## Notifications

Comment activity flows through the standard notification settings. New comments, replies, mentions, and resolutions can each be muted independently. See [Notifications](/docs/customize/notifications) for the full list of channels.

## Related

<CardGroup cols={2}>
  <Card title="Web App iterate" icon="browser" href="/docs/web-app/iterate">
    Comment mode is one of several inline tools in the iterate surface.
  </Card>

  <Card title="Web App overview" icon="browser" href="/docs/web-app/overview">
    Where Comments fits in the broader web build flow.
  </Card>

  <Card title="Project settings" icon="gear" href="/docs/workspace/project-settings">
    Restricted sharing and access requests for review workflows.
  </Card>

  <Card title="Notifications" icon="bell" href="/docs/customize/notifications">
    Tune which comment events ping you and where.
  </Card>
</CardGroup>