ui: visual updates to Search Builder UI with OUI design system#73
Open
janellearita wants to merge 1 commit intoopensearch-project:mainfrom
Open
ui: visual updates to Search Builder UI with OUI design system#73janellearita wants to merge 1 commit intoopensearch-project:mainfrom
janellearita wants to merge 1 commit intoopensearch-project:mainfrom
Conversation
janellearita
requested review from
fen-qin,
kaituo,
owaiskazi19 and
saratvemulapalli
as code owners
Comprehensive UI overhaul of the Search Builder (now Launchpad) applying OUI design tokens, patterns, and dark mode support. Visual changes: - Apply OUI color tokens (sky palette), Source Sans 3 font, spacing scale - Add dark mode with full token set and theme toggle - Dark mode OpenSearch logo with official brand colors - Redesign document result cards with rank, title, meta, inline score - Add custom IndexDropdown with two-line items (name, description, date, docs) - Replace Compare toggle with Single/Compare segmented control - Compact e-commerce cards with side thumbnails in compare mode - Responsive layout at 1024px max-width with breakpoints at 960/768/640px Interaction changes: - Settings panel collapsed by default - Prevent selecting same index in both compare dropdowns - Preserve template and search results when switching Single/Compare modes - Suggestion chips shown directly under search bar (no toggle label) - Limit suggestions to 5, single capability badge per chip Cleanup: - Remove dead code for chat template, unused state, template icons - Remove capability pills from settings (info in dropdown + pane headers) - Align all spacing, radius, and typography with OUI design system spec Signed-off-by: Janelle <janarita@amazon.com>
janellearita
force-pushed
the
ui-cleanup-oui-redesign
branch
from
16f6ed9 to
9e34b52
Compare
saratvemulapalli
approved these changes
Mar 30, 2026
Member
|
@fen-qin please review the changes as well.. |
fen-qin
approved these changes
Mar 31, 2026
Collaborator
fen-qin
left a comment
fen-qin
left a comment
There was a problem hiding this comment.
LGTM, thanks for bringing the UI/UX improvements
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Comprehensive UI overhaul of the Search Builder (now Launchpad) applying OUI design tokens, patterns, and dark mode support.
Visual changes:
Interaction changes:
Cleanup:
Description
Redesigns the Search Builder UI to align with the OUI design system. Adds dark mode, a custom index dropdown with rich metadata, a Single/Compare segmented view selector, and redesigned result cards. Reduces templates to Document and E-Commerce, removes dead chat template code, and improves responsive behavior.
Issues Resolved
N/A — design cleanup and UX improvements
By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.