diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index 0c5d24a7cda..35a936d98a3 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -180,6 +180,7 @@ API 枚举与类型统一在 `src/api` 范围内管理，相关规则由本文
 `resource_user_permission/resource/<target>/resource/<resource>`；与 System 用户视角的
 `user_resource_permission` 区分。分页使用 `ParamsPage`，直接返回
 `ResponsePage<ResourceUserPermission>`；提交 `ResourceUserPermissionPayload[]`。
+查询和更新接口内部调用 `getWorkspaceId()` 获取路由工作空间，调用方不传工作空间 ID。
 `ResourceAuthorizationTargetType` 包含资源类型和三个 `_FOLDER` 类型，文件夹类型用于后端
 鉴权。包含子资源时传 `include_children: true` 及经过管理权限筛选的 `folder_ids`，
 普通资源或仅当前文件夹不传子文件夹 ID。loading、刷新及成功提示由抽屉负责。
diff --git a/ui/src/api/admin/system/resource-authorization.ts b/ui/src/api/admin/system/resource-authorization.ts
index 79888e939cb..97388fba8d4 100644
--- a/ui/src/api/admin/system/resource-authorization.ts
+++ b/ui/src/api/admin/system/resource-authorization.ts
@@ -1,19 +1,26 @@
 import { get, put } from '../core/request'
 import type { Dict, ResourceAuthorizationType, ResourcePermissionItem, ResourcePermissionPayload } from '@/api/types'
 
-/** 系统管理资源授权 */
+/** 系统管理用户资源授权 */
 const prefix = (workspaceId: string) => `/workspace/${workspaceId}/user_resource_permission`
-const groupPrefix = (workspaceId: string) => `/workspace/${workspaceId}/user_group_resource_permission`
+
 /** 获取指定空间、指定用户、指定资源类型的权限列表。 */
 const getUserResourcePermissions = (workspaceId: string, userId: string, resource: ResourceAuthorizationType, query?: Dict<unknown>) => {
   return get<ResourcePermissionItem[]>(`${prefix(workspaceId)}/user/${userId}/resource/${resource}`, query)
 }
 
 /** 更新指定空间、指定用户、指定资源类型的权限列表。 */
-const putUserResourcePermissions = (workspaceId: string, userId: string, resource: ResourceAuthorizationType, permissions: ResourcePermissionPayload[]) => {
+const putUserResourcePermissions = (
+  workspaceId: string,
+  userId: string,
+  resource: ResourceAuthorizationType,
+  permissions: ResourcePermissionPayload[],
+) => {
   return put<ResourcePermissionPayload[], ResourcePermissionPayload[]>(`${prefix(workspaceId)}/user/${userId}/resource/${resource}`, permissions)
 }
 
+/** 系统管理用户组资源授权 */
+const groupPrefix = (workspaceId: string) => `/workspace/${workspaceId}/user_group_resource_permission`
 
 /** 获取指定空间、指定用户组、指定资源类型的权限列表。 */
 const getUserGroupResourcePermissions = (workspaceId: string, userId: string, resource: ResourceAuthorizationType, query?: Dict<unknown>) => {
@@ -21,12 +28,16 @@ const getUserGroupResourcePermissions = (workspaceId: string, userId: string, re
 }
 
 /** 更新指定空间、指定用户组、指定资源类型的权限列表。 */
-const putUserGroupResourcePermissions = (workspaceId: string, userId: string, resource: ResourceAuthorizationType, permissions: ResourcePermissionPayload[]) => {
+const putUserGroupResourcePermissions = (
+  workspaceId: string,
+  userId: string,
+  resource: ResourceAuthorizationType,
+  permissions: ResourcePermissionPayload[],
+) => {
   return put<ResourcePermissionPayload[], ResourcePermissionPayload[]>(
     `${groupPrefix(workspaceId)}/user_group/${userId}/resource/${resource}`,
     permissions,
   )
 }
 
-
 export default { getUserResourcePermissions, putUserResourcePermissions, getUserGroupResourcePermissions, putUserGroupResourcePermissions }
diff --git a/ui/src/api/admin/workspace/resource-authorization.ts b/ui/src/api/admin/workspace/resource-authorization.ts
index f32a37d4fae..68974b724e6 100644
--- a/ui/src/api/admin/workspace/resource-authorization.ts
+++ b/ui/src/api/admin/workspace/resource-authorization.ts
@@ -1,29 +1,26 @@
 import { get, put } from '../core/request'
 import type { ParamsPage, ResponsePage } from '../core/types'
 import type { Dict, ResourceAuthorizationTargetType, ResourceUserPermission, ResourceUserPermissionPayload } from '@/api/types'
+import { getWorkspaceId } from '@/utils/resource-context'
 
-const prefix = (workspaceId: string, targetId: string, resource: ResourceAuthorizationTargetType) =>
-  `/workspace/${workspaceId}/resource_user_permission/resource/${targetId}/resource/${resource}`
-
+const getPrefix = () => {
+  const workspaceId = getWorkspaceId()
+  return `/workspace/${workspaceId}`
+}
 /** 获取指定资源或文件夹的用户权限分页列表。 */
-const getResourceAuthorization = (
-  workspaceId: string,
-  targetId: string,
-  resource: ResourceAuthorizationTargetType,
-  page: ParamsPage,
-  query?: Dict<unknown>,
-) => {
-  return get<ResponsePage<ResourceUserPermission>>(`${prefix(workspaceId, targetId, resource)}/${page.currentPage}/${page.pageSize}`, query)
+const getResourceAuthorization = (targetId: string, resource: ResourceAuthorizationTargetType, page: ParamsPage, query?: Dict<unknown>) => {
+  return get<ResponsePage<ResourceUserPermission>>(
+    `${getPrefix()}/resource_user_permission/resource/${targetId}/resource/${resource}/${page.currentPage}/${page.pageSize}`,
+    query,
+  )
 }
 
 /** 更新资源的用户权限，可同时应用到有管理权限的子文件夹及资源。 */
-const putResourceAuthorization = (
-  workspaceId: string,
-  targetId: string,
-  resource: ResourceAuthorizationTargetType,
-  permissions: ResourceUserPermissionPayload[],
-) => {
-  return put<ResourceUserPermissionPayload[], ResourceUserPermissionPayload[]>(prefix(workspaceId, targetId, resource), permissions)
+const putResourceAuthorization = (targetId: string, resource: ResourceAuthorizationTargetType, permissions: ResourceUserPermissionPayload[]) => {
+  return put<ResourceUserPermissionPayload[], ResourceUserPermissionPayload[]>(
+    `${getPrefix()}/resource_user_permission/resource/${targetId}/resource/${resource}`,
+    permissions,
+  )
 }
 
 export default { getResourceAuthorization, putResourceAuthorization }
diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index 08e792e7b3f..98ac0a12588 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -1186,6 +1186,10 @@ Workspace 的文件夹虚拟树业务组件。组件根据当前资源上下文
 新 ID 写入路由，但会清除已有的 `folderId`，避免刷新页面后恢复到旧文件夹。隐藏“全部”入口的
 移动目录树继续以调用方传入的 `v-model` 为准。
 
+可编辑文件夹的菜单提供“资源授权”，根据对应资源模块的 `folderAuth(folder.id)` 控制入口。
+点击后复用 `ResourceAuthorizationDrawer`，传入 Workspace 资源授权 API、当前 `source` 和
+原始完整文件夹子树；搜索过滤不缩减子资源授权范围。只读选择场景不挂载授权抽屉。
+
 ```vue
 <script setup lang="ts">
 import { RESOURCE_TYPE } from '@/api/enums'
@@ -1320,12 +1324,12 @@ import WorkspaceRelationTags from '@/components/business/workspace-relation-tags
 手动导入 `business/resource-authorization-drawer/index.vue`。调用方传入完整 `api`
 （`typeof ResourceAuthorizationApi`）和 `type`（`ResourceAuthorizationTargetType`），不由抽屉
 根据路由路径选择接口。当前后端的资源用户授权统一使用
-`api/admin/workspace/resource-authorization.ts`。通过 `open(id, folder?, workspaceId?)` 打开；
-System 场景显式传入资源所属工作空间，Workspace 场景可读取当前工作空间。
+`api/admin/workspace/resource-authorization.ts`。通过 `open(id, folder?)` 打开；
+接口请求与文件夹鉴权均直接通过 `getWorkspaceId()` 读取路由中的工作空间，无需额外传入或保存。
 `isFolder`、`isRootFolder` 标记文件夹及根目录，传入文件夹类型也可识别文件夹。
 
 支持姓名、用户名、权限及商业版本角色搜索，跨页选择和单人、批量授权；搜索后清空选择。
 根目录隐藏“不授权”，返回的“不授权”按“查看”展示。包含子资源时必须传入完整文件夹子树，
-抽屉根据目标工作空间筛选有管理权限的文件夹 ID；没有可管理文件夹时禁用该范围。
+抽屉根据当前路由工作空间筛选有管理权限的文件夹 ID；没有可管理文件夹时禁用该范围。
 `PermissionConfigDialog` 只收集权限和范围，保存成功才关闭并刷新，失败保留配置。
-保存成功触发 `refresh`，打开和关闭后统一重置临时数据，过期查询不写回。
+保存成功触发 `refresh`，关闭后统一重置临时数据。
diff --git a/ui/src/components/business/folder-tree/VirtualizedTree.vue b/ui/src/components/business/folder-tree/VirtualizedTree.vue
index bfea6b1fa5e..52fd6dec467 100644
--- a/ui/src/components/business/folder-tree/VirtualizedTree.vue
+++ b/ui/src/components/business/folder-tree/VirtualizedTree.vue
@@ -25,13 +25,16 @@ interface DropTargetInfo {
   siblings?: FolderStat[]
 }
 
-const props = withDefaults(defineProps<{ canEdit?: boolean; currentNodeKey?: string; data?: FolderTreeNode[]; draggable?: boolean; filterText?: string }>(), {
-  canEdit: true,
-  currentNodeKey: '',
-  data: () => [],
-  draggable: false,
-  filterText: '',
-})
+const props = withDefaults(
+  defineProps<{ canEdit?: boolean; currentNodeKey?: string; data?: FolderTreeNode[]; draggable?: boolean; filterText?: string }>(),
+  {
+    canEdit: true,
+    currentNodeKey: '',
+    data: () => [],
+    draggable: false,
+    filterText: '',
+  },
+)
 
 const emit = defineEmits<{
   create: [folder: FolderItem]
@@ -153,9 +156,9 @@ function handleAfterDrop() {
   --el-scrollbar-hover-opacity: 0.5;
   --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
   scrollbar-color: transparent transparent;
+  scrollbar-gutter: stable;
   scrollbar-width: thin;
 
-
   &::-webkit-scrollbar {
     background-color: transparent;
     height: 6px;
diff --git a/ui/src/components/business/folder-tree/index.vue b/ui/src/components/business/folder-tree/index.vue
index 2a14ff5733d..24d96fef532 100644
--- a/ui/src/components/business/folder-tree/index.vue
+++ b/ui/src/components/business/folder-tree/index.vue
@@ -2,12 +2,14 @@
 import { computed, defineAsyncComponent, onMounted, ref, useTemplateRef } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import FolderApi from '@/api/admin/workspace/folder'
+import ResourceAuthorizationApi from '@/api/admin/workspace/resource-authorization'
 import type { FolderSource, FolderItem } from '@/api/types'
 import { FOLDER_SORT, type FolderSort } from './types'
 import { FOLDER_ENTRIES, FOLDER_ENTRY_ID } from '@/constants'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
 import VirtualizedTree from './VirtualizedTree.vue'
 import FolderFormDialog from './FolderFormDialog.vue'
+import ResourceAuthorizationDrawer from '@/components/business/resource-authorization-drawer/index.vue'
 import { useStore } from '@/stores'
 import { getWorkspaceId } from '@/utils/resource-context'
 
@@ -214,6 +216,13 @@ function handleOpenEditFolder(folder: FolderItem) {
   folderFormDialogRef.value?.open(folder.id, folder)
 }
 
+/* 文件夹资源授权 */
+const resourceAuthorizationDrawerRef = useTemplateRef<InstanceType<typeof ResourceAuthorizationDrawer>>('resourceAuthorizationDrawerRef')
+
+function handleOpenResourceAuthorization(folder: FolderItem) {
+  resourceAuthorizationDrawerRef.value?.open(folder.id, folder)
+}
+
 // 创建后选中新文件夹；编辑当前文件夹时同步最新信息。
 function handleFolderRefresh(folder: FolderItem, isEdit: boolean) {
   return loadFolders().then(() => {
@@ -410,6 +419,10 @@ defineExpose({ refresh: loadFolders, openCreate: handleOpenCreateFolder })
             <template #icon><MkIcon name="icon_move2_outlined" /></template>
             <span>移动到</span>
           </MkDropdownItem>
+          <MkDropdownItem @click="handleOpenResourceAuthorization(row)">
+            <template #icon><MkIcon name="icon_passkeys_outlined" /></template>
+            <span>资源授权</span>
+          </MkDropdownItem>
           <MkDropdownItem divided @click="handleDeleteFolder(row)">
             <template #icon><MkIcon name="icon_delete-trash_outlined" /></template>
             <span>删除</span>
@@ -420,5 +433,6 @@ defineExpose({ refresh: loadFolders, openCreate: handleOpenCreateFolder })
 
     <FolderFormDialog ref="folderFormDialogRef" :title="formTitle" :source="props.source" @refresh="handleFolderRefresh" />
     <MoveToDialog v-if="canEdit" ref="moveToDialogRef" :loading="moveSubmitting" :source="props.source" @submit="handleMoveFolder" />
+    <ResourceAuthorizationDrawer v-if="canEdit" ref="resourceAuthorizationDrawerRef" :api="ResourceAuthorizationApi" :type="source" is-folder />
   </div>
 </template>
diff --git a/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue b/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue
index 80ce0d21aee..8f110ce987f 100644
--- a/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue
+++ b/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue
@@ -16,14 +16,7 @@ const permission = ref<ResourcePermission>()
 const includeChildren = ref(false)
 const scopeOnly = ref(false)
 
-function resetData() {
-  permission.value = undefined
-  includeChildren.value = false
-  scopeOnly.value = false
-}
-
 function open(currentPermission?: ResourcePermission) {
-  resetData()
   permission.value = currentPermission
   scopeOnly.value = Boolean(currentPermission)
   visible.value = true
@@ -38,11 +31,17 @@ function close() {
   visible.value = false
 }
 
+function resetData() {
+  permission.value = undefined
+  includeChildren.value = false
+  scopeOnly.value = false
+}
+
 defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="scopeOnly ? '生效资源' : '配置权限'" width="500" :show-close="!loading" @closed="resetData">
+  <MkDialog v-model="visible" :title="scopeOnly ? '生效资源' : '配置权限'" :show-close="!loading" @closed="resetData">
     <el-radio-group v-if="!scopeOnly" v-model="permission" class="vertical-radio-group" :disabled="loading">
       <el-radio v-for="option in options" :key="option.value" :value="option.value">
         <p>{{ option.label }}</p>
@@ -51,12 +50,12 @@ defineExpose({ open, close })
     </el-radio-group>
     <template v-if="isFolder">
       <template v-if="!scopeOnly">
-        <el-divider />
+        <el-divider class="my-4!" />
         <h6 class="mb-2">生效资源</h6>
       </template>
       <el-radio-group v-model="includeChildren" class="vertical-radio-group" :disabled="loading">
-        <el-radio :value="false">仅当前文件夹</el-radio>
-        <el-radio :value="true" :disabled="!canIncludeChildren">包含所有有管理权限的子文件夹及资源</el-radio>
+        <el-radio :value="false">仅当前资源</el-radio>
+        <el-radio :value="true" :disabled="!canIncludeChildren">包含所有子文件夹</el-radio>
       </el-radio-group>
     </template>
     <template #footer>
diff --git a/ui/src/components/business/resource-authorization-drawer/index.vue b/ui/src/components/business/resource-authorization-drawer/index.vue
index 7bbad3fc73d..f580e809106 100644
--- a/ui/src/components/business/resource-authorization-drawer/index.vue
+++ b/ui/src/components/business/resource-authorization-drawer/index.vue
@@ -52,7 +52,6 @@ const searchFields = computed(() => [
 
 /* 查询与跨页选择 */
 const drawerVisible = ref(false)
-const workspaceId = ref('')
 const targetId = ref('')
 const folderData = ref<FolderItem>()
 const loading = ref(false)
@@ -62,17 +61,13 @@ const selectedUsers = ref<ResourceUserPermission[]>([])
 const paginationConfig = ref({ currentPage: 1, pageSize: 20, total: 0 })
 const searchQuery = ref<Dict<unknown>>()
 const tableRef = useTemplateRef('tableRef')
-let requestId = 0
-let sessionId = 0
 
 function loadPermissions() {
   if (!targetId.value) return Promise.resolve()
-  const currentRequestId = ++requestId
   loading.value = true
   return props.api
-    .getResourceAuthorization(workspaceId.value, targetId.value, authorizationType.value, paginationConfig.value, searchQuery.value)
+    .getResourceAuthorization(targetId.value, authorizationType.value, paginationConfig.value, searchQuery.value)
     .then(({ records, total }) => {
-      if (currentRequestId !== requestId) return
       permissionUsers.value = records.map((user) => ({
         ...user,
         permission: props.isRootFolder && user.permission === RESOURCE_PERMISSION.NOT_AUTH ? RESOURCE_PERMISSION.VIEW : user.permission,
@@ -80,7 +75,7 @@ function loadPermissions() {
       paginationConfig.value.total = total
     })
     .finally(() => {
-      if (currentRequestId === requestId) loading.value = false
+      loading.value = false
     })
 }
 
@@ -100,17 +95,17 @@ function handleSelectionChange(selection: unknown[]) {
   selectedUsers.value = selection as ResourceUserPermission[]
 }
 
-/* 子资源范围：使用目标工作空间鉴权，不依赖路由路径推断。 */
+/* 子资源范围：直接使用路由中的工作空间鉴权。 */
 const managedFolderIds = computed(() => {
   const permissions = folderPermissions.value
   if (!folderData.value || !permissions) return []
   const canManageAll = hasPermission(
-    [RoleConstants.ADMIN, new Role(RoleConstants.WORKSPACE_MANAGE.name, workspaceId.value), permissions.auth.getWorkspaceManageFlagPermission()],
+    [RoleConstants.ADMIN, new Role(RoleConstants.WORKSPACE_MANAGE.name, getWorkspaceId()), permissions.auth.getWorkspaceManageFlagPermission()],
     undefined,
-    { workspaceId: workspaceId.value },
+    { workspaceId: getWorkspaceId() },
   )
   function collectFolders(folder: FolderItem): string[] {
-    const canManage = canManageAll || hasPermission(buildBaseResourcePermission(permissions!.edit, folder.id, workspaceId.value))
+    const canManage = canManageAll || hasPermission(buildBaseResourcePermission(permissions!.edit, folder.id, getWorkspaceId()))
     return [...(canManage ? [folder.id] : []), ...(folder.children ?? []).flatMap(collectFolders)]
   }
   return collectFolders(folderData.value)
@@ -139,7 +134,6 @@ function handlePermissionChange(value: string | number | boolean | undefined, us
 
 function submitPermissions(permission: ResourcePermission, includeChildren: boolean) {
   if (submitting.value || !pendingUserIds.value.length || (includeChildren && !managedFolderIds.value.length)) return
-  const currentSessionId = sessionId
   const permissions: ResourceUserPermissionPayload[] = pendingUserIds.value.map((userId) => ({
     user_id: userId,
     permission,
@@ -148,9 +142,8 @@ function submitPermissions(permission: ResourcePermission, includeChildren: bool
   }))
   submitting.value = true
   return props.api
-    .putResourceAuthorization(workspaceId.value, targetId.value, authorizationType.value, permissions)
+    .putResourceAuthorization(targetId.value, authorizationType.value, permissions)
     .then(() => {
-      if (currentSessionId !== sessionId) return
       MsgSuccess('提交成功')
       configDialogRef.value?.close()
       pendingUserIds.value = []
@@ -159,16 +152,19 @@ function submitPermissions(permission: ResourcePermission, includeChildren: bool
       return loadPermissions()
     })
     .finally(() => {
-      if (currentSessionId === sessionId) submitting.value = false
+      submitting.value = false
     })
 }
 
-/* 抽屉生命周期 */
+function open(id: string, folder?: FolderItem) {
+  targetId.value = id
+  folderData.value = folder ? cloneDeep(folder) : undefined
+  drawerVisible.value = true
+  loadPermissions()
+}
+
 function resetData() {
-  sessionId += 1
-  requestId += 1
   targetId.value = ''
-  workspaceId.value = ''
   folderData.value = undefined
   permissionUsers.value = []
   searchQuery.value = undefined
@@ -179,20 +175,11 @@ function resetData() {
   clearSelection()
 }
 
-function open(id: string, folder?: FolderItem, resourceWorkspaceId?: string) {
-  resetData()
-  targetId.value = id
-  workspaceId.value = resourceWorkspaceId ?? folder?.workspace_id ?? getWorkspaceId() ?? 'default'
-  folderData.value = folder ? cloneDeep(folder) : undefined
-  drawerVisible.value = true
-  loadPermissions()
-}
-
 defineExpose({ open })
 </script>
 
 <template>
-  <MkDrawer v-model="drawerVisible" title="资源授权" size="850" :show-close="!submitting" @closed="resetData">
+  <MkDrawer v-model="drawerVisible" title="资源授权" :size="920" :show-close="!submitting" @closed="resetData">
     <div class="flex-between mb-4 gap-4">
       <el-button type="primary" :disabled="!selectedUsers.length || loading || submitting" @click="handleOpenBatchConfig">配置权限</el-button>
       <MkComplexSearch :fields="searchFields" @change="handleSearch" />
diff --git a/ui/src/components/global/mk-tag-group/index.vue b/ui/src/components/global/mk-tag-group/index.vue
index 6c70a6a60ce..f234e2a45c8 100644
--- a/ui/src/components/global/mk-tag-group/index.vue
+++ b/ui/src/components/global/mk-tag-group/index.vue
@@ -39,7 +39,14 @@ withDefaults(
 </template>
 
 <style scoped lang="scss">
+:global(.el-popper.el-popover.mk-tag-group__popper[data-popper-placement]) {
+  translate: 0 -2px;
+}
+
 :global(.el-popper.el-popover.mk-tag-group__popper .el-popper__arrow) {
   display: block;
+  &[data-popper-placement] {
+    translate: none;
+  }
 }
 </style>
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 317fd347832..1dff7194b04 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -67,8 +67,6 @@ h6 {
   line-height: var(--mk-line-height-base);
 }
 
-
-
 /* dot */
 // 状态圆点
 .mk-dot-danger {
@@ -165,29 +163,22 @@ h6 {
   align-items: stretch;
   display: flex;
   flex-direction: column;
-  gap: calc(var(--spacing) * 3);
+  gap: calc(var(--spacing) * 2);
   width: 100%;
 
-  :deep(.el-radio) {
+  .el-radio {
     align-items: flex-start;
     height: auto;
     margin-right: 0;
     white-space: normal;
   }
 
-  :deep(.el-radio__input) {
+  .el-radio__input {
+    flex-shrink: 0;
     margin-top: 3px;
   }
-
-  :deep(.el-radio__label) {
-    line-height: var(--mk-line-height-base);
-    min-width: 0;
-    padding-left: calc(var(--spacing) * 2);
-  }
 }
 
-
-
 /* link */
 .mk-link {
   color: var(--mk-primary);
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index f85b966f24e..3920a9e5ece 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -34,6 +34,11 @@
 - 页面脚本中的状态、计算属性和处理方法按照同一业务流程集中放置，并使用简短的业务备注划分
   列表查询、批量操作等流程。流程较长的函数应在确认、请求、刷新等关键阶段添加说明，重点解释
   Promise 返回、执行顺序和业务约束，不为含义明确的单行代码逐句添加注释。
+- 同类业务页面的模板必须在各操作入口前添加简短的中文 HTML 备注，覆盖顶部操作、行操作、
+  更多菜单项和批量操作，例如 `<!-- 导入用户 -->`、`<!-- 创建用户 -->`、`<!-- 编辑 -->`、
+  `<!-- 修改用户密码 -->`、`<!-- 更多 -->`、`<!-- 删除 -->`、`<!-- 批量设置角色 -->`。
+  备注紧邻对应按钮、菜单项或封装后的入口组件；批量操作明确标注“批量”，名称按实际业务职责
+  填写。今后新增或调整同类页面时统一补齐，不因操作已封装为组件或按钮已有文案而省略。
 - 页面模板的事件绑定不直接调用 Dialog、Drawer 等组件实例暴露的 `open()` 方法。应在对应业务
   流程的方法区域定义语义明确的 `handleOpenXxx` 处理函数，由处理函数调用组件实例的 `open()`，
   模板只绑定该处理函数；创建和编辑共用同一浮层时，可通过处理函数的可选参数区分操作场景。
@@ -227,19 +232,37 @@ src/views/system/shared-resources/
         └── SharedModelInfoDrawer.vue
 ```
 
-当前 System 用户页面示例：
+System 用户页面按业务流程归拢操作入口和专属 Dialog。入口组件管理弹窗 Ref、打开动作并转发
+`refresh`；列表页负责查询、批量选择和刷新策略，创建与编辑共用的 `UserFromDrawer` 仍由页面管理。
 
 ```text
 src/views/system/identity/users/
-├── UserListView.vue               # 用户列表路由页面
-├── UserFromDrawer.vue             # 用户表单抽屉
+├── UserListView.vue
+├── UserFromDrawer.vue
 ├── components/
-│   └── UserGroupSetting.vue       # 用户组与工作空间异步联动设置
-└── dialog/
-    ├── BatchSetUserRoleDialog.vue # 批量设置用户角色弹窗
-    └── UserPwdDialog.vue          # 修改用户密码弹窗
+│   └── UserGroupSetting.vue
+├── import-users/
+│   ├── ImportUsersButton.vue
+│   └── ImportUsersDialog.vue
+├── user-password/
+│   ├── UserPwdButton.vue
+│   └── UserPwdDialog.vue
+└── batch-set-user-role/
+    ├── BatchSetUserRoleButton.vue
+    └── BatchSetUserRoleDialog.vue
 ```
 
+`system/chat/users/` 同样使用 `import-users/`、`user-password/`，批量用户组设置放在
+`batch-set-user-group/`（`BatchSetUserGroupButton.vue` 与 `BatchSetUserGroupDialog.vue`）；
+单人和批量配额设置统一放在 `quota-settings/`（`QuotaSettingsButton.vue` 与
+`QuotaSettingsDialog.vue`）。配额入口通过 `dropdown` 区分行菜单与批量按钮，传入单个用户 ID
+或选中用户 ID 数组。行操作菜单开启 `persistent`，避免菜单关闭时卸载其内部的配额弹窗。
+两套用户页面保留各自业务 API 和导入成功后的查询刷新方式。
+
+操作日志页面的清除策略入口与弹窗统一放在 `system/operate-logs/clean-strategy/`：
+`CleanStrategyButton.vue` 管理打开动作和弹窗 Ref，`CleanStrategyDialog.vue` 负责策略查询与保存，
+`OperateLogListView.vue` 只组合入口组件。
+
 资源授权页面的 `UserGroupAuthorizationList` 通过人数链接打开同目录的
 `UserGroupMembersDrawer.vue`，按用户组所属工作空间查询成员，提供用户名、姓名搜索和分页，
 并使用 `MkTagGroup` 折叠展示角色；点击人数不切换当前授权对象。
diff --git a/ui/src/views/system/chat/user-groups/GroupsListView.vue b/ui/src/views/system/chat/user-groups/GroupsListView.vue
index c2e3a42e838..279c11752a4 100644
--- a/ui/src/views/system/chat/user-groups/GroupsListView.vue
+++ b/ui/src/views/system/chat/user-groups/GroupsListView.vue
@@ -134,6 +134,7 @@ onMounted(() => loadChatUserGroups())
     <template #aside="{ title, Header }">
       <component :is="Header">
         <h4>{{ title }}</h4>
+        <!-- 创建用户组 -->
         <el-tooltip content="创建用户组" placement="top">
           <el-button text type="primary" @click="handleOpenGroupDialog()">
             <MkIcon name="icon_add_outlined" :size="18" />
@@ -142,10 +143,12 @@ onMounted(() => loadChatUserGroups())
       </component>
       <MkSearchList :data="chatUserGroups" :default-active="currentGroup?.id" @click="handleGroupSelect">
         <template #action-dropdown="{ row }">
+          <!-- 重命名用户组 -->
           <MkDropdownItem @click="handleOpenGroupDialog(row)">
             <template #icon><MkIcon name="icon_rename_outlined" /></template>
             <span>重命名</span>
           </MkDropdownItem>
+          <!-- 删除用户组 -->
           <MkDropdownItem divided @click="deleteGroup(row)">
             <template #icon><MkIcon name="icon_delete-trash_outlined" /></template>
             <span>删除</span>
@@ -168,6 +171,7 @@ onMounted(() => loadChatUserGroups())
 
         <div class="flex-between mb-4">
           <div>
+            <!-- 添加成员 -->
             <el-button type="primary" @click="handleOpenMemberDialog">
               <MkIcon name="icon_add_outlined" />
               <span>添加成员</span>
@@ -197,6 +201,7 @@ onMounted(() => loadChatUserGroups())
           </el-table-column>
           <el-table-column label="操作" width="70" fixed="right">
             <template #default="{ row }">
+              <!-- 移除成员 -->
               <el-tooltip content="移除" placement="top">
                 <el-button type="primary" text @click="handleRemoveMembers(row)">
                   <MkIcon name="icon_assigned_outlined" />
@@ -205,6 +210,7 @@ onMounted(() => loadChatUserGroups())
             </template>
           </el-table-column>
           <template #footer-batch-actions>
+            <!-- 批量移除成员 -->
             <el-button type="danger" plain @click="handleRemoveMembers()">移除</el-button>
           </template>
         </MkTable>
diff --git a/ui/src/views/system/chat/users/UserListView.vue b/ui/src/views/system/chat/users/UserListView.vue
index 984f58cc40a..952610f1ba6 100644
--- a/ui/src/views/system/chat/users/UserListView.vue
+++ b/ui/src/views/system/chat/users/UserListView.vue
@@ -8,10 +8,10 @@ import { datetimeFormat } from '@/utils/time'
 import { MsgConfirm, MsgSuccess } from '@/utils/message'
 import { formatTokenNumber } from '@/utils/number'
 import UserFromDrawer from './UserFromDrawer.vue'
-import ImportUsersDialog from './dialog/ImportUsersDialog.vue'
-import UserPwdDialog from './dialog/UserPwdDialog.vue'
-import BatchSetUserGroupDialog from './dialog/BatchSetUserGroupDialog.vue'
-import QuotaSettingsDialog from './dialog/QuotaSettingsDialog.vue'
+import ImportUsersButton from './import-users/ImportUsersButton.vue'
+import UserPwdButton from './user-password/UserPwdButton.vue'
+import BatchSetUserGroupButton from './batch-set-user-group/BatchSetUserGroupButton.vue'
+import QuotaSettingsButton from './quota-settings/QuotaSettingsButton.vue'
 
 /* 添加编辑用户表单drawer */
 const userFormDrawerRef = ref<InstanceType<typeof UserFromDrawer>>()
@@ -20,13 +20,6 @@ function handleOpenUserFormDrawer(chatUser?: ChatUser) {
   userFormDrawerRef.value?.open(chatUser)
 }
 
-/* 导入用户 */
-const importUsersDialogRef = ref<InstanceType<typeof ImportUsersDialog>>()
-
-function handleOpenImportUsersDialog() {
-  importUsersDialogRef.value?.open()
-}
-
 /* 列表查询相关 */
 const userTableRef = useTemplateRef('userTableRef')
 const chatUsersLoading = ref(false)
@@ -80,20 +73,6 @@ function loadChatUsers(resetQuery = false) {
     })
 }
 
-/* 密码修改dialog */
-const userPwdDialogRef = ref<InstanceType<typeof UserPwdDialog>>()
-
-function handleOpenUserPwdDialog(chatUser: ChatUser) {
-  userPwdDialogRef.value?.open(chatUser)
-}
-
-/* 配额设置dialog */
-const quotaSettingsDialogRef = ref<InstanceType<typeof QuotaSettingsDialog>>()
-
-function handleOpenQuotaSettingsDialog(chatUser: ChatUser) {
-  quotaSettingsDialogRef.value?.open(chatUser.id)
-}
-
 /* 修改用户状态 */
 function handleChangeStatus(user: ChatUser) {
   const nextActive = !user.is_active
@@ -147,17 +126,6 @@ function handleBatchDelete() {
     })
 }
 
-/* 批量设置用户组 */
-const batchSetUserGroupDialogRef = ref<InstanceType<typeof BatchSetUserGroupDialog>>()
-
-function openBatchSetUserGroupDialog() {
-  batchSetUserGroupDialogRef.value?.open(batchSelectedUsers.value.map(({ id }) => id))
-}
-
-function openBatchQuotaSettingsDialog() {
-  quotaSettingsDialogRef.value?.open(batchSelectedUsers.value.map(({ id }) => id))
-}
-
 onMounted(() => loadChatUsers())
 </script>
 
@@ -168,10 +136,9 @@ onMounted(() => loadChatUsers())
         <h4>{{ title }}</h4>
         <div class="flex items-center">
           <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
-          <el-button plain class="ml-3" @click="handleOpenImportUsersDialog">
-            <MkIcon name="icon_import_outlined" />
-            <span>导入用户</span>
-          </el-button>
+          <!-- 导入用户 -->
+          <ImportUsersButton @refresh="loadChatUsers(true)" />
+          <!-- 创建用户 -->
           <el-button type="primary" @click="handleOpenUserFormDrawer()">
             <MkIcon name="icon_add_outlined" />
             <span>创建用户</span>
@@ -245,24 +212,19 @@ onMounted(() => loadChatUsers())
               </span>
               <el-divider direction="vertical" />
               <div class="flex">
+                <!-- 编辑 -->
                 <el-tooltip content="编辑" placement="top">
                   <el-button type="primary" text @click.stop="handleOpenUserFormDrawer(row)">
                     <mk-icon name="icon_edit_outlined"></mk-icon>
                   </el-button>
                 </el-tooltip>
-                <el-tooltip content="修改用户密码" placement="top">
-                  <el-button type="primary" text @click.stop="handleOpenUserPwdDialog(row)">
-                    <mk-icon name="icon-key_outlined"></mk-icon>
-                  </el-button>
-                </el-tooltip>
+                <!-- 修改用户密码 -->
+                <UserPwdButton :user="row" @refresh="loadChatUsers(false)" />
                 <!-- 更多 -->
-                <MkTableMoreDropdown class="ml-1">
-                  <MkDropdownItem @click="handleOpenQuotaSettingsDialog(row)">
-                    <template #icon>
-                      <MkIcon name="icon_edit_outlined" />
-                    </template>
-                    <span>配额设置</span>
-                  </MkDropdownItem>
+                <MkTableMoreDropdown class="ml-1" persistent>
+                  <!-- 配额设置 -->
+                  <QuotaSettingsButton :user-ids="row.id" dropdown @refresh="loadChatUsers()" />
+                  <!-- 删除 -->
                   <MkDropdownItem divided @click="deleteUser(row)">
                     <template #icon>
                       <MkIcon name="icon_delete-trash_outlined" />
@@ -276,16 +238,15 @@ onMounted(() => loadChatUsers())
         </el-table-column>
 
         <template #footer-batch-actions>
-          <el-button type="primary" plain @click="openBatchSetUserGroupDialog"> 设置用户组 </el-button>
-          <el-button type="primary" plain @click="openBatchQuotaSettingsDialog"> 配额设置 </el-button>
+          <!-- 批量设置用户组 -->
+          <BatchSetUserGroupButton :user-ids="batchSelectedUsers.map(({ id }) => id)" @refresh="loadChatUsers(false)" />
+          <!-- 批量配额设置-->
+          <QuotaSettingsButton :user-ids="batchSelectedUsers.map(({ id }) => id)" @refresh="loadChatUsers()" />
+          <!-- 批量删除-->
           <el-button type="danger" plain @click="handleBatchDelete">删除</el-button>
         </template>
       </MkTable>
     </template>
   </MkViewLayout>
   <UserFromDrawer ref="userFormDrawerRef" @refresh="loadChatUsers" />
-  <ImportUsersDialog ref="importUsersDialogRef" @refresh="loadChatUsers(true)" />
-  <UserPwdDialog ref="userPwdDialogRef" @refresh="loadChatUsers(false)" />
-  <BatchSetUserGroupDialog ref="batchSetUserGroupDialogRef" @refresh="loadChatUsers(false)" />
-  <QuotaSettingsDialog ref="quotaSettingsDialogRef" @refresh="loadChatUsers" />
 </template>
diff --git a/ui/src/views/system/chat/users/batch-set-user-group/BatchSetUserGroupButton.vue b/ui/src/views/system/chat/users/batch-set-user-group/BatchSetUserGroupButton.vue
new file mode 100644
index 00000000000..6c724d28d6f
--- /dev/null
+++ b/ui/src/views/system/chat/users/batch-set-user-group/BatchSetUserGroupButton.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import BatchSetUserGroupDialog from './BatchSetUserGroupDialog.vue'
+
+const props = defineProps<{ userIds: string[] }>()
+const emit = defineEmits<{ refresh: [] }>()
+
+/* 打开弹窗 */
+const dialogRef = useTemplateRef<InstanceType<typeof BatchSetUserGroupDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open(props.userIds)
+}
+</script>
+
+<template>
+  <el-button type="primary" plain @click="handleOpenDialog">设置用户组</el-button>
+  <BatchSetUserGroupDialog ref="dialogRef" @refresh="emit('refresh')" />
+</template>
diff --git a/ui/src/views/system/chat/users/dialog/BatchSetUserGroupDialog.vue b/ui/src/views/system/chat/users/batch-set-user-group/BatchSetUserGroupDialog.vue
similarity index 96%
rename from ui/src/views/system/chat/users/dialog/BatchSetUserGroupDialog.vue
rename to ui/src/views/system/chat/users/batch-set-user-group/BatchSetUserGroupDialog.vue
index c0c11e47186..df76d87096e 100644
--- a/ui/src/views/system/chat/users/dialog/BatchSetUserGroupDialog.vue
+++ b/ui/src/views/system/chat/users/batch-set-user-group/BatchSetUserGroupDialog.vue
@@ -16,7 +16,9 @@ const submitting = ref(false)
 const userGroupOptionsLoading = ref(false)
 const userGroupOptions = ref<ListItem[]>([])
 const batchGroupForm = reactive<BatchSetChatUserGroupsRequest>({ ids: [], is_append: true, user_group_ids: [] })
-const batchGroupFormRules: FormRules<BatchSetChatUserGroupsRequest> = { user_group_ids: [{ required: true, type: 'array', min: 1, message: '请选择用户组', trigger: 'change' }] }
+const batchGroupFormRules: FormRules<BatchSetChatUserGroupsRequest> = {
+  user_group_ids: [{ required: true, type: 'array', min: 1, message: '请选择用户组', trigger: 'change' }],
+}
 
 /* 用户组选项 */
 function loadUserGroupOptions() {
diff --git a/ui/src/views/system/chat/users/import-users/ImportUsersButton.vue b/ui/src/views/system/chat/users/import-users/ImportUsersButton.vue
new file mode 100644
index 00000000000..0b828a61210
--- /dev/null
+++ b/ui/src/views/system/chat/users/import-users/ImportUsersButton.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import ImportUsersDialog from './ImportUsersDialog.vue'
+
+const emit = defineEmits<{ refresh: [] }>()
+
+/* 打开弹窗 */
+const dialogRef = useTemplateRef<InstanceType<typeof ImportUsersDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open()
+}
+</script>
+
+<template>
+  <el-button plain class="ml-3" @click="handleOpenDialog">
+    <MkIcon name="icon_import_outlined" />
+    <span>导入用户</span>
+  </el-button>
+  <ImportUsersDialog ref="dialogRef" @refresh="emit('refresh')" />
+</template>
diff --git a/ui/src/views/system/chat/users/dialog/ImportUsersDialog.vue b/ui/src/views/system/chat/users/import-users/ImportUsersDialog.vue
similarity index 88%
rename from ui/src/views/system/chat/users/dialog/ImportUsersDialog.vue
rename to ui/src/views/system/chat/users/import-users/ImportUsersDialog.vue
index f47a6ceb0bf..ade6df78069 100644
--- a/ui/src/views/system/chat/users/dialog/ImportUsersDialog.vue
+++ b/ui/src/views/system/chat/users/import-users/ImportUsersDialog.vue
@@ -43,7 +43,10 @@ function loadSyncTypes() {
   return ChatUserApi.getChatUserSyncTypes()
     .then((syncTypes) => {
       syncTypeOptions.value = [
-        ...syncTypes.map((syncType) => ({ label: syncType === LOGIN_METHOD.LOCAL ? '系统用户' : LOGIN_METHOD_LABELS[syncType as LoginMethod], value: syncType })),
+        ...syncTypes.map((syncType) => ({
+          label: syncType === LOGIN_METHOD.LOCAL ? '系统用户' : LOGIN_METHOD_LABELS[syncType as LoginMethod],
+          value: syncType,
+        })),
         { label: '本地文件', value: LOCAL_FILE_SOURCE },
       ]
       importUsersForm.syncType = syncTypeOptions.value[0]?.value ?? ''
@@ -106,7 +109,11 @@ function submitImportUsers() {
 
     const syncFile = isLocalFileSource.value ? ((importUsersForm.files[0]?.raw ?? undefined) as File | undefined) : undefined
     importing.value = true
-    return ChatUserApi.postSyncChatUsers(isLocalFileSource.value ? 'file' : importUsersForm.syncType, importUsersForm.userGroupId || undefined, syncFile)
+    return ChatUserApi.postSyncChatUsers(
+      isLocalFileSource.value ? 'file' : importUsersForm.syncType,
+      importUsersForm.userGroupId || undefined,
+      syncFile,
+    )
       .then((result) => {
         const conflictMessage = formatConflictMessage(result.conflict_users ?? [])
         MsgSuccess(`成功导入 ${result.success_count} 个用户${conflictMessage ? `，${conflictMessage}` : ''}`)
@@ -153,7 +160,12 @@ defineExpose({ open })
     >
       <el-form-item label="用户来源" prop="syncType">
         <el-select v-model="importUsersForm.syncType" class="w-full" :loading="syncTypesLoading" placeholder="请选择用户来源">
-          <el-option v-for="syncTypeOption in syncTypeOptions" :key="syncTypeOption.value" :label="syncTypeOption.label" :value="syncTypeOption.value" />
+          <el-option
+            v-for="syncTypeOption in syncTypeOptions"
+            :key="syncTypeOption.value"
+            :label="syncTypeOption.label"
+            :value="syncTypeOption.value"
+          />
         </el-select>
       </el-form-item>
 
@@ -175,7 +187,15 @@ defineExpose({ open })
       </el-form-item>
 
       <el-form-item label="用户组">
-        <el-select v-model="importUsersForm.userGroupId" class="w-full" :loading="userGroupOptionsLoading" clearable filterable placeholder="请选择用户组" fit-input-width>
+        <el-select
+          v-model="importUsersForm.userGroupId"
+          class="w-full"
+          :loading="userGroupOptionsLoading"
+          clearable
+          filterable
+          placeholder="请选择用户组"
+          fit-input-width
+        >
           <el-option v-for="userGroup in userGroupOptions" :key="userGroup.id" :label="userGroup.name" :value="userGroup.id" />
         </el-select>
       </el-form-item>
diff --git a/ui/src/views/system/chat/users/quota-settings/QuotaSettingsButton.vue b/ui/src/views/system/chat/users/quota-settings/QuotaSettingsButton.vue
new file mode 100644
index 00000000000..32b1449da19
--- /dev/null
+++ b/ui/src/views/system/chat/users/quota-settings/QuotaSettingsButton.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import QuotaSettingsDialog from './QuotaSettingsDialog.vue'
+
+const props = defineProps<{ userIds: string | string[]; dropdown?: boolean }>()
+const emit = defineEmits<{ refresh: [] }>()
+
+/* 打开弹窗 */
+const dialogRef = useTemplateRef<InstanceType<typeof QuotaSettingsDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open(props.userIds)
+}
+</script>
+
+<template>
+  <MkDropdownItem v-if="dropdown" @click="handleOpenDialog">
+    <template #icon><MkIcon name="icon_edit_outlined" /></template>
+    <span>配额设置</span>
+  </MkDropdownItem>
+  <el-button v-else type="primary" plain @click="handleOpenDialog">配额设置</el-button>
+  <QuotaSettingsDialog ref="dialogRef" @refresh="emit('refresh')" />
+</template>
diff --git a/ui/src/views/system/chat/users/dialog/QuotaSettingsDialog.vue b/ui/src/views/system/chat/users/quota-settings/QuotaSettingsDialog.vue
similarity index 93%
rename from ui/src/views/system/chat/users/dialog/QuotaSettingsDialog.vue
rename to ui/src/views/system/chat/users/quota-settings/QuotaSettingsDialog.vue
index 08295be43bb..7217fadddbe 100644
--- a/ui/src/views/system/chat/users/dialog/QuotaSettingsDialog.vue
+++ b/ui/src/views/system/chat/users/quota-settings/QuotaSettingsDialog.vue
@@ -29,7 +29,12 @@ const loading = ref(false)
 const submitting = ref(false)
 const pendingUserIds = ref<string[]>([])
 
-const quotaSettingsForm = reactive<QuotaSettingsForm>({ periodType: PERIOD_TYPE.MONTH, periodValue: 1, quotaType: QUOTA_TYPE.UNLIMITED, tokenLimit: 10_000_000 })
+const quotaSettingsForm = reactive<QuotaSettingsForm>({
+  periodType: PERIOD_TYPE.MONTH,
+  periodValue: 1,
+  quotaType: QUOTA_TYPE.UNLIMITED,
+  tokenLimit: 10_000_000,
+})
 const quotaSettingsRules: FormRules<QuotaSettingsForm> = {
   periodValue: [{ required: true, message: '请输入周期', trigger: 'change' }],
   tokenLimit: [{ required: true, message: '请输入 Tokens 上限', trigger: 'change' }],
@@ -39,7 +44,12 @@ function buildPayload(): ChatUserQuotaPayload {
   if (quotaSettingsForm.quotaType === QUOTA_TYPE.UNLIMITED) {
     return { quota_type: QUOTA_TYPE.UNLIMITED, period_type: null, period_value: null, token_limit: null }
   }
-  return { quota_type: QUOTA_TYPE.PERIODIC, period_type: quotaSettingsForm.periodType, period_value: quotaSettingsForm.periodValue, token_limit: quotaSettingsForm.tokenLimit }
+  return {
+    quota_type: QUOTA_TYPE.PERIODIC,
+    period_type: quotaSettingsForm.periodType,
+    period_value: quotaSettingsForm.periodValue,
+    token_limit: quotaSettingsForm.tokenLimit,
+  }
 }
 
 function submitQuotaSettings() {
diff --git a/ui/src/views/system/chat/users/user-password/UserPwdButton.vue b/ui/src/views/system/chat/users/user-password/UserPwdButton.vue
new file mode 100644
index 00000000000..73c32ba14b4
--- /dev/null
+++ b/ui/src/views/system/chat/users/user-password/UserPwdButton.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import type { ChatUser } from '@/api/types'
+import UserPwdDialog from './UserPwdDialog.vue'
+
+const props = defineProps<{ user: ChatUser }>()
+const emit = defineEmits<{ refresh: [] }>()
+
+/* 打开弹窗 */
+const dialogRef = useTemplateRef<InstanceType<typeof UserPwdDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open(props.user)
+}
+</script>
+
+<template>
+  <el-tooltip content="修改用户密码" placement="top">
+    <el-button type="primary" text @click.stop="handleOpenDialog">
+      <MkIcon name="icon-key_outlined" />
+    </el-button>
+  </el-tooltip>
+  <UserPwdDialog ref="dialogRef" @refresh="emit('refresh')" />
+</template>
diff --git a/ui/src/views/system/chat/users/dialog/UserPwdDialog.vue b/ui/src/views/system/chat/users/user-password/UserPwdDialog.vue
similarity index 80%
rename from ui/src/views/system/chat/users/dialog/UserPwdDialog.vue
rename to ui/src/views/system/chat/users/user-password/UserPwdDialog.vue
index 3e0463e3f46..0066b9eae5a 100644
--- a/ui/src/views/system/chat/users/dialog/UserPwdDialog.vue
+++ b/ui/src/views/system/chat/users/user-password/UserPwdDialog.vue
@@ -78,12 +78,33 @@ defineExpose({ open })
 
 <template>
   <MkDialog v-model="dialogVisible" title="修改用户密码" @closed="resetData">
-    <el-form ref="userPasswordFormRef" :model="userPasswordForm" :rules="userPasswordRules" label-position="top" require-asterisk-position="right" @submit.prevent>
+    <el-form
+      ref="userPasswordFormRef"
+      :model="userPasswordForm"
+      :rules="userPasswordRules"
+      label-position="top"
+      require-asterisk-position="right"
+      @submit.prevent
+    >
       <el-form-item label="新密码" prop="password">
-        <el-input v-model="userPasswordForm.password" autocomplete="new-password" maxlength="20" placeholder="请输入新密码" show-password type="password" />
+        <el-input
+          v-model="userPasswordForm.password"
+          autocomplete="new-password"
+          maxlength="20"
+          placeholder="请输入新密码"
+          show-password
+          type="password"
+        />
       </el-form-item>
       <el-form-item label="确认密码" prop="re_password">
-        <el-input v-model="userPasswordForm.re_password" autocomplete="new-password" maxlength="20" placeholder="请再次输入新密码" show-password type="password" />
+        <el-input
+          v-model="userPasswordForm.re_password"
+          autocomplete="new-password"
+          maxlength="20"
+          placeholder="请再次输入新密码"
+          show-password
+          type="password"
+        />
       </el-form-item>
     </el-form>
 
diff --git a/ui/src/views/system/identity/groups/GroupsListView.vue b/ui/src/views/system/identity/groups/GroupsListView.vue
index b44a5ef24fb..1d46866bb16 100644
--- a/ui/src/views/system/identity/groups/GroupsListView.vue
+++ b/ui/src/views/system/identity/groups/GroupsListView.vue
@@ -177,6 +177,7 @@ onMounted(() => {
     <template #aside="{ title, Header }">
       <component :is="Header">
         <h4>{{ title }}</h4>
+        <!-- 创建用户组 -->
         <el-tooltip content="创建用户组" placement="top">
           <el-button class="-mr-1" text type="primary" @click="handleOpenGroupDialog()">
             <MkIcon name="icon_add_outlined" :size="18" />
@@ -185,12 +186,14 @@ onMounted(() => {
       </component>
       <MkSearchList v-loading="loadingGroups" :data="userGroups" :default-active="currentGroup?.id" @click="handleGroupSelect">
         <template #action-dropdown="{ row }">
+          <!-- 重命名用户组 -->
           <MkDropdownItem @click="handleOpenGroupDialog(row)">
             <template #icon>
               <MkIcon name="icon_rename_outlined" />
             </template>
             <span>重命名</span>
           </MkDropdownItem>
+          <!-- 删除用户组 -->
           <MkDropdownItem divided @click="deleteGroup(row)">
             <template #icon>
               <MkIcon name="icon_delete-trash_outlined" />
@@ -216,6 +219,7 @@ onMounted(() => {
 
         <div class="flex-between mb-4">
           <div>
+            <!-- 添加成员 -->
             <el-button type="primary" @click="handleOpenMemberDialog">
               <MkIcon name="icon_add_outlined" />
               <span>添加成员</span>
@@ -243,6 +247,7 @@ onMounted(() => {
           <el-table-column prop="source" label="用户来源" min-width="198" show-overflow-tooltip />
           <el-table-column label="操作" width="70" fixed="right">
             <template #default="{ row }">
+              <!-- 移除成员 -->
               <el-tooltip content="移除" placement="top">
                 <el-button type="primary" text @click="handleRemoveMembers(row)">
                   <MkIcon name="icon_assigned_outlined" />
@@ -251,6 +256,7 @@ onMounted(() => {
             </template>
           </el-table-column>
           <template #footer-batch-actions>
+            <!-- 批量移除成员 -->
             <el-button type="danger" plain @click="handleRemoveMembers()">移除</el-button>
           </template>
         </MkTable>
diff --git a/ui/src/views/system/identity/resource-authorization/ResourceAuthorizationView.vue b/ui/src/views/system/identity/resource-authorization/ResourceAuthorizationView.vue
index 72e2ddc0869..69700fc26f9 100644
--- a/ui/src/views/system/identity/resource-authorization/ResourceAuthorizationView.vue
+++ b/ui/src/views/system/identity/resource-authorization/ResourceAuthorizationView.vue
@@ -12,7 +12,7 @@ import { MsgSuccess } from '@/utils/message'
 import WorkspaceDropdown from '@/components/business/workspace-dropdown/index.vue'
 import PermissionTable from './components/PermissionTable.vue'
 import UserAuthorizationList from './components/UserAuthorizationList.vue'
-import UserGroupAuthorizationList from './components/UserGroupAuthorizationList.vue'
+import UserGroupAuthorizationList from './components/user-group/UserGroupAuthorizationList.vue'
 import { RESOURCE_AUTHORIZATION_LABELS } from './constants'
 
 const { auth } = useStore()
diff --git a/ui/src/views/system/identity/resource-authorization/components/UserGroupAuthorizationList.vue b/ui/src/views/system/identity/resource-authorization/components/user-group/UserGroupAuthorizationList.vue
similarity index 94%
rename from ui/src/views/system/identity/resource-authorization/components/UserGroupAuthorizationList.vue
rename to ui/src/views/system/identity/resource-authorization/components/user-group/UserGroupAuthorizationList.vue
index b80a0ae8551..a40138ebf8c 100644
--- a/ui/src/views/system/identity/resource-authorization/components/UserGroupAuthorizationList.vue
+++ b/ui/src/views/system/identity/resource-authorization/components/user-group/UserGroupAuthorizationList.vue
@@ -2,7 +2,7 @@
 import { useTemplateRef } from 'vue'
 import type { SystemUserGroup } from '@/api/types'
 import MkSearchList from '@/components/mk-search-list/index.vue'
-import UserGroupMembersDrawer from '../UserGroupMembersDrawer.vue'
+import UserGroupMembersDrawer from './UserGroupMembersDrawer.vue'
 
 defineOptions({ name: 'UserGroupAuthorizationList' })
 
diff --git a/ui/src/views/system/identity/resource-authorization/UserGroupMembersDrawer.vue b/ui/src/views/system/identity/resource-authorization/components/user-group/UserGroupMembersDrawer.vue
similarity index 100%
rename from ui/src/views/system/identity/resource-authorization/UserGroupMembersDrawer.vue
rename to ui/src/views/system/identity/resource-authorization/components/user-group/UserGroupMembersDrawer.vue
diff --git a/ui/src/views/system/identity/roles/RoleListView.vue b/ui/src/views/system/identity/roles/RoleListView.vue
index 2edfe57b22f..4c6f75f93ce 100644
--- a/ui/src/views/system/identity/roles/RoleListView.vue
+++ b/ui/src/views/system/identity/roles/RoleListView.vue
@@ -119,9 +119,11 @@ onMounted(() => loadRoles())
                   <el-tag type="info" size="small" class="ml-[6px]" v-if="role.internal">系</el-tag>
                 </template>
                 <template v-if="!role.internal" #action-dropdown>
+                  <!-- 重命名 -->
                   <MkDropdownItem @click="handleOpenRoleDialog(role)">
                     <template #icon><MkIcon name="icon_rename_outlined" /></template>重命名
                   </MkDropdownItem>
+                  <!-- 删除 -->
                   <MkDropdownItem divided @click="handleDeleteRole(role)">
                     <template #icon><MkIcon name="icon_delete-trash_outlined" /></template>删除
                   </MkDropdownItem>
diff --git a/ui/src/views/system/identity/users/UserListView.vue b/ui/src/views/system/identity/users/UserListView.vue
index 826648810e1..659035598bf 100644
--- a/ui/src/views/system/identity/users/UserListView.vue
+++ b/ui/src/views/system/identity/users/UserListView.vue
@@ -9,9 +9,9 @@ import { datetimeFormat } from '@/utils/time'
 import { LOGIN_METHOD_LABELS } from '@/constants/auth.ts'
 import WorkspaceRelationTags from '@/components/business/workspace-relation-tags/index.vue'
 import UserFromDrawer from './UserFromDrawer.vue'
-import ImportUsersDialog from './dialog/ImportUsersDialog.vue'
-import UserPwdDialog from './dialog/UserPwdDialog.vue'
-import BatchSetUserRoleDialog from './dialog/BatchSetUserRoleDialog.vue'
+import ImportUsersButton from './import-users/ImportUsersButton.vue'
+import UserPwdButton from './user-password/UserPwdButton.vue'
+import BatchSetUserRoleButton from './batch-set-user-role/BatchSetUserRoleButton.vue'
 
 const { auth, user } = useStore()
 
@@ -22,13 +22,6 @@ function handleOpenUserFormDrawer(systemUser?: SystemUser) {
   userFormDrawerRef.value?.open(systemUser)
 }
 
-/* 导入用户 */
-const importUsersDialogRef = ref<InstanceType<typeof ImportUsersDialog>>()
-
-function handleOpenImportUsersDialog() {
-  importUsersDialogRef.value?.open()
-}
-
 /* 列表查询相关 */
 const userTableRef = useTemplateRef('userTableRef')
 const systemUsersLoading = ref(false)
@@ -71,13 +64,6 @@ function loadSystemUsers(resetQuery = false) {
     })
 }
 
-/* 密码修改dialog */
-const userPwdDialogRef = ref<InstanceType<typeof UserPwdDialog>>()
-
-function handleOpenUserPwdDialog(systemUser: SystemUser) {
-  userPwdDialogRef.value?.open(systemUser)
-}
-
 /* 修改用户状态 */
 function handleChangeStatus(systemUser: SystemUser) {
   const nextActive = !systemUser.is_active
@@ -130,12 +116,6 @@ function handleBatchDelete() {
     })
 }
 
-/* 批量设置角色 */
-const batchSetUserRoleDialogRef = ref<InstanceType<typeof BatchSetUserRoleDialog>>()
-function openBatchSetUserRoleDialog() {
-  batchSetUserRoleDialogRef.value?.open(batchSelectedUsers.value.map(({ id }) => id))
-}
-
 onMounted(() => loadSystemUsers())
 </script>
 
@@ -146,10 +126,9 @@ onMounted(() => loadSystemUsers())
         <h4>{{ title }}</h4>
         <div class="flex items-center">
           <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
-          <el-button plain class="ml-3" @click="handleOpenImportUsersDialog">
-            <MkIcon name="icon_import_outlined" />
-            <span>导入用户</span>
-          </el-button>
+          <!-- 导入用户 -->
+          <ImportUsersButton @refresh="loadSystemUsers()" />
+          <!-- 创建用户 -->
           <el-button type="primary" @click="handleOpenUserFormDrawer()">
             <MkIcon name="icon_add_outlined" />
             <span>创建用户</span>
@@ -232,16 +211,15 @@ onMounted(() => loadSystemUsers())
               </span>
               <el-divider direction="vertical" />
               <div class="flex">
+                <!-- 编辑 -->
                 <el-tooltip content="编辑" placement="top">
                   <el-button type="primary" text @click.stop="handleOpenUserFormDrawer(row)">
                     <mk-icon name="icon_edit_outlined"></mk-icon>
                   </el-button>
                 </el-tooltip>
-                <el-tooltip content="修改用户密码" placement="top">
-                  <el-button type="primary" text @click.stop="handleOpenUserPwdDialog(row)">
-                    <mk-icon name="icon-key_outlined"></mk-icon>
-                  </el-button>
-                </el-tooltip>
+                <!-- 修改用户密码 -->
+                <UserPwdButton :user="row" @refresh="loadSystemUsers(false)" />
+                <!-- 删除 -->
                 <el-tooltip content="删除" placement="top">
                   <el-button type="primary" text @click.stop="deleteUser(row)">
                     <mk-icon name="icon_delete-trash_outlined"></mk-icon>
@@ -253,16 +231,19 @@ onMounted(() => loadSystemUsers())
         </el-table-column>
 
         <template #footer-batch-actions>
-          <el-button v-if="auth.isEE || auth.isPE" type="primary" plain @click="openBatchSetUserRoleDialog"> 设置角色 </el-button>
+          <!-- 批量设置角色 -->
+          <BatchSetUserRoleButton
+            v-if="auth.isEE || auth.isPE"
+            :user-ids="batchSelectedUsers.map(({ id }) => id)"
+            @refresh="loadSystemUsers(false)"
+          />
+          <!-- 批量删除 -->
           <el-button type="danger" plain @click="handleBatchDelete">删除</el-button>
         </template>
       </MkTable>
     </template>
   </MkViewLayout>
   <UserFromDrawer ref="userFormDrawerRef" @refresh="loadSystemUsers" />
-  <ImportUsersDialog ref="importUsersDialogRef" @refresh="loadSystemUsers" />
-  <UserPwdDialog ref="userPwdDialogRef" @refresh="loadSystemUsers(false)" />
-  <BatchSetUserRoleDialog ref="batchSetUserRoleDialogRef" @refresh="loadSystemUsers(false)" />
 </template>
 
 <style scoped lang="scss"></style>
diff --git a/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleButton.vue b/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleButton.vue
new file mode 100644
index 00000000000..a9a2dbc5a00
--- /dev/null
+++ b/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleButton.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import BatchSetUserRoleDialog from './BatchSetUserRoleDialog.vue'
+
+const props = defineProps<{ userIds: string[] }>()
+const emit = defineEmits<{ refresh: [] }>()
+
+/* 打开弹窗 */
+const dialogRef = useTemplateRef<InstanceType<typeof BatchSetUserRoleDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open(props.userIds)
+}
+</script>
+
+<template>
+  <el-button type="primary" plain @click="handleOpenDialog">设置角色</el-button>
+  <BatchSetUserRoleDialog ref="dialogRef" @refresh="emit('refresh')" />
+</template>
diff --git a/ui/src/views/system/identity/users/dialog/BatchSetUserRoleDialog.vue b/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleDialog.vue
similarity index 88%
rename from ui/src/views/system/identity/users/dialog/BatchSetUserRoleDialog.vue
rename to ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleDialog.vue
index c3293d0a6fd..0fcad298380 100644
--- a/ui/src/views/system/identity/users/dialog/BatchSetUserRoleDialog.vue
+++ b/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleDialog.vue
@@ -72,7 +72,8 @@ function submitBatchSetUserRoles() {
           is_append: batchRoleForm.is_append,
           role_setting: batchRoleForm.role_setting.map((assignment) => ({
             ...assignment,
-            workspace_ids: roleOptions.value.find(({ id }) => id === assignment.role_id)?.type === ROLE_TYPE.ADMIN ? ['None'] : assignment.workspace_ids,
+            workspace_ids:
+              roleOptions.value.find(({ id }) => id === assignment.role_id)?.type === ROLE_TYPE.ADMIN ? ['None'] : assignment.workspace_ids,
           })),
         })
       : UserManageApi.postBatchSetUserRoles({
@@ -113,7 +114,13 @@ defineExpose({ open })
 
 <template>
   <MkDialog v-model="dialogVisible" title="设置角色" align-center @closed="resetData">
-    <el-form ref="batchRoleFormRef" :model="batchRoleForm" label-position="top" require-asterisk-position="right" @submit.prevent="submitBatchSetUserRoles">
+    <el-form
+      ref="batchRoleFormRef"
+      :model="batchRoleForm"
+      label-position="top"
+      require-asterisk-position="right"
+      @submit.prevent="submitBatchSetUserRoles"
+    >
       <el-form-item label="设置方式">
         <el-radio-group v-model="batchRoleForm.is_append">
           <el-radio :value="true">追加</el-radio>
@@ -121,7 +128,12 @@ defineExpose({ open })
         </el-radio-group>
       </el-form-item>
 
-      <MkFormList v-if="auth.isEE || auth.isPE" v-model="batchRoleForm.role_setting" add-text="添加角色" :default-item="{ role_id: '', workspace_ids: [] }">
+      <MkFormList
+        v-if="auth.isEE || auth.isPE"
+        v-model="batchRoleForm.role_setting"
+        add-text="添加角色"
+        :default-item="{ role_id: '', workspace_ids: [] }"
+      >
         <template #default="{ index, item: roleAssignment }">
           <el-form-item
             class="flex-1"
@@ -138,7 +150,13 @@ defineExpose({ open })
               fit-input-width
               @change="handleRoleChange(roleAssignment, index)"
             >
-              <el-option v-for="roleOption in roleOptions" :key="roleOption.id" :label="roleOption.name" :title="roleOption.name" :value="roleOption.id" />
+              <el-option
+                v-for="roleOption in roleOptions"
+                :key="roleOption.id"
+                :label="roleOption.name"
+                :title="roleOption.name"
+                :value="roleOption.id"
+              />
             </el-select>
           </el-form-item>
 
diff --git a/ui/src/views/system/identity/users/import-users/ImportUsersButton.vue b/ui/src/views/system/identity/users/import-users/ImportUsersButton.vue
new file mode 100644
index 00000000000..0b828a61210
--- /dev/null
+++ b/ui/src/views/system/identity/users/import-users/ImportUsersButton.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import ImportUsersDialog from './ImportUsersDialog.vue'
+
+const emit = defineEmits<{ refresh: [] }>()
+
+/* 打开弹窗 */
+const dialogRef = useTemplateRef<InstanceType<typeof ImportUsersDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open()
+}
+</script>
+
+<template>
+  <el-button plain class="ml-3" @click="handleOpenDialog">
+    <MkIcon name="icon_import_outlined" />
+    <span>导入用户</span>
+  </el-button>
+  <ImportUsersDialog ref="dialogRef" @refresh="emit('refresh')" />
+</template>
diff --git a/ui/src/views/system/identity/users/dialog/ImportUsersDialog.vue b/ui/src/views/system/identity/users/import-users/ImportUsersDialog.vue
similarity index 96%
rename from ui/src/views/system/identity/users/dialog/ImportUsersDialog.vue
rename to ui/src/views/system/identity/users/import-users/ImportUsersDialog.vue
index 7f3f20348b5..f58b467f651 100644
--- a/ui/src/views/system/identity/users/dialog/ImportUsersDialog.vue
+++ b/ui/src/views/system/identity/users/import-users/ImportUsersDialog.vue
@@ -289,13 +289,23 @@ defineExpose({ open })
 
       <el-form-item v-if="showWorkspace" label="工作空间" prop="workspaceId">
         <el-select v-model="importUsersForm.workspaceId" :loading="workspaceLoading" placeholder="请选择工作空间">
-          <el-option v-for="workspaceOption in workspaceOptions" :key="workspaceOption.id" :label="workspaceOption.name" :value="workspaceOption.id" />
+          <el-option
+            v-for="workspaceOption in workspaceOptions"
+            :key="workspaceOption.id"
+            :label="workspaceOption.name"
+            :value="workspaceOption.id"
+          />
         </el-select>
       </el-form-item>
 
       <el-form-item v-if="showUserGroups" label="用户组" prop="userGroupIds">
         <el-select v-model="importUsersForm.userGroupIds" :loading="userGroupLoading" multiple placeholder="请选择用户组">
-          <el-option v-for="userGroupOption in userGroupOptions" :key="userGroupOption.id" :label="userGroupOption.name" :value="userGroupOption.id" />
+          <el-option
+            v-for="userGroupOption in userGroupOptions"
+            :key="userGroupOption.id"
+            :label="userGroupOption.name"
+            :value="userGroupOption.id"
+          />
         </el-select>
       </el-form-item>
     </el-form>
diff --git a/ui/src/views/system/identity/users/user-password/UserPwdButton.vue b/ui/src/views/system/identity/users/user-password/UserPwdButton.vue
new file mode 100644
index 00000000000..201c208460a
--- /dev/null
+++ b/ui/src/views/system/identity/users/user-password/UserPwdButton.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import type { SystemUser } from '@/api/types'
+import UserPwdDialog from './UserPwdDialog.vue'
+
+const props = defineProps<{ user: SystemUser }>()
+const emit = defineEmits<{ refresh: [] }>()
+
+/* 打开弹窗 */
+const dialogRef = useTemplateRef<InstanceType<typeof UserPwdDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open(props.user)
+}
+</script>
+
+<template>
+  <el-tooltip content="修改用户密码" placement="top">
+    <el-button type="primary" text @click.stop="handleOpenDialog">
+      <MkIcon name="icon-key_outlined" />
+    </el-button>
+  </el-tooltip>
+  <UserPwdDialog ref="dialogRef" @refresh="emit('refresh')" />
+</template>
diff --git a/ui/src/views/system/identity/users/dialog/UserPwdDialog.vue b/ui/src/views/system/identity/users/user-password/UserPwdDialog.vue
similarity index 82%
rename from ui/src/views/system/identity/users/dialog/UserPwdDialog.vue
rename to ui/src/views/system/identity/users/user-password/UserPwdDialog.vue
index b570dc43542..05de48ce1d7 100644
--- a/ui/src/views/system/identity/users/dialog/UserPwdDialog.vue
+++ b/ui/src/views/system/identity/users/user-password/UserPwdDialog.vue
@@ -85,12 +85,33 @@ defineExpose({ open })
 
 <template>
   <MkDialog v-model="dialogVisible" title="修改用户密码" @closed="resetData">
-    <el-form ref="userPasswordFormRef" :model="userPasswordForm" :rules="userPasswordRules" label-position="top" require-asterisk-position="right" @submit.prevent>
+    <el-form
+      ref="userPasswordFormRef"
+      :model="userPasswordForm"
+      :rules="userPasswordRules"
+      label-position="top"
+      require-asterisk-position="right"
+      @submit.prevent
+    >
       <el-form-item label="新密码" prop="password">
-        <el-input v-model="userPasswordForm.password" autocomplete="new-password" maxlength="20" placeholder="请输入新密码" show-password type="password" />
+        <el-input
+          v-model="userPasswordForm.password"
+          autocomplete="new-password"
+          maxlength="20"
+          placeholder="请输入新密码"
+          show-password
+          type="password"
+        />
       </el-form-item>
       <el-form-item label="确认密码" prop="re_password">
-        <el-input v-model="userPasswordForm.re_password" autocomplete="new-password" maxlength="20" placeholder="请再次输入新密码" show-password type="password" />
+        <el-input
+          v-model="userPasswordForm.re_password"
+          autocomplete="new-password"
+          maxlength="20"
+          placeholder="请再次输入新密码"
+          show-password
+          type="password"
+        />
       </el-form-item>
     </el-form>
 
diff --git a/ui/src/views/system/identity/workspaces/WorkspaceListView.vue b/ui/src/views/system/identity/workspaces/WorkspaceListView.vue
index aaa75781c13..784cfb02a1b 100644
--- a/ui/src/views/system/identity/workspaces/WorkspaceListView.vue
+++ b/ui/src/views/system/identity/workspaces/WorkspaceListView.vue
@@ -175,6 +175,7 @@ onMounted(() => loadWorkspaceOptions())
     <template #aside="{ title, Header }">
       <component :is="Header">
         <h4>{{ title }}</h4>
+        <!-- 创建工作空间 -->
         <el-tooltip content="创建工作空间" placement="top">
           <el-button text type="primary" class="-mr-1" @click="handleOpenWorkspaceDialog()">
             <MkIcon name="icon_add_outlined" :size="18" />
@@ -183,12 +184,14 @@ onMounted(() => loadWorkspaceOptions())
       </component>
       <MkSearchList :data="workspacesList" :default-active="currentWorkspace?.id" @click="handleWorkspaceSelect">
         <template #action-dropdown="{ row: workspace }">
+          <!-- 重命名工作空间 -->
           <MkDropdownItem @click="handleOpenWorkspaceDialog(workspace)">
             <template #icon>
               <MkIcon name="icon_rename_outlined" />
             </template>
             <span>重命名</span>
           </MkDropdownItem>
+          <!-- 删除工作空间 -->
           <MkDropdownItem divided @click="handleWorkspaceDelete(workspace)">
             <template #icon>
               <MkIcon name="icon_delete-trash_outlined" />
@@ -243,6 +246,7 @@ onMounted(() => loadWorkspaceOptions())
           <el-table-column prop="role_name" label="角色" class-name="border-l!" />
           <el-table-column label="操作" width="70" fixed="right">
             <template #default="{ row }">
+              <!-- 移除成员 -->
               <el-tooltip content="移除" placement="top">
                 <el-button type="primary" text @click="handleRemoveMember(row)">
                   <MkIcon name="icon_assigned_outlined" />
@@ -252,6 +256,7 @@ onMounted(() => loadWorkspaceOptions())
           </el-table-column>
 
           <template #footer-batch-actions>
+            <!-- 批量移除成员 -->
             <el-button type="danger" plain @click="handleBatchDelete">移除</el-button>
           </template>
         </MkTable>
diff --git a/ui/src/views/system/operate-logs/OperateLogListView.vue b/ui/src/views/system/operate-logs/OperateLogListView.vue
index 321d0b47729..e6a3736e141 100644
--- a/ui/src/views/system/operate-logs/OperateLogListView.vue
+++ b/ui/src/views/system/operate-logs/OperateLogListView.vue
@@ -5,7 +5,7 @@ import WorkspaceApi from '@/api/admin/system/workspace'
 import MkDateRange from '@/components/mk-date-range/index.vue'
 import type { Dict, OperateLog, OptionItem } from '@/api/types'
 import type { MkDateRangeValue } from '@/components/mk-date-range/types'
-import CleanStrategyDialog from './dialog/CleanStrategyDialog.vue'
+import CleanStrategyButton from './clean-strategy/CleanStrategyButton.vue'
 import OperateLogDetailDialog from './dialog/OperateLogDetailDialog.vue'
 import { beforeDay, datetimeFormat } from '@/utils/time'
 import { useStore } from '@/stores'
@@ -109,13 +109,6 @@ const detailDialogRef = useTemplateRef<InstanceType<typeof OperateLogDetailDialo
 function handleOpenDetail(log: OperateLog) {
   detailDialogRef.value?.open(log)
 }
-/* 清除策略 */
-const cleanStrategyDialogRef = useTemplateRef<InstanceType<typeof CleanStrategyDialog>>('cleanStrategyDialogRef')
-
-function handleOpenCleanStrategy() {
-  cleanStrategyDialogRef.value?.open()
-}
-
 /* 导出 */
 function handleExport() {
   loading.value = true
@@ -139,14 +132,13 @@ onMounted(() => {
         <div class="flex items-center">
           <MkDateRange class="mr-3" @change="handleDateFilterChange" />
           <MkComplexSearch :fields="searchFields" @change="handleSearchChange" class="mr-3" />
+          <!-- 清除策略 导出-->
           <el-button plain @click="handleExport">
             <MkIcon name="icon_export_outlined" />
             <span>导出</span>
           </el-button>
-          <el-button plain @click="handleOpenCleanStrategy">
-            <MkIcon name="icon_clear_outlined" />
-            <span>清除策略</span>
-          </el-button>
+          <!-- 清除策略 -->
+          <CleanStrategyButton />
         </div>
       </component>
 
@@ -201,6 +193,5 @@ onMounted(() => {
       </MkTable>
     </template>
   </MkViewLayout>
-  <CleanStrategyDialog ref="cleanStrategyDialogRef" />
   <OperateLogDetailDialog ref="detailDialogRef" />
 </template>
diff --git a/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyButton.vue b/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyButton.vue
new file mode 100644
index 00000000000..c77ba9af116
--- /dev/null
+++ b/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyButton.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import CleanStrategyDialog from './CleanStrategyDialog.vue'
+
+/* 清除策略 */
+const dialogRef = useTemplateRef<InstanceType<typeof CleanStrategyDialog>>('dialogRef')
+
+function handleOpenDialog() {
+  dialogRef.value?.open()
+}
+</script>
+
+<template>
+  <el-button plain @click="handleOpenDialog">
+    <MkIcon name="icon_clear_outlined" />
+    <span>清除策略</span>
+  </el-button>
+  <CleanStrategyDialog ref="dialogRef" />
+</template>
diff --git a/ui/src/views/system/operate-logs/dialog/CleanStrategyDialog.vue b/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyDialog.vue
similarity index 100%
rename from ui/src/views/system/operate-logs/dialog/CleanStrategyDialog.vue
rename to ui/src/views/system/operate-logs/clean-strategy/CleanStrategyDialog.vue
diff --git a/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue b/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue
index 53140d08f26..ea6086fd67c 100644
--- a/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue
+++ b/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue
@@ -15,7 +15,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="API详情" width="720" destroy-on-close>
+  <MkDialog v-model="visible" title="API详情" width="800" align-center>
     <pre class="whitespace-pre-wrap break-words p-4">{{ formattedDetails }}</pre>
 
     <template #footer>
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index 7577a87ebcd..4408b0d1e7c 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -9,7 +9,7 @@ import tailwindcss from '@tailwindcss/vite'
 import Components from 'unplugin-vue-components/vite'
 
 const envDir = './env'
-const defaultBackendTarget = 'http://127.0.0.1:8080'
+const defaultBackendTarget = 'http://47.120.55.164:38080/'
 const projectRoot = fileURLToPath(new URL('.', import.meta.url))
 
 const renameHtmlPlugin = (outDir: string, entry: string) => {