Sync frontend project from dev-yjp branch

- Updated web folder with latest frontend code
- Added new components: CreateContentModal, CreateContentModalExample
- Added new hook: useBreadcrumbManager
- Updated knowledge base components and views
- Updated i18n translations
- Various bug fixes and improvements

web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx

@@ -4,11 +4,12 @@
  * @Author: yujiangping
  * @Date: 2025-11-15 16:13:47
  * @LastEditors: yujiangping
- * @LastEditTime: 2025-11-29 19:46:46
+ * @LastEditTime: 2025-12-12 20:02:05
  */
 import { useEffect, useState, useRef, type FC } from 'react';
 import { useNavigate, useParams, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import { useBreadcrumbManager, type BreadcrumbPath } from '@/hooks/useBreadcrumbManager';
 import { Button, Spin, message, Switch } from 'antd';
 import { getDocumentDetail, getDocumentChunkList, downloadFile, updateDocument, updateDocumentChunk, createDocumentChunk } from '@/api/knowledgeBase';
 import type { KnowledgeBaseDocumentData, RecallTestData } from '@/views/KnowledgeBase/types';
@@ -25,7 +26,18 @@ const DocumentDetails: FC = () => {
   const navigate = useNavigate();
   const { knowledgeBaseId } = useParams<{ knowledgeBaseId: string }>();
   const location = useLocation();
-  const { documentId, parentId: locationParentId } = location.state as { documentId: string; parentId?: string };
+  const { updateBreadcrumbs } = useBreadcrumbManager({
+    breadcrumbType: 'detail'
+  });
+  const { 
+    documentId, 
+    parentId: locationParentId, 
+    breadcrumbPath 
+  } = location.state as { 
+    documentId: string; 
+    parentId?: string; 
+    breadcrumbPath?: BreadcrumbPath;
+  };
   const [loading, setLoading] = useState(false);
   const [document, setDocument] = useState<KnowledgeBaseDocumentData | null>(null);
   const [chunkList, setChunkList] = useState<RecallTestData[]>([]);
@@ -44,6 +56,13 @@ const DocumentDetails: FC = () => {
     }
   }, [documentId]);
 
+  // 更新面包屑
+  useEffect(() => {
+    if (breadcrumbPath) {
+      updateBreadcrumbs(breadcrumbPath);
+    }
+  }, [breadcrumbPath, updateBreadcrumbs]);
+
   // 当文档加载完成且 progress === 1 时，加载分块列表
   useEffect(() => {
     if (document && document.progress === 1 && !isManualRefreshRef.current) {
@@ -179,7 +198,18 @@ const DocumentDetails: FC = () => {
   };
 
   const handleBack = () => {
-    if (knowledgeBaseId) {
+    if (knowledgeBaseId && breadcrumbPath) {
+      // 返回到知识库详情页，并传递面包屑信息以恢复状态
+      const navigationState = {
+        fromKnowledgeBaseList: true,
+        knowledgeBaseFolderPath: breadcrumbPath.knowledgeBaseFolderPath,
+        navigateToDocumentFolder: locationParentId,
+        documentFolderPath: breadcrumbPath.documentFolderPath,
+        timestamp: Date.now(), // 添加时间戳确保状态变化
+      };
+      navigate(`/knowledge-base/${knowledgeBaseId}/private`, { state: navigationState });
+    } else if (knowledgeBaseId) {
+      // 降级处理：直接跳转到知识库详情页
       navigate(`/knowledge-base/${knowledgeBaseId}/private`);
     }
   };