-
-
${escapeHtml(role.description || '无描述')}
-
-
- 用户提示词:
- ${role.user_prompt ? (role.user_prompt.length > 100 ? escapeHtml(role.user_prompt.substring(0, 100)) + '...' : escapeHtml(role.user_prompt)) : '无'}
-
-
- 关联的工具:
- ${
- role.name === '默认'
- ? '使用所有工具'
- : (role.tools && role.tools.length > 0
- ? `${role.tools.length} 个工具`
- : (role.mcps && role.mcps.length > 0
- ? `${role.mcps.length} 个工具（兼容旧版）`
- : '使用所有工具'))
- }
-
-
+
+
-
-
- ${role.name !== '默认' ? `
` : ''}
+
${escapeHtml(role.description || '无描述')}
+
+ 工具:
+ ${toolsDisplay}
+
+
+
+ ${role.name !== '默认' ? `` : ''}
`;
}).join('');
}
+// 处理角色搜索输入
+function handleRolesSearchInput() {
+ clearTimeout(rolesSearchTimeout);
+ rolesSearchTimeout = setTimeout(() => {
+ searchRoles();
+ }, 300);
+}
+
+// 搜索角色
+function searchRoles() {
+ const searchInput = document.getElementById('roles-search');
+ if (!searchInput) return;
+
+ rolesSearchKeyword = searchInput.value.trim();
+ const clearBtn = document.getElementById('roles-search-clear');
+ if (clearBtn) {
+ clearBtn.style.display = rolesSearchKeyword ? 'block' : 'none';
+ }
+
+ renderRolesList();
+}
+
+// 清除角色搜索
+function clearRolesSearch() {
+ const searchInput = document.getElementById('roles-search');
+ if (searchInput) {
+ searchInput.value = '';
+ }
+ rolesSearchKeyword = '';
+ const clearBtn = document.getElementById('roles-search-clear');
+ if (clearBtn) {
+ clearBtn.style.display = 'none';
+ }
+ renderRolesList();
+}
+
// 生成工具唯一标识符（与settings.js中的getToolKey保持一致）
function getToolKey(tool) {
// 如果是外部工具，使用 external_mcp::tool.name 作为唯一标识符
diff --git a/web/static/js/router.js b/web/static/js/router.js
index fd79ccfa..3068ff0f 100644
--- a/web/static/js/router.js
+++ b/web/static/js/router.js
@@ -280,6 +280,15 @@ function initPage(pageId) {
break;
case 'roles-management':
// 初始化角色管理页面
+ // 重置搜索UI（变量会在下次搜索时自动更新）
+ const rolesSearchInput = document.getElementById('roles-search');
+ if (rolesSearchInput) {
+ rolesSearchInput.value = '';
+ }
+ const rolesSearchClear = document.getElementById('roles-search-clear');
+ if (rolesSearchClear) {
+ rolesSearchClear.style.display = 'none';
+ }
if (typeof loadRoles === 'function') {
loadRoles().then(() => {
if (typeof renderRolesList === 'function') {
@@ -296,6 +305,15 @@ function initPage(pageId) {
break;
case 'skills-management':
// 初始化Skills管理页面
+ // 重置搜索UI（变量会在下次搜索时自动更新）
+ const skillsSearchInput = document.getElementById('skills-search');
+ if (skillsSearchInput) {
+ skillsSearchInput.value = '';
+ }
+ const skillsSearchClear = document.getElementById('skills-search-clear');
+ if (skillsSearchClear) {
+ skillsSearchClear.style.display = 'none';
+ }
if (typeof initSkillsPagination === 'function') {
initSkillsPagination();
}
diff --git a/web/static/js/skills.js b/web/static/js/skills.js
index 5b17416d..7de712ea 100644
--- a/web/static/js/skills.js
+++ b/web/static/js/skills.js
@@ -24,7 +24,7 @@ function getSkillsPageSize() {
const saved = localStorage.getItem('skillsPageSize');
if (saved) {
const size = parseInt(saved);
- if ([10, 20, 50, 100].includes(size)) {
+ if ([20, 50, 100].includes(size)) {
return size;
}
}
@@ -94,7 +94,7 @@ function renderSkillsList() {
if (filteredSkills.length === 0) {
skillsListEl.innerHTML = '
' +
- (skillsSearchKeyword ? '没有找到匹配的skills' : '暂无skills，点击"添加Skill"创建第一个skill') +
+ (skillsSearchKeyword ? '没有找到匹配的skills' : '暂无skills，点击"创建Skill"创建第一个skill') +
'
';
// 搜索时隐藏分页
const paginationContainer = document.getElementById('skills-pagination');
@@ -105,47 +105,31 @@ function renderSkillsList() {
}
skillsListEl.innerHTML = filteredSkills.map(skill => {
- const fileSize = skill.file_size || 0;
- const fileSizeStr = fileSize < 1024 ? fileSize + ' B' :
- fileSize < 1024 * 1024 ? (fileSize / 1024).toFixed(2) + ' KB' :
- (fileSize / (1024 * 1024)).toFixed(2) + ' MB';
-
return `
-
-