diff --git a/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.stories.tsx b/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.stories.tsx index ce1cfc0345..a7dfdf35a3 100644 --- a/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.stories.tsx +++ b/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.stories.tsx @@ -1391,3 +1391,32 @@ export const SourcesOnlyAssistantSpacing: Story = { ).toBeInTheDocument(); }, }; + +export const NoRenderableContentFallbackSpacing: Story = { + args: { + ...defaultArgs, + parsedMessages: buildMessages([ + { + ...baseMessage, + id: 101, + role: "assistant", + content: [], + }, + { + ...baseMessage, + id: 102, + role: "user", + content: [{ type: "text", text: "Thanks for trying!" }], + }, + ]), + }, + play: async ({ canvasElement }) => { + const canvas = within(canvasElement); + expect( + canvas.getByText("Message has no renderable content."), + ).toBeInTheDocument(); + expect( + document.querySelector('[data-testid="assistant-bottom-spacer"]'), + ).toBeInTheDocument(); + }, +}; diff --git a/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.tsx b/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.tsx index 3185079aa2..54b0ace204 100644 --- a/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.tsx +++ b/site/src/pages/AgentsPage/components/ChatConversation/ConversationTimeline.tsx @@ -499,10 +499,9 @@ const ChatMessageItem = memo<{ )} )} - {/* Spacer for assistant messages without an action bar - (e.g. reasoning-only or sources-only) so they have - consistent bottom padding before the next user bubble. */} - {displayState.needsAssistantBottomSpacer &&
} + {displayState.needsAssistantBottomSpacer && ( + + )} {previewImage && (