A web-based visual editor for ccstatusline configuration files.
Instead of hand-editing the JSON config, open this in your browser and drag, drop, and click your status line into shape.
- Drag-and-drop widgets within and between status lines
- Widget palette — all 85+ widget types grouped and searchable
- 30 Widget Presets — curated selections for common workflows:
- Context Watch, Cost Monitor, Project Orientation, Git Full Picture, Token Economy, Focus Mode, Performance Audit, and more
- 68 Color Themes — named palettes (Ocean, Dracula, Gruvbox, Monokai, Tokyo Night, …)
- Auto-separators — insert your chosen separator character between all widgets in one click
- Max lines limit — apply presets truncated to a maximum number of status lines
- Ctrl+S to save directly to
~/.config/ccstatusline/settings.json
- Python 3.8+
- Flask
pip install ccstatusline-editor
ccstatusline-editorThen open http://localhost:5199 in your browser.
By default the editor reads/writes ~/.config/ccstatusline/settings.json. Point it at a
different file with --config:
ccstatusline-editor --config /path/to/settings.jsonTo hack on the editor itself, install it in editable mode so the ccstatusline-editor
command runs straight from your working copy:
git clone https://github.com/dpc00/ccstatusline-editor.git
cd ccstatusline-editor
pip install -e .- Palette (left) — drag a widget type onto any line, or double-click to add to the last line
- Lines (centre) — click a chip to edit its color and metadata; drag to reorder; ✕ to remove
- Schemes (toolbar) — choose a widget preset or color theme and apply in one click
- + Seps (toolbar) — select a separator character, click to insert between all widgets
- Save / Ctrl+S — writes back to your ccstatusline settings file
MIT