From 2fbb49ac30852325390b23c5e321fa7d87d6963e Mon Sep 17 00:00:00 2001
From: Dax Raad <d@ironbay.co>
Date: Mon, 10 Nov 2025 00:08:05 -0500
Subject: [PATCH] tui: render reasoning parts with syntax highlighting instead
 of plain text

---
 .../src/cli/cmd/tui/routes/session/index.tsx        | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
index 50bf21e0..c7f08014 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
@@ -945,7 +945,8 @@ const PART_MAPPING = {
 }
 
 function ReasoningPart(props: { part: ReasoningPart; message: AssistantMessage }) {
-  const { theme } = useTheme()
+  const { theme, syntax } = useTheme()
+  const ctx = use()
   return (
     <Show when={props.part.text.trim()}>
       <box
@@ -957,7 +958,15 @@ function ReasoningPart(props: { part: ReasoningPart; message: AssistantMessage }
         borderColor={theme.backgroundPanel}
       >
         <box paddingTop={1} paddingBottom={1} paddingLeft={2} backgroundColor={theme.backgroundPanel}>
-          <text fg={theme.text}>{props.part.text.trim()}</text>
+          <code
+            filetype="markdown"
+            drawUnstyledText={false}
+            streaming={true}
+            syntaxStyle={syntax()}
+            content={props.part.text.trim()}
+            conceal={ctx.conceal()}
+            fg={theme.text}
+          />
         </box>
       </box>
     </Show>