Skip to content

chore: move error message svg to ai-chat-components package#1015

Closed
annawen1 wants to merge 2 commits intocarbon-design-system:mainfrom
annawen1:feat/error-message-svg
Closed

chore: move error message svg to ai-chat-components package#1015
annawen1 wants to merge 2 commits intocarbon-design-system:mainfrom
annawen1:feat/error-message-svg

Conversation

@annawen1
Copy link
Member

@annawen1 annawen1 commented Feb 27, 2026

Closes #1016

This PR pulls out the error message svg component from the ai-chat package to our ai-chat-components package so that it can be used in components outside of ai-chat

Screenshot 2026-02-27 at 12 45 50 PM

Changelog

New

  • error-message-svg component and its React wrapper
  • stories for the new component

Changed

  • Replace the <ErrorMessage component with new component from ai-chat-components
  • The svg was adjusted slightly for the dark theme as I noticed the svg was missing the bottom bar

Testing / Reviewing

go to demo deploy preview and check the catastrophic error panel to ensure the svg looks the same.

@annawen1 annawen1 requested a review from a team as a code owner February 27, 2026 17:55
@netlify
Copy link

netlify bot commented Feb 27, 2026

Deploy Preview for carbon-ai-chat-components ready!

Name Link
🔨 Latest commit 8a4ace2
🔍 Latest deploy log https://app.netlify.com/projects/carbon-ai-chat-components/deploys/69a1dafe2697ac0008f6baf7
😎 Deploy Preview https://deploy-preview-1015--carbon-ai-chat-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 27, 2026

Deploy Preview for carbon-ai-chat-demo ready!

Name Link
🔨 Latest commit 8a4ace2
🔍 Latest deploy log https://app.netlify.com/projects/carbon-ai-chat-demo/deploys/69a1dafe8b92440008ba2d49
😎 Deploy Preview https://deploy-preview-1015--carbon-ai-chat-demo.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 27, 2026

Deploy Preview for ai-chat-components-react ready!

Name Link
🔨 Latest commit 8a4ace2
🔍 Latest deploy log https://app.netlify.com/projects/ai-chat-components-react/deploys/69a1dafe13d8c30008b90f37
😎 Deploy Preview https://deploy-preview-1015--ai-chat-components-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

@warrenmblood warrenmblood left a comment

Choose a reason for hiding this comment

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

LGTM!

@annawen1 annawen1 requested a review from ethanwinters March 2, 2026 15:39
@annawen1 annawen1 added the do not merge Do not merge yet, PR is blocked label Mar 2, 2026
@annawen1
Copy link
Member Author

annawen1 commented Mar 4, 2026

Closing as it's not necessary to pull out of the ai-chat package anymore

@annawen1 annawen1 closed this Mar 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

do not merge Do not merge yet, PR is blocked

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Chat history]: pull error message component out from ai-chat to ai-chat-components

2 participants