Skip to content

Add welcome message to chat#2920

Open
Alexia-Claudia-Micu wants to merge 17 commits intomainfrom
users/cmicu/3786413
Open

Add welcome message to chat#2920
Alexia-Claudia-Micu wants to merge 17 commits intomainfrom
users/cmicu/3786413

Conversation

@Alexia-Claudia-Micu
Copy link
Copy Markdown
Contributor

@Alexia-Claudia-Micu Alexia-Claudia-Micu commented Apr 7, 2026

Pull Request

https://dev.azure.com/ni/DevCentral/_workitems/edit/3786413
Continuation of #2891

🤨 Rationale

Adding welcome message for Spright Chat Component, as defined in [Chat components]https://github.com/ni/nimble/blob/main/packages/spright-components/src/chat/specs/README.md)

👩‍💻 Implementation

  • Added new spright-chat-message-welcome component and framework wrapper.
  • Added new story for the welcome message.

🧪 Testing

Manual testing and added tests

✅ Checklist

  • I have updated the project documentation to reflect my changes or determined no changes are needed.

@Alexia-Claudia-Micu Alexia-Claudia-Micu changed the title Add welcome message Add welcome message to chat Apr 8, 2026
Comment thread change/@ni-spright-angular-3dd80b72-fa3a-4f62-9749-f852ef6a2b91.json Outdated
Comment thread packages/storybook/src/spright/chat/conversation/chat-conversation.mdx Outdated
Comment thread packages/spright-components/src/chat/message/welcome/styles.ts Outdated
Comment thread packages/spright-components/src/chat/message/welcome/template.ts Outdated
Comment thread packages/storybook/src/spright/chat/conversation/chat-conversation.stories.ts Outdated
Comment thread packages/storybook/src/spright/chat/message/chat-message-matrix.stories.ts Outdated
Comment thread packages/storybook/src/spright/chat/message/chat-message-matrix.stories.ts Outdated
Comment thread packages/storybook/src/spright/chat/message/chat-message.stories.ts Outdated
gap: ${mediumPadding};
}

.brand-icon {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

From screenshots of desktop and/or wireframes I thought I recalled this icon being big and multicolored rather than small and only black. I can confirm what's right at the UX meeting this Friday, but to start I'd suggest matching what desktop is doing:

From this PR

Image

From Figma

Image

Copy link
Copy Markdown
Contributor Author

@Alexia-Claudia-Micu Alexia-Claudia-Micu Apr 15, 2026

Choose a reason for hiding this comment

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

Added light and dark mode icons to icon-data.ts‎ for now.

@jattasNI Do you think it would be better if I added them to nimble-tokens instead?

@Alexia-Claudia-Micu Alexia-Claudia-Micu marked this pull request as ready for review April 16, 2026 08:53
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.

4 participants