ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tui: render reasoning parts with syntax highlighting instead of plain text

Browse source
This commit is contained in:
Dax Raad 2025-11-10 00:08:05 -05:00
commit 2fbb49ac30
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
View file

@ -945,7 +945,8 @@ const PART_MAPPING = {
} }
function ReasoningPart(props: { part: ReasoningPart; message: AssistantMessage }) { function ReasoningPart(props: { part: ReasoningPart; message: AssistantMessage }) {
const { theme } = useTheme() const { theme, syntax } = useTheme()
const ctx = use()
return ( return (
<Show when={props.part.text.trim()}> <Show when={props.part.text.trim()}>
<box <box
@ -957,7 +958,15 @@ function ReasoningPart(props: { part: ReasoningPart; message: AssistantMessage }
borderColor={theme.backgroundPanel} borderColor={theme.backgroundPanel}
> >
<box paddingTop={1} paddingBottom={1} paddingLeft={2} backgroundColor={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>
</box> </box>
</Show> </Show>