mirror of
https://github.com/Ed1s0nZ/CyberStrikeAI.git
synced 2026-07-01 02:05:34 +02:00
公明
1290 lines
54 KiB
JavaScript
1290 lines
54 KiB
JavaScript
function hitlReviewerNormalize(v) {
|
|
const x = String(v || '').trim().toLowerCase();
|
|
if (x === 'audit_agent' || x === 'agent' || x === 'ai') return 'audit_agent';
|
|
return 'human';
|
|
}
|
|
|
|
function hitlParsePayloadObject(raw) {
|
|
if (!raw) return {};
|
|
if (typeof raw === 'object') return raw;
|
|
try {
|
|
const o = JSON.parse(String(raw));
|
|
return o && typeof o === 'object' ? o : {};
|
|
} catch (e) {
|
|
return {};
|
|
}
|
|
}
|
|
|
|
function hitlRenderContextBlocks(payloadObj) {
|
|
if (!payloadObj || typeof payloadObj !== 'object') return '';
|
|
const blocks = [];
|
|
function addBlock(label, value) {
|
|
const s = String(value || '').trim();
|
|
if (!s) return;
|
|
blocks.push(
|
|
'<div class="hitl-context-block">' +
|
|
'<div class="hitl-context-label">' + escapeHtml(label) + '</div>' +
|
|
'<pre class="hitl-context-text">' + escapeHtml(s) + '</pre>' +
|
|
'</div>'
|
|
);
|
|
}
|
|
addBlock(hitlT('fieldUserMessage', 'User message'), payloadObj.userMessage);
|
|
addBlock(hitlT('fieldThinking', 'Thinking'), payloadObj.thinking);
|
|
addBlock(hitlT('fieldReasoning', 'Reasoning'), payloadObj.reasoningChain);
|
|
addBlock(hitlT('fieldPlanning', 'Planning'), payloadObj.planning);
|
|
return blocks.join('');
|
|
}
|
|
|
|
function hitlRenderExecutionResultBlock(payloadObj) {
|
|
if (!payloadObj || typeof payloadObj !== 'object') return '';
|
|
const exec = payloadObj.executionResult;
|
|
if (!exec || typeof exec !== 'object') return '';
|
|
const ok = exec.success === true;
|
|
const label = hitlT('fieldExecutionResult', 'Execution result') + (ok ? ' (' + hitlT('executionSuccess', 'success') + ')' : ' (' + hitlT('executionFailed', 'failed') + ')');
|
|
const text = String(exec.result || '').trim();
|
|
if (!text) return '';
|
|
return (
|
|
'<div class="hitl-context-block hitl-context-block--execution">' +
|
|
'<div class="hitl-context-label">' + escapeHtml(label) + '</div>' +
|
|
'<pre class="hitl-context-text">' + escapeHtml(text) + '</pre>' +
|
|
'</div>'
|
|
);
|
|
}
|
|
|
|
function hitlFillLogModalReadonlySections(payloadObj) {
|
|
const ctxEl = document.getElementById('hitl-log-context-readonly');
|
|
const execEl = document.getElementById('hitl-log-execution-readonly');
|
|
const ctxHtml = hitlRenderContextBlocks(payloadObj);
|
|
const execHtml = hitlRenderExecutionResultBlock(payloadObj);
|
|
if (ctxEl) {
|
|
ctxEl.innerHTML = ctxHtml;
|
|
ctxEl.hidden = !ctxHtml;
|
|
}
|
|
if (execEl) {
|
|
execEl.innerHTML = execHtml;
|
|
execEl.hidden = !execHtml;
|
|
}
|
|
}
|
|
|
|
function hitlPayloadSummary(payloadObj) {
|
|
const parts = [];
|
|
if (payloadObj && payloadObj.userMessage) parts.push(hitlT('fieldUserMessage', 'User'));
|
|
if (payloadObj && payloadObj.thinking) parts.push(hitlT('fieldThinking', 'Thinking'));
|
|
if (payloadObj && payloadObj.executionResult) parts.push(hitlT('fieldExecutionResult', 'Result'));
|
|
return parts.length ? parts.join(' · ') : '—';
|
|
}
|
|
|
|
function hitlModeNormalize(m) {
|
|
let v = String(m || '').trim().toLowerCase().replace(/-/g, '_');
|
|
if (v === 'feedback' || v === 'followup') {
|
|
v = 'approval';
|
|
}
|
|
const allowed = ['off', 'approval', 'review_edit'];
|
|
return allowed.indexOf(v) >= 0 ? v : 'off';
|
|
}
|
|
|
|
function hitlT(key, fallback, params) {
|
|
const fullKey = 'hitl.' + key;
|
|
try {
|
|
if (typeof window.t === 'function') {
|
|
const translated = window.t(fullKey, params || {});
|
|
if (typeof translated === 'string' && translated && translated !== fullKey) {
|
|
return translated;
|
|
}
|
|
}
|
|
} catch (e) {}
|
|
return fallback;
|
|
}
|
|
|
|
const HITL_LOGS_PAGE_SIZE_KEY = 'cyberstrike_hitl_logs_page_size';
|
|
const HITL_PENDING_PAGE_SIZE_KEY = 'cyberstrike_hitl_pending_page_size';
|
|
const HITL_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
|
|
|
|
function hitlPaginationT(key, opts, fallback) {
|
|
if (typeof window.t === 'function') {
|
|
const keys = (key === 'paginationInfo' || key === 'perPageLabel')
|
|
? ['mcpMonitor.' + key, 'mcp.' + key]
|
|
: ['mcp.' + key];
|
|
for (let i = 0; i < keys.length; i++) {
|
|
const v = window.t(keys[i], opts || {});
|
|
if (typeof v === 'string' && v && v !== keys[i]) return v;
|
|
}
|
|
}
|
|
return fallback != null ? fallback : key;
|
|
}
|
|
|
|
function hitlLocale() {
|
|
if (typeof window.__locale === 'string' && window.__locale.length) {
|
|
return window.__locale.startsWith('zh') ? 'zh-CN' : 'en-US';
|
|
}
|
|
return (typeof navigator !== 'undefined' && navigator.language) ? navigator.language : 'en-US';
|
|
}
|
|
|
|
function initHitlPageSizeFromStorage(storageKey, fallbackSize, assignFn) {
|
|
try {
|
|
const saved = parseInt(localStorage.getItem(storageKey), 10);
|
|
if (HITL_PAGE_SIZE_OPTIONS.indexOf(saved) >= 0) {
|
|
assignFn(saved);
|
|
return;
|
|
}
|
|
} catch (e) { /* ignore */ }
|
|
assignFn(fallbackSize);
|
|
}
|
|
|
|
function renderHitlPagination(containerId, state, goPageFnName, pageSizeChangeFnName, pageSizeSelectId) {
|
|
const container = document.getElementById(containerId);
|
|
if (!container) return;
|
|
const esc = typeof escapeHtml === 'function' ? escapeHtml : function (s) { return String(s || ''); };
|
|
const total = state.total || 0;
|
|
const currentPage = state.page || 1;
|
|
const pageSize = state.pageSize || 20;
|
|
const totalPages = Math.max(1, Math.ceil(total / pageSize));
|
|
const start = total === 0 ? 0 : (currentPage - 1) * pageSize + 1;
|
|
const end = total === 0 ? 0 : Math.min(currentPage * pageSize, total);
|
|
const infoText = hitlPaginationT('paginationInfo', { start: start, end: end, total: total },
|
|
'显示 ' + start + '-' + end + ' / 共 ' + total + ' 条记录');
|
|
const perPageLabel = hitlPaginationT('perPageLabel', null, '每页显示');
|
|
const firstPageLabel = hitlPaginationT('firstPage', null, '首页');
|
|
const prevPageLabel = hitlPaginationT('prevPage', null, '上一页');
|
|
const pageInfoText = hitlPaginationT('pageInfo', { page: currentPage, total: totalPages },
|
|
'第 ' + currentPage + ' / ' + totalPages + ' 页');
|
|
const nextPageLabel = hitlPaginationT('nextPage', null, '下一页');
|
|
const lastPageLabel = hitlPaginationT('lastPage', null, '末页');
|
|
const disabledFirst = currentPage === 1 || total === 0;
|
|
const disabledLast = currentPage >= totalPages || total === 0;
|
|
let html = '<div class="monitor-pagination">';
|
|
html += '<div class="pagination-info">';
|
|
html += '<span>' + esc(infoText) + '</span>';
|
|
html += '<label class="pagination-page-size">' + esc(perPageLabel);
|
|
html += '<select id="' + esc(pageSizeSelectId) + '" onchange="' + esc(pageSizeChangeFnName) + '()">';
|
|
HITL_PAGE_SIZE_OPTIONS.forEach(function (n) {
|
|
html += '<option value="' + n + '"' + (pageSize === n ? ' selected' : '') + '>' + n + '</option>';
|
|
});
|
|
html += '</select></label></div>';
|
|
html += '<div class="pagination-controls">';
|
|
html += '<button type="button" class="btn-secondary" onclick="' + esc(goPageFnName) + '(1)"' + (disabledFirst ? ' disabled' : '') + '>' + esc(firstPageLabel) + '</button>';
|
|
html += '<button type="button" class="btn-secondary" onclick="' + esc(goPageFnName) + '(' + (currentPage - 1) + ')"' + (disabledFirst ? ' disabled' : '') + '>' + esc(prevPageLabel) + '</button>';
|
|
html += '<span class="pagination-page">' + esc(pageInfoText) + '</span>';
|
|
html += '<button type="button" class="btn-secondary" onclick="' + esc(goPageFnName) + '(' + (currentPage + 1) + ')"' + (disabledLast ? ' disabled' : '') + '>' + esc(nextPageLabel) + '</button>';
|
|
html += '<button type="button" class="btn-secondary" onclick="' + esc(goPageFnName) + '(' + totalPages + ')"' + (disabledLast ? ' disabled' : '') + '>' + esc(lastPageLabel) + '</button>';
|
|
html += '</div></div>';
|
|
container.innerHTML = html;
|
|
}
|
|
|
|
function hitlEffectiveEnabled(cfg) {
|
|
if (!cfg) return false;
|
|
if (cfg.enabled === true) return true;
|
|
return hitlModeNormalize(cfg.mode) !== 'off';
|
|
}
|
|
|
|
function readHitlLocalStorageConv(conversationId) {
|
|
if (!conversationId) return null;
|
|
try {
|
|
const key = 'cyberstrike-chat-hitl:' + String(conversationId).trim();
|
|
const raw = localStorage.getItem(key);
|
|
if (!raw) return null;
|
|
const parsed = JSON.parse(raw);
|
|
if (!parsed || typeof parsed !== 'object') return null;
|
|
return parsed;
|
|
} catch (e) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
function hitlSensitiveToolsToArray(config) {
|
|
if (Array.isArray(config && config.sensitiveTools)) return config.sensitiveTools;
|
|
const s = config && config.sensitiveTools;
|
|
if (typeof s === 'string') {
|
|
return s.split(/[,\n\r]+/).map(function (x) { return x.trim(); }).filter(Boolean);
|
|
}
|
|
return [];
|
|
}
|
|
|
|
function normalizeHitlTimeoutSeconds(v, fallback) {
|
|
const n = Number(v);
|
|
if (Number.isFinite(n)) {
|
|
return n > 0 ? Math.floor(n) : 0;
|
|
}
|
|
const f = Number(fallback);
|
|
if (Number.isFinite(f)) {
|
|
return f > 0 ? Math.floor(f) : 0;
|
|
}
|
|
return 0;
|
|
}
|
|
|
|
function getCurrentConversationIdForHitl() {
|
|
if (typeof window.currentConversationId === 'string' && window.currentConversationId) {
|
|
return window.currentConversationId;
|
|
}
|
|
const active = document.querySelector('.conversation-item.active');
|
|
if (active && active.dataset && active.dataset.conversationId) {
|
|
return active.dataset.conversationId;
|
|
}
|
|
return '';
|
|
}
|
|
|
|
async function fetchHitlConversationConfig(conversationId) {
|
|
if (!conversationId) return null;
|
|
const resp = await hitlApiFetch('/api/hitl/config/' + encodeURIComponent(conversationId), { credentials: 'same-origin' });
|
|
if (!resp.ok) return null;
|
|
const data = await resp.json();
|
|
if (!data || !data.hitl) return null;
|
|
return {
|
|
hitl: data.hitl,
|
|
hitlGlobalToolWhitelist: Array.isArray(data.hitlGlobalToolWhitelist) ? data.hitlGlobalToolWhitelist : []
|
|
};
|
|
}
|
|
|
|
/** 无会话时：将免审批工具合并进服务端 config.yaml，返回更新后的全局白名单数组 */
|
|
async function mergeHitlGlobalToolWhitelist(sensitiveTools) {
|
|
const list = Array.isArray(sensitiveTools) ? sensitiveTools : [];
|
|
const resp = await hitlApiFetch('/api/hitl/tool-whitelist', {
|
|
method: 'POST',
|
|
credentials: 'same-origin',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ sensitiveTools: list })
|
|
});
|
|
if (!resp.ok) {
|
|
const msg = await readHitlApiError(resp);
|
|
throw new Error(msg || ('HTTP ' + resp.status));
|
|
}
|
|
const data = await resp.json();
|
|
if (data && Array.isArray(data.hitlGlobalToolWhitelist)) {
|
|
return data.hitlGlobalToolWhitelist;
|
|
}
|
|
return [];
|
|
}
|
|
|
|
function hitlPageToolsSplit(s) {
|
|
if (typeof window.hitlToolsSplitToArray === 'function') {
|
|
return window.hitlToolsSplitToArray(s);
|
|
}
|
|
return String(s || '').split(/[,\n\r]+/).map(function (x) { return x.trim(); }).filter(Boolean);
|
|
}
|
|
|
|
function hitlPageToolsMergeDisplay(globalArr, sessionToolsArr) {
|
|
if (typeof window.hitlMergeToolsForDisplay === 'function') {
|
|
return window.hitlMergeToolsForDisplay(globalArr, sessionToolsArr);
|
|
}
|
|
const out = [];
|
|
const seen = Object.create(null);
|
|
function addOne(t) {
|
|
const n = String(t || '').trim();
|
|
if (!n) return;
|
|
const k = n.toLowerCase();
|
|
if (seen[k]) return;
|
|
seen[k] = true;
|
|
out.push(n);
|
|
}
|
|
if (Array.isArray(globalArr)) globalArr.forEach(addOne);
|
|
if (Array.isArray(sessionToolsArr)) sessionToolsArr.forEach(addOne);
|
|
return out.join(', ');
|
|
}
|
|
|
|
function showHitlPageWhitelistFeedback(text, isError) {
|
|
const el = document.getElementById('hitl-page-whitelist-feedback');
|
|
if (!el) return;
|
|
const msg = String(text || '').trim();
|
|
if (!msg) {
|
|
el.hidden = true;
|
|
el.textContent = '';
|
|
el.className = 'hitl-apply-feedback';
|
|
return;
|
|
}
|
|
el.hidden = false;
|
|
el.textContent = msg;
|
|
el.className = 'hitl-apply-feedback' + (isError ? ' hitl-apply-feedback--error' : '');
|
|
}
|
|
|
|
function syncHitlSidebarWhitelistDisplay(toolsStr) {
|
|
const sidebarEl = document.getElementById('hitl-sensitive-tools');
|
|
if (sidebarEl) sidebarEl.value = toolsStr;
|
|
}
|
|
|
|
async function fetchHitlGlobalToolWhitelist() {
|
|
const resp = await hitlApiFetch('/api/hitl/tool-whitelist', { credentials: 'same-origin' });
|
|
if (!resp.ok) {
|
|
throw new Error(await readHitlApiError(resp));
|
|
}
|
|
const data = await resp.json();
|
|
const list = Array.isArray(data.toolWhitelist) ? data.toolWhitelist : (
|
|
Array.isArray(data.hitlGlobalToolWhitelist) ? data.hitlGlobalToolWhitelist : []
|
|
);
|
|
if (typeof window !== 'undefined') {
|
|
window.csaiHitlGlobalToolWhitelist = list;
|
|
}
|
|
return list;
|
|
}
|
|
|
|
async function resolveHitlGlobalToolWhitelist() {
|
|
try {
|
|
return await fetchHitlGlobalToolWhitelist();
|
|
} catch (e) {
|
|
if (typeof window !== 'undefined' && Array.isArray(window.csaiHitlGlobalToolWhitelist)) {
|
|
return window.csaiHitlGlobalToolWhitelist.slice();
|
|
}
|
|
try {
|
|
const resp = await hitlApiFetch('/api/config', { credentials: 'same-origin' });
|
|
if (resp.ok) {
|
|
const cfg = await resp.json();
|
|
const tw = cfg.hitl && cfg.hitl.tool_whitelist;
|
|
if (Array.isArray(tw)) {
|
|
if (typeof window !== 'undefined') {
|
|
window.csaiHitlGlobalToolWhitelist = tw.slice();
|
|
}
|
|
return tw.slice();
|
|
}
|
|
}
|
|
} catch (e2) {
|
|
console.warn('resolveHitlGlobalToolWhitelist fallback', e2);
|
|
}
|
|
throw e;
|
|
}
|
|
}
|
|
|
|
function hitlPageWhitelistDisplayValue(globalArr, sessionArr) {
|
|
return hitlPageToolsMergeDisplay(globalArr, sessionArr);
|
|
}
|
|
|
|
async function refreshHitlPageWhitelist() {
|
|
const ta = document.getElementById('hitl-page-sensitive-tools');
|
|
if (!ta) return;
|
|
const cached = typeof window !== 'undefined' && Array.isArray(window.csaiHitlGlobalToolWhitelist)
|
|
? window.csaiHitlGlobalToolWhitelist
|
|
: [];
|
|
if (cached.length > 0) {
|
|
ta.value = hitlPageWhitelistDisplayValue(cached, []);
|
|
}
|
|
try {
|
|
const globalArr = await resolveHitlGlobalToolWhitelist();
|
|
const cid = getCurrentConversationIdForHitl();
|
|
let sessionArr = [];
|
|
if (cid) {
|
|
const cfg = typeof window.getHitlConfigForConversation === 'function'
|
|
? window.getHitlConfigForConversation(cid)
|
|
: null;
|
|
sessionArr = hitlSensitiveToolsToArray(cfg || {});
|
|
}
|
|
ta.value = hitlPageWhitelistDisplayValue(globalArr, sessionArr);
|
|
syncHitlSidebarWhitelistDisplay(ta.value);
|
|
} catch (e) {
|
|
console.warn('refreshHitlPageWhitelist', e);
|
|
if (!ta.value.trim() && cached.length > 0) {
|
|
ta.value = hitlPageWhitelistDisplayValue(cached, []);
|
|
}
|
|
}
|
|
}
|
|
|
|
async function putHitlGlobalToolWhitelist(toolWhitelist) {
|
|
const list = Array.isArray(toolWhitelist) ? toolWhitelist : [];
|
|
const resp = await hitlApiFetch('/api/hitl/tool-whitelist', {
|
|
method: 'PUT',
|
|
credentials: 'same-origin',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ toolWhitelist: list })
|
|
});
|
|
if (!resp.ok) {
|
|
throw new Error(await readHitlApiError(resp));
|
|
}
|
|
const data = await resp.json();
|
|
const out = Array.isArray(data.toolWhitelist) ? data.toolWhitelist : (
|
|
Array.isArray(data.hitlGlobalToolWhitelist) ? data.hitlGlobalToolWhitelist : list
|
|
);
|
|
if (typeof window !== 'undefined') {
|
|
window.csaiHitlGlobalToolWhitelist = out;
|
|
}
|
|
return out;
|
|
}
|
|
|
|
async function saveHitlPageWhitelist() {
|
|
const ta = document.getElementById('hitl-page-sensitive-tools');
|
|
const btn = document.getElementById('hitl-page-whitelist-save-btn');
|
|
if (!ta) return;
|
|
showHitlPageWhitelistFeedback('', false);
|
|
if (btn) btn.disabled = true;
|
|
try {
|
|
const desired = hitlPageToolsSplit(ta.value);
|
|
const globalArr = await putHitlGlobalToolWhitelist(desired);
|
|
const displayStr = hitlPageToolsMergeDisplay(globalArr, []);
|
|
ta.value = displayStr;
|
|
syncHitlSidebarWhitelistDisplay(displayStr);
|
|
|
|
const cid = getCurrentConversationIdForHitl();
|
|
if (cid) {
|
|
const cfg = typeof window.getHitlConfigForConversation === 'function'
|
|
? window.getHitlConfigForConversation(cid)
|
|
: { mode: 'off', reviewer: 'human', sensitiveTools: '', timeoutSeconds: 0 };
|
|
const nextCfg = Object.assign({}, cfg, { sensitiveTools: '' });
|
|
if (typeof window.saveHitlConfigForConversation === 'function') {
|
|
window.saveHitlConfigForConversation(cid, nextCfg);
|
|
}
|
|
if (typeof saveHitlConversationConfig === 'function') {
|
|
await saveHitlConversationConfig(cid, nextCfg);
|
|
}
|
|
}
|
|
|
|
showHitlPageWhitelistFeedback(hitlT('whitelistSaved', 'Whitelist saved.'), false);
|
|
} catch (e) {
|
|
showHitlPageWhitelistFeedback(hitlT('whitelistSaveFailed', 'Failed to save whitelist') + ': ' + (e.message || e), true);
|
|
} finally {
|
|
if (btn) btn.disabled = false;
|
|
}
|
|
}
|
|
|
|
async function saveHitlConversationConfig(conversationId, config) {
|
|
if (!conversationId || !config) return false;
|
|
const mode = hitlModeNormalize(config.mode || 'off');
|
|
const enabled = typeof config.enabled === 'boolean' ? config.enabled : (mode !== 'off');
|
|
const sensitiveTools = hitlSensitiveToolsToArray(config);
|
|
const timeoutSeconds = normalizeHitlTimeoutSeconds(config.timeoutSeconds, 0);
|
|
const reviewer = hitlReviewerNormalize(config.reviewer || 'human');
|
|
const resp = await hitlApiFetch('/api/hitl/config', {
|
|
method: 'PUT',
|
|
credentials: 'same-origin',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
conversationId: conversationId,
|
|
enabled: enabled,
|
|
mode: mode,
|
|
reviewer: reviewer,
|
|
sensitiveTools: sensitiveTools,
|
|
timeoutSeconds: timeoutSeconds
|
|
})
|
|
});
|
|
if (!resp.ok) {
|
|
const msg = await readHitlApiError(resp);
|
|
throw new Error(msg || ('HTTP ' + resp.status));
|
|
}
|
|
return true;
|
|
}
|
|
|
|
async function syncHitlConfigFromServer(conversationId) {
|
|
const pack = await fetchHitlConversationConfig(conversationId);
|
|
if (!pack || !pack.hitl) return;
|
|
const cfg = pack.hitl;
|
|
const globalWL = pack.hitlGlobalToolWhitelist || [];
|
|
if (typeof window !== 'undefined') {
|
|
window.csaiHitlGlobalToolWhitelist = globalWL;
|
|
}
|
|
const strip = typeof window.hitlStripGlobalToolsFromFormString === 'function'
|
|
? window.hitlStripGlobalToolsFromFormString
|
|
: function (_g, s) { return typeof s === 'string' ? s.trim() : ''; };
|
|
|
|
let merged = cfg;
|
|
if (!hitlEffectiveEnabled(cfg)) {
|
|
const local = readHitlLocalStorageConv(conversationId);
|
|
const localMode = local && local.mode ? hitlModeNormalize(local.mode) : 'off';
|
|
if (localMode !== 'off') {
|
|
let localToolsStr = typeof local.sensitiveTools === 'string' ? local.sensitiveTools : '';
|
|
localToolsStr = strip(globalWL, localToolsStr);
|
|
merged = {
|
|
enabled: true,
|
|
mode: localMode,
|
|
sensitiveTools: localToolsStr.split(/[,\n\r]+/).map(function (s) { return s.trim(); }).filter(Boolean),
|
|
timeoutSeconds: normalizeHitlTimeoutSeconds(cfg.timeoutSeconds, 0)
|
|
};
|
|
saveHitlConversationConfig(conversationId, {
|
|
mode: localMode,
|
|
sensitiveTools: localToolsStr,
|
|
enabled: true,
|
|
timeoutSeconds: merged.timeoutSeconds
|
|
}).catch(function (err) {
|
|
console.warn('HITL 会话配置同步到服务器失败（将仅保留本地 UI）:', err);
|
|
});
|
|
} else {
|
|
const gl = typeof window.getHitlLastGlobalConfig === 'function' ? window.getHitlLastGlobalConfig() : null;
|
|
const glMode = gl && gl.mode ? hitlModeNormalize(gl.mode) : 'off';
|
|
if (glMode !== 'off') {
|
|
let glToolsStr = typeof gl.sensitiveTools === 'string' ? gl.sensitiveTools : '';
|
|
glToolsStr = strip(globalWL, glToolsStr);
|
|
merged = {
|
|
enabled: true,
|
|
mode: glMode,
|
|
sensitiveTools: glToolsStr.split(/[,\n\r]+/).map(function (s) { return s.trim(); }).filter(Boolean),
|
|
timeoutSeconds: normalizeHitlTimeoutSeconds(cfg.timeoutSeconds, 0)
|
|
};
|
|
saveHitlConversationConfig(conversationId, {
|
|
mode: glMode,
|
|
sensitiveTools: glToolsStr,
|
|
enabled: true,
|
|
timeoutSeconds: merged.timeoutSeconds
|
|
}).catch(function (err) {
|
|
console.warn('HITL 会话配置同步到服务器失败（将仅保留本地 UI）:', err);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
const uiMode = hitlEffectiveEnabled(merged) ? hitlModeNormalize(merged.mode) : 'off';
|
|
const rawArr = Array.isArray(merged.sensitiveTools)
|
|
? merged.sensitiveTools
|
|
: hitlSensitiveToolsToArray({ sensitiveTools: merged.sensitiveTools });
|
|
const sessionOnlyStr = strip(globalWL, rawArr.join(', '));
|
|
const normalizedCfg = Object.assign({}, merged, {
|
|
mode: uiMode,
|
|
reviewer: hitlReviewerNormalize(merged.reviewer || cfg.reviewer || 'human'),
|
|
sensitiveTools: sessionOnlyStr
|
|
});
|
|
if (typeof window.saveHitlConfigForConversation === 'function') {
|
|
window.saveHitlConfigForConversation(conversationId, normalizedCfg);
|
|
} else {
|
|
try {
|
|
localStorage.setItem('chat_hitl_config_' + conversationId, JSON.stringify(normalizedCfg));
|
|
} catch (e) {}
|
|
}
|
|
if (typeof window.applyHitlConfigToUI === 'function') {
|
|
window.applyHitlConfigToUI(normalizedCfg);
|
|
}
|
|
reconcileHitlUiState();
|
|
}
|
|
|
|
async function syncHitlConfigToServerByCurrentConversation() {
|
|
const conversationId = getCurrentConversationIdForHitl();
|
|
if (!conversationId) return;
|
|
if (typeof window.readHitlConfigFromForm !== 'function') return;
|
|
const cfg = window.readHitlConfigFromForm();
|
|
await saveHitlConversationConfig(conversationId, cfg);
|
|
}
|
|
|
|
function reconcileHitlUiState() {
|
|
if (typeof window.readHitlConfigFromForm === 'function' && typeof window.updateHitlStatusUI === 'function') {
|
|
try {
|
|
const cfg = window.readHitlConfigFromForm();
|
|
window.updateHitlStatusUI(cfg);
|
|
} catch (e) {}
|
|
}
|
|
}
|
|
|
|
let hitlFollowRunSeq = 0;
|
|
|
|
/**
|
|
* 审批提交后原 SSE 已断开：轮询任务列表，运行中则拉取过程详情；任务结束后再整页加载会话以对齐终态。
|
|
*/
|
|
async function followAgentRunAfterHitlDecision(conversationId) {
|
|
if (!conversationId || typeof apiFetch !== 'function') return;
|
|
if (typeof window.attachRunningTaskEventStream === 'function') {
|
|
try {
|
|
const attached = await window.attachRunningTaskEventStream(conversationId);
|
|
if (attached) return;
|
|
} catch (e) {
|
|
console.warn('attachRunningTaskEventStream', e);
|
|
}
|
|
}
|
|
var mySeq = ++hitlFollowRunSeq;
|
|
var intervalMs = 2000;
|
|
var firstDelayMs = 500;
|
|
var maxMs = 30 * 60 * 1000;
|
|
var deadline = Date.now() + maxMs;
|
|
|
|
function taskStillActive(cid) {
|
|
return apiFetch('/api/agent-loop/tasks').then(function (r) {
|
|
if (!r.ok) return false;
|
|
return r.json().then(function (j) {
|
|
var tasks = (j && j.tasks) ? j.tasks : [];
|
|
return tasks.some(function (t) {
|
|
return t && t.conversationId === cid && (t.status === 'running' || t.status === 'cancelling');
|
|
});
|
|
});
|
|
}).catch(function () { return false; });
|
|
}
|
|
|
|
await new Promise(function (r) { setTimeout(r, firstDelayMs); });
|
|
|
|
while (mySeq === hitlFollowRunSeq) {
|
|
if (Date.now() > deadline) {
|
|
if (typeof window.loadConversation === 'function' && window.currentConversationId === conversationId) {
|
|
await window.loadConversation(conversationId);
|
|
}
|
|
if (typeof loadActiveTasks === 'function') loadActiveTasks();
|
|
return;
|
|
}
|
|
try {
|
|
var active = await taskStillActive(conversationId);
|
|
var onThisConv = (typeof window.currentConversationId === 'string' && window.currentConversationId === conversationId);
|
|
if (onThisConv && typeof window.refreshLastAssistantProcessDetails === 'function') {
|
|
await window.refreshLastAssistantProcessDetails(conversationId);
|
|
}
|
|
if (!active) {
|
|
await new Promise(function (r) { setTimeout(r, 450); });
|
|
if (typeof window.loadConversation === 'function' && window.currentConversationId === conversationId) {
|
|
await window.loadConversation(conversationId);
|
|
}
|
|
if (typeof loadActiveTasks === 'function') loadActiveTasks();
|
|
return;
|
|
}
|
|
} catch (e) {
|
|
console.warn('followAgentRunAfterHitlDecision', e);
|
|
}
|
|
await new Promise(function (r) { setTimeout(r, intervalMs); });
|
|
}
|
|
}
|
|
|
|
function renderHitlPendingList(items) {
|
|
const container = document.getElementById('hitl-pending-list');
|
|
if (!container) return;
|
|
const list = Array.isArray(items) ? items : [];
|
|
if (!list.length) {
|
|
container.innerHTML = '<div class="empty-state">' + escapeHtml(hitlT('emptyState', 'No pending approvals')) + '</div>';
|
|
return;
|
|
}
|
|
container.innerHTML = list.map(function (item) {
|
|
const payloadObj = hitlParsePayloadObject(item.payload || '');
|
|
const payload = String(item.payload || '');
|
|
const contextHtml = hitlRenderContextBlocks(payloadObj);
|
|
const mode = String(item.mode || '').trim().toLowerCase();
|
|
const allowEdit = mode === 'review_edit';
|
|
var escId = escapeHtml(String(item.id || ''));
|
|
var qId = JSON.stringify(String(item.id || '')).replace(/"/g, '"');
|
|
var qConv = JSON.stringify(String(item.conversationId || '')).replace(/"/g, '"');
|
|
return (
|
|
'<div class="hitl-pending-item">' +
|
|
'<div class="hitl-pending-item-header">' +
|
|
'<div class="hitl-pending-item-title">' +
|
|
'<span class="hitl-tool-badge">' + escapeHtml(item.toolName || '-') + '</span>' +
|
|
'<span class="hitl-mode-tag hitl-mode-tag--' + escapeHtml(mode) + '">' + escapeHtml(item.mode || '-') + '</span>' +
|
|
'</div>' +
|
|
'<button class="hitl-dismiss-btn" title="' + escapeHtml(hitlT('dismiss', 'Dismiss')) + '" onclick="dismissHitlItem(' + qId + ')">×</button>' +
|
|
'</div>' +
|
|
'<div class="hitl-pending-meta">' + escapeHtml(hitlT('conversationLabel', 'Conversation:')) + ' ' + escapeHtml(item.conversationId || '-') + '</div>' +
|
|
contextHtml +
|
|
hitlRenderExecutionResultBlock(payloadObj) +
|
|
'<pre class="hitl-pending-payload">' + escapeHtml(payload) + '</pre>' +
|
|
(allowEdit
|
|
? ('<div class="hitl-input-help">' + escapeHtml(hitlT('reviewEditHelp', 'Review & edit mode: provide a JSON object to override tool arguments. Example: {"command":"ls -la"}')) + '</div>' +
|
|
'<textarea id="hitl-edit-' + escId + '" class="hitl-edit-args" placeholder=\'{"command":"ls -la"}\'></textarea>')
|
|
: '<div class="hitl-input-help">' + escapeHtml(hitlT('approvalHelp', 'Approval mode: only approve/reject, argument editing is disabled.')) + '</div>') +
|
|
'<div class="hitl-input-help">' + escapeHtml(hitlT('commentHelp', 'Comment (optional): briefly note the approval reason.')) + '</div>' +
|
|
'<input id="hitl-comment-' + escId + '" class="hitl-config-input hitl-inline-comment" type="text" placeholder="' + escapeHtml(hitlT('commentPlaceholder', 'e.g. allow read-only command')) + '">' +
|
|
'<div class="hitl-pending-actions">' +
|
|
'<button class="btn-secondary" onclick="submitHitlDecision(' + qId + ',"reject",' + qConv + ')">' + escapeHtml(hitlT('reject', 'Reject')) + '</button>' +
|
|
'<button class="btn-primary" onclick="submitHitlDecision(' + qId + ',"approve",' + qConv + ')">' + escapeHtml(hitlT('approve', 'Approve')) + '</button>' +
|
|
'</div>' +
|
|
'</div>'
|
|
);
|
|
}).join('');
|
|
}
|
|
|
|
async function refreshHitlPending() {
|
|
const container = document.getElementById('hitl-pending-list');
|
|
if (!container) return;
|
|
container.innerHTML = '<div class="loading-spinner">' + escapeHtml(hitlT('loading', 'Loading...')) + '</div>';
|
|
try {
|
|
const q = document.getElementById('hitl-pending-search');
|
|
const params = new URLSearchParams({
|
|
page: String(hitlPendingPage),
|
|
pageSize: String(hitlPendingPageSize)
|
|
});
|
|
if (q && q.value.trim()) params.set('q', q.value.trim());
|
|
const resp = await hitlApiFetch('/api/hitl/pending?' + params.toString(), { credentials: 'same-origin' });
|
|
if (!resp.ok) {
|
|
throw new Error('request failed');
|
|
}
|
|
const data = await resp.json();
|
|
const items = Array.isArray(data.items) ? data.items : [];
|
|
hitlPendingTotal = typeof data.total === 'number' ? data.total : items.length;
|
|
const maxPage = Math.max(1, Math.ceil(hitlPendingTotal / hitlPendingPageSize));
|
|
if (hitlPendingPage > maxPage) {
|
|
hitlPendingPage = maxPage;
|
|
await refreshHitlPending();
|
|
return;
|
|
}
|
|
const badge = document.getElementById('hitl-pending-count');
|
|
if (badge) {
|
|
badge.textContent = String(hitlPendingTotal);
|
|
badge.hidden = hitlPendingTotal <= 0;
|
|
}
|
|
hitlPendingCache = items;
|
|
hitlPendingLoaded = true;
|
|
renderHitlPendingList(items);
|
|
renderHitlPendingPagination();
|
|
} catch (e) {
|
|
hitlPendingLoaded = false;
|
|
container.innerHTML = '<div class="empty-state">' + escapeHtml(hitlT('loadFailed', 'Failed to load')) + '</div>';
|
|
renderHitlPendingPagination();
|
|
}
|
|
}
|
|
|
|
function filterHitlPending() {
|
|
hitlPendingPage = 1;
|
|
refreshHitlPending();
|
|
}
|
|
|
|
async function submitHitlDecision(interruptId, decision, conversationIdOpt) {
|
|
const commentBox = document.getElementById('hitl-comment-' + interruptId);
|
|
const comment = (commentBox && commentBox.value) ? commentBox.value.trim() : '';
|
|
let editedArguments = null;
|
|
const editBox = document.getElementById('hitl-edit-' + interruptId);
|
|
if (editBox && editBox.value && editBox.value.trim()) {
|
|
try {
|
|
editedArguments = JSON.parse(editBox.value.trim());
|
|
} catch (e) {
|
|
alert(hitlT('invalidJson', 'Invalid JSON arguments'));
|
|
return;
|
|
}
|
|
}
|
|
const convFollow = conversationIdOpt || getCurrentConversationIdForHitl();
|
|
return submitHitlDecisionWithPayload(interruptId, decision, comment, editedArguments, convFollow);
|
|
}
|
|
|
|
async function submitHitlDecisionWithPayload(interruptId, decision, comment, editedArguments, conversationIdForFollow) {
|
|
const resp = await hitlApiFetch('/api/hitl/decision', {
|
|
method: 'POST',
|
|
credentials: 'same-origin',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ interruptId: interruptId, decision: decision, comment: comment, editedArguments: editedArguments })
|
|
});
|
|
if (!resp.ok) {
|
|
const errText = await readHitlApiError(resp);
|
|
if (resp.status === 409 && (errText.indexOf('already resolved') >= 0 || errText.indexOf('not found') >= 0)) {
|
|
await dismissHitlItem(interruptId, true);
|
|
return true;
|
|
}
|
|
alert(hitlT('submitFailedPrefix', 'Submit failed:') + ' ' + errText);
|
|
return false;
|
|
}
|
|
refreshHitlPending();
|
|
const cid = conversationIdForFollow || getCurrentConversationIdForHitl();
|
|
if (cid) {
|
|
followAgentRunAfterHitlDecision(cid);
|
|
}
|
|
return true;
|
|
}
|
|
|
|
async function hitlApiFetch(url, options) {
|
|
if (typeof apiFetch === 'function') {
|
|
return apiFetch(url, options || {});
|
|
}
|
|
return fetch(url, options || {});
|
|
}
|
|
|
|
async function readHitlApiError(resp) {
|
|
try {
|
|
const data = await resp.json();
|
|
if (data && typeof data.error === 'string' && data.error.trim()) return data.error.trim();
|
|
return 'HTTP ' + resp.status;
|
|
} catch (e) {
|
|
return 'HTTP ' + resp.status;
|
|
}
|
|
}
|
|
|
|
async function dismissHitlItem(interruptId, silent) {
|
|
try {
|
|
await hitlApiFetch('/api/hitl/dismiss', {
|
|
method: 'POST',
|
|
credentials: 'same-origin',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ interruptId: interruptId })
|
|
});
|
|
} catch (e) {
|
|
if (!silent) { console.warn('dismissHitlItem', e); }
|
|
}
|
|
refreshHitlPending();
|
|
}
|
|
|
|
let hitlActiveTab = 'pending';
|
|
let hitlLogsPage = 1;
|
|
let hitlLogsPageSize = 20;
|
|
let hitlLogsTotal = 0;
|
|
let hitlLogsCache = [];
|
|
let hitlLogsLoaded = false;
|
|
let hitlPendingPage = 1;
|
|
let hitlPendingPageSize = 20;
|
|
let hitlPendingTotal = 0;
|
|
let hitlPendingCache = [];
|
|
let hitlPendingLoaded = false;
|
|
|
|
function switchHitlPageTab(tab) {
|
|
const tabs = ['pending', 'logs', 'strategy', 'whitelist'];
|
|
hitlActiveTab = tabs.indexOf(tab) >= 0 ? tab : 'pending';
|
|
const pendingTab = document.getElementById('hitl-tab-pending');
|
|
const logsTab = document.getElementById('hitl-tab-logs');
|
|
const strategyTab = document.getElementById('hitl-tab-strategy');
|
|
const whitelistTab = document.getElementById('hitl-tab-whitelist');
|
|
const pendingPanel = document.getElementById('hitl-panel-pending');
|
|
const logsPanel = document.getElementById('hitl-panel-logs');
|
|
const strategyPanel = document.getElementById('hitl-panel-strategy');
|
|
const whitelistPanel = document.getElementById('hitl-panel-whitelist');
|
|
if (pendingTab) {
|
|
pendingTab.classList.toggle('hitl-page-tab--active', hitlActiveTab === 'pending');
|
|
pendingTab.setAttribute('aria-selected', hitlActiveTab === 'pending' ? 'true' : 'false');
|
|
}
|
|
if (logsTab) {
|
|
logsTab.classList.toggle('hitl-page-tab--active', hitlActiveTab === 'logs');
|
|
logsTab.setAttribute('aria-selected', hitlActiveTab === 'logs' ? 'true' : 'false');
|
|
}
|
|
if (strategyTab) {
|
|
strategyTab.classList.toggle('hitl-page-tab--active', hitlActiveTab === 'strategy');
|
|
strategyTab.setAttribute('aria-selected', hitlActiveTab === 'strategy' ? 'true' : 'false');
|
|
}
|
|
if (whitelistTab) {
|
|
whitelistTab.classList.toggle('hitl-page-tab--active', hitlActiveTab === 'whitelist');
|
|
whitelistTab.setAttribute('aria-selected', hitlActiveTab === 'whitelist' ? 'true' : 'false');
|
|
}
|
|
if (pendingPanel) pendingPanel.hidden = hitlActiveTab !== 'pending';
|
|
if (logsPanel) logsPanel.hidden = hitlActiveTab !== 'logs';
|
|
if (strategyPanel) strategyPanel.hidden = hitlActiveTab !== 'strategy';
|
|
if (whitelistPanel) whitelistPanel.hidden = hitlActiveTab !== 'whitelist';
|
|
refreshHitlActivePanel();
|
|
}
|
|
|
|
function refreshHitlPageReviewerBar() {
|
|
const cid = getCurrentConversationIdForHitl();
|
|
const cfg = typeof window.getHitlConfigForConversation === 'function'
|
|
? window.getHitlConfigForConversation(cid)
|
|
: null;
|
|
if (cfg && typeof window.setHitlReviewerUI === 'function') {
|
|
window.setHitlReviewerUI(cfg.reviewer);
|
|
}
|
|
if (typeof window.bindHitlReviewerToggleListeners === 'function') {
|
|
window.bindHitlReviewerToggleListeners();
|
|
}
|
|
}
|
|
|
|
let hitlDefaultAuditPrompt = '';
|
|
let hitlDefaultAuditPromptReviewEdit = '';
|
|
let hitlStrategyMode = 'approval';
|
|
|
|
function switchHitlStrategyMode(mode) {
|
|
hitlStrategyMode = mode === 'review_edit' ? 'review_edit' : 'approval';
|
|
const approvalTab = document.getElementById('hitl-strategy-tab-approval');
|
|
const reviewTab = document.getElementById('hitl-strategy-tab-review-edit');
|
|
const approvalTa = document.getElementById('hitl-audit-agent-prompt');
|
|
const reviewTa = document.getElementById('hitl-audit-agent-prompt-review-edit');
|
|
const hintApproval = document.getElementById('hitl-strategy-hint-approval');
|
|
const hintReview = document.getElementById('hitl-strategy-hint-review-edit');
|
|
if (approvalTab) {
|
|
approvalTab.classList.toggle('hitl-strategy-subtab--active', hitlStrategyMode === 'approval');
|
|
approvalTab.setAttribute('aria-selected', hitlStrategyMode === 'approval' ? 'true' : 'false');
|
|
}
|
|
if (reviewTab) {
|
|
reviewTab.classList.toggle('hitl-strategy-subtab--active', hitlStrategyMode === 'review_edit');
|
|
reviewTab.setAttribute('aria-selected', hitlStrategyMode === 'review_edit' ? 'true' : 'false');
|
|
}
|
|
if (approvalTa) approvalTa.hidden = hitlStrategyMode !== 'approval';
|
|
if (reviewTa) reviewTa.hidden = hitlStrategyMode !== 'review_edit';
|
|
if (hintApproval) hintApproval.hidden = hitlStrategyMode !== 'approval';
|
|
if (hintReview) hintReview.hidden = hitlStrategyMode !== 'review_edit';
|
|
}
|
|
|
|
function showHitlStrategyFeedback(text, isError) {
|
|
const el = document.getElementById('hitl-strategy-feedback');
|
|
if (!el) return;
|
|
const msg = String(text || '').trim();
|
|
if (!msg) {
|
|
el.hidden = true;
|
|
el.textContent = '';
|
|
el.className = 'hitl-apply-feedback';
|
|
return;
|
|
}
|
|
el.hidden = false;
|
|
el.textContent = msg;
|
|
el.className = 'hitl-apply-feedback' + (isError ? ' hitl-apply-feedback--error' : '');
|
|
}
|
|
|
|
async function refreshHitlAuditStrategy() {
|
|
const approvalTa = document.getElementById('hitl-audit-agent-prompt');
|
|
const reviewTa = document.getElementById('hitl-audit-agent-prompt-review-edit');
|
|
if (!approvalTa) return;
|
|
try {
|
|
const resp = await hitlApiFetch('/api/hitl/audit-strategy', { credentials: 'same-origin' });
|
|
if (!resp.ok) return;
|
|
const data = await resp.json();
|
|
hitlDefaultAuditPrompt = typeof data.defaultAuditAgentPrompt === 'string' ? data.defaultAuditAgentPrompt : '';
|
|
hitlDefaultAuditPromptReviewEdit = typeof data.defaultAuditAgentPromptReviewEdit === 'string' ? data.defaultAuditAgentPromptReviewEdit : '';
|
|
approvalTa.value = typeof data.auditAgentPrompt === 'string' ? data.auditAgentPrompt : hitlDefaultAuditPrompt;
|
|
if (reviewTa) {
|
|
reviewTa.value = typeof data.auditAgentPromptReviewEdit === 'string' ? data.auditAgentPromptReviewEdit : hitlDefaultAuditPromptReviewEdit;
|
|
}
|
|
switchHitlStrategyMode(hitlStrategyMode);
|
|
} catch (e) {
|
|
console.warn('refreshHitlAuditStrategy', e);
|
|
}
|
|
}
|
|
|
|
async function saveHitlAuditStrategy() {
|
|
const approvalTa = document.getElementById('hitl-audit-agent-prompt');
|
|
const reviewTa = document.getElementById('hitl-audit-agent-prompt-review-edit');
|
|
const btn = document.getElementById('hitl-strategy-save-btn');
|
|
if (!approvalTa) return;
|
|
showHitlStrategyFeedback('', false);
|
|
if (btn) btn.disabled = true;
|
|
try {
|
|
const resp = await hitlApiFetch('/api/hitl/audit-strategy', {
|
|
method: 'PUT',
|
|
credentials: 'same-origin',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
auditAgentPrompt: String(approvalTa.value || ''),
|
|
auditAgentPromptReviewEdit: reviewTa ? String(reviewTa.value || '') : ''
|
|
})
|
|
});
|
|
if (!resp.ok) throw new Error(await readHitlApiError(resp));
|
|
const data = await resp.json();
|
|
if (typeof data.auditAgentPrompt === 'string') approvalTa.value = data.auditAgentPrompt;
|
|
if (reviewTa && typeof data.auditAgentPromptReviewEdit === 'string') reviewTa.value = data.auditAgentPromptReviewEdit;
|
|
showHitlStrategyFeedback(hitlT('strategySaved', 'Audit strategy saved.'), false);
|
|
} catch (e) {
|
|
showHitlStrategyFeedback(hitlT('strategySaveFailed', 'Failed to save') + ': ' + (e.message || e), true);
|
|
} finally {
|
|
if (btn) btn.disabled = false;
|
|
}
|
|
}
|
|
|
|
function resetHitlAuditStrategy() {
|
|
const approvalTa = document.getElementById('hitl-audit-agent-prompt');
|
|
const reviewTa = document.getElementById('hitl-audit-agent-prompt-review-edit');
|
|
if (hitlStrategyMode === 'review_edit' && reviewTa) {
|
|
reviewTa.value = hitlDefaultAuditPromptReviewEdit || reviewTa.value;
|
|
} else if (approvalTa) {
|
|
approvalTa.value = hitlDefaultAuditPrompt || approvalTa.value;
|
|
}
|
|
showHitlStrategyFeedback('', false);
|
|
}
|
|
|
|
function refreshHitlActivePanel() {
|
|
refreshHitlPageReviewerBar();
|
|
if (hitlActiveTab === 'logs') {
|
|
refreshHitlLogs();
|
|
} else if (hitlActiveTab === 'strategy') {
|
|
refreshHitlAuditStrategy();
|
|
} else if (hitlActiveTab === 'whitelist') {
|
|
refreshHitlPageWhitelist();
|
|
} else {
|
|
refreshHitlPending();
|
|
}
|
|
}
|
|
|
|
function hitlDecidedByLabel(v) {
|
|
const key = 'reviewer' + String(v || 'human').replace(/_([a-z])/g, function (_, c) { return c.toUpperCase(); }).replace(/^./, function (c) { return c.toUpperCase(); });
|
|
const map = {
|
|
human: hitlT('reviewerHuman', 'Human'),
|
|
audit_agent: hitlT('reviewerAgent', 'Audit Agent'),
|
|
system: hitlT('reviewerSystem', 'System'),
|
|
manual: hitlT('reviewerManual', 'Manual')
|
|
};
|
|
return map[v] || v || '-';
|
|
}
|
|
|
|
function hitlFormatTime(v) {
|
|
if (!v) return '-';
|
|
try {
|
|
const d = new Date(v);
|
|
if (Number.isNaN(d.getTime())) return String(v);
|
|
return d.toLocaleString(hitlLocale(), {
|
|
year: 'numeric',
|
|
month: '2-digit',
|
|
day: '2-digit',
|
|
hour: '2-digit',
|
|
minute: '2-digit',
|
|
second: '2-digit',
|
|
hour12: false
|
|
});
|
|
} catch (e) {
|
|
return String(v);
|
|
}
|
|
}
|
|
|
|
function renderHitlLogsTable(items) {
|
|
const wrap = document.getElementById('hitl-logs-table-wrap');
|
|
if (!wrap) return;
|
|
const list = Array.isArray(items) ? items : [];
|
|
if (!list.length) {
|
|
wrap.innerHTML =
|
|
'<div class="empty-state">' +
|
|
'<p>' + escapeHtml(hitlT('logsEmpty', 'No audit logs')) + '</p>' +
|
|
'<p class="hitl-logs-empty-hint">' + escapeHtml(hitlT('logsEmptyHint', 'Records appear here after HITL decisions.')) + '</p>' +
|
|
'</div>';
|
|
renderHitlLogsPagination();
|
|
return;
|
|
}
|
|
const rows = list.map(function (item) {
|
|
const id = escapeHtml(String(item.id || ''));
|
|
const qId = JSON.stringify(String(item.id || '')).replace(/"/g, '"');
|
|
const payloadObj = hitlParsePayloadObject(item.payload || '');
|
|
const decision = String(item.decision || '-');
|
|
const decisionCls = decision === 'approve' ? 'hitl-decision--approve' : (decision === 'reject' ? 'hitl-decision--reject' : '');
|
|
const summary = hitlPayloadSummary(payloadObj);
|
|
return (
|
|
'<tr>' +
|
|
'<td class="hitl-logs-cell-mono">' + id + '</td>' +
|
|
'<td>' + escapeHtml(String(item.toolName || '-')) + '</td>' +
|
|
'<td class="hitl-logs-cell-mono">' + escapeHtml(String(item.conversationId || '-')) + '</td>' +
|
|
'<td><span class="hitl-decision-tag ' + decisionCls + '">' + escapeHtml(hitlDecisionLabel(decision)) + '</span></td>' +
|
|
'<td>' + escapeHtml(hitlDecidedByLabel(item.decidedBy)) + '</td>' +
|
|
'<td class="hitl-logs-summary">' + escapeHtml(summary) + '</td>' +
|
|
'<td>' + escapeHtml(hitlFormatTime(item.decidedAt || item.createdAt)) + '</td>' +
|
|
'<td class="hitl-logs-actions">' +
|
|
'<button type="button" class="btn-link" onclick="openHitlLogModal(' + qId + ')">' + escapeHtml(hitlT('viewDetail', 'Detail')) + '</button>' +
|
|
'</td>' +
|
|
'</tr>'
|
|
);
|
|
}).join('');
|
|
wrap.innerHTML =
|
|
'<table class="hitl-logs-table">' +
|
|
'<thead><tr>' +
|
|
'<th>' + escapeHtml(hitlT('colId', 'ID')) + '</th>' +
|
|
'<th>' + escapeHtml(hitlT('colTool', 'Tool')) + '</th>' +
|
|
'<th>' + escapeHtml(hitlT('colConversation', 'Conversation')) + '</th>' +
|
|
'<th>' + escapeHtml(hitlT('colDecision', 'Decision')) + '</th>' +
|
|
'<th>' + escapeHtml(hitlT('colDecidedBy', 'Reviewer')) + '</th>' +
|
|
'<th>' + escapeHtml(hitlT('colContext', 'Context')) + '</th>' +
|
|
'<th>' + escapeHtml(hitlT('colTime', 'Time')) + '</th>' +
|
|
'<th>' + escapeHtml(hitlT('colActions', 'Actions')) + '</th>' +
|
|
'</tr></thead><tbody>' + rows + '</tbody></table>';
|
|
renderHitlLogsPagination();
|
|
}
|
|
|
|
async function refreshHitlLogs() {
|
|
const wrap = document.getElementById('hitl-logs-table-wrap');
|
|
if (!wrap) return;
|
|
wrap.innerHTML = '<div class="loading-spinner">' + escapeHtml(hitlT('loading', 'Loading...')) + '</div>';
|
|
try {
|
|
const params = new URLSearchParams({
|
|
page: String(hitlLogsPage),
|
|
pageSize: String(hitlLogsPageSize)
|
|
});
|
|
const qEl = document.getElementById('hitl-logs-search');
|
|
const decEl = document.getElementById('hitl-logs-decision-filter');
|
|
const byEl = document.getElementById('hitl-logs-decidedby-filter');
|
|
if (qEl && qEl.value.trim()) params.set('q', qEl.value.trim());
|
|
if (decEl && decEl.value && decEl.value !== 'all') params.set('decision', decEl.value);
|
|
if (byEl && byEl.value && byEl.value !== 'all') params.set('decidedBy', byEl.value);
|
|
const resp = await hitlApiFetch('/api/hitl/logs?' + params.toString(), { credentials: 'same-origin' });
|
|
if (!resp.ok) throw new Error('request failed');
|
|
const data = await resp.json();
|
|
const items = Array.isArray(data.items) ? data.items : [];
|
|
hitlLogsTotal = typeof data.total === 'number' ? data.total : items.length;
|
|
const maxPage = Math.max(1, Math.ceil(hitlLogsTotal / hitlLogsPageSize));
|
|
if (hitlLogsPage > maxPage) {
|
|
hitlLogsPage = maxPage;
|
|
await refreshHitlLogs();
|
|
return;
|
|
}
|
|
hitlLogsCache = items;
|
|
hitlLogsLoaded = true;
|
|
renderHitlLogsTable(items);
|
|
} catch (e) {
|
|
hitlLogsLoaded = false;
|
|
wrap.innerHTML = '<div class="empty-state">' + escapeHtml(hitlT('loadFailed', 'Failed to load')) + '</div>';
|
|
renderHitlLogsPagination();
|
|
}
|
|
}
|
|
|
|
function filterHitlLogs() {
|
|
hitlLogsPage = 1;
|
|
refreshHitlLogs();
|
|
}
|
|
|
|
function refreshHitlLogsI18n() {
|
|
if (!document.getElementById('hitl-logs-table-wrap') || !hitlLogsLoaded) return;
|
|
renderHitlLogsTable(hitlLogsCache);
|
|
}
|
|
|
|
function refreshHitlPendingI18n() {
|
|
if (!document.getElementById('hitl-pending-list') || !hitlPendingLoaded) return;
|
|
renderHitlPendingList(hitlPendingCache);
|
|
}
|
|
|
|
function refreshHitlI18n() {
|
|
refreshHitlLogsI18n();
|
|
refreshHitlPendingI18n();
|
|
renderHitlLogsPagination();
|
|
renderHitlPendingPagination();
|
|
}
|
|
|
|
function renderHitlLogsPagination() {
|
|
renderHitlPagination('hitl-logs-pagination', {
|
|
total: hitlLogsTotal,
|
|
page: hitlLogsPage,
|
|
pageSize: hitlLogsPageSize
|
|
}, 'hitlLogsGoPage', 'onHitlLogsPageSizeChange', 'hitl-logs-page-size');
|
|
}
|
|
|
|
function renderHitlPendingPagination() {
|
|
renderHitlPagination('hitl-pending-pagination', {
|
|
total: hitlPendingTotal,
|
|
page: hitlPendingPage,
|
|
pageSize: hitlPendingPageSize
|
|
}, 'hitlPendingGoPage', 'onHitlPendingPageSizeChange', 'hitl-pending-page-size');
|
|
}
|
|
|
|
function onHitlLogsPageSizeChange() {
|
|
const sel = document.getElementById('hitl-logs-page-size');
|
|
if (!sel) return;
|
|
const n = parseInt(sel.value, 10);
|
|
if (HITL_PAGE_SIZE_OPTIONS.indexOf(n) < 0) return;
|
|
hitlLogsPageSize = n;
|
|
try {
|
|
localStorage.setItem(HITL_LOGS_PAGE_SIZE_KEY, String(n));
|
|
} catch (e) { /* ignore */ }
|
|
hitlLogsPage = 1;
|
|
refreshHitlLogs();
|
|
}
|
|
|
|
function onHitlPendingPageSizeChange() {
|
|
const sel = document.getElementById('hitl-pending-page-size');
|
|
if (!sel) return;
|
|
const n = parseInt(sel.value, 10);
|
|
if (HITL_PAGE_SIZE_OPTIONS.indexOf(n) < 0) return;
|
|
hitlPendingPageSize = n;
|
|
try {
|
|
localStorage.setItem(HITL_PENDING_PAGE_SIZE_KEY, String(n));
|
|
} catch (e) { /* ignore */ }
|
|
hitlPendingPage = 1;
|
|
refreshHitlPending();
|
|
}
|
|
|
|
function hitlLogsGoPage(page) {
|
|
const totalPages = Math.max(1, Math.ceil((hitlLogsTotal || 0) / (hitlLogsPageSize || 20)));
|
|
if (page < 1 || page > totalPages) return;
|
|
hitlLogsPage = page;
|
|
refreshHitlLogs();
|
|
}
|
|
|
|
function hitlPendingGoPage(page) {
|
|
const totalPages = Math.max(1, Math.ceil((hitlPendingTotal || 0) / (hitlPendingPageSize || 20)));
|
|
if (page < 1 || page > totalPages) return;
|
|
hitlPendingPage = page;
|
|
refreshHitlPending();
|
|
}
|
|
|
|
function hitlDecisionLabel(decision) {
|
|
const d = String(decision || '').toLowerCase();
|
|
if (d === 'approve') return hitlT('decisionApprove', 'Approve');
|
|
if (d === 'reject') return hitlT('decisionReject', 'Reject');
|
|
return decision || '—';
|
|
}
|
|
|
|
function hitlFormatPayloadForDisplay(raw) {
|
|
if (!raw) return '';
|
|
if (typeof raw === 'object') {
|
|
try {
|
|
return JSON.stringify(raw, null, 2);
|
|
} catch (e) {
|
|
return String(raw);
|
|
}
|
|
}
|
|
const s = String(raw).trim();
|
|
if (!s) return '';
|
|
try {
|
|
return JSON.stringify(JSON.parse(s), null, 2);
|
|
} catch (e) {
|
|
return s;
|
|
}
|
|
}
|
|
|
|
async function openHitlLogModal(idOpt) {
|
|
const modal = document.getElementById('hitl-log-modal');
|
|
if (!modal || !idOpt) return;
|
|
const resp = await hitlApiFetch('/api/hitl/logs/' + encodeURIComponent(idOpt), { credentials: 'same-origin' });
|
|
if (!resp.ok) {
|
|
alert(hitlT('loadFailed', 'Failed to load'));
|
|
return;
|
|
}
|
|
const item = await resp.json();
|
|
const payloadObj = hitlParsePayloadObject(item.payload || '');
|
|
const idEl = document.getElementById('hitl-log-detail-id');
|
|
const toolEl = document.getElementById('hitl-log-detail-tool');
|
|
const convEl = document.getElementById('hitl-log-detail-conversation');
|
|
const decisionEl = document.getElementById('hitl-log-detail-decision');
|
|
const decidedByEl = document.getElementById('hitl-log-detail-decided-by');
|
|
const timeEl = document.getElementById('hitl-log-detail-time');
|
|
const commentRow = document.getElementById('hitl-log-detail-comment-row');
|
|
const commentEl = document.getElementById('hitl-log-detail-comment');
|
|
const payloadWrap = document.getElementById('hitl-log-detail-payload-wrap');
|
|
const payloadEl = document.getElementById('hitl-log-detail-payload');
|
|
if (idEl) idEl.textContent = item.id || '—';
|
|
if (toolEl) toolEl.textContent = item.toolName || '—';
|
|
if (convEl) convEl.textContent = item.conversationId || '—';
|
|
if (decisionEl) {
|
|
const decision = String(item.decision || '');
|
|
const cls = decision === 'approve' ? 'hitl-decision--approve' : (decision === 'reject' ? 'hitl-decision--reject' : '');
|
|
decisionEl.innerHTML = '<span class="hitl-decision-tag ' + cls + '">' + escapeHtml(hitlDecisionLabel(decision)) + '</span>';
|
|
}
|
|
if (decidedByEl) decidedByEl.textContent = hitlDecidedByLabel(item.decidedBy);
|
|
if (timeEl) timeEl.textContent = hitlFormatTime(item.decidedAt || item.createdAt);
|
|
const comment = String(item.comment || '').trim();
|
|
if (commentRow && commentEl) {
|
|
if (comment) {
|
|
commentEl.textContent = comment;
|
|
commentRow.hidden = false;
|
|
} else {
|
|
commentEl.textContent = '';
|
|
commentRow.hidden = true;
|
|
}
|
|
}
|
|
hitlFillLogModalReadonlySections(payloadObj);
|
|
const payloadText = hitlFormatPayloadForDisplay(item.payload || '');
|
|
if (payloadWrap && payloadEl) {
|
|
if (payloadText) {
|
|
payloadEl.textContent = payloadText;
|
|
payloadWrap.hidden = false;
|
|
} else {
|
|
payloadEl.textContent = '';
|
|
payloadWrap.hidden = true;
|
|
}
|
|
}
|
|
modal.style.display = 'flex';
|
|
}
|
|
|
|
function closeHitlLogModal() {
|
|
const modal = document.getElementById('hitl-log-modal');
|
|
if (modal) modal.style.display = 'none';
|
|
}
|
|
|
|
window.saveHitlPageWhitelist = saveHitlPageWhitelist;
|
|
window.refreshHitlPageWhitelist = refreshHitlPageWhitelist;
|
|
window.refreshHitlPending = refreshHitlPending;
|
|
window.refreshHitlLogs = refreshHitlLogs;
|
|
window.refreshHitlActivePanel = refreshHitlActivePanel;
|
|
window.switchHitlPageTab = switchHitlPageTab;
|
|
window.switchHitlStrategyMode = switchHitlStrategyMode;
|
|
window.resetHitlAuditStrategy = resetHitlAuditStrategy;
|
|
window.saveHitlAuditStrategy = saveHitlAuditStrategy;
|
|
window.refreshHitlAuditStrategy = refreshHitlAuditStrategy;
|
|
window.openHitlLogModal = openHitlLogModal;
|
|
window.closeHitlLogModal = closeHitlLogModal;
|
|
window.hitlLogsGoPage = hitlLogsGoPage;
|
|
window.hitlPendingGoPage = hitlPendingGoPage;
|
|
window.filterHitlLogs = filterHitlLogs;
|
|
window.filterHitlPending = filterHitlPending;
|
|
window.onHitlLogsPageSizeChange = onHitlLogsPageSizeChange;
|
|
window.onHitlPendingPageSizeChange = onHitlPendingPageSizeChange;
|
|
window.submitHitlDecision = submitHitlDecision;
|
|
window.submitHitlDecisionWithPayload = submitHitlDecisionWithPayload;
|
|
window.dismissHitlItem = dismissHitlItem;
|
|
window.followAgentRunAfterHitlDecision = followAgentRunAfterHitlDecision;
|
|
|
|
window.addEventListener('hitl-interrupt', function () {
|
|
if (typeof window.currentPage === 'function' && window.currentPage() === 'hitl') {
|
|
refreshHitlActivePanel();
|
|
}
|
|
});
|
|
|
|
window.addEventListener('pageshow', function () {
|
|
setTimeout(reconcileHitlUiState, 0);
|
|
});
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
initHitlPageSizeFromStorage(HITL_LOGS_PAGE_SIZE_KEY, 20, function (n) { hitlLogsPageSize = n; });
|
|
initHitlPageSizeFromStorage(HITL_PENDING_PAGE_SIZE_KEY, 20, function (n) { hitlPendingPageSize = n; });
|
|
if (typeof window.bindHitlReviewerToggleListeners === 'function') {
|
|
window.bindHitlReviewerToggleListeners();
|
|
}
|
|
setTimeout(reconcileHitlUiState, 0);
|
|
});
|
|
|
|
document.addEventListener('languagechange', function () {
|
|
try {
|
|
refreshHitlI18n();
|
|
} catch (e) {
|
|
console.warn('languagechange hitl refresh failed', e);
|
|
}
|
|
});
|
|
|
|
// 由 applyHitlSidebarConfig 调用，将侧栏配置同步到后端
|
|
window.syncHitlConfigToServerByCurrentConversation = syncHitlConfigToServerByCurrentConversation;
|
|
window.saveHitlConversationConfig = saveHitlConversationConfig;
|
|
window.mergeHitlGlobalToolWhitelist = mergeHitlGlobalToolWhitelist;
|
|
|
|
// 由 chat.js 在 loadConversation 内 await 调用；挂到 window 供其它入口显式触发
|
|
window.syncHitlConfigFromServer = syncHitlConfigFromServer;
|