#270 - Editor's Path List doesn't show how many nodes are in each path — user with 10 paths has to click each one to see the node count, no at-a-glance summary - Mark/Kimi_Agent_Brother_10_Digitizing_App - cyguin git: Adlerian Hierarchical Self-Actualization Syllogism

Mark commented

2026-10-04 03:40:29 +00:00

Owner

Finding

src/components/editor/EditorRightPanel.tsx's path list rows show:

Color swatch
Path name
Visibility toggle
Fit to view
(Right panel's Path Properties section shows Total Nodes for the SELECTED path)

But the per-row path list doesn't show the node count. The user has to select a path, then read the "Total Nodes" in Path Properties.

grep -n 'nodes.length' src/components/editor/EditorRightPanel.tsx — the count is referenced in the Path Properties section but not in the row itself.

A user with 10 paths:

Wants to find the path with 5 nodes
Has to click each one and read the count
Could be 10 clicks

The fix is a small N nodes badge on each row.

Where

Path list row: src/components/editor/EditorRightPanel.tsx:142-180
No node count in row: grep -n 'nodes' src/components/editor/EditorRightPanel.tsx (the count is in Path Properties, not the row)

Suggested fix shape

Add a small text/badge to each row showing the node count:

<span className="text-[10px]" style={{ color: '#6B6560' }}>
  {p.nodes.length} nodes
</span>

Render it next to the path name (or in a tooltip on hover for the icons view per #267).

The user can now scan the list and find paths with the right node count.

Optionally: color-code by complexity:

< 5 nodes: green
5-15 nodes: yellow
15 nodes: red (gets complex)

This is a visual cue for "this is a simple path" vs "this is a complex one."

Severity

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

Discovered by

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

The Path Properties section (per the snippet) already shows the node count for the selected path. The row is the bulk-summary version.
#244 (open) — Stitch-type icon. Same row; the icon is the "type" visual.
#248 (open) — Path list search/filter. Same row; the search is the lookup.

## Finding `src/components/editor/EditorRightPanel.tsx`'s path list rows show: - Color swatch - Path name - Visibility toggle - Fit to view - (Right panel's Path Properties section shows Total Nodes for the SELECTED path) But the per-row path list doesn't show the node count. The user has to select a path, then read the "Total Nodes" in Path Properties. `grep -n 'nodes.length' src/components/editor/EditorRightPanel.tsx` — the count is referenced in the Path Properties section but not in the row itself. A user with 10 paths: - Wants to find the path with 5 nodes - Has to click each one and read the count - Could be 10 clicks The fix is a small `N nodes` badge on each row. ## Where - Path list row: `src/components/editor/EditorRightPanel.tsx:142-180` - No node count in row: `grep -n 'nodes' src/components/editor/EditorRightPanel.tsx` (the count is in Path Properties, not the row) ## Suggested fix shape Add a small text/badge to each row showing the node count: ```tsx <span className="text-[10px]" style={{ color: '#6B6560' }}> {p.nodes.length} nodes </span> ``` Render it next to the path name (or in a tooltip on hover for the icons view per #267). The user can now scan the list and find paths with the right node count. Optionally: color-code by complexity: - < 5 nodes: green - 5-15 nodes: yellow - > 15 nodes: red (gets complex) This is a visual cue for "this is a simple path" vs "this is a complex one." ## Severity Low. The user can click each path. Power users with many paths notice. ## Discovered by Gap analysis (2026-10-02) of editor path list affordances. ## Related - The Path Properties section (per the snippet) already shows the node count for the selected path. The row is the bulk-summary version. - #244 (open) — Stitch-type icon. Same row; the icon is the "type" visual. - #248 (open) — Path list search/filter. Same row; the search is the lookup.

Mark added the

feature-request

triage-approved

labels

2026-10-04 03:40:29 +00:00

Mark referenced this issue

2026-10-04 03:42:40 +00:00

Editor's path list shows the path's stitch type via the right panel's dropdown but doesn't show which paths use which thread color at a glance — user with 5 paths in 4 different colors can't tell which color is on which path without selecting each #282

Mark referenced this issue

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

Workspace's stitch object list shows object name and color but no position or size — user with 30 objects has no way to tell which is at which (x, y) without selecting each one #302

Mark referenced this issue

2026-10-04 03:51:42 +00:00

Editor's path list shows path name but no preview thumbnail — user with 30 paths can't tell what each path looks like without clicking it; the only visual is the canvas itself #320

Mark referenced this issue

2026-10-04 03:52:30 +00:00

Editor has no 'node count goal' or 'simplification suggestion' — user with 200 nodes wanting to know 'is this too many?' has no rule of thumb surfaced #326

Mark referenced this issue

2026-10-04 03:57:34 +00:00

Editor's Path Properties has 'Path Properties' but no 'Add to favorites' for the path — user wanting to mark certain paths as 'favorites' (e.g., for a multi-path design) has no such affordance #362

Mark referenced this issue

2026-10-04 03:57:49 +00:00

Editor's Path Properties has 'Stitch type' but no 'stitch type icon' (visual indicator) — user with a satin path in the row can see the type in the dropdown but not in the row at a glance #364

Mark referenced this issue from a commit

2026-10-04 13:22:24 +00:00

fix(#270): per-row node count in every path-list view mode

Mark commented

2026-10-04 13:29:07 +00:00

Author

Owner

Shipped at 4c6ac10 — fix(#270): per-row node count in every path-list view mode.

Restored the at-a-glance node count in every view mode:

Comfortable: existing visible {n} nodes · {type} meta line (kept from #244); added hidden path-node-count-<id> test-id span.
Compact: inline N node(s) badge next to the path name (muted gray #6B6560), as the issue suggested.
Icons: count surfaced via the title attribute (hover-tooltip) and aria-label (screen-reader read), since the 5-column grid has no room for inline text.

All three views now expose a uniform path-node-count-<id> test-id contract. 11 new tests in issue-270.test.tsx; 3 pre-existing tests in EditorRightPanel.test.tsx updated. 1479/1480 tests pass (1 pre-existing skipped); tsc + eslint clean.

Shipped at 4c6ac10 — `fix(#270): per-row node count in every path-list view mode`. Restored the at-a-glance node count in every view mode: - **Comfortable**: existing visible `{n} nodes · {type}` meta line (kept from #244); added hidden `path-node-count-<id>` test-id span. - **Compact**: inline `N node(s)` badge next to the path name (muted gray #6B6560), as the issue suggested. - **Icons**: count surfaced via the `title` attribute (hover-tooltip) and `aria-label` (screen-reader read), since the 5-column grid has no room for inline text. All three views now expose a uniform `path-node-count-<id>` test-id contract. 11 new tests in `issue-270.test.tsx`; 3 pre-existing tests in `EditorRightPanel.test.tsx` updated. 1479/1480 tests pass (1 pre-existing skipped); tsc + eslint clean.

Mark closed this issue

2026-10-04 13:29:10 +00:00

Mark referenced this issue

2026-10-04 16:18:45 +00:00

Editor's path list shows the path's stitch type via the right panel's dropdown but doesn't show which paths use which thread color at a glance — user with 5 paths in 4 different colors can't tell which color is on which path without selecting each #282