refactor: replace task detail sidebar with overlay, add vim multi-select #26

Merged

barrettruth merged 4 commits from refactor/ui-polish-overlay into main

2026-03-23 02:46:50 +00:00

barrettruth commented

2026-03-23 02:44:32 +00:00

Problem

The task detail view used a cramped right-sliding Sheet sidebar. The queue view lacked keyboard multi-select, and checkbox clicks were broken due to nested <button> elements.

Solution

Replace the task detail with a centered overlay panel (blur backdrop, two-column layout inspired by Linear). Add vim-style keyboard navigation: V visual mode for range selection, Ctrl+click for individual toggle, batch x complete and d delete. Fix nested button issue by using <div role="row"> for task rows. Merge queue and list views into a single route at /. Fix CI script to work outside nix shell by falling back to nix develop -c biome.

## Problem The task detail view used a cramped right-sliding Sheet sidebar. The queue view lacked keyboard multi-select, and checkbox clicks were broken due to nested `<button>` elements. ## Solution Replace the task detail with a centered overlay panel (blur backdrop, two-column layout inspired by Linear). Add vim-style keyboard navigation: `V` visual mode for range selection, Ctrl+click for individual toggle, batch `x` complete and `d` delete. Fix nested button issue by using `<div role="row">` for task rows. Merge queue and list views into a single route at `/`. Fix CI script to work outside nix shell by falling back to `nix develop -c biome`.