You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.7 KiB
TypeScript
70 lines
1.7 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useContext } from 'use-context-selector'
|
|
import type { ThoughtItem, ToolInfoInThought } from '../type'
|
|
import Tool from '@/app/components/base/chat/chat/thought/tool'
|
|
import type { Emoji } from '@/app/components/tools/types'
|
|
|
|
import I18n from '@/context/i18n'
|
|
import { getLanguage } from '@/i18n/language'
|
|
|
|
export type IThoughtProps = {
|
|
thought: ThoughtItem
|
|
allToolIcons: Record<string, string | Emoji>
|
|
isFinished: boolean
|
|
}
|
|
|
|
function getValue(value: string, isValueArray: boolean, index: number) {
|
|
if (isValueArray) {
|
|
try {
|
|
return JSON.parse(value)[index]
|
|
}
|
|
catch (e) {
|
|
}
|
|
}
|
|
return value
|
|
}
|
|
|
|
const Thought: FC<IThoughtProps> = ({
|
|
thought,
|
|
allToolIcons,
|
|
isFinished,
|
|
}) => {
|
|
const { locale } = useContext(I18n)
|
|
const language = getLanguage(locale)
|
|
|
|
const [toolNames, isValueArray]: [string[], boolean] = (() => {
|
|
try {
|
|
if (Array.isArray(JSON.parse(thought.tool)))
|
|
return [JSON.parse(thought.tool), true]
|
|
}
|
|
catch (e) {
|
|
}
|
|
return [[thought.tool], false]
|
|
})()
|
|
|
|
const toolThoughtList = toolNames.map((toolName, index) => {
|
|
return {
|
|
name: toolName,
|
|
label: thought.tool_labels?.toolName?.language ?? toolName,
|
|
input: getValue(thought.tool_input, isValueArray, index),
|
|
output: getValue(thought.observation, isValueArray, index),
|
|
isFinished,
|
|
}
|
|
})
|
|
|
|
return (
|
|
<div className='my-2 space-y-2'>
|
|
{toolThoughtList.map((item: ToolInfoInThought, index) => (
|
|
<Tool
|
|
key={index}
|
|
payload={item}
|
|
allToolIcons={allToolIcons}
|
|
/>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(Thought)
|