Skip to content

Implement the new design for card search results#3986

Merged
FadhlanR merged 12 commits intomainfrom
cs-10095-implement-search-result-new-design
Feb 16, 2026
Merged

Implement the new design for card search results#3986
FadhlanR merged 12 commits intomainfrom
cs-10095-implement-search-result-new-design

Conversation

@FadhlanR
Copy link
Contributor

Screen.Recording.2026-02-12.at.13.32.26.mov

@github-actions
Copy link

Preview deployments

@github-actions
Copy link

github-actions bot commented Feb 12, 2026

Host Test Results

    1 files  ±0      1 suites  ±0   1h 41m 6s ⏱️ + 2m 26s
1 847 tests +9  1 834 ✅ +9  13 💤 ±0  0 ❌ ±0 
1 862 runs  +9  1 849 ✅ +9  13 💤 ±0  0 ❌ ±0 

Results for commit d0738e8. ± Comparison against base commit 1c92e52.

♻️ This comment has been updated with latest results.

@FadhlanR FadhlanR marked this pull request as ready for review February 12, 2026 22:31
@FadhlanR FadhlanR requested a review from a team February 12, 2026 22:31
Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: d315fce1c3

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This pull request implements a new design for card search results in the host application. The changes refactor the search sheet component to use a section-based layout with enhanced visual organization and improved user experience.

Changes:

  • Introduced section-based search results with headers showing realm information and focus controls
  • Extracted search logic into a dedicated PrerenderedSearchResource with live realm update support
  • Added view toggles (grid/strip) and sort options for search results
  • Implemented progressive disclosure with "Show more" functionality and display limits

Reviewed changes

Copilot reviewed 19 out of 19 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
packages/host/app/resources/prerendered-search.ts New resource managing prerendered card search with live realm subscriptions
packages/host/app/lib/realm-utils.ts New utility functions for normalizing realm URLs and resolving card realms
packages/host/app/components/search-sheet/section-header.gts New component for search section headers with realm info and "Show only" toggle
packages/host/app/components/search-sheet/search-sheet-content.gts New component managing search content, sections, and state
packages/host/app/components/search-sheet/search-result-section.gts New component rendering individual search result sections (realm, URL, recents)
packages/host/app/components/search-sheet/search-result-header.gts New component for search result header with summary, view selector, and sort dropdown
packages/host/app/components/search-sheet/constants.ts New constants file defining display limits, view options, and sort options
packages/host/app/components/search-sheet/results-section.gts Modified to export SearchResult class and add displayRealmName support
packages/host/app/components/search-sheet/index.gts Refactored to use SearchSheetContent component and updated click-outside selector
packages/host/app/components/prerendered-card-search.gts Refactored to use PrerenderedSearchResource instead of inline search logic
packages/host/app/components/search-sheet/recent-cards-section.gts Deleted - functionality moved to search-result-section
packages/host/app/components/search-sheet/card-url-results.gts Deleted - functionality moved to search-sheet-content
packages/host/app/components/search-sheet/card-query-results.gts Deleted - functionality moved to search-sheet-content
packages/host/tests/integration/components/operator-mode-ui-test.gts Updated to use waitFor instead of click interactions for search results
packages/host/tests/integration/components/operator-mode-card-catalog-test.gts Updated assertions for new search result design and added new tests for features
packages/host/tests/acceptance/interact-submode-test.gts Updated search result assertions for new design
packages/host/tests/acceptance/freestyle-test.ts Added setupAuthEndpoints to test setup
packages/host/tests/acceptance/code-submode/inspector-test.ts Updated search label assertions with waitUntil for new design
packages/host/tests/acceptance/code-submode/card-playground-test.gts Updated to use specific card selector instead of index-based selection

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link
Contributor

@burieberry burieberry left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall looks good. I think the query needs to run on the Recents too? I can implement my changes after your PR is merged.

@FadhlanR FadhlanR merged commit 0d85522 into main Feb 16, 2026
104 of 105 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.

3 participants