Conversation

Messages, attachments, code blocks and the pieces of a chat interface.

Message

One turn in a conversation: the avatar, the sender, the words and a status line.

Support thread
Thursday, October 22
HJ
Hal Jennings
Hi, I have three bare-root roses on order, #4471. There's a frost warning for tonight. Will that hold them up?
Nell Okafor Hollin Nursery, 9:21 AM
No. They're still dormant at the grower and land here on Tuesday, November 10.
NO
Priya brings them on the Thursday, November 12 morning run, 9:00 AM to 12:00 PM. Cover the bed with chopped leaves tonight so it stays workable.
HJ
Thursday works. Thanks, Nell.
Read 9:24 AM
On the ink card
Can Priya leave them by the shed if I'm out?
Delivered
NO
Nell Okafor
Yes. She'll wrap the roots in damp burlap and text you a photo when they're down.

Message scroller

Holds a long thread, opens at the latest message and follows new replies while you are at the bottom.

Send a reply, or scroll up to see the jump button
Thursday, October 22
Morning. The National Weather Service says 27°F tonight. Are my roses on order #4471 going to be all right?
9:02 AM
NO
Morning, Hal. They're fine. They're still dormant at the grower and land here on Tuesday, November 10.
Nell, 9:06 AM
NO
Priya brings them on the Thursday, November 12 morning run, 9:00 AM to 12:00 PM.
Nell, 9:06 AM
Can they come any sooner?
9:11 AM
NO
Not before they land. Tomasz checks every rose the day they arrive, then they wait in the cold store wrapped in damp burlap.
Nell, 9:14 AM
Fine. Is there anything I should do to the bed in the meantime?
9:15 AM
NO
Cover it with cardboard or a few inches of chopped leaves tonight. It keeps the top of the soil workable, so you can plant the day they arrive.
Nell, 9:19 AM
I have plenty of leaves. Doing it after lunch.
9:22 AM

Bubble

The surface of a message. Warm for the person writing, plain text for the reply.

Variants
Default: the warm tint, for the person writing.
Ghost: plain text on the page, for the reply. It can run the full width of the thread, which suits longer answers about pruning and planting depth.
Tinted: the cool tint, for a note from the system.
Muted: deeper paper, for quoted or quiet content.
Outline: a hairline, for suggestions.
Destructive: for a message that failed.
Reaction and retry
Your foxgloves and lavender, #4482, go out on the Saturday, October 24 afternoon run, 1:00 PM to 4:30 PM.
Not sent. Tap the message to retry.
On the ink card
How deep should the graft union sit?
About 2 inches below the soil. It protects the union from frost.
Show me a planting diagram

Attachment

A file sent in a conversation, with its name, size, upload state and actions.

Files
invoice-4471.pdf PDF, 84 KB
planting-bare-root-roses.pdf PDF, 1.2 MB
rose-bed-under-leaves.jpg Uploading, 3.1 of 4.8 MB
soil-test-results.xlsx Over the 10 MB limit

Select a finished file to open it.

Photos, on the cool block
ferry-lane-rose-bed.jpg 2.4 MB
bed-under-cardboard.jpg 3.7 MB
bed-marked-out.heic Converting
receipt-4482.pdf PDF, 61 KB

Code block

Code, terminal commands and diffs, with the file name and a copy button.

Svelte, with line numbers
src/routes/order/+page.svelte
<script lang="ts">	import { Button } from '$lib/components/ui/button';
	let held = $state(false);</script>
<!-- Keep a pre-order in the cold store until the ground thaws. --><Button variant="outline" disabled={held} onclick={() => (held = true)}>	{held ? 'Held in the cold store' : 'Hold my order'}</Button>
Terminal, on the ink card
bash
# Add the button, then start the dev servernpx shadcn-svelte@latest add buttonnpm run dev -- --open
Diff, small size with floating copy
{  "order": "#4474",  "customer": "Marguerite Lowe",  "status": "Out for delivery",  "due": "2026-10-22",  "slot": "9:00 AM to 12:00 PM",  "van": "Van 1",  "note": null  "note": "Leave by the side gate if nobody is in."}

Marker

A small note between messages: a date, a status, someone joining.

In a thread
Thursday, October 22
Priya Ramaswamy joined the conversation
Order #4482 moved to Saturday, October 24, afternoon
Priya is typing…
On the warm block
Saturday, October 24
Priya will leave it by the shed if nobody is in

Trace

The steps an assistant took before it replied, each one open for detail.

Tool steps
Bare-root rose ‘Gertrude Jekyll’ Pre-order: 0 in stock, 9 reserved Arrives at the nursery Tuesday, November 10 First run after Thursday, November 12, Van 1
A failed step, on the warm block
Looked up order #4479 Done, 0.6s Could not check stock Failed, no answer after 8.2s

Questionnaire

A few questions asked inside the chat, one at a time, with a progress bar.

Pick a delivery day
Question 1 of 3
Which day should Priya bring your order?

The vans go out on Tuesday, Thursday and Saturday.

Built to be copied.

Meadow is a shadcn-svelte setup with its own tokens and every component restyled. Take the CSS, take the components you need, and leave the rest.

Meadow

Meadow, 2026. Built on shadcn-svelte.