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/components/Empty/index.tsx

@@ -6,7 +6,6 @@ interface EmptyProps {
   url?: string;
   size?: number | number[];
   title?: string;
-  isNeedSubTitle?: boolean;
   subTitle?: string;
   className?: string;
 }
@@ -14,7 +13,6 @@ const  Empty: FC<EmptyProps> = ({
   url,
   size = 200,
   title,
-  isNeedSubTitle = true,
   subTitle,
   className = '',
 }) => {
@@ -22,12 +20,12 @@ const  Empty: FC<EmptyProps> = ({
   const width = Array.isArray(size) ? size[0] : size ? size : url ? 200 : 88;
   const height = Array.isArray(size) ? size[1] : size ? size : url ? 200 : 88;
   
-  const curSubTitle = isNeedSubTitle ? (subTitle || t('empty.tableEmpty')) : null;
+  subTitle = subTitle || t('empty.tableEmpty');
   return (
     <div className={`rb:flex rb:items-center rb:justify-center rb:flex-col ${className}`}>
       <img src={url || emptyIcon} alt="404" style={{ width: `${width}px`, height: `${height}px` }} />
-      {title && <div className="rb:mt-2 rb:leading-5">{title}</div>}
-      {curSubTitle && <div className={`rb:mt-[${url ? 8 : 5}px] rb:leading-4 rb:text-[12px] rb:text-[#A8A9AA]`}>{subTitle}</div>}
+      {title && <div className="rb:mt-[8px] rb:leading-[20px]">{title}</div>}
+      {subTitle && <div className={`rb:mt-[${url ? 8 : 5}px] rb:leading-[16px] rb:text-[#5B6167]`}>{subTitle}</div>}
     </div>
   );
 }

web/src/components/Header/index.tsx

@@ -3,6 +3,7 @@ import { Layout, Dropdown, Space, Breadcrumb } from 'antd';
 import type { MenuProps, BreadcrumbProps } from 'antd';
 import { UserOutlined, LogoutOutlined, SettingOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
 import { useUser } from '@/store/user';
 import { useMenu } from '@/store/menu';
 import styles from './index.module.css'
@@ -12,12 +13,35 @@ const { Header } = Layout;
 
 const AppHeader: FC<{source?: 'space' | 'manage';}> = ({source = 'manage'}) => {
   const { t } = useTranslation();
+  const location = useLocation();
   const settingModalRef = useRef<SettingModalRef>(null)
   const userInfoModalRef = useRef<UserInfoModalRef>(null)
 
   const { user, logout } = useUser();
   const { allBreadcrumbs } = useMenu();
-  const breadcrumbs = allBreadcrumbs[source] || [];
+  
+  // 根据当前路由动态选择面包屑源
+  const getBreadcrumbSource = () => {
+    const pathname = location.pathname;
+    
+    // 知识库列表页面使用默认的 space 面包屑
+    if (pathname === '/knowledge-base') {
+      return 'space';
+    }
+    
+    // 知识库详情相关页面使用独立的面包屑
+    if (pathname.includes('/knowledge-base/') && pathname !== '/knowledge-base') {
+      return 'space-detail';
+    }
+    
+    // 其他页面使用传入的 source
+    return source;
+  };
+  
+  const breadcrumbSource = getBreadcrumbSource();
+  const breadcrumbs = allBreadcrumbs[breadcrumbSource] || [];
+  
+
 
   // 处理退出登录
   const handleLogout = () => {

web/src/components/Layout/AuthLayout.tsx

@@ -6,7 +6,6 @@ import { useNavigationBreadcrumbs } from '@/hooks/useNavigationBreadcrumbs';
 import AppHeader from '@/components/Header';
 import Sider from '@/components/SiderMenu'
 import { useUser } from '@/store/user';
-import { cookieUtils } from '@/utils/request';
 
 
 const { Content } = Layout;
@@ -19,12 +18,7 @@ const AuthLayout: FC = () => {
   // 自动更新面包屑导航
   useNavigationBreadcrumbs('manage');
   useEffect(() => {
-    const authToken = cookieUtils.get('authToken')
-    if (!authToken && !window.location.hash.includes('#/login')) {
-      window.location.href = `/#/login`;
-    } else {
-      getUserInfo()
-    }
+    getUserInfo()
   }, []);
 
   return (

web/src/components/Layout/AuthSpaceLayout.tsx

@@ -6,7 +6,6 @@ import { useNavigationBreadcrumbs } from '@/hooks/useNavigationBreadcrumbs';
 import AppHeader from '@/components/Header';
 import Sider from '@/components/SiderMenu';
 import { useUser } from '@/store/user';
-import { cookieUtils } from '@/utils/request';
 
 
 const { Content } = Layout;
@@ -19,13 +18,8 @@ const AuthSpaceLayout: FC = () => {
   // 自动更新面包屑导航
   useNavigationBreadcrumbs('space');
   useEffect(() => {
-    const authToken = cookieUtils.get('authToken')
-    if (!authToken && !window.location.hash.includes('#/login')) {
-      window.location.href = `/#/login`;
-    } else {
-      getUserInfo()
-      getStorageType()
-    }
+    getUserInfo()
+    getStorageType()
   }, []);
 
   return (