Merge branch 'develop' into feature/codeNode_zy
This commit is contained in:
@@ -79,7 +79,7 @@ const SelectWrapper: FC<{ title: string, desc: string, name: string | string[],
|
||||
placeholder={t('common.pleaseSelect')}
|
||||
url={url}
|
||||
hasAll={false}
|
||||
valueKey='config_id'
|
||||
valueKey={['config_id_old', 'config_id']}
|
||||
labelKey="config_name"
|
||||
/>
|
||||
</Form.Item>
|
||||
@@ -126,12 +126,14 @@ const Agent = forwardRef<AgentRef>((_props, ref) => {
|
||||
getApplicationConfig(id as string).then(res => {
|
||||
const response = res as Config
|
||||
let allTools = Array.isArray(response.tools) ? response.tools : []
|
||||
const memoryContent = response.memory?.memory_content
|
||||
const convertedMemoryContent = memoryContent && !isNaN(Number(memoryContent)) ? Number(memoryContent) : memoryContent
|
||||
form.setFieldsValue({
|
||||
...response,
|
||||
tools: allTools,
|
||||
memory: {
|
||||
...response.memory,
|
||||
memory_content: response.memory?.memory_content ? Number(response.memory?.memory_content) : undefined
|
||||
memory_content: convertedMemoryContent
|
||||
}
|
||||
})
|
||||
setData({
|
||||
|
||||
@@ -66,7 +66,7 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
|
||||
useEffect(() => {
|
||||
if (values?.retrieve_type) {
|
||||
const fieldsToReset = Object.keys(values).filter(key =>
|
||||
key !== 'kb_id' && key !== 'retrieve_type'
|
||||
key !== 'kb_id' && key !== 'retrieve_type' && key !== 'top_k'
|
||||
) as (keyof KnowledgeConfigForm)[];
|
||||
form.resetFields(fieldsToReset);
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@ const searchSwitchList = [
|
||||
]
|
||||
|
||||
export interface TestParams {
|
||||
group_id: string;
|
||||
end_user_id: string;
|
||||
message: string;
|
||||
search_switch: string;
|
||||
history: { role: string; content: string }[];
|
||||
@@ -107,7 +107,7 @@ const MemoryConversation: FC = () => {
|
||||
setLoading(true)
|
||||
readService({
|
||||
message: msg,
|
||||
group_id: userId,
|
||||
end_user_id: userId,
|
||||
search_switch: search_switch,
|
||||
history: [],
|
||||
})
|
||||
@@ -204,7 +204,7 @@ const MemoryConversation: FC = () => {
|
||||
}
|
||||
)}
|
||||
>
|
||||
<div className="rb:text-[16px] rb:font-medium rb:leading-[22px] rb:mb-6">{log.title}</div>
|
||||
<div className="rb:text-[16px] rb:font-medium rb:leading-5.5 rb:mb-6">{log.title}</div>
|
||||
{log.type === 'problem_split' && Array.isArray(log.data) && log.data.length > 0
|
||||
? <Space size={12} direction="vertical" style={{width: '100%'}}>
|
||||
{log.data.map(vo => (
|
||||
|
||||
@@ -1093,606 +1093,4 @@ export const groupDataByType = (data: any[], groupKey: string) => {
|
||||
})
|
||||
|
||||
return grouped
|
||||
}
|
||||
|
||||
export const mockTestResult = {
|
||||
"generated_at": "2025-12-12T09:48:43.389893",
|
||||
"entities": {
|
||||
"extracted_count": 148
|
||||
},
|
||||
"dedup": {
|
||||
"total_merged_count": 39,
|
||||
"breakdown": {
|
||||
"exact": 30,
|
||||
"fuzzy": 0,
|
||||
"llm": 9
|
||||
},
|
||||
"impact": [
|
||||
{
|
||||
"name": "记忆熊",
|
||||
"type": "Person",
|
||||
"appear_count": 9,
|
||||
"merge_count": 8
|
||||
},
|
||||
{
|
||||
"name": "宋朝",
|
||||
"type": "Organization",
|
||||
"appear_count": 5,
|
||||
"merge_count": 2
|
||||
},
|
||||
{
|
||||
"name": "军费",
|
||||
"type": "EconomicMetric",
|
||||
"appear_count": 2,
|
||||
"merge_count": 1
|
||||
},
|
||||
{
|
||||
"name": "学生",
|
||||
"type": "Person",
|
||||
"appear_count": 6,
|
||||
"merge_count": 5
|
||||
},
|
||||
{
|
||||
"name": "废除丞相制度",
|
||||
"type": "Event",
|
||||
"appear_count": 6,
|
||||
"merge_count": 3
|
||||
},
|
||||
{
|
||||
"name": "六部",
|
||||
"type": "Organization",
|
||||
"appear_count": 4,
|
||||
"merge_count": 3
|
||||
},
|
||||
{
|
||||
"name": "六部缺乏协调机制",
|
||||
"type": "Concept",
|
||||
"appear_count": 2,
|
||||
"merge_count": 1
|
||||
},
|
||||
{
|
||||
"name": "丞相",
|
||||
"type": "Position",
|
||||
"appear_count": 4,
|
||||
"merge_count": 1
|
||||
},
|
||||
{
|
||||
"name": "总理",
|
||||
"type": "Position",
|
||||
"appear_count": 2,
|
||||
"merge_count": 1
|
||||
},
|
||||
{
|
||||
"name": "各部委",
|
||||
"type": "Organization",
|
||||
"appear_count": 2,
|
||||
"merge_count": 1
|
||||
},
|
||||
{
|
||||
"name": "六部直接对皇帝负责",
|
||||
"type": "AdministrativeStructure",
|
||||
"appear_count": 2,
|
||||
"merge_count": 1
|
||||
},
|
||||
{
|
||||
"name": "秦国",
|
||||
"type": "Organization",
|
||||
"appear_count": 5,
|
||||
"merge_count": 2
|
||||
},
|
||||
{
|
||||
"name": "文官集团",
|
||||
"type": "Organization",
|
||||
"appear_count": 2,
|
||||
"merge_count": 1
|
||||
}
|
||||
]
|
||||
},
|
||||
"disambiguation": {
|
||||
"block_count": 1,
|
||||
"effects": [
|
||||
{
|
||||
"left": {
|
||||
"name": "节度使",
|
||||
"type": "Role"
|
||||
},
|
||||
"right": {
|
||||
"name": "节度使",
|
||||
"type": "Person"
|
||||
},
|
||||
"result": "成功区分"
|
||||
}
|
||||
]
|
||||
},
|
||||
"memory": {
|
||||
"chunks": 2
|
||||
},
|
||||
"triplets": {
|
||||
"count": 88
|
||||
},
|
||||
"core_entities": [
|
||||
{
|
||||
"type": "Organization",
|
||||
"type_cn": "组织",
|
||||
"count": 16,
|
||||
"entities": [
|
||||
"厂卫机构",
|
||||
"西厂",
|
||||
"东厂",
|
||||
"工部",
|
||||
"地方军阀"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Event",
|
||||
"type_cn": "事件",
|
||||
"count": 12,
|
||||
"entities": [
|
||||
"均田制瓦解",
|
||||
"无法批阅完所有政务",
|
||||
"废除丞相制度",
|
||||
"持续战争",
|
||||
"政令执行困难"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Condition",
|
||||
"type_cn": "Condition",
|
||||
"count": 9,
|
||||
"entities": [
|
||||
"缺乏协作机制",
|
||||
"作战效率低下",
|
||||
"厢军装备不足",
|
||||
"军权分散",
|
||||
"军事专业化难以提升"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Person",
|
||||
"type_cn": "人物",
|
||||
"count": 8,
|
||||
"entities": [
|
||||
"官员",
|
||||
"宦官",
|
||||
"节度使",
|
||||
"皇帝",
|
||||
"文士"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Concept",
|
||||
"type_cn": "Concept",
|
||||
"count": 8,
|
||||
"entities": [
|
||||
"行政紧张",
|
||||
"军力不足",
|
||||
"秦国统一六国的原因",
|
||||
"六部缺乏协调机制",
|
||||
"专业分工"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Action",
|
||||
"type_cn": "Action",
|
||||
"count": 6,
|
||||
"entities": [
|
||||
"再花钱募兵",
|
||||
"建立军功爵制度",
|
||||
"裁撤兵员",
|
||||
"削减装备",
|
||||
"建立法律制度"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Outcome",
|
||||
"type_cn": "Outcome",
|
||||
"count": 5,
|
||||
"entities": [
|
||||
"打仗更吃亏",
|
||||
"提升国家组织能力",
|
||||
"降低行政效率",
|
||||
"士兵效忠个人而非国家",
|
||||
"政令推行困难"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "EconomicMetric",
|
||||
"type_cn": "EconomicMetric",
|
||||
"count": 4,
|
||||
"entities": [
|
||||
"财政",
|
||||
"财政支出",
|
||||
"支出",
|
||||
"军费"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Statement",
|
||||
"type_cn": "Statement",
|
||||
"count": 3,
|
||||
"entities": [
|
||||
"没有银子",
|
||||
"禁军由文官控制导致作战效率低下",
|
||||
"武器没材料"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "State",
|
||||
"type_cn": "State",
|
||||
"count": 3,
|
||||
"entities": [
|
||||
"军队更弱",
|
||||
"理解不足",
|
||||
"不足"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "HistoricalPeriod",
|
||||
"type_cn": "HistoricalPeriod",
|
||||
"count": 3,
|
||||
"entities": [
|
||||
"春秋战国史",
|
||||
"唐朝史",
|
||||
"宋朝"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Attribute",
|
||||
"type_cn": "Attribute",
|
||||
"count": 3,
|
||||
"entities": [
|
||||
"资源丰富",
|
||||
"易守难攻",
|
||||
"政策连续性强"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Right",
|
||||
"type_cn": "Right",
|
||||
"count": 3,
|
||||
"entities": [
|
||||
"军事指挥权",
|
||||
"财政调度权",
|
||||
"募兵权"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Policy",
|
||||
"type_cn": "Policy",
|
||||
"count": 2,
|
||||
"entities": [
|
||||
"商鞅变法",
|
||||
"禁军由文官控制"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "MilitaryCondition",
|
||||
"type_cn": "MilitaryCondition",
|
||||
"count": 2,
|
||||
"entities": [
|
||||
"军力不足",
|
||||
"缺乏战略纵深"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Role",
|
||||
"type_cn": "Role",
|
||||
"count": 2,
|
||||
"entities": [
|
||||
"节度使",
|
||||
"协调中枢"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Position",
|
||||
"type_cn": "Position",
|
||||
"count": 2,
|
||||
"entities": [
|
||||
"总理",
|
||||
"丞相"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "PoliticalCharacteristic",
|
||||
"type_cn": "PoliticalCharacteristic",
|
||||
"count": 2,
|
||||
"entities": [
|
||||
"旧贵族势力弱",
|
||||
"中央集权程度高"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Phenomenon",
|
||||
"type_cn": "Phenomenon",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"宋朝军事弱势"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Factor",
|
||||
"type_cn": "Factor",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"制度性因素"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "EconomicFactor",
|
||||
"type_cn": "EconomicFactor",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"财政压力"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "EconomicIndicator",
|
||||
"type_cn": "EconomicIndicator",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"财政支出"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "MilitaryStrategy",
|
||||
"type_cn": "MilitaryStrategy",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"对外战略被动"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "MilitaryCapability",
|
||||
"type_cn": "MilitaryCapability",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"机动能力弱"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "PersonGroup",
|
||||
"type_cn": "PersonGroup",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"武将"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "EconomicCondition",
|
||||
"type_cn": "EconomicCondition",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"财政压力"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "InstitutionalPolicy",
|
||||
"type_cn": "InstitutionalPolicy",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"废除丞相制度"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "StateOfAffairs",
|
||||
"type_cn": "StateOfAffairs",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"中央决策高度集中于皇帝"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Institution",
|
||||
"type_cn": "Institution",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"科举"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Function",
|
||||
"type_cn": "Function",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"统筹大事小情"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "AdministrativeStructure",
|
||||
"type_cn": "AdministrativeStructure",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"六部直接对皇帝负责"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "AdministrativeProblem",
|
||||
"type_cn": "AdministrativeProblem",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"皇帝一人批不完政务"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Behavior",
|
||||
"type_cn": "Behavior",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"互相推诿责任"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Resource",
|
||||
"type_cn": "Resource",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"银子"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Situation",
|
||||
"type_cn": "Situation",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"没人拍板"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "HistoricalState",
|
||||
"type_cn": "HistoricalState",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"秦国"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "Location",
|
||||
"type_cn": "地点",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"关中"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "HistoricalEvent",
|
||||
"type_cn": "HistoricalEvent",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"安史之乱"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "PoliticalAction",
|
||||
"type_cn": "PoliticalAction",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"中央整顿"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "PoliticalPhenomenon",
|
||||
"type_cn": "PoliticalPhenomenon",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"藩镇割据加剧"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "EconomicEntity",
|
||||
"type_cn": "EconomicEntity",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"中央财政"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "System",
|
||||
"type_cn": "System",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"募兵制"
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "WorkRole",
|
||||
"type_cn": "WorkRole",
|
||||
"count": 1,
|
||||
"entities": [
|
||||
"掌控禁军"
|
||||
]
|
||||
}
|
||||
],
|
||||
"triplet_samples": [
|
||||
{
|
||||
"subject": "记忆熊",
|
||||
"predicate": "MENTIONS",
|
||||
"predicate_cn": "提到",
|
||||
"object": "宋朝军事弱势"
|
||||
},
|
||||
{
|
||||
"subject": "宋朝军事弱势",
|
||||
"predicate": "RESULTED_IN",
|
||||
"predicate_cn": "resulted in",
|
||||
"object": "制度性因素"
|
||||
},
|
||||
{
|
||||
"subject": "记忆熊",
|
||||
"predicate": "MENTIONS",
|
||||
"predicate_cn": "提到",
|
||||
"object": "禁军由文官控制导致作战效率低下"
|
||||
},
|
||||
{
|
||||
"subject": "禁军由文官控制",
|
||||
"predicate": "RESULTED_IN",
|
||||
"predicate_cn": "resulted in",
|
||||
"object": "作战效率低下"
|
||||
},
|
||||
{
|
||||
"subject": "记忆熊",
|
||||
"predicate": "MENTIONS",
|
||||
"predicate_cn": "提到",
|
||||
"object": "厢军装备不足"
|
||||
},
|
||||
{
|
||||
"subject": "记忆熊",
|
||||
"predicate": "MENTIONS",
|
||||
"predicate_cn": "提到",
|
||||
"object": "宋朝"
|
||||
},
|
||||
{
|
||||
"subject": "记忆熊",
|
||||
"predicate": "MENTIONS",
|
||||
"predicate_cn": "提到",
|
||||
"object": "军费"
|
||||
}
|
||||
],
|
||||
"self_reflexion": [
|
||||
{
|
||||
"conflict": {
|
||||
"data": [
|
||||
{
|
||||
"id": "76be6d82d8804beda6baa3d3447d6cbc",
|
||||
"statement": "学生对\"六部缺乏协调机制\"的具体影响表示理解不足。",
|
||||
"group_id": "group_123",
|
||||
"chunk_id": "4a0804127d35456f86d4f06e1fa458f7",
|
||||
"created_at": "2025-12-12 09:48:00.166068",
|
||||
"expired_at": null,
|
||||
"valid_at": null,
|
||||
"invalid_at": null,
|
||||
"entity_ids": []
|
||||
}
|
||||
],
|
||||
"conflict": true,
|
||||
"conflict_memory": {
|
||||
"id": "e268a6fff35543fab471986c188e023e",
|
||||
"statement": "学生对\"六部缺乏协调机制\"的具体影响表示理解不足。",
|
||||
"group_id": "group_123",
|
||||
"chunk_id": "e6cb5f56020e4a8d925d148e1d2fbda0",
|
||||
"created_at": "2025-12-12 09:48:00.166068",
|
||||
"expired_at": null,
|
||||
"valid_at": null,
|
||||
"invalid_at": null,
|
||||
"entity_ids": []
|
||||
}
|
||||
},
|
||||
"reflexion": {
|
||||
"reason": "同一学生在不同时间点重复提出对'六部缺乏协调机制'具体影响的理解困难,表明原有解释未能有效解决其认知障碍,存在记忆冗余与教学反馈失效的冲突。",
|
||||
"solution": "保留后出现的记忆记录(chunk_id为4a0804127d35456f86d4f06e1fa458f7)作为最新学习状态,将其设为有效;将前次相同内容的记忆(id为e268a6fff35543fab471986c188e023e)标记为失效,避免重复干预,并基于后续完整解释优化知识呈现逻辑。"
|
||||
},
|
||||
"resolved": {
|
||||
"original_memory_id": "e268a6fff35543fab471986c188e023e",
|
||||
"resolved_memory": {
|
||||
"id": "e268a6fff35543fab471986c188e023e",
|
||||
"statement": "学生对\"六部缺乏协调机制\"的具体影响表示理解不足。",
|
||||
"group_id": "group_123",
|
||||
"chunk_id": "e6cb5f56020e4a8d925d148e1d2fbda0",
|
||||
"created_at": "2025-12-12 09:48:00.166068",
|
||||
"expired_at": null,
|
||||
"valid_at": null,
|
||||
"invalid_at": "2025-12-12 09:48:00.166068",
|
||||
"entity_ids": []
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -23,7 +23,6 @@ export interface Memory {
|
||||
include_dialogue_context: boolean;
|
||||
max_context: string;
|
||||
lambda_mem: string;
|
||||
lambda_mem: string;
|
||||
offset: string;
|
||||
state: boolean;
|
||||
created_at: string;
|
||||
|
||||
@@ -59,6 +59,11 @@ const PerceptualLastInfo: FC<{ type: 'last_visual' | 'last_listen' | 'last_text'
|
||||
})
|
||||
}
|
||||
|
||||
const handleDownload = () => {
|
||||
if (!data.file_path) return
|
||||
window.open(data.file_path, '_blank')
|
||||
}
|
||||
|
||||
return (
|
||||
<RbCard
|
||||
title={t(`perceptualDetail.${type}`)}
|
||||
@@ -78,17 +83,17 @@ const PerceptualLastInfo: FC<{ type: 'last_visual' | 'last_listen' | 'last_text'
|
||||
<Image src={data.file_path} alt={data.file_name} />
|
||||
// <img src={data.file_path} alt={data.file_name} className="rb:max-w-full rb:max-h-full rb:object-contain" />
|
||||
) : (
|
||||
<div className="rb:text-gray-500">{data.file_name}</div>
|
||||
<div className="rb:text-[#5B6167]">{data.file_name}</div>
|
||||
)
|
||||
) : type === 'last_listen' && /\.(mp3|wav|ogg|m4a|aac)$/i.test(data.file_name) ? (
|
||||
<audio controls className="rb:w-full">
|
||||
<source src={data.file_path} />
|
||||
</audio>
|
||||
) : (
|
||||
<div className="rb:text-gray-500">{data.file_name}</div>
|
||||
<div className="rb:text-[#5B6167] rb:cursor-pointer" onClick={handleDownload}>{data.file_name}</div>
|
||||
)
|
||||
) : (
|
||||
<div className="rb:text-gray-400">No file</div>
|
||||
<div className="rb:text-[#5B6167]">{t('empty.tableEmpty')}</div>
|
||||
)}
|
||||
</div>
|
||||
<Space size={4} direction="vertical" className="rb:w-full rb:mt-3">
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
import { forwardRef, useImperativeHandle, useState, useRef } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import clsx from 'clsx'
|
||||
import { Input, Form, App } from 'antd'
|
||||
import { Space, Button } from 'antd'
|
||||
import { Input, Form, App, Space, Button, Collapse } from 'antd'
|
||||
import { CheckCircleFilled, CloseCircleFilled, LoadingOutlined } from '@ant-design/icons'
|
||||
import CodeBlock from '@/components/Markdown/CodeBlock'
|
||||
|
||||
import ChatIcon from '@/assets/images/application/chat.png'
|
||||
import RbDrawer from '@/components/RbDrawer';
|
||||
@@ -13,8 +14,11 @@ import ChatContent from '@/components/Chat/ChatContent'
|
||||
import type { ChatItem } from '@/components/Chat/types'
|
||||
import ChatSendIcon from '@/assets/images/application/chatSend.svg'
|
||||
import dayjs from 'dayjs'
|
||||
import type { ChatRef, VariableConfigModalRef, StartVariableItem, GraphRef } from '../../types'
|
||||
import type { ChatRef, VariableConfigModalRef, GraphRef } from '../../types'
|
||||
import { type SSEMessage } from '@/utils/stream'
|
||||
import type { Variable } from '../Properties/VariableList/types'
|
||||
import styles from './chat.module.css'
|
||||
import Markdown from '@/components/Markdown'
|
||||
|
||||
const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId, graphRef }, ref) => {
|
||||
const { t } = useTranslation()
|
||||
@@ -24,7 +28,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
const [open, setOpen] = useState(false)
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [chatList, setChatList] = useState<ChatItem[]>([])
|
||||
const [variables, setVariables] = useState<StartVariableItem[]>([])
|
||||
const [variables, setVariables] = useState<Variable[]>([])
|
||||
const [streamLoading, setStreamLoading] = useState(false)
|
||||
const [conversationId, setConversationId] = useState<string | null>(null)
|
||||
|
||||
@@ -39,7 +43,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
if (startNodes.length) {
|
||||
const curVariables = startNodes[0].config.variables?.defaultValue
|
||||
|
||||
curVariables.forEach((vo: StartVariableItem) => {
|
||||
curVariables.forEach((vo: Variable) => {
|
||||
if (typeof vo.default !== 'undefined') {
|
||||
vo.value = vo.default
|
||||
}
|
||||
@@ -60,7 +64,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
const handleEditVariables = () => {
|
||||
variableConfigModalRef.current?.handleOpen(variables)
|
||||
}
|
||||
const handleSave = (values: StartVariableItem[]) => {
|
||||
const handleSave = (values: Variable[]) => {
|
||||
setVariables([...values])
|
||||
}
|
||||
const handleSend = () => {
|
||||
@@ -97,13 +101,28 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
role: 'assistant',
|
||||
content: '',
|
||||
created_at: Date.now(),
|
||||
subContent: [],
|
||||
}])
|
||||
|
||||
const handleStreamMessage = (data: SSEMessage[]) => {
|
||||
setStreamLoading(false)
|
||||
|
||||
data.forEach(item => {
|
||||
const { chunk, conversation_id } = item.data as { chunk: string; conversation_id: string | null; };
|
||||
const { chunk, conversation_id, node_id, input, output, error, elapsed_time, status } = item.data as {
|
||||
chunk: string;
|
||||
conversation_id: string | null;
|
||||
node_id: string;
|
||||
node_name?: string;
|
||||
input?: any;
|
||||
output?: any;
|
||||
elapsed_time?: string;
|
||||
error?: any;
|
||||
state: Record<string, any>;
|
||||
status?: 'completed' | 'failed'
|
||||
};
|
||||
|
||||
const node = graphRef.current?.getNodes().find(n => n.id === node_id);
|
||||
const { name, icon } = node?.getData() || {}
|
||||
|
||||
console.log('node', node?.getData())
|
||||
|
||||
switch(item.event) {
|
||||
case 'message':
|
||||
@@ -119,6 +138,66 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
return newList
|
||||
})
|
||||
break
|
||||
case 'node_start':
|
||||
setChatList(prev => {
|
||||
const newList = [...prev]
|
||||
const lastIndex = newList.length - 1
|
||||
if (lastIndex >= 0) {
|
||||
const newSubContent = newList[lastIndex].subContent || []
|
||||
const filterIndex = newSubContent.findIndex(vo => vo.id === node_id)
|
||||
if (filterIndex > -1) {
|
||||
newSubContent[filterIndex] = {
|
||||
...newSubContent[filterIndex],
|
||||
node_id: node_id,
|
||||
node_name: name,
|
||||
icon,
|
||||
content: {},
|
||||
}
|
||||
} else {
|
||||
newSubContent.push({
|
||||
id: node_id,
|
||||
node_id: node_id,
|
||||
node_name: name,
|
||||
icon,
|
||||
content: {},
|
||||
})
|
||||
}
|
||||
newList[lastIndex] = {
|
||||
...newList[lastIndex],
|
||||
subContent: newSubContent
|
||||
}
|
||||
}
|
||||
return newList
|
||||
})
|
||||
break
|
||||
case 'node_end':
|
||||
case 'node_error':
|
||||
setChatList(prev => {
|
||||
const newList = [...prev]
|
||||
const lastIndex = newList.length - 1
|
||||
if (lastIndex >= 0) {
|
||||
const newSubContent = newList[lastIndex].subContent || []
|
||||
const filterIndex = newSubContent.findIndex(vo => vo.node_id === node_id)
|
||||
if (filterIndex > -1 && newSubContent[filterIndex].content) {
|
||||
newSubContent[filterIndex] = {
|
||||
...newSubContent[filterIndex],
|
||||
content: {
|
||||
input,
|
||||
output,
|
||||
error,
|
||||
},
|
||||
status: status || 'completed',
|
||||
elapsed_time
|
||||
}
|
||||
}
|
||||
newList[lastIndex] = {
|
||||
...newList[lastIndex],
|
||||
subContent: newSubContent
|
||||
}
|
||||
}
|
||||
return newList
|
||||
})
|
||||
break
|
||||
case 'workflow_end':
|
||||
setChatList(prev => {
|
||||
const newList = [...prev]
|
||||
@@ -126,6 +205,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
if (lastIndex >= 0) {
|
||||
newList[lastIndex] = {
|
||||
...newList[lastIndex],
|
||||
status,
|
||||
content: newList[lastIndex].content === '' ? null : newList[lastIndex].content
|
||||
}
|
||||
}
|
||||
@@ -142,14 +222,31 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
}
|
||||
|
||||
form.setFieldValue('message', undefined)
|
||||
setStreamLoading(true)
|
||||
draftRun(appId, {
|
||||
message: message,
|
||||
variables: params,
|
||||
stream: true,
|
||||
conversation_id: conversationId
|
||||
}, handleStreamMessage)
|
||||
.catch((error) => {
|
||||
setChatList(prev => {
|
||||
const newList = [...prev]
|
||||
const lastIndex = newList.length - 1
|
||||
if (lastIndex >= 0) {
|
||||
newList[lastIndex] = {
|
||||
...newList[lastIndex],
|
||||
status: 'failed',
|
||||
content: null,
|
||||
subContent: error.error
|
||||
}
|
||||
}
|
||||
return newList
|
||||
})
|
||||
})
|
||||
.finally(() => {
|
||||
setLoading(false)
|
||||
setStreamLoading(false)
|
||||
})
|
||||
}
|
||||
// 暴露给父组件的方法
|
||||
@@ -158,6 +255,11 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
handleClose
|
||||
}));
|
||||
|
||||
const getStatus = (status?: string) => {
|
||||
return status === 'completed' ? 'rb:text-[#369F21]' : status === 'failed' ? 'rb:text-[#FF5D34]' : 'rb:text-[#5B6167]'
|
||||
}
|
||||
|
||||
console.log('chatList', chatList)
|
||||
return (
|
||||
<RbDrawer
|
||||
title={<div className="rb:flex rb:items-center rb:gap-2.5">
|
||||
@@ -173,10 +275,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
onClose={handleClose}
|
||||
>
|
||||
<ChatContent
|
||||
classNames={{
|
||||
'rb:mx-[16px] rb:pt-[24px] rb:h-[calc(100%-76px)]': true,
|
||||
|
||||
}}
|
||||
classNames="rb:mx-[16px] rb:pt-[24px] rb:h-[calc(100%-76px)]"
|
||||
contentClassNames="rb:max-w-[400px]!'"
|
||||
empty={<Empty url={ChatIcon} title={t('application.chatEmpty')} isNeedSubTitle={false} size={[240, 200]} className="rb:h-full" />}
|
||||
data={chatList}
|
||||
@@ -184,6 +283,87 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef }>(({ appId
|
||||
labelPosition="bottom"
|
||||
labelFormat={(item) => dayjs(item.created_at).locale('en').format('MMMM D, YYYY [at] h:mm A')}
|
||||
errorDesc={t('application.ReplyException')}
|
||||
renderRuntime={(item, index) => {
|
||||
return (
|
||||
<div key={index} className="rb:w-100 rb:mb-2">
|
||||
<Collapse
|
||||
className={styles[item.status || 'default']}
|
||||
items={[{
|
||||
key: 0,
|
||||
label: <div className={getStatus(item.status)}>
|
||||
{item.status === 'completed' ? <CheckCircleFilled className="rb:mr-1" /> : item.status === 'failed' ? <CloseCircleFilled className="rb:mr-1" /> : <LoadingOutlined className="rb:mr-1" />}
|
||||
{t('application.workflow')}
|
||||
</div>,
|
||||
className: styles.collapseItem,
|
||||
children: (
|
||||
Array.isArray(item.subContent)
|
||||
? <Space size={8} direction="vertical" className="rb:w-full!">
|
||||
{item.subContent?.map(vo => (
|
||||
<Collapse
|
||||
key={vo.node_id}
|
||||
items={[{
|
||||
key: vo.node_id,
|
||||
label: <div className={clsx("rb:flex rb:justify-between rb:items-center", getStatus(vo.status))}>
|
||||
<div className="rb:flex rb:items-center rb:gap-1 rb:flex-1">
|
||||
{vo.icon && <img src={vo.icon} className="rb:size-4" />}
|
||||
<div className="rb:wrap-break-word rb:line-clamp-1">{vo.node_name || vo.node_id}</div>
|
||||
</div>
|
||||
<span>
|
||||
{typeof vo.elapsed_time == 'number' && <>{vo.elapsed_time?.toFixed(3)}ms</>}
|
||||
{vo.status === 'completed' ? <CheckCircleFilled className="rb:ml-1" /> : vo.status === 'failed' ? <CloseCircleFilled className="rb:ml-1" /> : <LoadingOutlined className="rb:ml-1" />}
|
||||
</span>
|
||||
</div>,
|
||||
className: styles.collapseItem,
|
||||
children: (
|
||||
<Space size={8} direction="vertical" className="rb:w-full!">
|
||||
{vo.status === 'failed' &&
|
||||
<div className={clsx("rb:bg-[#F0F3F8] rb:rounded-md", getStatus(vo.status))}>
|
||||
<div className="rb:py-2 rb:px-3 rb:flex rb:justify-between rb:items-center rb:text-[12px]">
|
||||
{t(`workflow.error`)}
|
||||
<Button
|
||||
className="rb:py-0! rb:px-1! rb:text-[12px]!"
|
||||
size="small"
|
||||
>{t('common.copy')}</Button>
|
||||
</div>
|
||||
<div className="rb:pb-2 rb:px-3 rb:max-h-40 rb:overflow-auto">
|
||||
<Markdown content={vo.content?.error || ''} />
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
{['input', 'output'].map(key => (
|
||||
<div key={key} className="rb:bg-[#F0F3F8] rb:rounded-md">
|
||||
<div className="rb:py-2 rb:px-3 rb:flex rb:justify-between rb:items-center rb:text-[12px]">
|
||||
{t(`workflow.${key}`)}
|
||||
<Button
|
||||
className="rb:py-0! rb:px-1! rb:text-[12px]!"
|
||||
size="small"
|
||||
>{t('common.copy')}</Button>
|
||||
</div>
|
||||
<div className="rb:max-h-40 rb:overflow-auto">
|
||||
<CodeBlock
|
||||
size="small"
|
||||
value={typeof vo.content === 'object' && vo.content?.[key] ? JSON.stringify(vo.content[key], null, 2) : '{}'}
|
||||
needCopy={false}
|
||||
showLineNumbers={true}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</Space>
|
||||
)
|
||||
}]}
|
||||
/>
|
||||
))}
|
||||
</Space>
|
||||
: <div className={clsx("rb:bg-[#FBFDFF] rb:rounded-md rb:py-2 rb:px-3 ", getStatus('failed'))}>
|
||||
<Markdown content={item.subContent || ''} />
|
||||
</div>
|
||||
)
|
||||
}]}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}}
|
||||
/>
|
||||
<div className="rb:flex rb:items-center rb:gap-2.5 rb:p-4">
|
||||
<Form form={form} style={{width: 'calc(100% - 54px)'}}>
|
||||
|
||||
45
web/src/views/Workflow/components/Chat/chat.module.css
Normal file
45
web/src/views/Workflow/components/Chat/chat.module.css
Normal file
@@ -0,0 +1,45 @@
|
||||
.completed {
|
||||
background-color: rgba(54, 159, 33, 0.06);
|
||||
border-color: rgba(54, 159, 33, 0.25);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.failed {
|
||||
background-color: rgba(255, 138, 76, 0.08);
|
||||
border-color: rgba(255, 138, 76, 0.20);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.default {
|
||||
background-color: rgba(91, 97, 103, 0.08);
|
||||
border-color: rgba(91, 97, 103, 0.30);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.collapse-item {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
.collapse-item:global(.ant-collapse-item>.ant-collapse-header) {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
.collapse-item:global(.ant-collapse-item>.ant-collapse-header .ant-collapse-expand-icon) {
|
||||
height: 16px;
|
||||
}
|
||||
.completed:global(.ant-collapse .ant-collapse-content),
|
||||
.failed:global(.ant-collapse .ant-collapse-content) {
|
||||
background-color: transparent;
|
||||
border-top: none;
|
||||
}
|
||||
:global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
|
||||
padding-top: 0;
|
||||
}
|
||||
.collapse-item :global(.ant-collapse) {
|
||||
/* background-color: #F0F3F8; */
|
||||
background-color: #FBFDFF;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.collapse-item :global(.ant-collapse>.ant-collapse-item:last-child),
|
||||
.collapse-item :global(.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header) {
|
||||
border-radius: 0 0 6px 6px;
|
||||
}
|
||||
.collapse-item :global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
|
||||
padding: 0 4px 4px 4px;
|
||||
}
|
||||
@@ -66,7 +66,7 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
|
||||
useEffect(() => {
|
||||
if (values?.retrieve_type) {
|
||||
const fieldsToReset = Object.keys(values).filter(key =>
|
||||
key !== 'kb_id' && key !== 'retrieve_type'
|
||||
key !== 'kb_id' && key !== 'retrieve_type' && key !== 'top_k'
|
||||
) as (keyof KnowledgeConfigForm)[];
|
||||
form.resetFields(fieldsToReset);
|
||||
}
|
||||
@@ -108,6 +108,7 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
|
||||
label: t(`application.${key}`),
|
||||
value: key,
|
||||
}))}
|
||||
// onChange={handleChange}
|
||||
/>
|
||||
</FormItem>
|
||||
{/* Top K */}
|
||||
@@ -116,13 +117,12 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
|
||||
label={t('application.top_k')}
|
||||
rules={[{ required: true, message: t('common.pleaseEnter') }]}
|
||||
extra={t('application.top_k_desc')}
|
||||
initialValue={5}
|
||||
>
|
||||
<InputNumber
|
||||
style={{ width: '100%' }}
|
||||
min={1}
|
||||
max={20}
|
||||
onChange={(value) => form.setFieldValue('top_k', value)}
|
||||
// onChange={(value) => form.setFieldValue('top_k', value)}
|
||||
/>
|
||||
</FormItem>
|
||||
{/* 语义相似度阈值 similarity_threshold */}
|
||||
|
||||
@@ -200,7 +200,7 @@ export const nodeLibrary: NodeLibrary[] = [
|
||||
config_id: {
|
||||
type: 'customSelect',
|
||||
url: memoryConfigListUrl,
|
||||
valueKey: 'config_id',
|
||||
valueKey: ['config_id_old', 'config_id'],
|
||||
labelKey: 'config_name'
|
||||
},
|
||||
search_switch: {
|
||||
@@ -223,7 +223,7 @@ export const nodeLibrary: NodeLibrary[] = [
|
||||
config_id: {
|
||||
type: 'customSelect',
|
||||
url: memoryConfigListUrl,
|
||||
valueKey: 'config_id',
|
||||
valueKey: ['config_id_old', 'config_id'],
|
||||
labelKey: 'config_name'
|
||||
}
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@ export interface NodeConfig {
|
||||
|
||||
url?: string;
|
||||
params?: { [key: string]: unknown; }
|
||||
valueKey?: string;
|
||||
valueKey?: string | string[];
|
||||
labelKey?: string;
|
||||
|
||||
defaultValue?: any;
|
||||
|
||||
Reference in New Issue
Block a user