-
+
{countList.map(key => (
-
+
+
))}
@@ -140,22 +140,22 @@ export default function UserMemory() {
return (
{countData[key] || 0}{key === 'avgInteractionTime' ? 's' : ''}
- 
+
- {t(`userMemory.${key}`)}
+ {t(`userMemory.${key}`)}
handleViewDetail(end_user.id)}
>
- (false)
+ const [data, setData] = useState([])
+
+ useEffect(() => {
+ if (!id) return
+ getData()
+ }, [id])
+
+ // 记忆洞察
+ const getData = () => {
+ if (!id) return
+ setLoading(true)
+ getImplicitHabits(id).then((res) => {
+ const response = res as HabitsItem[]
+ setData(response)
+ setLoading(false)
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ return (
+ <>
+
+ {loading
+ ?
+ {data.map((vo, voIdx) => (
+
+ }
+
+
+ )
+}
+export default Habits
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/InterestAreas.tsx b/web/src/views/UserMemoryDetail/components/InterestAreas.tsx
new file mode 100644
index 00000000..357336f4
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/InterestAreas.tsx
@@ -0,0 +1,75 @@
+import { type FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Skeleton, Progress } from 'antd';
+import RbCard from '@/components/RbCard/Card'
+import {
+ getImplicitInterestAreas,
+} from '@/api/memory'
+
+interface Item {
+ category_name: string;
+ percentage: number;
+ evidence: string[];
+ trending_direction: string | null;
+}
+interface InterestAreasItem {
+ user_id: string;
+ analysis_timestamp: number | string;
+ total_summaries_analyzed: number;
+ tech: Item;
+ lifestyle: Item;
+ music: Item;
+ art: Item;
+}
+
+const InterestAreas: FC = () => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const [loading, setLoading] = useState(false)
+ const [data, setData] = useState({} as InterestAreasItem)
+
+ useEffect(() => {
+ if (!id) return
+ getData()
+ }, [id])
+
+ // 记忆洞察
+ const getData = () => {
+ if (!id) return
+ setLoading(true)
+ getImplicitInterestAreas(id).then((res) => {
+ const response = res as InterestAreasItem
+ setData(response)
+ setLoading(false)
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ return (
+
+ {loading
+ ?
+ )
+}
+export default InterestAreas
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/PerceptualLastInfo.tsx b/web/src/views/UserMemoryDetail/components/PerceptualLastInfo.tsx
new file mode 100644
index 00000000..d3788a74
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/PerceptualLastInfo.tsx
@@ -0,0 +1,120 @@
+import { type FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Skeleton, Space, Tooltip, Image } from 'antd';
+import RbCard from '@/components/RbCard/Card'
+import {
+ getPerceptualLastVisual,
+ getPerceptualLastListen,
+ getPerceptualLastText,
+} from '@/api/memory'
+
+interface PerceptualLastInfoItem {
+ id: string;
+ file_name: string;
+ file_ext: string;
+ file_path: string;
+ storage_type: number;
+ summary: string;
+ keywords: string[];
+ topic: string;
+ domain: string;
+ created_time: number | string;
+ scene: string[]
+ speaker_count: number;
+ section_count: number;
+}
+
+const KEYS = {
+ last_visual: ['summary', 'keywords', 'topic', 'domain', 'scene'],
+ last_listen: ['summary', 'keywords', 'topic', 'domain', 'speaker_count'],
+ last_text: ['summary', 'keywords', 'topic', 'domain', 'section_count'],
+}
+
+const PerceptualLastInfo: FC<{ type: 'last_visual' | 'last_listen' | 'last_text' }> = ({ type }) => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const [loading, setLoading] = useState(false)
+ const [data, setData] = useState({} as PerceptualLastInfoItem)
+
+ useEffect(() => {
+ if (!id) return
+ getData()
+ }, [id, type])
+ const getData = () => {
+ if (!id || !type) return
+ setLoading(true)
+ const request = type === 'last_visual'
+ ? getPerceptualLastVisual(id)
+ : type === 'last_listen'
+ ? getPerceptualLastListen(id)
+ : getPerceptualLastText(id)
+ request.then((res) => {
+ const response = res as PerceptualLastInfoItem
+ setData(response)
+ setLoading(false)
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ return (
+
+ {loading
+ ?
+ )
+}
+export default PerceptualLastInfo
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/Portrait.tsx b/web/src/views/UserMemoryDetail/components/Portrait.tsx
new file mode 100644
index 00000000..3164ae06
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/Portrait.tsx
@@ -0,0 +1,77 @@
+import { type FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Skeleton, Progress } from 'antd';
+import RbCard from '@/components/RbCard/Card'
+import {
+ getImplicitPortrait,
+} from '@/api/memory'
+
+interface Item {
+ dimension_name: string;
+ percentage: number;
+ evidence: string[];
+ reasoning: string;
+ confidence_level: string;
+}
+interface PortraitItem {
+ user_id: string;
+ analysis_timestamp: number | string;
+ total_summaries_analyzed: number;
+ historical_trends: null;
+ creativity: Item;
+ aesthetic: Item;
+ technology: Item;
+ literature: Item;
+}
+
+const Portrait: FC = () => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const [loading, setLoading] = useState(false)
+ const [data, setData] = useState({} as PortraitItem)
+
+ useEffect(() => {
+ if (!id) return
+ getData()
+ }, [id])
+
+ const getData = () => {
+ if (!id) return
+ setLoading(true)
+ getImplicitPortrait(id).then((res) => {
+ const response = res as PortraitItem
+ setData(response)
+ setLoading(false)
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ return (
+
+ {loading
+ ?
+ )
+}
+export default Portrait
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/Preferences.tsx b/web/src/views/UserMemoryDetail/components/Preferences.tsx
new file mode 100644
index 00000000..3d1372de
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/Preferences.tsx
@@ -0,0 +1,183 @@
+import { type FC, useEffect, useState, useRef, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Row, Col, Skeleton } from 'antd'
+import * as echarts from 'echarts'
+import 'echarts-wordcloud'
+
+import Empty from '@/components/Empty'
+import RbCard from '@/components/RbCard/Card'
+import { getImplicitPreferences } from '@/api/memory'
+
+interface PreferenceItem {
+ tag_name: string;
+ confidence_score: number;
+ supporting_evidence: string[];
+ context_details: string;
+ created_at: number | string; // TODO
+ updated_at: number | string; // TODO
+ conversation_references: string[];
+ category: string;
+}
+
+const DEFAULT_COLORS = ['#FF5D34', '#155EEF', '#9C6FFF', '#369F21', '#4DA8FF', '#FF8C00', '#32CD32', '#FF69B4', '#20B2AA', '#DDA0DD']
+
+const generateCategoryColors = (categories: string[]) => {
+ const colors: Record = {}
+ categories.forEach((category, index) => {
+ colors[category] = DEFAULT_COLORS[index % DEFAULT_COLORS.length]
+ })
+ return colors
+}
+
+const Preferences: FC = () => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const chartRef = useRef(null)
+ const chartInstance = useRef(null)
+ const [selectedWord, setSelectedWord] = useState(null)
+ const [loading, setLoading] = useState(false)
+ const [data, setData] = useState([])
+
+ useEffect(() => {
+ if (!id) return
+ getData()
+ }, [id])
+
+ const getData = () => {
+ if (!id) {
+ return
+ }
+ setLoading(true)
+ setSelectedWord(null)
+ getImplicitPreferences(id)
+ .then((res) => {
+ setData(res as PreferenceItem[])
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ const uniqueCategories = [...new Set(data.map(item => item.category).filter(Boolean))]
+ const categoryColors = generateCategoryColors(uniqueCategories)
+
+ const getCategoryColor = (category: string) => {
+ return categoryColors[category] || '#4DA8FF'
+ }
+
+ useEffect(() => {
+ if (!chartRef.current || !data.length) return
+
+ if (chartInstance.current) {
+ chartInstance.current.dispose()
+ }
+
+ chartInstance.current = echarts.init(chartRef.current)
+
+ const wordCloudData = data.map((item, index) => ({
+ name: item.tag_name,
+ value: Math.round(item.confidence_score * 100),
+ itemIndex: index,
+ textStyle: {
+ color: getCategoryColor(item.category)
+ }
+ }))
+
+ const option = {
+ series: [{
+ type: 'wordCloud',
+ gridSize: 8,
+ sizeRange: [14, 60],
+ rotationRange: [-45, 45],
+ shape: 'pentagon',
+ width: '100%',
+ height: '100%',
+ textStyle: {
+ fontFamily: 'sans-serif',
+ fontWeight: 'bold'
+ },
+ emphasis: {
+ textStyle: {
+ shadowBlur: 10,
+ shadowColor: '#333'
+ }
+ },
+ data: wordCloudData
+ }]
+ }
+
+ chartInstance.current.setOption(option)
+
+ chartInstance.current.on('click', (params) => {
+ const clickedIndex = (params.data as any).itemIndex
+ if (selectedWord !== clickedIndex) {
+ setSelectedWord(clickedIndex)
+ }
+
+ // Highlight selected word without redrawing
+ chartInstance.current?.dispatchAction({
+ type: 'highlight',
+ dataIndex: clickedIndex
+ })
+ })
+
+ return () => {
+ if (chartInstance.current) {
+ chartInstance.current.dispose()
+ chartInstance.current = null
+ }
+ }
+ }, [data])
+
+
+ console.log(selectedWord, data)
+
+ const detailTitle = useMemo(() => {
+ return selectedWord !== null && data[selectedWord].tag_name ? <>{data[selectedWord].tag_name}{t('implicitDetail.preferencesDetail')} : ''
+ }, [selectedWord, data, t])
+
+ return (
+ <>
+
+
+ {loading
+ ?
+
+
+ {selectedWord === null
+ ?
+
+
+
+ )
+}
+
+export default Preferences
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx b/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx
index db7c9e57..4cce1100 100644
--- a/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx
+++ b/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx
@@ -1,17 +1,18 @@
import React, { type FC, useEffect, useState, useRef, useCallback } from 'react'
import { useTranslation } from 'react-i18next'
import { useParams } from 'react-router-dom'
-import { Col, Row } from 'antd'
+import { Col, Row, Space, Button } from 'antd'
import dayjs from 'dayjs'
import RbCard from '@/components/RbCard/Card'
import ReactEcharts from 'echarts-for-react'
import detailEmpty from '@/assets/images/userMemory/detail_empty.png'
-import type { Node, Edge, GraphData } from '../types'
+import type { Node, Edge, GraphData, StatementNodeProperties, ExtractedEntityNodeProperties } from '../types'
import {
getMemorySearchEdges,
} from '@/api/memory'
import Empty from '@/components/Empty'
+import Tag from '@/components/Tag'
const colors = ['#155EEF', '#369F21', '#4DA8FF', '#FF5D34', '#9C6FFF', '#FF8A4C', '#8BAEF7', '#FFB048']
const RelationshipNetwork:FC = () => {
@@ -136,6 +137,11 @@ const RelationshipNetwork:FC = () => {
console.log('selectedNode', selectedNode)
+ const handleViewAll = () => {
+ if (!selectedNode) return
+ window.open(`/#/graph/${selectedNode.id}`);
+ }
+
return (
{/* 关系网络 */}
@@ -240,8 +246,14 @@ const RelationshipNetwork:FC = () => {
title={t('userMemory.memoryDetails')}
headerType="borderless"
bodyClassName='rb:p-0!'
+ extra={selectedNode && }
>
-
{name[0]}
-
+
- {name[0]}
+
{name || '-'}
+
diff --git a/web/src/views/UserMemoryDetail/Neo4j.tsx b/web/src/views/UserMemoryDetail/Neo4j.tsx
index 2425b503..a6dedd8b 100644
--- a/web/src/views/UserMemoryDetail/Neo4j.tsx
+++ b/web/src/views/UserMemoryDetail/Neo4j.tsx
@@ -1,4 +1,4 @@
-import { type FC, useEffect, useRef, useState } from 'react'
+import { type FC, useRef, useState } from 'react'
import { useParams } from 'react-router-dom'
import { Row, Col, Space, Button } from 'antd'
import { useTranslation } from 'react-i18next';
diff --git a/web/src/views/UserMemoryDetail/components/Habits.tsx b/web/src/views/UserMemoryDetail/components/Habits.tsx
new file mode 100644
index 00000000..746d7164
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/Habits.tsx
@@ -0,0 +1,85 @@
+import { type FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Skeleton, Space, Progress } from 'antd';
+import RbCard from '@/components/RbCard/Card'
+import Empty from '@/components/Empty'
+import {
+ getImplicitHabits,
+} from '@/api/memory'
+
+interface HabitsItem {
+ habit_description: string;
+ frequency_pattern: string;
+ time_context: string;
+ confidence_level: string;
+ supporting_summaries: string[];
+ first_observed: string;
+ last_observed: string;
+ is_current: boolean;
+ specific_examples: string[];
+}
+
+const Habits: FC = () => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const [loading, setLoading] = useState
-
{memory_num.total || 0}
- {t(`userMemory.knowledgeEntryCount`)}
+ {memory_num.total || 0}
+ {t(`userMemory.knowledgeEntryCount`)}
{t('implicitDetail.habits')}
+ {t('implicitDetail.habitsSubTitle')}
+
+
+ ))}
+
+
+
+ {vo.specific_examples.length > 0 && <>
+
+
+ {vo.habit_description}
+ {vo.time_context}
+ {vo.confidence_level}%
+ {t('implicitDetail.specific_examples')}
+
+ {vo.specific_examples.map((item, index) => (
+
+ }
+
+ - {item}
+ ))}
+
+ {(['art', 'music', 'tech', 'lifestyle'] as const).map((key) => {
+ return (
+
+ }
+
+
+ )
+ })}
+
+
+
+ {t(`implicitDetail.${key}`)}
+ {data[key]?.percentage ?? 0}%
+
+
+ {KEYS[type].map(key => {
+ const value = (data as any)[key]
+ return (
+
+
+ }
+
+ {data.file_path ? (
+ type === 'last_visual' ? (
+ /\.(mp4|webm|ogg|mov)$/i.test(data.file_name) ? (
+
+ ) : /\.(jpg|jpeg|png|gif|webp|svg)$/i.test(data.file_name) ? (
+ 
+ ) : (
+
+ {data.file_name}
+ )
+ ) : type === 'last_listen' && /\.(mp3|wav|ogg|m4a|aac)$/i.test(data.file_name) ? (
+
+ ) : (
+ {data.file_name}
+ )
+ ) : (
+ No file
+ )}
+
+
+
+ )
+ :
+ )
+ })}
+ {t(`perceptualDetail.${key}`)}
+ {key === 'summary' ? (
+
+ {typeof value === 'string' ? value : Array.isArray(value) ? value.join('、') : '-'}
+
+
+ {typeof value === 'string' ? value : Array.isArray(value) ? value.join('、') : '-'}
+
+ }
+
+ {(['aesthetic', 'creativity', 'literature', 'technology'] as const).map((key) => {
+ const item = data[key] as Item
+ return (
+
+ }
+
+
+ )
+ })}
+
+
+
+ {t(`implicitDetail.${key}`)}
+ {item?.percentage ?? 0}%
+ {t('forgetDetail.overviewTitle')}
+ {t('implicitDetail.context_details')}
+ {data[selectedWord].context_details}
+
+ {t('implicitDetail.supporting_evidence')}
+ {data[selectedWord].supporting_evidence.map((vo, index) => -{vo}
)}
+
+ }
+
+ (false)
+ const [data, setData] = useState({} as ShortData)
+
+ useEffect(() => {
+ if (!id) return
+ getData()
+ }, [id])
+
+ const getData = () => {
+ if (!id) return
+ setLoading(true)
+ getShortTerm(id).then((res) => {
+ const response = res as ShortData
+ setData(response)
+ setLoading(false)
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ return (
+ ('')
useEffect(() => {
if (!id) return
@@ -23,17 +31,37 @@ const Detail: FC = () => {
setName(response.other_name || response.id)
})
}
+ const items = useMemo(() => {
+ return ['PERCEPTUAL_MEMORY', 'WORKING_MEMORY', 'EMOTIONAL_MEMORY', 'SHORT_TERM_MEMORY', 'IMPLICIT_MEMORY', 'EPISODIC_MEMORY', 'EXPLICIT_MEMORY', 'FORGETTING_MANAGEMENT']
+ .map(key => ({ key, label: t(`userMemory.${key}`) }))
+ }, [t])
+ const onClick = ({ key }: { key: string }) => {
+ navigate(`/user-memory/detail/${id}/${key}`, { replace: true })
+ }
- console.log('Detail', name)
return (
+
)
diff --git a/web/src/views/UserMemoryDetail/types.ts b/web/src/views/UserMemoryDetail/types.ts
index 77dd653e..263494d0 100644
--- a/web/src/views/UserMemoryDetail/types.ts
+++ b/web/src/views/UserMemoryDetail/types.ts
@@ -44,6 +44,7 @@ export interface Data {
export interface BaseProperties {
content: string;
created_at: number;
+ associative_memory: number;
}
export interface StatementNodeProperties {
temporal_info: string;
@@ -51,12 +52,21 @@ export interface StatementNodeProperties {
statement: string;
valid_at: string;
created_at: number;
+ emotion_keywords: string[];
+ emotion_type: string;
+ emotion_subject: string;
+ importance_score: number;
+ associative_memory: number;
}
export interface ExtractedEntityNodeProperties {
description: string;
name: string;
entity_type: string;
created_at: number;
+ aliases: string;
+ connect_strngth: string;
+ importance_score: number;
+ associative_memory: number;
}
export interface MemorySummaryNode {
id: string;
@@ -72,7 +82,7 @@ export interface MemorySummaryNode {
created_at: number;
}
caption: string;
-
+ associative_memory: number;
}
export interface Node {
{!selectedNode
? {
diff --git a/web/src/views/UserMemoryDetail/components/Timeline.tsx b/web/src/views/UserMemoryDetail/components/Timeline.tsx
new file mode 100644
index 00000000..d7b9b273
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/Timeline.tsx
@@ -0,0 +1,82 @@
+import { type FC, useEffect, useState } from 'react'
+import clsx from 'clsx'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Skeleton, Progress, Space, Tooltip, Divider } from 'antd';
+import RbCard from '@/components/RbCard/Card'
+import {
+ getPerceptualTimeline
+} from '@/api/memory'
+import { formatDateTime } from '@/utils/format';
+import Empty from '@/components/Empty'
+
+interface TimelineItem {
+ id: string;
+ perceptual_type: number;
+ file_path: string;
+ file_name: string;
+ summary: string;
+ storage_type: number;
+ created_time: string | number;
+}
+
+const KEYS = {
+ last_visual: ['summary', 'keywords', 'topic', 'domain', 'scene'],
+ last_listen: ['summary', 'keywords', 'topic', 'domain', 'speaker_count'],
+ last_text: ['summary', 'keywords', 'topic', 'domain', 'section_count'],
+}
+
+const perceptual_type: Record = {
+ 1: 'last_visual',
+ 2: 'last_listen',
+ 3: 'last_text',
+}
+
+const Timeline: FC = () => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const [loading, setLoading] = useState(false)
+ const [data, setData] = useState([])
+
+ useEffect(() => {
+ if (!id) return
+ getData()
+ }, [id])
+ const getData = () => {
+ if (!id) return
+ setLoading(true)
+ getPerceptualTimeline(id).then((res) => {
+ const response = res as { memories: TimelineItem[] }
+ setData(response.memories || [])
+ setLoading(false)
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ return (
+
+ {loading
+ ?
+ {data.map((vo, index) => (
+
+ }
+
+ )
+}
+export default Timeline
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/WordCloud.tsx b/web/src/views/UserMemoryDetail/components/WordCloud.tsx
index 64f2bfaa..b249a03a 100644
--- a/web/src/views/UserMemoryDetail/components/WordCloud.tsx
+++ b/web/src/views/UserMemoryDetail/components/WordCloud.tsx
@@ -114,7 +114,7 @@ const WordCloud: FC = () => {
diff --git a/web/src/views/UserMemoryDetail/pages/EpisodicDetail.tsx b/web/src/views/UserMemoryDetail/pages/EpisodicDetail.tsx
new file mode 100644
index 00000000..4a7e4b1f
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/pages/EpisodicDetail.tsx
@@ -0,0 +1,250 @@
+import { type FC, useEffect, useState } from 'react'
+import clsx from 'clsx'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Row, Col, Select, Form, Space, Skeleton, Input } from 'antd'
+import RbCard from '@/components/RbCard/Card'
+import {
+ getEpisodicOverview,
+ getEpisodicDetail,
+} from '@/api/memory'
+import { formatDateTime } from '@/utils/format'
+import Tag from '@/components/Tag'
+import RbAlert from '@/components/RbAlert'
+import Empty from '@/components/Empty'
+
+interface EpisodicMemory {
+ id: string;
+ title: string;
+ type: string;
+ created_at: number;
+}
+interface EpisodicOverviewData {
+ total: number;
+ total_all: number;
+ episodic_memories: EpisodicMemory[]
+}
+interface EpisodicMemoryDetail {
+ id: string;
+ created_at: number;
+ involved_objects: string[];
+ episodic_type: string;
+ content_records: string[];
+ emotion: string;
+}
+
+const TAG_COLORS: Record = {
+ conversation: "processing",
+ project_work: "success",
+ learning: "warning",
+ decision: "warning",
+ important_event: "error",
+}
+const BG_COLORS: Record = {
+ conversation: "rb:bg-[#155EEF]",
+ project_work: "rb:bg-[#369F21]",
+ learning: "rb:bg-[#FF5D34]",
+ decision: "rb:bg-[#FF5D34]",
+ important_event: "rb:bg-[#5B6167]",
+}
+
+// Map display types to internal keys
+const getTypeKey = (type: string): string => {
+ const typeMap: Record = {
+ 'Learning': 'learning',
+ 'Project/Work': 'project_work',
+ 'Conversation': 'conversation',
+ 'Decision': 'decision',
+ 'Important Event': 'important_event',
+ }
+ return typeMap[type] || type.toLowerCase().replace(/[^a-z0-9]/g, '_')
+}
+const EpisodicDetail: FC = () => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const [form] = Form.useForm()
+ const [loading, setLoading] = useState(false)
+ const [data, setData] = useState({} as EpisodicOverviewData)
+ const values = Form.useWatch([], form)
+ const [detailLoading, setDetailLoading] = useState(false)
+ const [detail, setDetail] = useState(null)
+ const [selected, setSelected] = useState(null)
+
+ useEffect(() => {
+ if (!id) return
+ // getData()
+ }, [id])
+
+ // 记忆洞察
+ const getData = () => {
+ if (!id) return
+ setLoading(true)
+ setSelected(null)
+ setDetail(null)
+ getEpisodicOverview({
+ end_user_id: id,
+ ...values
+ }).then((res) => {
+ const response = res as EpisodicOverviewData
+ setData(response)
+ if (response.episodic_memories.length > 0) {
+ setSelected(response.episodic_memories[0])
+ }
+ setLoading(false)
+ })
+ .finally(() => {
+ setLoading(false)
+ })
+ }
+
+ useEffect(() => {
+ getData()
+ }, [values])
+
+ useEffect(() => {
+ getDetail()
+ }, [selected])
+
+ const getDetail = () => {
+ if (!selected || !selected.id) return
+
+ setDetailLoading(true)
+ getEpisodicDetail({
+ end_user_id: id as string,
+ summary_id: selected.id
+ })
+ .then(res => {
+ setDetail(res as EpisodicMemoryDetail)
+ })
+ .finally(() => {
+ setDetailLoading(false)
+ })
+ }
+
+ return (
+ {
+const ForgetDetail: FC = () => {
const { t } = useTranslation()
const { id } = useParams()
const [loading, setLoading] = useState(false)
@@ -156,4 +156,4 @@ const ForgetOverview: FC = () => {
)
}
-export default ForgetOverview
\ No newline at end of file
+export default ForgetDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/GraphDetail.tsx b/web/src/views/UserMemoryDetail/pages/GraphDetail.tsx
new file mode 100644
index 00000000..f3cf716c
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/pages/GraphDetail.tsx
@@ -0,0 +1,14 @@
+import { type FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Row, Col } from 'antd'
+
+const GraphDetail: FC = () => {
+ const { t } = useTranslation()
+
+ return (
+ {t('userMemory.created_at')}
-
+
{dayjs(selectedNode?.properties.created_at).format('YYYY-MM-DD HH:mm:ss')}
+
+ {selectedNode?.properties.associative_memory > 0 &&
+
}
+
+ {selectedNode.label === 'Statement' && <>
+ {(['emotion_keywords', 'emotion_type', 'emotion_subject', 'importance_score'] as const).map(key => {
+ const statementProps = selectedNode.properties as StatementNodeProperties;
+ if ((key === 'emotion_keywords' && statementProps[key]?.length > 0) || statementProps[key]) {
+ return (
+ {t('userMemory.associative_memory')}
+
+ {selectedNode?.properties.associative_memory} {t('userMemory.unix')}{t('userMemory.associative_memory')}
+
+
+ {t(`userMemory.Statement_${key}`)}
+
+ )
+ }
+ return null
+ })}
+ }
+ {selectedNode.label === 'ExtractedEntity' && <>
+ {(['name', 'entity_type', 'aliases', 'connect_strngth', 'importance_score'] as const).map(key => {
+ const entityProps = selectedNode.properties as ExtractedEntityNodeProperties;
+ if (entityProps[key]) {
+ return (
+
+ {key === 'emotion_keywords'
+ ? {statementProps.emotion_keywords.map((vo, index) => {vo} )}
+ : statementProps[key]
+ }
+
+
+ {t(`userMemory.ExtractedEntity_${key}`)}
+
+ )
+ }
+ return null
+ })}
+ }
+ {entityProps[key]}
+
+
+
+ ))}
+
+ {formatDateTime(vo.created_time)}
+ {index !== data.length - 1 &&
+
+
+ {vo.summary}
+ {t(`perceptualDetail.${perceptual_type[vo.perceptual_type]}`)}
+
{t(`statementDetail.${item.emotion_type}`)}
-
{item.count}{t('statementDetail.pieces')}
+ {item.count} {t('statementDetail.pieces')}
+
+ {t('episodicDetail.curResult')} ({data.total || 0}{t('episodicDetail.unix')})}
+ headerType="borderless"
+ >
+ {loading
+ ?
+ {data.episodic_memories.map((vo, index) => (
+
+ )
+ }
+
+
+
+
+ {detailLoading
+ ?
+
+ {t('episodicDetail.emotion')}: {t(`statementDetail.${detail.emotion}`)}
+
+
+ )
+ }
+
+
+
+
+ )
+}
+export default EpisodicDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx b/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx
index 6a59d41a..f0ba04ff 100644
--- a/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx
@@ -20,7 +20,7 @@ const statusTagColors: Record
+
+
+
+
+ {t('episodicDetail.title')}
+
+
+
+
+
+ {data.total_all ?? 0}
+ {t(`episodicDetail.total_all`)}
+ setSelected(vo)}
+ >
+
+ ))}
+ {index + 1}
+
+
+ {vo.title} {t(`episodicDetail.${getTypeKey(vo.type)}`)}
+ {formatDateTime(vo.created_at)}
+
+
+ {detail.involved_objects.map((vo, index) => {vo} )}
+ }
+
+
+ {t('episodicDetail.created')}
{formatDateTime(detail.created_at)}
+
+ {formatDateTime(detail.created_at)}
{t('episodicDetail.episodic_type')}
{detail.episodic_type}
+
+ {detail.involved_objects.length > 0 && {detail.episodic_type}
{t('episodicDetail.involved_objects')}
+
+
+ {t('episodicDetail.content_records')}
+ {detail.content_records.map((vo, index) => - {vo}
)}
+
+ GraphDetail
+
+ )
+}
+export default GraphDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/ImplicitDetail.tsx b/web/src/views/UserMemoryDetail/pages/ImplicitDetail.tsx
new file mode 100644
index 00000000..ef23463a
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/pages/ImplicitDetail.tsx
@@ -0,0 +1,34 @@
+import { type FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Row, Col } from 'antd'
+
+import Preferences from '../components/Preferences'
+import Portrait from '../components/Portrait'
+import InterestAreas from '../components/InterestAreas'
+import Habits from '../components/Habits'
+
+const ImplicitDetail: FC = () => {
+ const { t } = useTranslation()
+
+ return (
+
+
+
+
+
+ )
+}
+export default ImplicitDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/PerceptualDetail.tsx b/web/src/views/UserMemoryDetail/pages/PerceptualDetail.tsx
new file mode 100644
index 00000000..7e2d5353
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/pages/PerceptualDetail.tsx
@@ -0,0 +1,32 @@
+import { type FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Row, Col } from 'antd'
+
+import PerceptualLastInfo from '../components/PerceptualLastInfo'
+import Timeline from '../components/Timeline'
+
+const PerceptualDetail: FC = () => {
+ const { t } = useTranslation()
+
+ return (
+ {t('implicitDetail.title')}
+
+ {t('implicitDetail.portraitTitle')}
+ {t('implicitDetail.portraitSubTitle')}
+
+
+
+
+
+ )
+}
+export default PerceptualDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/ShortTermDetail.tsx b/web/src/views/UserMemoryDetail/pages/ShortTermDetail.tsx
new file mode 100644
index 00000000..6cc8eafc
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/pages/ShortTermDetail.tsx
@@ -0,0 +1,114 @@
+import { type FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Space, Skeleton } from 'antd'
+import {
+ getShortTerm,
+} from '@/api/memory'
+import Empty from '@/components/Empty'
+
+interface ShortTermItem {
+ retrieval: Array<{ query: string; retrieval: string[]; }>;
+ message: string;
+ answer: string;
+}
+interface LongTermItem {
+ query: string;
+ retrieval: string;
+}
+interface ShortData {
+ short_term: ShortTermItem[];
+ long_term: LongTermItem[];
+ entity: number;
+ retrieval_number: number;
+ long_term_number: number;
+}
+const ShortTermDetail: FC = () => {
+ const { t } = useTranslation()
+ const { id } = useParams()
+ const [loading, setLoading] = useState{t('perceptualDetail.lastInfo')}
+
+ {t('perceptualDetail.timeLine')}
+
+
+ {loading
+ ?
+
+
+ {loading
+ ?
+
+ )
+}
+export default ShortTermDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/index.tsx b/web/src/views/UserMemoryDetail/pages/index.tsx
index 6b78a210..da62c14e 100644
--- a/web/src/views/UserMemoryDetail/pages/index.tsx
+++ b/web/src/views/UserMemoryDetail/pages/index.tsx
@@ -1,15 +1,23 @@
-import { type FC, useEffect, useState } from 'react'
-import { useParams } from 'react-router-dom'
+import { type FC, useEffect, useState, useMemo } from 'react'
+import { useParams, useNavigate } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
+import { Dropdown } from 'antd'
import PageHeader from '../components/PageHeader'
import StatementDetail from './StatementDetail'
import ForgetDetail from './ForgetDetail'
+import ImplicitDetail from './ImplicitDetail'
+import ShortTermDetail from './ShortTermDetail'
+import PerceptualDetail from './PerceptualDetail'
+import EpisodicDetail from './EpisodicDetail'
import {
getEndUserProfile,
} from '@/api/memory'
const Detail: FC = () => {
+ const { t } = useTranslation()
const { id, type } = useParams()
+ const navigate = useNavigate()
const [name, setName] = useState
+
+
+
+ {t('shortTermDetail.title')}
+
+
+ {(['retrieval_number', 'entity', 'long_term_number'] as const).map(key => (
+
+
+
+ ))}
+ {(data as any)[key] ?? 0}
+ {t(`shortTermDetail.${key}`)}
+ {t('shortTermDetail.shortTermTitle')}
+ {t('shortTermDetail.shortTermSubTitle')}
+
+
+ {vo.retrieval.map((item, index) => (
+
+
+ ))
+ }
+ {vo.message}
+
+
+ ))}
+ {t('shortTermDetail.query')}: {item.query}
+ {t('shortTermDetail.answer')}:
+ {item.retrieval.length > 0 ? item.retrieval.map((retrieval, retrievalIdx) => (
+ - {retrieval}
+ )) : {t('shortTermDetail.noAnswer')}
}
+
+
+ {t('shortTermDetail.answer')}
+ {vo.answer}
+ {t('shortTermDetail.longTermTitle')}
+ {t('shortTermDetail.shortTermSubTitle')}
+
+
+ ))
+ }
+ {vo.query}
+ {vo.retrieval}
+
+ - {type ? t(`userMemory.${type}`) : ''}
+
+
+
+ }
/>
{type === 'EMOTIONAL_MEMORY' &&