Goal
Surface community prioritized collections in the Search view through two integration points to help users discover community-prioritized articles.
Design
This task covers two different surfaces for integrating nominated collections into the search journey:
Surface 1: Default search view (empty state)
Shows community priority articles when user hasn't started searching yet.
 |  | |
Visibility
- Section appears in default search view when no search query is entered
- Priority order: Community Priorities > Recently edited by you > Nearby
- If target language has a nominated collection → show "Community Priorities" (for all users, regardless of translation history)
- Hides when user starts typing a search query
- Only displays when the user's target language has a community nominated priority collection
Section content
Section header:
- Label: "Community Priorities"
- Description: "Articles the community selected as important to translate"
Article Display:
- Shows 3 individual articles from nominated collection(s)
- No collection badge displayed on articles
Placement
- Positioned directly below language selector buttons
- Appears in place of "Nearby" section for new users
- For experienced users, "Recently edited by you" appears first instead
- Clicking an article navigates to translation confirmation step
Visual Design
- Follows existing pattern of "Nearby" and "Recently edited" sections
- Header: @color-subtle (#72777d)
- Description: @color-subtle, @font-size-small
Surface 2: Search Results View (Active Search)
 |  | |
When user enters a search query, show visual indicators on articles that belong to the community-nominated priority collection.
Visibility
- Badge appears on search result articles that are part of the target language's community priority collection
- Shows for all users (both new and experienced) during active search
- Only appears when search query is entered (not in empty state)
- Badge displays regardless of user's translation history
Badge design
Badge label:
- Text: "Community priority"
- Icon: cdxIconUserGroup (user group icon, left of text)
Visual treatment:
- Background: @background-color-progressive-subtle (light blue)
- Text color: @color-progressive (blue)
- Icon color: @color-progressive (blue)
- Border-radius: @border-radius-pill (fully rounded)
- Padding: @spacing-12 (vertical), @spacing-50 (horizontal)
- Font-size: @font-size-small
- Font-weight: @font-weight-normal
- No box-shadow (flat appearance)
Placement
- Badge appears in article metadata row
- Positioned before the language count indicator
- Layout: [Community Priority badge] • [language count]
- Separator: Standard dot separator
Interaction
- Badge is non-interactive (no hover state, no click action)
- Purely informational indicator
- Clicking the article card navigates to translation confirmation step