feat: Add base project structure with API and web components

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

@@ -0,0 +1,55 @@
+import { type FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useParams } from 'react-router-dom'
+import { Skeleton } from 'antd';
+import RbCard from '@/components/RbCard/Card'
+import Empty from '@/components/Empty';
+import {
+  getMemoryInsightReport,
+} from '@/api/memory'
+
+const MemoryInsight:FC = () => {
+  const { t } = useTranslation()
+  const { id } = useParams()
+  const [loading, setLoading] = useState<boolean>(false)
+  const [report, setReport] = useState<string | null>(null)
+
+  useEffect(() => {
+    if (!id) return
+    getInsightReport()
+  }, [id])
+  
+  // 记忆洞察
+  const getInsightReport = () => {
+    if (!id) return
+    setLoading(true)
+    getMemoryInsightReport(id).then((res) => {
+      setReport((res as { report?: string }).report || null)
+      setLoading(false) 
+    })
+    .finally(() => {
+      setLoading(false)
+    })
+  }
+  return (
+    <RbCard 
+      title={t('userMemory.memoryInsight')} 
+      headerType="borderless"
+      headerClassName="rb:text-[18px]! rb:leading-[24px]"
+      bgColor="linear-gradient(180deg,#F1F9FE 0%, #FBFCFF 100%)"
+      height="100%"
+    >
+      {loading
+        ? <Skeleton />
+        : report
+        ? <div className="rb:flex rb:flex-wrap rb:justify-between rb:h-full">
+          <div className="rb:leading-[22px]">
+            {report|| '-'}
+          </div>
+        </div>
+        : <Empty size={80} />
+      }
+    </RbCard>
+  )
+}
+export default MemoryInsight