Merge #46 into develop_web from feature/20251219_zy

fix(web): user memory detail

* feature/20251219_zy: (1 commits)
  fix(web): user memory detail

Signed-off-by: zhaoying <zhaoying@redbearai.com>
Merged-by: zhaoying <zhaoying@redbearai.com>

CR-link: https://codeup.aliyun.com/redbearai/python/redbear-mem-open/change/46

web/src/views/SelfReflectionEngine/index.tsx

@@ -140,15 +140,12 @@ const SelfReflectionEngine: React.FC = () => {
           .then((res) => {
             setResult(res as Result)
           })
-          .catch(() => {
-            setRunLoading(false)
-          })
           .finally(() => {
             setRunLoading(false)
           })
       })
-      .finally(() => {
+      .catch(() => {
-        setLoading(false)
+        setRunLoading(false)
       })
   }
 

web/src/views/UserMemoryDetail/components/EndUserProfile.tsx

@@ -40,7 +40,7 @@ const EndUserProfile:FC = () => {
     return ['name', 'position', 'department', 'contact', 'phone', 'hire_date'].map(key => ({
       key,
       label: t(`userMemory.${key}`),
-      children: key === 'hire_date' ? dayjs(data[key as keyof EndUser]).format('YYYY-MM-DD') : String(data[key as keyof EndUser] || ''),
+      children: key === 'hire_date' && data[key] ? dayjs(data[key as keyof EndUser]).format('YYYY-MM-DD') : String(data[key as keyof EndUser] || ''),
     }))
   }, [data])
   const handleEdit = () => {

web/src/views/UserMemoryDetail/components/EndUserProfileModal.tsx

@@ -35,7 +35,7 @@ const EndUserProfileModal = forwardRef<EndUserProfileModalRef, EndUserProfileMod
     form.setFieldsValue({
       ...user,
       end_user_id: user.id,
-      hire_date: dayjs(user.hire_date)
+      hire_date: user.hire_date ? dayjs(user.hire_date) : undefined
     });
     setVisible(true);
   };

web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx

@@ -20,6 +20,7 @@ const operations = [
   { name: 'drag', icon: drag },
   { name: 'zoom', icon: zoom },
 ]
+const colors = ['#155EEF', '#369F21', '#4DA8FF', '#FF5D34', '#9C6FFF', '#FF8A4C', '#8BAEF7', '#FFB048']
 const RelationshipNetwork:FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
@@ -30,7 +31,7 @@ const RelationshipNetwork:FC = () => {
   const [categories, setCategories] = useState<{ name: string }[]>([])
   const [selectedNode, setSelectedNode] = useState<Node | null>(null)
 
-
+  console.log('categories', categories)
   // 关系网络
   const getEdgeData = useCallback(() => {
     if (!id) return
@@ -39,7 +40,7 @@ const RelationshipNetwork:FC = () => {
       const { nodes, edges, statistics } = res as GraphData
       const curNodes: Node[] = []
       const curEdges: Edge[] = []
-      const curNodeTypes = Object.keys(statistics.node_types)
+      const curNodeTypes = Object.keys(statistics.node_types).filter(vo => vo !== 'Dialogue')
       
       // 计算每个节点的连接数
       const connectionCount: Record<string, number> = {}
@@ -49,22 +50,22 @@ const RelationshipNetwork:FC = () => {
       })
       
       // 处理节点数据
-      nodes.forEach(node => {
+      nodes.filter(vo => vo.label !== 'Dialogue').forEach(node => {
         const connections = connectionCount[node.id] || 0
         const categoryIndex = curNodeTypes.indexOf(node.label)
         
         // 根据节点类型获取显示名称
         let displayName = ''
         switch (node.label) {
-          case 'Statement':
+          // case 'Statement':
-            displayName = 'statement' in node.properties ? node.properties.statement?.slice(0, 5) || '' : ''
+          //   displayName = 'statement' in node.properties ? node.properties.statement?.slice(0, 5) || '' : ''
-            break
+          //   break
           case 'ExtractedEntity':
             displayName = 'name' in node.properties ? node.properties.name || '' : ''
             break
-          default:
+          // default:
-            displayName = 'content' in node.properties ? node.properties.content?.slice(0, 5) || '' : ''
+          //   displayName = 'content' in node.properties ? node.properties.content?.slice(0, 5) || '' : ''
-            break
+          //   break
         }
         let symbolSize = 0
         if (connections <= 1) {
@@ -85,7 +86,7 @@ const RelationshipNetwork:FC = () => {
           category: categoryIndex >= 0 ? categoryIndex : 0,
           symbolSize: symbolSize, // 根据连接数调整节点大小
           itemStyle: {
-            color: ['#155EEF', '#4DA8FF', '#9C6FFF', '#8BAEF7', '#369F21', '#FF5D34', '#FF8A4C', '#FFB048'][categoryIndex % 8]
+            color: colors[categoryIndex % 8]
           }
         })
       })
@@ -150,17 +151,23 @@ const RelationshipNetwork:FC = () => {
             ) : (
               <ReactEcharts
                 option={{
-                  colors: ['#155EEF', '4DA8FF', '#9C6FFF', '#8BAEF7', '#369F21', '#FF5D34', '#FF8A4C', '#FFB048'],
+                  colors: colors,
                   tooltip: {
                     show: false
                   },
+                  legend: {
+                    show: true,
+                    bottom: 20,
+                  },
                   series: [
                     {
                       type: 'graph',
                       layout: 'force',
                       data: nodes || [],
                       links: links || [],
-                      categories: categories || [],
+                      categories: categories.map(vo => ({
+                        name: t(`userMemory.${vo.name}`)
+                      })) || [],
                       roam: true,
                       label: {
                         show: true,