Skip to content

ResourceBrowser: search UX polish, Aidbox/FHIR badges, line clamp#82

Merged
Panthevm merged 2 commits into
masterfrom
resource-browser-search-polish
May 20, 2026
Merged

ResourceBrowser: search UX polish, Aidbox/FHIR badges, line clamp#82
Panthevm merged 2 commits into
masterfrom
resource-browser-search-polish

Conversation

@Panthevm
Copy link
Copy Markdown
Collaborator

Summary

  • ResourceBrowser: drop sort dropdown; sort by fuzzy relevance during search, by name otherwise.
  • Highlight fuzzy match ranges in name/description (shared util with Analytics).
  • Unify chips with Analytics: search state moved to ?q + ?tags[], chips keep original casing, whole chip removes the tag.
  • Boost name weight (×10) over description in the Fuse search.
  • Derive #Aidbox / #FHIR badges from SD publisher; brand color on the Aidbox filter chip, green on the FHIR one.
  • deprecated joined the status palette (warning color in chips).
  • List-row badges share one info-primary color.
  • line-clamp-2 on description.
  • Focus the first match on input, Enter opens it; same UX added to Analytics list pages (combined / views / queries).

Test plan

  • /u/resource: type a query → first item is highlighted → Enter opens it.
  • /u/resource: ↑/↓/Tab moves focus, ↓ past last and ↑ past -1 clear focus.
  • /u/resource: clicking a card tag adds it as chip; clicking the chip removes it.
  • /u/resource: #Aidbox/#FHIR chips are colored, #deprecated/#trial-use are warning, others are info.
  • /u/analytics, /u/analytics/views, /u/analytics/queries: same keyboard behavior; Enter opens the focused row.
  • Long descriptions truncate to two lines in the resource list.

Panthevm added 2 commits May 20, 2026 15:03
- drop sort dropdown; sort by fuzzy relevance while searching, by name otherwise
- highlight fuzzy match ranges in name/description (shared util with Analytics)
- unify chips/URL format with Analytics (?q + ?tags[]); whole chip removes the tag
- weight name×10 over description×1 in the Fuse search
- derive #Aidbox / #FHIR badges from SD publisher; brand color on the Aidbox filter chip, green on the FHIR one
- treat 'deprecated' as a status (warning color in chips)
- list-row badges share one info-primary color
- line-clamp-2 on description
- focus the first match on input, Enter opens it; same UX added to Analytics list pages
@ryukzak
Copy link
Copy Markdown
Contributor

ryukzak commented May 20, 2026

Tldr

@Panthevm Panthevm requested a review from ryukzak May 20, 2026 12:10
@Panthevm Panthevm merged commit 96576ba into master May 20, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants