@nguyenquangthai/pi-todo 0.2.5 → 0.2.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.2.6 (2026-07-15)
+
+- Restore Unicode block chars (`█`/`░`) for progress bar — looks cleaner.
+- Fix alignment: halve bar width (double-width chars) + pad percentage to 3 chars so heading never shifts when % changes.
+- README: update progress bar example to match.
+
 ## 0.2.5 (2026-07-15)
 
 - Fix progress bar: use single-width ASCII (`#`/`·`) instead of double-width Unicode (`█`/`░`) to avoid alignment issues in terminal.

package/README.md

@@ -58,11 +58,11 @@ Shown above the editor while any **open** todo remains (`pending` / `in_progress
 
 Hidden when the list is empty or every item is `completed` / `cancelled`.
 
-Heading shows open + running counts + progress bar, e.g. `# Todos (3 open, 1 running) ####···· 25%`:
+Heading shows open + running counts + progress bar, e.g. `# Todos (3 open, 1 running) ██░░ 25%`:
 
 - **open** = `pending` + `in_progress`
 - **running** = `in_progress` only (0 or 1 after a valid write)
-- **progress bar** = completed / total (adaptive width, single-width ASCII)
+- **progress bar** = Unicode block chars, width adapted to terminal
 
 Items within each status group are sorted by priority (high → medium → low).
 When space is tight, completed/cancelled items collapse into `+N done`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nguyenquangthai/pi-todo",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "OpenCode-like session todo checklist for the pi coding agent — todowrite/todoread with a live TUI overlay",
   "type": "module",
   "author": "QuangThai",

package/src/format.ts

@@ -156,14 +156,16 @@ export function renderOverlayLines(
   const total = todos.length;
   const done = total - open;
   const pct = total > 0 ? Math.round((done / total) * 100) : 0;
-  const barWidth = Math.max(4, Math.min(12, Math.floor(width / 8)));
+  const barWidth = Math.max(2, Math.min(6, Math.floor(width / 16)));
   const filled = Math.round((barWidth * done) / total);
-  const bar = "#".repeat(filled) + "·".repeat(Math.max(0, barWidth - filled));
+  const bar =
+    "█".repeat(filled) + "░".repeat(Math.max(0, barWidth - filled));
+  const pctPad = pct.toString().padStart(3);
 
   const heading = truncate(
     theme.fg("accent", theme.bold(`# Todos`)) +
       theme.fg("dim", ` (${open} open, ${running} running)`) +
-      theme.fg("muted", ` ${bar} ${pct}%`),
+      theme.fg("muted", ` ${bar} ${pctPad}%`),
   );
 
   // Small gap between heading and first row — budget -1 to account for the blank line