Editor has no 'show all paths' / 'hide all paths' buttons — user must toggle each path's visibility icon one at a time in the right panel #208

New issue

Closed

opened 2026-10-04 00:00:48 +00:00 by Mark · 1 comment

Mark commented

2026-10-04 00:00:48 +00:00

Owner

Finding

src/components/editor/EditorRightPanel.tsx:170 renders an Eye/EyeOff toggle per path in the path list. Each click calls onTogglePathVisibility(p.id, !p.visible). There's no global "show all" or "hide all" button.

A user with 8 paths in a design who wants to focus on the canvas without distraction:

Clicks the EyeOff icon on each path (8 clicks)
OR, hides them by clicking each Eye icon

For a 4-path design, that's 4 clicks. A single "Hide all" button in the right panel's section header would do it in 1.

grep -n 'showAll\|hideAll' src/components/editor/ returns 0 hits.

Where

Per-path eye: src/components/editor/EditorRightPanel.tsx:170
No global toggle: grep -n 'showAllPaths\|hideAllPaths' src/components/editor/ returns 0
Path list section: src/components/editor/EditorRightPanel.tsx:142-180

Suggested fix shape

Add two small icon buttons to the right panel's "Path List" section header:

<div className="flex items-center gap-1">
  <button onClick={() => onToggleAllPathsVisibility(true)} title="Show all paths">
    <Eye size={12} />
  </button>
  <button onClick={() => onToggleAllPathsVisibility(false)} title="Hide all paths">
    <EyeOff size={12} />
  </button>
</div>

onToggleAllPathsVisibility(visible: boolean) dispatches a single update to all paths, pushing history once (single undo for the bulk action).

Optionally: a keyboard shortcut — Shift+V (per #178's planned shortcut listing).

Severity

Low. The user can click each path individually. Power users with many paths notice.

Discovered by

Gap analysis (2026-10-02) of editor path visibility.

#188 (open) — Editor multi-path selection. Bulk operations on selected paths is the parallel affordance.
#201 (open) — Editor path cycle. Same right panel section.

## Finding `src/components/editor/EditorRightPanel.tsx:170` renders an Eye/EyeOff toggle per path in the path list. Each click calls `onTogglePathVisibility(p.id, !p.visible)`. There's no global "show all" or "hide all" button. A user with 8 paths in a design who wants to focus on the canvas without distraction: - Clicks the EyeOff icon on each path (8 clicks) - OR, hides them by clicking each Eye icon For a 4-path design, that's 4 clicks. A single "Hide all" button in the right panel's section header would do it in 1. `grep -n 'showAll\|hideAll' src/components/editor/` returns 0 hits. ## Where - Per-path eye: `src/components/editor/EditorRightPanel.tsx:170` - No global toggle: `grep -n 'showAllPaths\|hideAllPaths' src/components/editor/` returns 0 - Path list section: `src/components/editor/EditorRightPanel.tsx:142-180` ## Suggested fix shape Add two small icon buttons to the right panel's "Path List" section header: ```tsx <div className="flex items-center gap-1"> <button onClick={() => onToggleAllPathsVisibility(true)} title="Show all paths"> <Eye size={12} /> </button> <button onClick={() => onToggleAllPathsVisibility(false)} title="Hide all paths"> <EyeOff size={12} /> </button> </div> ``` `onToggleAllPathsVisibility(visible: boolean)` dispatches a single update to all paths, pushing history once (single undo for the bulk action). Optionally: a keyboard shortcut — `Shift+V` (per #178's planned shortcut listing). ## Severity Low. The user can click each path individually. Power users with many paths notice. ## Discovered by Gap analysis (2026-10-02) of editor path visibility. ## Related - #188 (open) — Editor multi-path selection. Bulk operations on selected paths is the parallel affordance. - #201 (open) — Editor path cycle. Same right panel section.

Mark added the

feature-request

triage-approved

labels

2026-10-04 00:00:48 +00:00

Mark referenced this issue

2026-10-04 00:02:06 +00:00

Editor has no 'apply same settings to all paths' — user with 10 paths that should all be fill / red / density 0.5 must edit each path one at a time #212

Mark referenced this issue from a commit

2026-10-04 03:15:19 +00:00

fix(#208): Editor right-panel Show all / Hide all paths toolbar

Mark commented

2026-10-04 03:15:39 +00:00

Author

Owner

Shipped in 3cfe255 (origin/main). Editor right-panel Paths section now has a Show all / Hide all toolbar that mirrors the existing per-row Eye with single-click bulk action via the existing onTogglePathVisibility(array, visible) callback (#188). 84/84 right-panel tests + 989/990 full suite pass. Per-row Eyes unchanged.

Shipped in 3cfe255 (origin/main). Editor right-panel Paths section now has a Show all / Hide all toolbar that mirrors the existing per-row Eye with single-click bulk action via the existing onTogglePathVisibility(array, visible) callback (#188). 84/84 right-panel tests + 989/990 full suite pass. Per-row Eyes unchanged.

Mark closed this issue

2026-10-04 03:15:43 +00:00