BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align chat error message icon

Browse Source 
Centers the error icon with message text
Improves error text wrapping
This commit is contained in:
Bohdan Triapitsyn
2026-04-28 16:37:15 +03:00
parent 958ffe063e
commit 41369fa5f2
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/message/MessageBody.tsx
+9 -5
View File
@@ -1741,11 +1741,15 @@ const AssistantMessageBody = React.memo(({
{renderedParts}
{showErrorMessage && (
<FadeInOnReveal key="assistant-error">
<div className="group/assistant-text relative mt-3 p-3 rounded-lg border bg-[var(--status-error-background)] border-[var(--status-error-border)] break-all max-w-full">
<div className="flex items-start gap-2">
<RiErrorWarningLine className="h-4 w-4 shrink-0 mt-0.5 text-[var(--status-error)]" />
<div className="break-all min-w-0 flex-1">
<SimpleMarkdownRenderer content={errorMessage ?? ''} onShowPopup={onShowPopup} />
<div className="group/assistant-text relative mt-3 p-3 rounded-lg border bg-[var(--status-error-background)] border-[var(--status-error-border)] break-words max-w-full">
<div className="flex items-center gap-2">
<RiErrorWarningLine className="h-4 w-4 shrink-0 text-[var(--status-error)]" />
<div className="min-w-0 flex-1 break-words">
<SimpleMarkdownRenderer
content={errorMessage ?? ''}
onShowPopup={onShowPopup}
className="[&_.markdown-content>*:first-child]:mt-0 [&_.markdown-content>*:last-child]:mb-0"
/>
</div>
</div>
</div>