feat: add linkComponents prop for Markdown rendering in ThinkingBlock
Adds a `linkComponents` prop that can be supplied to `RenderMarkdown` within `ThinkingBlock` and propagates this prop to the thread view. The change enables custom link rendering (e.g., special handling of URLs or interactions) without modifying the core component logic. It also renames the “Tool Call” label to “Tool Input” to more accurately describe the content being displayed.
This commit is contained in:
parent
d9b42d4699
commit
890e6694c2
@ -22,6 +22,7 @@ interface Props {
|
||||
steps?: ReActStep[] // Updated type
|
||||
loading?: boolean
|
||||
duration?: number
|
||||
linkComponents?: object
|
||||
}
|
||||
|
||||
// Utility function to safely parse JSON
|
||||
@ -69,6 +70,7 @@ const ThinkingBlock = ({
|
||||
steps = [],
|
||||
loading: propLoading,
|
||||
duration,
|
||||
linkComponents,
|
||||
}: Props) => {
|
||||
const thinkingState = useThinkingStore((state) => state.thinkingState)
|
||||
const setThinkingState = useThinkingStore((state) => state.setThinkingState)
|
||||
@ -157,7 +159,7 @@ const ThinkingBlock = ({
|
||||
contentDisplay = (
|
||||
<>
|
||||
<p className="font-medium text-main-view-fg/90">
|
||||
Tool Call: <span className="text-accent">{step.content}</span>
|
||||
Tool Input: <span className="text-accent">{step.content}</span>
|
||||
</p>
|
||||
{args && (
|
||||
<div className="mt-1">
|
||||
@ -210,14 +212,22 @@ const ThinkingBlock = ({
|
||||
<>
|
||||
<p className="font-medium text-main-view-fg/90">Tool Output:</p>
|
||||
<div className="mt-1">
|
||||
<RenderMarkdown isWrapping={true} content={content} />
|
||||
<RenderMarkdown
|
||||
isWrapping={true}
|
||||
content={content}
|
||||
components={linkComponents}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
} else {
|
||||
contentDisplay = (
|
||||
<RenderMarkdown isWrapping={true} content={step.content} />
|
||||
<RenderMarkdown
|
||||
isWrapping={true}
|
||||
content={step.content}
|
||||
components={linkComponents}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -642,6 +642,7 @@ export const ThreadContent = memo(
|
||||
duration={
|
||||
item.metadata?.totalThinkingTime as number | undefined
|
||||
}
|
||||
linkComponents={linkComponents}
|
||||
/>
|
||||
)}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user