|
|
@@ -1,746 +0,0 @@
|
|
|
-// 全局变量
|
|
|
-let allKnowledge = [];
|
|
|
-let availableTags = [];
|
|
|
-let currentPage = 1;
|
|
|
-let pageSize = 200;
|
|
|
-let totalPages = 1;
|
|
|
-let totalCount = 0;
|
|
|
-let isSearchMode = false;
|
|
|
-let selectedIds = new Set();
|
|
|
-let _allTools = [];
|
|
|
-let _activeCategory = 'all';
|
|
|
-
|
|
|
-// 加载 Tags
|
|
|
-async function loadTags() {
|
|
|
- const res = await fetch('/api/knowledge/meta/tags');
|
|
|
- const data = await res.json();
|
|
|
- availableTags = data.tags;
|
|
|
- renderTagsFilter();
|
|
|
-}
|
|
|
-
|
|
|
-function renderTagsFilter() {
|
|
|
- const container = document.getElementById('tagsFilterContainer');
|
|
|
- if (availableTags.length === 0) {
|
|
|
- container.innerHTML = '<p class="text-sm text-gray-500">暂无 tags</p>';
|
|
|
- return;
|
|
|
- }
|
|
|
- container.innerHTML = availableTags.map(tag =>
|
|
|
- `<label class="flex items-center"><input type="checkbox" value="${escapeHtml(tag)}" class="mr-2 tag-filter"> ${escapeHtml(tag)}</label>`
|
|
|
- ).join('');
|
|
|
-}
|
|
|
-
|
|
|
-// 加载知识列表
|
|
|
-async function loadKnowledge(page = 1) {
|
|
|
- const params = new URLSearchParams();
|
|
|
- params.append('page', page);
|
|
|
- params.append('page_size', pageSize);
|
|
|
-
|
|
|
- const selectedTypes = Array.from(document.querySelectorAll('.type-filter:checked')).map(el => el.value);
|
|
|
- if (selectedTypes.length > 0) {
|
|
|
- params.append('types', selectedTypes.join(','));
|
|
|
- }
|
|
|
-
|
|
|
- const selectedTags = Array.from(document.querySelectorAll('.tag-filter:checked')).map(el => el.value);
|
|
|
- if (selectedTags.length > 0) {
|
|
|
- params.append('tags', selectedTags.join(','));
|
|
|
- }
|
|
|
-
|
|
|
- const ownerFilter = document.getElementById('ownerFilter').value.trim();
|
|
|
- if (ownerFilter) {
|
|
|
- params.append('owner', ownerFilter);
|
|
|
- }
|
|
|
-
|
|
|
- const scopesFilter = document.getElementById('scopesFilter').value.trim();
|
|
|
- if (scopesFilter) {
|
|
|
- params.append('scopes', scopesFilter);
|
|
|
- }
|
|
|
-
|
|
|
- const selectedStatus = Array.from(document.querySelectorAll('.status-filter:checked')).map(el => el.value);
|
|
|
- if (selectedStatus.length > 0) {
|
|
|
- params.append('status', selectedStatus.join(','));
|
|
|
- }
|
|
|
-
|
|
|
- try {
|
|
|
- const res = await fetch(`/api/knowledge?${params.toString()}`);
|
|
|
- if (!res.ok) {
|
|
|
- console.error('加载失败:', res.status, res.statusText);
|
|
|
- document.getElementById('knowledgeList').innerHTML = '<p class="text-red-500 text-center py-8">加载失败,请刷新页面重试</p>';
|
|
|
- return;
|
|
|
- }
|
|
|
- const data = await res.json();
|
|
|
- allKnowledge = data.results || [];
|
|
|
- currentPage = data.pagination.page;
|
|
|
- totalPages = data.pagination.total_pages;
|
|
|
- totalCount = data.pagination.total;
|
|
|
- renderKnowledge(allKnowledge);
|
|
|
- updatePagination();
|
|
|
- } catch (error) {
|
|
|
- console.error('加载错误:', error);
|
|
|
- document.getElementById('knowledgeList').innerHTML = '<p class="text-red-500 text-center py-8">加载错误: ' + error.message + '</p>';
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-function applyFilters() {
|
|
|
- currentPage = 1;
|
|
|
- loadKnowledge(currentPage);
|
|
|
-}
|
|
|
-
|
|
|
-function goToPage(page) {
|
|
|
- if (page < 1 || page > totalPages) return;
|
|
|
- loadKnowledge(page);
|
|
|
-}
|
|
|
-
|
|
|
-function updatePagination() {
|
|
|
- const paginationDiv = document.getElementById('pagination');
|
|
|
- const pageInfo = document.getElementById('pageInfo');
|
|
|
- const prevBtn = document.getElementById('prevBtn');
|
|
|
- const nextBtn = document.getElementById('nextBtn');
|
|
|
-
|
|
|
- if (totalPages <= 1) {
|
|
|
- paginationDiv.classList.add('hidden');
|
|
|
- } else {
|
|
|
- paginationDiv.classList.remove('hidden');
|
|
|
- pageInfo.textContent = `第 ${currentPage} / ${totalPages} 页 (共 ${totalCount} 条)`;
|
|
|
- prevBtn.disabled = currentPage === 1;
|
|
|
- nextBtn.disabled = currentPage === totalPages;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 搜索功能
|
|
|
-async function performSearch() {
|
|
|
- const query = document.getElementById('searchInput').value.trim();
|
|
|
- if (!query) {
|
|
|
- alert('请输入搜索内容');
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- isSearchMode = true;
|
|
|
- const statusDiv = document.getElementById('searchStatus');
|
|
|
- statusDiv.textContent = '搜索中...';
|
|
|
- statusDiv.classList.remove('hidden');
|
|
|
-
|
|
|
- try {
|
|
|
- const params = new URLSearchParams();
|
|
|
- params.append('q', query);
|
|
|
- params.append('top_k', '20');
|
|
|
- params.append('min_score', '1');
|
|
|
-
|
|
|
- const selectedTypes = Array.from(document.querySelectorAll('.type-filter:checked')).map(el => el.value);
|
|
|
- if (selectedTypes.length > 0) {
|
|
|
- params.append('types', selectedTypes.join(','));
|
|
|
- }
|
|
|
-
|
|
|
- const ownerFilter = document.getElementById('ownerFilter').value.trim();
|
|
|
- if (ownerFilter) {
|
|
|
- params.append('owner', ownerFilter);
|
|
|
- }
|
|
|
-
|
|
|
- const res = await fetch(`/api/knowledge/search?${params.toString()}`);
|
|
|
- if (!res.ok) {
|
|
|
- throw new Error(`搜索失败: ${res.status}`);
|
|
|
- }
|
|
|
-
|
|
|
- const data = await res.json();
|
|
|
- allKnowledge = data.results || [];
|
|
|
-
|
|
|
- statusDiv.textContent = `找到 ${allKnowledge.length} 条相关知识${data.reranked ? ' (已智能排序)' : ''}`;
|
|
|
- renderKnowledge(allKnowledge);
|
|
|
-
|
|
|
- document.getElementById('pagination').classList.add('hidden');
|
|
|
- } catch (error) {
|
|
|
- console.error('搜索错误:', error);
|
|
|
- statusDiv.textContent = '搜索失败: ' + error.message;
|
|
|
- statusDiv.classList.add('text-red-500');
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-function clearSearch() {
|
|
|
- document.getElementById('searchInput').value = '';
|
|
|
- document.getElementById('searchStatus').classList.add('hidden');
|
|
|
- document.getElementById('searchStatus').classList.remove('text-red-500');
|
|
|
- isSearchMode = false;
|
|
|
- currentPage = 1;
|
|
|
- loadKnowledge(currentPage);
|
|
|
-}
|
|
|
-
|
|
|
-// 渲染知识列表
|
|
|
-function renderKnowledge(list) {
|
|
|
- const container = document.getElementById('knowledgeList');
|
|
|
- if (list.length === 0) {
|
|
|
- container.innerHTML = '<p class="text-gray-500 text-center py-8">暂无知识</p>';
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- container.innerHTML = list.map(k => {
|
|
|
- let types = [];
|
|
|
- if (Array.isArray(k.types)) {
|
|
|
- types = k.types;
|
|
|
- } else if (typeof k.types === 'string') {
|
|
|
- if (k.types.startsWith('[')) {
|
|
|
- try {
|
|
|
- types = JSON.parse(k.types);
|
|
|
- } catch (e) {
|
|
|
- console.error('解析types失败:', k.types, e);
|
|
|
- types = [k.types];
|
|
|
- }
|
|
|
- } else {
|
|
|
- types = [k.types];
|
|
|
- }
|
|
|
- }
|
|
|
- const eval_data = k.eval || {};
|
|
|
- const isChecked = selectedIds.has(k.id);
|
|
|
- const statusColor = {
|
|
|
- 'approved': 'bg-green-100 text-green-800',
|
|
|
- 'checked': 'bg-blue-100 text-blue-800',
|
|
|
- 'rejected': 'bg-red-100 text-red-800',
|
|
|
- 'pending': 'bg-yellow-100 text-yellow-800',
|
|
|
- 'processing': 'bg-orange-100 text-orange-800',
|
|
|
- };
|
|
|
- const statusClass = statusColor[k.status] || 'bg-gray-100 text-gray-800';
|
|
|
- const statusLabel = k.status || 'approved';
|
|
|
-
|
|
|
- const toolIds = (k.resource_ids || []).filter(id => id.startsWith('tools/'));
|
|
|
- const toolTagsHtml = toolIds.length > 0
|
|
|
- ? `<div class="flex gap-1 flex-wrap mt-2">
|
|
|
- ${toolIds.map(tid => {
|
|
|
- const name = tid.split('/').pop();
|
|
|
- return `<span onclick="event.stopPropagation(); openToolTableModal('${tid}')"
|
|
|
- class="text-[11px] px-2 py-0.5 bg-indigo-50 text-indigo-700 border border-indigo-200 rounded-full cursor-pointer hover:bg-indigo-100 transition">
|
|
|
- 🔧 ${name}
|
|
|
- </span>`;
|
|
|
- }).join('')}
|
|
|
- </div>`
|
|
|
- : '';
|
|
|
-
|
|
|
- return `
|
|
|
- <div class="bg-white rounded-lg shadow p-6 hover:shadow-lg transition relative">
|
|
|
- <div class="absolute top-4 left-4">
|
|
|
- <input type="checkbox" class="knowledge-checkbox w-5 h-5 cursor-pointer"
|
|
|
- data-id="${k.id}" ${isChecked ? 'checked' : ''}
|
|
|
- onclick="event.stopPropagation(); toggleSelect('${k.id}')">
|
|
|
- </div>
|
|
|
- <div class="ml-10 cursor-pointer" onclick="openEditModal('${k.id}')">
|
|
|
- <div class="flex justify-between items-start mb-2">
|
|
|
- <div class="flex gap-2 flex-wrap">
|
|
|
- ${types.map(t => `<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">${t}</span>`).join('')}
|
|
|
- </div>
|
|
|
- <div class="flex items-center gap-2">
|
|
|
- <span class="text-xs px-2 py-1 rounded ${statusClass}">${statusLabel}</span>
|
|
|
- <span class="text-sm text-gray-500">${eval_data.score || 3}/5</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <h3 class="text-lg font-semibold text-gray-800 mb-2">${escapeHtml(k.task)}</h3>
|
|
|
- <p class="text-sm text-gray-600 mb-2">${escapeHtml(k.content.substring(0, 150))}${k.content.length > 150 ? '...' : ''}</p>
|
|
|
- <div class="flex justify-between text-xs text-gray-500">
|
|
|
- <span>Owner: ${k.owner || 'N/A'}</span>
|
|
|
- <span>${new Date(k.created_at).toLocaleDateString()}</span>
|
|
|
- </div>
|
|
|
- ${toolTagsHtml}
|
|
|
- </div>
|
|
|
- <div class="flex gap-2 mt-3 pt-3 border-t border-gray-100">
|
|
|
- <button onclick="event.stopPropagation(); verifyKnowledge('${k.id}', 'approve', this)"
|
|
|
- class="${k.status === 'checked' ? 'bg-gray-300 hover:bg-gray-400 text-gray-700' : 'bg-green-400 hover:bg-green-500 text-white'} text-xs px-3 py-1 rounded transition-colors">
|
|
|
- ${k.status === 'checked' ? '取消验证' : '✓ 验证通过'}
|
|
|
- </button>
|
|
|
- <button onclick="event.stopPropagation(); verifyKnowledge('${k.id}', 'reject', this)"
|
|
|
- class="bg-red-400 hover:bg-red-500 text-white text-xs px-3 py-1 rounded transition-colors">
|
|
|
- ✗ 拒绝
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- `;
|
|
|
- }).join('');
|
|
|
-}
|
|
|
-
|
|
|
-// 选择相关函数
|
|
|
-function toggleSelect(id) {
|
|
|
- if (selectedIds.has(id)) {
|
|
|
- selectedIds.delete(id);
|
|
|
- } else {
|
|
|
- selectedIds.add(id);
|
|
|
- }
|
|
|
- updateBatchDeleteButton();
|
|
|
-}
|
|
|
-
|
|
|
-function toggleSelectAll() {
|
|
|
- if (selectedIds.size === allKnowledge.length) {
|
|
|
- selectedIds.clear();
|
|
|
- } else {
|
|
|
- selectedIds.clear();
|
|
|
- allKnowledge.forEach(k => selectedIds.add(k.id));
|
|
|
- }
|
|
|
- renderKnowledge(allKnowledge);
|
|
|
- updateBatchDeleteButton();
|
|
|
-}
|
|
|
-
|
|
|
-function updateBatchDeleteButton() {
|
|
|
- const count = selectedIds.size;
|
|
|
- document.getElementById('selectedCount').textContent = count;
|
|
|
- document.getElementById('verifyCount').textContent = count;
|
|
|
- document.getElementById('batchDeleteBtn').disabled = count === 0;
|
|
|
- document.getElementById('batchVerifyBtn').disabled = count === 0;
|
|
|
- document.getElementById('selectAllBtn').textContent =
|
|
|
- selectedIds.size === allKnowledge.length ? '取消全选' : '全选';
|
|
|
-}
|
|
|
-
|
|
|
-// 批量删除
|
|
|
-async function batchDelete() {
|
|
|
- if (selectedIds.size === 0) return;
|
|
|
- if (!confirm(`确定要删除选中的 ${selectedIds.size} 条知识吗?此操作不可恢复!`)) return;
|
|
|
-
|
|
|
- try {
|
|
|
- const ids = Array.from(selectedIds);
|
|
|
- const res = await fetch('/api/knowledge/batch_delete', {
|
|
|
- method: 'POST',
|
|
|
- headers: {'Content-Type': 'application/json'},
|
|
|
- body: JSON.stringify(ids)
|
|
|
- });
|
|
|
-
|
|
|
- if (!res.ok) throw new Error(`删除失败: ${res.status}`);
|
|
|
-
|
|
|
- const data = await res.json();
|
|
|
- alert(`成功删除 ${data.deleted_count} 条知识`);
|
|
|
-
|
|
|
- selectedIds.clear();
|
|
|
- updateBatchDeleteButton();
|
|
|
-
|
|
|
- if (isSearchMode) {
|
|
|
- clearSearch();
|
|
|
- } else {
|
|
|
- loadKnowledge(currentPage);
|
|
|
- }
|
|
|
- } catch (error) {
|
|
|
- console.error('批量删除错误:', error);
|
|
|
- alert('删除失败: ' + error.message);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 批量验证
|
|
|
-async function batchVerify() {
|
|
|
- if (selectedIds.size === 0) return;
|
|
|
- if (!confirm(`确定要批量验证通过选中的 ${selectedIds.size} 条知识吗?`)) return;
|
|
|
- const btn = document.getElementById('batchVerifyBtn');
|
|
|
- if (btn) { btn.disabled = true; btn.textContent = `处理中...`; }
|
|
|
- try {
|
|
|
- const ids = Array.from(selectedIds);
|
|
|
- const res = await fetch('/api/knowledge/batch_verify', {
|
|
|
- method: 'POST',
|
|
|
- headers: {'Content-Type': 'application/json'},
|
|
|
- body: JSON.stringify({ knowledge_ids: ids, action: 'approve', verified_by: 'user' })
|
|
|
- });
|
|
|
- if (!res.ok) throw new Error('请求失败: ' + res.status);
|
|
|
- selectedIds.clear();
|
|
|
- updateBatchDeleteButton();
|
|
|
- if (isSearchMode) {
|
|
|
- clearSearch();
|
|
|
- } else {
|
|
|
- loadKnowledge(currentPage);
|
|
|
- }
|
|
|
- } catch (error) {
|
|
|
- console.error('批量验证错误:', error);
|
|
|
- alert('验证失败: ' + error.message);
|
|
|
- if (btn) { btn.disabled = false; updateBatchDeleteButton(); }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 验证单个知识
|
|
|
-async function verifyKnowledge(id, action, btn) {
|
|
|
- if (btn) {
|
|
|
- btn.disabled = true;
|
|
|
- btn._origText = btn.textContent;
|
|
|
- btn.textContent = '处理中...';
|
|
|
- }
|
|
|
- try {
|
|
|
- const res = await fetch('/api/knowledge/' + id + '/verify', {
|
|
|
- method: 'POST',
|
|
|
- headers: {'Content-Type': 'application/json'},
|
|
|
- body: JSON.stringify({ action })
|
|
|
- });
|
|
|
- if (!res.ok) throw new Error('请求失败: ' + res.status);
|
|
|
- if (isSearchMode) {
|
|
|
- clearSearch();
|
|
|
- } else {
|
|
|
- loadKnowledge(currentPage);
|
|
|
- }
|
|
|
- } catch (error) {
|
|
|
- console.error('验证错误:', error);
|
|
|
- alert('操作失败: ' + error.message);
|
|
|
- if (btn) {
|
|
|
- btn.disabled = false;
|
|
|
- btn.textContent = btn._origText;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 模态框操作
|
|
|
-function openAddModal() {
|
|
|
- document.getElementById('modalTitle').textContent = '新增知识';
|
|
|
- document.getElementById('knowledgeForm').reset();
|
|
|
- document.getElementById('editId').value = '';
|
|
|
- document.querySelectorAll('.type-checkbox').forEach(el => el.checked = false);
|
|
|
- document.getElementById('modal').classList.remove('hidden');
|
|
|
-}
|
|
|
-
|
|
|
-async function openEditModal(id) {
|
|
|
- let k = allKnowledge.find(item => item.id === id);
|
|
|
- if (!k) {
|
|
|
- try {
|
|
|
- const res = await fetch('/api/knowledge/' + encodeURIComponent(id));
|
|
|
- if (!res.ok) { alert('知识未找到: ' + id); return; }
|
|
|
- k = await res.json();
|
|
|
- } catch (e) { alert('获取知识失败: ' + e.message); return; }
|
|
|
- }
|
|
|
-
|
|
|
- document.getElementById('modalTitle').textContent = '编辑知识';
|
|
|
- document.getElementById('editId').value = k.id;
|
|
|
- document.getElementById('taskInput').value = k.task || '';
|
|
|
- document.getElementById('contentInput').value = k.content || '';
|
|
|
- document.getElementById('tagsInput').value = JSON.stringify(k.tags || {});
|
|
|
-
|
|
|
- const scopes = Array.isArray(k.scopes) ? k.scopes : [];
|
|
|
- document.getElementById('scopesInput').value = scopes.join(', ');
|
|
|
- document.getElementById('ownerInput').value = k.owner || '';
|
|
|
-
|
|
|
- const types = Array.isArray(k.types) ? k.types : [];
|
|
|
- document.querySelectorAll('.type-checkbox').forEach(el => {
|
|
|
- el.checked = types.includes(el.value);
|
|
|
- });
|
|
|
-
|
|
|
- let rels = [];
|
|
|
- if (Array.isArray(k.relationships)) {
|
|
|
- rels = k.relationships;
|
|
|
- } else if (typeof k.relationships === 'string' && k.relationships.startsWith('[')) {
|
|
|
- try { rels = JSON.parse(k.relationships); } catch(e) {}
|
|
|
- }
|
|
|
- const section = document.getElementById('relationshipsSection');
|
|
|
- if (rels.length > 0) {
|
|
|
- const typeColor = {
|
|
|
- superset: 'text-green-700', subset: 'text-orange-600',
|
|
|
- conflict: 'text-red-600', complement: 'text-blue-600',
|
|
|
- duplicate: 'text-gray-500'
|
|
|
- };
|
|
|
- document.getElementById('relationshipsList').innerHTML = rels.map(r =>
|
|
|
- `<div class="flex gap-2 items-center">
|
|
|
- <span class="font-medium ${typeColor[r.type] || 'text-gray-700'}">[${r.type}]</span>
|
|
|
- <span class="font-mono text-xs text-gray-500 cursor-pointer hover:underline"
|
|
|
- onclick="openEditModal('${r.target}')">${r.target}</span>
|
|
|
- </div>`
|
|
|
- ).join('');
|
|
|
- section.classList.remove('hidden');
|
|
|
- } else {
|
|
|
- section.classList.add('hidden');
|
|
|
- }
|
|
|
-
|
|
|
- document.getElementById('modal').classList.remove('hidden');
|
|
|
-}
|
|
|
-
|
|
|
-function closeModal() {
|
|
|
- document.getElementById('modal').classList.add('hidden');
|
|
|
-}
|
|
|
-
|
|
|
-// 表单提交处理
|
|
|
-document.addEventListener('DOMContentLoaded', function() {
|
|
|
- document.getElementById('knowledgeForm').addEventListener('submit', async (e) => {
|
|
|
- e.preventDefault();
|
|
|
-
|
|
|
- const editId = document.getElementById('editId').value;
|
|
|
- const task = document.getElementById('taskInput').value;
|
|
|
- const content = document.getElementById('contentInput').value;
|
|
|
- const types = Array.from(document.querySelectorAll('.type-checkbox:checked')).map(el => el.value);
|
|
|
- const tagsText = document.getElementById('tagsInput').value.trim();
|
|
|
- const scopesText = document.getElementById('scopesInput').value.trim();
|
|
|
- const owner = document.getElementById('ownerInput').value.trim();
|
|
|
-
|
|
|
- let tags = {};
|
|
|
- if (tagsText) {
|
|
|
- try {
|
|
|
- tags = JSON.parse(tagsText);
|
|
|
- } catch (e) {
|
|
|
- alert('Tags JSON 格式错误');
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- const scopes = scopesText ? scopesText.split(',').map(s => s.trim()).filter(s => s) : ['org:cybertogether'];
|
|
|
-
|
|
|
- if (editId) {
|
|
|
- const res = await fetch(`/api/knowledge/${editId}`, {
|
|
|
- method: 'PATCH',
|
|
|
- headers: {'Content-Type': 'application/json'},
|
|
|
- body: JSON.stringify({task, content, types, tags, scopes, owner})
|
|
|
- });
|
|
|
- if (!res.ok) {
|
|
|
- alert('更新失败');
|
|
|
- return;
|
|
|
- }
|
|
|
- } else {
|
|
|
- const res = await fetch('/api/knowledge', {
|
|
|
- method: 'POST',
|
|
|
- headers: {'Content-Type': 'application/json'},
|
|
|
- body: JSON.stringify({task, content, types, tags, scopes, owner})
|
|
|
- });
|
|
|
- if (!res.ok) {
|
|
|
- alert('新增失败');
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- closeModal();
|
|
|
- await loadKnowledge();
|
|
|
- });
|
|
|
-
|
|
|
- // 初始化加载
|
|
|
- loadTags();
|
|
|
- loadKnowledge();
|
|
|
-});
|
|
|
-
|
|
|
-// 工具表相关函数
|
|
|
-async function openToolTableModal(targetToolId = null) {
|
|
|
- document.getElementById('toolTableModal').classList.remove('hidden');
|
|
|
- if (_allTools.length === 0) {
|
|
|
- await loadToolList();
|
|
|
- } else {
|
|
|
- renderCategoryTabs();
|
|
|
- renderToolList('all');
|
|
|
- }
|
|
|
- if (targetToolId) {
|
|
|
- const targetTool = _allTools.find(t => t.id === targetToolId);
|
|
|
- if (targetTool) {
|
|
|
- const cat = targetTool.metadata && targetTool.metadata.category ? targetTool.metadata.category : 'other';
|
|
|
- renderToolList(cat);
|
|
|
- }
|
|
|
- loadToolDetail(targetToolId);
|
|
|
- setTimeout(() => {
|
|
|
- const el = document.querySelector(`.tool-item[data-id="${targetToolId}"]`);
|
|
|
- if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
|
- }, 100);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-function closeToolTableModal() {
|
|
|
- document.getElementById('toolTableModal').classList.add('hidden');
|
|
|
-}
|
|
|
-
|
|
|
-async function loadToolList() {
|
|
|
- try {
|
|
|
- const res = await fetch('/api/resource?limit=1000');
|
|
|
- const data = await res.json();
|
|
|
- _allTools = (data.results || []).filter(r => r.id.startsWith('tools/'));
|
|
|
- renderCategoryTabs();
|
|
|
- renderToolList('all');
|
|
|
- } catch (err) {
|
|
|
- console.error('加载工具列表失败', err);
|
|
|
- document.getElementById('toolList').innerHTML = '<p class="text-red-500 text-sm text-center">加载失败</p>';
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-function renderCategoryTabs() {
|
|
|
- const cats = ['all', ...new Set(_allTools.map(t => t.metadata && t.metadata.category ? t.metadata.category : 'other'))];
|
|
|
- document.getElementById('toolCategoryTabs').innerHTML = cats.map(cat => {
|
|
|
- const isActive = cat === _activeCategory;
|
|
|
- const activeClass = 'bg-indigo-600 text-white border-indigo-600';
|
|
|
- const inactiveClass = 'bg-white text-gray-600 border-gray-300 hover:border-indigo-400';
|
|
|
- return `<button onclick="renderToolList('${cat}')"
|
|
|
- id="tab_${cat}"
|
|
|
- class="tool-cat-tab px-4 py-1.5 rounded-full text-sm font-medium border transition ${isActive ? activeClass : inactiveClass}">
|
|
|
- ${cat === 'all' ? '全部' : cat}
|
|
|
- </button>`;
|
|
|
- }).join('');
|
|
|
-}
|
|
|
-
|
|
|
-function renderToolList(category) {
|
|
|
- _activeCategory = category;
|
|
|
- document.querySelectorAll('.tool-cat-tab').forEach(btn => {
|
|
|
- const isCurrent = btn.id === `tab_${category}`;
|
|
|
- btn.className = `tool-cat-tab px-4 py-1.5 rounded-full text-sm font-medium border transition ${
|
|
|
- isCurrent ? 'bg-indigo-600 text-white border-indigo-600' : 'bg-white text-gray-600 border-gray-300 hover:border-indigo-400'
|
|
|
- }`;
|
|
|
- });
|
|
|
- const filtered = category === 'all'
|
|
|
- ? _allTools
|
|
|
- : _allTools.filter(t => (t.metadata && t.metadata.category ? t.metadata.category : 'other') === category);
|
|
|
- const listHtml = filtered.length === 0
|
|
|
- ? '<p class="text-sm text-gray-400 text-center mt-4">该分类下暂无工具</p>'
|
|
|
- : filtered.map(t => `
|
|
|
- <div onclick="loadToolDetail('${t.id}')"
|
|
|
- class="tool-item p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-indigo-400 hover:shadow-sm bg-white transition"
|
|
|
- data-id="${t.id}">
|
|
|
- <div class="font-bold text-gray-800 text-sm truncate" title="${escapeHtml(t.title || t.id)}">${escapeHtml(t.title || t.id.split('/').pop())}</div>
|
|
|
- <div class="mt-1 flex items-center justify-between">
|
|
|
- <span class="text-xs px-2 py-0.5 rounded truncate max-w-[100px] ${(t.metadata && t.metadata.status === '已接入') ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-600'}">${escapeHtml(t.metadata && t.metadata.status ? t.metadata.status : '未设置')}</span>
|
|
|
- <span class="text-[10px] text-gray-400">${escapeHtml(t.content_type || '')}</span>
|
|
|
- </div>
|
|
|
- </div>`).join('');
|
|
|
- document.getElementById('toolList').innerHTML = listHtml;
|
|
|
-}
|
|
|
-
|
|
|
-async function loadToolDetail(id) {
|
|
|
- document.querySelectorAll('.tool-item').forEach(el => {
|
|
|
- if (el.dataset.id === id) {
|
|
|
- el.classList.add('border-indigo-500', 'ring-1', 'ring-indigo-500');
|
|
|
- el.classList.remove('border-gray-200');
|
|
|
- } else {
|
|
|
- el.classList.remove('border-indigo-500', 'ring-1', 'ring-indigo-500');
|
|
|
- el.classList.add('border-gray-200');
|
|
|
- }
|
|
|
- });
|
|
|
- const detailEl = document.getElementById('toolDetail');
|
|
|
- detailEl.innerHTML = '<div class="flex h-full items-center justify-center"><p class="text-gray-400 animate-pulse">加载详情中...</p></div>';
|
|
|
- try {
|
|
|
- const res = await fetch('/api/resource/' + id);
|
|
|
- const tool = await res.json();
|
|
|
- const knowledgeIds = (tool.metadata && tool.metadata.knowledge_ids) ? tool.metadata.knowledge_ids : [];
|
|
|
- const knowledgeHtml = knowledgeIds.length === 0
|
|
|
- ? '<span class="text-gray-400 text-xs">暂无</span>'
|
|
|
- : knowledgeIds.map(kid => `
|
|
|
- <span onclick="openKnowledgeDetailModal('${kid}')"
|
|
|
- class="text-xs px-2 py-1 bg-gray-100 hover:bg-gray-200 border rounded cursor-pointer text-gray-700 font-mono transition">
|
|
|
- ${kid.length > 24 ? kid.slice(0, 24) + '...' : kid}
|
|
|
- </span>`).join('');
|
|
|
-
|
|
|
- const toolhubItems = (tool.metadata && tool.metadata.toolhub_items) ? tool.metadata.toolhub_items : [];
|
|
|
- const toolhubHtml = toolhubItems.length === 0
|
|
|
- ? '<span class="text-gray-400 text-xs">暂无</span>'
|
|
|
- : toolhubItems.map(item => {
|
|
|
- const [id, desc] = Object.entries(item)[0];
|
|
|
- return `<span class="text-xs px-2 py-1 bg-blue-50 hover:bg-blue-100 border border-blue-200 rounded text-blue-700 font-mono transition">
|
|
|
- ${escapeHtml(id)}: ${escapeHtml(desc)}
|
|
|
- </span>`;
|
|
|
- }).join('');
|
|
|
-
|
|
|
- const meta = tool.metadata || {};
|
|
|
- const scenariosMd = Array.isArray(meta.scenarios) && meta.scenarios.length > 0
|
|
|
- ? meta.scenarios.map(s => `<li>${escapeHtml(s)}</li>`).join('')
|
|
|
- : '<li class="text-gray-400">暂无</li>';
|
|
|
-
|
|
|
- detailEl.innerHTML = `
|
|
|
- <div class="mb-6 border-b pb-4">
|
|
|
- <h2 class="text-3xl font-black text-gray-900 mb-3">${escapeHtml(tool.title || id)}</h2>
|
|
|
- <div class="flex gap-2 flex-wrap text-sm mb-3">
|
|
|
- <span class="px-2.5 py-1 bg-indigo-50 text-indigo-700 rounded-md border border-indigo-100">
|
|
|
- 📁 分类: ${escapeHtml(meta.category || '–')}
|
|
|
- </span>
|
|
|
- <span class="px-2.5 py-1 rounded-md border ${(meta.status === '已接入') ? 'bg-green-50 text-green-700 border-green-200' : 'bg-gray-50 text-gray-700 border-gray-200'}">
|
|
|
- 🏷️ 状态: ${escapeHtml(meta.status || '–')}
|
|
|
- </span>
|
|
|
- <span class="px-2.5 py-1 bg-blue-50 text-blue-700 rounded-md border border-blue-100">
|
|
|
- 📌 Slug: ${escapeHtml(meta.tool_slug || '–')}
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="flex gap-1 flex-wrap items-center">
|
|
|
- <span class="text-xs text-gray-500 mr-1">🔗 关联知识:</span>
|
|
|
- ${knowledgeHtml}
|
|
|
- </div>
|
|
|
- <div class="flex gap-1 flex-wrap items-center mt-2">
|
|
|
- <span class="text-xs text-gray-500 mr-1">🔧 工具项:</span>
|
|
|
- ${toolhubHtml}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="text-gray-800 leading-relaxed max-w-none space-y-6">
|
|
|
- <div>
|
|
|
- <h3 class="text-lg font-bold border-b pb-2 mb-3">基础概览</h3>
|
|
|
- <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
|
|
|
- <div><span class="text-gray-500 font-semibold">工具版本:</span> ${escapeHtml(meta.version || '–')}</div>
|
|
|
- </div>
|
|
|
- <div class="mt-3">
|
|
|
- <span class="text-gray-500 font-semibold text-sm block mb-1">功能介绍:</span>
|
|
|
- <div class="bg-gray-50 p-3 rounded-md text-sm border whitespace-pre-wrap">${escapeHtml(meta.description || '暂无')}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div>
|
|
|
- <h3 class="text-lg font-bold border-b pb-2 mb-3">使用指南</h3>
|
|
|
- <div class="mb-4">
|
|
|
- <span class="text-gray-500 font-semibold text-sm block mb-1">用法:</span>
|
|
|
- <div class="bg-gray-50 p-3 rounded-md text-sm border whitespace-pre-wrap">${escapeHtml(meta.usage || '暂无')}</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span class="text-gray-500 font-semibold text-sm block mb-1">应用场景:</span>
|
|
|
- <ul class="list-disc pl-5 space-y-1 text-sm">${scenariosMd}</ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div>
|
|
|
- <h3 class="text-lg font-bold border-b pb-2 mb-3">技术规格</h3>
|
|
|
- <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
|
- <div class="flex flex-col">
|
|
|
- <span class="text-gray-500 font-semibold text-sm block mb-1">输入:</span>
|
|
|
- <div class="bg-gray-50 p-3 rounded-md text-sm border flex-1 whitespace-pre-wrap break-all">${escapeHtml(meta.input || '暂无')}</div>
|
|
|
- </div>
|
|
|
- <div class="flex flex-col">
|
|
|
- <span class="text-gray-500 font-semibold text-sm block mb-1">输出:</span>
|
|
|
- <div class="bg-gray-50 p-3 rounded-md text-sm border flex-1 whitespace-pre-wrap break-all">${escapeHtml(meta.output || '暂无')}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- ${meta.source ? `
|
|
|
- <div>
|
|
|
- <h3 class="text-lg font-bold border-b pb-2 mb-3">消息信源</h3>
|
|
|
- <div class="text-sm overflow-hidden break-words text-blue-600 hover:underline">
|
|
|
- ${escapeHtml(meta.source)}
|
|
|
- </div>
|
|
|
- </div>` : ''}
|
|
|
-
|
|
|
- ${tool.body ? `
|
|
|
- <div class="pt-4 mt-6 border-t border-dashed">
|
|
|
- <h3 class="text-lg font-bold mb-3 text-gray-500">补充说明 (文档内容)</h3>
|
|
|
- <div class="markdown-body bg-gray-50 p-4 rounded-lg border text-sm">
|
|
|
- ${typeof marked !== 'undefined' ? marked.parse(tool.body) : escapeHtml(tool.body)}
|
|
|
- </div>
|
|
|
- </div>` : ''}
|
|
|
- </div>`;
|
|
|
- } catch (err) {
|
|
|
- detailEl.innerHTML = '<div class="text-red-500 flex h-full items-center justify-center">加载详情失败,请检查网络或日志</div>';
|
|
|
- console.error(err);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-async function openKnowledgeDetailModal(id) {
|
|
|
- document.getElementById('knowledgeDetailModal').classList.remove('hidden');
|
|
|
- const contentEl = document.getElementById('knowledgeDetailContent');
|
|
|
- contentEl.innerHTML = '<p class="text-gray-400 text-center animate-pulse">加载中...</p>';
|
|
|
- try {
|
|
|
- const res = await fetch(`/api/knowledge/${encodeURIComponent(id)}`);
|
|
|
- if (!res.ok) { contentEl.innerHTML = '<p class="text-red-500 text-center">知识未找到</p>'; return; }
|
|
|
- const k = await res.json();
|
|
|
- const statusColor = {
|
|
|
- 'approved': 'bg-green-100 text-green-800',
|
|
|
- 'checked': 'bg-blue-100 text-blue-800',
|
|
|
- 'rejected': 'bg-red-100 text-red-800',
|
|
|
- 'pending': 'bg-yellow-100 text-yellow-800',
|
|
|
- };
|
|
|
- const types = Array.isArray(k.types) ? k.types : [];
|
|
|
- const tags = k.tags || {};
|
|
|
- const tagKeys = Object.keys(tags);
|
|
|
- contentEl.innerHTML = `
|
|
|
- <div class="flex gap-2 flex-wrap mb-4">
|
|
|
- ${types.map(t => `<span class="px-2 py-0.5 bg-blue-100 text-blue-700 rounded text-xs">${escapeHtml(t)}</span>`).join('')}
|
|
|
- <span class="px-2 py-0.5 rounded text-xs ${statusColor[k.status] || 'bg-gray-100 text-gray-700'}">${escapeHtml(k.status || '–')}</span>
|
|
|
- </div>
|
|
|
- <h3 class="text-lg font-bold text-gray-900 mb-3">${escapeHtml(k.task || '')}</h3>
|
|
|
- <div class="text-sm text-gray-700 bg-gray-50 rounded-lg p-4 mb-4 whitespace-pre-wrap leading-relaxed">
|
|
|
- ${escapeHtml(k.content || '')}
|
|
|
- </div>
|
|
|
- <div class="text-xs text-gray-500 space-y-1 border-t pt-3">
|
|
|
- <div>📌 ID:<span class="font-mono">${escapeHtml(k.id || '')}</span></div>
|
|
|
- <div>👤 Owner:${escapeHtml(k.owner || '–')}</div>
|
|
|
- <div>🕐 创建:${k.created_at ? new Date(k.created_at * 1000).toLocaleString() : '–'}</div>
|
|
|
- ${tagKeys.length > 0 ? `<div>🏷️ Tags:${tagKeys.map(t => `<span class="bg-gray-100 px-1 rounded">${escapeHtml(t)}</span>`).join(' ')}</div>` : ''}
|
|
|
- </div>`;
|
|
|
- } catch (err) {
|
|
|
- contentEl.innerHTML = '<p class="text-red-500 text-center">加载失败</p>';
|
|
|
- console.error(err);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-function closeKnowledgeDetailModal() {
|
|
|
- document.getElementById('knowledgeDetailModal').classList.add('hidden');
|
|
|
-}
|
|
|
-
|
|
|
-function escapeHtml(text) {
|
|
|
- const div = document.createElement('div');
|
|
|
- div.textContent = text;
|
|
|
- return div.innerHTML;
|
|
|
-}
|