lix/mnote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构基线

Browse Source
This commit is contained in:
Agent Board
2026-06-25 21:08:17 +08:00
parent cc4f975466
commit dabaf03bd7
42 changed files with 7720 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
rust/crates/mnote-web/browser/sidebar-page-ai-render-runtime.js
+139 -17
View File
@@ -54,6 +54,16 @@ export function createSidebarPageAiRenderRuntime(context) {
pageAiSkillSourceParts,
pageAiToggleableSkillEntries,
pageAiUsageSummary,
pageAiBoardFirstEnabled,
pageAiBoardWorkerOptions,
pageAiBoardWorkflowOptions,
pageAiBoardSelectedWorkerId,
pageAiBoardSelectedWorkflowId,
pageAiBoardWorkerLabel,
pageAiBoardWorkflowLabel,
pageAiBoardModelOptions,
pageAiBoardSelectedModelOverride,
pageAiBoardModelLabel,
pageUiState,
renderPageAiMarkdown,
searchText,
@@ -62,6 +72,18 @@ export function createSidebarPageAiRenderRuntime(context) {
} = context;
const PAGE_AI_CONTEXT_REF_REGISTRY = Array.isArray(contextRefRegistry) ? contextRefRegistry : [];
function pageAiLocalBoardFirstEnabled() {
try {
return window.localStorage ? window.localStorage.getItem('mnote.page_ai.legacy_provider_mode') !== '1' : true;
} catch (_error) {
return true;
}
}
function isPageAiBoardFirstEnabled() {
return typeof pageAiBoardFirstEnabled === 'function' ? pageAiBoardFirstEnabled() : pageAiLocalBoardFirstEnabled();
}
function pageAiTargetLabel(target) {
var workspacePath = target && target.workspacePath && typeof target.workspacePath === 'object' ? target.workspacePath : {};
var kind = String(target && (target.resourceKind || target.editorKind) || workspacePath.resourceKind || '').trim();
@@ -430,6 +452,8 @@ export function createSidebarPageAiRenderRuntime(context) {
function renderPageAiProviderButtons() {
var drawer = ensurePageAiDrawer();
if (drawer.getAttribute('data-page-ai-opencode-host') === 'true') return;
var boardFirst = isPageAiBoardFirstEnabled();
var isAcp = pageUiState.pageAiAcpRuntime !== '';
drawer.querySelectorAll('[data-page-ai-provider]').forEach(function(button) {
var provider = button.getAttribute('data-page-ai-provider') || 'hermes';
@@ -439,12 +463,14 @@ export function createSidebarPageAiRenderRuntime(context) {
});
var providerNode = drawer.querySelector('.wolai-page-ai-subtitle span:first-child');
if (providerNode instanceof HTMLElement) {
providerNode.textContent = pageAiAgentRecord(pageAiCurrentAgentId()).label;
providerNode.textContent = boardFirst ? 'Agent Board' : pageAiAgentRecord(pageAiCurrentAgentId()).label;
}
}
function renderPageAiControls() {
var drawer = ensurePageAiDrawer();
if (drawer.getAttribute('data-page-ai-opencode-host') === 'true') return;
var boardFirst = isPageAiBoardFirstEnabled();
var isAcp = pageUiState.pageAiAcpRuntime !== '';
var activeAgentId = pageAiCurrentAgentId();
var activeProfile = pageAiCurrentProfile();
@@ -456,19 +482,52 @@ export function createSidebarPageAiRenderRuntime(context) {
documentRef.documentElement.setAttribute('data-mnote-page-ai-agent-id', activeAgentId);
var agentButton = drawer.querySelector('[data-page-ai-agent-button]');
var agentPopoverId = 'mnote-page-ai-agent-popover';
var activeAgentLabel = pageAiCurrentAgentSelectionLabel();
var activeAgentLabel = boardFirst && typeof pageAiBoardWorkerLabel === 'function'
? pageAiBoardWorkerLabel() + ' / ' + (typeof pageAiBoardModelLabel === 'function' ? pageAiBoardModelLabel() : '默认')
: pageAiCurrentAgentSelectionLabel();
if (agentButton instanceof HTMLElement) {
agentButton.textContent = 'AI';
agentButton.textContent = boardFirst ? 'Board' : 'AI';
agentButton.setAttribute('aria-expanded', pageUiState.pageAiAgentPopoverOpen ? 'true' : 'false');
agentButton.setAttribute('aria-controls', agentPopoverId);
agentButton.setAttribute('data-page-ai-agent-summary', activeAgentLabel);
agentButton.setAttribute('aria-label', 'Agent：' + activeAgentLabel);
agentButton.setAttribute('title', 'Agent：' + activeAgentLabel);
agentButton.setAttribute('aria-label', (boardFirst ? '运行控制：' : 'Agent：') + activeAgentLabel);
agentButton.setAttribute('title', (boardFirst ? '运行控制：' : 'Agent：') + activeAgentLabel);
}
var agentPopover = drawer.querySelector('[data-page-ai-agent-popover]');
if (agentPopover instanceof HTMLElement) {
agentPopover.id = agentPopoverId;
agentPopover.hidden = !pageUiState.pageAiAgentPopoverOpen;
if (boardFirst) {
var selectedWorkerId = typeof pageAiBoardSelectedWorkerId === 'function' ? pageAiBoardSelectedWorkerId() : 'mnote-page-ai-zcode';
var selectedWorkflowId = typeof pageAiBoardSelectedWorkflowId === 'function' ? pageAiBoardSelectedWorkflowId() : 'builtin-mnote-page-ai-chat';
var workerOptions = typeof pageAiBoardWorkerOptions === 'function' ? pageAiBoardWorkerOptions() : [];
var workflowOptions = typeof pageAiBoardWorkflowOptions === 'function' ? pageAiBoardWorkflowOptions() : [];
var modelOptions = typeof pageAiBoardModelOptions === 'function' ? pageAiBoardModelOptions(selectedWorkerId) : [];
var selectedModelOverride = typeof pageAiBoardSelectedModelOverride === 'function' ? pageAiBoardSelectedModelOverride() : 'zcode-default';
var workerSelect = workerOptions.length > 1 ? '<label class="wolai-page-ai-profile-select"><span>Worker</span><select data-page-ai-board-worker>' + workerOptions.map(function(worker) {
var id = String(worker.id || '').trim();
var label = String(worker.name || worker.id || '').trim();
var detail = [worker.agentType, worker.agentModel].filter(Boolean).join(' · ');
return '<option value="' + escapeHtml(id) + '"' + (id === selectedWorkerId ? ' selected' : '') + '>' + escapeHtml([label, detail].filter(Boolean).join(' · ')) + '</option>';
}).join('') + '</select></label>' : '<div class="wolai-page-ai-profile-select"><span>Worker</span><strong>' + escapeHtml(typeof pageAiBoardWorkerLabel === 'function' ? pageAiBoardWorkerLabel() : 'MNote 页面 AI · ZCode') + '</strong></div>';
var workflowSelect = workflowOptions.length > 1 ? '<label class="wolai-page-ai-profile-select"><span>Workflow</span><select data-page-ai-board-workflow>' + workflowOptions.map(function(workflow) {
var id = String(workflow.id || '').trim();
var label = String(workflow.name || workflow.id || '').trim();
return '<option value="' + escapeHtml(id) + '"' + (id === selectedWorkflowId ? ' selected' : '') + '>' + escapeHtml(label) + '</option>';
}).join('') + '</select></label>' : '<div class="wolai-page-ai-profile-select"><span>Workflow</span><strong>' + escapeHtml(typeof pageAiBoardWorkflowLabel === 'function' ? pageAiBoardWorkflowLabel() : 'MNote 页面 AI') + '</strong></div>';
var modelSelect = '<label class="wolai-page-ai-profile-select"><span>模型</span><select data-page-ai-board-model>' + modelOptions.map(function(option) {
var id = String(option.id || '').trim();
var label = String(option.label || option.id || '').trim();
return '<option value="' + escapeHtml(id) + '"' + (id === selectedModelOverride ? ' selected' : '') + '>' + escapeHtml(label) + '</option>';
}).join('') + '</select></label>';
agentPopover.innerHTML = '' +
'<div class="wolai-page-ai-context-popover-head">' +
'<strong>Agent Board</strong>' +
'<button type="button" class="wolai-page-ai-ghost" data-page-ai-action="close-agent-popover">完成</button>' +
'</div>' +
'<div class="wolai-page-ai-settings-grid">' + workerSelect + modelSelect + workflowSelect + '</div>' +
'<div class="wolai-page-ai-empty">MNote 只发送 capability/envelope；provider、执行和 workflow 由 Agent Board 负责。</div>';
} else {
var chatOnlyOptions = pageAiChatOnlyProfileEntries().map(function(profile) {
var spec = pageAiChatOnlyProfileSpec(profile);
var label = profile.menuLabel || (spec && spec.label) || pageAiProfileDisplayLabel(profile, '');
@@ -509,11 +568,12 @@ export function createSidebarPageAiRenderRuntime(context) {
'</button>' +
'</div>' +
'</div>';
}
}
var agentChip = drawer.querySelector('[data-page-ai-agent-chip]');
if (agentChip instanceof HTMLElement) {
agentChip.textContent = activeAgentLabel;
agentChip.setAttribute('title', '当前 Agent：' + activeAgentLabel);
agentChip.textContent = boardFirst && typeof pageAiBoardWorkerLabel === 'function' ? pageAiBoardWorkerLabel() + ' / ' + (typeof pageAiBoardModelLabel === 'function' ? pageAiBoardModelLabel() : '默认') : activeAgentLabel;
agentChip.setAttribute('title', boardFirst ? '当前 worker/model：' + agentChip.textContent : '当前 Agent：' + activeAgentLabel);
}
var contextButton = drawer.querySelector('[data-page-ai-context-button]');
var contextPopoverId = 'mnote-page-ai-context-popover';
@@ -676,7 +736,10 @@ export function createSidebarPageAiRenderRuntime(context) {
runStatus.textContent = pageAiRunStatusLabel(pageUiState.pageAiRunStatus) + queueSuffix;
}
drawer.querySelectorAll('[data-page-ai-runtime-badge]').forEach(function(runtimeBadge) {
if (runtimeBadge instanceof HTMLElement) runtimeBadge.textContent = pageAiRuntimeStatusLabel();
if (runtimeBadge instanceof HTMLElement) {
var workflowLabel = boardFirst && typeof pageAiBoardWorkflowLabel === 'function' ? pageAiBoardWorkflowLabel() : '';
runtimeBadge.textContent = boardFirst ? 'Agent Board · ' + workflowLabel : pageAiRuntimeStatusLabel();
}
});
var runtimeActive = drawer.querySelector('[data-page-ai-runtime-active-run]');
if (runtimeActive instanceof HTMLElement) {
@@ -684,7 +747,7 @@ export function createSidebarPageAiRenderRuntime(context) {
runtimeActive.textContent = pageAiRunStatusLabel(activeRunStatus);
}
var runtimeAcp = drawer.querySelector('[data-page-ai-runtime-acp]');
if (runtimeAcp instanceof HTMLElement) runtimeAcp.textContent = pageAiRuntimeStatusValue('acp.acpSessionId', '无 ACP session');
if (runtimeAcp instanceof HTMLElement) runtimeAcp.textContent = boardFirst ? 'provider 由 Board worker 决定' : pageAiRuntimeStatusValue('acp.acpSessionId', '无 ACP session');
var runtimeDetail = drawer.querySelector('[data-page-ai-runtime-detail]');
if (runtimeDetail instanceof HTMLElement) runtimeDetail.innerHTML = pageAiRuntimeDetailHtml();
var jobsList = drawer.querySelector('[data-page-ai-jobs-list]');
@@ -709,12 +772,12 @@ export function createSidebarPageAiRenderRuntime(context) {
}
var usageDetail = drawer.querySelector('[data-page-ai-usage-detail]');
if (usageDetail instanceof HTMLElement) usageDetail.innerHTML = pageAiUsageDetailHtml();
var stopButton = drawer.querySelector('[data-page-ai-action="stop-run"]');
if (stopButton instanceof HTMLButtonElement) {
var canStop = ['queued', 'running', 'tool_calling'].indexOf(pageUiState.pageAiRunStatus) >= 0 && pageUiState.pageAiCurrentRunId;
var canStop = ['queued', 'running', 'tool_calling'].indexOf(pageUiState.pageAiRunStatus) >= 0 && pageUiState.pageAiCurrentRunId;
drawer.querySelectorAll('[data-page-ai-action="stop-run"]').forEach(function(stopButton) {
if (!(stopButton instanceof HTMLButtonElement)) return;
stopButton.disabled = !canStop;
stopButton.setAttribute('aria-disabled', canStop ? 'false' : 'true');
}
});
var settingsLink = drawer.querySelector('[data-page-ai-action="open-hermes-settings"]');
if (settingsLink instanceof HTMLButtonElement) {
settingsLink.disabled = !pageAiHermesSettingsUrl();
@@ -771,6 +834,19 @@ export function createSidebarPageAiRenderRuntime(context) {
panel.hidden = panel.getAttribute('data-page-ai-panel') !== pageUiState.pageAiPage;
}
});
if (boardFirst) {
var subtitle = drawer.querySelector('.wolai-page-ai-subtitle');
if (subtitle instanceof HTMLElement) {
var workerLabel = typeof pageAiBoardWorkerLabel === 'function' ? pageAiBoardWorkerLabel() : 'ZCode 默认 developer';
subtitle.innerHTML = '<span>Agent Board</span><span>' + escapeHtml(workerLabel) + '</span><span>local-first 文件编辑</span>';
}
drawer.querySelectorAll('[data-page-ai-tab="agent"], [data-page-ai-tab="reasonix-settings"], [data-page-ai-tab="hermes-settings"]').forEach(function(node) {
if (node instanceof HTMLElement) node.hidden = true;
});
drawer.querySelectorAll('[data-page-ai-panel="agent"], [data-page-ai-panel="reasonix-settings"], [data-page-ai-panel="hermes-settings"]').forEach(function(node) {
if (node instanceof HTMLElement) node.setAttribute('data-page-ai-legacy-provider-panel', 'true');
});
}
var profileError = drawer.querySelector('[data-page-ai-profile-error]');
if (profileError instanceof HTMLElement) {
profileError.textContent = pageUiState.pageAiProfileError || '';
@@ -1068,8 +1144,8 @@ export function createSidebarPageAiRenderRuntime(context) {
'</div>' +
'</div>' +
'<div class="wolai-page-ai-header-actions">' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-action="new-session" aria-label="新建 AI 会话" title="新建 AI 会话">＋</button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-action="history" aria-label="历史会话" title="历史会话">⌕</button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-action="new-session" aria-label="新建 AI 会话" title="新建 AI 会话"><span class="material-symbols-outlined" data-icon="add" aria-hidden="true"></span></button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-action="history" aria-label="历史会话" title="历史会话"><span class="material-symbols-outlined" data-icon="history" aria-hidden="true"></span></button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-tab="skills" aria-label="能力" title="能力">' +
'<svg class="wolai-page-ai-icon-svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">' +
'<path d="M12 3l1.35 4.15L17.5 8.5l-4.15 1.35L12 14l-1.35-4.15L6.5 8.5l4.15-1.35L12 3z" />' +
@@ -1077,8 +1153,8 @@ export function createSidebarPageAiRenderRuntime(context) {
'<path d="M5.5 14l.65 1.85L8 16.5l-1.85.65L5.5 19l-.65-1.85L3 16.5l1.85-.65L5.5 14z" />' +
'</svg>' +
'</button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-tab="agent" aria-label="打开页面 AI 设置">⚙</button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-action="close" aria-label="关闭页面 AI">×</button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-tab="agent" aria-label="打开页面 AI 设置"><span class="material-symbols-outlined" data-icon="admin_panel_settings" aria-hidden="true"></span></button>' +
'<button type="button" class="wolai-page-ai-icon" data-page-ai-action="close" aria-label="关闭页面 AI"><span class="material-symbols-outlined" data-icon="close" aria-hidden="true"></span></button>' +
'</div>' +
'</div>' +
'<button type="button" class="wolai-page-ai-runtime-strip" data-page-ai-runtime-strip data-page-ai-tab="status" aria-label="打开 Page AI 状态">' +
@@ -1540,6 +1616,13 @@ export function createSidebarPageAiRenderRuntime(context) {
function pageAiRenderNonToolMessage(item) {
var roleLabel = item.role === 'user' ? '你' : (item.role === 'tool' ? '工具' : 'AI');
if (item.kind === 'status') {
return '' +
'<div class="wolai-page-ai-message wolai-page-ai-message--assistant" data-page-ai-status-message="true"' + (item.streaming ? ' data-page-ai-streaming="true"' : '') + '>' +
'<div class="wolai-page-ai-message-role">AI</div>' +
'<div class="wolai-page-ai-message-text">' + escapeHtml(item.content || '') + '</div>' +
'</div>';
}
if (item.kind === 'thought') {
return '' +
'<div class="wolai-page-ai-message wolai-page-ai-message--assistant" data-page-ai-collapse-card data-page-ai-collapse-id="thought-single">' +
@@ -1602,10 +1685,14 @@ export function createSidebarPageAiRenderRuntime(context) {
}
if (pageAiLooksLikeReasonixPlanMessage(item)) return pageAiRenderReasonixPlanCard(item);
var streamingAttr = item.streaming ? ' data-page-ai-streaming="true"' : '';
var detailButton = item.boardRunId
? '<div class="wolai-page-ai-message-actions"><button type="button" class="wolai-page-ai-ghost" data-page-ai-board-run-detail="' + escapeHtml(item.boardRunId) + '">Run detail</button>' + (item.retryPrompt ? '<button type="button" class="wolai-page-ai-ghost" data-page-ai-retry-message="' + escapeHtml(item.boardRunId) + '">重试</button>' : '') + '<button type="button" class="wolai-page-ai-ghost" data-page-ai-copy-message="' + escapeHtml(item.boardRunId) + '">复制</button></div>'
: '';
return '' +
'<div class="wolai-page-ai-message wolai-page-ai-message--' + escapeHtml(item.role || 'assistant') + '"' + streamingAttr + '>' +
'<div class="wolai-page-ai-message-role">' + escapeHtml(roleLabel) + '</div>' +
'<div class="wolai-page-ai-message-text">' + (item.role === 'assistant' ? renderPageAiMarkdown(item.content || '') : escapeHtml(item.content || '')) + '</div>' +
detailButton +
'</div>';
}
@@ -1669,6 +1756,38 @@ export function createSidebarPageAiRenderRuntime(context) {
return titleKey === previewKey || previewKey.indexOf(titleKey) === 0 || titleKey.indexOf(previewKey) === 0;
}
function pageAiBoardRunDetailHtml(runId) {
var current = typeof pageAiCurrentSession === 'function' ? pageAiCurrentSession() : null;
var detail = pageUiState.pageAiBoardRunDetails && pageUiState.pageAiBoardRunDetails[runId]
|| current && current.boardRuns && current.boardRuns[runId]
|| null;
if (!detail) return '<div class="wolai-page-ai-empty">暂无 run detail。</div>';
var changedFiles = pageAiNormalizeArray(detail.changedFiles).map(function(file) {
return '<li>' + escapeHtml(String(file.path || file || '')) + (file.status ? ' · ' + escapeHtml(file.status) : '') + '</li>';
}).join('');
var verification = pageAiNormalizeArray(detail.verification).map(function(item) {
return '<li>' + escapeHtml([item.command, item.status, item.output].filter(Boolean).join(' · ')) + '</li>';
}).join('');
var timeline = pageAiNormalizeArray(detail.timeline).map(function(event) {
return '<li>' + escapeHtml([event.type, event.message, event.timestamp].filter(Boolean).join(' · ')) + '</li>';
}).join('');
return '' +
'<div class="wolai-page-ai-message wolai-page-ai-message--tool" data-page-ai-board-run-detail-card="true">' +
'<div class="wolai-page-ai-permission-card-header">' +
'<div class="wolai-page-ai-plan-card-title-wrap"><span class="wolai-page-ai-plan-card-kicker">Run detail</span><strong class="wolai-page-ai-plan-card-title">' + escapeHtml(detail.runId || runId) + '</strong></div>' +
'<span class="wolai-page-ai-permission-badge">' + escapeHtml(detail.status || '') + '</span>' +
'</div>' +
'<div class="wolai-page-ai-permission-summary">' +
'<div class="wolai-page-ai-permission-row"><span>Worker</span><strong>' + escapeHtml(detail.workerName || detail.workerPresetId || '') + '</strong></div>' +
'<div class="wolai-page-ai-permission-row"><span>Model</span><strong>' + escapeHtml(detail.modelLabel || detail.modelOverride || '') + '</strong></div>' +
'<div class="wolai-page-ai-permission-row"><span>Workflow</span><strong>' + escapeHtml(detail.workflowName || detail.workflowId || '') + '</strong></div>' +
'</div>' +
(changedFiles ? '<details class="wolai-page-ai-tool-details" open><summary><strong>changed files</strong><span>' + String(pageAiNormalizeArray(detail.changedFiles).length) + '</span></summary><ul>' + changedFiles + '</ul></details>' : '') +
(verification ? '<details class="wolai-page-ai-tool-details"><summary><strong>verification</strong><span>' + String(pageAiNormalizeArray(detail.verification).length) + '</span></summary><ul>' + verification + '</ul></details>' : '') +
(timeline ? '<details class="wolai-page-ai-tool-details"><summary><strong>timeline</strong><span>' + String(pageAiNormalizeArray(detail.timeline).length) + '</span></summary><ul>' + timeline + '</ul></details>' : '') +
'</div>';
}
function renderPageAiConversation() {
var drawer = ensurePageAiDrawer();
renderPageAiSuggestions();
@@ -1721,6 +1840,9 @@ export function createSidebarPageAiRenderRuntime(context) {
var previousScrollTop = conversation.scrollTop;
var openToolDetails = pageAiCaptureOpenToolDetails(conversation);
conversation.innerHTML = pageAiConversationRenderHtml(pageUiState.pageAiMessages);
if (pageUiState.pageAiBoardActiveDetailRunId) {
conversation.insertAdjacentHTML('beforeend', pageAiBoardRunDetailHtml(pageUiState.pageAiBoardActiveDetailRunId));
}
pageAiRestoreOpenToolDetails(conversation, openToolDetails);
if (shouldStickToBottom) {
conversation.scrollTop = conversation.scrollHeight;