Disable syntax highlighting while tool calls stream

2025-11-03 16:23:51 +00:00
parent 618729e1e3
commit 5cd9bca97f
3 changed files with 58 additions and 6 deletions
--- a/src/components/tool-call.tsx
+++ b/src/components/tool-call.tsx
@@ -290,10 +290,15 @@ export default function ToolCall(props: ToolCallProps) {

    const isLarge = toolName === "edit" || toolName === "write" || toolName === "patch"
    const messageClass = `message-text tool-call-markdown${isLarge ? " tool-call-markdown-large" : ""}`
+    const disableHighlight = state?.status === "running"

    return (
      <div class={messageClass}>
-        <Markdown part={{ type: "text", text: content }} isDark={isDark()} />
+        <Markdown
+          part={{ type: "text", text: content }}
+          isDark={isDark()}
+          disableHighlight={disableHighlight}
+        />
      </div>
    )
  }