feat(react-ui): native prefill-chips welcome screen - #831
Merged
Conversation
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Controlled iff value !== undefined; drafting override + external textarea ref so the prefill-chips welcome can own the draft. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…nent Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Chips mode lifts the draft into WelcomeScreen and drives the controlled composer; without chips the markup is unchanged. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…i-cloud Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Dot-access NEXT_PUBLIC env read (Next inlining), reset chip draft on thread switch, index-suffixed chip keys, docstring precision. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
ankit-thesys
commented
Jul 23, 2026
| * chip drops its prompt into the composer (instead of sending) and shows the | ||
| * chip's contextual starters, which append to the draft. | ||
| */ | ||
| prefillChips?: PrefillChip[]; |
Contributor
Author
There was a problem hiding this comment.
Name suggestion. for this prop,
Contributor
Author
There was a problem hiding this comment.
Addressed in #836 — renamed to promptTemplates / PromptTemplate, with the nested starters becoming completions. Landed pre-release so nothing breaks.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XECS4NLhz6BNd1TUYbWjfu
ankit-thesys
enabled auto-merge (squash)
July 23, 2026 14:35
This was referenced 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
2 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
Ports the prefill-chips welcome UX from genui-sdk's agent-workspace example (genui-sdk PR #112) into react-ui's props-mode
WelcomeScreen, so consumers get it natively instead of forking the composer via Welcome Mode C.WelcomeScreengainsprefillChips?: PrefillChip[](new exported type — the only public-API additions). Chip click prefills the welcome composer and swaps in the chip's contextual starters, which append to the draft. Without chips, markup is byte-identical to before (SSR-tested).DesktopWelcomeComposeris now optionally controlled (the draft was private state — the reason the example had to fork it), andConversationStarteraccepts anonSelectoverride. Neither component is publicly exported.welcomePrefillChips.scss(cssUtils tokens, BEM, no Tailwind) + scoped container tweaks inwelcomeScreen.scss.WelcomeWithPrefillChipsstory.OPENUI_CLOUD_BASE_URL/NEXT_PUBLIC_OPENUI_CLOUD_BASE_URL) for local-stack testing.Testing
pnpm --filter @openuidev/react-ui run ci(eslint + prettier + vitest 27/27) green; alsotsc --noEmit,tsc -p tsconfig.test.json --noEmit, full build incl.check:css.data-drafting), send flow, and the legacyWithWelcomestory unchanged.thesys_generate_slidesand rendered the slides artifact; mobile fallback (chips desktop-only, root starters retained) and dark theme verified.Follow-up (separate repo): simplify genui-sdk's agent-workspace example to use the native prop once react-ui publishes.
🤖 Generated with Claude Code