[TOOL-4294] Nebula: Improved Thinking message UI #6889
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has enabled the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #6889 +/- ##
=======================================
Coverage 55.21% 55.21%
=======================================
Files 896 896
Lines 57057 57057
Branches 3955 3955
=======================================
Hits 31506 31506
Misses 25454 25454
Partials 97 97
🚀 New features to boost your workflow:
|
size-limit report 📦
|
Merge activity
|
<!--
## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"
If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):
## Notes for the reviewer
Anything important to call out? Be sure to also clarify these in your comments.
## How to test
Unit tests, playground, etc.
-->
<!-- start pr-codex -->
---
## PR-Codex overview
This PR focuses on enhancing the chat application by introducing a new `TextShimmer` component, modifying message handling for `presence` types, and updating styles in the CSS and Tailwind configuration for improved visual effects.
### Detailed summary
- Updated `FloatingChatContent.tsx` to use `texts` instead of `text` for presence messages.
- Introduced `TextShimmer` component in `text-shimmer.tsx`.
- Modified `Reasoning` component to handle `texts` prop.
- Updated `Chats` component to render `Reasoning` for presence messages.
- Enhanced CSS with new background and color styles.
- Added `text-shimmer` animation in `tailwind.config.js`.
- Updated story definitions in `Reasoning.stories.tsx` and `Chats.stories.tsx`.
> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
<!-- end pr-codex -->
graphite-app
bot
force-pushed
the
tool-4294
branch
from
9fc559b to
2832828
Compare
PR-Codex overview
This PR focuses on enhancing the chat functionality in the
nebula-appby introducing a newTextShimmercomponent, modifying message types to includetextsfor presence messages, and improving theReasoningcomponent to handle pending states more effectively.Detailed summary
FloatingChatContent.tsxto change presence messages from a single text to an array of texts.nebula-global.cssfor background and text colors.text-shimmeranimation totailwind.config.js.TextShimmercomponent intext-shimmer.tsx.Reasoningcomponent to display loading state withTextShimmer.Chats.tsxto support new message structure withtexts.handleNebulaPromptlogic to accommodate new message types.Reasoning.stories.tsxandChats.stories.tsxto showcase various scenarios, including presence and error messages.