Merge branch 'dev/newpersission' of https://git.zyuas.com/LLM/chat-admin-web into dev/permission

* 'dev/newpersission' of https://git.zyuas.com/LLM/chat-admin-web:
  重构新手引导逻辑，添加展开/折叠功能并持久化状态到localStorage；在用户重新登录时重置引导状态。
  超时回退

src/apis/api.ts

@@ -10,13 +10,7 @@ const axiosInstance = axios.create({
     timeout: 600000 * 2,// 请求超时20分钟
 });
 
-// 创建专门用于文件上传的axios实例，超时时间设置为20分钟
-export const uploadAxiosInstance = axios.create({
-    baseURL: config.baseURL,
-    timeout: 20 * 60 * 1000, // 20分钟 
-});
-
-// 默认实例的请求拦截器
+// 请求拦截器
 axiosInstance.interceptors.request.use(
     (config: any) => {
         config.headers = getHeaders();
@@ -27,24 +21,7 @@ axiosInstance.interceptors.request.use(
     }
 );
 
-// 文件上传实例的请求拦截器
-uploadAxiosInstance.interceptors.request.use(
-    (config: any) => {
-        config.headers = {
-            ...config.headers,
-            ...getHeaders(),
-        };
-        if (!navigator.onLine) {
-            message.error('网络故障');
-        }
-        return config;
-    },
-    (error) => {
-        return Promise.reject(error);
-    }
-);
-
-// 默认实例的响应拦截器
+// 响应拦截器
 axiosInstance.interceptors.response.use(
     (response: AxiosResponse) => {// 成功信息
         const { config, data } = response;
@@ -87,47 +64,4 @@ axiosInstance.interceptors.response.use(
     }
 );
 
-// 文件上传实例的响应拦截器
-uploadAxiosInstance.interceptors.response.use(
-    (response: AxiosResponse) => {// 成功信息
-        const { config, data } = response;
-        if (config.responseType === 'blob') {
-            return Promise.resolve(data);
-        } else {
-            if (data.code === 200) {// 成功
-                return Promise.resolve(data);
-            } else {// 失败
-                if (data.code === 401) {
-                    LocalStorage.clear();
-                    router.navigate({ pathname: '/login' }, { replace: true });
-                    message.error('登录过期');
-                    return Promise.reject();
-                } else {
-                    return Promise.reject(data);
-                }
-            }
-        }
-    },
-    (error) => {// 错误信息
-        // HTTP状态码
-        const statusCode = error.response?.status;
-        if (String(error).includes('timeout')) {
-            message.error('请求超时');
-        } else if (statusCode === 504) {
-            // 504网关超时，通常是上传文件超时
-            message.error('请求超时，请稍后重试');
-        } else if (statusCode === 403) {
-            // 403禁止访问，通常是防火墙拦截或内容违规
-            message.error('检测到您的此次提交请求未能通过安全验证，请检查提示词中是否包含特殊符号（如 ` \ $ ）, 请调整后重新提交。');
-        } else {
-            if (statusCode < 500) {
-                message.error('请求失败');
-            } else {
-                message.error('服务异常');
-            }
-        }
-        return Promise.reject();
-    }
-);
-
 export default axiosInstance;

src/pages/deepseek/knowledgeLib/detail/drawerIndex.tsx

@@ -21,13 +21,12 @@ import InfoModalSetting from './components/InfoModalSetting';
 import router from '@/router';
 import { Record } from './types';
 import dayjs from 'dayjs';
+import axios from 'axios';
 import LocalStorage from '@/LocalStorage';
 import store from './store';
 import './style.less';
-import { uploadAxiosInstance } from '@/apis/api';
 
 const { Dragger } = Upload;
-
 interface Props{
     drawerItem: any;
 }
@@ -81,38 +80,8 @@ const KnowledgeLibInfo : React.FC<Props> = ({drawerItem}:Props) => {
   const props : UploadProps = {
     name: 'files',
     multiple: true,
-    customRequest: async (options) => {
-      const { file, onSuccess, onError, onProgress } = options;
-      const formData = new FormData();
-      formData.append('files', file as File);
-
-      try {
-        const response = await uploadAxiosInstance.post(
-          `/deepseek/api/uploadDocument/${params.knowledgeId}`,
-          formData,
-          {
-            headers: {
-              'Content-Type': 'multipart/form-data',
-            },
-            onUploadProgress: (progressEvent) => {
-              if (progressEvent.total) {
-                const percent = Math.round((progressEvent.loaded * 100) / progressEvent.total);
-                onProgress?.({ percent });
-              }
-            },
-          }
-        );
-
-        // 处理响应
-        if (response.data && response.data.code === 200) {
-          onSuccess?.(response.data, file as any);
-        } else {
-          onError?.(new Error(response.data?.msg || '上传失败'));
-        }
-      } catch (error: any) {
-        onError?.(error);
-      }
-    },
+    action: '/api/deepseek/api/uploadDocument/' + params.knowledgeId,
+    headers: getHeaders(),
     beforeUpload( file, fileList ) {
       setUploadLoading( true );
       // const allowedExtensions = ['md', 'txt', 'pdf', 'jpg', 'png', 'jpeg', 'docx', 'xlsx', 'pptx', 'eml', 'csv', 'tar', 'gz', 'bz2', 'zip', 'rar', 'jar'];
@@ -232,7 +201,7 @@ const KnowledgeLibInfo : React.FC<Props> = ({drawerItem}:Props) => {
     } );
 
     try {
-      const res = await uploadAxiosInstance.post( '/deepseek/api/uploadDocument/' + params.knowledgeId, formData, {
+      const res = await axios.post( '/api/deepseek/api/uploadDocument/' + params.knowledgeId, formData, {
         headers: { 'Content-Type': 'multipart/form-data' }
       } );
 

src/pages/deepseek/knowledgeLib/detail/index.tsx

@@ -18,16 +18,16 @@ import {
   Col,
   Card
 } from 'antd';
-import { EditOutlined, DeleteOutlined, InboxOutlined, PlusOutlined, ArrowLeftOutlined, CloseOutlined, BulbOutlined } from '@ant-design/icons';
+import { EditOutlined, DeleteOutlined, InboxOutlined, PlusOutlined, ArrowLeftOutlined, CloseOutlined, BulbOutlined, UpOutlined, DownOutlined } from '@ant-design/icons';
 import InfoModal from './components/InfoModal';
 import InfoModalSetting from './components/InfoModalSetting';
 import router from '@/router';
 import { Record } from './types';
 import dayjs from 'dayjs';
+import axios from 'axios';
 import LocalStorage from '@/LocalStorage';
 import store from './store';
 import './style.less';
-import { uploadAxiosInstance } from '@/apis/api';
 
 const { Dragger } = Upload;
 
@@ -75,43 +75,26 @@ const KnowledgeLibInfo : React.FC = () => {
   const [userInfoAll, setUserInfoAll] = React.useState<any>({});
   // 新手引导（知识库文档）整体可见性（持久化到 localStorage）
   const [showDocGuide, setShowDocGuide] = React.useState<boolean>(() => localStorage.getItem('knowledgeDocGuideHidden') !== 'true');
-  const hideDocGuide = () => { localStorage.setItem('knowledgeDocGuideHidden', 'true'); setShowDocGuide(false); };
+  // 新手引导展开/折叠状态（持久化到 localStorage），默认展开
+  const [isDocGuideExpanded, setIsDocGuideExpanded] = React.useState<boolean>(() => {
+    const saved = localStorage.getItem('knowledgeDocGuideExpanded');
+    // 如果 localStorage 中没有值，默认展开（返回 true）
+    return saved === null ? true : saved === 'true';
+  });
+  const toggleDocGuide = () => {
+    setIsDocGuideExpanded(prev => {
+      const newValue = !prev;
+      // 保存到 localStorage
+      localStorage.setItem('knowledgeDocGuideExpanded', String(newValue));
+      return newValue;
+    });
+  };
 
   const props : UploadProps = {
     name: 'files',
     multiple: true,
-    customRequest: async (options) => {
-      const { file, onSuccess, onError, onProgress } = options;
-      const formData = new FormData();
-      formData.append('files', file as File);
-
-      try {
-        const response = await uploadAxiosInstance.post(
-          `/deepseek/api/uploadDocument/${params.knowledgeId}`,
-          formData,
-          {
-            headers: {
-              'Content-Type': 'multipart/form-data',
-            },
-            onUploadProgress: (progressEvent) => {
-              if (progressEvent.total) {
-                const percent = Math.round((progressEvent.loaded * 100) / progressEvent.total);
-                onProgress?.({ percent });
-              }
-            },
-          }
-        );
-
-        // 处理响应
-        if (response.data && response.data.code === 200) {
-          onSuccess?.(response.data, file as any);
-        } else {
-          onError?.(new Error(response.data?.msg || '上传失败'));
-        }
-      } catch (error: any) {
-        onError?.(error);
-      }
-    },
+    action: '/api/deepseek/api/uploadDocument/' + params.knowledgeId,
+    headers: getHeaders(),
     beforeUpload( file, fileList ) {
       setUploadLoading( true );
       // const allowedExtensions = ['md', 'txt', 'pdf', 'jpg', 'png', 'jpeg', 'docx', 'xlsx', 'pptx', 'eml', 'csv', 'tar', 'gz', 'bz2', 'zip', 'rar', 'jar'];
@@ -230,7 +213,7 @@ const KnowledgeLibInfo : React.FC = () => {
     } );
 
     try {
-      const res = await uploadAxiosInstance.post( '/deepseek/api/uploadDocument/' + params.knowledgeId, formData, {
+      const res = await axios.post( '/api/deepseek/api/uploadDocument/' + params.knowledgeId, formData, {
         headers: { 'Content-Type': 'multipart/form-data' }
       } );
 
@@ -439,67 +422,71 @@ const KnowledgeLibInfo : React.FC = () => {
         <Spin spinning={ uploadLoading || listLoading }>
           {showDocGuide && (
             <div style={{ padding: '12px 20px 12px 20px', background: '#fff' }}>
-              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 8 }}>
+              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: isDocGuideExpanded ? 8 : 0 }}>
                 <div style={{ fontSize: 13, color: '#333', display: 'flex', alignItems: 'center', gap: 6 }}>
                   <BulbOutlined style={{ color: '#faad14' }} />
                   提示：如何上传并管理知识库文档？
                 </div>
-                <CloseOutlined onClick={hideDocGuide} style={{ color: '#999', cursor: 'pointer' }} />
+                <div onClick={toggleDocGuide} style={{ color: '#999', cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
+                  {isDocGuideExpanded ? <UpOutlined /> : <DownOutlined />}
+                </div>
               </div>
-              <Row gutter={12}>
-                <Col xs={24} sm={24} md={12} lg={8}>
-                  <Card
-                    size="small"
-                    bordered={false}
-                    style={{
-                      background: 'linear-gradient(90deg, #e6f4ff 0%, #f0f7ff 100%)',
-                      boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                      borderRadius: 8,
-                      height: '100%'
-                    }}
-                    bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                    title={<span style={{ fontWeight: 600 }}>上传知识文档</span>}
-                  >
-                    <div style={{ color: '#666', fontSize: 12 }}>支持多种格式（Word、PDF、图片等），单个/总大小有上限，上传后自动处理（约5-10分钟,如遇到超时，可等待几分钟后刷新页面，将自动成功）。</div>
-                    {/* <div style={{ color: '#666', fontSize: 12 }}>支持pdf，doc，docx文件格式上传，建议单个文件不要超过10M，页数控制在100页以内。尽量单文件上传。</div> */}
-                    <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 1</div>
-                  </Card>
-                </Col>
-                <Col xs={24} sm={24} md={12} lg={8}>
-                  <Card
-                    size="small"
-                    bordered={false}
-                    style={{
-                      background: 'linear-gradient(90deg, #e6fffb 0%, #f0fffe 100%)',
-                      boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                      borderRadius: 8,
-                      height: '100%'
-                    }}
-                    bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                    title={<span style={{ fontWeight: 600 }}>查看切片与索引</span>}
-                  >
-                    <div style={{ color: '#666', fontSize: 12 }}>自动解析成功后可查看切片数量与索引状态，必要时可重新生成或调整配置。</div>
-                    <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 2</div>
-                  </Card>
-                </Col>
-                <Col xs={24} sm={24} md={12} lg={8}>
-                  <Card
-                    size="small"
-                    bordered={false}
-                    style={{
-                      background: 'linear-gradient(90deg, #fff7e6 0%, #fffaf0 100%)',
-                      boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                      borderRadius: 8,
-                      height: '100%'
-                    }}
-                    bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                    title={<span style={{ fontWeight: 600 }}>在应用中生效</span>}
-                  >
-                    <div style={{ color: '#666', fontSize: 12 }}>在RAG应用中切片将会被模型检索并召回，形成大模型对话的依据语料。</div>
-                    <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 3</div>
-                  </Card>
-                </Col>
-              </Row>
+              {isDocGuideExpanded && (
+                <Row gutter={12}>
+                  <Col xs={24} sm={24} md={12} lg={8}>
+                    <Card
+                      size="small"
+                      bordered={false}
+                      style={{
+                        background: 'linear-gradient(90deg, #e6f4ff 0%, #f0f7ff 100%)',
+                        boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                        borderRadius: 8,
+                        height: '100%'
+                      }}
+                      bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                      title={<span style={{ fontWeight: 600 }}>上传知识文档</span>}
+                    >
+                      <div style={{ color: '#666', fontSize: 12 }}>支持多种格式（Word、PDF、图片等），单个/总大小有上限，上传后自动处理（约5-10分钟,如遇到超时，可等待几分钟后刷新页面，将自动成功）。</div>
+                      {/* <div style={{ color: '#666', fontSize: 12 }}>支持pdf，doc，docx文件格式上传，建议单个文件不要超过10M，页数控制在100页以内。尽量单文件上传。</div> */}
+                      <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 1</div>
+                    </Card>
+                  </Col>
+                  <Col xs={24} sm={24} md={12} lg={8}>
+                    <Card
+                      size="small"
+                      bordered={false}
+                      style={{
+                        background: 'linear-gradient(90deg, #e6fffb 0%, #f0fffe 100%)',
+                        boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                        borderRadius: 8,
+                        height: '100%'
+                      }}
+                      bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                      title={<span style={{ fontWeight: 600 }}>查看切片与索引</span>}
+                    >
+                      <div style={{ color: '#666', fontSize: 12 }}>自动解析成功后可查看切片数量与索引状态，必要时可重新生成或调整配置。</div>
+                      <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 2</div>
+                    </Card>
+                  </Col>
+                  <Col xs={24} sm={24} md={12} lg={8}>
+                    <Card
+                      size="small"
+                      bordered={false}
+                      style={{
+                        background: 'linear-gradient(90deg, #fff7e6 0%, #fffaf0 100%)',
+                        boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                        borderRadius: 8,
+                        height: '100%'
+                      }}
+                      bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                      title={<span style={{ fontWeight: 600 }}>在应用中生效</span>}
+                    >
+                      <div style={{ color: '#666', fontSize: 12 }}>在RAG应用中切片将会被模型检索并召回，形成大模型对话的依据语料。</div>
+                      <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 3</div>
+                    </Card>
+                  </Col>
+                </Row>
+              )}
             </div>
           )}
           {

src/pages/deepseek/knowledgeLib/list/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Link } from 'react-router-dom';
 import { observer } from 'mobx-react';
 import { Button, Table, TableColumnsType, Modal, TablePaginationConfig, Row, Col, Card } from 'antd';
-import { PlusOutlined, EditOutlined, DeleteOutlined, CloseOutlined, BulbOutlined } from '@ant-design/icons';
+import { PlusOutlined, EditOutlined, DeleteOutlined, CloseOutlined, BulbOutlined, UpOutlined, DownOutlined } from '@ant-design/icons';
 import InfoModal from './components/InfoModal';
 import dayjs from 'dayjs';
 import store from './store';
@@ -38,7 +38,20 @@ const KnowledgeLibList: React.FC = () => {
     const [userInfoAll, setUserInfoAll] = React.useState<any>({});
     // 新手引导（知识库）整体可见性（持久化到 localStorage）
     const [showGuide, setShowGuide] = React.useState<boolean>(() => localStorage.getItem('knowledgeGuideHidden') !== 'true');
-    const hideGuide = () => { localStorage.setItem('knowledgeGuideHidden', 'true'); setShowGuide(false); };
+    // 新手引导展开/折叠状态（持久化到 localStorage），默认展开
+    const [isGuideExpanded, setIsGuideExpanded] = React.useState<boolean>(() => {
+        const saved = localStorage.getItem('knowledgeGuideExpanded');
+        // 如果 localStorage 中没有值，默认展开（返回 true）
+        return saved === null ? true : saved === 'true';
+    });
+    const toggleGuide = () => {
+        setIsGuideExpanded(prev => {
+            const newValue = !prev;
+            // 保存到 localStorage
+            localStorage.setItem('knowledgeGuideExpanded', String(newValue));
+            return newValue;
+        });
+    };
     React.useEffect(() => {
         init();
         const cFlag = LocalStorage.getStatusFlag('deepseek:knowledge:create');
@@ -247,66 +260,70 @@ const KnowledgeLibList: React.FC = () => {
             {/* 新手使用提示区块（知识库） */}
             {showGuide && (
                 <div style={{ padding: '12px 20px 12px 20px', background: '#fff' }}>
-                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 8 }}>
+                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: isGuideExpanded ? 8 : 0 }}>
                         <div style={{ fontSize: 13, color: '#333', display: 'flex', alignItems: 'center', gap: 6 }}>
                             <BulbOutlined style={{ color: '#faad14' }} />
                             提示: 如何创建并管理自己的知识库？
                         </div>
-                        <CloseOutlined onClick={hideGuide} style={{ color: '#999', cursor: 'pointer' }} />
+                        <div onClick={toggleGuide} style={{ color: '#999', cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
+                            {isGuideExpanded ? <UpOutlined /> : <DownOutlined />}
+                        </div>
                     </div>
-                    <Row gutter={12}>
-                        <Col xs={24} sm={24} md={12} lg={8}>
-                            <Card
-                                size="small"
-                                bordered={false}
-                                style={{
-                                    background: 'linear-gradient(90deg, #e6f4ff 0%, #f0f7ff 100%)',
-                                    boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                                    borderRadius: 8,
-                                    height: '100%'
-                                }}
-                                bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                                title={<span style={{ fontWeight: 600 }}>创建知识库</span>}
-                            >
-                                <div style={{ color: '#666', fontSize: 12 }}>点击右上角“创建知识库”，按需填写名称与描述，当前仅创建空的知识库集合。</div>
-                                <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 1</div>
-                            </Card>
-                        </Col>
-                        <Col xs={24} sm={24} md={12} lg={8}>
-                            <Card
-                                size="small"
-                                bordered={false}
-                                style={{
-                                    background: 'linear-gradient(90deg, #e6fffb 0%, #f0fffe 100%)',
-                                    boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                                    borderRadius: 8,
-                                    height: '100%'
-                                }}
-                                bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                                title={<span style={{ fontWeight: 600 }}>上传文档与管理知识片段</span>}
-                            >
-                                <div style={{ color: '#666', fontSize: 12 }}>上传Word, Pdf等多种文档格式，支持图片 OCR，查看切片与索引状态，按需更新或删除，保持知识内容最新。</div>
-                                <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 2</div>
-                            </Card>
-                        </Col>
-                        <Col xs={24} sm={24} md={12} lg={8}>
-                            <Card
-                                size="small"
-                                bordered={false}
-                                style={{
-                                    background: 'linear-gradient(90deg, #fff7e6 0%, #fffaf0 100%)',
-                                    boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                                    borderRadius: 8,
-                                    height: '100%'
-                                }}
-                                bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                                title={<span style={{ fontWeight: 600 }}>创建RAG应用时引用知识库</span>}
-                            >
-                                <div style={{ color: '#666', fontSize: 12 }}>在RAG应用配置中选择此知识库参与检索问答。</div>
-                                <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 3</div>
-                            </Card>
-                        </Col>
-                    </Row>
+                    {isGuideExpanded && (
+                        <Row gutter={12}>
+                            <Col xs={24} sm={24} md={12} lg={8}>
+                                <Card
+                                    size="small"
+                                    bordered={false}
+                                    style={{
+                                        background: 'linear-gradient(90deg, #e6f4ff 0%, #f0f7ff 100%)',
+                                        boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                                        borderRadius: 8,
+                                        height: '100%'
+                                    }}
+                                    bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                                    title={<span style={{ fontWeight: 600 }}>创建知识库</span>}
+                                >
+                                    <div style={{ color: '#666', fontSize: 12 }}>点击右上角"创建知识库"，按需填写名称与描述，当前仅创建空的知识库集合。</div>
+                                    <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 1</div>
+                                </Card>
+                            </Col>
+                            <Col xs={24} sm={24} md={12} lg={8}>
+                                <Card
+                                    size="small"
+                                    bordered={false}
+                                    style={{
+                                        background: 'linear-gradient(90deg, #e6fffb 0%, #f0fffe 100%)',
+                                        boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                                        borderRadius: 8,
+                                        height: '100%'
+                                    }}
+                                    bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                                    title={<span style={{ fontWeight: 600 }}>上传文档与管理知识片段</span>}
+                                >
+                                    <div style={{ color: '#666', fontSize: 12 }}>上传Word, Pdf等多种文档格式，支持图片 OCR，查看切片与索引状态，按需更新或删除，保持知识内容最新。</div>
+                                    <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 2</div>
+                                </Card>
+                            </Col>
+                            <Col xs={24} sm={24} md={12} lg={8}>
+                                <Card
+                                    size="small"
+                                    bordered={false}
+                                    style={{
+                                        background: 'linear-gradient(90deg, #fff7e6 0%, #fffaf0 100%)',
+                                        boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                                        borderRadius: 8,
+                                        height: '100%'
+                                    }}
+                                    bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                                    title={<span style={{ fontWeight: 600 }}>创建RAG应用时引用知识库</span>}
+                                >
+                                    <div style={{ color: '#666', fontSize: 12 }}>在RAG应用配置中选择此知识库参与检索问答。</div>
+                                    <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 3</div>
+                                </Card>
+                            </Col>
+                        </Row>
+                    )}
                 </div>
             )}
             <div className='knowledgeLibList-table'>

src/pages/deepseek/questionAnswer/list/index.tsx

@@ -30,7 +30,7 @@ import {
   BookOutlined,
   TeamOutlined,
   AppstoreOutlined,
-  EditOutlined, CloseOutlined, BulbOutlined
+  EditOutlined, CloseOutlined, BulbOutlined, UpOutlined, DownOutlined
 } from '@ant-design/icons';
 import { apis } from '@/apis';
 import './style.less';
@@ -138,7 +138,20 @@ const QuestionAnswerList: React.FC = () => {
   const [levelTypeList, setLevelTypeList] = React.useState<AppTypeList>([]);
   // 新手引导整体可见性（持久化到 localStorage）
   const [showGuide, setShowGuide] = React.useState<boolean>(() => localStorage.getItem('appGuideHidden') !== 'true');
-  const hideGuide = () => { localStorage.setItem('appGuideHidden', 'true'); setShowGuide(false); };
+  // 新手引导展开/折叠状态（持久化到 localStorage），默认展开
+  const [isGuideExpanded, setIsGuideExpanded] = React.useState<boolean>(() => {
+    const saved = localStorage.getItem('appGuideExpanded');
+    // 如果 localStorage 中没有值，默认展开（返回 true）
+    return saved === null ? true : saved === 'true';
+  });
+  const toggleGuide = () => {
+    setIsGuideExpanded(prev => {
+      const newValue = !prev;
+      // 保存到 localStorage
+      localStorage.setItem('appGuideExpanded', String(newValue));
+      return newValue;
+    });
+  };
   // 搜索输入框展开状态
   const [isSearchExpanded, setIsSearchExpanded] = React.useState(false);
   const searchWrapperRef = React.useRef<HTMLDivElement>(null);
@@ -769,66 +782,70 @@ const QuestionAnswerList: React.FC = () => {
       {/* 新手使用提示区块 */}
       {showGuide && (
         <div style={{ padding: '12px 20px 12px 20px' }}>
-          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 8 }}>
+          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: isGuideExpanded ? 8 : 0 }}>
             <div style={{ fontSize: 13, color: '#333', display: 'flex', alignItems: 'center', gap: 6 }}>
               <BulbOutlined style={{ color: '#faad14' }} />
               提示：如何创建并发布自己的RAG（增强检索生成）应用？
             </div>
-            <CloseOutlined onClick={hideGuide} style={{ color: '#999', cursor: 'pointer' }} />
+            <div onClick={toggleGuide} style={{ color: '#999', cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
+              {isGuideExpanded ? <UpOutlined /> : <DownOutlined />}
+            </div>
           </div>
-          <Row gutter={12}>
-            <Col xs={24} sm={24} md={12} lg={8}>
-              <Card
-                size="small"
-                bordered={false}
-                style={{
-                  background: 'linear-gradient(90deg, #e6f4ff 0%, #f0f7ff 100%)',
-                  boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                  borderRadius: 8,
-                  height: '100%'
-                }}
-                bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                title={<span style={{ fontWeight: 600 }}>创建或选用公共知识库</span>}
-              >
-                <div style={{ color: '#666', fontSize: 12 }}>选择公共知识库，或点击知识库菜单栏，创建自己的知识库。</div>
-                <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 1</div>
-              </Card>
-            </Col>
-            <Col xs={24} sm={24} md={12} lg={8}>
-              <Card
-                size="small"
-                bordered={false}
-                style={{
-                  background: 'linear-gradient(90deg, #e6fffb 0%, #f0fffe 100%)',
-                  boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                  borderRadius: 8,
-                  height: '100%'
-                }}
-                bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                title={<span style={{ fontWeight: 600 }}>参数配置</span>}
-              >
-                <div style={{ color: '#666', fontSize: 12 }}>点击右上角，创建应用，选择模型与知识范围，配置Prompt、检索策略并调试。</div>
-                <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 2</div>
-              </Card>
-            </Col>
-            <Col xs={24} sm={24} md={12} lg={8}>
-              <Card
-                size="small"
-                bordered={false}
-                style={{
-                  background: 'linear-gradient(90deg, #fff7e6 0%, #fffaf0 100%)',
-                  boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
-                  borderRadius: 8,
-                  height: '100%'
-                }}
-                bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
-                title={<span style={{ fontWeight: 600 }}>发布应用</span>}
-              >
-                <div style={{ color: '#666', fontSize: 12 }}>发布后可在相应的项目内使用。</div>
-                <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 3</div>
-              </Card>
-            </Col>
-          </Row>
+          {isGuideExpanded && (
+            <Row gutter={12}>
+              <Col xs={24} sm={24} md={12} lg={8}>
+                <Card
+                  size="small"
+                  bordered={false}
+                  style={{
+                    background: 'linear-gradient(90deg, #e6f4ff 0%, #f0f7ff 100%)',
+                    boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                    borderRadius: 8,
+                    height: '100%'
+                  }}
+                  bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                  title={<span style={{ fontWeight: 600 }}>创建或选用公共知识库</span>}
+                >
+                  <div style={{ color: '#666', fontSize: 12 }}>选择公共知识库，或点击知识库菜单栏，创建自己的知识库。</div>
+                  <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 1</div>
+                </Card>
+              </Col>
+              <Col xs={24} sm={24} md={12} lg={8}>
+                <Card
+                  size="small"
+                  bordered={false}
+                  style={{
+                    background: 'linear-gradient(90deg, #e6fffb 0%, #f0fffe 100%)',
+                    boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                    borderRadius: 8,
+                    height: '100%'
+                  }}
+                  bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                  title={<span style={{ fontWeight: 600 }}>参数配置</span>}
+                >
+                  <div style={{ color: '#666', fontSize: 12 }}>点击右上角，创建应用，选择模型与知识范围，配置Prompt、检索策略并调试。</div>
+                  <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 2</div>
+                </Card>
+              </Col>
+              <Col xs={24} sm={24} md={12} lg={8}>
+                <Card
+                  size="small"
+                  bordered={false}
+                  style={{
+                    background: 'linear-gradient(90deg, #fff7e6 0%, #fffaf0 100%)',
+                    boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
+                    borderRadius: 8,
+                    height: '100%'
+                  }}
+                  bodyStyle={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', minHeight: 80 }}
+                  title={<span style={{ fontWeight: 600 }}>发布应用</span>}
+                >
+                  <div style={{ color: '#666', fontSize: 12 }}>发布后可在相应的项目内使用。</div>
+                  <div style={{ textAlign: 'right', color: '#1677ff', fontWeight: 600 }}>step 3</div>
+                </Card>
+              </Col>
+            </Row>
+          )}
         </div>
       )}
       {

src/pages/login/store.tsx

@@ -55,6 +55,10 @@ const useLoginStore = (): LoginStore => {
                     id: info.userId,
                     name: info.nickName,
                 });
+                // 重新登录时，重置引导展开状态为默认展开
+                localStorage.removeItem('appGuideExpanded');
+                localStorage.removeItem('knowledgeGuideExpanded');
+                localStorage.removeItem('knowledgeDocGuideExpanded');
                 // 获取用户详细信息（permissions,role, user）
                 const resUserInfo = await apis.fetchUserInfo(info.userId);
                 if (resUserInfo.code === 200) {

src/router.tsx

@@ -281,6 +281,10 @@ router.routes.forEach((route: any) => {
                             id: res.user.userId,
                             name: res.user.nickName,
                         });
+                        // 重新登录时，重置引导展开状态为默认展开
+                        localStorage.removeItem('appGuideExpanded');
+                        localStorage.removeItem('knowledgeGuideExpanded');
+                        localStorage.removeItem('knowledgeDocGuideExpanded');
                         window.location.replace(originUrl + path);
                     }
                 } catch (error: any) {