Leaf feature gallery

Leaf chrome · lf-toc · lf-ask · lf-options · lf-option

Asks: decisions and answers

An lf-ask is one complete Ask: its heading names the question, and one nested widget owns the answer. This sample uses lf-options, which records a choice Leaf can replay as page state. The banner shows completed/total. Press a for the next Ask waiting on you; open Asks, or press g then Shift+A, to review every active Ask and its current answer.

The top bar also shows the status line, Threads, the version picker, Map (g then Shift+M), All keyboard shortcuts (? twice), and All leaves when another Leaf page is live.

lf-suggestion · lf-old · lf-new

Suggestions: proposed text changes

Accept applies the proposed text; Reject keeps the original. Undo reverses either decision.

Replace. The sample meeting starts at nine.ten. Insert. Bring a notebook. A pencil is useful too. Delete. The room is upstairs. Please arrive an hour early.

Undo a proposal while keeping its choice

Pick a route inside the proposal, accept the proposal, then use its Undo Button. The proposal becomes undecided again; your route remains chosen. Reload to check that both decisions survive.

lf-draft

Drafts: editable passages and history

Edit opens a draft. Save records the new text; Cancel closes the editor. Changes lists saved versions, and Restore reapplies one.

Write a different invitation here. Try a few lines to see the editor grow.

Picked up means the saved edit entered an agent turn. The receipt and top bar derive their words from the same delivery, turn, and work evidence.

The sample workshop is in the blue room.

Thread Button · inline thread · Threads panel

Threads: anchored conversations

With Threads closed, a Thread Button or marked passage opens the conversation inline; t moves to the next inline card and T to the previous one. Open Threads while one is focused, including with g T, and the same thread stays focused in the panel. Its count shows how many conversations share that passage.

An existing conversation. The sample agenda has room for one more topic. Open the speech-bubble Button, reply, then resolve the thread.

Pasted images. That conversation includes an image supplied by its companion thread log, outside this document. Click the image to inspect it in Leaf’s Image preview. Paste a screenshot into its reply box to see the thumbnail Leaf keeps in the draft without exposing image Markdown.

A resolved conversation. The room has a projector. Its earlier question is resolved. Open Threads in the top bar, expand Resolved, and try Reopen to bring its Button back to the page.

A clean passage. Select some of these words, or Alt-click this paragraph, to start a comment. Type into the floating field and send it. Your comment becomes another thread Button at this passage.

Reaction Button · reaction picker

Reactions: short verdicts on a passage

Select words and press R to add a reaction. A square Button shows a saved reaction; press it to remove that reaction.

1 · ok · settled. The spare key is with reception.

2 · no · wrong. This sample claims Tuesday follows Thursday.

3 · lost · unclear. Bring the thing from the other place.

4 · cut · too long. At this point in time, we can now begin.

5 · more · needs detail. The exercise involves a map.

6 · this · look here. The side entrance closes early.

Action · Disclosure · Button-shaped status · Lifecycle state

Buttons: action, disclosure, and status

One shared target. Use the courtyardcovered terrace for the practice session. Accept and Reject act immediately; Thread and ⋯ disclose more; reaction marks are settled actions. Delivery statuses below report what already happened without offering another press.

lf-ask · lf-options · lf-option

Decisions: answers in context

A recorded answer stays visible in the widget that owns it; the page map adds no second status.

Approve version · Design mode · Draw mode · Requests

Reader workflows: approval, interface comments, and requests

lf-diff · lf-source · lf-num

External data: live values, snapshots, and provenance

Default package

Default presentation elements: widgets for structured evidence

These shipped widgets use synthetic data so each feature has a focused example.

run, baseline, candidate
1, 4, 5
2, 7, 9
3, 9, 12

flowchart LR
  Request([Request]) --> Choice{Valid?}
  Choice -->|yes| Success[(Stored)]
  Choice -->|no| Retry([Retry])
  Retry -.-> Request
  classDef done fill:var(--ok-tint),stroke:var(--ok),color:var(--ok-ink)
  classDef warning fill:var(--warn-tint),stroke:var(--warn),color:var(--warn-ink)
  class Success done
  class Retry warning

def route(weather):
    if weather == "rain":
        return "covered terrace"
    return "courtyard"

gallery/
  index.html  +20 -1
  data.json  +2
  media/
    after.png

Version picker · Change Button

Version changes: comparison evidence

Open the version picker and press Δ beside v1. The Change Button appears by the edited passage and opens its comparison.

The sample walk follows the river to the footbridge.

lf-board · lf-column · lf-card · delivery Buttons

Board and delivery state: work and handoff state

Drag the card to Tried, or use its grip with Enter and the arrows. Sent, Picked up, and Active report agent handoff. A refused send offers Retry and Cancel.

To ask for a refinement, comment on the sample that shows it and say what should change. Plain experiment clicks do not request implementation work.