Skip to content
Web UI tour

Web UI layout

A top bar plus three panes. Numbers map to the cards below.

RECALL/ search 150,000 messagesrefreshPROJECTSSESSIONSTRANSCRIPTstatscopy1234
  1. Top bar

    Counters, search box (press / to focus), all-projects toggle, manual refresh.

  2. Projects pane

    Every directory you ran Claude Code in, ordered by recency. Click to filter the middle pane.

  3. Sessions pane

    Sessions in the active project. Pin with star, alias, opening prompt preview, badge if a note exists.

  4. Transcript pane

    Full message replay. Header has alias, stats, action buttons. Notes section is collapsible.

Web UI

Wireframe above maps the four regions. Detail beyond the cards:

  • Search: full-text across every message; #tag-name filters by tag; press / to focus
  • Sessions list: row densities adjust to viewport; load more after 500 messages
  • Transcript: per-code-block copy on hover; markdown via strict DOMPurify allowlist
  • Resize: grab the right edge of the sessions pane; Cmd+\ collapses to a rail

Last updated