' +
- (typeof window.t === 'function' ? window.t('chat.expandDetail') : '展开详情') +
- '（点击后加载）
';
+ const expandLabel = typeof window.t === 'function' ? window.t('chat.expandDetail') : '展开详情';
+ let lazyHint = expandLabel + '（点击后加载迭代详情）';
+ timeline.innerHTML = '' + (typeof window.t === 'function' ? window.t('chat.noProcessDetail') : '暂无过程详情（可能执行过快或未触发详细事件）') + '
';
- // 默认折叠
- timeline.classList.remove('expanded');
+ if (!appendMode) {
+ timeline.innerHTML = '' + (typeof window.t === 'function' ? window.t('chat.noProcessDetail') : '暂无过程详情（可能执行过快或未触发详细事件）') + '
';
+ timeline.classList.remove('expanded');
+ }
return;
}
- // 清空时间线并重新渲染
- timeline.innerHTML = '';
+ if (!appendMode) {
+ timeline.innerHTML = '';
+ }
function processDetailAgentPrefix(d) {
@@ -2430,14 +2431,12 @@ function renderProcessDetails(messageId, processDetails) {
return s ? ('[' + s + '] ') : '';
}
- // 渲染每个过程详情事件
- processDetails.forEach(detail => {
+ function renderOneProcessDetail(detail) {
const eventType = detail.eventType || '';
const title = detail.message || '';
const data = detail.data || {};
const agPx = processDetailAgentPrefix(data);
- // 根据事件类型渲染不同的内容
let itemTitle = title;
if (eventType === 'iteration') {
const n = data.iteration || 1;
@@ -2530,15 +2529,38 @@ function renderProcessDetails(messageId, processDetails) {
title: itemTitle,
message: detail.message || '',
data: data,
- createdAt: detail.createdAt // 传递实际的事件创建时间
+ createdAt: detail.createdAt
};
if (eventType === 'tool_call' && data._mergedResult) {
timelineOpts.mergedResult = data._mergedResult;
}
addTimelineItem(timeline, eventType, timelineOpts);
- });
+ }
- if (isLazyNotLoaded && reasoningFromMessage) {
+ const TIMELINE_RENDER_BATCH = 40;
+ const renderTimelineBatch = (startIdx) => {
+ const endIdx = Math.min(startIdx + TIMELINE_RENDER_BATCH, processDetails.length);
+ for (let i = startIdx; i < endIdx; i++) {
+ renderOneProcessDetail(processDetails[i]);
+ }
+ if (endIdx < processDetails.length) {
+ requestAnimationFrame(() => renderTimelineBatch(endIdx));
+ } else if (markLoaded) {
+ finishProcessDetailsRender(messageElement, processDetails, isLazyNotLoaded, timeline);
+ }
+ };
+ if (processDetails.length > TIMELINE_RENDER_BATCH) {
+ renderTimelineBatch(0);
+ } else {
+ processDetails.forEach(renderOneProcessDetail);
+ if (markLoaded) {
+ finishProcessDetailsRender(messageElement, processDetails, isLazyNotLoaded, timeline);
+ }
+ }
+}
+
+function finishProcessDetailsRender(messageElement, processDetails, isLazyNotLoaded, timeline) {
+ if (isLazyNotLoaded && getMessageReasoningContent(messageElement)) {
const lazyHint = document.createElement('div');
lazyHint.className = 'progress-timeline-empty progress-timeline-lazy-hint';
lazyHint.textContent = (typeof window.t === 'function' ? window.t('chat.expandDetail') : '展开详情') +
@@ -2546,15 +2568,12 @@ function renderProcessDetails(messageId, processDetails) {
timeline.appendChild(lazyHint);
}
- // 检查是否有错误或取消事件，如果有，确保详情默认折叠（但仍有待审批 HITL 时保持展开，由 restoreHitlInlineForConversation 处理）
const hasPendingHitlInDetails = processDetails.some(d => d && d.eventType === 'hitl_interrupt');
const hasErrorOrCancelled = processDetails.some(d =>
d.eventType === 'error' || d.eventType === 'cancelled'
);
if (hasErrorOrCancelled && !hasPendingHitlInDetails) {
- // 确保时间线是折叠的
timeline.classList.remove('expanded');
- // 更新按钮文本为"展开详情"
const processDetailBtn = messageElement.querySelector('.process-detail-btn');
if (processDetailBtn) {
processDetailBtn.innerHTML = '
${hasContent ? `
${timelineHTML}
` : '
' + (typeof window.t === 'function' ? window.t('chat.noProcessDetail') : '暂无过程详情（可能执行过快或未触发详细事件）') + '
'}
' + ((typeof window.t === 'function') ? window.t('chat.noProcessDetail') : '暂无过程详情（加载失败）') + '
';
}
- // 失败时保留 lazy 状态，允许用户重试
detailsContainer.dataset.lazyNotLoaded = '1';
detailsContainer.dataset.loaded = '0';
})
@@ -2756,12 +2743,16 @@ async function restoreHitlInlineForConversation(conversationId) {
if (detailsContainer.dataset.lazyNotLoaded === '1' && detailsContainer.dataset.loaded !== '1') {
try {
detailsContainer.dataset.loading = '1';
- const res = await apiFetch('/api/messages/' + encodeURIComponent(backendMsgId) + '/process-details');
- const j = await res.json().catch(function () { return {}; });
- if (!res.ok) throw new Error((j && j.error) ? j.error : String(res.status));
- const details = (j && Array.isArray(j.processDetails)) ? j.processDetails : [];
- if (typeof renderProcessDetails === 'function') {
- renderProcessDetails(clientMsgId, details);
+ if (typeof loadProcessDetailsPaginated === 'function') {
+ await loadProcessDetailsPaginated(clientMsgId, backendMsgId);
+ } else {
+ const res = await apiFetch('/api/messages/' + encodeURIComponent(backendMsgId) + '/process-details');
+ const j = await res.json().catch(function () { return {}; });
+ if (!res.ok) throw new Error((j && j.error) ? j.error : String(res.status));
+ const details = (j && Array.isArray(j.processDetails)) ? j.processDetails : [];
+ if (typeof renderProcessDetails === 'function') {
+ renderProcessDetails(clientMsgId, details);
+ }
}
} catch (e) {
console.error('加载过程详情失败（HITL 恢复）:', e);
@@ -5468,6 +5459,22 @@ function refreshProgressAndTimelineI18n() {
const expanded = timeline && timeline.classList.contains('expanded');
span.textContent = expanded ? _t('tasks.collapseDetail') : _t('chat.expandDetail');
});
+
+ document.querySelectorAll('#chat-messages .message.assistant').forEach(function (msgEl) {
+ if (typeof window.syncMcpToolsToggleButton === 'function') {
+ window.syncMcpToolsToggleButton(msgEl);
+ }
+ });
+
+ const copyLabel = _t('common.copy');
+ const copyTitle = _t('chat.copyMessageTitle');
+ document.querySelectorAll('#chat-messages .message-copy-btn').forEach(function (btn) {
+ if (btn.dataset.copySuccessActive === '1') return;
+ const span = btn.querySelector('span');
+ if (span) span.textContent = copyLabel;
+ btn.title = copyTitle;
+ btn.setAttribute('aria-label', copyTitle);
+ });
}
document.addEventListener('languagechange', function () {