ui: fix collapsed user bubble with markdown rendering (#25869)

Edge paragraph margins are now zeroed at the source in
markdown-content.css, but the user bubble and the system message still
carried the -my-4 compensation for them. The uncompensated negative
margins shrank the wrapper 2rem below its content, collapsing
single-line user bubbles into a scrollable sliver and skewing the
system message expand threshold.

diff --git a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageSystem/ChatMessageSystem.svelte b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageSystem/ChatMessageSystem.svelte
index 9d3d07a2730b1e2491e3bb1dc6a9c89015e21bef..36798e2283a420ef030d50968ca1f7d462542b24 100644 (file)
--- a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageSystem/ChatMessageSystem.svelte
+++ b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageSystem/ChatMessageSystem.svelte
@@ -157,10 +157,7 @@
                                                >
                                                        {#if currentConfig.renderUserContentAsMarkdown}
                                                                <div bind:this={messageElement} class={isExpanded ? 'cursor-text' : ''}>
-                                                                       <MarkdownContent
-                                                                               class="markdown-system-content -my-4"
-                                                                               content={message.content}
-                                                                       />
+                                                                       <MarkdownContent class="markdown-system-content" content={message.content} />
                                                                </div>
                                                        {:else}
                                                                <span

diff --git a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageUser/ChatMessageUserBubble.svelte b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageUser/ChatMessageUserBubble.svelte
index 01fc9d3655050cfad9224eca8e4c07a84f07e1a2..04e6715bf058ffb1772dc22a48c8fdb0b9d98d0f 100644 (file)
--- a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageUser/ChatMessageUserBubble.svelte
+++ b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageUser/ChatMessageUserBubble.svelte
@@ -65,7 +65,7 @@
        >
                {#if renderMarkdown && currentConfig.renderUserContentAsMarkdown}
                        <div bind:this={messageElement}>
-                               <MarkdownContent class="markdown-user-content -my-4" {content} />
+                               <MarkdownContent class="markdown-user-content" {content} />
                        </div>
                {:else}
                        <span bind:this={messageElement} class="text-md whitespace-pre-wrap">