mnote/rust/crates/mnote-web/browser/sidebar-page-ai-render-runtime.js

export function createSidebarPageAiRenderRuntime(context) {
  const {
    contextRefRegistry,
    cssEscape,
    currentDocumentId,
    documentRef,
    escapeHtml,
    localMarkdownRelativePathFromPageAiDocumentId,
    pageAiAgentRecord,
    pageAiAllSkillEntries,
    pageAiBuildAllowedRoots,
    pageAiChatOnlyProfileEntries,
    pageAiChatOnlyProfileSpec,
    pageAiCurrentAgentId,
    pageAiCurrentProfile,
    pageAiCurrentProfileRecord,
    pageAiCurrentSession,
    pageAiCurrentSkillSource,
    pageAiCurrentSkillSourceLabel,
    pageAiDefaultChatOnlyProfileSpec,
    pageAiEditorTargetCandidates,
    pageAiEnsureContextRefState,
    pageAiFilteredHistoryRows,
    pageAiHideHermesBuiltinSkills,
    pageAiHermesProfileEntries,
    pageAiHermesSettingsUrl,
    pageAiMnoteToolModel,
    pageAiNormalizeAcpRuntimes,
    pageAiNormalizeArray,
    pageAiNormalizeSkillSource,
    pageAiProfileDisplayLabel,
    pageAiProfileValue,
    pageAiProviderLabel,
    pageAiReasonixMemoryEnabled,
    pageAiRunProfile,
    pageAiSessionAgentFilterOptions,
    pageAiSessionAgentLabel,
    pageAiSessionAgentFilterValue,
    pageAiSessionPreviewText,
    pageAiSessionStorageLabel,
    pageAiSkillEnabled,
    pageAiSkillGroupCollapsed,
    pageAiSkillListEntries,
    pageAiSkillOriginLabel,
    pageAiSkillSourceOptions,
    pageAiSkillSourceParts,
    pageAiToggleableSkillEntries,
    pageAiUsageSummary,
    pageUiState,
    renderPageAiMarkdown,
    searchText,
    currentPageAiEditorTarget,
    currentPageAiSelectedText,
  } = context;
  const PAGE_AI_CONTEXT_REF_REGISTRY = Array.isArray(contextRefRegistry) ? contextRefRegistry : [];

  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();
    var title = String(target && target.title || '').trim();
    var relativePath = String(workspacePath.relativePath || target && target.path || '').trim();
    if (title) return title;
    if (relativePath) return relativePath.split('/').filter(Boolean).pop() || relativePath;
    if (kind === 'mindmap') return '思维导图';
    if (kind === 'only_office') return 'Office 资源';
    return '当前页';
  }

  function pageAiTargetDetail(target) {
    var workspacePath = target && target.workspacePath && typeof target.workspacePath === 'object' ? target.workspacePath : {};
    var kind = String(target && (target.resourceKind || target.editorKind) || workspacePath.resourceKind || '').trim();
    var pane = String(target && target.paneRole || '').trim();
    var relativePath = String(workspacePath.relativePath || target && target.path || '').trim();
    return [kind || 'page', pane, relativePath].filter(Boolean).join(' · ');
  }

  function pageAiContextRefLabel(kind) {
    var record = PAGE_AI_CONTEXT_REF_REGISTRY.find(function(ref) { return ref.id === kind; });
    return record ? record.label : kind;
  }

  function pageAiContextButtonSummary() {
    var selected = pageAiEnsureContextRefState();
    var labels = PAGE_AI_CONTEXT_REF_REGISTRY
      .filter(function(ref) { return selected[ref.id] === true; })
      .map(function(ref) { return ref.label; });
    if (!labels.length) return '选择上下文';
    var head = labels.slice(0, 2).join(' + ');
    return labels.length > 2 ? head + ' +' + String(labels.length - 2) : head;
  }

  function pageAiContextRefDetail(kind) {
    var documentId = currentDocumentId();
    var relativePath = localMarkdownRelativePathFromPageAiDocumentId(documentId);
    if (kind === 'current_page') return relativePath || documentId || '当前页面';
    if (kind === 'selection') return currentPageAiSelectedText() ? '当前选区可用' : '当前没有选区';
    if (kind === 'active_editor') {
      var target = currentPageAiEditorTarget();
      return String(target && (target.title || target.documentId) || relativePath || '当前打开资源');
    }
    if (kind === 'file') return relativePath || '当前文件';
    if (kind === 'folder') {
      var roots = pageAiBuildAllowedRoots();
      if (!roots.length) return '需要授权后可用';
      return roots.map(function(root) { return root.rootUri.replace(/^file:\/\//, ''); }).filter(Boolean)[0] || '已授权文件夹';
    }
    if (kind === 'changed_files') return '本次 run 后可用于追问';
    return '';
  }

  function pageAiContextRefDisabled(kind) {
    if (kind === 'selection') return !currentPageAiSelectedText();
    return false;
  }

  function pageAiSuggestions() {
    var title = searchText(documentRef.querySelector('[data-page-title-current="true"]')?.textContent) || '当前页面';
    return [
      '帮我总结《' + title + '》当前内容',
      '把当前页面改写得更简洁一些',
      '提炼当前页的关键待办和行动项',
      '基于当前页内容生成一个三段式摘要'
    ];
  }

  function pageAiCurrentAgentSelectionLabel() {
    var agentId = pageAiCurrentAgentId();
    if (agentId === 'reasonix') return 'Reasonix';
    var profile = pageAiCurrentProfileRecord();
    var chatOnlySpec = pageAiChatOnlyProfileSpec(profile || pageAiCurrentProfile());
    if (agentId === 'chat_only') {
      return 'ChatOnly / ' + (chatOnlySpec || pageAiDefaultChatOnlyProfileSpec()).label;
    }
    if (chatOnlySpec) {
      return 'ChatOnly / ' + chatOnlySpec.label;
    }
    if (agentId === 'hermes') return 'Hermes / ' + pageAiProfileDisplayLabel(profile, pageAiCurrentProfile());
    return pageAiAgentRecord(agentId).label;
  }

  function pageAiRenderAgentProfileOption(agentId, profile, label, detail) {
    var profileId = pageAiProfileValue(profile);
    var active = pageAiCurrentAgentId() === agentId && profileId === pageAiCurrentProfile();
    return '' +
      '<button type="button" class="wolai-page-ai-agent-option' + (active ? ' is-active' : '') + '" data-page-ai-agent-id="' + escapeHtml(agentId) + '" data-page-ai-profile-id="' + escapeHtml(profileId) + '" aria-pressed="' + (active ? 'true' : 'false') + '">' +
        '<span class="wolai-page-ai-agent-option-label">' + escapeHtml(label) + '</span>' +
        '<span class="wolai-page-ai-agent-option-detail">' + escapeHtml(detail || profileId) + '</span>' +
      '</button>';
  }

  function pageAiCurrentModelLabel() {
    var profile = pageAiCurrentProfileRecord();
    var toolModel = pageAiMnoteToolModel();
    if (!profile) return 'tool: ' + toolModel;
    var model = String(profile.model || '').trim();
    var gateway = String(profile.gateway || '').trim();
    var profileLabel = [model, gateway].filter(Boolean).join(' · ') || '由 Hermes 决定';
    return 'tool: ' + toolModel + ' · profile: ' + profileLabel;
  }

  function pageAiFormatChangedFiles(files) {
    return pageAiNormalizeArray(files).map(function(file) {
      var path = String(file && file.path || '').trim();
      var changeType = String(file && file.changeType || file.change_type || 'modified').trim();
      var summary = String(file && file.summary || '').trim();
      var version = String(file && (file.version || file.revision || '') || '').trim();
      var hashBefore = String(file && file.hashBefore || '').trim();
      var hashAfter = String(file && file.hashAfter || '').trim();
      if (!version && (hashBefore || hashAfter)) version = 'hash ' + [hashBefore || '0', hashAfter || '0'].join('→');
      var modifiedBefore = Number(file && file.modifiedBeforeMs || 0) || 0;
      var modifiedAfter = Number(file && file.modifiedAfterMs || 0) || 0;
      if (!version && (modifiedBefore || modifiedAfter)) version = 'mtime ' + [String(modifiedBefore), String(modifiedAfter)].join('→');
      var actor = [file && file.agentKind, file && file.actorType, file && file.actorId].map(function(value) {
        return String(value || '').trim();
      }).filter(Boolean).join('/');
      return [changeType, path, version, summary, actor].filter(Boolean).join(' · ');
    }).filter(Boolean).join('\n');
  }

  function pageAiRunStatusLabel(status) {
    if (status === 'queued') return '排队中';
    if (status === 'running') return '运行中';
    if (status === 'tool_calling') return '调用工具';
    if (status === 'completed') return '已完成';
    if (status === 'failed') return '失败';
    if (status === 'aborted') return '已停止';
    return '空闲';
  }

  function pageAiMemoryFileLabel(section) {
    if (section === 'soul') return 'SOUL.md';
    if (section === 'user') return 'USER.md';
    return 'MEMORY.md';
  }

  function pageAiContextScopeLabel(scope) {
    if (scope === 'selection') return '当前选区';
    if (scope === 'block') return '当前块';
    if (scope === 'options') return '页面设置';
    return '当前页';
  }

  function pageAiFilteredSkillEntries() {
    var query = String(pageUiState.pageAiSkillQuery || '').trim().toLowerCase();
    var parts = pageAiSkillSourceParts(pageAiCurrentSkillSource());
    var entries = pageAiToggleableSkillEntries(parts.group, parts.profile);
    if (!entries.length) {
      entries = pageAiSkillListEntries().map(function(skill) {
        return Object.assign({}, skill, {
          group: parts.group,
          profile: parts.profile || ''
        });
      });
    }
    return entries.filter(function(skill) {
      if (parts.group === 'hermes' && pageAiHideHermesBuiltinSkills(parts.profile) && skill.builtin === true) return false;
      if (!query) return true;
      return String(skill.name || skill.id || '').toLowerCase().indexOf(query) >= 0
        || String(skill.title || '').toLowerCase().indexOf(query) >= 0
        || String(skill.description || '').toLowerCase().indexOf(query) >= 0
        || String(skill.category || '').toLowerCase().indexOf(query) >= 0
        || pageAiSkillOriginLabel(skill).toLowerCase().indexOf(query) >= 0;
    });
  }

  function renderPageAiProviderButtons() {
    var drawer = ensurePageAiDrawer();
    var isAcp = pageUiState.pageAiAcpRuntime !== '';
    drawer.querySelectorAll('[data-page-ai-provider]').forEach(function(button) {
      var provider = button.getAttribute('data-page-ai-provider') || 'hermes';
      var active = provider === pageUiState.pageAiProvider;
      button.classList.toggle('is-active', active);
      button.setAttribute('aria-pressed', active ? 'true' : 'false');
    });
    var providerNode = drawer.querySelector('.wolai-page-ai-subtitle span:first-child');
    if (providerNode instanceof HTMLElement) {
      providerNode.textContent = pageAiAgentRecord(pageAiCurrentAgentId()).label;
    }
  }

  function renderPageAiControls() {
    var drawer = ensurePageAiDrawer();
    var isAcp = pageUiState.pageAiAcpRuntime !== '';
    var activeAgentId = pageAiCurrentAgentId();
    var activeProfile = pageAiCurrentProfile();
    drawer.setAttribute('data-page-ai-page', pageUiState.pageAiPage || 'chat');
    drawer.setAttribute('data-page-ai-active-agent-id', activeAgentId);
    drawer.setAttribute('data-mnote-acp-runtime', pageUiState.pageAiAcpRuntime || 'reasonix');
    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();
    if (agentButton instanceof HTMLElement) {
      agentButton.textContent = '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);
    }
    var agentPopover = drawer.querySelector('[data-page-ai-agent-popover]');
    if (agentPopover instanceof HTMLElement) {
      agentPopover.id = agentPopoverId;
      agentPopover.hidden = !pageUiState.pageAiAgentPopoverOpen;
      var chatOnlyOptions = pageAiChatOnlyProfileEntries().map(function(profile) {
        var spec = pageAiChatOnlyProfileSpec(profile);
        var label = profile.menuLabel || (spec && spec.label) || pageAiProfileDisplayLabel(profile, '');
        var providerKind = String(profile.providerKind || (spec && spec.providerKind) || '').trim();
        var detail = providerKind === 'api-chat' ? 'API 聊天 · 不申请文件写权限' : '网页问答 · 不申请文件写权限';
        return pageAiRenderAgentProfileOption('chat_only', profile, label, detail);
      }).join('');
      var hermesOptions = pageAiHermesProfileEntries().map(function(profile) {
        var profileId = pageAiProfileValue(profile);
        var scope = profile.kind === 'shared'
          ? (profile.readonly ? '共享 · 只读配置' : '共享')
          : (profile.kind === 'personal' ? '个人 profile' : 'Hermes profile');
        return pageAiRenderAgentProfileOption('hermes', profile, pageAiProfileDisplayLabel(profile, profileId), scope);
      }).join('');
      var reasonixActive = activeAgentId === 'reasonix';
      agentPopover.innerHTML = '' +
        '<div class="wolai-page-ai-context-popover-head">' +
          '<strong>选择 Agent</strong>' +
          '<button type="button" class="wolai-page-ai-ghost" data-page-ai-action="close-agent-popover">完成</button>' +
        '</div>' +
        '<div class="wolai-page-ai-agent-popover-section" data-page-ai-agent-section="chat_only">' +
          '<div class="wolai-page-ai-agent-popover-title">ChatOnly</div>' +
          '<div class="wolai-page-ai-agent-option-list">' + chatOnlyOptions + '</div>' +
        '</div>' +
        '<div class="wolai-page-ai-agent-popover-section" data-page-ai-agent-section="hermes">' +
          '<div class="wolai-page-ai-agent-popover-title">Hermes</div>' +
          '<div class="wolai-page-ai-agent-option-list">' + hermesOptions + '</div>' +
        '</div>' +
        '<div class="wolai-page-ai-agent-popover-section" data-page-ai-agent-section="reasonix">' +
          '<div class="wolai-page-ai-agent-popover-title">Reasonix</div>' +
          '<div class="wolai-page-ai-agent-option-list">' +
            '<button type="button" class="wolai-page-ai-agent-option' + (reasonixActive ? ' is-active' : '') + '" data-page-ai-agent-id="reasonix" aria-pressed="' + (reasonixActive ? 'true' : 'false') + '">' +
              '<span class="wolai-page-ai-agent-option-label">Reasonix</span>' +
              '<span class="wolai-page-ai-agent-option-detail">可读取并在授权目录内写文件</span>' +
            '</button>' +
          '</div>' +
        '</div>';
    }
    var agentChip = drawer.querySelector('[data-page-ai-agent-chip]');
    if (agentChip instanceof HTMLElement) {
      agentChip.textContent = activeAgentLabel;
      agentChip.setAttribute('title', '当前 Agent：' + activeAgentLabel);
    }
    var contextButton = drawer.querySelector('[data-page-ai-context-button]');
    var contextPopoverId = 'mnote-page-ai-context-popover';
    if (contextButton instanceof HTMLElement) {
      var summary = pageAiContextButtonSummary();
      contextButton.textContent = '⇅';
      contextButton.setAttribute('aria-expanded', pageUiState.pageAiContextPopoverOpen ? 'true' : 'false');
      contextButton.setAttribute('aria-controls', contextPopoverId);
      contextButton.setAttribute('data-page-ai-context-summary', summary);
      contextButton.setAttribute('aria-label', '上下文：' + summary);
      contextButton.setAttribute('title', '上下文：' + summary);
    }
    var contextPopover = drawer.querySelector('[data-page-ai-context-popover]');
    if (contextPopover instanceof HTMLElement) {
      var selectedRefs = pageAiEnsureContextRefState();
      contextPopover.id = contextPopoverId;
      contextPopover.hidden = !pageUiState.pageAiContextPopoverOpen;
      contextPopover.innerHTML = '' +
        '<div class="wolai-page-ai-context-popover-head">' +
          '<strong>发送给 AI 的上下文</strong>' +
          '<button type="button" class="wolai-page-ai-ghost" data-page-ai-action="close-context-popover">完成</button>' +
        '</div>' +
        '<div class="wolai-page-ai-context-option-list">' +
          PAGE_AI_CONTEXT_REF_REGISTRY.map(function(ref) {
            var checked = selectedRefs[ref.id] === true;
            var disabled = pageAiContextRefDisabled(ref.id);
            return '' +
              '<label class="wolai-page-ai-context-option' + (disabled ? ' is-disabled' : '') + '">' +
                '<input type="checkbox" data-page-ai-context-ref="' + escapeHtml(ref.id) + '"' + (checked ? ' checked' : '') + (disabled ? ' disabled' : '') + ' />' +
                '<span class="wolai-page-ai-context-option-main">' +
                  '<span class="wolai-page-ai-context-option-label">' + escapeHtml(ref.label) + '</span>' +
                  '<span class="wolai-page-ai-context-option-detail">' + escapeHtml(pageAiContextRefDetail(ref.id)) + '</span>' +
                '</span>' +
              '</label>';
          }).join('') +
        '</div>' +
        '<div class="wolai-page-ai-context-popover-foot">' +
          '<span>授权区域</span>' +
          '<span>' + escapeHtml(pageAiBuildAllowedRoots().length ? pageAiBuildAllowedRoots().map(function(root) { return root.permission + ' · ' + root.rootUri.replace(/^file:\/\//, ''); }).join(' / ') : '未选择授权区域') + '</span>' +
        '</div>';
    }
    var targetButton = drawer.querySelector('[data-page-ai-target-button]');
    var targetPopover = drawer.querySelector('[data-page-ai-target-popover]');
    var targetChip = drawer.querySelector('[data-page-ai-target-chip]');
    var targetPopoverId = 'mnote-page-ai-target-popover';
    var targetCandidates = pageAiEditorTargetCandidates();
    var activeTarget = currentPageAiEditorTarget();
    var activeTargetLabel = pageAiTargetLabel(activeTarget);
    if (targetButton instanceof HTMLElement) {
      targetButton.textContent = '◎';
      targetButton.setAttribute('aria-expanded', pageUiState.pageAiTargetPopoverOpen ? 'true' : 'false');
      targetButton.setAttribute('aria-controls', targetPopoverId);
      targetButton.setAttribute('aria-label', '目标：' + activeTargetLabel);
      targetButton.setAttribute('title', '目标：' + activeTargetLabel);
    }
    if (targetChip instanceof HTMLElement) {
      targetChip.textContent = activeTargetLabel;
      targetChip.setAttribute('title', '当前目标：' + activeTargetLabel + ' · ' + pageAiTargetDetail(activeTarget));
    }
    if (targetPopover instanceof HTMLElement) {
      targetPopover.id = targetPopoverId;
      targetPopover.hidden = !pageUiState.pageAiTargetPopoverOpen;
      targetPopover.innerHTML = '' +
        '<div class="wolai-page-ai-context-popover-head">' +
          '<strong>选择写入目标</strong>' +
          '<button type="button" class="wolai-page-ai-ghost" data-page-ai-action="close-target-popover">完成</button>' +
        '</div>' +
        '<div class="wolai-page-ai-target-option-list">' +
          targetCandidates.map(function(target) {
            var targetId = String(target && target.targetId || '').trim();
            var active = targetId && targetId === String(activeTarget && activeTarget.targetId || '').trim();
            return '' +
              '<button type="button" class="wolai-page-ai-target-option' + (active ? ' is-active' : '') + '" data-page-ai-target-option="' + escapeHtml(targetId) + '" aria-pressed="' + (active ? 'true' : 'false') + '">' +
                '<span class="wolai-page-ai-target-option-label">' + escapeHtml(pageAiTargetLabel(target)) + '</span>' +
                '<span class="wolai-page-ai-target-option-detail">' + escapeHtml(pageAiTargetDetail(target)) + '</span>' +
              '</button>';
          }).join('') +
        '</div>';
    }
    var allowedRootsNode = drawer.querySelector('[data-page-ai-allowed-roots]');
    if (allowedRootsNode instanceof HTMLElement) {
      var allowedRoots = pageAiBuildAllowedRoots();
      if (!allowedRoots.length) {
        var errorText = String(pageUiState.pageAiAllowedRootsError || '').trim();
        allowedRootsNode.innerHTML = '<span class="wolai-page-ai-tool-meta">' + escapeHtml(errorText || '未选择授权区域') + '</span>';
      } else {
        allowedRootsNode.innerHTML = allowedRoots.map(function(root) {
          var label = root.rootUri.replace(/^file:\/\//, '') || root.rootUri;
          return '<span class="wolai-page-ai-model-chip is-active" data-page-ai-allowed-root="' + escapeHtml(root.rootUri) + '" data-page-ai-allowed-root-permission="' + escapeHtml(root.permission) + '">' + escapeHtml(root.permission + ' · ' + label) + '</span>';
        }).join('');
      }
    }
    // Populate ACP runtime dropdown
    var acpSelect = drawer.querySelector('[data-page-ai-acp-runtime]');
    if (acpSelect instanceof HTMLSelectElement) {
      var runtimes = pageUiState.pageAiAcpRuntimes.length ? pageUiState.pageAiAcpRuntimes : pageAiNormalizeAcpRuntimes([]);
      acpSelect.innerHTML = runtimes.map(function(rt) {
          return '<option value="' + escapeHtml(rt.name || '') + '"' + ((rt.name || '') === pageUiState.pageAiAcpRuntime ? ' selected' : '') + '>' + escapeHtml(rt.title || rt.name) + '</option>';
        }).join('');
      acpSelect.value = pageUiState.pageAiAcpRuntime || 'reasonix';
    }
    // Show/hide Hermes-specific profile select
    var profileLabel = drawer.querySelector('[data-page-ai-hermes-profile]');
    if (profileLabel instanceof HTMLElement) {
      profileLabel.style.display = pageUiState.pageAiAcpRuntime === 'reasonix' ? 'none' : '';
    }
    // When ACP is selected, populate agent panel with ACP runtime info
    var agentPanel = drawer.querySelector('[data-page-ai-agent-panel]');
    if (agentPanel instanceof HTMLElement) {
      agentPanel.innerHTML = '' +
        '<section class="wolai-page-ai-memory-card">' +
          '<div class="wolai-page-ai-memory-head"><div class="wolai-page-ai-memory-title">授权区域</div><div class="wolai-page-ai-memory-scope">' + escapeHtml(pageAiBuildAllowedRoots().length ? 'SQLite directory_grants' : '需要授权') + '</div></div>' +
        '</section>' +
        '<section class="wolai-page-ai-memory-card">' +
          '<div class="wolai-page-ai-memory-head"><div class="wolai-page-ai-memory-title">默认上下文</div><div class="wolai-page-ai-memory-scope">ContextRefs</div></div>' +
        '</section>' +
        '<section class="wolai-page-ai-memory-card">' +
          '<div class="wolai-page-ai-memory-head"><div class="wolai-page-ai-memory-title">审计</div><div class="wolai-page-ai-memory-scope">changed files 默认摘要</div></div>' +
        '</section>';
    }
    var profileSummary = drawer.querySelector('[data-page-ai-profile-summary]');
    if (profileSummary instanceof HTMLElement) profileSummary.textContent = '上下文可选';
    var profileSummary = drawer.querySelector('[data-page-ai-profile-summary]');
    if (profileSummary instanceof HTMLElement) profileSummary.textContent = '上下文可选';
    drawer.querySelectorAll('[data-page-ai-profile-select]').forEach(function(profileSelect) {
      if (!(profileSelect instanceof HTMLSelectElement)) return;
      var profiles = pageUiState.pageAiProfiles.length ? pageUiState.pageAiProfiles : [{ name: activeProfile, active: true }];
      profileSelect.innerHTML = profiles.map(function(profile) {
        var name = pageAiProfileValue(profile) || 'default';
        var model = [profile.model, profile.gateway].filter(Boolean).join(' / ');
        var scope = profile.kind === 'shared'
          ? (profile.readonly ? 'shared · readonly' : 'shared · admin')
          : (profile.kind === 'personal' ? 'personal · 可配置' : '');
        var label = [profile.alias || name, scope, model].filter(Boolean).join(' · ');
        return '<option value="' + escapeHtml(name) + '"' + (name === activeProfile ? ' selected' : '') + '>' + escapeHtml(label) + '</option>';
      }).join('');
      profileSelect.value = activeProfile;
    });
    var runStatus = drawer.querySelector('[data-page-ai-run-status]');
    if (runStatus instanceof HTMLElement) {
      var queueSuffix = pageUiState.pageAiQueueLength > 0 ? ' · 队列 ' + pageUiState.pageAiQueueLength : '';
      runStatus.textContent = pageAiRunStatusLabel(pageUiState.pageAiRunStatus) + queueSuffix;
    }
    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;
      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();
      settingsLink.title = pageAiHermesSettingsUrl() ? '打开 Hermes 设置' : '未配置 MNOTE_WEB_HERMES_UPSTREAM_URL';
    }
    var queueList = drawer.querySelector('[data-page-ai-queue-list]');
    if (queueList instanceof HTMLElement) {
      if (!pageUiState.pageAiQueuedItems.length) {
        queueList.innerHTML = '<div class="wolai-page-ai-empty">暂无排队项。</div>';
      } else {
        queueList.innerHTML = pageUiState.pageAiQueuedItems.map(function(item, index) {
          var label = '队列 ' + (index + 1);
          return '' +
            '<div class="wolai-page-ai-tool-row" data-page-ai-queue-item="' + escapeHtml(item.queueId) + '">' +
              '<div><strong>' + escapeHtml(label) + '</strong><br /><span>' + escapeHtml(item.queueId) + '</span></div>' +
              '<button type="button" class="wolai-page-ai-ghost" data-page-ai-action="cancel-queued-run" data-page-ai-queue-id="' + escapeHtml(item.queueId) + '">取消</button>' +
            '</div>';
        }).join('');
      }
    }
    var sessionNode = drawer.querySelector('[data-page-ai-session-status]');
    if (sessionNode instanceof HTMLElement) {
      var session = pageAiCurrentSession();
      var usageText = session && session.usage ? pageAiUsageSummary(session.usage) : '';
      sessionNode.textContent = session && session.id
        ? [String(session.title || '当前页问答'), pageAiSessionStorageLabel(session), usageText].filter(Boolean).join(' · ')
        : '等待 AI session';
    }
    var modelNode = drawer.querySelector('[data-page-ai-model-status]');
    if (modelNode instanceof HTMLElement) modelNode.textContent = pageAiBuildAllowedRoots().length ? '已授权' : '需授权';
    var scopeSelect = drawer.querySelector('[data-page-ai-context-scope]');
    if (scopeSelect instanceof HTMLSelectElement) scopeSelect.value = pageUiState.pageAiContextScope;
    var scopeLabel = drawer.querySelector('[data-page-ai-context-scope-label]');
    if (scopeLabel instanceof HTMLElement) scopeLabel.textContent = pageAiContextScopeLabel(pageUiState.pageAiContextScope);
    drawer.querySelectorAll('[data-page-ai-tab]').forEach(function(button) {
      var target = button.getAttribute('data-page-ai-tab') || 'chat';
      var active = target === pageUiState.pageAiPage;
      button.classList.toggle('is-active', active);
      button.setAttribute('aria-selected', active ? 'true' : 'false');
    });
    drawer.querySelectorAll('[data-page-ai-panel]').forEach(function(panel) {
      if (panel instanceof HTMLElement) {
        panel.hidden = panel.getAttribute('data-page-ai-panel') !== pageUiState.pageAiPage;
      }
    });
    var profileError = drawer.querySelector('[data-page-ai-profile-error]');
    if (profileError instanceof HTMLElement) {
      profileError.textContent = pageUiState.pageAiProfileError || '';
      profileError.hidden = !pageUiState.pageAiProfileError;
    }
    var memoryError = drawer.querySelector('[data-page-ai-memory-error]');
    if (memoryError instanceof HTMLElement) {
      var memoryErrorText = pageUiState.pageAiProfileMemoryError || '';
      if (memoryErrorText && memoryErrorText === pageUiState.pageAiProfileError) memoryErrorText = '';
      memoryError.textContent = memoryErrorText;
      memoryError.hidden = !memoryErrorText;
    }
    var hermesMemoryPanel = drawer.querySelector('[data-page-ai-hermes-panel]');
    if (hermesMemoryPanel instanceof HTMLElement) {
      hermesMemoryPanel.innerHTML = ['soul', 'user', 'memory'].map(function(section) {
        var label = pageAiMemoryFileLabel(section);
        var value = pageUiState.pageAiProfileMemoryDrafts[section] || '';
        return '' +
          '<section class="wolai-page-ai-memory-card">' +
            '<div class="wolai-page-ai-memory-head">' +
              '<div>' +
                '<div class="wolai-page-ai-memory-title">' + escapeHtml(label) + '</div>' +
                '<div class="wolai-page-ai-memory-scope">保存到 Hermes profile: ' + escapeHtml(activeProfile) + '</div>' +
              '</div>' +
              '<button type="button" class="wolai-page-ai-ghost" data-page-ai-memory-save="' + escapeHtml(section) + '">保存</button>' +
            '</div>' +
            '<textarea class="wolai-page-ai-memory-editor" data-page-ai-memory-editor="' + escapeHtml(section) + '" spellcheck="false">' + escapeHtml(value) + '</textarea>' +
          '</section>';
      }).join('');
    }
    var skillError = drawer.querySelector('[data-page-ai-skill-error]');
    if (skillError instanceof HTMLElement) {
      skillError.textContent = pageUiState.pageAiSkillError || '';
      skillError.hidden = !pageUiState.pageAiSkillError;
    }
    var sessionError = drawer.querySelector('[data-page-ai-session-error]');
    if (sessionError instanceof HTMLElement) {
      sessionError.textContent = pageUiState.pageAiSessionError || '';
      sessionError.hidden = !pageUiState.pageAiSessionError;
    }
    var sessionSearch = drawer.querySelector('[data-page-ai-session-search]');
    if (sessionSearch instanceof HTMLInputElement && documentRef.activeElement !== sessionSearch) {
      sessionSearch.value = pageUiState.pageAiSessionSearchQuery || '';
    }
    var sessionAgentFilter = drawer.querySelector('[data-page-ai-session-agent-filter]');
    if (sessionAgentFilter instanceof HTMLSelectElement) {
      var historyRowsForFilter = pageUiState.pageAiSessionSearchResults.length
        ? pageUiState.pageAiSessionSearchResults
        : pageUiState.pageAiSessions;
      var options = pageAiSessionAgentFilterOptions(historyRowsForFilter);
      var activeFilter = String(pageUiState.pageAiSessionAgentFilter || 'all').trim() || 'all';
      if (!options.some(function(option) { return option.value === activeFilter; })) activeFilter = 'all';
      sessionAgentFilter.innerHTML = options.map(function(option) {
        return '<option value="' + escapeHtml(option.value) + '"' + (option.value === activeFilter ? ' selected' : '') + '>' + escapeHtml(option.label) + '</option>';
      }).join('');
      sessionAgentFilter.value = activeFilter;
      pageUiState.pageAiSessionAgentFilter = activeFilter;
    }
    var skillSearch = drawer.querySelector('[data-page-ai-skill-search]');
    if (skillSearch instanceof HTMLInputElement && documentRef.activeElement !== skillSearch) {
      skillSearch.value = pageUiState.pageAiSkillQuery;
    }
    var skillSourceSelect = drawer.querySelector('[data-page-ai-skill-source-select]');
    if (skillSourceSelect instanceof HTMLSelectElement) {
      var activeSkillSource = pageAiCurrentSkillSource();
      skillSourceSelect.innerHTML = pageAiSkillSourceOptions().map(function(option) {
        return '<option value="' + escapeHtml(option.value) + '"' + (option.value === activeSkillSource ? ' selected' : '') + '>' + escapeHtml(option.label) + '</option>';
      }).join('');
      skillSourceSelect.value = activeSkillSource;
    }
    var hermesBuiltinToggle = drawer.querySelector('[data-page-ai-hide-hermes-builtin]');
    if (hermesBuiltinToggle instanceof HTMLInputElement) {
      var skillSourceParts = pageAiSkillSourceParts(pageAiCurrentSkillSource());
      var showHermesFilter = skillSourceParts.group === 'hermes';
      var hermesFilterLabel = hermesBuiltinToggle.closest('.wolai-page-ai-skill-filter-toggle');
      if (hermesFilterLabel instanceof HTMLElement) hermesFilterLabel.hidden = !showHermesFilter;
      hermesBuiltinToggle.checked = showHermesFilter && pageAiHideHermesBuiltinSkills(skillSourceParts.profile);
    }
    var skillList = drawer.querySelector('[data-page-ai-skill-list]');
    if (skillList instanceof HTMLElement) {
      var skills = pageAiFilteredSkillEntries();
      if (!skills.length) {
        skillList.innerHTML = '<div class="wolai-page-ai-empty">没有匹配的技能。</div>';
      } else {
        var sourceParts = pageAiSkillSourceParts(pageAiCurrentSkillSource());
        var group = sourceParts.group;
        var headingExtra = group === 'hermes' ? ' · ' + sourceParts.profile : '';
        var collapsed = pageAiSkillGroupCollapsed(pageAiCurrentSkillSource());
        skillList.innerHTML = '' +
          '<section class="wolai-page-ai-skill-group' + (collapsed ? ' is-collapsed' : '') + '" data-page-ai-skill-group="' + escapeHtml(group) + '">' +
            '<button type="button" class="wolai-page-ai-skill-group-head" data-page-ai-skill-group-toggle="' + escapeHtml(pageAiCurrentSkillSource()) + '" aria-expanded="' + (collapsed ? 'false' : 'true') + '">' +
              '<span class="wolai-page-ai-skill-group-title"><span class="wolai-page-ai-skill-group-chevron">' + (collapsed ? '›' : '⌄') + '</span>' + escapeHtml(pageAiCurrentSkillSourceLabel()) + '</span>' +
              '<span>' + escapeHtml(String(skills.length) + headingExtra) + '</span>' +
            '</button>' +
            (collapsed ? '' : skills.map(function(skill) {
              var sourceText = pageAiSkillOriginLabel(skill)
                + (skill.configScope ? ' · ' + skill.configScope : '')
                + (skill.readOnly ? ' · 只读' : '')
                + (skill.modified ? ' · modified' : '');
              var description = String(skill.description || '').trim();
              var hasDescription = description && description !== '---' && description !== '无描述';
              var displayName = String(skill.title || skill.name || skill.id || '').trim();
              var disabled = skill.toggleable === false || skill.readOnly === true;
              return '' +
                '<div class="wolai-page-ai-skill-row">' +
                  '<div class="wolai-page-ai-skill-copy">' +
                    '<div class="wolai-page-ai-skill-main">' +
                      '<div class="wolai-page-ai-skill-name">' + escapeHtml(displayName) + '</div>' +
                      '<div class="wolai-page-ai-skill-source">' + escapeHtml(sourceText) + '</div>' +
                    '</div>' +
                    (hasDescription ? '<div class="wolai-page-ai-skill-desc">' + escapeHtml(description) + '</div>' : '') +
                  '</div>' +
                  '<button type="button" class="wolai-page-ai-skill-switch' + (pageAiSkillEnabled(skill) ? ' is-on' : '') + '" data-page-ai-skill-toggle="' + escapeHtml(skill.id || skill.name) + '" data-page-ai-skill-group="' + escapeHtml(group) + '" data-page-ai-skill-profile="' + escapeHtml(skill.profile || sourceParts.profile || '') + '" data-page-ai-skill-kind="' + escapeHtml(skill.skillKind || '') + '" aria-pressed="' + (pageAiSkillEnabled(skill) ? 'true' : 'false') + '"' + (disabled ? ' disabled' : '') + '>' +
                    '<span></span>' +
                  '</button>' +
                '</div>';
            }).join('')) +
          '</section>';
      }
    }
    var toolsList = drawer.querySelector('[data-page-ai-tool-list]');
    if (toolsList instanceof HTMLElement) {
      var tools = pageAiNormalizeArray(pageUiState.pageAiTools);
      if (!tools.length) {
        toolsList.innerHTML = '<div class="wolai-page-ai-empty">尚未读取到 mnote tool manifest。</div>';
      } else {
        toolsList.innerHTML = tools.map(function(tool) {
          return '' +
            '<div class="wolai-page-ai-tool-row">' +
              '<div class="wolai-page-ai-skill-copy">' +
                '<div class="wolai-page-ai-tool-name">' + escapeHtml(tool.name) + '</div>' +
                '<div class="wolai-page-ai-tool-meta">' + escapeHtml(tool.scope || tool.kind || 'mnote') + ' · ' + escapeHtml(tool.status || 'available') + '</div>' +
                (tool.unavailableReason ? '<div class="wolai-page-ai-tool-meta">' + escapeHtml(tool.unavailableReason) + '</div>' : '') +
              '</div>' +
              '<button type="button" class="wolai-page-ai-skill-switch' + (tool.enabled !== false ? ' is-on' : '') + '" data-page-ai-tool-toggle="' + escapeHtml(tool.name) + '" aria-pressed="' + (tool.enabled !== false ? 'true' : 'false') + '">' +
                '<span></span>' +
              '</button>' +
            '</div>';
        }).join('');
      }
    }
    var gatewayError = drawer.querySelector('[data-page-ai-gateway-error]');
    if (gatewayError instanceof HTMLElement) {
      gatewayError.textContent = pageUiState.pageAiGatewayHealthError || '';
      gatewayError.hidden = !pageUiState.pageAiGatewayHealthError;
    }
    var gatewayStatusNode = drawer.querySelector('[data-page-ai-gateway-status]');
    var gatewayDetail = drawer.querySelector('[data-page-ai-gateway-detail]');
    var gatewayHealth = pageUiState.pageAiGatewayHealth;
    if (gatewayStatusNode instanceof HTMLElement) {
      if (!gatewayHealth) {
        gatewayStatusNode.textContent = '未检查';
      } else {
        var gateway = gatewayHealth.gateway || {};
        var profile = gatewayHealth.profile || {};
        gatewayStatusNode.textContent = gatewayHealth.ok ? '可用' : '需要设置';
        if (gateway.status) gatewayStatusNode.textContent += ' · ' + gateway.status;
        if (profile.name) gatewayStatusNode.textContent += ' · ' + profile.name;
      }
    }
    if (gatewayDetail instanceof HTMLElement) {
      if (!gatewayHealth) {
        gatewayDetail.innerHTML = '<div class="wolai-page-ai-empty">打开高级后会检查 agent runtime 与当前 profile。</div>';
      } else {
        var gatewayInfo = gatewayHealth.gateway || {};
        var profileInfo = gatewayHealth.profile || {};
        var suggestionText = pageAiNormalizeArray(gatewayHealth.suggestions).join('；');
        gatewayDetail.innerHTML = '' +
          '<div class="wolai-page-ai-tool-row">' +
            '<div class="wolai-page-ai-tool-name">' + escapeHtml(profileInfo.name || activeProfile) + '</div>' +
            '<div class="wolai-page-ai-tool-meta">model.default: ' + escapeHtml(profileInfo.modelDefault || '未设置') + '</div>' +
            '<div class="wolai-page-ai-tool-meta">provider: ' + escapeHtml(profileInfo.provider || '未设置') + ' · API key: ' + escapeHtml(profileInfo.apiKeyConfigured ? '已配置' : '未检测到') + '</div>' +
          '</div>' +
          '<div class="wolai-page-ai-tool-row">' +
            '<div class="wolai-page-ai-tool-name">' + escapeHtml(gatewayInfo.upstream || '未配置 upstream') + '</div>' +
            '<div class="wolai-page-ai-tool-meta">gateway: ' + escapeHtml(gatewayInfo.status || 'unknown') + (gatewayInfo.httpStatus ? ' · HTTP ' + escapeHtml(gatewayInfo.httpStatus) : '') + '</div>' +
            (suggestionText ? '<div class="wolai-page-ai-tool-meta">' + escapeHtml(suggestionText) + '</div>' : '') +
          '</div>';
      }
    }
    var toolError = drawer.querySelector('[data-page-ai-tool-error]');
    if (toolError instanceof HTMLElement) {
      toolError.textContent = pageUiState.pageAiToolsError || '';
      toolError.hidden = !pageUiState.pageAiToolsError;
    }
    var lastTool = drawer.querySelector('[data-page-ai-last-tool]');
    if (lastTool instanceof HTMLElement) {
      var call = pageUiState.pageAiLastToolCall;
      lastTool.textContent = call
        ? [call.event, call.name, call.runId, call.traceId || call.auditId].filter(Boolean).join(' · ')
        : '暂无 tool call';
    }
    var reasonixPanel = drawer.querySelector('[data-page-ai-reasonix-panel]');
    if (reasonixPanel instanceof HTMLElement) {
      reasonixPanel.innerHTML = '' +
        '<section class="wolai-page-ai-memory-card">' +
          '<div class="wolai-page-ai-memory-head">' +
            '<div><div class="wolai-page-ai-memory-title">Reasonix 专属设置</div><div class="wolai-page-ai-memory-scope">ACP runtime / memory</div></div>' +
            '<label class="wolai-page-ai-toggle-line"><input type="checkbox" data-page-ai-reasonix-memory' + (pageAiReasonixMemoryEnabled() ? ' checked' : '') + ' />Memory</label>' +
          '</div>' +
          '<div class="wolai-page-ai-tool-meta">' + escapeHtml(pageAiReasonixMemoryEnabled() ? '当前用户已开启 Reasonix global/project memory。' : '默认关闭 Reasonix memory，避免跨用户偏好混入。') + '</div>' +
        '</section>';
    }
    var chatOnlyPanel = drawer.querySelector('[data-page-ai-chat-only-panel]');
    if (chatOnlyPanel instanceof HTMLElement) {
      chatOnlyPanel.innerHTML = '<section class="wolai-page-ai-memory-card"><div class="wolai-page-ai-memory-head"><div class="wolai-page-ai-memory-title">Chat-only</div><div class="wolai-page-ai-memory-scope">默认不申请文件写权限</div></div></section>';
    }
  }

  function humanizePageAiResponse(rawText, promptText) {
    var providerLabel = pageAiProviderLabel(pageUiState.pageAiProvider);
    var text = String(rawText || '').trim();
    if (!text) {
      return providerLabel + ' 已收到你的问题“' + searchText(promptText) + '”，但这次没有返回可读内容。';
    }
    if (text.startsWith('{')) {
      try {
        var payload = JSON.parse(text);
        var operation = payload && payload.operation ? payload.operation : {};
        var normalized = operation && operation.normalized_input ? operation.normalized_input : {};
        var args = normalized && normalized.args ? normalized.args : {};
        var documentId = searchText(args.documentId || args.pageId || currentDocumentId());
        var toolName = searchText(operation.tool_name || normalized.toolName || 'doc_get');
        return providerLabel + ' 已收到你的问题“' + searchText(promptText) + '”。当前已通过 Hermes 调用 mnote plugin 工具，目标页面是 ' + (documentId || '当前页面') + '，本次选择的工具是 ' + toolName + '。如果你继续追问，我会沿当前页面上下文继续回复。';
      } catch (_) {
        return providerLabel + ' 已返回结果，但当前结果是结构化文本，已为你保留原始内容。';
      }
    }
    return text;
  }

  function ensurePageAiDrawer() {
    var existing = documentRef.querySelector('[data-testid="wolai-page-ai-drawer"]');
    if (existing instanceof HTMLElement) return existing;
    var drawer = documentRef.createElement('aside');
    drawer.className = 'wolai-page-ai-drawer';
    drawer.setAttribute('data-testid', 'wolai-page-ai-drawer');
    drawer.setAttribute('data-mnote-surface', 'page-ai');
    drawer.hidden = true;
    drawer.innerHTML = '' +
      '<div class="wolai-page-ai-panel" role="dialog" aria-modal="false">' +
        '<div class="wolai-page-ai-header">' +
          '<div class="wolai-page-ai-header-copy">' +
            '<h2 class="wolai-page-ai-title" data-title="page-ai-title">页面 AI</h2>' +
            '<div class="wolai-page-ai-subtitle">' +
              '<span>Hermes</span>' +
              '<span data-page-ai-profile-summary>default</span>' +
              '<span data-page-ai-model-status>由 Hermes 决定</span>' +
            '</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-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" />' +
                '<path d="M18.5 13l.8 2.4 2.2.8-2.2.8-.8 2.4-.8-2.4-2.2-.8 2.2-.8.8-2.4z" />' +
                '<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>' +
          '</div>' +
        '</div>' +
        '<div class="wolai-page-ai-body">' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="chat">' +
            '<div class="wolai-page-ai-chat-meta">' +
              '<span class="wolai-page-ai-session-summary">' +
              '<span data-page-ai-session-status>等待 AI session</span>' +
              '</span>' +
              '<span data-page-ai-context-scope-label>当前页</span>' +
              '<span data-page-ai-run-status>空闲</span>' +
            '</div>' +
            '<div class="wolai-page-ai-conversation" data-page-ai-conversation></div>' +
            '<div class="wolai-page-ai-suggestions">' +
              '<div class="wolai-page-ai-suggestions-header">' +
                '<span>推荐问题</span>' +
                '<div class="wolai-page-ai-intents">' +
                  '<button type="button" class="wolai-page-ai-ghost" data-page-ai-intent="create-summary">创建 Summary</button>' +
                  '<button type="button" class="wolai-page-ai-ghost" data-page-ai-intent="create-ai-note">创建 AI Note</button>' +
                  '<button type="button" class="wolai-page-ai-ghost" data-page-ai-action="rotate">换一换</button>' +
                '</div>' +
              '</div>' +
              '<div class="wolai-page-ai-suggestion-list" data-page-ai-suggestion-list></div>' +
            '</div>' +
          '</section>' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="agent" hidden>' +
            '<div class="wolai-page-ai-settings-head">' +
              '<button type="button" class="wolai-page-ai-back" data-page-ai-tab="chat">← 聊天</button>' +
              '<div class="wolai-page-ai-settings-tabs" role="tablist" aria-label="页面 AI 设置">' +
                '<button type="button" class="wolai-page-ai-tab is-active" data-page-ai-tab="agent" role="tab" aria-selected="true">Common</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="hermes-settings" role="tab" aria-selected="false">Hermes</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="reasonix-settings" role="tab" aria-selected="false">Reasonix</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="chat-only-settings" role="tab" aria-selected="false">Chat-only</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="runtime" role="tab" aria-selected="false">高级</button>' +
              '</div>' +
            '</div>' +
            '<div class="wolai-page-ai-inline-error" data-page-ai-profile-error hidden></div>' +
            '<div class="wolai-page-ai-inline-error" data-page-ai-memory-error hidden></div>' +
            '<div class="wolai-page-ai-memory-grid" data-page-ai-agent-panel></div>' +
          '</section>' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="hermes-settings" hidden>' +
            '<div class="wolai-page-ai-settings-head">' +
              '<button type="button" class="wolai-page-ai-back" data-page-ai-tab="chat">← 聊天</button>' +
              '<div class="wolai-page-ai-settings-tabs" role="tablist" aria-label="页面 AI 设置">' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="agent" role="tab" aria-selected="false">Common</button>' +
                '<button type="button" class="wolai-page-ai-tab is-active" data-page-ai-tab="hermes-settings" role="tab" aria-selected="true">Hermes</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="reasonix-settings" role="tab" aria-selected="false">Reasonix</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="chat-only-settings" role="tab" aria-selected="false">Chat-only</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="runtime" role="tab" aria-selected="false">高级</button>' +
              '</div>' +
            '</div>' +
            '<div class="wolai-page-ai-settings-grid">' +
              '<label class="wolai-page-ai-profile-select" data-page-ai-hermes-profile>' +
                '<span>Hermes profile</span>' +
                '<select data-page-ai-profile-select></select>' +
              '</label>' +
            '</div>' +
            '<button type="button" class="wolai-page-ai-settings-link" data-page-ai-action="open-hermes-settings">打开 Hermes 设置</button>' +
            '<div class="wolai-page-ai-memory-grid" data-page-ai-hermes-panel></div>' +
          '</section>' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="reasonix-settings" hidden>' +
            '<div class="wolai-page-ai-settings-head">' +
              '<button type="button" class="wolai-page-ai-back" data-page-ai-tab="chat">← 聊天</button>' +
              '<div class="wolai-page-ai-settings-tabs" role="tablist" aria-label="页面 AI 设置">' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="agent" role="tab" aria-selected="false">Common</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="hermes-settings" role="tab" aria-selected="false">Hermes</button>' +
                '<button type="button" class="wolai-page-ai-tab is-active" data-page-ai-tab="reasonix-settings" role="tab" aria-selected="true">Reasonix</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="chat-only-settings" role="tab" aria-selected="false">Chat-only</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="runtime" role="tab" aria-selected="false">高级</button>' +
              '</div>' +
            '</div>' +
            '<div class="wolai-page-ai-settings-grid">' +
              '<label class="wolai-page-ai-profile-select">' +
                '<span>ACP runtime</span>' +
                '<select data-page-ai-acp-runtime></select>' +
              '</label>' +
            '</div>' +
            '<div class="wolai-page-ai-memory-grid" data-page-ai-reasonix-panel></div>' +
          '</section>' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="chat-only-settings" hidden>' +
            '<div class="wolai-page-ai-settings-head">' +
              '<button type="button" class="wolai-page-ai-back" data-page-ai-tab="chat">← 聊天</button>' +
              '<div class="wolai-page-ai-settings-tabs" role="tablist" aria-label="页面 AI 设置">' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="agent" role="tab" aria-selected="false">Common</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="hermes-settings" role="tab" aria-selected="false">Hermes</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="reasonix-settings" role="tab" aria-selected="false">Reasonix</button>' +
                '<button type="button" class="wolai-page-ai-tab is-active" data-page-ai-tab="chat-only-settings" role="tab" aria-selected="true">Chat-only</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="runtime" role="tab" aria-selected="false">高级</button>' +
              '</div>' +
            '</div>' +
            '<div class="wolai-page-ai-memory-grid" data-page-ai-chat-only-panel></div>' +
          '</section>' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="skills" hidden>' +
            '<div class="wolai-page-ai-settings-head">' +
              '<button type="button" class="wolai-page-ai-back" data-page-ai-tab="chat">← 聊天</button>' +
              '<div class="wolai-page-ai-settings-tabs" role="tablist" aria-label="页面 AI 设置">' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="agent" role="tab" aria-selected="false">Agent</button>' +
                '<button type="button" class="wolai-page-ai-tab is-active" data-page-ai-tab="skills" role="tab" aria-selected="true">Skills</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="runtime" role="tab" aria-selected="false">Runtime</button>' +
              '</div>' +
            '</div>' +
            '<div class="wolai-page-ai-skills-toolbar">' +
              '<label class="wolai-page-ai-skill-search">' +
                '<span>搜索技能</span>' +
                '<input type="search" data-page-ai-skill-search placeholder="搜索技能…" />' +
              '</label>' +
              '<label class="wolai-page-ai-profile-select" data-page-ai-skill-source-control>' +
                '<span>技能来源</span>' +
                '<select data-page-ai-skill-source-select></select>' +
              '</label>' +
              '<label class="wolai-page-ai-skill-filter-toggle">' +
                '<input type="checkbox" data-page-ai-hide-hermes-builtin' + (pageAiHideHermesBuiltinSkills(pageAiCurrentProfile()) ? ' checked' : '') + ' />' +
                '<span>隐藏 Hermes 内置</span>' +
              '</label>' +
            '</div>' +
            '<div class="wolai-page-ai-inline-error" data-page-ai-skill-error hidden></div>' +
            '<div class="wolai-page-ai-skill-list" data-page-ai-skill-list></div>' +
          '</section>' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="runtime" hidden>' +
            '<div class="wolai-page-ai-settings-head">' +
              '<button type="button" class="wolai-page-ai-back" data-page-ai-tab="chat">← 聊天</button>' +
              '<div class="wolai-page-ai-settings-tabs" role="tablist" aria-label="页面 AI 设置">' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="agent" role="tab" aria-selected="false">Agent</button>' +
                '<button type="button" class="wolai-page-ai-tab" data-page-ai-tab="skills" role="tab" aria-selected="false">Skills</button>' +
                '<button type="button" class="wolai-page-ai-tab is-active" data-page-ai-tab="runtime" role="tab" aria-selected="true">Runtime</button>' +
              '</div>' +
            '</div>' +
            '<button type="button" class="wolai-page-ai-settings-link" data-page-ai-action="open-hermes-settings">打开 Hermes 设置</button>' +
            '<label class="wolai-page-ai-context-select">' +
              '<span>兼容上下文 scope</span>' +
              '<select data-page-ai-context-scope>' +
                '<option value="page">当前页</option>' +
                '<option value="selection">当前选区</option>' +
                '<option value="block">当前块</option>' +
                '<option value="options">页面设置</option>' +
              '</select>' +
            '</label>' +
            '<div class="wolai-page-ai-inline-error" data-page-ai-gateway-error hidden></div>' +
            '<div class="wolai-page-ai-tools-panel">' +
              '<div class="wolai-page-ai-tools-head">' +
                '<span>gateway</span>' +
                '<span data-page-ai-gateway-status>未检查</span>' +
              '</div>' +
              '<div class="wolai-page-ai-tool-list" data-page-ai-gateway-detail></div>' +
            '</div>' +
            '<div class="wolai-page-ai-tools-panel">' +
              '<div class="wolai-page-ai-tools-head">' +
                '<span>queue</span>' +
                '<span data-page-ai-queue-status>由 mnote-web 管理</span>' +
              '</div>' +
              '<div class="wolai-page-ai-tool-list" data-page-ai-queue-list></div>' +
            '</div>' +
            '<div class="wolai-page-ai-tools-panel">' +
              '<div class="wolai-page-ai-tools-head">' +
                '<span>mnote tools</span>' +
                '<span data-page-ai-last-tool>暂无 tool call</span>' +
              '</div>' +
              '<div class="wolai-page-ai-inline-error" data-page-ai-tool-error hidden></div>' +
              '<div class="wolai-page-ai-tool-list" data-page-ai-tool-list></div>' +
            '</div>' +
          '</section>' +
          '<section class="wolai-page-ai-panel-section" data-page-ai-panel="history" hidden>' +
            '<div class="wolai-page-ai-settings-head">' +
              '<button type="button" class="wolai-page-ai-back" data-page-ai-tab="chat">← 聊天</button>' +
            '</div>' +
            '<label class="wolai-page-ai-skill-search">' +
              '<span>搜索会话</span>' +
          '<input type="search" data-page-ai-session-search placeholder="搜索 AI 会话…" />' +
            '</label>' +
            '<label class="wolai-page-ai-skill-search">' +
              '<span>按 agent 筛选</span>' +
              '<select data-page-ai-session-agent-filter><option value="all">全部 agent</option></select>' +
            '</label>' +
            '<div class="wolai-page-ai-inline-error" data-page-ai-session-error hidden></div>' +
            '<div class="wolai-page-ai-conversation" data-page-ai-conversation></div>' +
          '</section>' +
        '</div>' +
        '<div class="wolai-page-ai-footer">' +
          '<div class="wolai-page-ai-composer">' +
            '<textarea class="wolai-page-ai-input" data-page-ai-input rows="3" placeholder="输入消息…"></textarea>' +
            '<div class="wolai-page-ai-composer-bar">' +
              '<button type="button" class="wolai-page-ai-tool-button" data-page-ai-action="new-session" title="新会话">＋</button>' +
              '<div class="wolai-page-ai-agent-picker">' +
                '<button type="button" class="wolai-page-ai-tool-button wolai-page-ai-agent-button" data-page-ai-agent-button aria-expanded="false" aria-label="Agent：Reasonix" title="Agent：Reasonix">AI</button>' +
                '<div class="wolai-page-ai-agent-popover" data-page-ai-agent-popover hidden></div>' +
              '</div>' +
              '<div class="wolai-page-ai-context-picker">' +
                '<button type="button" class="wolai-page-ai-tool-button wolai-page-ai-context-button" data-page-ai-context-button aria-expanded="false" aria-label="上下文：当前页 + 打开资源" title="上下文：当前页 + 打开资源">⇅</button>' +
                '<div class="wolai-page-ai-context-popover" data-page-ai-context-popover hidden></div>' +
              '</div>' +
              '<div class="wolai-page-ai-target-picker">' +
                '<button type="button" class="wolai-page-ai-tool-button wolai-page-ai-target-button" data-page-ai-target-button aria-expanded="false" aria-label="目标：当前页" title="目标：当前页">◎</button>' +
                '<div class="wolai-page-ai-target-popover" data-page-ai-target-popover hidden></div>' +
              '</div>' +
              '<span class="wolai-page-ai-agent-chip" data-page-ai-agent-chip title="当前 Agent：Reasonix">Reasonix</span>' +
              '<span class="wolai-page-ai-target-chip" data-page-ai-target-chip title="当前目标：当前页">当前页</span>' +
              '<span class="wolai-page-ai-composer-spacer"></span>' +
              '<button type="button" class="wolai-page-ai-stop" data-page-ai-action="stop-run" disabled>停止</button>' +
              '<button type="button" class="wolai-page-ai-send" data-page-ai-action="send" aria-label="发送">发送</button>' +
            '</div>' +
          '</div>' +
        '</div>' +
      '</div>';
    documentRef.body.appendChild(drawer);
    return drawer;
  }

  function renderPageAiSuggestions() {
    var drawer = ensurePageAiDrawer();
    var list = drawer.querySelector('[data-page-ai-panel="chat"] [data-page-ai-suggestion-list]');
    if (!(list instanceof HTMLElement)) return;
    var container = list.closest('.wolai-page-ai-suggestions');
    if (container instanceof HTMLElement) {
      container.hidden = pageUiState.pageAiPage !== 'chat' || pageUiState.pageAiMessages.length > 0;
    }
    var suggestions = pageAiSuggestions();
    var offset = pageUiState.pageAiSuggestionIndex % suggestions.length;
    var ordered = suggestions.slice(offset).concat(suggestions.slice(0, offset)).slice(0, 3);
    list.innerHTML = ordered.map(function(text) {
      return '<button type="button" class="wolai-page-ai-suggestion" data-page-ai-suggestion="' + escapeHtml(text) + '">' + escapeHtml(text) + '</button>';
    }).join('');
  }

  function renderPageAiConversation() {
    var drawer = ensurePageAiDrawer();
    renderPageAiSuggestions();
    var conversation = drawer.querySelector('[data-page-ai-panel="' + cssEscape(pageUiState.pageAiPage || 'chat') + '"] [data-page-ai-conversation]');
    if (!(conversation instanceof HTMLElement)) return;
    if (pageUiState.pageAiPage === 'history') {
      var sourceRows = pageUiState.pageAiSessionSearchResults.length
        ? pageUiState.pageAiSessionSearchResults
        : pageUiState.pageAiSessions;
      var historyRows = pageAiFilteredHistoryRows(sourceRows);
      if (!historyRows.length) {
        conversation.innerHTML = '<div class="wolai-page-ai-empty">没有匹配的历史会话。</div>';
        return;
      }
      conversation.innerHTML = historyRows.map(function(session) {
        var preview = pageAiSessionPreviewText(session);
        var active = session.id === pageUiState.pageAiActiveSessionId;
        var usage = pageAiUsageSummary(session.usage);
        var agentLabel = pageAiSessionAgentLabel(session);
        var meta = [agentLabel, pageAiSessionStorageLabel(session), session.permissionLevel, session.shareId, session.status, usage].filter(Boolean).join(' · ');
        return '' +
          '<div class="wolai-page-ai-message wolai-page-ai-message--history' + (active ? ' is-active' : '') + '" data-page-ai-session-row="' + escapeHtml(session.id) + '" data-page-ai-session-agent="' + escapeHtml(pageAiSessionAgentFilterValue(session)) + '">' +
            '<button type="button" class="wolai-page-ai-message-text" data-page-ai-session="' + escapeHtml(session.id) + '">' +
              '<strong>' + escapeHtml(session.title || '新会话') + '</strong><br />' +
              '<span>' + escapeHtml(preview) + '</span>' +
              (meta ? '<br /><span class="wolai-page-ai-tool-meta">' + escapeHtml(meta) + '</span>' : '') +
            '</button>' +
            '<div class="wolai-page-ai-message-actions">' +
              '<button type="button" class="wolai-page-ai-ghost" data-page-ai-session-resume="' + escapeHtml(session.id) + '">恢复</button>' +
              '<button type="button" class="wolai-page-ai-ghost" data-page-ai-session-rename="' + escapeHtml(session.id) + '">重命名</button>' +
              '<button type="button" class="wolai-page-ai-ghost" data-page-ai-session-delete="' + escapeHtml(session.id) + '">删除</button>' +
            '</div>' +
          '</div>';
      }).join('');
      return;
    }
    if (!pageUiState.pageAiMessages.length) {
      conversation.innerHTML = '<div class="wolai-page-ai-empty">围绕当前页面提问，我会优先使用当前页内容、页面结构和已保存设置。</div>';
      return;
    }
    conversation.innerHTML = pageUiState.pageAiMessages.map(function(item) {
      var roleLabel = item.role === 'user' ? '你' : (item.role === 'tool' ? '工具' : 'AI');
      if (item.role === 'tool') {
        var statusLabel = item.status === 'completed' ? '完成' : (item.status === 'failed' ? '失败' : '运行中');
        var locationRows = Array.isArray(item.locations) && item.locations.length
          ? '<div class="wolai-page-ai-tool-meta">位置：' + item.locations.map(function(loc, idx) {
              return '<span style="display:inline-flex;align-items:center;gap:4px;margin-right:8px">' +
                '<span>' + escapeHtml(loc) + '</span>' +
                '<button type="button" class="wolai-page-ai-ghost" style="font-size:0.85em;padding:0 4px;min-width:unset" data-page-ai-open-location="' + escapeHtml(loc) + '" data-page-ai-tool-call-id="' + escapeHtml(item.toolCallId || '') + '" title="打开文件">打开</button>' +
                '</span>';
            }).join('') + '</div>'
          : '';
        var detailRows = [
          locationRows,
          item.argsSummary ? '<div class="wolai-page-ai-tool-meta">参数 ' + escapeHtml(item.argsSummary) + '</div>' : '',
          item.resultSummary ? '<div class="wolai-page-ai-tool-meta">结果 ' + escapeHtml(item.resultSummary) + '</div>' : '',
          item.changedFiles && item.changedFiles.length ? '<pre class="wolai-page-ai-tool-meta wolai-page-ai-changed-files">' + escapeHtml(pageAiFormatChangedFiles(item.changedFiles)) + '</pre>' : '',
          (item.traceId || item.auditId) ? '<div class="wolai-page-ai-tool-meta">' + escapeHtml([item.traceId, item.auditId].filter(Boolean).join(' · ')) + '</div>' : ''
        ].filter(Boolean).join('');
        return '' +
          '<div class="wolai-page-ai-message wolai-page-ai-message--tool" data-page-ai-tool-card data-page-ai-tool-call-id="' + escapeHtml(item.toolCallId || '') + '" data-page-ai-tool-status="' + escapeHtml(item.status || '') + '">' +
            '<div class="wolai-page-ai-message-role">' + escapeHtml(roleLabel) + '</div>' +
            '<div class="wolai-page-ai-message-text">' +
              '<details class="wolai-page-ai-tool-details">' +
                '<summary>' +
                  '<strong>' + escapeHtml(item.toolName || item.content || 'tool') + '</strong>' +
                  '<span>' + escapeHtml([statusLabel, item.toolKind, item.toolCallId].filter(Boolean).join(' · ')) + '</span>' +
                '</summary>' +
                (detailRows || '<div class="wolai-page-ai-tool-meta">暂无参数或结果详情。</div>') +
              '</details>' +
            '</div>' +
          '</div>';
      }
      if (item.kind === 'thought') {
        return '' +
          '<details class="wolai-page-ai-message wolai-page-ai-message--assistant" data-page-ai-thought-delta="true">' +
            '<summary class="wolai-page-ai-message-role" style="cursor:pointer;user-select:none;opacity:0.7;font-size:0.85em">思考过程</summary>' +
            '<div class="wolai-page-ai-message-text" style="margin-top:4px;opacity:0.6;font-size:0.9em;border-left:2px solid var(--wolai-border-color, #ddd);padding-left:8px">' + escapeHtml(item.content || '') + '</div>' +
          '</details>';
      }
      if (item.kind === 'permission') {
        var permissionActions = item.resolved ? '' : (
              '<div class="wolai-page-ai-message-actions">' +
                '<button type="button" class="wolai-page-ai-ghost" data-page-ai-permission-action="allow" data-page-ai-permission-id="' + escapeHtml(item.permissionId || '') + '">允许</button>' +
                '<button type="button" class="wolai-page-ai-ghost" data-page-ai-permission-action="deny" data-page-ai-permission-id="' + escapeHtml(item.permissionId || '') + '">拒绝</button>' +
              '</div>'
        );
        return '' +
          '<div class="wolai-page-ai-message wolai-page-ai-message--tool" data-page-ai-permission-request="' + escapeHtml(item.permissionId || '') + '">' +
            '<div class="wolai-page-ai-message-role">权限</div>' +
            '<div class="wolai-page-ai-message-text">' +
              '<strong>' + escapeHtml(item.toolName || 'session/request_permission') + '</strong><br />' +
              '<span>' + escapeHtml(item.argsSummary || item.content || '') + '</span>' +
              permissionActions +
            '</div>' +
          '</div>';
      }
      if (item.kind === 'plan') {
        var planEntries = Array.isArray(item.entries) ? item.entries : [];
        var listHtml = planEntries.map(function(entry, idx) {
          return '<li style="margin:2px 0">' + escapeHtml(String(entry || '')) + '</li>';
        }).join('');
        return '' +
          '<div class="wolai-page-ai-message wolai-page-ai-message--assistant" data-page-ai-plan="true">' +
            '<details class="wolai-page-ai-plan-details" open>' +
              '<summary class="wolai-page-ai-message-role" style="cursor:pointer;user-select:none;opacity:0.8;font-size:0.85em">执行计划 · ' + planEntries.length + ' 步</summary>' +
              '<div class="wolai-page-ai-message-text" style="margin-top:4px;opacity:0.75;font-size:0.9em;border-left:2px solid var(--wolai-border-color, #ddd);padding-left:8px">' +
                '<ol style="margin:4px 0;padding-left:20px">' + listHtml + '</ol>' +
              '</div>' +
            '</details>' +
          '</div>';
      }
      var streamingAttr = item.streaming ? ' data-page-ai-streaming="true"' : '';
      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>' +
        '</div>';
    }).join('');
    conversation.scrollTop = conversation.scrollHeight;
  }

  return {
    ensurePageAiDrawer,
    humanizePageAiResponse,
    pageAiContextButtonSummary,
    pageAiContextRefDetail,
    pageAiContextRefDisabled,
    pageAiContextRefLabel,
    pageAiCurrentAgentSelectionLabel,
    pageAiCurrentModelLabel,
    pageAiFilteredSkillEntries,
    pageAiFormatChangedFiles,
    pageAiMemoryFileLabel,
    pageAiRenderAgentProfileOption,
    pageAiRunStatusLabel,
    pageAiSuggestions,
    pageAiTargetDetail,
    pageAiTargetLabel,
    pageAiContextScopeLabel,
    renderPageAiControls,
    renderPageAiConversation,
    renderPageAiProviderButtons,
    renderPageAiSuggestions,
  };
}