feat(genre-tree): add genre search with select-to-highlight

[Andreas-Garcia]

Summary

• Adds a genre search box to GenreTreeView so users can find a genre by name and select it directly, instead of only navigating the tree/wheel by hand.
• Bumps the @behindthemusictree/genre-tree-view catalog pin to 1.7.0.

Changes

• New GenreSearch component (packages/app-kit/src/genre-tree/GenreSearch.tsx) — a search input with a results dropdown, exported from genre-tree's barrel.
• New searchGenrePlaylistsByName helper (packages/app-kit/src/genre-tree/lib/genre-search.ts) — case-insensitive substring match on genre name.
• GenreTreeView wires the search box in, tracking a selectedNodeId alongside the existing selectedGenreUuid so a search selection highlights the matching node the same way a tree click does.
• TreePerRoot, TreeWheel, and TreeWheelRadialPopCore each gained a selectedNodeId prop, passed through to the underlying genre-tree-view renderer for highlighting.
• pnpm-workspace.yaml: @behindthemusictree/genre-tree-view catalog pin 1.6.1 → 1.7.0 (lockfile updated accordingly).
• CHANGELOG.md: added entries under [Unreleased] for the search feature and the catalog bump.

Test plan

• GenreSearch.test.tsx: renders no results before typing, filters as the user types, calls onSelect on a result click, clears the query after selection.
• lib/genre-search.test.ts: empty/whitespace query, case-insensitive match, substring match, no-match case.
• GenreTreeView.test.tsx: selecting a search result updates the info panel the same way a node click does, and selectedNodeId is passed through to the active tree renderer for highlighting.
• Full suite: pnpm --filter @behindthemusictree/app-kit test passes.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
app-kit-playground	Ready	Preview	Sep 17, 2026 5:43pm UTC