diff --git a/src/features/redesign/pages/ReproducibleChatPage.tsx b/src/features/redesign/pages/ReproducibleChatPage.tsx index dbba8b7d..a07ecd3a 100644 --- a/src/features/redesign/pages/ReproducibleChatPage.tsx +++ b/src/features/redesign/pages/ReproducibleChatPage.tsx @@ -214,6 +214,7 @@ export function ReproducibleChatPage({ hash }: ReproducibleChatPageProps) { lineHeight: 1.4, color: "var(--rd-ink-strong)", letterSpacing: "-0.18px", + whiteSpace: "pre-wrap", margin: 0, }}> {packet.shortAnswer} diff --git a/src/features/redesign/surfaces/ChatResponseShape.guard.test.ts b/src/features/redesign/surfaces/ChatResponseShape.guard.test.ts index 2f0af5f0..2629cb5d 100644 --- a/src/features/redesign/surfaces/ChatResponseShape.guard.test.ts +++ b/src/features/redesign/surfaces/ChatResponseShape.guard.test.ts @@ -14,5 +14,7 @@ describe("compact chat response rendering", () => { expect(chat).toContain("packet.nextAction.trim() &&"); expect(replay).toContain("packet.whyItMatters?.trim() &&"); expect(replay).toContain("!isCompactResponse && evidenceWithCites.length > 0 &&"); + expect(chat).toContain('whiteSpace: "pre-wrap"'); + expect(replay).toContain('whiteSpace: "pre-wrap"'); }); }); diff --git a/src/features/redesign/surfaces/ChatSurface.tsx b/src/features/redesign/surfaces/ChatSurface.tsx index 942ebdba..aaaad7cf 100644 --- a/src/features/redesign/surfaces/ChatSurface.tsx +++ b/src/features/redesign/surfaces/ChatSurface.tsx @@ -2101,6 +2101,7 @@ function AnswerPacket({ lineHeight: 1.4, color: "var(--rd-ink-strong)", letterSpacing: "-0.18px", + whiteSpace: "pre-wrap", margin: 0, }}> {renderInlineWithCites(packet.shortAnswer, packet.evidence, handleCiteEnter, handleCiteLeave, handleCiteContext, maskedIdx)}