Element guide

Claude Code statusline with model name

Display the active Claude model in your Claude Code statusline so you always know whether Opus, Sonnet, or Haiku is driving.

Open the builder

Why surface the model?

Claude Code session JSON contains `model.display_name` (and `model.id`), which is exactly what you want pinned to your terminal during a long-running session. Switching models mid-project — for example, dropping to Haiku for a quick batch — is harder to track without it.

The model element reads `model.display_name` and falls back to `model.id` if a friendly name is missing, so the same element works across model upgrades without any change to your design.

How it looks

The preview pairs a dim `model:` label, the active model name in magenta, and a tilde-collapsed working directory. The element accepts the full ANSI styling palette — bold, italic, dim, 16-color, 256-color, and truecolor — and the live preview uses the same interpreter the install script will use.

How to add it

Drag the Model element from the palette, style it however you like, and use the live preview to confirm. When you hit install, the generated script is wrapped in a quoted heredoc and merged into `settings.json` without disturbing any other keys.

Keep exploring