diff --git a/artifacts/tui-thinking-disclosure/thinking-flat-markdown-disclosure.mp4 b/artifacts/tui-thinking-disclosure/thinking-flat-markdown-disclosure.mp4
new file mode 100644
index 0000000000..7df912aad1
Binary files /dev/null and b/artifacts/tui-thinking-disclosure/thinking-flat-markdown-disclosure.mp4 differ
diff --git a/packages/tui/src/routes/session/index.tsx b/packages/tui/src/routes/session/index.tsx
index 47ee2d55fc..054d35d405 100644
--- a/packages/tui/src/routes/session/index.tsx
+++ b/packages/tui/src/routes/session/index.tsx
@@ -968,7 +968,10 @@ function SessionRowView(props: { row: SessionRow; message: (messageID: string) =
{(row) => }
-
+
+ {(row) => }
+
+
{(row) => (
SessionMessageInfo | undefined
+}) {
+ const ctx = use()
+ const { theme, syntax } = useTheme()
+ const renderer = useRenderer()
+ const [expanded, setExpanded] = createSignal(false)
+ const parts = createMemo<{ message: SessionMessageAssistant; part: SessionMessageAssistantReasoning }[]>(
+ (previous) => {
+ const next = props.refs.flatMap((ref) => {
+ const message = props.message(ref.messageID)
+ if (message?.type !== "assistant") return []
+ const part = resolvePart(message, ref.partID)
+ if (part?.type !== "reasoning" || !part.text.replace("[REDACTED]", "").trim()) return []
+ return [{ message, part }]
+ })
+ return next.length > 0 ? next : previous
+ },
+ [] as { message: SessionMessageAssistant; part: SessionMessageAssistantReasoning }[],
+ )
+ const latest = createMemo((previous: string | null) => {
+ const item = parts().at(-1)
+ if (!item) return previous
+ const title = reasoningSummary(item.part.text.replace("[REDACTED]", "").trim()).title
+ if (title) return title
+ if (item.part.time?.completed !== undefined || item.message.time.completed !== undefined) return null
+ return previous
+ }, null)
+ const duration = createMemo(() =>
+ parts().reduce((total, item) => {
+ const end = item.part.time?.completed ?? item.message.time.completed
+ const start = item.part.time?.created ?? item.message.time.created
+ return total + (end === undefined ? 0 : Math.max(0, end - start))
+ }, 0),
+ )
+
+ return (
+ 0}>
+ {(item) => }
+ }
+ >
+
+ {
+ if (renderer.getSelection()?.getSelectedText()) return
+ setExpanded((value) => !value)
+ }}
+ >
+ {latest() ? `Thinking: ${latest()}` : "Thinking"}}
+ >
+
+ + Thought
+ : {latest()}
+ 1}> · {parts().length} steps
+ · {Locale.duration(duration())}
+
+ }
+ >
+
+ - Thought
+ 1}> · {parts().length} steps
+ · {Locale.duration(duration())}
+
+
+
+
+
+
+ {(item) => {
+ const content = createMemo(() => item.part.text.replace("[REDACTED]", "").trim())
+ const summary = createMemo(() => reasoningSummary(content()))
+ const markdown = createMemo(() => {
+ if (!summary().title) return content()
+ if (!summary().body) return `**${summary().title}**`
+ return `**${summary().title}** · ${summary().body}`
+ })
+ return (
+
+