Skip to main content
Project comments let you and your collaborators leave feedback directly on elements in the project preview. Click on any element to start a thread, discuss changes, and optionally send the feedback to Lovable’s AI agent.

Creating a comment

  1. Click the Comment button in the toolbar to enter comment placement mode.
You can also press + c to open the command panel to quickly enter comment mode.
  1. Click on any element in the preview to place a comment pin.
  2. Type your comment in the text field that appears.
  3. Press Send to create the comment thread.
A pin appears on the element, visible to everyone with access to the project. Each pin is anchored to the specific element you clicked on.

Replying to comments

Click on any comment pin to open its thread. Type your reply at the bottom of the thread and press Send. All project collaborators can see and reply to any thread.

Sending feedback to Lovable

There are two ways to send a comment thread to Lovable’s AI agent:
  • Mention Lovable - Type @Lovable in a comment to send the thread as context to the agent.
  • Send to chat - Open a thread and press the Send to chat button in the thread header.
Both options send the full thread, including the page, the element, and all comments, to chat as structured feedback. The agent can then act on it directly. A system message is added to the thread to confirm it was sent.

Resolving comments

Once feedback has been addressed, you can mark a thread as resolved:
  1. Open the comment thread.
  2. Click the Resolve button in the thread header.
Resolved threads are hidden from the preview by default. You can toggle to show resolved comments from the comments panel. You can unresolve a thread at any time to reopen it.

Editing and deleting comments

  • Edit - Click the menu on your own comment and select Edit. Update the text and save.
  • Delete - Click the menu on your own comment and select Delete. Deleted comments show as “[Deleted]” in the thread to preserve context.

Reactions

You can add emoji reactions to any comment. Click the reaction button on a comment and pick an emoji. Reactions are visible to everyone in the thread.

Comments panel

The comments panel gives you an overview of all comment threads in the project. Open it from the sidebar to:
  • Browse all open and resolved threads in one place.
  • Search threads by comment text or author.
  • Sort threads by creation date or read status.
  • Track unread threads - Any thread with new replies since your last visit is highlighted.
Click any thread in the panel to navigate to its pin in the preview.

Anchor behavior

Each comment pin is anchored to the element you clicked on. As long as the element remains in the same position in the page structure, the pin stays attached.
If the layout changes significantly, for example if items are reordered, new elements are added before the commented one, or the element is removed entirely, the pin may lose its reference or attach to the wrong element. When a pin can no longer find its original element, it will display an indicator so you know the reference was lost. The comment thread itself is always preserved.

FAQ

Anyone with access to the project can leave comments, regardless of their role. Project comments are available on all plans.
Yes. You can either mention @Lovable in a comment or press the Send to chat button on a comment thread. Both options send the thread as context to the agent so it can act on the feedback.
The comment pin will remain but display an indicator that the original element could not be found. You can still view and interact with the thread.
Leaving comments does not use credits. However, when you send a comment thread to Lovable’s AI agent via @Lovable or Send to chat, the resulting agent response uses credits as with any other chat message.
Yes. The comments panel in the sidebar shows all threads across all pages. Pins are only visible on the page where they were placed.