Add pairwise chat comparison#797
Merged
zahlekhan merged 17 commits intoJul 23, 2026
Merged
Conversation
Header: panel titles with mode chips hoisted into the top bar, centered 'Change' pair switcher chip with descriptions in its dropdown, text-button back/CTA, 'Build for free' command menu with copyable package-manager variants, and a 'View comparison' tray with a per-pair feature table. Behavior: switching comparison pairs now resets the demo to its empty state (with a centered loader while surfaces initialize), and the pair switcher dropdown blurs the page behind it below the top bar. Controls: starter prompts are a single stacked card matching the centered composer width; report/presentation starters are tagged 'On Cloud only' and disabled when the selected pair excludes OpenUI Cloud. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Documents the Change dropdown with reset-on-switch and per-panel loading, top-bar panel titles with mode chips, the Build for free command menu, the View comparison feature tray, the stacked starter card with Cloud-only rows, and the centred composer with the floated reset button. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Desktop: fix the composer autosize locking in a bogus height when the page loads in a zero-width context (ResizeObserver re-measures on width change), add a theme toggle beside the composer, blur the comparison chip/tray under the pair-switcher overlay, refresh the panel empty states (new copy and icons), and add a compact primary CTA linking to the OpenUI Cloud docs at the base of the comparison tray. Mobile (<=900px): restructure the top bar to back / centred View comparison / hamburger; the hamburger reuses the homepage mobile tray component with Comparison and Preferences sections (pair options as plain text rows, reset, dark-light toggle) and the GitHub star CTA; both the menu and the comparison tray open as edge-to-edge sheets over a dark blurred backdrop that leaves the top bar sharp; the composer spans full width with reset/theme moved into the menu; starter rows share a uniform height with the Only on Cloud tag as plain text under a full-width label line. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…ents Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Contributor
Author
Updated OpenUI Cloud CTA
|
Aditya-thesys
approved these changes
Jul 23, 2026
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.
What
Adds a dedicated
/compareexperience for evaluating Rendered Markdown, OpenUI OSS, and OpenUI Cloud side by side while keeping the existing/chatexperience intact.Changes
?pair=URL state, defaulting to Markdown vs Cloud./chatroute and its existing documentation entry.Developer impact
The comparison implementation stays under
docs/app/compare; nopackages/**files are changed. The existing/chatroute remains available as the standalone OpenUI chat demo.Test plan
pnpm --filter @openuidev/docs types:checkno-img-elementwarnings in the overview page)pnpm --filter @openuidev/docs buildChecklist
/chatremains available