Comments – Components Reference – Live Wires

Comments

One ordinary comment shape can serve a proposal discussion and a Chat reply. The caller supplies meaning and content. Live Wires supplies the shared presentation hooks.

The first example in each pair reproduces the current consumer structure from its inspected template. The second uses the shared hooks with the same content for a direct visual comparison.

Proposal comment — current source visual reference

Jane Doe

I support the proposal. The repair schedule gives the crew a clear first step, and the budget keeps the work inside the amount we agreed to spend.

Same proposal comment — shared hooks

Jane Doe

I support the proposal. The repair schedule gives the crew a clear first step, and the budget keeps the work inside the amount we agreed to spend.

Chat reply — current source visual reference

Sam Rivera

I can take the first shift on Tuesday. I’ll post the supply list here before the end of the day.

Same Chat reply — shared hooks

Unlinked author and no avatar

Morgan Lee

The author has no profile link or avatar. The comment still has a stable anchor and a semantic time.

Unlinked author and avatar

Robin Patel

The avatar is decorative and unlinked. The visible author name identifies the person.

Long names, timestamps, links, and code

Rich body, edited metadata, and caller actions

Riley Chen

The crew shared the revised schedule and annotated the damaged stair:

  • Replace the cracked tread.
  • Photograph the finished repair for the maintenance record.
A sample image used to check intrinsic media sizing
The image stays within the comment body.

Keep the project notes at the maintenance record.

repair.status = "complete"
repair.reviewed_by = "the next shift"

Edited

Inherit an enclosing scheme

Taylor Green

The comment sets no background or text color. It inherits the surrounding scheme.

Separate comments, stable anchors, reading order

First worker

First comment in the thread.

Second worker

Second comment follows the first in DOM and reading order.

Third worker

Third comment follows the second in DOM and reading order.