CS-10380: Fetch type picker options from _federated-types endpoint

[FadhlanR]

Screen.Recording.2026-03-13.at.16.03.28.mov

Summary

• Fetch type picker options from the _federated-types endpoint instead of deriving them from search results
• Move loading indicators and infinite scroll behavior from the host TypePicker into the boxel-ui Picker component
• Split type loading into two distinct states: full overlay for initial/search fetches, bottom spinner for load-more pagination
• Implement server-side search and pagination for type picker options (page size: 25)
• Types with the same display name but different code refs are merged into a single picker option

Changes

packages/boxel-ui/addon/src/components/picker/index.gts

• Added isLoading, isLoadingMore, hasMore, onLoadMore args to Picker
• Built-in PickerAfterOptions component with full overlay loading for initial/search and bottom spinner for load-more
• Scroll-based infinite scroll detection with immediate check via requestAnimationFrame
• dropdownClass adds --loading modifier for z-index layering (search input stays above overlay)

packages/host/app/components/type-picker/index.gts

• Now passes @isLoading, @isLoadingMore, @hasMore, @onLoadMore directly to Picker

packages/host/app/components/card-search/panel.gts

• Added fetchTypeSummaries restartable task calling realmServer.fetchCardTypeSummaries()
• Resource-based reactivity: realm URL or search key changes trigger re-fetch automatically
• Split loading into _isLoadingTypes (initial/search) and _isLoadingMoreTypes (pagination)
• _typeCodeRefs map tracks multiple code refs per display name for accurate search filtering

packages/host/app/components/card-search/search-bar.gts

• Added isLoadingTypes arg, passed through to TypePicker

Tests

• Updated type counts and added waitFor for paginated type options in operator-mode UI tests

Test plan

• Open type picker — verify loading indicator shows during initial fetch
• Type in type picker search — verify loading overlay covers options area (not search input)
• Scroll to bottom of type options — verify more types load with bottom spinner
• Select a realm filter — verify type options refresh from the endpoint
• Select specific type(s) — verify card search results filter correctly
• Run packages/host integration tests for operator-mode UI

🤖 Generated with Claude Code

[github-actions]

Preview deployments

• Host staging preview
• Host production preview
• Boxel UI staging preview

[github-actions]

Host Test Results

    1 files  ±0      1 suites  ±0   2h 30m 4s ⏱️ -40s
2 019 tests  - 1  2 003 ✅  - 2  15 💤 ±0  0 ❌ ±0  1 🔥 +1 
2 034 runs   - 1  2 017 ✅  - 3  15 💤 ±0  1 ❌ +1  1 🔥 +1 

For more details on these errors, see this check.

Results for commit 1aeeebf. ± Comparison against base commit 0da90e3.

This pull request removes 3 and adds 2 tests. Note that renamed tests count towards both.

Chrome ‑ Integration | operator-mode | ui: empty state shows no type options besides Any Type
Chrome ‑ Integration | operator-mode | ui: type options derived from recent cards when no search term, sorted alphabetically
Chrome ‑ Integration | operator-mode | ui: type options update when search term changes and deduplicate

Chrome ‑ Integration | operator-mode | ui: type options derived from realm types when no search term, sorted alphabetically
Chrome ‑ Integration | operator-mode | ui: type options show all realm types even without recent cards

♻️ This comment has been updated with latest results.