4.8.19-feature (#3636)

* feat: sync org from wecom, pref: member list pagination (#3549) * feat: sync org * chore: fe * chore: loading * chore: type * pref: team member list change to pagination. Edit a sort of list apis. * feat: member update avatar * chore: user avatar move to tmb * chore: init scripts move user avatar * chore: sourceMember * fix: list api sourceMember * fix: member sync * fix: pagination * chore: adjust code * chore: move changeOwner to pro * chore: init v4819 script * chore: adjust code * chore: UserBox * perf: scroll page code * perf: list data * docs:更新用户答疑 (#3576) * docs: add custom uid docs (#3572) * fix: pagination bug (#3577) * 4.8.19 test (#3584) * faet: dataset search filter * fix: scroll page * fix: collection list api old version (#3591) * fix: collection list api format * fix: type error of addSourceMemeber * fix: scroll fetch (#3592) * fix: yuque dataset file folder can enter (#3593) * perf: load members；perf: yuque load；fix: workflow llm params cannot close (#3594) * chat openapi doc * feat: dataset openapi doc * perf: load members * perf: member load code * perf: yuque load * fix: workflow llm params cannot close * fix: api dataset reference tag preview (#3600) * perf: doc * feat: chat page config * fix: http parse (#3634) * update doc * fix: http parse * fix code run node reset template (#3633) Co-authored-by: Archer <545436317@qq.com> * docs:faq (#3627) * docs:faq * docsFix * perf: sleep plugin * fix: selector --------- Co-authored-by: Finley Ge <32237950+FinleyGe@users.noreply.github.com> Co-authored-by: Jiangween <145003935+Jiangween@users.noreply.github.com> Co-authored-by: heheer <heheer@sealos.io>
2025-07-21 11:43:56 +00:00 · 2025-01-20 19:42:33 +08:00
parent 9f33729ca9
commit 3c97757e4d
170 changed files with 2317 additions and 1615 deletions
--- a/docSite/assets/imgs/dataset3.png
+++ b/docSite/assets/imgs/dataset3.png
--- a/docSite/assets/imgs/dataset4.png
+++ b/docSite/assets/imgs/dataset4.png
--- a/docSite/assets/imgs/faq1.png
+++ b/docSite/assets/imgs/faq1.png
--- a/docSite/assets/imgs/faq2.png
+++ b/docSite/assets/imgs/faq2.png
--- a/docSite/assets/imgs/faq3.png
+++ b/docSite/assets/imgs/faq3.png
--- a/docSite/assets/imgs/other1.png
+++ b/docSite/assets/imgs/other1.png
--- a/docSite/assets/imgs/other2.png
+++ b/docSite/assets/imgs/other2.png
--- a/docSite/assets/imgs/other3.png
+++ b/docSite/assets/imgs/other3.png
--- a/docSite/assets/imgs/quizApp1.png
+++ b/docSite/assets/imgs/quizApp1.png
--- a/docSite/assets/imgs/quizApp2.png
+++ b/docSite/assets/imgs/quizApp2.png
--- a/docSite/content/zh-cn/docs/development/faq.md
+++ b/docSite/content/zh-cn/docs/development/faq.md
@@ -19,6 +19,53 @@ images: []

 ## 二、通用问题

+### 通过sealos部署的话，是否没有本地部署的一些限制？
+![](/imgs/faq1.png)
+这是索引模型的长度限制，通过任何方式部署都一样的，但不同索引模型的配置不一样，可以在后台修改参数。
+
+### sealos怎么挂载 小程序配置文件
+
+新增配置文件：/app/projects/app/public/xxxx.txt
+如图
+![](/imgs/faq2.png)
+
+### 数据库3306端口被占用了，启动服务失败
+![](/imgs/faq3.png)
+
+mysql 只有 oneAPI 用到，外面一般不需要调用，所以可以
+- 把 3306:3306 的映射去掉/或者直接改一个映射。
+
+```yaml
+# 在 docker-compose.yaml 文件内
+# ...
+ mysql:
+  image: mysql:8.0.36
+     ports:
+       - 3306:3306 # 这个端口被占用了！
+       # - 3307:3306 # 直接改一个。。和外面的不冲突
+       # *empty* 或者直接删了，反正外面用不到
+ oneapi:
+  container_name: oneapi
+  image: ghcr.io/songquanpeng/one-api:latest
+  environment:
+    - SQL_DSN=root:oneapimmysql@tcp(mysql:3306)/oneapi # 这不用改，容器内外网络是隔离的
+```
+- 另一种做法是可以直接连现有的 mysql， 要改 oneAPI 的环境变量。
+```yaml
+# 在 docker-compose.yaml 文件内
+# ...
+# mysql: # 要连外面的，这个玩意用不到了
+#  image: mysql:8.0.36
+#     ports:
+#       - 3306:3306 # 这个端口被占用了！
+oneapi:
+  container_name: oneapi
+  image: ghcr.io/songquanpeng/one-api:latest
+  environment:
+    - SQL_DSN=root:oneapimmysql@tcp(mysql:3306)/oneapi # 改成外面的链接字符串
+```
+
+
 ### 本地部署的限制

 具体内容参考https://fael3z0zfze.feishu.cn/wiki/OFpAw8XzAi36Guk8dfucrCKUnjg。
--- a/docSite/content/zh-cn/docs/development/openapi/auth.md
+++ b/docSite/content/zh-cn/docs/development/openapi/auth.md
@@ -56,3 +56,27 @@ curl --location --request POST 'https://api.fastgpt.in/api/v1/chat/completions'
    ]
 }'
 ```
+
+## 自定义用户 ID
+
+`v4.8.13`后支持传入自定义的用户 ID, 并且存入历史记录中。
+
+```sh
+curl --location --request POST 'https://api.fastgpt.in/api/v1/chat/completions' \
+--header 'Authorization: Bearer fastgpt-xxxxxx' \
+--header 'Content-Type: application/json' \
+--data-raw '{
+    "chatId": "111",
+    "stream": false,
+    "detail": false,
+    "messages": [
+        {
+            "content": "导演是谁",
+            "role": "user"
+        }
+    ],
+    "customUid": "xxxxxx"
+}'
+```
+
+在历史记录中，该条记录的使用者会显示为 `xxxxxx`。
--- a/docSite/content/zh-cn/docs/development/openapi/chat.md
+++ b/docSite/content/zh-cn/docs/development/openapi/chat.md
@@ -686,7 +686,7 @@ curl --location --request POST 'http://localhost:3000/api/core/chat/getHistories
 - appId - 应用 Id
 - offset - 偏移量，即从第几条数据开始取
 - pageSize - 记录数量
- source - 对话源
+- source - 对话源。source=api，表示获取通过 API 创建的对话（不会获取到页面上的对话记录）
 {{% /alert %}}

 {{< /markdownify >}}
--- a/docSite/content/zh-cn/docs/development/openapi/dataset.md
+++ b/docSite/content/zh-cn/docs/development/openapi/dataset.md
@@ -733,6 +733,21 @@ data 为集合的 ID。
 {{< tab tabName="请求示例" >}}
 {{< markdownify >}}

+**4.8.19+**
+```bash
+curl --location --request POST 'http://localhost:3000/api/core/dataset/collection/listv2' \
+--header 'Authorization: Bearer {{authorization}}' \
+--header 'Content-Type: application/json' \
+--data-raw '{
+    "offset":0,
+    "pageSize": 10,
+    "datasetId":"6593e137231a2be9c5603ba7",
+    "parentId": null,
+    "searchText":""
+}'
+```
+
+**4.8.19-(不再维护)**
 ```bash
 curl --location --request POST 'http://localhost:3000/api/core/dataset/collection/list' \
 --header 'Authorization: Bearer {{authorization}}' \
@@ -753,7 +768,7 @@ curl --location --request POST 'http://localhost:3000/api/core/dataset/collectio
 {{< markdownify >}}

 {{% alert icon=" " context="success" %}}
- pageNum: 页码（选填）
+- offset: 偏移量
 - pageSize: 每页数量，最大30（选填）
 - datasetId: 知识库的ID(必填)
 - parentId: 父级Id（选填）
@@ -773,9 +788,7 @@ curl --location --request POST 'http://localhost:3000/api/core/dataset/collectio
    "statusText": "",
    "message": "",
    "data": {
-        "pageNum": 1,
-        "pageSize": 10,
-        "data": [
+        "list": [
            {
                "_id": "6593e137231a2be9c5603ba9",
                "parentId": null,
--- a/docSite/content/zh-cn/docs/development/upgrading/4819.md
+++ b/docSite/content/zh-cn/docs/development/upgrading/4819.md
@@ -0,0 +1,22 @@
+---
+title: 'V4.8.19(进行中)'
+description: 'FastGPT V4.8.19 更新说明'
+icon: 'upgrade'
+draft: false
+toc: true
+weight: 806
+---
+
+
+## 完整更新内容
+
+1. 新增 - 工作流知识库检索支持按知识库权限进行过滤。
+2. 新增 - 飞书/语雀知识库查看原文。
+3. 新增 - 流程等待插件，可以等待 n 毫秒后继续执行流程。
+4. 优化 - 成员列表分页加载。
+5. 优化 - 统一分页加载代码。
+6. 优化 - 对话页面加载时，可配置是否为独立页面。
+7. 修复 - 语雀文件库导入时，嵌套文件内容无法展开的问题。
+8. 修复 - 工作流编排中，LLM 参数无法关闭问题。
+9. 修复 - 工作流编排中，代码运行节点还原模板问题。
+10. 修复 - HTTP 接口适配对象字符串解析。
--- a/docSite/content/zh-cn/docs/faq/app.md
+++ b/docSite/content/zh-cn/docs/faq/app.md
@@ -21,6 +21,19 @@ weight: 908

 定时执行会在应用发布后生效，会在后台生效。

+## V4.8.18-FIX2中提到“ 1. 修复 HTTP 节点， {{}} 格式引用变量兼容问题。建议尽快替换 / 模式取变量， {{}} 语法已弃用。”替换{{}}引用格式是仅仅只有在http节点，还是所有节点的都会有影响？
+
+只有 http 节点用到这个语法。
+
+## 工作流类型的应用在运行预览可以正常提问返回，但是发布免登录窗口之后有问题。
+
+一般是没正确发布，在工作流右上角点击【保存并发布】。
+
+## 如何解决猜你想问使用中文回答显示
+
+注意需要更新到V4.8.17及以上，把猜你想问的提示词改成中文。
+![](/imgs/quizApp2.png)
+
 ## AI对话回答要求中的Markdown语法取消

 修改知识库默认提示词, 默认用的是标准模板提示词，会要求按 Markdown 输出，可以去除该要求：
@@ -38,3 +51,32 @@ A: 通常是由于上下文不一致导致，可以在对话日志中，找到
 | | | |
 | --- | --- | --- |
 | ![](/imgs/image-85.png) | ![](/imgs/image-86.png) | ![](/imgs/image-87.png) |
+在针对知识库的回答要求里有, 要给它配置提示词，不然他就是默认的，默认的里面就有该语法。
+
+## 工作流操作：一个工作流，以一个问题分类节点开始，根据不同的分类导入到不同的分支，访问相应的知识库和AI对话，AI对话返回内容后，怎么样不进入问题分类节点，而是将问题到知识库搜索，然后把历史记录一起作为背景再次AI查询。
+
+做个判断器，如果是初次开始对话也就是历史记录为0，就走问题分类；不为零直接走知识库和ai。
+
+## 实时对话，设置 fastgpt 定时，比如每隔 3000MS 去拿一次 webhook发送过来的消息到AI页面
+
+定时执行没有这么高频率的去拿信息的，想要实现在企微里面的实时对话的机器人，
+目前通过低代码的工作流构建应该是不行的，只能自己写代码，然后去调用 FastGPT 的 APIKey 回复。企业微信似乎没有提供「自动监听」群聊消息的接口（或是通过 at 机器人这种触发消息推送）。应该只能发消息给应用，接收这个 https://developer.work.weixin.qq.com/document/path/90238 文档中的消息推送实现实时对话。或者是定时去拿群聊消息，通过这个文档所示的接口https://developer.work.weixin.qq.com/document/path/98914，然后用这个接口 https://developer.work.weixin.qq.com/document/path/90248 去推送消息。
+
+## 工作流连接数据库
+
+工作流提供该连接数据库功能，用这个数据库连接的 plugin 可以实现 text2SQL，但是相对危险，不建议做写入等操作。
+
+![](/imgs/quizApp1.png)
+
+## 关于循环体，协助理解循环体的循环条件和终止条件、循环的方式，循环体内参数调用后、在循环体内属于是局部作用域的参数还是全局作用域的参数
+
+可理解为 for 函数，传一个数组，每个数据都执行一次。
+
+## 公式无法正常显示
+
+添加相关提示词，引导模型按 Markdown 输出公式
+
+```bash
+Latex inline: \(x^2\) 
+Latex block: $$e=mc^2$$
+```
--- a/docSite/content/zh-cn/docs/faq/dataset.md
+++ b/docSite/content/zh-cn/docs/faq/dataset.md
@@ -16,6 +16,25 @@ weight: 910
 * **文件处理模型**：用于数据处理的【增强处理】和【问答拆分】。在【增强处理】中，生成相关问题和摘要，在【问答拆分】中执行问答对生成。
 * **索引模型**：用于向量化，即通过对文本数据进行处理和组织，构建出一个能够快速查询的数据结构。

+## 知识库支持Excel类文件的导入
+
+xlsx等都可以上传的，不止支持CSV。
+
+## 知识库tokens的计算方式
+
+统一按gpt3.5标准。
+
+## 误删除重排模型后，重排模型怎么加入到fastgpt
+
+![](/imgs/dataset3.png)
+
+config.json文件里面配置后就可以勾选重排模型
+
+## 线上平台上创建了应用和知识库，到期之后如果短期内不续费，数据是否会被清理。
+
+免费版是三十天不登录后清空知识库，应用不会动。其他付费套餐到期后自动切免费版。
+![](/imgs/dataset4.png)
+
 ## 基于知识库的查询，但是问题相关的答案过多。ai回答到一半就不继续回答。

 FastGPT回复长度计算公式:
@@ -37,7 +56,7 @@ FastGPT回复长度计算公式:

 ![](/imgs/dataset2.png)

-1. 私有化部署的时候，后台配模型参数，可以在配置最大上文时候，预留一些空间，比如 128000 的模型，可以只配置 120000, 剩余的空间后续会被安排给输出
+另外私有化部署的时候，后台配模型参数，可以在配置最大上文时，预留一些空间，比如 128000 的模型，可以只配置 120000, 剩余的空间后续会被安排给输出


 ## 受到模型上下文的限制，有时候达不到聊天记录的轮次，连续对话字数过多就会报上下文不够的错误。
@@ -61,4 +80,4 @@ FastGPT回复长度计算公式:

 ![](/imgs/dataset2.png)

-1. 私有化部署的时候，后台配模型参数，可以在配置最大上文时候，预留一些空间，比如 128000 的模型，可以只配置 120000, 剩余的空间后续会被安排给输出
+另外，私有化部署的时候，后台配模型参数，可以在配置最大上文时，预留一些空间，比如 128000 的模型，可以只配置 120000, 剩余的空间后续会被安排给输出。
--- a/docSite/content/zh-cn/docs/faq/other.md
+++ b/docSite/content/zh-cn/docs/faq/other.md
@@ -9,3 +9,13 @@ weight: 918
 ## oneapi 官网是哪个

 只有开源的 README，没官网，GitHub: https://github.com/songquanpeng/one-api
+
+## 想做多用户和多chat key
+
+![](/imgs/other1.png)
+![](/imgs/other2.png)
+
+多用户问题：只能采取二开或者商业版
+
+多chat key问题：1. 私有化部署情况下，oneapi解决。2. Saas或者商业版中，可以为每个团队设置单独的key。
+![](/imgs/other3.png)
--- a/docSite/content/zh-cn/docs/guide/knowledge_base/lark_dataset.md
+++ b/docSite/content/zh-cn/docs/guide/knowledge_base/lark_dataset.md
@@ -22,10 +22,11 @@ FastGPT v4.8.16 版本开始，商业版用户支持飞书知识库导入，用

 ## 2. 配置应用权限

-创建应用后，进入应用可以配置相关权限，这里需要增加两个权限：
+创建应用后，进入应用可以配置相关权限，这里需要增加**3个权限**：

 1. 获取云空间文件夹下的云文档清单
 2. 查看新版文档
+3. 查看、评论、编辑和管理云空间中所有文件

 ![alt text](/imgs/image-41.png)

--- a/docSite/content/zh-cn/docs/guide/workbench/workflow/loop.md
+++ b/docSite/content/zh-cn/docs/guide/workbench/workflow/loop.md
@@ -1,6 +1,6 @@
 ---
-title: "循环执行"
-description: "FastGPT 循环运行节点介绍和使用"
+title: "批量运行"
+description: "FastGPT 批量运行节点介绍和使用"
 icon: "input"
 draft: false
 toc: true
@@ -9,15 +9,15 @@ weight: 260

 ## 节点概述

-【**循环运行**】节点是 FastGPT V4.8.11 版本新增的一个重要功能模块。它允许工作流对数组类型的输入数据进行迭代处理，每次处理数组中的一个元素，并自动执行后续节点，直到完成整个数组的处理。
+【**批量运行**】节点是 FastGPT V4.8.11 版本新增的一个重要功能模块。它允许工作流对数组类型的输入数据进行迭代处理，每次处理数组中的一个元素，并自动执行后续节点，直到完成整个数组的处理。

 这个节点的设计灵感来自编程语言中的循环结构，但以可视化的方式呈现。

-![循环运行节点](/imgs/fastgpt-loop-node.png)
+![批量运行节点](/imgs/fastgpt-loop-node.png)

 > 在程序中，节点可以理解为一个个 Function 或者接口。可以理解为它就是一个**步骤**。将多个节点一个个拼接起来，即可一步步的去实现最终的 AI 输出。

-【**循环运行**】节点本质上也是一个 Function，它的主要职责是自动化地重复执行特定的工作流程。
+【**批量运行**】节点本质上也是一个 Function，它的主要职责是自动化地重复执行特定的工作流程。

 ## 核心特性

@@ -41,9 +41,9 @@ weight: 260

 ## 应用场景

-【**循环运行**】节点的主要作用是通过自动化的方式扩展工作流的处理能力，使 FastGPT 能够更好地处理批量任务和复杂的数据处理流程。特别是在处理大规模数据或需要多轮迭代的场景下，循环运行节点能显著提升工作流的效率和自动化程度。
+【**批量运行**】节点的主要作用是通过自动化的方式扩展工作流的处理能力，使 FastGPT 能够更好地处理批量任务和复杂的数据处理流程。特别是在处理大规模数据或需要多轮迭代的场景下，批量运行节点能显著提升工作流的效率和自动化程度。

-【**循环运行**】节点特别适合以下场景：
+【**批量运行**】节点特别适合以下场景：

 1. **批量数据处理**
   - 批量翻译文本
@@ -64,7 +64,7 @@ weight: 260

 ### 输入参数设置

-【**循环运行**】节点需要配置两个核心输入参数：
+【**批量运行**】节点需要配置两个核心输入参数：

 1. **数组 (必填)**：接收一个数组类型的输入，可以是：
   - 字符串数组 (`Array<string>`)
@@ -95,7 +95,7 @@ weight: 260

 ### 批量处理数组

-假设我们有一个包含多个文本的数组，需要对每个文本进行 AI 处理。这是循环运行节点最基础也最常见的应用场景。
+假设我们有一个包含多个文本的数组，需要对每个文本进行 AI 处理。这是批量运行节点最基础也最常见的应用场景。

 #### 实现步骤

@@ -114,9 +114,9 @@ weight: 260
   return { textArray: texts };
   ```

-2. 配置循环运行节点
+2. 配置批量运行节点

-   ![配置循环运行节点](/imgs/fastgpt-loop-node-example-2.png)
+   ![配置批量运行节点](/imgs/fastgpt-loop-node-example-2.png)

   - 数组输入：选择上一步代码运行节点的输出变量 `textArray`。
   - 循环体内添加一个【AI 对话】节点，用于处理每个文本。这里我们输入的 prompt 为：`请将这段文本翻译成英文`。
@@ -128,7 +128,7 @@ weight: 260
 ![运行流程](/imgs/fastgpt-loop-node-example-3.png)

 1. 【代码运行】节点执行，生成测试数组
-2. 【循环运行】节点接收数组，开始遍历
+2. 【批量运行】节点接收数组，开始遍历
 3. 对每个数组元素：
   - 【AI 对话】节点处理当前元素
   - 【指定回复】节点输出翻译后的文本
@@ -144,7 +144,7 @@ weight: 260
 - 需要维护上下文的连贯性
 - 翻译质量需要多轮优化

-【**循环运行**】节点可以很好地解决这些问题。
+【**批量运行**】节点可以很好地解决这些问题。

 #### 实现步骤

@@ -281,9 +281,9 @@ weight: 260

   这里我们用到了 [Jina AI 开源的一个强大的正则表达式](https://x.com/JinaAI_/status/1823756993108304135)，它能利用所有可能的边界线索和启发式方法来精确切分文本。

-2. 配置循环运行节点
+2. 配置批量运行节点

-   ![配置循环运行节点](/imgs/fastgpt-loop-node-example-5.png)
+   ![配置批量运行节点](/imgs/fastgpt-loop-node-example-5.png)

   - 数组输入：选择上一步代码运行节点的输出变量 `chunks`。
   - 循环体内添加一个【代码运行】节点，对源文本进行格式化。
--- a/docSite/content/zh-cn/docs/use-cases/app-cases/multi_turn_translation_bot.md
+++ b/docSite/content/zh-cn/docs/use-cases/app-cases/multi_turn_translation_bot.md
@@ -212,7 +212,7 @@ export default async function (ctx: FunctionContext): Promise<IResponse>{

 ![](/imgs/translate13.png)

-## 循环执行
+## 批量运行

 长文反思翻译比较关键的一个部分，就是对多个文本块进行循环反思翻译

--- a/docSite/content/zh-cn/docs/use-cases/app-cases/translate-subtitle-using-gpt.md
+++ b/docSite/content/zh-cn/docs/use-cases/app-cases/translate-subtitle-using-gpt.md
@@ -91,9 +91,9 @@ weight: 604

 这个过程不仅提高了效率，还最大限度地减少了人为错误的可能性。

-## 循环执行
+## 批量运行

-为了处理整个长字幕文件，我们需要一个循环执行机制。这是通过一个简单但有效的判断模块实现的：
+为了处理整个长字幕文件，我们需要一个批量运行机制。这是通过一个简单但有效的判断模块实现的：

 1. 检查当前翻译的文本块是否为最后一个。
 2. 如果不是，则将工作流重定向到格式化原文本块节点。
--- a/packages/global/common/system/types/index.d.ts
+++ b/packages/global/common/system/types/index.d.ts
@@ -40,7 +40,7 @@ export type FastGPTConfigFileType = {

 export type FastGPTFeConfigsType = {
  show_emptyChat?: boolean;
-  register_method?: ['email' | 'phone'];
+  register_method?: ['email' | 'phone' | 'sync'];
  login_method?: ['email' | 'phone']; // Attention: login method is diffrent with oauth
  find_password_method?: ['email' | 'phone'];
  bind_notification_method?: ['email' | 'phone'];
@@ -76,7 +76,6 @@ export type FastGPTFeConfigsType = {
    wecom?: {
      corpid?: string;
      agentid?: string;
-      secret?: string;
    };
    microsoft?: {
      clientId?: string;
--- a/packages/global/core/app/constants.ts
+++ b/packages/global/core/app/constants.ts
@@ -33,7 +33,7 @@ export const defaultWhisperConfig: AppWhisperConfigType = {
 export const defaultQGConfig: AppQGConfigType = {
  open: false,
  model: 'gpt-4o-mini',
-  customPrompt: PROMPT_QUESTION_GUIDE
+  customPrompt: ''
 };

 export const defaultChatInputGuideConfig = {
--- a/packages/global/core/app/type.d.ts
+++ b/packages/global/core/app/type.d.ts
@@ -12,8 +12,9 @@ import { TeamTagSchema as TeamTagsSchemaType } from '@fastgpt/global/support/use
 import { StoreEdgeItemType } from '../workflow/type/edge';
 import { AppPermission } from '../../support/permission/app/controller';
 import { ParentIdType } from '../../common/parentFolder/type';
-import { FlowNodeInputTypeEnum } from 'core/workflow/node/constant';
+import { FlowNodeInputTypeEnum } from '../../core/workflow/node/constant';
 import { WorkflowTemplateBasicType } from '@fastgpt/global/core/workflow/type';
+import { SourceMemberType } from '../../support/user/type';

 export type AppSchema = {
  _id: string;
@@ -63,6 +64,7 @@ export type AppListItemType = {
  permission: AppPermission;
  inheritPermission?: boolean;
  private?: boolean;
+  sourceMember: SourceMemberType;
 };

 export type AppDetailType = AppSchema & {
--- a/packages/global/core/app/version.d.ts
+++ b/packages/global/core/app/version.d.ts
@@ -1,5 +1,7 @@
+import { TeamMemberStatusEnum } from 'support/user/team/constant';
 import { StoreEdgeItemType } from '../workflow/type/edge';
 import { AppChatConfigType, AppSchema } from './type';
+import { SourceMemberType } from 'support/user/type';

 export type AppVersionSchemaType = {
  _id: string;
@@ -20,4 +22,5 @@ export type VersionListItemType = {
  time: Date;
  isPublish: boolean | undefined;
  tmbId: string;
+  sourceMember: SourceMemberType;
 };
--- a/packages/global/core/dataset/apiDataset.d.ts
+++ b/packages/global/core/dataset/apiDataset.d.ts
@@ -5,6 +5,7 @@ export type APIFileItem = {
  type: 'file' | 'folder';
  updateTime: Date;
  createTime: Date;
+  hasChild?: boolean;
 };

 export type APIFileServer = {
--- a/packages/global/core/dataset/type.d.ts
+++ b/packages/global/core/dataset/type.d.ts
@@ -11,6 +11,7 @@ import {
 import { DatasetPermission } from '../../support/permission/dataset/controller';
 import { Permission } from '../../support/permission/controller';
 import { APIFileServer, FeishuServer, YuqueServer } from './apiDataset';
+import { SourceMemberType } from 'support/user/type';

 export type DatasetSchemaType = {
  _id: string;
@@ -165,6 +166,7 @@ export type DatasetListItemType = {
  vectorModel: VectorModelItemType;
  inheritPermission: boolean;
  private?: boolean;
+  sourceMember?: SourceMemberType;
 };

 export type DatasetItemType = Omit<DatasetSchemaType, 'vectorModel' | 'agentModel'> & {
--- a/packages/global/core/dataset/utils.ts
+++ b/packages/global/core/dataset/utils.ts
@@ -34,7 +34,7 @@ export function getSourceNameIcon({
    }
  } catch (error) {}

-  return 'file/fill/manual';
+  return 'file/fill/file';
 }

 /* get dataset data default index */
--- a/packages/global/core/workflow/constants.ts
+++ b/packages/global/core/workflow/constants.ts
@@ -152,6 +152,7 @@ export enum NodeInputKeyEnum {
  datasetSearchExtensionModel = 'datasetSearchExtensionModel',
  datasetSearchExtensionBg = 'datasetSearchExtensionBg',
  collectionFilterMatch = 'collectionFilterMatch',
+  authTmbId = 'authTmbId',

  // concat dataset
  datasetQuoteList = 'system_datasetQuoteList',
--- a/packages/global/core/workflow/runtime/type.d.ts
+++ b/packages/global/core/workflow/runtime/type.d.ts
@@ -41,6 +41,10 @@ export type ChatDispatchProps = {
    teamId: string;
    tmbId: string; // App tmbId
  };
+  runningUserInfo: {
+    teamId: string;
+    tmbId: string;
+  };
  uid: string; // Who run this workflow

  chatId?: string;
--- a/packages/global/core/workflow/template/system/datasetSearch.ts
+++ b/packages/global/core/workflow/template/system/datasetSearch.ts
@@ -89,6 +89,13 @@ export const DatasetSearchModule: FlowNodeTemplateType = {
      valueType: WorkflowIOValueTypeEnum.string,
      value: ''
    },
+    {
+      key: NodeInputKeyEnum.authTmbId,
+      renderTypeList: [FlowNodeInputTypeEnum.hidden],
+      label: '',
+      valueType: WorkflowIOValueTypeEnum.boolean,
+      value: false
+    },
    {
      ...Input_Template_UserChatInput,
      toolDescription: i18nT('workflow:content_to_search')
--- a/packages/global/core/workflow/type/node.d.ts
+++ b/packages/global/core/workflow/type/node.d.ts
@@ -89,6 +89,7 @@ export type NodeTemplateListItemType = {
  hasTokenFee?: boolean; // 是否配置积分
  instructions?: string; // 使用说明
  courseUrl?: string; // 教程链接
+  sourceMember?: SourceMember;
 };

 export type NodeTemplateListType = {
--- a/packages/global/support/user/team/controller.d.ts
+++ b/packages/global/support/user/team/controller.d.ts
@@ -12,6 +12,7 @@ export type CreateTeamProps = {
  avatar?: string;
  defaultTeam?: boolean;
  memberName?: string;
+  memberAvatar?: string;
 };
 export type UpdateTeamProps = Omit<ThirdPartyAccountType, 'externalWorkflowVariable'> & {
  name?: string;
--- a/packages/global/support/user/team/org/constant.ts
+++ b/packages/global/support/user/team/org/constant.ts
@@ -5,8 +5,6 @@ export const OrgMemberCollectionName = 'team_org_members';

 export const getOrgChildrenPath = (org: OrgSchemaType) => `${org.path}/${org.pathId}`;

-// export enum OrgMemberRole {
-//   owner = 'owner',
-//   admin = 'admin',
-//   member = 'member'
-// }
+export enum SyncOrgSourceEnum {
+  wecom = 'wecom'
+}
--- a/packages/global/support/user/team/org/type.d.ts
+++ b/packages/global/support/user/team/org/type.d.ts
@@ -13,6 +13,7 @@ type OrgSchemaType = {
 };

 type OrgMemberSchemaType = {
+  _id: string;
  teamId: string;
  orgId: string;
  tmbId: string;
@@ -20,6 +21,6 @@ type OrgMemberSchemaType = {

 type OrgType = Omit<OrgSchemaType, 'avatar'> & {
  avatar: string;
-  members: OrgMemberSchemaType[];
  permission: TeamPermission;
+  members: OrgMemberSchemaType[];
 };
--- a/packages/global/support/user/team/type.d.ts
+++ b/packages/global/support/user/team/type.d.ts
@@ -44,6 +44,7 @@ export type TeamMemberSchema = {
  name: string;
  role: `${TeamMemberRoleEnum}`;
  status: `${TeamMemberStatusEnum}`;
+  avatar: string;
  defaultTeam: boolean;
 };

--- a/packages/global/support/user/type.d.ts
+++ b/packages/global/support/user/type.d.ts
@@ -1,12 +1,12 @@
 import { TeamPermission } from '../permission/user/controller';
 import { UserStatusEnum } from './constant';
+import { TeamMemberStatusEnum } from './team/constant';
 import { TeamTmbItemType } from './team/type';

 export type UserModelSchema = {
  _id: string;
  username: string;
  password: string;
-  avatar: string;
  promotionRate: number;
  inviterId?: string;
  openaiKey: string;
@@ -22,7 +22,7 @@ export type UserModelSchema = {
 export type UserType = {
  _id: string;
  username: string;
-  avatar: string;
+  avatar: string; // it should be team member's avatar after 4.8.18
  timezone: string;
  promotionRate: UserModelSchema['promotionRate'];
  team: TeamTmbItemType;
@@ -30,3 +30,9 @@ export type UserType = {
  notificationAccount?: string;
  permission: TeamPermission;
 };
+
+export type SourceMemberType = {
+  name: string;
+  avatar: string;
+  status: `${TeamMemberStatusEnum}`;
+};
--- a/packages/plugins/register.ts
+++ b/packages/plugins/register.ts
@@ -12,7 +12,8 @@ const staticPluginList = [
  'DingTalkWebhook',
  'WeWorkWebhook',
  'google',
-  'bing'
+  'bing',
+  'delay'
 ];
 // Run in worker thread (Have npm packages)
 const packagePluginList = [
@@ -28,8 +29,7 @@ const packagePluginList = [
  'databaseConnection',
  'Doc2X',
  'Doc2X/PDF2text',
-  'searchXNG',
-  'sleep'
+  'searchXNG'
 ];

 export const list = [...staticPluginList, ...packagePluginList];
--- a/packages/plugins/src/delay/index.ts
+++ b/packages/plugins/src/delay/index.ts
@@ -0,0 +1,18 @@
+import { delay } from '@fastgpt/global/common/system/utils';
+
+type Props = {
+  ms: number;
+};
+type Response = Promise<Number>;
+
+const main = async ({ ms }: Props): Response => {
+  if (typeof ms !== 'number' || ms <= 0 || ms > 300000) {
+    return ms;
+  }
+
+  await delay(ms);
+
+  return ms;
+};
+
+export default main;
--- a/packages/plugins/src/delay/template.json
+++ b/packages/plugins/src/delay/template.json
@@ -1,11 +1,11 @@
 {
  "author": "collin",
  "version": "4817",
-  "name": "流程暂停",
+  "name": "流程等待",
  "avatar": "core/workflow/template/sleep",
-  "intro": "让工作流暂停指定时间后运行",
+  "intro": "让工作流等待指定时间后运行",
  "showStatus": true,
-  "weight": 10,
+  "weight": 1,

  "isTool": true,
  "templateType": "tools",
@@ -20,22 +20,19 @@
        "flowNodeType": "pluginInput",
        "showStatus": false,
        "position": {
-          "x": 616.4226348688949,
-          "y": -165.05298493910115
+          "x": 627.6352390819724,
+          "y": -165.05298493910118
        },
        "version": "481",
        "inputs": [
          {
-            "renderTypeList": [
-              "numberInput",
-              "reference"
-            ],
+            "renderTypeList": ["numberInput", "reference"],
            "selectedTypeIndex": 0,
            "valueType": "number",
            "canEdit": true,
-            "key": "ms",
-            "label": "ms",
-            "description": "需要暂停的时间，毫秒",
+            "key": "延迟时长",
+            "label": "延迟时长",
+            "description": "需要暂停的时间，单位毫秒",
            "defaultValue": 1000,
            "list": [
              {
@@ -47,8 +44,8 @@
            "canSelectFile": true,
            "canSelectImg": true,
            "required": true,
-            "toolDescription": "需要暂停的时间，毫秒",
-            "max": 999999999999,
+            "toolDescription": "需要暂停的时间，单位毫秒",
+            "max": 300000,
            "min": 1
          }
        ],
@@ -56,8 +53,8 @@
          {
            "id": "ms",
            "valueType": "number",
-            "key": "ms",
-            "label": "ms",
+            "key": "延迟时长",
+            "label": "延迟时长",
            "type": "hidden"
          }
        ]
@@ -70,15 +67,13 @@
        "flowNodeType": "pluginOutput",
        "showStatus": false,
        "position": {
-          "x": 1925.5772573010433,
-          "y": -131.55298493910115
+          "x": 1921.839722563351,
+          "y": -160.05298493910115
        },
        "version": "481",
        "inputs": [
          {
-            "renderTypeList": [
-              "reference"
-            ],
+            "renderTypeList": ["reference"],
            "valueType": "any",
            "canEdit": true,
            "key": "result",
@@ -86,10 +81,7 @@
            "isToolOutput": true,
            "description": "",
            "required": true,
-            "value": [
-              "zCJC6zw7c14i",
-              "httpRawResponse"
-            ]
+            "value": ["zCJC6zw7c14i", "httpRawResponse"]
          }
        ],
        "outputs": []
@@ -116,16 +108,14 @@
        "flowNodeType": "httpRequest468",
        "showStatus": true,
        "position": {
-          "x": 1152.535395637613,
-          "y": -433.21496011686054
+          "x": 1154.4041630064592,
+          "y": -455.0529849391012
        },
        "version": "481",
        "inputs": [
          {
            "key": "system_addInputParam",
-            "renderTypeList": [
-              "addInputParam"
-            ],
+            "renderTypeList": ["addInputParam"],
            "valueType": "dynamic",
            "label": "",
            "required": false,
@@ -157,9 +147,7 @@
          },
          {
            "key": "system_httpMethod",
-            "renderTypeList": [
-              "custom"
-            ],
+            "renderTypeList": ["custom"],
            "valueType": "string",
            "label": "",
            "value": "POST",
@@ -171,9 +159,7 @@
          },
          {
            "key": "system_httpTimeout",
-            "renderTypeList": [
-              "custom"
-            ],
+            "renderTypeList": ["custom"],
            "valueType": "number",
            "label": "",
            "value": 30,
@@ -187,24 +173,20 @@
          },
          {
            "key": "system_httpReqUrl",
-            "renderTypeList": [
-              "hidden"
-            ],
+            "renderTypeList": ["hidden"],
            "valueType": "string",
            "label": "",
            "description": "common:core.module.input.description.Http Request Url",
            "placeholder": "https://api.ai.com/getInventory",
            "required": false,
-            "value": "sleep",
+            "value": "delay",
            "valueDesc": "",
            "debugLabel": "",
            "toolDescription": ""
          },
          {
            "key": "system_httpHeader",
-            "renderTypeList": [
-              "custom"
-            ],
+            "renderTypeList": ["custom"],
            "valueType": "any",
            "value": [],
            "label": "",
@@ -217,9 +199,7 @@
          },
          {
            "key": "system_httpParams",
-            "renderTypeList": [
-              "hidden"
-            ],
+            "renderTypeList": ["hidden"],
            "valueType": "any",
            "value": [],
            "label": "",
@@ -231,9 +211,7 @@
          },
          {
            "key": "system_httpJsonBody",
-            "renderTypeList": [
-              "hidden"
-            ],
+            "renderTypeList": ["hidden"],
            "valueType": "any",
            "value": "{\n\"ms\": {{$pluginInput.ms$}}\n}",
            "label": "",
@@ -245,9 +223,7 @@
          },
          {
            "key": "system_httpFormBody",
-            "renderTypeList": [
-              "hidden"
-            ],
+            "renderTypeList": ["hidden"],
            "valueType": "any",
            "value": [],
            "label": "",
@@ -259,9 +235,7 @@
          },
          {
            "key": "system_httpContentType",
-            "renderTypeList": [
-              "hidden"
-            ],
+            "renderTypeList": ["hidden"],
            "valueType": "string",
            "value": "json",
            "label": "",
@@ -338,32 +312,7 @@
      }
    ],
    "chatConfig": {
-      "welcomeText": "",
-      "variables": [],
-      "questionGuide": {
-        "open": false,
-        "model": "gpt-4o-mini",
-        "customPrompt": "You are an AI assistant tasked with predicting the user's next question based on the conversation history. Your goal is to generate 3 potential questions that will guide the user to continue the conversation. When generating these questions, adhere to the following rules:\n\n1. Use the same language as the user's last question in the conversation history.\n2. Keep each question under 20 characters in length.\n\nAnalyze the conversation history provided to you and use it as context to generate relevant and engaging follow-up questions. Your predictions should be logical extensions of the current topic or related areas that the user might be interested in exploring further.\n\nRemember to maintain consistency in tone and style with the existing conversation while providing diverse options for the user to choose from. Your goal is to keep the conversation flowing naturally and help the user delve deeper into the subject matter or explore related topics."
-      },
-      "ttsConfig": {
-        "type": "web"
-      },
-      "whisperConfig": {
-        "open": false,
-        "autoSend": false,
-        "autoTTSResponse": false
-      },
-      "chatInputGuide": {
-        "open": false,
-        "textList": [],
-        "customUrl": ""
-      },
-      "instruction": "",
-      "autoExecute": {
-        "open": false,
-        "defaultPrompt": ""
-      },
-      "_id": "6784ba2c227f92f6c723ead0"
+      "welcomeText": ""
    }
  }
 }
--- a/packages/plugins/src/sleep/index.ts
+++ b/packages/plugins/src/sleep/index.ts
@@ -1,17 +0,0 @@
-type Props = {
-  ms: number;
-};
-type Response = Promise<{
-  result: any;
-}>;
-
-const main = async ({ ms }: Props): Response => {
-  await new Promise((resolve) => {
-    setTimeout(resolve, ms);
-  });
-  return {
-    result: ms
-  };
-};
-
-export default main;
--- a/packages/service/common/api/pagination.ts
+++ b/packages/service/common/api/pagination.ts
@@ -0,0 +1,21 @@
+import { CommonErrEnum } from '@fastgpt/global/common/error/code/common';
+import { ApiRequestProps } from '../../type/next';
+
+export function parsePaginationRequest(req: ApiRequestProps) {
+  const {
+    pageSize = 10,
+    pageNum = 1,
+    offset = 0
+  } = Object.keys(req.body).includes('pageSize')
+    ? req.body
+    : Object.keys(req.query).includes('pageSize')
+      ? req.query
+      : {};
+  if (!pageSize || (pageNum === undefined && offset === undefined)) {
+    throw new Error(CommonErrEnum.missingParams);
+  }
+  return {
+    pageSize: Number(pageSize),
+    offset: offset ? Number(offset) : (Number(pageNum) - 1) * Number(pageSize)
+  };
+}
--- a/packages/service/common/middle/cors.ts
+++ b/packages/service/common/middle/cors.ts
@@ -2,7 +2,7 @@ import type { NextApiResponse, NextApiRequest } from 'next';
 import NextCors from 'nextjs-cors';

 export async function withNextCors(req: NextApiRequest, res: NextApiResponse) {
-  const methods = ['GET', 'eHEAD', 'PUT', 'PATCH', 'POST', 'DELETE'];
+  const methods = ['GET', 'HEAD', 'PUT', 'PATCH', 'POST', 'DELETE'];

  const allowedOrigins = process.env.ALLOWED_ORIGINS?.split(',');
  const origin = req.headers.origin;
--- a/packages/service/core/dataset/apiDataset/api.ts
+++ b/packages/service/core/dataset/apiDataset/api.ts
@@ -99,7 +99,13 @@ export const useApiDatasetRequest = ({ apiServer }: { apiServer: APIFileServer }
    if (files.some((file) => !file.id || !file.name || typeof file.type === 'undefined')) {
      return Promise.reject('Invalid file data format');
    }
-    return files;
+
+    const formattedFiles = files.map((file) => ({
+      ...file,
+      hasChild: file.type === 'folder'
+    }));
+
+    return formattedFiles;
  };

  const getFileContent = async ({ teamId, apiFileId }: { teamId: string; apiFileId: string }) => {
--- a/packages/service/core/dataset/search/controller.ts
+++ b/packages/service/core/dataset/search/controller.ts
@@ -284,7 +284,7 @@ export async function searchDatasetData(props: SearchDatasetDataProps) {
        {
          _id: { $in: collectionIdList }
        },
-        '_id name fileId rawLink externalFileId externalFileUrl',
+        '_id name fileId rawLink apiFileId externalFileId externalFileUrl',
        { ...readFromSecondary }
      ).lean()
    ]);
@@ -525,7 +525,7 @@ export async function searchDatasetData(props: SearchDatasetDataProps) {
        {
          _id: { $in: searchResults.map((item) => item.collectionId) }
        },
-        '_id name fileId rawLink externalFileId externalFileUrl',
+        '_id name fileId rawLink apiFileId externalFileId externalFileUrl',
        { ...readFromSecondary }
      ).lean()
    ]);
--- a/packages/service/core/dataset/utils.ts
+++ b/packages/service/core/dataset/utils.ts
@@ -0,0 +1,39 @@
+import { getTmbInfoByTmbId } from '../../support/user/team/controller';
+import { getResourcePermission } from '../../support/permission/controller';
+import { PerResourceTypeEnum } from '@fastgpt/global/support/permission/constant';
+import { DatasetPermission } from '@fastgpt/global/support/permission/dataset/controller';
+
+// TODO: 需要优化成批量获取权限
+export const filterDatasetsByTmbId = async ({
+  datasetIds,
+  tmbId
+}: {
+  datasetIds: string[];
+  tmbId: string;
+}) => {
+  const { teamId, permission: tmbPer } = await getTmbInfoByTmbId({ tmbId });
+
+  // First get all permissions
+  const permissions = await Promise.all(
+    datasetIds.map(async (datasetId) => {
+      const per = await getResourcePermission({
+        teamId,
+        tmbId,
+        resourceId: datasetId,
+        resourceType: PerResourceTypeEnum.dataset
+      });
+
+      if (per === undefined) return false;
+
+      const datasetPer = new DatasetPermission({
+        per,
+        isOwner: tmbPer.isOwner
+      });
+
+      return datasetPer.hasReadPer;
+    })
+  );
+
+  // Then filter datasetIds based on permissions
+  return datasetIds.filter((_, index) => permissions[index]);
+};
--- a/packages/service/core/workflow/dispatch/dataset/search.ts
+++ b/packages/service/core/workflow/dispatch/dataset/search.ts
@@ -17,6 +17,7 @@ import { ChatNodeUsageType } from '@fastgpt/global/support/wallet/bill/type';
 import { checkTeamReRankPermission } from '../../../../support/permission/teamLimit';
 import { MongoDataset } from '../../../dataset/schema';
 import { i18nT } from '../../../../../web/i18n/utils';
+import { filterDatasetsByTmbId } from '../../../dataset/utils';

 type DatasetSearchProps = ModuleDispatchProps<{
  [NodeInputKeyEnum.datasetSelectList]: SelectedDatasetType;
@@ -29,6 +30,7 @@ type DatasetSearchProps = ModuleDispatchProps<{
  [NodeInputKeyEnum.datasetSearchExtensionModel]: string;
  [NodeInputKeyEnum.datasetSearchExtensionBg]: string;
  [NodeInputKeyEnum.collectionFilterMatch]: string;
+  [NodeInputKeyEnum.authTmbId]: boolean;
 }>;
 export type DatasetSearchResponse = DispatchNodeResultType<{
  [NodeOutputKeyEnum.datasetQuoteQA]: SearchDataResponseItemType[];
@@ -39,6 +41,7 @@ export async function dispatchDatasetSearch(
 ): Promise<DatasetSearchResponse> {
  const {
    runningAppInfo: { teamId },
+    runningUserInfo: { tmbId },
    histories,
    node,
    params: {
@@ -52,7 +55,8 @@ export async function dispatchDatasetSearch(
      datasetSearchUsingExtensionQuery,
      datasetSearchExtensionModel,
      datasetSearchExtensionBg,
-      collectionFilterMatch
+      collectionFilterMatch,
+      authTmbId = false
    }
  } = props as DatasetSearchProps;

@@ -64,8 +68,7 @@ export async function dispatchDatasetSearch(
    return Promise.reject(i18nT('common:core.chat.error.Select dataset empty'));
  }

-  if (!userChatInput) {
-    return {
+  const emptyResult = {
    quoteQA: [],
    [DispatchNodeResponseKeyEnum.nodeResponse]: {
      totalPoints: 0,
@@ -76,6 +79,9 @@ export async function dispatchDatasetSearch(
    nodeDispatchUsages: [],
    [DispatchNodeResponseKeyEnum.toolResponses]: []
  };
+
+  if (!userChatInput) {
+    return emptyResult;
  }

  // query extension
@@ -83,13 +89,24 @@ export async function dispatchDatasetSearch(
    ? getLLMModel(datasetSearchExtensionModel)
    : undefined;

-  const { concatQueries, rewriteQuery, aiExtensionResult } = await datasetSearchQueryExtension({
+  const [{ concatQueries, rewriteQuery, aiExtensionResult }, datasetIds] = await Promise.all([
+    datasetSearchQueryExtension({
      query: userChatInput,
      extensionModel,
      extensionBg: datasetSearchExtensionBg,
      histories: getHistories(6, histories)
-  });
+    }),
+    authTmbId
+      ? filterDatasetsByTmbId({
+          datasetIds: datasets.map((item) => item.datasetId),
+          tmbId
+        })
+      : Promise.resolve(datasets.map((item) => item.datasetId))
+  ]);

+  if (datasetIds.length === 0) {
+    return emptyResult;
+  }
  // console.log(concatQueries, rewriteQuery, aiExtensionResult);

  // get vector
@@ -110,7 +127,7 @@ export async function dispatchDatasetSearch(
    model: vectorModel.model,
    similarity,
    limit,
-    datasetIds: datasets.map((item) => item.datasetId),
+    datasetIds,
    searchMode,
    usingReRank: usingReRank && (await checkTeamReRankPermission(teamId)),
    collectionFilterMatch
--- a/packages/service/core/workflow/dispatch/plugin/run.ts
+++ b/packages/service/core/workflow/dispatch/plugin/run.ts
@@ -72,6 +72,7 @@ export const dispatchRunPlugin = async (props: RunPluginProps): Promise<RunPlugi
      showStatus: false
    };
  });
+
  const runtimeVariables = {
    ...filterSystemVariables(props.variables),
    appId: String(plugin.id)
--- a/packages/service/core/workflow/dispatch/tools/http468.ts
+++ b/packages/service/core/workflow/dispatch/tools/http468.ts
@@ -127,9 +127,17 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H
      if (typeof val === 'object') return JSON.stringify(val);

      if (typeof val === 'string') {
+        try {
+          const parsed = JSON.parse(val);
+          if (typeof parsed === 'object') {
+            return JSON.stringify(parsed);
+          }
+          return val;
+        } catch (error) {
          const str = JSON.stringify(val);
          return str.startsWith('"') && str.endsWith('"') ? str.slice(1, -1) : str;
        }
+      }

      return String(val);
    };
@@ -235,7 +243,9 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H
      }
      if (!httpJsonBody) return {};
      if (httpContentType === ContentTypes.json) {
-        return json5.parse(replaceJsonBodyString(httpJsonBody));
+        httpJsonBody = replaceJsonBodyString(httpJsonBody);
+        console.log(httpJsonBody);
+        return json5.parse(httpJsonBody);
      }

      // Raw text, xml
--- a/packages/service/support/permission/controller.ts
+++ b/packages/service/support/permission/controller.ts
@@ -17,7 +17,6 @@ import { ParentIdType } from '@fastgpt/global/common/parentFolder/type';
 import { CommonErrEnum } from '@fastgpt/global/common/error/code/common';
 import { MemberGroupSchemaType } from '@fastgpt/global/support/permission/memberGroup/type';
 import { TeamMemberSchema } from '@fastgpt/global/support/user/team/type';
-import { UserModelSchema } from '@fastgpt/global/support/user/type';
 import { OrgSchemaType } from '@fastgpt/global/support/user/team/org/type';
 import { getOrgIdSetWithParentByTmbId } from './org/controllers';

@@ -151,13 +150,9 @@ export const getClbsAndGroupsWithInfo = async ({
        $exists: true
      }
    })
-      .populate<{ tmb: TeamMemberSchema & { user: UserModelSchema } }>({
+      .populate<{ tmb: TeamMemberSchema }>({
        path: 'tmb',
-        select: 'name userId role',
-        populate: {
-          path: 'user',
-          select: 'avatar'
-        }
+        select: 'name userId avatar'
      })
      .lean(),
    MongoResourcePermission.find({
--- a/packages/service/support/permission/org/orgSchema.ts
+++ b/packages/service/support/permission/org/orgSchema.ts
@@ -47,14 +47,11 @@ export const OrgSchema = new Schema(
 OrgSchema.virtual('members', {
  ref: OrgMemberCollectionName,
  localField: '_id',
-  foreignField: 'orgId'
+  foreignField: 'orgId',
+  match: function (this: OrgSchemaType) {
+    return { teamId: this.teamId };
+  }
 });
-// OrgSchema.virtual('permission', {
-//   ref: ResourcePermissionCollectionName,
-//   localField: '_id',
-//   foreignField: 'orgId',
-//   justOne: true
-// });

 try {
  OrgSchema.index({
--- a/packages/service/support/user/controller.ts
+++ b/packages/service/support/user/controller.ts
@@ -41,7 +41,7 @@ export async function getUserDetail({
  return {
    _id: user._id,
    username: user.username,
-    avatar: user.avatar,
+    avatar: tmb.avatar,
    timezone: user.timezone,
    promotionRate: user.promotionRate,
    team: tmb,
--- a/packages/service/support/user/schema.ts
+++ b/packages/service/support/user/schema.ts
@@ -3,7 +3,6 @@ const { Schema } = connectionMongo;
 import { hashStr } from '@fastgpt/global/common/string/tools';
 import type { UserModelSchema } from '@fastgpt/global/support/user/type';
 import { UserStatusEnum, userStatusMap } from '@fastgpt/global/support/user/constant';
-import { getRandomUserAvatar } from '@fastgpt/global/support/user/utils';

 export const userCollectionName = 'users';

@@ -33,11 +32,6 @@ const UserSchema = new Schema({
    type: Date,
    default: () => new Date()
  },
-  avatar: {
-    type: String,
-    default: () => getRandomUserAvatar()
-  },
-
  promotionRate: {
    type: Number,
    default: 15
@@ -62,7 +56,10 @@ const UserSchema = new Schema({
    ref: userCollectionName
  },
  fastgpt_sem: Object,
-  sourceDomain: String
+  sourceDomain: String,
+
+  /** @deprecated */
+  avatar: String
 });

 try {
--- a/packages/service/support/user/team/controller.ts
+++ b/packages/service/support/user/team/controller.ts
@@ -37,7 +37,7 @@ async function getTeamMember(match: Record<string, any>): Promise<TeamTmbItemTyp
    teamAvatar: tmb.team.avatar,
    teamName: tmb.team.name,
    memberName: tmb.name,
-    avatar: tmb.team.avatar,
+    avatar: tmb.avatar,
    balance: tmb.team.balance,
    tmbId: String(tmb._id),
    teamDomain: tmb.team?.teamDomain,
--- a/packages/service/support/user/team/teamMemberSchema.ts
+++ b/packages/service/support/user/team/teamMemberSchema.ts
@@ -7,6 +7,7 @@ import {
  TeamMemberCollectionName,
  TeamCollectionName
 } from '@fastgpt/global/support/user/team/constant';
+import { getRandomUserAvatar } from '@fastgpt/global/support/user/utils';

 const TeamMemberSchema = new Schema({
  teamId: {
@@ -19,6 +20,10 @@ const TeamMemberSchema = new Schema({
    ref: userCollectionName,
    required: true
  },
+  avatar: {
+    type: String,
+    default: () => getRandomUserAvatar()
+  },
  name: {
    type: String,
    default: 'Member'
@@ -39,7 +44,6 @@ const TeamMemberSchema = new Schema({
  // Abandoned
  role: {
    type: String
-    // enum: Object.keys(TeamMemberRoleMap) // disable enum validation for old data
  }
 });

--- a/packages/service/support/user/utils.ts
+++ b/packages/service/support/user/utils.ts
@@ -1,4 +1,7 @@
+import { SourceMemberType } from '@fastgpt/global/support/user/type';
 import { MongoTeam } from './team/teamSchema';
+import { MongoTeamMember } from './team/teamMemberSchema';
+import { ClientSession } from '../../common/mongo';

 /* export dataset limit */
 export const updateExportDatasetLimit = async (teamId: string) => {
@@ -67,3 +70,41 @@ export const checkWebSyncLimit = async ({
    return Promise.reject(`每个团队，每 ${limitMinutes} 分钟仅使用一次同步功能。`);
  }
 };
+
+/**
+ * This function will add a property named sourceMember to the list passed in.
+ * @param list The list to add the sourceMember property to. [TmbId] property is required.
+ * @error If member is not found, this item will be skipped.
+ * @returns The list with the sourceMember property added.
+ */
+export async function addSourceMember<T extends { tmbId: string }>({
+  list,
+  session
+}: {
+  list: T[];
+  session?: ClientSession;
+}): Promise<Array<T & { sourceMember: SourceMemberType }>> {
+  if (!Array.isArray(list)) return [];
+
+  const tmbList = await MongoTeamMember.find(
+    {
+      _id: { $in: list.map((item) => String(item.tmbId)) }
+    },
+    'tmbId name avatar status',
+    {
+      session
+    }
+  ).lean();
+
+  return list
+    .map((item) => {
+      const tmb = tmbList.find((tmb) => String(tmb._id) === String(item.tmbId));
+      if (!tmb) return;
+
+      return {
+        ...item,
+        sourceMember: { name: tmb.name, avatar: tmb.avatar, status: tmb.status }
+      };
+    })
+    .filter(Boolean) as Array<T & { sourceMember: SourceMemberType }>;
+}
--- a/packages/web/common/fetch/type.d.ts
+++ b/packages/web/common/fetch/type.d.ts
@@ -1,8 +1,13 @@
-export type PaginationProps<T = {}> = T & {
-  offset: number;
-  pageSize: number;
-};
-export type PaginationResponse<T = any> = {
+import { RequireOnlyOne } from '@fastgpt/global/common/type/utils';
+
+type PaginationProps<T = {}> = T & {
+  pageSize: number | string;
+} & RequireOnlyOne<{
+    offset: number | string;
+    pageNum: number | string;
+  }>;
+
+type PaginationResponse<T = {}> = {
  total: number;
  list: T[];
 };
--- a/packages/web/components/common/Avatar/AvatarGroup.tsx
+++ b/packages/web/components/common/Avatar/AvatarGroup.tsx
@@ -23,7 +23,7 @@ function AvatarGroup({
    <Flex position="relative">
      {avatars.slice(0, max).map((avatar, index) => (
        <Avatar
-          key={avatar + groupId}
+          key={index}
          src={avatar}
          position={index > 0 ? 'absolute' : 'relative'}
          left={index > 0 ? `${index * 15}px` : 0}
--- a/packages/web/components/common/MySelect/index.tsx
+++ b/packages/web/components/common/MySelect/index.tsx
@@ -21,7 +21,15 @@ import type { ButtonProps, MenuItemProps } from '@chakra-ui/react';
 import MyIcon from '../Icon';
 import { useRequest2 } from '../../../hooks/useRequest';
 import MyDivider from '../MyDivider';
+import { useScrollPagination } from '../../../hooks/useScrollPagination';

+/** 选择组件 Props 类型
+ * value: 选中的值
+ * placeholder: 占位符
+ * list: 列表数据
+ * isLoading: 是否加载中
+ * ScrollData: 分页滚动数据控制器 [useScrollPagination] 的返回值
+ * */
 export type SelectProps<T = any> = ButtonProps & {
  value?: T;
  placeholder?: string;
@@ -34,6 +42,7 @@ export type SelectProps<T = any> = ButtonProps & {
  }[];
  isLoading?: boolean;
  onchange?: (val: T) => any | Promise<any>;
+  ScrollData?: ReturnType<typeof useScrollPagination>['ScrollData'];
 };

 const MySelect = <T = any,>(
@@ -44,6 +53,7 @@ const MySelect = <T = any,>(
    list = [],
    onchange,
    isLoading = false,
+    ScrollData,
    ...props
  }: SelectProps<T>,
  ref: ForwardedRef<{
@@ -87,6 +97,46 @@ const MySelect = <T = any,>(

  const isSelecting = loading || isLoading;

+  const ListRender = useMemo(() => {
+    return (
+      <>
+        {list.map((item, i) => (
+          <Box key={i}>
+            <MenuItem
+              {...menuItemStyles}
+              {...(value === item.value
+                ? {
+                    ref: SelectedItemRef,
+                    color: 'primary.700',
+                    bg: 'myGray.100',
+                    fontWeight: '600'
+                  }
+                : {
+                    color: 'myGray.900'
+                  })}
+              onClick={() => {
+                if (onChange && value !== item.value) {
+                  onChange(item.value);
+                }
+              }}
+              whiteSpace={'pre-wrap'}
+              fontSize={'sm'}
+              display={'block'}
+            >
+              <Box>{item.label}</Box>
+              {item.description && (
+                <Box color={'myGray.500'} fontSize={'xs'}>
+                  {item.description}
+                </Box>
+              )}
+            </MenuItem>
+            {item.showBorder && <MyDivider my={2} />}
+          </Box>
+        ))}
+      </>
+    );
+  }, [list, value]);
+
  return (
    <Box
      css={css({
@@ -154,39 +204,7 @@ const MySelect = <T = any,>(
          maxH={'40vh'}
          overflowY={'auto'}
        >
-          {list.map((item, i) => (
-            <Box key={i}>
-              <MenuItem
-                {...menuItemStyles}
-                {...(value === item.value
-                  ? {
-                      ref: SelectedItemRef,
-                      color: 'primary.700',
-                      bg: 'myGray.100',
-                      fontWeight: '600'
-                    }
-                  : {
-                      color: 'myGray.900'
-                    })}
-                onClick={() => {
-                  if (onChange && value !== item.value) {
-                    onChange(item.value);
-                  }
-                }}
-                whiteSpace={'pre-wrap'}
-                fontSize={'sm'}
-                display={'block'}
-              >
-                <Box>{item.label}</Box>
-                {item.description && (
-                  <Box color={'myGray.500'} fontSize={'xs'}>
-                    {item.description}
-                  </Box>
-                )}
-              </MenuItem>
-              {item.showBorder && <MyDivider my={2} />}
-            </Box>
-          ))}
+          {ScrollData ? <ScrollData>{ListRender}</ScrollData> : ListRender}
        </MenuList>
      </Menu>
    </Box>
--- a/packages/web/components/common/UserBox/index.tsx
+++ b/packages/web/components/common/UserBox/index.tsx
@@ -0,0 +1,23 @@
+import { Box, HStack, type StackProps } from '@chakra-ui/react';
+import { SourceMemberType } from '@fastgpt/global/support/user/type';
+import React from 'react';
+import Avatar from '../Avatar';
+import { useTranslation } from 'next-i18next';
+import Tag from '../Tag';
+
+export type UserBoxProps = {
+  sourceMember: SourceMemberType;
+  avatarSize?: string;
+} & StackProps;
+function UserBox({ sourceMember, avatarSize = '1.25rem', ...props }: UserBoxProps) {
+  const { t } = useTranslation();
+  return (
+    <HStack space="1" {...props}>
+      <Avatar src={sourceMember.avatar} w={avatarSize} />
+      <Box>{sourceMember.name}</Box>
+      {sourceMember.status === 'leave' && <Tag color="gray">{t('common:user_leaved')}</Tag>}
+    </HStack>
+  );
+}
+
+export default React.memo(UserBox);
--- a/packages/web/hooks/usePagination.tsx
+++ b/packages/web/hooks/usePagination.tsx
@@ -4,7 +4,6 @@ import { ArrowBackIcon, ArrowForwardIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'next-i18next';
 import { useToast } from './useToast';
 import { getErrText } from '@fastgpt/global/common/error/utils';
-
 import {
  useBoolean,
  useLockFn,
@@ -14,29 +13,24 @@ import {
  useThrottleEffect
 } from 'ahooks';

+import { PaginationProps, PaginationResponse } from '../common/fetch/type';
+
 const thresholdVal = 200;

-type PagingData<T> = {
-  pageNum: number;
-  pageSize: number;
-  data: T[];
-  total?: number;
-};
-
-export function usePagination<ResT = any>({
-  api,
+export function usePagination<DataT, ResT = {}>(
+  api: (data: PaginationProps<DataT>) => Promise<PaginationResponse<ResT>>,
+  {
    pageSize = 10,
-  params = {},
+    params,
    defaultRequest = true,
    type = 'button',
    onChange,
    refreshDeps,
    scrollLoadType = 'bottom',
    EmptyTip
-}: {
-  api: (data: any) => Promise<PagingData<ResT>>;
+  }: {
    pageSize?: number;
-  params?: Record<string, any>;
+    params?: DataT;
    defaultRequest?: boolean;
    type?: 'button' | 'scroll';
    onChange?: (pageNum: number) => void;
@@ -44,7 +38,8 @@ export function usePagination<ResT = any>({
    throttleWait?: number;
    scrollLoadType?: 'top' | 'bottom';
    EmptyTip?: React.JSX.Element;
-}) {
+  }
+) {
  const { toast } = useToast();
  const { t } = useTranslation();

@@ -64,7 +59,7 @@ export function usePagination<ResT = any>({
      setTrue();

      try {
-        const res: PagingData<ResT> = await api({
+        const res = await api({
          pageNum: num,
          pageSize,
          ...params
@@ -93,13 +88,13 @@ export function usePagination<ResT = any>({
              );
            }

-            setData((prevData) => (num === 1 ? res.data : [...res.data, ...prevData]));
+            setData((prevData) => (num === 1 ? res.list : [...res.list, ...prevData]));
            adjustScrollPosition();
          } else {
-            setData((prevData) => (num === 1 ? res.data : [...prevData, ...res.data]));
+            setData((prevData) => (num === 1 ? res.list : [...prevData, ...res.list]));
          }
        } else {
-          setData(res.data);
+          setData(res.list);
        }

        onChange?.(num);
--- a/packages/web/hooks/useScrollPagination.tsx
+++ b/packages/web/hooks/useScrollPagination.tsx
@@ -16,7 +16,7 @@ import MyBox from '../components/common/MyBox';
 import { useTranslation } from 'next-i18next';

 type ItemHeight<T> = (index: number, data: T) => number;
-const thresholdVal = 200;
+const thresholdVal = 100;

 export type ScrollListType = ({
  children,
@@ -269,8 +269,10 @@ export function useScrollPagination<
    ({
      children,
      ScrollContainerRef,
+      isLoading,
      ...props
    }: {
+      isLoading?: boolean;
      children: ReactNode;
      ScrollContainerRef?: RefObject<HTMLDivElement>;
    } & BoxProps) => {
@@ -302,7 +304,7 @@ export function useScrollPagination<
      );

      return (
-        <Box {...props} ref={ref} overflow={'overlay'}>
+        <MyBox {...props} ref={ref} overflow={'overlay'} isLoading={isLoading}>
          {scrollLoadType === 'top' && total > 0 && isLoading && (
            <Box mt={2} fontSize={'xs'} color={'blackAlpha.500'} textAlign={'center'}>
              {t('common:common.is_requesting')}
@@ -325,7 +327,7 @@ export function useScrollPagination<
            </Box>
          )}
          {isEmpty && EmptyTip}
-        </Box>
+        </MyBox>
      );
    }
  );
--- a/packages/web/i18n/en/common.json
+++ b/packages/web/i18n/en/common.json
@@ -39,6 +39,7 @@
  "classification": "Classification",
  "click_to_resume": "Click to Resume",
  "code_editor": "Code Editor",
+  "code_error.account_error": "Incorrect account name or password",
  "code_error.app_error.invalid_app_type": "Invalid Application Type",
  "code_error.app_error.invalid_owner": "Unauthorized Application Owner",
  "code_error.app_error.not_exist": "Application Does Not Exist",
@@ -95,7 +96,6 @@
  "code_error.team_error.website_sync_not_enough": "Unauthorized to Use Website Sync",
  "code_error.token_error_code.403": "Invalid Login Status, Please Re-login",
  "code_error.user_error.balance_not_enough": "Insufficient Account Balance",
-  "code_error.account_error": "Incorrect account name or password",
  "code_error.user_error.bin_visitor_guest": "You Are Currently a Guest, Unauthorized to Operate",
  "code_error.user_error.un_auth_user": "User Not Found",
  "common.Action": "Action",
@@ -1273,6 +1273,7 @@
  "user.team.role.Visitor": "visitor",
  "user.team.role.writer": "writable member",
  "user.type": "Type",
+  "user_leaved": "Leaved",
  "verification": "Verification",
  "workflow.template.communication": "Communication",
  "xx_search_result": "{{key}} Search Results",
--- a/packages/web/i18n/en/workflow.json
+++ b/packages/web/i18n/en/workflow.json
@@ -13,6 +13,8 @@
  "append_application_reply_to_history_as_new_context": "Append the application's reply to the history as new context",
  "application_call": "Application Call",
  "assigned_reply": "Assigned Reply",
+  "auth_tmb_id": "Auth member",
+  "auth_tmb_id_tip": "After it is turned on, when the application is released to the outside world, the knowledge base will be filtered based on whether the user has permission to the knowledge base.\n\nIf it is not enabled, the configured knowledge base will be searched directly without permission filtering.",
  "can_not_loop": "This node can't loop.",
  "choose_another_application_to_call": "Select another application to call",
  "classification_result": "Classification Result",
--- a/packages/web/i18n/zh-CN/account_team.json
+++ b/packages/web/i18n/zh-CN/account_team.json
@@ -35,5 +35,8 @@
  "user_team_invite_member": "邀请成员",
  "user_team_leave_team": "离开团队",
  "user_team_leave_team_failed": "离开团队失败",
-  "waiting": "待接受"
+  "waiting": "待接受",
+  "sync_immediately": "立即同步",
+  "sync_member_failed": "同步成员失败",
+  "sync_member_success": "同步成员成功"
 }
--- a/packages/web/i18n/zh-CN/common.json
+++ b/packages/web/i18n/zh-CN/common.json
@@ -43,6 +43,7 @@
  "classification": "分类",
  "click_to_resume": "点击恢复",
  "code_editor": "代码编辑",
+  "code_error.account_error": "账号名或密码错误",
  "code_error.app_error.invalid_app_type": "错误的应用类型",
  "code_error.app_error.invalid_owner": "非法的应用所有者",
  "code_error.app_error.not_exist": "应用不存在",
@@ -99,7 +100,6 @@
  "code_error.team_error.website_sync_not_enough": "无权使用Web站点同步~",
  "code_error.token_error_code.403": "登录状态无效，请重新登录",
  "code_error.user_error.balance_not_enough": "账号余额不足~",
-  "code_error.account_error": "账号名或密码错误",
  "code_error.user_error.bin_visitor_guest": "您当前身份为游客，无权操作",
  "code_error.user_error.un_auth_user": "找不到该用户",
  "common.Action": "操作",
@@ -1268,6 +1268,7 @@
  "user.team.role.Visitor": "访客",
  "user.team.role.writer": "可写成员",
  "user.type": "类型",
+  "user_leaved": "已离开",
  "verification": "验证",
  "workflow.template.communication": "通信",
  "xx_search_result": "{{key}} 的搜索结果",
--- a/packages/web/i18n/zh-CN/workflow.json
+++ b/packages/web/i18n/zh-CN/workflow.json
@@ -13,6 +13,8 @@
  "append_application_reply_to_history_as_new_context": "将该应用回复内容拼接到历史记录中，作为新的上下文返回",
  "application_call": "应用调用",
  "assigned_reply": "指定回复",
+  "auth_tmb_id": "使用者鉴权",
+  "auth_tmb_id_tip": "开启后，对外发布该应用时，还会根据用户是否有该知识库权限进行知识库过滤。\n若未开启，则直接按配置的知识库进行检索，不进行权限过滤。",
  "can_not_loop": "该节点不支持循环嵌套",
  "choose_another_application_to_call": "选择一个其他应用进行调用",
  "classification_result": "分类结果",
--- a/packages/web/i18n/zh-Hant/common.json
+++ b/packages/web/i18n/zh-Hant/common.json
@@ -39,6 +39,7 @@
  "classification": "分類",
  "click_to_resume": "點選繼續",
  "code_editor": "程式碼編輯器",
+  "code_error.account_error": "帳號名稱或密碼錯誤",
  "code_error.app_error.invalid_app_type": "無效的應用程式類型",
  "code_error.app_error.invalid_owner": "非法的應用程式擁有者",
  "code_error.app_error.not_exist": "應用程式不存在",
@@ -95,7 +96,6 @@
  "code_error.team_error.website_sync_not_enough": "無權使用網站同步",
  "code_error.token_error_code.403": "登入狀態無效，請重新登入",
  "code_error.user_error.balance_not_enough": "帳戶餘額不足",
-  "code_error.account_error": "帳號名稱或密碼錯誤",
  "code_error.user_error.bin_visitor_guest": "您目前身份為訪客，無權操作",
  "code_error.user_error.un_auth_user": "找不到此使用者",
  "common.Action": "操作",
@@ -1273,6 +1273,7 @@
  "user.team.role.Visitor": "訪客",
  "user.team.role.writer": "可寫入成員",
  "user.type": "類型",
+  "user_leaved": "已離開",
  "verification": "驗證",
  "workflow.template.communication": "通訊",
  "xx_search_result": "{{key}} 的搜尋結果",
--- a/packages/web/i18n/zh-Hant/workflow.json
+++ b/packages/web/i18n/zh-Hant/workflow.json
@@ -13,6 +13,8 @@
  "append_application_reply_to_history_as_new_context": "將應用程式的回覆附加到歷史紀錄中，作為新的脈絡",
  "application_call": "應用程式呼叫",
  "assigned_reply": "指定回覆",
+  "auth_tmb_id": "使用者鑑權",
+  "auth_tmb_id_tip": "開啟後，對外發布應用程式時，也會根據使用者是否有該知識庫權限進行知識庫過濾。\n\n若未開啟，則直接按配置的知識庫進行檢索，不進行權限過濾。",
  "can_not_loop": "這個節點不能迴圈。",
  "choose_another_application_to_call": "選擇另一個應用程式來呼叫",
  "classification_result": "分類結果",
--- a/projects/app/.env.template
+++ b/projects/app/.env.template
@@ -57,3 +57,5 @@ WORKFLOW_MAX_LOOP_TIMES=50
 # CHAT_LOG_INTERVAL=10000
 # # 日志来源ID前缀
 # CHAT_LOG_SOURCE_ID_PREFIX=fastgpt-
+# 自定义跨域，不配置时，默认都允许跨域（逗号分割）
+ALLOWED_ORIGINS=
--- a/projects/app/package.json
+++ b/projects/app/package.json
@@ -1,6 +1,6 @@
 {
  "name": "app",
-  "version": "4.8.18",
+  "version": "4.8.19",
  "private": false,
  "scripts": {
    "dev": "next dev",
--- a/projects/app/src/components/core/app/InputGuideConfig.tsx
+++ b/projects/app/src/components/core/app/InputGuideConfig.tsx
@@ -54,7 +54,7 @@ const InputGuideConfig = ({
  onChange: (e: ChatInputGuideConfigType) => void;
 }) => {
  const { t } = useTranslation();
-  const { chatT, commonT } = useI18n();
+  const { chatT } = useI18n();
  const { isOpen, onOpen, onClose } = useDisclosure();
  const {
    isOpen: isOpenLexiconConfig,
@@ -220,7 +220,7 @@ const LexiconConfigModal = ({ appId, onClose }: { appId: string; onClose: () =>
  });

  const { run: createNewData, loading: isCreating } = useRequest2(
-    (textList: string[]) => {
+    async (textList: string[]) => {
      if (textList.filter(Boolean).length === 0) {
        return Promise.resolve();
      }
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/Provider.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/Provider.tsx
@@ -29,8 +29,6 @@ export type ChatProviderProps = {
  outLinkAuthData?: OutLinkChatAuthProps;

  chatType: 'log' | 'chat' | 'share' | 'team';
-  showRawSource: boolean;
-  showNodeStatus: boolean;
 };

 type useChatStoreType = ChatProviderProps & {
@@ -132,8 +130,6 @@ const Provider = ({
  chatId,
  outLinkAuthData = {},
  chatType = 'chat',
-  showRawSource,
-  showNodeStatus,
  children,
  ...props
 }: ChatProviderProps & {
@@ -249,9 +245,7 @@ const Provider = ({
    chatId,
    outLinkAuthData,
    getHistoryResponseData,
-    chatType,
-    showRawSource,
-    showNodeStatus
+    chatType
  };

  return <ChatBoxContext.Provider value={value}>{children}</ChatBoxContext.Provider>;
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ChatItem.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ChatItem.tsx
@@ -25,6 +25,7 @@ import { isEqual } from 'lodash';
 import { useSystem } from '@fastgpt/web/hooks/useSystem';
 import { formatTimeToChatItemTime } from '@fastgpt/global/common/string/time';
 import dayjs from 'dayjs';
+import { ChatItemContext } from '@/web/core/chat/context/chatItemContext';

 const colorMap = {
  [ChatStatusEnum.loading]: {
@@ -139,7 +140,7 @@ const ChatItem = (props: Props) => {

  const isChatting = useContextSelector(ChatBoxContext, (v) => v.isChatting);
  const chatType = useContextSelector(ChatBoxContext, (v) => v.chatType);
-  const showNodeStatus = useContextSelector(ChatBoxContext, (v) => v.showNodeStatus);
+  const showNodeStatus = useContextSelector(ChatItemContext, (v) => v.showNodeStatus);
  const isChatLog = chatType === 'log';

  const { copyData } = useCopyData();
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/QuoteModal.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/QuoteModal.tsx
@@ -9,19 +9,16 @@ import RawSourceBox from '@/components/core/dataset/RawSourceBox';
 import { getWebReqUrl } from '@fastgpt/web/common/system/utils';
 import { useContextSelector } from 'use-context-selector';
 import { ChatBoxContext } from '../Provider';
+import { ChatItemContext } from '@/web/core/chat/context/chatItemContext';

 const QuoteModal = ({
  rawSearch = [],
  onClose,
-  canEditDataset,
-  showRawSource,
  chatItemId,
  metadata
 }: {
  rawSearch: SearchDataResponseItemType[];
  onClose: () => void;
-  canEditDataset: boolean;
-  showRawSource: boolean;
  chatItemId: string;
  metadata?: {
    collectionId: string;
@@ -47,6 +44,11 @@ const QuoteModal = ({
    chatItemId,
    ...(v.outLinkAuthData || {})
  }));
+  const showRawSource = useContextSelector(ChatItemContext, (v) => v.isShowReadRawSource);
+  const showRouteToDatasetDetail = useContextSelector(
+    ChatItemContext,
+    (v) => v.showRouteToDatasetDetail
+  );

  return (
    <>
@@ -71,12 +73,7 @@ const QuoteModal = ({
        }
      >
        <ModalBody>
-          <QuoteList
-            rawSearch={filterResults}
-            canEditDataset={canEditDataset}
-            canViewSource={showRawSource}
-            chatItemId={chatItemId}
-          />
+          <QuoteList rawSearch={filterResults} chatItemId={chatItemId} />
        </ModalBody>
      </MyModal>
    </>
@@ -87,14 +84,10 @@ export default QuoteModal;

 export const QuoteList = React.memo(function QuoteList({
  chatItemId,
-  rawSearch = [],
-  canEditDataset,
-  canViewSource
+  rawSearch = []
 }: {
  chatItemId?: string;
  rawSearch: SearchDataResponseItemType[];
-  canEditDataset: boolean;
-  canViewSource: boolean;
 }) {
  const theme = useTheme();

@@ -104,6 +97,11 @@ export const QuoteList = React.memo(function QuoteList({
    chatId: v.chatId,
    ...(v.outLinkAuthData || {})
  }));
+  const showRawSource = useContextSelector(ChatItemContext, (v) => v.isShowReadRawSource);
+  const showRouteToDatasetDetail = useContextSelector(
+    ChatItemContext,
+    (v) => v.showRouteToDatasetDetail
+  );

  return (
    <>
@@ -120,8 +118,8 @@ export const QuoteList = React.memo(function QuoteList({
        >
          <QuoteItem
            quoteItem={item}
-            canViewSource={canViewSource}
-            canEditDataset={canEditDataset}
+            canViewSource={showRawSource}
+            canEditDataset={showRouteToDatasetDetail}
            {...RawSourceBoxProps}
          />
        </Box>
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ResponseTags.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ResponseTags.tsx
@@ -49,7 +49,6 @@ const ResponseTags = ({
  const [quoteFolded, setQuoteFolded] = useState<boolean>(true);

  const chatType = useContextSelector(ChatBoxContext, (v) => v.chatType);
-  const showRawSource = useContextSelector(ChatBoxContext, (v) => v.showRawSource);
  const notSharePage = useMemo(() => chatType !== 'share', [chatType]);

  const {
@@ -251,8 +250,6 @@ const ResponseTags = ({
        <QuoteModal
          {...quoteModalData}
          chatItemId={historyItem.dataId}
-          canEditDataset={notSharePage}
-          showRawSource={showRawSource}
          onClose={() => setQuoteModalData(undefined)}
        />
      )}
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
@@ -18,7 +18,6 @@ import { Box, Checkbox } from '@chakra-ui/react';
 import { EventNameEnum, eventBus } from '@/web/common/utils/eventbus';
 import { chats2GPTMessages } from '@fastgpt/global/core/chat/adapt';
 import { useForm } from 'react-hook-form';
-import { useRouter } from 'next/router';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
 import { useTranslation } from 'next-i18next';
 import {
--- a/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
+++ b/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
@@ -249,14 +249,7 @@ export const WholeResponseContent = ({
        {activeModule.quoteList && activeModule.quoteList.length > 0 && (
          <Row
            label={t('common:core.chat.response.module quoteList')}
-            rawDom={
-              <QuoteList
-                canEditDataset
-                canViewSource
-                chatItemId={dataId}
-                rawSearch={activeModule.quoteList}
-              />
-            }
+            rawDom={<QuoteList chatItemId={dataId} rawSearch={activeModule.quoteList} />}
          />
        )}
      </>
--- a/projects/app/src/components/core/dataset/RawSourceBox.tsx
+++ b/projects/app/src/components/core/dataset/RawSourceBox.tsx
@@ -5,7 +5,6 @@ import { useTranslation } from 'next-i18next';
 import { getCollectionSourceAndOpen } from '@/web/core/dataset/hooks/readCollectionSource';
 import { getSourceNameIcon } from '@fastgpt/global/core/dataset/utils';
 import MyIcon from '@fastgpt/web/components/common/Icon';
-import { useI18n } from '@/web/context/I18n';
 import type { readCollectionSourceBody } from '@/pages/api/core/dataset/collection/read';

 type Props = BoxProps &
@@ -33,7 +32,6 @@ const RawSourceBox = ({
  ...props
 }: Props) => {
  const { t } = useTranslation();
-  const { fileT } = useI18n();

  const canPreview = !!sourceId && canView;

@@ -51,7 +49,7 @@ const RawSourceBox = ({

  return (
    <MyTooltip
-      label={canPreview ? fileT('click_to_view_raw_source') : ''}
+      label={canPreview ? t('file:click_to_view_raw_source') : ''}
      shouldWrapChildren={false}
    >
      <Box
--- a/projects/app/src/components/support/permission/ChangeOwnerModal/index.tsx
+++ b/projects/app/src/components/support/permission/ChangeOwnerModal/index.tsx
@@ -1,4 +1,4 @@
-import { useUserStore } from '@/web/support/user/useUserStore';
+import { getTeamMembers } from '@/web/support/user/team/api';
 import {
  Box,
  Flex,
@@ -15,6 +15,7 @@ import Icon from '@fastgpt/web/components/common/Icon';
 import MyModal from '@fastgpt/web/components/common/MyModal';
 import MyTag from '@fastgpt/web/components/common/Tag';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { useScrollPagination } from '@fastgpt/web/hooks/useScrollPagination';
 import { useTranslation } from 'next-i18next';
 import React, { useState } from 'react';

@@ -31,13 +32,12 @@ export function ChangeOwnerModal({
  onChangeOwner
 }: ChangeOwnerModalProps & { onClose: () => void }) {
  const { t } = useTranslation();
-  const { loadAndGetTeamMembers } = useUserStore();
-
  const [inputValue, setInputValue] = React.useState('');

-  const { data: teamMembers = [] } = useRequest2(loadAndGetTeamMembers, {
-    manual: false
+  const { data: teamMembers, ScrollData } = useScrollPagination(getTeamMembers, {
+    pageSize: 15
  });
+
  const memberList = teamMembers.filter((item) => {
    return item.memberName.includes(inputValue);
  });
@@ -101,11 +101,6 @@ export function ChangeOwnerModal({
                onOpenMemberListMenu();
                setSelectedMember(null);
              }}
-              // onBlur={() => {
-              //   setTimeout(() => {
-              //     onCloseMemberListMenu();
-              //   }, 10);
-              // }}
              {...(selectedMember && { pl: '10' })}
            />
          </Flex>
@@ -123,6 +118,7 @@ export function ChangeOwnerModal({
              maxH={'300px'}
              overflow={'auto'}
            >
+              <ScrollData>
                {memberList.map((item) => (
                  <Box
                    key={item.tmbId}
@@ -143,6 +139,7 @@ export function ChangeOwnerModal({
                    </Flex>
                  </Box>
                ))}
+              </ScrollData>
            </Flex>
          )}

--- a/projects/app/src/components/support/permission/MemberManager/MemberModal.tsx
+++ b/projects/app/src/components/support/permission/MemberManager/MemberModal.tsx
@@ -33,6 +33,10 @@ import { ParentTreePathItemType } from '@fastgpt/global/common/parentFolder/type
 import { OrgType } from '@fastgpt/global/support/user/team/org/type';
 import { useContextSelector } from 'use-context-selector';
 import { CollaboratorContext } from './context';
+import { getTeamMembers } from '@/web/support/user/team/api';
+import { getGroupList } from '@/web/support/user/team/group/api';
+import { getOrgList } from '@/web/support/user/team/org/api';
+import { useScrollPagination } from '@fastgpt/web/hooks/useScrollPagination';

 const HoverBoxStyle = {
  bgColor: 'myGray.50',
@@ -47,22 +51,18 @@ function MemberModal({
  addPermissionOnly?: boolean;
 }) {
  const { t } = useTranslation();
-  const { userInfo, loadAndGetTeamMembers, loadAndGetGroups, loadAndGetOrgs } = useUserStore();
-
+  const { userInfo } = useUserStore();
  const collaboratorList = useContextSelector(CollaboratorContext, (v) => v.collaboratorList);
-
  const [searchText, setSearchText] = useState<string>('');
  const [filterClass, setFilterClass] = useState<'member' | 'org' | 'group'>();
+  const { data: members, ScrollData } = useScrollPagination(getTeamMembers, {
+    pageSize: 15
+  });

-  const { data: [members = [], groups = [], orgs = []] = [], loading: loadingMembersAndGroups } =
-    useRequest2(
+  const { data: [groups = [], orgs = []] = [], loading: loadingGroupsAndOrgs } = useRequest2(
    async () => {
      if (!userInfo?.team?.teamId) return [[], []];
-        return Promise.all([
-          loadAndGetTeamMembers(true),
-          loadAndGetGroups(true),
-          loadAndGetOrgs(true)
-        ]);
+      return Promise.all([getGroupList(), getOrgList()]);
    },
    {
      manual: false,
@@ -71,6 +71,7 @@ function MemberModal({
  );

  const [parentPath, setParentPath] = useState('');
+
  const paths = useMemo(() => {
    const splitPath = parentPath.split('/').filter(Boolean);
    return splitPath
@@ -212,7 +213,7 @@ function MemberModal({
      h={'100%'}
      maxH={'90vh'}
      isCentered
-      isLoading={loadingMembersAndGroups}
+      isLoading={loadingGroupsAndOrgs}
    >
      <ModalBody flex={'1'}>
        <Grid
@@ -236,6 +237,7 @@ function MemberModal({
            />

            <Flex flexDirection="column" mt="3" overflow={'auto'} flex={'1 0 0'} h={0}>
+              {/* Entry */}
              {!searchText && !filterClass && (
                <>
                  {entryList.current.map((item) => {
@@ -298,50 +300,15 @@ function MemberModal({
                </Box>
              )}

-              <Flex flexDirection={'column'} gap={1} userSelect={'none'}>
-                {filterMembers.map((member) => {
-                  const collaborator = collaboratorList?.find((v) => v.tmbId === member.tmbId);
-                  const disabled = addOnly && collaborator !== undefined;
-                  const onChange = () => {
-                    if (disabled) return;
-                    setSelectedMembers((state) => {
-                      if (state.includes(member.tmbId)) {
-                        return state.filter((v) => v !== member.tmbId);
-                      }
-                      return [...state, member.tmbId];
-                    });
-                  };
-                  return (
-                    <HStack
-                      justifyContent="space-between"
-                      key={member.tmbId}
-                      py="2"
-                      px="3"
-                      borderRadius="sm"
-                      alignItems="center"
-                      _hover={HoverBoxStyle}
-                      onClick={onChange}
+              {filterClass && (
+                <ScrollData
+                  flexDirection={'column'}
+                  gap={1}
+                  userSelect={'none'}
+                  height={'fit-content'}
                >
-                      <Checkbox
-                        isDisabled={disabled}
-                        isChecked={disabled || selectedMemberIdList.includes(member.tmbId)}
-                        pointerEvents="none"
-                      />
-                      <MyAvatar src={member.avatar} w="1.5rem" borderRadius={'50%'} />
-                      <Box w="full" ml="2">
-                        {member.memberName}
-                      </Box>
-                      <PermissionTags
-                        permission={addOnly ? undefined : collaborator?.permission.value}
-                      />
-                    </HStack>
-                  );
-                })}
                  {filterOrgs.map((org) => {
-                  const collaborator = collaboratorList?.find((v) => v.orgId === org._id);
-                  const disabled = addOnly && collaborator !== undefined;
                    const onChange = () => {
-                    if (disabled) return;
                      setSelectedOrgIdList((state) => {
                        if (state.includes(org._id)) {
                          return state.filter((v) => v !== org._id);
@@ -349,6 +316,7 @@ function MemberModal({
                        return [...state, org._id];
                      });
                    };
+                    const collaborator = collaboratorList?.find((v) => v.orgId === org._id);
                    return (
                      <HStack
                        justifyContent="space-between"
@@ -361,22 +329,21 @@ function MemberModal({
                        onClick={onChange}
                      >
                        <Checkbox
-                        isDisabled={disabled}
-                        isChecked={disabled || selectedOrgIdList.includes(org._id)}
+                          isChecked={selectedOrgIdList.includes(org._id)}
                          pointerEvents="none"
                        />
                        <MyAvatar src={org.avatar} w="1.5rem" borderRadius={'50%'} />
                        <HStack ml="2" w="full" gap="5px">
                          <Text>{org.name}</Text>
                          {org.count && (
+                            <>
                              <Tag size="sm" my="auto">
                                {org.count}
                              </Tag>
+                            </>
                          )}
                        </HStack>
-                      <PermissionTags
-                        permission={addOnly ? undefined : collaborator?.permission.value}
-                      />
+                        <PermissionTags permission={collaborator?.permission.value} />
                        {org.count && (
                          <MyIcon
                            name="core/chat/chevronRight"
@@ -386,8 +353,7 @@ function MemberModal({
                            _hover={{
                              bgColor: 'myGray.200'
                            }}
-                          onClick={(e) => {
-                            e.stopPropagation();
+                            onClick={() => {
                              setParentPath(getOrgChildrenPath(org));
                            }}
                          />
@@ -395,11 +361,41 @@ function MemberModal({
                      </HStack>
                    );
                  })}
-                {filterGroups.map((group) => {
-                  const collaborator = collaboratorList?.find((v) => v.groupId === group._id);
-                  const disabled = addOnly && collaborator !== undefined;
+                  {filterMembers.map((member) => {
+                    const onChange = () => {
+                      setSelectedMembers((state) => {
+                        if (state.includes(member.tmbId)) {
+                          return state.filter((v) => v !== member.tmbId);
+                        }
+                        return [...state, member.tmbId];
+                      });
+                    };
+                    const collaborator = collaboratorList?.find((v) => v.tmbId === member.tmbId);
+                    return (
+                      <HStack
+                        justifyContent="space-between"
+                        key={member.tmbId}
+                        py="2"
+                        px="3"
+                        borderRadius="sm"
+                        alignItems="center"
+                        _hover={HoverBoxStyle}
+                        onClick={onChange}
+                      >
+                        <Checkbox
+                          isChecked={selectedMemberIdList.includes(member.tmbId)}
+                          pointerEvents="none"
+                        />
+                        <MyAvatar src={member.avatar} w="1.5rem" borderRadius={'50%'} />
+                        <Box w="full" ml="2">
+                          {member.memberName}
+                        </Box>
+                        <PermissionTags permission={collaborator?.permission.value} />
+                      </HStack>
+                    );
+                  })}
+                  {filterGroups.map((group) => {
                    const onChange = () => {
-                    if (disabled) return;
                      setSelectedGroupIdList((state) => {
                        if (state.includes(group._id)) {
                          return state.filter((v) => v !== group._id);
@@ -407,6 +403,7 @@ function MemberModal({
                        return [...state, group._id];
                      });
                    };
+                    const collaborator = collaboratorList?.find((v) => v.groupId === group._id);
                    return (
                      <HStack
                        justifyContent="space-between"
@@ -419,21 +416,19 @@ function MemberModal({
                        onClick={onChange}
                      >
                        <Checkbox
-                        isDisabled={disabled}
-                        isChecked={disabled || selectedGroupIdList.includes(group._id)}
+                          isChecked={selectedGroupIdList.includes(group._id)}
                          pointerEvents="none"
                        />
                        <MyAvatar src={group.avatar} w="1.5rem" borderRadius={'50%'} />
                        <Box ml="2" w="full">
                          {group.name === DefaultGroupName ? userInfo?.team.teamName : group.name}
                        </Box>
-                      <PermissionTags
-                        permission={addOnly ? undefined : collaborator?.permission.value}
-                      />
+                        <PermissionTags permission={collaborator?.permission.value} />
                      </HStack>
                    );
                  })}
-              </Flex>
+                </ScrollData>
+              )}
            </Flex>
          </Flex>

--- a/projects/app/src/global/core/api/appReq.d.ts
+++ b/projects/app/src/global/core/api/appReq.d.ts
@@ -1,7 +1,7 @@
-import { RequestPaging } from '@/types';
+import { PaginationProps } from '@fastgpt/web/common/fetch/type';

-export type GetAppChatLogsParams = RequestPaging & {
+export type GetAppChatLogsParams = PaginationProps<{
  appId: string;
  dateStart: Date;
  dateEnd: Date;
-};
+}>;
--- a/projects/app/src/global/core/api/datasetReq.d.ts
+++ b/projects/app/src/global/core/api/datasetReq.d.ts
@@ -3,24 +3,24 @@ import {
  DatasetCollectionTypeEnum,
  DatasetTypeEnum
 } from '@fastgpt/global/core/dataset/constants';
-import type { RequestPaging } from '@/types';
 import { TrainingModeEnum } from '@fastgpt/global/core/dataset/constants';
 import type { SearchTestItemType } from '@/types/core/dataset';
 import { UploadChunkItemType } from '@fastgpt/global/core/dataset/type';
 import { DatasetCollectionSchemaType } from '@fastgpt/global/core/dataset/type';
 import { PermissionTypeEnum } from '@fastgpt/global/support/permission/constant';
 import type { LLMModelItemType } from '@fastgpt/global/core/ai/model.d';
+import { PaginationProps } from '@fastgpt/web/common/fetch/type';

 /* ===== dataset ===== */

 /* ======= collections =========== */
-export type GetDatasetCollectionsProps = RequestPaging & {
+export type GetDatasetCollectionsProps = PaginationProps<{
  datasetId: string;
  parentId?: string;
  searchText?: string;
  filterTags?: string[];
  simple?: boolean;
  selectFolder?: boolean;
-};
+}>;

 /* ==== data ===== */
--- a/projects/app/src/pages/account/team/components/EditInfoModal.tsx
+++ b/projects/app/src/pages/account/team/components/EditInfoModal.tsx
--- a/projects/app/src/pages/account/team/components/GroupManage/GroupInfoModal.tsx
+++ b/projects/app/src/pages/account/team/components/GroupManage/GroupInfoModal.tsx
@@ -55,7 +55,7 @@ function GroupInfoModal({ onClose, editGroupId }: { onClose: () => void; editGro
    }
  );

-  const { run: onCreate, loading: isLoadingCreate } = useRequest2(
+  const { runAsync: onCreate, loading: isLoadingCreate } = useRequest2(
    (data: GroupFormType) => {
      return postCreateGroup({
        name: data.name,
@@ -67,7 +67,7 @@ function GroupInfoModal({ onClose, editGroupId }: { onClose: () => void; editGro
    }
  );

-  const { run: onUpdate, loading: isLoadingUpdate } = useRequest2(
+  const { runAsync: onUpdate, loading: isLoadingUpdate } = useRequest2(
    async (data: GroupFormType) => {
      if (!editGroupId) return;
      return putUpdateGroup({
--- a/projects/app/src/pages/account/team/components/GroupManage/GroupManageMember.tsx
+++ b/projects/app/src/pages/account/team/components/GroupManage/GroupManageMember.tsx
@@ -32,26 +32,26 @@ export type GroupFormType = {
  }[];
 };

+// 1. Owner can not be deleted, toast
+// 2. Owner/Admin can manage members
+// 3. Owner can add/remove admins
 function GroupEditModal({ onClose, editGroupId }: { onClose: () => void; editGroupId?: string }) {
-  // 1. Owner can not be deleted, toast
-  // 2. Owner/Admin can manage members
-  // 3. Owner can add/remove admins
  const { t } = useTranslation();
  const { userInfo } = useUserStore();
  const { toast } = useToast();
-  const [hoveredMemberId, setHoveredMemberId] = useState<string | undefined>(undefined);
-  const {
-    members: allMembers,
-    refetchGroups,
-    groups,
-    refetchMembers
-  } = useContextSelector(TeamContext, (v) => v);

+  const groups = useContextSelector(TeamContext, (v) => v.groups);
+  const refetchGroups = useContextSelector(TeamContext, (v) => v.refetchGroups);
  const group = useMemo(() => {
    return groups.find((item) => item._id === editGroupId);
  }, [editGroupId, groups]);

+  const allMembers = useContextSelector(TeamContext, (v) => v.members);
+  const refetchMembers = useContextSelector(TeamContext, (v) => v.refetchMembers);
+  const MemberScrollData = useContextSelector(TeamContext, (v) => v.MemberScrollData);
+  const [hoveredMemberId, setHoveredMemberId] = useState<string>();
  const [members, setMembers] = useState(group?.members || []);
+
  const [searchKey, setSearchKey] = useState('');
  const filtered = useMemo(() => {
    return [
@@ -62,7 +62,7 @@ function GroupEditModal({ onClose, editGroupId }: { onClose: () => void; editGro
    ];
  }, [searchKey, allMembers]);

-  const { run: onUpdate, loading: isLoadingUpdate } = useRequest2(
+  const { runAsync: onUpdate, loading: isLoadingUpdate } = useRequest2(
    async () => {
      if (!editGroupId || !members.length) return;
      return putUpdateGroup({
@@ -155,7 +155,7 @@ function GroupEditModal({ onClose, editGroupId }: { onClose: () => void; editGro
                setSearchKey(e.target.value);
              }}
            />
-            <Flex flexDirection="column" mt={3} flexGrow="1" overflow={'auto'} maxH={'400px'}>
+            <MemberScrollData mt={3} flex={'1 0 0'} h={0}>
              {filtered.map((member) => {
                return (
                  <HStack
@@ -181,11 +181,11 @@ function GroupEditModal({ onClose, editGroupId }: { onClose: () => void; editGro
                  </HStack>
                );
              })}
-            </Flex>
+            </MemberScrollData>
          </Flex>
          <Flex borderLeft="1px" borderColor="myGray.200" flexDirection="column" p="4" h={'100%'}>
            <Box mt={2}>{t('common:chosen') + ': ' + members.length}</Box>
-            <Flex mt={3} flexDirection="column" flexGrow="1" overflow={'auto'} maxH={'400px'}>
+            <MemberScrollData mt={3} flex={'1 0 0'} h={0}>
              {members.map((member) => {
                return (
                  <HStack
@@ -262,11 +262,14 @@ function GroupEditModal({ onClose, editGroupId }: { onClose: () => void; editGro
                  </HStack>
                );
              })}
-            </Flex>
+            </MemberScrollData>
          </Flex>
        </Grid>
      </ModalBody>
-      <ModalFooter alignItems="flex-end">
+      <ModalFooter>
+        <Button variant={'whiteBase'} mr={3} onClick={onClose}>
+          {t('common:common.Close')}
+        </Button>
        <Button isLoading={isLoading} onClick={onUpdate}>
          {t('common:common.Save')}
        </Button>
--- a/projects/app/src/pages/account/team/components/GroupManage/GroupTransferOwnerModal.tsx
+++ b/projects/app/src/pages/account/team/components/GroupManage/GroupTransferOwnerModal.tsx
--- a/projects/app/src/pages/account/team/components/GroupManage/index.tsx
+++ b/projects/app/src/pages/account/team/components/GroupManage/index.tsx
@@ -24,50 +24,43 @@ import { useUserStore } from '@/web/support/user/useUserStore';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { deleteGroup } from '@/web/support/user/team/group/api';
 import { DefaultGroupName } from '@fastgpt/global/support/user/team/group/constant';
-import MemberTag from '../../../../../components/support/user/team/Info/MemberTag';
+import MemberTag from '../../../../components/support/user/team/Info/MemberTag';
 import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
 import dynamic from 'next/dynamic';
 import { useState } from 'react';
 import IconButton from '../OrgManage/IconButton';
+import { MemberGroupType } from '@fastgpt/global/support/permission/memberGroup/type';

 const ChangeOwnerModal = dynamic(() => import('./GroupTransferOwnerModal'));
 const GroupInfoModal = dynamic(() => import('./GroupInfoModal'));
-const ManageGroupMemberModal = dynamic(() => import('./GroupManageMember'));
+const GroupManageMember = dynamic(() => import('./GroupManageMember'));

 function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
  const { t } = useTranslation();
  const { userInfo } = useUserStore();

-  const [editGroupId, setEditGroupId] = useState<string>();
+  const { groups, refetchGroups, members, refetchMembers } = useContextSelector(
+    TeamContext,
+    (v) => v
+  );
+
+  const [editGroup, setEditGroup] = useState<MemberGroupType>();
  const {
    isOpen: isOpenGroupInfo,
    onOpen: onOpenGroupInfo,
    onClose: onCloseGroupInfo
  } = useDisclosure();
-  const {
-    isOpen: isOpenManageGroupMember,
-    onOpen: onOpenManageGroupMember,
-    onClose: onCloseManageGroupMember
-  } = useDisclosure();
-  const onEditGroup = (groupId: string) => {
-    setEditGroupId(groupId);
+
+  const onEditGroupInfo = (e: MemberGroupType) => {
+    setEditGroup(e);
    onOpenGroupInfo();
  };
-  const onManageMember = (groupId: string) => {
-    setEditGroupId(groupId);
-    onOpenManageGroupMember();
-  };

  const { ConfirmModal: ConfirmDeleteGroupModal, openConfirm: openDeleteGroupModal } = useConfirm({
    type: 'delete',
    content: t('account_team:confirm_delete_group')
  });

-  const { groups, refetchGroups, members, refetchMembers } = useContextSelector(
-    TeamContext,
-    (v) => v
-  );
-
  const { runAsync: delDeleteGroup } = useRequest2(deleteGroup, {
    onSuccess: () => {
      refetchGroups();
@@ -75,12 +68,21 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
    }
  });

+  const {
+    isOpen: isOpenManageGroupMember,
+    onOpen: onOpenManageGroupMember,
+    onClose: onCloseManageGroupMember
+  } = useDisclosure();
+  const onManageMember = (e: MemberGroupType) => {
+    setEditGroup(e);
+    onOpenManageGroupMember();
+  };
+
  const hasGroupManagePer = (group: (typeof groups)[0]) =>
    userInfo?.team.permission.hasManagePer ||
    ['admin', 'owner'].includes(
      group.members.find((item) => item.tmbId === userInfo?.team.tmbId)?.role ?? ''
    );
-
  const isGroupOwner = (group: (typeof groups)[0]) =>
    userInfo?.team.permission.hasManagePer ||
    group.members.find((item) => item.role === 'owner')?.tmbId === userInfo?.team.tmbId;
@@ -90,8 +92,8 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
    onOpen: onOpenChangeOwner,
    onClose: onCloseChangeOwner
  } = useDisclosure();
-  const onChangeOwner = (groupId: string) => {
-    setEditGroupId(groupId);
+  const onChangeOwner = (e: MemberGroupType) => {
+    setEditGroup(e);
    onOpenChangeOwner();
  };

@@ -173,7 +175,7 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
                      <AvatarGroup avatars={members.map((v) => v.avatar)} groupId={group._id} />
                    ) : hasGroupManagePer(group) ? (
                      <MyTooltip label={t('account_team:manage_member')}>
-                        <Box cursor="pointer" onClick={() => onManageMember(group._id)}>
+                        <Box cursor="pointer" onClick={() => onManageMember(group)}>
                          <AvatarGroup
                            avatars={group.members.map(
                              (v) => members.find((m) => m.tmbId === v.tmbId)?.avatar ?? ''
@@ -202,14 +204,14 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
                                label: t('account_team:edit_info'),
                                icon: 'edit',
                                onClick: () => {
-                                  onEditGroup(group._id);
+                                  onEditGroupInfo(group);
                                }
                              },
                              {
                                label: t('account_team:manage_member'),
                                icon: 'support/team/group',
                                onClick: () => {
-                                  onManageMember(group._id);
+                                  onManageMember(group);
                                }
                              },
                              ...(isGroupOwner(group)
@@ -218,7 +220,7 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
                                      label: t('account_team:transfer_ownership'),
                                      icon: 'modal/changePer',
                                      onClick: () => {
-                                        onChangeOwner(group._id);
+                                        onChangeOwner(group);
                                      },
                                      type: 'primary' as MenuItemType
                                    },
@@ -246,25 +248,25 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
      </MyBox>

      <ConfirmDeleteGroupModal />
-      {isOpenChangeOwner && editGroupId && (
-        <ChangeOwnerModal groupId={editGroupId} onClose={onCloseChangeOwner} />
+      {isOpenChangeOwner && editGroup && (
+        <ChangeOwnerModal groupId={editGroup._id} onClose={onCloseChangeOwner} />
      )}
      {isOpenGroupInfo && (
        <GroupInfoModal
          onClose={() => {
            onCloseGroupInfo();
-            setEditGroupId(undefined);
+            setEditGroup(undefined);
          }}
-          editGroupId={editGroupId}
+          editGroupId={editGroup?._id}
        />
      )}
-      {isOpenManageGroupMember && (
-        <ManageGroupMemberModal
+      {isOpenManageGroupMember && editGroup && (
+        <GroupManageMember
          onClose={() => {
            onCloseManageGroupMember();
-            setEditGroupId(undefined);
+            setEditGroup(undefined);
          }}
-          editGroupId={editGroupId}
+          editGroupId={editGroup._id}
        />
      )}
    </>
--- a/projects/app/src/pages/account/team/components/InviteModal.tsx
+++ b/projects/app/src/pages/account/team/components/InviteModal.tsx
--- a/projects/app/src/pages/account/team/components/MemberTable.tsx
+++ b/projects/app/src/pages/account/team/components/MemberTable.tsx
@@ -13,7 +13,6 @@ import {
  Tr,
  useDisclosure
 } from '@chakra-ui/react';
-import { TeamMemberRoleEnum } from '@fastgpt/global/support/user/team/constant';
 import { useTranslation } from 'next-i18next';
 import { useUserStore } from '@/web/support/user/useUserStore';
 import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
@@ -30,6 +29,9 @@ import { useToast } from '@fastgpt/web/hooks/useToast';
 import { TeamErrEnum } from '@fastgpt/global/common/error/code/team';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { delLeaveTeam } from '@/web/support/user/team/api';
+import { postSyncMembers } from '@/web/support/user/api';
+import MyLoading from '@fastgpt/web/components/common/MyLoading';
+import { TeamMemberRoleEnum } from '@fastgpt/global/support/user/team/constant';

 const InviteModal = dynamic(() => import('./InviteModal'));
 const TeamTagModal = dynamic(() => import('@/components/support/user/team/TeamTagModal'));
@@ -40,8 +42,16 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
  const { userInfo, teamPlanStatus } = useUserStore();
  const { feConfigs, setNotSufficientModalType } = useSystemStore();

-  const { groups, refetchGroups, myTeams, refetchTeams, members, refetchMembers, onSwitchTeam } =
-    useContextSelector(TeamContext, (v) => v);
+  const {
+    groups,
+    refetchGroups,
+    myTeams,
+    refetchTeams,
+    members,
+    refetchMembers,
+    onSwitchTeam,
+    MemberScrollData
+  } = useContextSelector(TeamContext, (v) => v);

  const {
    isOpen: isOpenTeamTagsAsync,
@@ -54,6 +64,8 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
    type: 'delete'
  });

+  const isSyncMember = feConfigs.register_method?.includes('sync');
+
  const { runAsync: onLeaveTeam } = useRequest2(
    async () => {
      const defaultTeam = myTeams.find((item) => item.defaultTeam) || myTeams[0];
@@ -72,8 +84,17 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
    content: t('account_team:confirm_leave_team')
  });

+  const { runAsync: onSyncMember, loading: isSyncing } = useRequest2(postSyncMembers, {
+    onSuccess() {
+      refetchMembers();
+    },
+    successToast: t('account_team:sync_member_success'),
+    errorToast: t('account_team:sync_member_failed')
+  });
+
  return (
    <>
+      {isSyncing && <MyLoading />}
      <Flex justify={'space-between'} align={'center'} pb={'1rem'}>
        {Tabs}
        <HStack>
@@ -91,7 +112,21 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
              {t('account_team:label_sync')}
            </Button>
          )}
-          {userInfo?.team.permission.hasManagePer && (
+          {userInfo?.team.permission.hasManagePer && isSyncMember && (
+            <Button
+              variant={'primary'}
+              size="md"
+              borderRadius={'md'}
+              ml={3}
+              leftIcon={<MyIcon name="common/retryLight" w={'16px'} color={'white'} />}
+              onClick={() => {
+                onSyncMember();
+              }}
+            >
+              {t('account_team:sync_immediately')}
+            </Button>
+          )}
+          {userInfo?.team.permission.hasManagePer && !isSyncMember && (
            <Button
              variant={'primary'}
              size="md"
@@ -135,6 +170,7 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {

      <Box flex={'1 0 0'} overflow={'auto'}>
        <TableContainer overflow={'unset'} fontSize={'sm'}>
+          <MemberScrollData>
            <Table overflow={'unset'}>
              <Thead>
                <Tr bgColor={'white !important'}>
@@ -142,9 +178,11 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
                    {t('account_team:user_name')}
                  </Th>
                  <Th bgColor="myGray.100">{t('account_team:member_group')}</Th>
+                  {!isSyncMember && (
                    <Th borderRightRadius="6px" bgColor="myGray.100">
                      {t('common:common.Action')}
                    </Th>
+                  )}
                </Tr>
              </Thead>
              <Tbody>
@@ -166,11 +204,14 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
                    <Td maxW={'300px'}>
                      <GroupTags
                        names={groups
-                        ?.filter((group) => group.members.map((m) => m.tmbId).includes(item.tmbId))
+                          ?.filter((group) =>
+                            group.members.map((m) => m.tmbId).includes(item.tmbId)
+                          )
                          .map((g) => g.name)}
                        max={3}
                      />
                    </Td>
+                    {!isSyncMember && (
                      <Td>
                        {userInfo?.team.permission.hasManagePer &&
                          item.role !== TeamMemberRoleEnum.owner &&
@@ -200,11 +241,12 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
                            />
                          )}
                      </Td>
+                    )}
                  </Tr>
                ))}
              </Tbody>
            </Table>
-
+          </MemberScrollData>
          <ConfirmRemoveMemberModal />
        </TableContainer>
      </Box>
--- a/projects/app/src/pages/account/team/components/OrgManage/IconButton.tsx
+++ b/projects/app/src/pages/account/team/components/OrgManage/IconButton.tsx
--- a/projects/app/src/pages/account/team/components/OrgManage/OrgInfoModal.tsx
+++ b/projects/app/src/pages/account/team/components/OrgManage/OrgInfoModal.tsx
--- a/projects/app/src/pages/account/team/components/OrgManage/OrgMemberManageModal.tsx
+++ b/projects/app/src/pages/account/team/components/OrgManage/OrgMemberManageModal.tsx
@@ -22,7 +22,6 @@ import { useMemo, useState } from 'react';
 import { useContextSelector } from 'use-context-selector';
 import { TeamContext } from '../context';
 import { OrgType } from '@fastgpt/global/support/user/team/org/type';
-import dynamic from 'next/dynamic';

 export type GroupFormType = {
  members: {
@@ -51,7 +50,7 @@ function OrgMemberManageModal({
  onClose: () => void;
 }) {
  const { t } = useTranslation();
-  const allMembers = useContextSelector(TeamContext, (v) => v.members);
+  const { members: allMembers, MemberScrollData } = useContextSelector(TeamContext, (v) => v);

  const [selectedMembers, setSelectedMembers] = useState<string[]>(
    currentOrg.members.map((item) => item.tmbId)
@@ -98,7 +97,6 @@ function OrgMemberManageModal({

  return (
    <MyModal
-      onClose={onClose}
      isOpen
      title={t('user:team.group.manage_member')}
      iconSrc={currentOrg?.avatar}
@@ -124,6 +122,7 @@ function OrgMemberManageModal({
              }}
            />
            <Flex flexDirection="column" mt={3} flexGrow="1" overflow={'auto'} maxH={'400px'}>
+              <MemberScrollData>
                {filterMembers.map((member) => {
                  return (
                    <HStack
@@ -150,6 +149,7 @@ function OrgMemberManageModal({
                    </HStack>
                  );
                })}
+              </MemberScrollData>
            </Flex>
          </Flex>
          <Flex borderLeft="1px" borderColor="myGray.200" flexDirection="column" p="4" h={'100%'}>
@@ -185,7 +185,10 @@ function OrgMemberManageModal({
          </Flex>
        </Grid>
      </ModalBody>
-      <ModalFooter alignItems="flex-end">
+      <ModalFooter>
+        <Button variant={'whiteBase'} mr={3} onClick={onClose}>
+          {t('common:common.Close')}
+        </Button>
        <Button isLoading={isLoading} onClick={onUpdate}>
          {t('common:common.Save')}
        </Button>
--- a/projects/app/src/pages/account/team/components/OrgManage/OrgMoveModal.tsx
+++ b/projects/app/src/pages/account/team/components/OrgManage/OrgMoveModal.tsx
--- a/projects/app/src/pages/account/team/components/OrgManage/OrgTree.tsx
+++ b/projects/app/src/pages/account/team/components/OrgManage/OrgTree.tsx
--- a/projects/app/src/pageComponents/account/team/OrgManage/index.tsx
+++ b/projects/app/src/pageComponents/account/team/OrgManage/index.tsx
@@ -0,0 +1,369 @@
+import { useUserStore } from '@/web/support/user/useUserStore';
+import {
+  Box,
+  Divider,
+  Flex,
+  HStack,
+  Table,
+  TableContainer,
+  Tag,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr,
+  VStack
+} from '@chakra-ui/react';
+import type { OrgType } from '@fastgpt/global/support/user/team/org/type';
+import Avatar from '@fastgpt/web/components/common/Avatar';
+import MyIcon from '@fastgpt/web/components/common/Icon';
+import type { IconNameType } from '@fastgpt/web/components/common/Icon/type';
+import MyMenu from '@fastgpt/web/components/common/MyMenu';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
+import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { useTranslation } from 'next-i18next';
+import { useMemo, useState } from 'react';
+import { useContextSelector } from 'use-context-selector';
+import MemberTag from '@/components/support/user/team/Info/MemberTag';
+import { TeamContext } from '../context';
+import { deleteOrg, deleteOrgMember, getOrgList } from '@/web/support/user/team/org/api';
+
+import IconButton from './IconButton';
+import { defaultOrgForm, type OrgFormType } from './OrgInfoModal';
+
+import dynamic from 'next/dynamic';
+import MyBox from '@fastgpt/web/components/common/MyBox';
+import Path from '@/components/common/folder/Path';
+import { ParentTreePathItemType } from '@fastgpt/global/common/parentFolder/type';
+import { getOrgChildrenPath } from '@fastgpt/global/support/user/team/org/constant';
+import { useSystemStore } from '@/web/common/system/useSystemStore';
+
+const OrgInfoModal = dynamic(() => import('./OrgInfoModal'));
+const OrgMemberManageModal = dynamic(() => import('./OrgMemberManageModal'));
+const OrgMoveModal = dynamic(() => import('./OrgMoveModal'));
+
+function ActionButton({
+  icon,
+  text,
+  onClick
+}: {
+  icon: IconNameType;
+  text: string;
+  onClick: () => void;
+}) {
+  return (
+    <HStack
+      gap={'8px'}
+      w="100%"
+      transition={'background 0.1s'}
+      cursor={'pointer'}
+      p="4px"
+      rounded={'sm'}
+      _hover={{
+        bg: 'myGray.05',
+        color: 'primary.600'
+      }}
+      onClick={onClick}
+    >
+      <MyIcon name={icon} w="1rem" h="1rem" />
+      <Box fontSize={'sm'}>{text}</Box>
+    </HStack>
+  );
+}
+
+function OrgTable({ Tabs }: { Tabs: React.ReactNode }) {
+  const { t } = useTranslation();
+  const { userInfo, isTeamAdmin } = useUserStore();
+
+  const { members, MemberScrollData } = useContextSelector(TeamContext, (v) => v);
+  const { feConfigs } = useSystemStore();
+
+  const isSyncMember = feConfigs.register_method?.includes('sync');
+  const [parentPath, setParentPath] = useState('');
+  const {
+    data: orgs = [],
+    loading: isLoadingOrgs,
+    refresh: refetchOrgs
+  } = useRequest2(getOrgList, {
+    manual: false,
+    refreshDeps: [userInfo?.team?.teamId]
+  });
+  const currentOrgs = useMemo(() => {
+    if (orgs.length === 0) return [];
+    // Auto select the first org(root org is team)
+    if (parentPath === '') {
+      setParentPath(getOrgChildrenPath(orgs[0]));
+      return [];
+    }
+
+    return orgs
+      .filter((org) => org.path === parentPath)
+      .map((item) => {
+        return {
+          ...item,
+          // Member + org
+          count:
+            item.members.length + orgs.filter((org) => org.path === getOrgChildrenPath(item)).length
+        };
+      });
+  }, [orgs, parentPath]);
+  const currentOrg = useMemo(() => {
+    const splitPath = parentPath.split('/');
+    const currentOrgId = splitPath[splitPath.length - 1];
+    if (!currentOrgId) return;
+
+    return orgs.find((org) => org.pathId === currentOrgId);
+  }, [orgs, parentPath]);
+
+  const paths = useMemo(() => {
+    const splitPath = parentPath.split('/').filter(Boolean);
+    return splitPath
+      .map((id) => {
+        const org = orgs.find((org) => org.pathId === id)!;
+
+        if (org.path === '') return;
+
+        return {
+          parentId: getOrgChildrenPath(org),
+          parentName: org.name
+        };
+      })
+      .filter(Boolean) as ParentTreePathItemType[];
+  }, [parentPath, orgs]);
+
+  const [editOrg, setEditOrg] = useState<OrgFormType>();
+  const [manageMemberOrg, setManageMemberOrg] = useState<OrgType>();
+  const [movingOrg, setMovingOrg] = useState<OrgType>();
+
+  // Delete org
+  const { ConfirmModal: ConfirmDeleteOrgModal, openConfirm: openDeleteOrgModal } = useConfirm({
+    type: 'delete',
+    content: t('account_team:confirm_delete_org')
+  });
+  const deleteOrgHandler = (orgId: string) => openDeleteOrgModal(() => deleteOrgReq(orgId))();
+  const { runAsync: deleteOrgReq } = useRequest2(deleteOrg, {
+    onSuccess: () => {
+      refetchOrgs();
+    }
+  });
+
+  // Delete member
+  const { ConfirmModal: ConfirmDeleteMember, openConfirm: openDeleteMemberModal } = useConfirm({
+    type: 'delete',
+    content: t('account_team:confirm_delete_member')
+  });
+  const { runAsync: deleteMemberReq } = useRequest2(deleteOrgMember, {
+    onSuccess: () => {
+      refetchOrgs();
+    }
+  });
+
+  return (
+    <>
+      <Flex justify={'space-between'} align={'center'} pb={'1rem'}>
+        {Tabs}
+      </Flex>
+      <MyBox
+        flex={'1 0 0'}
+        h={0}
+        display={'flex'}
+        flexDirection={'column'}
+        isLoading={isLoadingOrgs}
+      >
+        <Box mb={3}>
+          <Path paths={paths} rootName={userInfo?.team?.teamName} onClick={setParentPath} />
+        </Box>
+        <Flex flex={'1 0 0'} h={0} w={'100%'} gap={'4'}>
+          <MemberScrollData h={'100%'} fontSize={'sm'} flexGrow={1}>
+            {/* Table */}
+            <TableContainer>
+              <Table>
+                <Thead>
+                  <Tr bg={'white !important'}>
+                    <Th bg="myGray.100" borderLeftRadius="6px">
+                      {t('common:Name')}
+                    </Th>
+                    {!isSyncMember && (
+                      <Th bg="myGray.100" borderRightRadius="6px">
+                        {t('common:common.Action')}
+                      </Th>
+                    )}
+                  </Tr>
+                </Thead>
+                <Tbody>
+                  {currentOrgs.map((org) => (
+                    <Tr key={org._id} overflow={'unset'}>
+                      <Td>
+                        <HStack
+                          cursor={'pointer'}
+                          onClick={() => setParentPath(getOrgChildrenPath(org))}
+                        >
+                          <MemberTag name={org.name} avatar={org.avatar} />
+                          <Tag size="sm">{org.count}</Tag>
+                          <MyIcon
+                            name="core/chat/chevronRight"
+                            w={'1rem'}
+                            h={'1rem'}
+                            color={'myGray.500'}
+                          />
+                        </HStack>
+                      </Td>
+                      {isTeamAdmin && !isSyncMember && (
+                        <Td w={'6rem'}>
+                          <MyMenu
+                            trigger="hover"
+                            Button={<IconButton name="more" />}
+                            menuList={[
+                              {
+                                children: [
+                                  {
+                                    icon: 'edit',
+                                    label: t('account_team:edit_info'),
+                                    onClick: () => setEditOrg(org)
+                                  },
+                                  {
+                                    icon: 'common/file/move',
+                                    label: t('common:Move'),
+                                    onClick: () => setMovingOrg(org)
+                                  },
+                                  {
+                                    icon: 'delete',
+                                    label: t('account_team:delete'),
+                                    type: 'danger',
+                                    onClick: () => deleteOrgHandler(org._id)
+                                  }
+                                ]
+                              }
+                            ]}
+                          />
+                        </Td>
+                      )}
+                    </Tr>
+                  ))}
+                  {currentOrg?.members.map((member) => {
+                    const memberInfo = members.find((m) => m.tmbId === member.tmbId);
+                    if (!memberInfo) return null;
+
+                    return (
+                      <Tr key={member.tmbId}>
+                        <Td>
+                          <MemberTag name={memberInfo.memberName} avatar={memberInfo.avatar} />
+                        </Td>
+                        <Td w={'6rem'}>
+                          {isTeamAdmin && !isSyncMember && (
+                            <MyMenu
+                              trigger={'hover'}
+                              Button={<IconButton name="more" />}
+                              menuList={[
+                                {
+                                  children: [
+                                    {
+                                      icon: 'delete',
+                                      label: t('account_team:delete'),
+                                      type: 'danger',
+                                      onClick: () =>
+                                        openDeleteMemberModal(() =>
+                                          deleteMemberReq(currentOrg._id, member.tmbId)
+                                        )()
+                                    }
+                                  ]
+                                }
+                              ]}
+                            />
+                          )}
+                        </Td>
+                      </Tr>
+                    );
+                  })}
+                </Tbody>
+              </Table>
+            </TableContainer>
+          </MemberScrollData>
+
+          {/* Slider */}
+          {!isSyncMember && (
+            <VStack w={'180px'} alignItems={'start'}>
+              <HStack gap={'6px'}>
+                <Avatar src={currentOrg?.avatar} w={'1rem'} h={'1rem'} rounded={'xs'} />
+                <Box fontWeight={500} color={'myGray.900'}>
+                  {currentOrg?.name}
+                </Box>
+                {currentOrg?.path !== '' && (
+                  <IconButton name="edit" onClick={() => setEditOrg(currentOrg)} />
+                )}
+              </HStack>
+              <Box fontSize={'xs'}>{currentOrg?.description || t('common:common.no_intro')}</Box>
+
+              <Divider my={'20px'} />
+
+              <Box fontWeight={500} fontSize="sm" color="myGray.900">
+                {t('common:common.Action')}
+              </Box>
+              {currentOrg && isTeamAdmin && (
+                <VStack gap="13px" w="100%">
+                  <ActionButton
+                    icon="common/add2"
+                    text={t('account_team:create_sub_org')}
+                    onClick={() => {
+                      setEditOrg({
+                        ...defaultOrgForm,
+                        parentId: currentOrg?._id
+                      });
+                    }}
+                  />
+                  <ActionButton
+                    icon="common/administrator"
+                    text={t('account_team:manage_member')}
+                    onClick={() => setManageMemberOrg(currentOrg)}
+                  />
+                  {currentOrg?.path !== '' && (
+                    <>
+                      <ActionButton
+                        icon="common/file/move"
+                        text={t('account_team:move_org')}
+                        onClick={() => setMovingOrg(currentOrg)}
+                      />
+                      <ActionButton
+                        icon="delete"
+                        text={t('account_team:delete_org')}
+                        onClick={() => deleteOrgHandler(currentOrg._id)}
+                      />
+                    </>
+                  )}
+                </VStack>
+              )}
+            </VStack>
+          )}
+        </Flex>
+      </MyBox>
+
+      {!!editOrg && (
+        <OrgInfoModal
+          editOrg={editOrg}
+          onClose={() => setEditOrg(undefined)}
+          onSuccess={refetchOrgs}
+        />
+      )}
+      {!!movingOrg && (
+        <OrgMoveModal
+          orgs={orgs}
+          movingOrg={movingOrg}
+          onClose={() => setMovingOrg(undefined)}
+          onSuccess={refetchOrgs}
+        />
+      )}
+      {!!manageMemberOrg && (
+        <OrgMemberManageModal
+          currentOrg={manageMemberOrg}
+          refetchOrgs={refetchOrgs}
+          onClose={() => setManageMemberOrg(undefined)}
+        />
+      )}
+
+      <ConfirmDeleteOrgModal />
+      <ConfirmDeleteMember />
+    </>
+  );
+}
+
+export default OrgTable;
--- a/projects/app/src/pages/account/team/components/PermissionManage/index.tsx
+++ b/projects/app/src/pages/account/team/components/PermissionManage/index.tsx
@@ -24,7 +24,7 @@ import {
 import { useUserStore } from '@/web/support/user/useUserStore';
 import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
 import Avatar from '@fastgpt/web/components/common/Avatar';
-import MemberTag from '../../../../../components/support/user/team/Info/MemberTag';
+import MemberTag from '../../../../components/support/user/team/Info/MemberTag';
 import { DefaultGroupName } from '@fastgpt/global/support/user/team/group/constant';
 import {
  TeamManagePermissionVal,
--- a/projects/app/src/pages/account/team/components/SelectMember.tsx
+++ b/projects/app/src/pages/account/team/components/SelectMember.tsx
--- a/projects/app/src/pages/account/team/components/context.tsx
+++ b/projects/app/src/pages/account/team/components/context.tsx
@@ -2,7 +2,7 @@ import React, { ReactNode, useState } from 'react';
 import { createContext } from 'use-context-selector';
 import type { EditTeamFormDataType } from './EditInfoModal';
 import dynamic from 'next/dynamic';
-import { getTeamList, putSwitchTeam } from '@/web/support/user/team/api';
+import { getTeamList, getTeamMembers, putSwitchTeam } from '@/web/support/user/team/api';
 import { TeamMemberStatusEnum } from '@fastgpt/global/support/user/team/constant';
 import { useUserStore } from '@/web/support/user/useUserStore';
 import type { TeamTmbItemType, TeamMemberItemType } from '@fastgpt/global/support/user/team/type';
@@ -10,7 +10,7 @@ import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { useTranslation } from 'next-i18next';
 import { getGroupList } from '@/web/support/user/team/group/api';
 import { MemberGroupListType } from '@fastgpt/global/support/permission/memberGroup/type';
-import { OrgType } from '@fastgpt/global/support/user/team/org/type';
+import { useScrollPagination } from '@fastgpt/web/hooks/useScrollPagination';

 const EditInfoModal = dynamic(() => import('./EditInfoModal'));

@@ -26,6 +26,7 @@ type TeamModalContextType = {
  refetchTeams: () => void;
  refetchGroups: () => void;
  teamSize: number;
+  MemberScrollData: ReturnType<typeof useScrollPagination>['ScrollData'];
 };

 export const TeamContext = createContext<TeamModalContextType>({
@@ -49,13 +50,14 @@ export const TeamContext = createContext<TeamModalContextType>({
    throw new Error('Function not implemented.');
  },

-  teamSize: 0
+  teamSize: 0,
+  MemberScrollData: () => <></>
 });

 export const TeamModalContextProvider = ({ children }: { children: ReactNode }) => {
  const { t } = useTranslation();
  const [editTeamData, setEditTeamData] = useState<EditTeamFormDataType>();
-  const { userInfo, initUserInfo, loadAndGetTeamMembers } = useUserStore();
+  const { userInfo, initUserInfo } = useUserStore();

  const {
    data: myTeams = [],
@@ -69,18 +71,11 @@ export const TeamModalContextProvider = ({ children }: { children: ReactNode })
  // member action
  const {
    data: members = [],
-    runAsync: refetchMembers,
-    loading: loadingMembers
-  } = useRequest2(
-    () => {
-      if (!userInfo?.team?.teamId) return Promise.resolve([]);
-      return loadAndGetTeamMembers(true);
-    },
-    {
-      manual: false,
-      refreshDeps: [userInfo?.team?.teamId]
-    }
-  );
+    isLoading: loadingMembers,
+    refreshList: refetchMembers,
+    total: memberTotal,
+    ScrollData: MemberScrollData
+  } = useScrollPagination(getTeamMembers, {});

  const { runAsync: onSwitchTeam, loading: isSwitchingTeam } = useRequest2(
    async (teamId: string) => {
@@ -115,7 +110,8 @@ export const TeamModalContextProvider = ({ children }: { children: ReactNode })
    refetchMembers,
    groups,
    refetchGroups,
-    teamSize: members.length
+    teamSize: memberTotal,
+    MemberScrollData
  };

  return (
--- a/Show More
+++ b/Show More