From ebe9f50b44ee229cca96c07269d32e7d44ca3d21 Mon Sep 17 00:00:00 2001
From: imccyu <276526105+imccyu@users.noreply.github.com>
Date: Tue, 1 Sep 2026 21:00:23 +0800
Subject: [PATCH] perf(ui-chat): contain collapsed reasoning layout

---
 .../client/ui-chat/src/client/chat/ReasoningRow.module.css | 5 +++++
 packages/client/ui-chat/src/client/chat/ReasoningRow.tsx   | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/client/ui-chat/src/client/chat/ReasoningRow.module.css b/packages/client/ui-chat/src/client/chat/ReasoningRow.module.css
index 50056b0d0c..489d431236 100644
--- a/packages/client/ui-chat/src/client/chat/ReasoningRow.module.css
+++ b/packages/client/ui-chat/src/client/chat/ReasoningRow.module.css
@@ -3,6 +3,11 @@
   flex-direction: column;
 }
 
+.root:not([data-expanded]) {
+  contain: size layout;
+  height: calc(24px + var(--dsh-content-font-delta, 0px));
+}
+
 .row {
   position: relative;
   overflow: hidden;
diff --git a/packages/client/ui-chat/src/client/chat/ReasoningRow.tsx b/packages/client/ui-chat/src/client/chat/ReasoningRow.tsx
index b3a6e2a9b7..81b10a7c49 100644
--- a/packages/client/ui-chat/src/client/chat/ReasoningRow.tsx
+++ b/packages/client/ui-chat/src/client/chat/ReasoningRow.tsx
@@ -28,7 +28,12 @@ export function ReasoningRow({ text, running, t }: { text: string; running: bool
   const summary = running ? latestLine(text) : firstLine(text)
 
   return (
-    <div className={css.root} data-variant="think" data-state={running ? 'running' : 'ok'}>
+    <div
+      className={css.root}
+      data-variant="think"
+      data-state={running ? 'running' : 'ok'}
+      data-expanded={expanded || undefined}
+    >
       {running && <span className={a11yCss.visuallyHidden}>{t('row.running')}</span>}
       <DisclosureRow
         rowClassName={css.row}