Visual drag-and-drop config editor (Flask web app)

[dpc00]

Hi — big fan of ccstatusline. I built a companion web editor for the config file and wanted to share it.

Repo: https://github.com/dpc00/ccstatusline-editor

What it does

A Flask app (Python) that opens in the browser and lets you build your status line visually instead of editing JSON by hand.

• Drag-and-drop widgets within and between lines
• Searchable palette of all 83+ widget types, grouped by category
• 30 widget presets — curated selections for common workflows (Context Watch, Cost Monitor, Git Full Picture, Token Economy, Focus Mode, Performance Audit, Kitchen Sink, etc.)
• 56 colour themes — named palettes (Ocean, Dracula, Gruvbox, Monokai, Tokyo Night, Catppuccin, …)
• Auto-separator insertion — choose a character (|, space, •, ─) and insert between all widgets in one click
• Max lines setting — apply presets truncated to N lines
• Ctrl+S saves directly to ~/.config/ccstatusline/settings.json

Usage

pip install flask
python app.py
# open http://localhost:5199

---

Happy to turn this into a PR if you'd like it in the repo (e.g. as a tools/ or editor/ subdirectory), or keep it as a standalone companion. Let me know what works best.