@walkhi/code-relax 0.1.0-beta.4 → 0.1.0-beta.40

package/dist/web/chat.js

@@ -1,3830 +0,0 @@
-  const params = new URLSearchParams(location.search);
-  const queryToken = params.get('token');
-  const debugReloadSnapshotKey = 'codexRelaxDebugReloadSnapshot';
-  let localReloadSnapshot = '';
-  try {
-    localReloadSnapshot = sessionStorage.getItem(debugReloadSnapshotKey) || '';
-    sessionStorage.removeItem(debugReloadSnapshotKey);
-  } catch {}
-  let localReloadState;
-  try { localReloadState = localReloadSnapshot ? JSON.parse(localReloadSnapshot) : null; } catch {}
-  const platform = window.createClientPlatform();
-  const connectionConfig = window.codexLanConfig || window.codexSelfRelayConfig;
-  const waitForInitialThreads = connectionConfig?.waitForInitialThreads === true;
-  const localReloadThreadId = localReloadState?.timeline?.thread?.id || '';
-  const resumeConfig = localReloadState ? { ...connectionConfig, resumeConnection: true,
-    resumeThreadId: localReloadThreadId, resumeSnapshot: localReloadSnapshot } : connectionConfig;
-  const pageResume = resumeConfig?.resumeConnection === true;
-  if (!pageResume || waitForInitialThreads) document.body.classList.add('connection-entry');
-  if (platform.embedded) {
-    document.body.classList.add('embedded-terminal');
-    if (!pageResume || !resumeConfig.resumeThreadId || localReloadState?.sidebarOpen) document.body.classList.add('sidebar-open');
-  }
-  document.body.classList.remove('page-loading');
-  if (queryToken) {
-    sessionStorage.setItem('codexRemoteToken', queryToken);
-    history.replaceState(null, '', location.pathname + platform.query);
-  }
-  const token = window.codexLanConfig?.token || sessionStorage.getItem('codexRemoteToken') || '';
-  const transport = window.createChatTransport({ token, currentThread: () => state.selectedThread || (isNewThread() ? state.newThreadProject : null) });
-  const markdown = window.markdownit({
-    html: false,
-    linkify: true,
-    typographer: false,
-    breaks: false,
-  });
-  const defaultImageRenderer = markdown.renderer.rules.image;
-  const defaultLinkCloseRenderer = markdown.renderer.rules.link_close;
-  function localFileReference(source) {
-    let reference = source;
-    try { reference = decodeURI(reference); } catch { return null; }
-    const position = reference.match(/:(\d+)(?::(\d+))?$/);
-    const path = position ? reference.slice(0, position.index) : reference;
-    if (!/^(?:[a-z]:[\\/]|\/(?!\/))/i.test(path)) return null;
-    return {
-      path,
-      line: position ? Number(position[1]) : null,
-      column: position?.[2] ? Number(position[2]) : null,
-    };
-  }
-  function isCodeFileReference(reference) {
-    const name = reference.path.split(/[\\/]/).filter(Boolean).at(-1)?.toLowerCase() || '';
-    return /^(?:dockerfile|makefile|cmakelists\.txt|meson\.build|build\.gradle|podfile|gemfile)$/i.test(name)
-      || /\.(?:c|cc|cpp|cxx|h|hh|hpp|hxx|cs|java|kt|kts|swift|m|mm|go|rs|py|pyw|rb|php|pl|lua|r|dart|js|jsx|mjs|cjs|ts|tsx|ets|vue|svelte|html?|css|scss|sass|less|xml|xaml|json|jsonc|ya?ml|toml|ini|cfg|conf|properties|gradle|sql|graphql|gql|sh|bash|zsh|fish|ps1|psm1|psd1|bat|cmd|md|markdown)$/i.test(name);
-  }
-  function relayImagePath(source) {
-    if (!transport.has('remoteImages')) return null;
-    let path = source;
-    try { path = decodeURI(path); } catch { return null; }
-    if (!/^(?:[a-z]:[\\/]|\/(?!\/))/i.test(path) || !/\.(?:png|jpe?g|webp|gif)$/i.test(path)) return null;
-    return path;
-  }
-  function relayFilePath(source) {
-    if (!transport.has('remoteFiles')) return null;
-    return localFileReference(source)?.path || null;
-  }
-  markdown.renderer.rules.image = (tokens, index, options, env, renderer) => {
-    const item = tokens[index];
-    const source = item.attrGet('src');
-    const path = relayImagePath(source);
-    if (path) {
-      env.imageAssets[source] ||= { remotePath: path };
-      return `<span data-relay-image="${markdown.utils.escapeHtml(source)}" data-image-alt="${markdown.utils.escapeHtml(item.content || '图片')}"></span>`;
-    }
-    const asset = env.imageAssets?.[source];
-    if (asset?.remotePath) {
-      return `<span data-relay-image="${markdown.utils.escapeHtml(source)}" data-image-alt="${markdown.utils.escapeHtml(item.content || '图片')}"></span>`;
-    }
-    if (asset) {
-      item.attrSet('src', authorizedAssetUrl(asset.thumbnailUrl));
-      item.attrSet('data-full-image', authorizedAssetUrl(asset.url));
-      item.attrSet('loading', 'lazy');
-      item.attrSet('tabindex', '0');
-      item.attrSet('role', 'button');
-    }
-    return defaultImageRenderer(tokens, index, options, env, renderer);
-  };
-  markdown.renderer.rules.link_open = (tokens, index, options, env, renderer) => {
-    const item = tokens[index];
-    const source = item.attrGet('href');
-    const localFile = localFileReference(source);
-    const file = env.fileAssets?.[source];
-    const path = env.allowRemoteFiles ? relayFilePath(source) : null;
-    const asset = env.imageAssets?.[source];
-    if (localFile && (localFile.line || isCodeFileReference(localFile))) {
-      item.attrSet('href', '#');
-      item.attrSet('data-code-reference', 'true');
-      item.attrSet('aria-disabled', 'true');
-    } else if (asset?.remotePath) {
-      item.attrSet('href', '#');
-      item.attrSet('data-download-image', asset.remotePath);
-      item.attrSet('data-download-recovery', asset.recoveryToken || '');
-      item.attrSet('data-download-name', asset.name || (source.split(/[\\/]/).filter(Boolean).at(-1) || '图片'));
-    } else if (file?.remotePath || path) {
-      item.attrSet('href', '#');
-      item.attrSet('data-download-path', file?.remotePath || path);
-      item.attrSet('data-download-name', file?.name || (path?.split(/[\\/]/).filter(Boolean).at(-1) || '下载文件'));
-    } else if (asset) {
-      item.attrSet('href', authorizedAssetUrl(asset.url));
-      item.attrSet('data-full-image', authorizedAssetUrl(asset.url));
-    } else {
-      if (/^https?:\/\//i.test(source)) {
-        item.attrSet('data-external-link', source);
-      }
-    }
-    if (localFile?.line) {
-      let depth = 1;
-      for (let next = index + 1; next < tokens.length; next += 1) {
-        if (tokens[next].type === 'link_open') depth += 1;
-        if (tokens[next].type !== 'link_close' || --depth !== 0) continue;
-        tokens[next].meta ||= {};
-        tokens[next].meta.localFilePosition = localFile.column
-          ? ` (line ${localFile.line}, column ${localFile.column})`
-          : ` (line ${localFile.line})`;
-        break;
-      }
-    }
-    return renderer.renderToken(tokens, index, options);
-  };
-  markdown.renderer.rules.link_close = (tokens, index, options, env, renderer) => {
-    const position = tokens[index].meta?.localFilePosition || '';
-    const closing = defaultLinkCloseRenderer
-      ? defaultLinkCloseRenderer(tokens, index, options, env, renderer)
-      : renderer.renderToken(tokens, index, options);
-    return position ? `${markdown.utils.escapeHtml(position)}${closing}` : closing;
-  };
-  const codeLanguageLabels = {
-    arduino: 'Arduino', ino: 'Arduino', bash: 'Bash', sh: 'Bash', zsh: 'Zsh',
-    c: 'C', h: 'C', cpp: 'C++', 'c++': 'C++', cc: 'C++', cxx: 'C++', hpp: 'C++',
-    csharp: 'C#', 'c#': 'C#', cs: 'C#', css: 'CSS', diff: 'Diff', patch: 'Diff',
-    go: 'Go', golang: 'Go', graphql: 'GraphQL', gql: 'GraphQL', ini: 'INI', toml: 'TOML',
-    java: 'Java', jsp: 'JSP', javascript: 'JavaScript', js: 'JavaScript', jsx: 'JavaScript',
-    mjs: 'JavaScript', cjs: 'JavaScript', json: 'JSON', jsonc: 'JSON', kotlin: 'Kotlin', kt: 'Kotlin',
-    latex: 'LaTeX', tex: 'TeX', less: 'Less', lua: 'Lua', makefile: 'Makefile', make: 'Makefile',
-    markdown: 'Markdown', md: 'Markdown', matlab: 'MATLAB', mermaid: 'Mermaid', nginx: 'Nginx',
-    objectivec: 'Objective-C', objc: 'Objective-C', perl: 'Perl', php: 'PHP',
-    plaintext: '纯文本', text: '纯文本', txt: '纯文本', powershell: 'PowerShell', ps: 'PowerShell',
-    ps1: 'PowerShell', pwsh: 'PowerShell', python: 'Python', py: 'Python', 'python-repl': 'Python REPL',
-    pycon: 'Python REPL', r: 'R', ruby: 'Ruby', rb: 'Ruby', rust: 'Rust', rs: 'Rust',
-    scss: 'SCSS', shell: 'Shell', console: 'Shell', shellsession: 'Shell', sql: 'SQL', swift: 'Swift',
-    typescript: 'TypeScript', ts: 'TypeScript', tsx: 'TypeScript', cts: 'TypeScript', mts: 'TypeScript',
-    vbnet: 'VB.NET', vb: 'VB', wasm: 'WebAssembly', xml: 'XML', html: 'HTML', xhtml: 'XHTML',
-    svg: 'SVG', yaml: 'YAML', yml: 'YAML',
-  };
-  function codeLanguageLabel(code) {
-    const languageClass = [...code.classList].find(value => value.startsWith('language-'));
-    const language = languageClass?.slice('language-'.length).trim();
-    return language ? (codeLanguageLabels[language.toLowerCase()] || language) : '代码';
-  }
-  function highlightCode(code, value) {
-    const languageClass = [...code.classList].find(item => item.startsWith('language-'));
-    const language = languageClass?.slice('language-'.length).trim().toLowerCase();
-    if (!language || value.length > 65536 || !window.hljs?.getLanguage(language)) return;
-    try {
-      code.innerHTML = window.hljs.highlight(value, { language, ignoreIllegals: true }).value;
-      code.classList.add('hljs');
-    } catch {}
-  }
-  function hasOpenCodeFence(text) {
-    let openFence = null;
-    for (const line of String(text || '').split(/\r?\n/)) {
-      const opening = line.match(/^ {0,3}(`{3,}|~{3,})(.*)$/);
-      if (!opening) continue;
-      const marker = opening[1];
-      if (!openFence) {
-        openFence = { character: marker[0], length: marker.length };
-        continue;
-      }
-      if (marker[0] === openFence.character && marker.length >= openFence.length && !opening[2].trim()) openFence = null;
-    }
-    return Boolean(openFence);
-  }
-  function codeBlockIcon(kind) {
-    const namespace = 'http://www.w3.org/2000/svg';
-    const svg = document.createElementNS(namespace, 'svg');
-    svg.classList.add('code-block-copy-icon');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    svg.setAttribute('fill', 'none');
-    svg.setAttribute('stroke', 'currentColor');
-    svg.setAttribute('stroke-width', '1.8');
-    svg.setAttribute('stroke-linecap', 'round');
-    svg.setAttribute('stroke-linejoin', 'round');
-    svg.setAttribute('aria-hidden', 'true');
-    const paths = kind === 'check'
-      ? [['path', { d: 'M20 6 9 17l-5-5' }]]
-      : [['rect', { x: '8', y: '8', width: '14', height: '14', rx: '2', ry: '2' }],
-        ['path', { d: 'M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2' }]];
-    for (const [tag, attributes] of paths) {
-      const node = document.createElementNS(namespace, tag);
-      for (const [name, value] of Object.entries(attributes)) node.setAttribute(name, value);
-      svg.append(node);
-    }
-    return svg;
-  }
-  function legacyCopyText(value) {
-    const input = document.createElement('textarea');
-    input.value = value;
-    input.setAttribute('readonly', '');
-    input.style.position = 'fixed';
-    input.style.inset = '-9999px auto auto -9999px';
-    document.body.append(input);
-    input.select();
-    input.setSelectionRange(0, input.value.length);
-    let copied = false;
-    try { copied = document.execCommand('copy'); } catch {}
-    input.remove();
-    return copied;
-  }
-  async function copyCodeText(value) {
-    if (navigator.clipboard?.writeText && window.isSecureContext) {
-      try { await navigator.clipboard.writeText(value); return; } catch {}
-    }
-    if (legacyCopyText(value)) return;
-    if (window.codexNative?.copyText) { window.codexNative.copyText(value); return; }
-    throw new Error('Clipboard unavailable');
-  }
-  function enhanceCodeBlocks(content, source) {
-    const blocks = [...content.querySelectorAll('pre > code')];
-    const unfinishedBlock = hasOpenCodeFence(source) ? blocks.at(-1) : null;
-    for (const code of blocks) {
-      const pre = code.parentElement;
-      const codeText = code.textContent || '';
-      const wrapper = document.createElement('div');
-      wrapper.className = 'code-block';
-      const header = document.createElement('div');
-      header.className = 'code-block-header';
-      const language = document.createElement('span');
-      language.className = 'code-block-language';
-      language.textContent = codeLanguageLabel(code);
-      header.append(language);
-      if (code !== unfinishedBlock) {
-        highlightCode(code, codeText);
-        const copy = document.createElement('button');
-        copy.type = 'button';
-        copy.className = 'code-block-copy';
-        copy.title = '复制代码';
-        copy.setAttribute('aria-label', '复制代码');
-        copy.append(codeBlockIcon('copy'));
-        copy.onclick = async event => {
-          event.stopPropagation();
-          if (copy.dataset.copyState === 'copied') return;
-          try {
-            await copyCodeText(codeText);
-            copy.dataset.copyState = 'copied';
-            copy.title = '已复制';
-            copy.setAttribute('aria-label', '已复制');
-            copy.replaceChildren(codeBlockIcon('check'));
-            setTimeout(() => {
-              if (!copy.isConnected) return;
-              delete copy.dataset.copyState;
-              copy.title = '复制代码';
-              copy.setAttribute('aria-label', '复制代码');
-              copy.replaceChildren(codeBlockIcon('copy'));
-            }, 2000);
-          } catch {
-            showActionToast('复制失败，可长按代码块选择文字。', 3000);
-          }
-        };
-        header.append(copy);
-      }
-      pre.replaceWith(wrapper);
-      wrapper.append(header, pre);
-    }
-  }
-  const state = {
-    draftImages: [],
-    uploadingImages: false,
-    sending: false,
-    selectedId: null,
-    selectedThread: null,
-    threads: [],
-    threadListComplete: false,
-    archivedThreads: [],
-    showingArchived: false,
-    projects: [],
-    collapsedProjects: new Set(),
-    unreadThreads: new Set(),
-    threadSnapshots: new Map(),
-    newThreadProject: null,
-    timeline: null,
-    eventSource: null,
-    connection: 'connecting',
-    currentModel: '',
-    currentThinking: '',
-    currentServiceTier: null,
-    currentPermissionMode: null,
-    permissionModes: [],
-    menuThinking: '',
-    pendingSettingsByThread: new Map(),
-    timelineAtBottom: true,
-    selectionVersion: 0,
-    historyCache: { read: 'idle', write: 'idle', threadId: '', readMs: 0, writeMs: 0,
-      turns: 0, retained: true, evicted: 0, error: '', changedAt: 0 },
-  };
-  const conversation = window.createConversationController(state);
-  const history = window.createHistoryController({ state, transport,
-    api: (path, options) => api(path, options), isThreadRunning,
-    report: detail => reportSyncMetric(detail), onCacheError: error => cacheError(error) });
-  const disclosures = window.createDisclosureStateController({ getThreadId: () => state.selectedId });
-  const pendingMessages = window.createPendingMessageStore();
-  const { activityPreview, commandStatusText, diffLineCounts, formatDuration, formatTime,
-    isVisibleProcessActivity, liveStepText, operationIconKind, operationSummary,
-    processDurationMs, reasoningSummaryTexts, statusText, timeMilliseconds,
-    toolStatusText, turnErrorMessage, turnLabel, webSearchDetail, webSearchTitle } = window.CodexTimelineFormatters;
-  const { parseQuestionReply } = window.CodexMessageView;
-  let messageView;
-  let timelineRenderer;
-  let timelineScroll;
-  const queue = window.createQueueController({
-    document, el: id => document.getElementById(id), api: (path, options) => api(path, options), state, pendingMessages,
-    isComposerActive: composerIsActive, isConnectionBlocked: connectionBlocked, isThreadReadOnly: threadReadOnly,
-    renderPendingMessages, scrollTimelineToBottom, showToast: showActionToast,
-  });
-  const threadContext = window.createThreadContextController({
-    load: threadId => api(`/api/threads/${encodeURIComponent(threadId)}/context`),
-    isCurrent: threadId => state.selectedId === threadId,
-    onUsage: renderContextUsage,
-    onUnavailable: () => renderContextUsage({ available: false }),
-  });
-  const approvalFlagOverrides = new Map();
-  const archivedThreadsEntryVisible = false;
-  const el = id => document.getElementById(id);
-  let communityView;
-  timelineScroll = window.createTimelineScrollController({
-    document,
-    state,
-    getTimeline: () => el('timeline'),
-    getSelected: () => el('selected'),
-    getScrollButton: () => el('scrollToBottom'),
-  });
-  const linkActions = window.createLinkActionController({
-    document,
-    transport,
-    getSelectedThreadId: () => state.selectedId,
-    showToast: showActionToast,
-  });
-  const activityView = window.createActivityView({
-    document,
-    disclosures,
-    entryDisclosureKey,
-    activityIcon,
-    disclosureChevronElement,
-    codeBlockIcon,
-    copyText: copyCodeText,
-    showToast: showActionToast,
-    compactActivityElement,
-    activityPreview,
-    commandStatusText,
-    diffLineCounts,
-    formatDuration,
-    statusText,
-    toolStatusText,
-  });
-  const approvalPanel = createApprovalPanel(el('approvalPanel'), (request, result) => {
-    const thread = { id: state.selectedId, hostId: requestHostId };
-    return transport.respondApproval(thread, request, result);
-  }, setThreadApprovalPending);
-  const composer = window.createComposerController({
-    state, transport, platform, el, pendingMessages,
-    actionState, isConnectionBlocked: connectionBlocked, isThreadReadOnly: threadReadOnly,
-    isStopping: threadId => stoppingThreads.has(threadId),
-    setApprovalConnected: connected => approvalPanel.setConnected(connected),
-    renderFastMode, renderPermissionControl, renderSharedServiceNotice,
-  });
-  let requestHostId;
-  const threadAttentionScope = transport.draftScope();
-  const attention = window.createThreadAttentionController({
-    state, platform, localStorage, scope: threadAttentionScope,
-    isThreadRunning,
-    isSelectedVisible: () => Boolean(state.selectedId && state.timeline?.thread?.id === state.selectedId
-      && !state.historyLoading && document.visibilityState === 'visible'
-      && !document.body.classList.contains('sidebar-open')),
-    report: detail => reportSyncMetric(detail),
-  });
-  let enteredConversation = false;
-  let entryWork, entryRetryTimer, entryAttempts = 0;
-  const terminalConnectionCodes = new Set([1008, 4401, 4406, 4408, 4409, 4428, 4429]);
-  const isTerminalConnectionError = error => terminalConnectionCodes.has(error?.code);
-  const stationConnection = window.createStationConnectionController({
-    connect: () => transport.has('managedConnection') ? transport.resume() : api('/api/health'),
-    restore: restoreRelayConversation,
-    isConnected: () => transport.connectionState() === 'connected',
-    isTerminal: isTerminalConnectionError,
-    onSuspend: () => { clearTimeout(entryRetryTimer); entryRetryTimer = undefined; },
-    onStarted: () => reportSyncMetric(`stage=connection;action=recover;state=started;managed=${transport.has('managedConnection') ? 1 : 0}`),
-    onAttempt: () => {
-      setConversationConnection('connecting');
-      closeEventStream(); threadContext.stop(); stopThreadPolling();
-    },
-    onRecovered: attempts => {
-      setConversationConnection('connected');
-      usage.start(); startThreadPolling();
-      reportSyncMetric(`stage=connection;action=recover;state=completed;attempts=${attempts}`);
-    },
-    onRetry: () => {
-      state.historyLoading = false; state.historyProgress = '';
-      setConversationConnection('connecting');
-    },
-    onRestoreFailure: error => {
-      state.historyLoading = false; state.historyProgress = '';
-      setConversationConnection('connected');
-      reportSyncMetric(`stage=connection;action=recover;state=stopped;reason=timeline`);
-      setStatus(`会话读取已停止：${error.message}`);
-    },
-    onTerminal: error => {
-      state.historyLoading = false; state.historyProgress = '';
-      setConversationConnection('disconnected');
-      el('connectionNoticeText').textContent = error.code === 1008 ? '配对已失效，请重新扫码' : error.message;
-      reportSyncMetric(`stage=connection;action=recover;state=terminal;code=${error.code}`);
-    },
-  });
-  transport.onConnectionChange?.(value => {
-    if (!enteredConversation || value !== 'disconnected') return;
-    setConversationConnection(stationConnection.isPaused() ? 'disconnected' : 'connecting');
-    if (!stationConnection.isPaused()) void stationConnection.recover();
-  });
-
-  window.codexComputerExecutionChanged = () => {
-    if (!transport.has('managedConnection')) { void stationConnection.recover(); return; }
-    void api('/api/health').then(() => {
-      renderConnectionLabel(); renderSharedServiceNotice(); updateComposerMode();
-    }).catch(() => {});
-  };
-
-  const api = async (path, options = {}) => {
-    if (connectionBlocked() && options.method && options.method !== 'GET') throw new Error('连接尚未恢复');
-    try { return await transport.api(path, options); }
-    catch (error) {
-      if (error?.code === 'thread_writer_owned_elsewhere' && error.threadId === state.selectedId && state.timeline?.thread) {
-        state.timeline.thread.readOnly = true;
-        state.timeline.thread.readOnlyReason = error.message;
-        updateComposerMode(); renderSharedServiceNotice();
-      }
-      if (error instanceof TypeError) setConversationConnection(stationConnection.isRecovering() ? 'connecting' : 'disconnected');
-      throw error;
-    }
-  };
-  const usage = window.createUsageController({ document, el, transport, api });
-
-  let foregroundChecking = false;
-  function connectionBlocked() { return foregroundChecking || (state.connection && state.connection !== 'connected'); }
-  function renderConnectionLabel() {
-    const target = el('connectionAddress');
-    const label = transport.connectionLabel(true);
-    const mode = transport.transportMode?.();
-    const separator = label.lastIndexOf(' · ');
-    if (!['lan-shared', 'lan-legacy'].includes(mode) || separator < 0) {
-      target.textContent = label;
-      return;
-    }
-    const control = document.createElement('span');
-    control.className = `connection-control-mode ${mode === 'lan-shared' ? 'complete' : 'basic'}`;
-    control.textContent = label.slice(separator + 3);
-    target.replaceChildren(document.createTextNode(label.slice(0, separator + 3)), control);
-  }
-  function actionState(action, busy = false) {
-    return transport.actionState(action, { connected: !connectionBlocked(), busy,
-      active: composerIsActive(), syncing: Boolean(state.historyLoading || state.timeline?.cached),
-      writable: !threadReadOnly(), readOnlyReason: state.timeline?.thread?.readOnlyReason });
-  }
-  function threadReadOnly() { return !isNewThread() && state.timeline?.thread?.readOnly === true; }
-  function renderSharedServiceNotice() {
-    const connected = state.connection === 'connected';
-    const readOnly = connected && threadReadOnly();
-    const advisory = readOnly ? {
-      title: '该对话正在另一个 Codex 实例中使用',
-      detail: '当前仅可查看，内容可能尚未同步。点击重新检测，不会发送草稿。'
-    } : connected ? transport.sharedServiceNotice?.() : null;
-    const notice = el('sharedServiceNotice');
-    notice.dataset.action = readOnly ? 'retry-thread' : 'recover-shared';
-    notice.dataset.kind = readOnly ? 'thread-read-only' : advisory?.kind || '';
-    notice.hidden = !advisory;
-    if (advisory) {
-      el('sharedServiceNoticeTitle').textContent = advisory.title;
-      el('sharedServiceNoticeText').textContent = advisory.detail;
-      notice.setAttribute('aria-label', `${advisory.title}。${advisory.detail}`);
-    }
-    platform.reportTransportMode?.(connected ? transport.transportMode?.() || '' : '');
-  }
-  function setConversationConnection(value, preserveVisibleConnection = false) {
-    const connected = value === 'connected';
-    const visiblyConnected = connected || preserveVisibleConnection;
-    const syncing = connected && Boolean(state.historyLoading);
-    renderConnectionLabel();
-    state.connection = value;
-    approvalPanel.setConnected(connected);
-    el('emptyConnection').textContent = visiblyConnected ? '已连接 · ' + transport.connectionLabel() : value === 'connecting' ? '正在连接工作站' : '连接已断开';
-    if (value !== 'connected') { stopThreadPolling(); threadContext.stop(); }
-    if (platform.embedded) platform.reportStatus('', visiblyConnected);
-    const notice = el('connectionNotice');
-    notice.hidden = preserveVisibleConnection || connected && !syncing;
-    el('dot').classList.toggle('ok', visiblyConnected);
-    el('status').textContent = syncing ? '正在同步会话…' : visiblyConnected ? '已连接' : value === 'connecting' ? '正在连接…' : '连接已断开';
-    notice.classList.toggle('connecting', value === 'connecting' || syncing);
-    el('connectionNoticeText').textContent = syncing ? (state.historyProgress || '正在同步会话…') : value === 'connecting' ? '正在连接…' : '连接已断开';
-    const reconnectConversation = el('reconnectConversation');
-    reconnectConversation.hidden = connected || value === 'connecting';
-    reconnectConversation.disabled = reconnectConversation.hidden;
-    el('modelTrigger').disabled = Boolean(connectionBlocked() || threadReadOnly() || state.historyLoading);
-    el('modelMenu').setAttribute('aria-disabled', String(Boolean(connectionBlocked() || threadReadOnly() || state.historyLoading)));
-    renderFastMode();
-    renderPermissionControl();
-    el('connectionStatus').textContent = visiblyConnected ? '已连接' : value === 'connecting' ? '连接中' : '已断开';
-    el('connectionStatus').classList.toggle('failed', !visiblyConnected);
-    for (const button of el('queuePanel').querySelectorAll('button')) button.disabled = Boolean(connectionBlocked() || state.historyLoading);
-    renderSharedServiceNotice();
-    updateComposerMode();
-  }
-
-  function setStatus(text, ok = false) {
-    renderConnectionLabel();
-    const connected = !connectionBlocked();
-    el('status').textContent = text;
-    if (platform.embedded && platform.has('reportStatus')) {
-      platform.reportStatus(connected ? text : '', connected);
-      if (!ok && connected) platform.callbacks.showFeedback?.(text);
-      document.body.classList.add('native-status');
-    }
-  }
-
-  let actionToastTimer;
-  function showActionToast(text, duration = 2000) {
-    if (!text || /^(?:已连接|连接成功|已重新连接|连接已恢复)[。！!]?$/u.test(text.trim())) return;
-    if (!el('actionToast').hidden && el('actionToast').textContent === text) return;
-    clearTimeout(actionToastTimer);
-    el('actionToast').textContent = text;
-    el('actionToast').hidden = false;
-    actionToastTimer = setTimeout(() => { el('actionToast').hidden = true; }, Math.min(duration, 3000));
-  }
-  platform.callbacks.showFeedback = text => showActionToast(text);
-
-  const archiveBusy = new Set();
-  function archiveSupported(thread) {
-    return transport.supports?.('archive', thread) ?? transport.has('archive');
-  }
-
-  function clearArchivedSelection(threadId) {
-    if (state.selectedId !== threadId) return;
-    closeEventStream(); threadContext.stop(); closeModelMenu(); closePermissionMenu();
-    conversation.clear({ resetSettings: true });
-    el('prompt').value = ''; state.draftImages = []; renderDraftImages(); queue.render([]);
-    el('selected').hidden = true; el('empty').hidden = false;
-    setConversationTitle('选择聊天');
-  }
-
-  async function changeThreadArchived(thread, archived) {
-    if (archiveBusy.has(thread.id)) return;
-    if (state.selectedId === thread.id && threadReadOnly()) { showActionToast('该对话正在另一个 Codex 实例中使用，当前只能查看'); return; }
-    if (!archiveSupported(thread)) { showActionToast('当前连接不支持归档，请启用完整控制'); return; }
-    if (!archived && isThreadRunning(thread)) { showActionToast('请先停止当前任务'); return; }
-    if (!archived && state.selectedId === thread.id && (el('prompt').value.trim() || state.draftImages.length)) {
-      showActionToast('输入框有未发送内容，请先发送或清空'); return;
-    }
-    archiveBusy.add(thread.id);
-    taskListView.setArchivePending(thread.id, archived ? '恢复中' : '归档中');
-    let succeeded = false;
-    try {
-      const action = archived ? 'unarchive' : 'archive';
-      const query = thread.hostId ? `?hostId=${encodeURIComponent(thread.hostId)}` : '';
-      await api(`/api/threads/${encodeURIComponent(thread.id)}/${action}${query}`, { method: 'POST' });
-      if (archived) {
-        state.archivedThreads = state.archivedThreads.filter(item => item.id !== thread.id);
-        state.threads = [thread, ...state.threads.filter(item => item.id !== thread.id)];
-      } else {
-        state.threads = state.threads.filter(item => item.id !== thread.id);
-        state.archivedThreads = [thread, ...state.archivedThreads.filter(item => item.id !== thread.id)];
-        attention.remove(thread.id);
-        clearArchivedSelection(thread.id);
-      }
-      succeeded = true;
-      taskListView.removeThread(thread.id);
-    } catch (error) {
-      showActionToast(`${archived ? '恢复' : '归档'}失败：${error.message}`, 3000);
-    } finally {
-      archiveBusy.delete(thread.id);
-      if (!succeeded) taskListView.clearArchivePending(thread.id);
-    }
-  }
-
-  async function loadArchivedThreads() {
-    el('archivedThreads').disabled = true;
-    try {
-      const data = await api('/api/threads?limit=200&archived=true');
-      if (Array.isArray(data.projects)) state.projects = data.projects;
-      state.archivedThreads = listedThreads(data).map(thread => ({ ...thread, title: resolvedThreadTitle(thread) }));
-      return true;
-    } catch (error) { showActionToast(`读取归档失败：${error.message}`, 3000); }
-    finally { el('archivedThreads').disabled = false; }
-    return false;
-  }
-
-  async function showArchivedThreads() {
-    if (state.showingArchived) { state.showingArchived = false; renderTasks(); return; }
-    if (await loadArchivedThreads()) { state.showingArchived = true; renderTasks(); }
-  }
-
-  async function refreshTaskList() {
-    if (!state.showingArchived) { await loadThreads(); return; }
-    if (await loadArchivedThreads()) renderTasks();
-  }
-
-  const taskListView = window.createTaskListView({
-    document, el, state, archiveBusy, archivedThreadsEntryVisible,
-    archiveSupported, isThreadRunning, isThreadWaitingForApproval,
-    resolvedThreadTitle, statusText,
-    onSelectThread: thread => selectThread(thread),
-    onArchiveThread: (thread, archived) => void changeThreadArchived(thread, archived),
-    onOpenNewThread: (project, projectId) => openNewThreadDialog(project, projectId),
-    onFeedback: text => showActionToast(text),
-  });
-
-  function renderTasks() {
-    taskListView.render();
-  }
-
-  function isThreadRunning(thread) {
-    return thread?.status === 'active' || thread?.status === 'inProgress';
-  }
-
-  function isThreadWaitingForApproval(thread) {
-    return Array.isArray(thread?.activeFlags) && thread.activeFlags.includes('waitingOnApproval');
-  }
-
-  function setThreadApprovalFlag(thread, pending) {
-    if (!thread) return false;
-    const flags = Array.isArray(thread.activeFlags) ? thread.activeFlags : [];
-    const next = pending ? [...new Set([...flags, 'waitingOnApproval'])]
-      : flags.filter(flag => flag !== 'waitingOnApproval');
-    if (next.length === flags.length && next.every((flag, index) => flag === flags[index])) return false;
-    thread.activeFlags = next;
-    return true;
-  }
-
-  function setThreadApprovalPending(threadId, pending) {
-    if (!threadId) return;
-    approvalFlagOverrides.set(threadId, pending);
-    let changed = false;
-    const listed = state.threads.find(thread => thread.id === threadId);
-    changed = setThreadApprovalFlag(listed, pending) || changed;
-    if (state.selectedThread?.id === threadId && state.selectedThread !== listed) {
-      changed = setThreadApprovalFlag(state.selectedThread, pending) || changed;
-    }
-    if (changed) renderTasks();
-  }
-
-  function openNewThreadDialog(project, projectId) {
-    if (platform.voice.active || state.creatingThread) return;
-    saveActiveDraft();
-    closeEventStream(); threadContext.stop(); closeModelMenu(); closePermissionMenu();
-    conversation.clear();
-    state.newThreadProject = {
-      projectId,
-      label: project?.label || (projectId === '__unassigned__' ? '未归属项目' : projectId),
-      path: project?.path || '',
-      hostId: project?.hostId || '',
-      knownThreadIds: new Set(state.threads.map(thread => thread.id)),
-    };
-    el('newThreadProjectName').textContent = projectId === '__unassigned__' ? '不在项目中工作' : state.newThreadProject.label;
-    el('clearNewThreadProject').hidden = projectId === '__unassigned__';
-    el('newThreadTitle').textContent = projectId === '__unassigned__'
-      ? '我们要构建什么？' : `你想让我们在 ${state.newThreadProject.label} 中构建什么？`;
-    const draft = drafts.loadNewThread(state.newThreadProject);
-    el('prompt').value = draft.text;
-    state.draftImages = draft.images;
-    renderDraftImages();
-    el('empty').hidden = true; el('selected').hidden = false;
-    setNewThreadState(true);
-    el('timeline').replaceChildren(); queue.render([]); el('scrollToBottom').hidden = true;
-    renderContextUsage({ available:false, model:state.currentModel, thinking:state.currentThinking, serviceTier:state.currentServiceTier });
-    updateComposerMode();
-    document.body.classList.remove('sidebar-open');
-    setConversationTitle('新对话'); renderTasks();
-    requestAnimationFrame(() => el('prompt').focus());
-  }
-
-  const threadTitles = window.createThreadTitleController();
-  const drafts = window.createDraftController({
-    platform, transport, localStorage,
-    scope: () => threadAttentionScope,
-    onPersistenceError: () => setStatus('草稿暂时只能保留到本次页面关闭'),
-  });
-  const messageSender = window.createMessageSendController({
-    state, transport, platform, crypto, el, pendingMessages, drafts, composer, queue, threadContext, conversation,
-    api: (path, options) => api(path, options),
-    isConnectionBlocked: connectionBlocked, isThreadReadOnly: threadReadOnly,
-    isApplyingSettings: () => applyingServerSettings, isNewThread, createNewThread,
-    setStatus, showToast: showActionToast, restoreConversation: restoreRelayConversation,
-    renderDraftImages, renderPendingMessages, scrollTimelineToBottom, renderModelControl,
-  });
-
-  function resolvedThreadTitle(thread) {
-    return threadTitles.resolve(thread);
-  }
-
-  function saveNewThreadDraft() {
-    if (!isNewThread() || !state.newThreadProject) return;
-    drafts.saveNewThread(state.newThreadProject, el('prompt').value, state.draftImages);
-  }
-  function saveConversationDraft(threadId) {
-    if (!threadId) return;
-    drafts.saveConversation(threadId, el('prompt').value, state.draftImages);
-  }
-  function saveActiveDraft() {
-    drafts.flush(() => {
-      if (isNewThread()) saveNewThreadDraft();
-      else if (state.selectedId) saveConversationDraft(state.selectedId);
-    });
-  }
-  function scheduleDraftSave() {
-    drafts.scheduleSave(() => {
-      if (isNewThread()) saveNewThreadDraft();
-      else if (state.selectedId) saveConversationDraft(state.selectedId);
-    });
-  }
-  function isNewThread() { return Boolean(state.newThreadActive); }
-  function setNewThreadState(active) {
-    state.newThreadActive = active;
-    el('terminalChatTitle').textContent = active ? '新对话' : (el('selectedTitle').textContent || 'Code Relax');
-    el('newThreadWelcome').hidden = !active;
-    el('newThreadProjectBar').hidden = !active;
-    el('timeline').hidden = active;
-    document.querySelector('.selected-heading').hidden = active;
-  }
-  function showNewThreadPendingMessage(message) {
-    el('newThreadWelcome').hidden = true;
-    el('newThreadProjectBar').hidden = true;
-    el('timeline').hidden = false;
-    updatePendingMessageElement(message);
-    el('timeline').replaceChildren(message.element);
-    scrollTimelineToBottom(true);
-  }
-  async function createNewThread() {
-    const project = state.newThreadProject;
-    const prompt = el('prompt').value.trim();
-    if (!project || (!prompt && !state.draftImages.length) || state.creatingThread || state.uploadingImages) return;
-    if (connectionBlocked() || threadReadOnly()) return;
-    state.creatingThread = true; state.sending = true;
-    el('clearNewThreadProject').disabled = true; updatePromptActions();
-    const draftKey = drafts.newThreadKey(state.newThreadProject);
-    saveNewThreadDraft();
-    const body = messageBody(prompt);
-    const draftImages = [...state.draftImages];
-    const initialMessage = {
-      clientUserMessageId: body.clientUserMessageId,
-      request: { ...body },
-      text: prompt,
-      attachments: draftImages.map(image => ({ ...image, type:'image', available:true, url:image.url || image.thumbnailUrl })),
-      baseline: new Set(),
-      settled: false,
-      status: '正在创建对话…',
-    };
-    el('prompt').value = '';
-    state.draftImages = [];
-    renderDraftImages();
-    showNewThreadPendingMessage(initialMessage);
-    try {
-      const result = await api(`/api/projects/${encodeURIComponent(project.projectId)}/threads`, {
-        method:'POST', body:JSON.stringify(body)
-      });
-      initialMessage.turnId = result.turnId || result.turn?.id || null;
-      initialMessage.settled = true;
-      initialMessage.status = '正在打开对话…';
-      updatePendingMessageElement(initialMessage);
-      drafts.clearNewThread(draftKey);
-      const created = await locateCreatedThread(result, project, prompt);
-      if (created) {
-        if (isNewThread() && state.newThreadProject === project) {
-          initialMessage.status = '';
-          updatePendingMessageElement(initialMessage);
-          await selectThread(created, initialMessage);
-        }
-        scheduleThreadRefresh(1_500, false, 'thread-created');
-      } else {
-        initialMessage.status = '新任务已提交，仍在准备；稍后刷新任务列表即可打开。';
-        updatePendingMessageElement(initialMessage);
-        setStatus(initialMessage.status, true);
-      }
-    } catch (error) {
-      initialMessage.settled = true;
-      initialMessage.status = `创建失败：${error.message}`;
-      updatePendingMessageElement(initialMessage);
-      if (state.newThreadProject === project && isNewThread()) {
-        el('prompt').value = prompt;
-        state.draftImages = draftImages;
-        renderDraftImages();
-      }
-      setStatus(initialMessage.status);
-    }
-    finally { state.creatingThread = false; state.sending = false; el('clearNewThreadProject').disabled = false; updatePromptActions(); }
-  }
-
-  async function locateCreatedThread(result, project, prompt) {
-    if (result?.threadId) {
-      threadTitles.remember(result.threadId, prompt);
-      await loadThreads();
-      let created = state.threads.find(thread => thread.id === result.threadId);
-      if (!created) {
-        created = {
-          id: result.threadId,
-          title: resolvedThreadTitle({ id: result.threadId }),
-          status: 'active',
-          projectId: project.projectId === '__unassigned__' ? null : project.projectId,
-          hostId: result.hostId || project.hostId,
-          cwd: project.path,
-        };
-        state.threads.unshift(created);
-        renderTasks();
-      }
-      return created;
-    }
-    if (!result?.clientThreadId) return null;
-    for (let attempt = 0; attempt < 8; attempt += 1) {
-      if (attempt) await new Promise(resolve => setTimeout(resolve, 1_250));
-      await loadThreads();
-      const created = state.threads.find(thread => !project.knownThreadIds.has(thread.id)
-        && (project.projectId === '__unassigned__' ? !thread.projectId : thread.projectId === project.projectId));
-      if (created) {
-        threadTitles.remember(created.id, prompt);
-        created.title = resolvedThreadTitle(created);
-        renderTasks();
-        return created;
-      }
-    }
-    return null;
-  }
-
-  const threadList = window.createThreadListController({
-    state, approvalOverrides: approvalFlagOverrides,
-    resolveTitle: thread => resolvedThreadTitle(thread),
-    attention,
-    isWaitingForApproval: isThreadWaitingForApproval,
-    setApprovalFlag: setThreadApprovalFlag,
-    onSelected: thread => setConversationTitle(thread.title || thread.id),
-    onRender: renderTasks,
-  });
-
-  function listedThreads(threadData) {
-    return threadList.listed(threadData);
-  }
-
-  function applyThreadData(threadData, forceRender = false, source = 'list') {
-    threadList.apply(threadData, forceRender, source);
-  }
-
-  const threadListSync = window.createThreadListSync({
-    api, isBlocked: connectionBlocked, isVisible: taskListVisible,
-    apply: applyThreadData, count: data => listedThreads(data).length,
-    setStatus, setRefreshDisabled: disabled => { el('refresh').disabled = disabled; },
-    report: detail => reportSyncMetric(detail),
-  });
-
-  function refreshThreadStates(reason = 'refresh') {
-    return threadListSync.refresh(reason);
-  }
-
-  async function refreshCurrentConversation() {
-    if (state.historyLoading) return;
-    if (connectionBlocked()) { showActionToast('连接已断开，请先重新连接'); return; }
-    if (!state.selectedThread) return;
-    try {
-      await restoreRelayConversation();
-    } catch (error) { setStatus(error.message, false); }
-  }
-  window.harmonyRefreshConversation = refreshCurrentConversation;
-
-  function pageSnapshot() {
-    return JSON.stringify({ selectedId: state.selectedId, selectedThread: state.selectedThread,
-      timeline: state.timeline ? cacheableTimeline({ ...state.timeline, thread: state.selectedThread,
-        turns: state.timeline.turns.slice(-40) }) : null,
-      projects: state.projects, threads: state.threads, threadListComplete: state.threadListComplete,
-      archivedThreads: state.showingArchived ? state.archivedThreads : [],
-      showingArchived: state.showingArchived, collapsedProjects: [...state.collapsedProjects],
-      disclosures: disclosures.entries(), sidebarOpen: document.body.classList.contains('sidebar-open'),
-      taskScrollTop: (document.body.classList.contains('embedded-terminal') ? el('tasks') : document.querySelector('aside'))?.scrollTop || 0,
-      newThreadProject: isNewThread() ? state.newThreadProject : null,
-      draft: el('prompt').value, draftImages: state.draftImages,
-      scrollTop: el('timeline').scrollTop, atBottom: state.timelineAtBottom });
-  }
-  window.harmonyCapturePageSnapshot = pageSnapshot;
-
-  function openLatestDebugPage() {
-    if (platform.has('debugAccessState') && !platform.debugAccessState()) {
-      showActionToast('当前设备未获调试页面权限');
-      return;
-    }
-    const threadId = state.selectedId || '', snapshot = pageSnapshot();
-    try {
-      if (/^https?:$/.test(location.protocol)) {
-        try {
-          sessionStorage.setItem(debugReloadSnapshotKey, snapshot);
-          location.reload();
-        } catch (error) {
-          if (!platform.has('reloadPage')) throw error;
-          platform.reloadPage(threadId, snapshot);
-        }
-      } else if (!window.codexSelfRelayConfig && platform.has('setExternalUi')) {
-        platform.setExternalUi(true, threadId, snapshot);
-      } else {
-        showActionToast('当前连接不支持工作站调试页面');
-      }
-    } catch (error) { showActionToast(error.message); }
-  }
-
-  function readLastVisitedThread() {
-    try {
-      const scope = transport.draftScope();
-      const value = platform.has('readLastThread') ? platform.readLastThread(scope)
-        : localStorage.getItem('codexRemoteLastThread:' + scope);
-      return value ? JSON.parse(value) : null;
-    } catch (error) {
-      cacheError(error);
-      return null;
-    }
-  }
-
-  function rememberVisitedThread(thread) {
-    if (!platform.embedded) return;
-    try {
-      const scope = transport.draftScope();
-      const value = JSON.stringify({ id: thread.id, hostId: thread.hostId, title: thread.title,
-        projectId: thread.projectId, cwd: thread.cwd, transport: thread.transport });
-      if (platform.has('saveLastThread')) platform.saveLastThread(scope, value);
-      else localStorage.setItem('codexRemoteLastThread:' + scope, value);
-    } catch (error) { cacheError(error); }
-  }
-
-  async function restoreStartupView() {
-    let saved;
-    if (pageResume && resumeConfig.resumeSnapshot) saved = JSON.parse(resumeConfig.resumeSnapshot);
-    const restoreTaskScroll = () => {
-      const owner = document.body.classList.contains('embedded-terminal') ? el('tasks') : document.querySelector('aside');
-      if (owner && Number(saved?.taskScrollTop) > 0) owner.scrollTop = Number(saved.taskScrollTop);
-    };
-    if (saved?.projects) state.projects = saved.projects;
-    if (Array.isArray(saved?.threads)) state.threads = saved.threads;
-    state.threadListComplete = saved?.threadListComplete === true;
-    if (Array.isArray(saved?.archivedThreads)) state.archivedThreads = saved.archivedThreads;
-    if (Array.isArray(saved?.collapsedProjects)) state.collapsedProjects = new Set(saved.collapsedProjects);
-    disclosures.restore(saved?.disclosures);
-    state.showingArchived = saved?.showingArchived === true;
-    if (saved?.newThreadProject) {
-      if (!waitForInitialThreads) {
-        document.body.classList.remove('connection-entry'); platform.reportEntry?.(false);
-      }
-      openNewThreadDialog(saved.newThreadProject, saved.newThreadProject.projectId);
-      el('prompt').value = saved.draft || ''; state.draftImages = saved.draftImages || []; renderDraftImages();
-      restoreTaskScroll();
-      setConversationConnection('connecting', pageResume); return;
-    }
-    const visited = platform.embedded ? readLastVisitedThread() : null;
-    const cached = await window.CodexPageResume.resolveConversation({ pageResume, resumeConfig, saved,
-      threads: state.threads, visited, readCached: (id, thread) => history.read(id, thread, 'startup'),
-      readLastCached: () => history.readLatest('startup'), onCacheError: cacheError });
-    if (!cached) return;
-    conversation.restoreCached(cached, state.threads);
-    if (!state.threads.some(thread => thread.id === cached.thread.id)) state.threads = [cached.thread];
-    if (!waitForInitialThreads) document.body.classList.remove('connection-entry');
-    if (!saved?.sidebarOpen) document.body.classList.remove('sidebar-open');
-    if (!waitForInitialThreads) platform.reportEntry?.(false);
-    el('empty').hidden = true; el('selected').hidden = false;
-    setConversationTitle(resolvedThreadTitle(cached.thread)); renderTasks();
-    restoreTaskScroll();
-    try {
-      timelineRenderer.render(state.timeline, saved?.atBottom !== false);
-    } catch (error) {
-      history.release();
-      conversation.clear({ resetSettings: true });
-      el('selected').hidden = true; el('empty').hidden = false;
-      throw error;
-    }
-    if (saved) {
-      el('prompt').value = saved.draft || ''; state.draftImages = saved.draftImages || []; renderDraftImages();
-      if (saved.atBottom === false) el('timeline').scrollTop = saved.scrollTop || 0;
-    }
-    updateComposerMode(); setConversationConnection('connecting', pageResume);
-  }
-
-  function startThreadPolling() {
-    threadListSync.start();
-  }
-
-  function taskListVisible() {
-    if (document.hidden) return false;
-    const rect = document.querySelector('aside').getBoundingClientRect();
-    return rect.width > 0 && rect.right > 0 && rect.left < window.innerWidth;
-  }
-
-  function showTaskList() {
-    const wasVisible = taskListVisible();
-    usage.refreshSummary();
-    document.body.classList.remove('sidebar-collapsed');
-    document.body.classList.add('sidebar-open');
-    renderTasks();
-    if (!wasVisible) void refreshThreadStates('sidebar-open');
-  }
-
-  function scheduleThreadRefresh(delay = 0, force = false, reason = 'scheduled') {
-    threadListSync.schedule(delay, force, reason);
-  }
-
-  function stopThreadPolling() {
-    threadListSync.stop();
-  }
-
-  function loadThreads(required = false) {
-    return threadListSync.load(required);
-  }
-
-  async function selectThread(thread, initialMessage = null) {
-    const syncStarted = performance.now();
-    if (platform.embedded && platform.voice.active) return;
-    communityView?.close();
-    const selectionPlan = conversation.planSelection(thread, isNewThread());
-    const retained = selectionPlan.retainedTimeline;
-    history.cancelSave();
-    if (state.timeline && !state.timeline.cached && !state.historyLoading) {
-      void history.saveNow(cacheableTimeline(state.timeline), state.selectedThread, 'leave');
-    }
-    const switchingThread = selectionPlan.switchingThread;
-    if (isNewThread()) saveNewThreadDraft();
-    else if (switchingThread && state.selectedId) saveConversationDraft(state.selectedId);
-    if (switchingThread) {
-      const draft = drafts.loadConversation(thread.id);
-      el('prompt').value = draft.text;
-      state.draftImages = draft.images;
-      renderDraftImages();
-    }
-    setNewThreadState(false);
-    if (platform.embedded) {
-      document.body.classList.remove('sidebar-open');
-    }
-    rememberVisitedThread(thread);
-    closeEventStream();
-    threadContext.stop();
-    closeModelMenu();
-    closePermissionMenu();
-    const selection = conversation.activateThread(thread, retained);
-    resetModelMenuToCurrent();
-    syncSidebarSelection(thread);
-    el('empty').hidden = true;
-    el('selected').hidden = false;
-    const project = state.projects.find(item => item.projectId === thread.projectId);
-    setConversationTitle(resolvedThreadTitle(thread));
-    renderSelectedMeta(project, thread, '正在连接实时更新…', false);
-    if (!retained) el('timeline').replaceChildren(...(initialMessage || transport.has('syncBeforeWrite') ? [] : [messageElement('agent', '正在读取…', 'Bridge')]));
-    if (initialMessage) { pendingMessages.set(thread.id, [initialMessage]); renderPendingMessages(); }
-    if (!retained) history.release();
-    let cacheMilliseconds = 0;
-    if (!retained) {
-      const cacheStarted = performance.now();
-      const cached = await history.read(thread.id, thread, 'select');
-      cacheMilliseconds = Math.round(performance.now() - cacheStarted);
-      if (cached && conversation.isCurrent(selection, thread.id)) {
-        try {
-          state.timeline = cached; timelineRenderer.render(cached, true);
-          updateComposerMode();
-        } catch (error) {
-          state.timeline = null; history.release(); cacheError(error);
-          el('timeline').replaceChildren(messageElement('agent', '正在读取最新内容…', 'Bridge'));
-        }
-      }
-      if (!conversation.isCurrent(selection, thread.id)) return;
-    }
-    queue.render([]);
-    try {
-      setConversationConnection(transport.connectionState() === 'connected' ? 'connected' : 'connecting');
-      const fetchStarted = performance.now();
-      const [recovered, queueData] = await Promise.all([
-        history.recover(thread.id, state.timeline, () => conversation.isCurrent(selection, thread.id), thread.hostId),
-        api(`/api/threads/${encodeURIComponent(thread.id)}/queue`),
-      ]);
-      if (!conversation.isCurrent(selection, thread.id)) return;
-      const data = recovered.timeline;
-      const fetchMilliseconds = Math.round(performance.now() - fetchStarted);
-      if (!conversation.completeSync(selection, data)) return;
-      const renderStarted = performance.now();
-      timelineRenderer.render(data, true);
-      const renderMilliseconds = Math.round(performance.now() - renderStarted);
-      attention.markRead(data.thread, 'select-timeline', data.turns.at(-1)?.id);
-      history.releaseUnused(data, 'select');
-      queue.render(queueData.items || []);
-      updateComposerMode();
-      openEventStream(thread, project);
-      threadContext.start(thread.id);
-      if (!recovered.unchanged) saveHistoryCache();
-      reportSyncMetric(`stage=select;totalMs=${Math.round(performance.now() - syncStarted)};cacheMs=${cacheMilliseconds};fetchMs=${fetchMilliseconds};renderMs=${renderMilliseconds};${timelineShapeMetric(data)};unchanged=${recovered.unchanged ? 1 : 0};partial=${recovered.partial ? 1 : 0};listTrusted=${recovered.listTrusted ? 1 : 0}`);
-    } catch (error) {
-      if (!conversation.isCurrent(selection, thread.id)) return;
-      const transportConnected = transport.connectionState() === 'connected';
-      setConversationConnection(transportConnected ? 'connected' : 'disconnected');
-      conversation.failSync(selection);
-      showTimelineSyncFailure(thread, error.message, () => selectThread(thread));
-      renderSelectedMeta(project, thread, '实时更新未连接', false);
-      if (transportConnected) openEventStream(thread, project);
-      setStatus(error.message);
-    }
-  }
-
-  let cacheWarningShown = false;
-  function cacheError(error) {
-    if (cacheWarningShown) return;
-    cacheWarningShown = true;
-    showActionToast('手机缓存不可用：' + error.message, 3000);
-  }
-  function saveHistoryCache() {
-    history.scheduleSave(cacheableTimeline(state.timeline), state.selectedThread, state.historyLoading);
-  }
-  function cacheableTimeline(timeline) {
-    if (!timeline?.turns) return timeline;
-    return { ...timeline, turns: timeline.turns.map(turn => ({ ...turn,
-      entries: (turn.entries || []).map(entry => {
-        if (entry?.kind !== 'lazyOperationGroup') return entry;
-        const { loadedEntries, detailsLoaded, ...skeleton } = entry;
-        return skeleton;
-      }),
-    })) };
-  }
-  function showTimelineSyncFailure(thread, message, retry) {
-    if (!thread || state.selectedId !== thread.id) return;
-    const timeline = el('timeline');
-    timeline.querySelector('.timeline-sync-retry')?.remove();
-    if (state.timeline) return;
-    timeline.replaceChildren(messageElement('agent', `读取失败：${message}`, 'Bridge'));
-    const button = document.createElement('button');
-    button.className = 'history-more timeline-sync-retry';
-    button.textContent = '重新读取';
-    button.onclick = async () => {
-      button.disabled = true; button.textContent = '正在重试…';
-      try { await retry(); }
-      catch (error) {
-        if (state.selectedId !== thread.id) return;
-        button.disabled = false; button.textContent = '重新读取'; setStatus(error.message);
-      }
-    };
-    timeline.append(button);
-  }
-  function historyButton(data) {
-    if (!transport.has('pagedHistory')) return null;
-    if (data.cached) return null;
-    if (!data.nextCursor) return null;
-    const gap = Boolean(data.historyGapBeforeTurnId);
-    const button = document.createElement('button'); button.textContent = gap ? '加载中间内容' : '加载更早的消息'; button.className = 'history-more';
-    const id = state.selectedId, selection = conversation.generation(), cursor = data.nextCursor;
-    button.onclick = async event => {
-      if (event?.isTrusted) delete button.dataset.autoLoadFailed;
-      button.disabled = true; button.textContent = '正在加载…';
-      try {
-        const page = await api(`/api/threads/${encodeURIComponent(id)}/history?cursor=${encodeURIComponent(cursor)}`);
-        if (!conversation.isCurrent(selection, id)) return;
-        const timeline = el('timeline'), anchor = button.nextElementSibling;
-        const top = anchor?.getBoundingClientRect().top;
-        const boundary = state.timeline.historyGapBeforeTurnId || '';
-        const boundaryIndex = boundary ? state.timeline.turns.findIndex(turn => turn.id === boundary) : 0;
-        const prefix = boundaryIndex > 0 ? state.timeline.turns.slice(0, boundaryIndex) : [];
-        const suffix = boundaryIndex >= 0 ? state.timeline.turns.slice(boundaryIndex) : state.timeline.turns;
-        const incoming = Array.isArray(page.turns) ? page.turns : [];
-        const incomingIds = new Set(incoming.map(turn => turn.id));
-        const overlap = prefix.findIndex(turn => incomingIds.has(turn.id));
-        if (boundary && overlap >= 0) {
-          state.timeline.turns = [...prefix.slice(0, overlap), ...incoming,
-            ...suffix.filter(turn => !incomingIds.has(turn.id))];
-          delete state.timeline.historyGapBeforeTurnId;
-        } else if (boundary && page.nextCursor) {
-          state.timeline.turns = [...prefix, ...incoming, ...suffix];
-          state.timeline.historyGapBeforeTurnId = incoming[0]?.id || boundary;
-        } else if (boundary) {
-          state.timeline.turns = [...incoming, ...suffix];
-          delete state.timeline.historyGapBeforeTurnId;
-        } else {
-          const existing = new Set(state.timeline.turns.map(turn => turn.id));
-          state.timeline.turns.unshift(...incoming.filter(turn => !existing.has(turn.id)));
-        }
-        state.timeline.nextCursor = page.nextCursor;
-        timelineRenderer.render(state.timeline, false);
-        if (anchor && top !== undefined) {
-          const restored = anchor.dataset.turnId
-            ? [...timeline.children].find(node => node.dataset.turnId === anchor.dataset.turnId) : null;
-          if (restored) timeline.scrollTop += restored.getBoundingClientRect().top - top;
-        }
-        timelineScroll.markAwayFromBottom(); saveHistoryCache();
-      } catch (error) {
-        if (!conversation.isCurrent(selection, id)) return;
-        if (!event?.isTrusted) button.dataset.autoLoadFailed = 'true';
-        button.disabled = false; button.textContent = gap ? '重试加载中间内容' : '重试加载更早消息'; setStatus(error.message);
-      }
-    };
-    requestAnimationFrame(() => {
-      if (button.isConnected) maybeAutoLoadHistory();
-    });
-    return button;
-  }
-
-  function maybeAutoLoadHistory() {
-    const timeline = el('timeline');
-    const button = timeline.querySelector('.history-more:not(.timeline-sync-retry)');
-    if (!button || button.disabled || button.dataset.autoLoadFailed === 'true') return;
-    const viewport = timeline.getBoundingClientRect();
-    const trigger = button.getBoundingClientRect();
-    const threshold = Math.min(320, Math.max(160, timeline.clientHeight / 3));
-    if (trigger.bottom >= viewport.top - threshold && trigger.top <= viewport.bottom + threshold) button.click();
-  }
-  function lazyOperationGroupElement(entry) {
-    const details = document.createElement('details');
-    details.className = 'process completed-process lazy-process';
-    const summary = document.createElement('summary');
-    const label = document.createElement('span'); label.className = 'activity-title';
-    label.textContent = entry.title || '执行过程';
-    summary.append(activityIcon('tool'), label, disclosureChevronElement());
-    const body = document.createElement('div'); body.className = 'process-body';
-    details.append(summary, body);
-    const renderLoaded = () => {
-      body.replaceChildren();
-      for (const child of (entry.loadedEntries || []).filter(value => value.kind !== 'reasoning')) {
-        const element = renderEntry(child);
-        if (element) body.append(element);
-      }
-      if (!body.childElementCount) body.textContent = '没有可显示的操作明细';
-    };
-    if (entry.detailsLoaded) renderLoaded();
-    const id = state.selectedId, turnId = entry.turnId, groupId = entry.groupId;
-    let loading = false;
-    details.addEventListener('toggle', async () => {
-      if (!details.open || loading || entry.detailsLoaded) return;
-      if (!transport.has('pagedHistory') || state.timeline?.cached) {
-        body.textContent = '连接工作站后可加载操作明细';
-        return;
-      }
-      const selection = conversation.generation();
-      loading = true; body.textContent = '正在加载操作…';
-      const loaded = [], loadedIds = new Set(), offsets = new Set();
-      let offset = 0, pages = 0;
-      try {
-        do {
-          if (offsets.has(offset)) throw new Error('操作分页位置重复，已停止加载。');
-          offsets.add(offset);
-          const page = await api(`/api/threads/${encodeURIComponent(id)}/turns/${encodeURIComponent(turnId)}/groups/${encodeURIComponent(groupId)}/items?offset=${offset}`);
-          if (!conversation.isCurrent(selection, id)) return;
-          const entries = (Array.isArray(page.entries) ? page.entries : []).filter(entry => {
-            if (!entry?.id) return true;
-            if (loadedIds.has(entry.id)) return false;
-            loadedIds.add(entry.id); return true;
-          });
-          loaded.push(...entries);
-          offset = Number.isSafeInteger(page.nextOffset) ? page.nextOffset : null;
-          pages++;
-          body.textContent = `正在加载操作… ${loaded.length}/${Number(page.total) || entry.count || loaded.length} 项`;
-        } while (offset !== null);
-        entry.loadedEntries = loaded;
-        entry.detailsLoaded = true;
-        renderLoaded();
-        timelineScroll.markAwayFromBottom();
-        reportSyncMetric(`stage=history;action=operation-group;result=loaded;pages=${pages};items=${loaded.length}`);
-      } catch (error) {
-        if (!conversation.isCurrent(selection, id)) return;
-        loading = false; body.textContent = '加载失败，收起后可重试'; setStatus(error.message);
-      }
-    });
-    return disclosures.bind(details, `turn:${turnId}:group:${groupId}`);
-  }
-  async function restoreRelayConversation() {
-    const syncStarted = performance.now();
-    const thread = state.selectedThread;
-    state.historyLoading = Boolean(thread);
-    if (thread && !state.historyProgress) state.historyProgress = '正在同步会话…';
-    setConversationConnection('connected');
-    if (!thread) { if (!await loadThreads()) throw new Error('对话列表尚未恢复'); return; }
-    const selection = conversation.beginSync();
-    closeEventStream(); threadContext.stop();
-    updateComposerMode();
-    let data, unchanged = false, partial = false, listTrusted = false;
-    try {
-      const recovered = await history.recover(thread.id, state.timeline, () => conversation.isCurrent(selection, thread.id), thread.hostId);
-      data = recovered?.timeline;
-      unchanged = recovered?.unchanged === true;
-      partial = recovered?.partial === true;
-      listTrusted = recovered?.listTrusted === true;
-    } catch (error) {
-      if (conversation.failSync(selection)) {
-        updateComposerMode();
-        showTimelineSyncFailure(thread, error.message, restoreRelayConversation);
-        if (!connectionBlocked()) openEventStream(thread, state.projects.find(project => project.projectId === thread.projectId));
-      }
-      throw error;
-    }
-    if (!data) { conversation.failSync(selection); return; }
-    const timeline = el('timeline'), atBottom = syncTimelinePosition();
-    const anchor = [...timeline.children].find(node => node.dataset.turnId && node.getBoundingClientRect().bottom >= timeline.getBoundingClientRect().top);
-    const anchorId = anchor?.dataset.turnId, offset = anchor?.getBoundingClientRect().top;
-    if (!conversation.completeSync(selection, data)) return;
-    state.timelineAtBottom = atBottom;
-    enteredConversation = true;
-    const renderStarted = performance.now();
-    timelineRenderer.render(data, atBottom);
-    attention.markRead(data.thread, 'restore-timeline', data.turns.at(-1)?.id);
-    const renderMilliseconds = Math.round(performance.now() - renderStarted);
-    if (!atBottom && anchorId) {
-      const restored = [...timeline.children].find(node => node.dataset.turnId === anchorId);
-      if (restored) timeline.scrollTop += restored.getBoundingClientRect().top - offset;
-    }
-    history.releaseUnused(data, 'restore');
-    setConversationConnection('connected');
-    openEventStream(thread, state.projects.find(project => project.projectId === thread.projectId));
-    threadContext.start(thread.id); updateComposerMode();
-    if (!unchanged) saveHistoryCache();
-    reportSyncMetric(`stage=restore;totalMs=${Math.round(performance.now() - syncStarted)};renderMs=${renderMilliseconds};${timelineShapeMetric(data)};unchanged=${unchanged ? 1 : 0};partial=${partial ? 1 : 0};listTrusted=${listTrusted ? 1 : 0}`);
-  }
-
-  function syncSidebarSelection(thread) {
-    taskListView.syncSelection(thread);
-  }
-
-  function setConversationTitle(title) {
-    el('selectedTitle').textContent = title;
-    el('terminalChatTitle').textContent = title || 'Code Relax';
-  }
-  let lastLiveError = '';
-  function renderSelectedMeta(project, thread, liveText, connected) {
-    if (connected) { lastLiveError = ''; return; }
-    if (['正在连接实时更新…', '正在重连…'].includes(liveText)) return;
-    if (liveText !== lastLiveError) { showActionToast(liveText, 3000); lastLiveError = liveText; }
-  }
-
-  function openEventStream(thread, project) {
-    closeEventStream();
-    setConversationConnection(transport.connectionState() === 'connected' ? 'connected' : 'connecting');
-    const source = transport.events(thread, state.timeline?.sync, state.timeline);
-    state.eventSource = source;
-    requestHostId = thread.hostId;
-    source.addEventListener('approvals', event => {
-      if (state.eventSource !== source || state.selectedId !== thread.id) return;
-      const requests = JSON.parse(event.data).requests || [];
-      for (const request of requests) {
-        if (request.method === CodexServerRequests.file) {
-          request.fileChanges = state.timeline?.turns?.flatMap(turn => turn.entries || []).find(entry => entry.id === request.params.itemId)?.changes;
-        }
-      }
-      approvalPanel.update(requests);
-    });
-    source.addEventListener('settings', () => {
-      if (state.eventSource === source && state.selectedId === thread.id) threadContext.update(thread.id);
-    });
-    source.addEventListener('thread-list-changed', event => {
-      if (state.eventSource !== source) return;
-      let change = {};
-      try { change = JSON.parse(event.data); } catch {}
-      attention.metric('event', { id: change.threadId }, null, 'stream', change.method);
-      if (archiveBusy.has(change.threadId)
-        && ['thread/archived', 'thread/unarchived'].includes(change.method)) return;
-      const selectedSettled = change.threadId === state.selectedId
-        && ['turn/completed', 'thread/name/updated'].includes(change.method);
-      scheduleThreadRefresh(300, selectedSettled, 'thread-event');
-    });
-    source.onopen = () => {
-      if (state.eventSource !== source || state.selectedId !== thread.id) return;
-      setConversationConnection('connected');
-      renderSelectedMeta(project, thread, '实时更新', true);
-    };
-    source.addEventListener('update', event => {
-      if (state.eventSource !== source || state.selectedId !== thread.id) return;
-      try {
-        mergeUpdate(JSON.parse(event.data));
-        setConversationConnection('connected');
-      } catch (error) {
-        renderSelectedMeta(project, thread, `实时数据处理失败：${error.message}`, false);
-        if (error.syncGap) recoverSyncGap(thread, source);
-      }
-    });
-    source.addEventListener('queue-changed', async () => {
-      try {
-        const result = await api(`/api/threads/${encodeURIComponent(thread.id)}/queue`);
-        if (state.eventSource === source && state.selectedId === thread.id) queue.render(result.items || []);
-      } catch (error) { if (state.eventSource === source) showActionToast(`读取队列失败：${error.message}`); }
-    });
-    source.addEventListener('bridge-error', event => {
-      if (state.eventSource !== source) return;
-      let message = 'Bridge 读取失败';
-      try { message = JSON.parse(event.data).error || message; } catch {}
-      renderSelectedMeta(project, thread, message, false);
-      setConversationConnection('disconnected');
-    });
-    source.onerror = () => {
-      if (state.eventSource !== source) return;
-      const transportLost = transport.connectionState() !== 'connected';
-      setConversationConnection(transportLost && !stationConnection.isPaused() ? 'connecting' : 'disconnected');
-      if (transportLost && !stationConnection.isPaused()) void stationConnection.recover();
-    };
-  }
-
-  let syncGapRecovery;
-  function recoverSyncGap(thread, source) {
-    if (syncGapRecovery || state.eventSource !== source || state.selectedId !== thread.id) return;
-    state.historyLoading = true;
-    state.historyProgress = '同步出现缺口，正在重新核对…';
-    setConversationConnection('connected');
-    syncGapRecovery = restoreRelayConversation().catch(error => {
-      if (state.selectedId === thread.id) setStatus(`重新同步失败：${error.message}`);
-    }).finally(() => { syncGapRecovery = null; });
-  }
-
-  function closeEventStream() {
-    approvalPanel.clear();
-    if (state.eventSource) state.eventSource.close();
-    state.eventSource = null;
-  }
-
-  function syncConversationTitle(thread) {
-    if (!thread || thread.id !== state.selectedId) return;
-    if (!threadTitles.shouldSync(thread)) return;
-    const title = resolvedThreadTitle(thread);
-    const listed = state.threads.find(item => item.id === thread.id);
-    if (state.selectedThread?.title === title && (!listed || listed.title === title)) return;
-    if (listed) listed.title = title;
-    if (state.selectedThread?.id === thread.id) state.selectedThread.title = title;
-    setConversationTitle(title);
-    renderTasks();
-  }
-
-  function mergeUpdate(update) {
-    const timelineElement = el('timeline');
-    state.timelineAtBottom = syncTimelinePosition();
-    const reduced = CodexTimelineReducer.reduceTimelineUpdate(state.timeline, update, {
-      recentHistoryLimit: transport.has('recentHistory') ? 10 : 0,
-    });
-    if (reduced.duplicate) return;
-    state.timeline = reduced.timeline;
-    if (reduced.reset) {
-      if (reduced.notModified) syncConversationTitle(state.timeline.thread);
-      else timelineRenderer.render(state.timeline, false);
-      saveHistoryCache();
-      return;
-    }
-    if (update.thread) {
-      syncConversationTitle(state.timeline.thread);
-      const listedThread = state.threads.find(thread => thread.id === state.selectedId);
-      const nextActiveFlags = Array.isArray(update.thread.activeFlags) ? update.thread.activeFlags
-        : update.thread.status && update.thread.status !== 'active' ? [] : listedThread?.activeFlags;
-      const statusChanged = listedThread && update.thread.status && listedThread.status !== update.thread.status;
-      const flagsChanged = listedThread && JSON.stringify(listedThread.activeFlags || []) !== JSON.stringify(nextActiveFlags || []);
-      if (listedThread && (statusChanged || flagsChanged)) {
-        if (update.thread.status) listedThread.status = update.thread.status;
-        listedThread.activeFlags = nextActiveFlags || [];
-        attention.recordSelectedStatus(listedThread);
-        state.selectedThread = listedThread;
-        renderTasks();
-      }
-    }
-    if (Array.isArray(update.queue)) queue.render(update.queue);
-    pendingMessages.retainImagePreviews(state.selectedId, { turns: reduced.incomingTurns });
-    if (reduced.wasEmpty && reduced.addedTurns.length) timelineElement.replaceChildren();
-    for (const turn of reduced.addedTurns) timelineElement.append(timelineRenderer.turnElement(turn));
-    for (const element of [...timelineElement.children]) {
-      if (reduced.removedTurnIds.includes(element.dataset.turnId)) element.remove();
-    }
-    if (reduced.replacedTurns.length) {
-      let missingTurn = false;
-      for (const replaceTurn of reduced.replacedTurns) {
-        const existing = [...timelineElement.children]
-          .find(element => element.classList?.contains('turn') && element.dataset.turnId === replaceTurn.id);
-        if (existing) {
-          const enteredHistory = existing.dataset.turnStatus === 'inProgress' && replaceTurn.status !== 'inProgress';
-          timelineRenderer.replaceTurn(existing, replaceTurn, enteredHistory);
-        } else {
-          missingTurn = true;
-          break;
-        }
-      }
-      if (missingTurn) {
-        timelineRenderer.render(state.timeline, false);
-      }
-    }
-    renderPendingMessages();
-    timelineRenderer.updateDurations();
-    scrollTimelineToBottom();
-    updateComposerMode();
-    saveHistoryCache();
-    if (document.visibilityState === 'visible' && !document.body.classList.contains('sidebar-open')) {
-      attention.markRead(state.timeline.thread, 'stream-timeline', state.timeline.turns.at(-1)?.id);
-    }
-  }
-
-  function syncTimelinePosition() {
-    return timelineScroll.syncPosition();
-  }
-
-  function scrollTimelineToBottom(force = false) {
-    timelineScroll.scrollToBottom(force);
-  }
-
-  function updateScrollToBottomButton() {
-    timelineScroll.updateButton();
-  }
-
-  function renderTurnEntries(timeline, turn) {
-    const entries = turn.entries || [];
-    if (turn.status === 'interrupted') {
-      renderInterruptedTurnEntries(timeline, entries);
-      return;
-    }
-    if (turn.status === 'failed') {
-      renderFailedTurnEntries(timeline, turn, entries);
-      return;
-    }
-    if (turn.status !== 'inProgress') {
-      renderCompletedTurnEntries(timeline, turn, entries);
-      return;
-    }
-    const latestReasoning = reasoningSummaryTexts(entries).at(-1) || '';
-    const segments = [];
-    const generatedImages = entries.filter(entry => entry.type === 'activity' && entry.kind === 'imageGeneration');
-    let generatedImagesRendered = false;
-    let processEntries = [];
-    const flushProcess = () => {
-      if (!processEntries.length) return;
-      segments.push({ type: 'process', entries: processEntries });
-      processEntries = [];
-    };
-    for (const entry of entries) {
-      const isUser = entry.type === 'message' && entry.role === 'user';
-      const isFinal = entry.type === 'message'
-        && entry.role === 'assistant'
-        && entry.phase === 'final_answer';
-      const isGeneratedImage = entry.type === 'activity' && entry.kind === 'imageGeneration';
-      if (isUser || isFinal || isGeneratedImage) {
-        flushProcess();
-        if (isGeneratedImage && generatedImagesRendered) continue;
-        const element = isGeneratedImage ? generatedImageGroupElement(generatedImages) : renderEntry(entry);
-        if (isGeneratedImage) generatedImagesRendered = true;
-        if (element) segments.push({ type: 'element', element, isUser });
-      } else {
-        processEntries.push(entry);
-      }
-    }
-    flushProcess();
-    const lastSegmentIsProcess = segments.at(-1)?.type === 'process';
-    const hasUserSegment = segments.some(segment => segment.type === 'element' && segment.isUser);
-    let durationPlaced = false;
-    if (!hasUserSegment) {
-      timeline.append(turnDurationElement(turn));
-      durationPlaced = true;
-    }
-    segments.forEach((segment, index) => {
-      if (segment.type === 'element') {
-        timeline.append(segment.element);
-        if (!durationPlaced && segment.isUser) {
-          timeline.append(turnDurationElement(turn));
-          durationPlaced = true;
-        }
-        return;
-      }
-      appendActiveProcessSegment(
-        timeline,
-        segment.entries,
-        index === segments.length - 1 && lastSegmentIsProcess,
-        latestReasoning,
-      );
-    });
-    if (!lastSegmentIsProcess) timeline.append(activeProcessElement([], latestReasoning));
-  }
-
-  function appendActiveProcessSegment(timeline, entries, keepLastActivityLive, latestReasoning) {
-    const units = [];
-    let activities = [];
-    const flushActivities = () => {
-      if (!activities.length) return;
-      units.push({ type: 'activities', entries: activities });
-      activities = [];
-    };
-    for (const entry of entries) {
-      if (entry.type === 'message') {
-        flushActivities();
-        units.push({ type: 'message', entry });
-      } else if (entry.type === 'activity' && ['contextCompaction', 'imageView', 'imageGeneration', 'lazyOperationGroup'].includes(entry.kind)) {
-        flushActivities();
-        units.push({ type: 'standalone', entry });
-      } else {
-        activities.push(entry);
-      }
-    }
-    flushActivities();
-    const lastUnitIndex = units.length - 1;
-    let liveProcessRendered = false;
-    units.forEach((unit, index) => {
-      if (unit.type === 'message') {
-        const element = renderEntry(unit.entry);
-        if (element) timeline.append(element);
-        return;
-      }
-      if (keepLastActivityLive && index === lastUnitIndex
-        && !(unit.type === 'standalone' && unit.entry.kind === 'lazyOperationGroup')) {
-        const liveEntries = unit.type === 'standalone' ? [unit.entry] : unit.entries;
-        timeline.append(activeProcessElement(liveEntries, latestReasoning));
-        liveProcessRendered = true;
-        return;
-      }
-      if (unit.type === 'standalone') {
-        const element = renderEntry(unit.entry);
-        if (element) timeline.append(element);
-        return;
-      }
-      const settled = settledProcessElement(unit.entries);
-      if (settled) timeline.append(settled);
-    });
-    if (keepLastActivityLive && !liveProcessRendered) {
-      timeline.append(activeProcessElement([], latestReasoning));
-    }
-  }
-
-  function turnDurationElement(turn) {
-    const duration = document.createElement('div');
-    duration.className = 'turn-duration process-duration';
-    duration.dataset.status = turn.status || 'unknown';
-    duration.dataset.startedAt = turn.startedAt || '';
-    duration.dataset.completedAt = turn.completedAt || '';
-    duration.dataset.durationMs = turn.durationMs ?? '';
-    return duration;
-  }
-
-  function entryDisclosureKey(entry, suffix = '') {
-    const identity = entry?.id || [entry?.kind, entry?.server, entry?.tool, entry?.command, entry?.query, entry?.title]
-      .filter(Boolean).join(':').slice(0, 160) || 'unknown';
-    return `entry:${identity}${suffix ? `:${suffix}` : ''}`;
-  }
-
-  function processDisclosureKey(entries, fallback = 'unknown') {
-    const anchor = entries.find(entry => entry?.id);
-    return `process:${anchor?.id || fallback}`;
-  }
-
-  function settledProcessElement(entries) {
-    if (!entries.some(isVisibleProcessActivity)) return null;
-    const directActivity = singleSettledActivityElement(entries);
-    if (directActivity) return directActivity;
-    const details = document.createElement('details');
-    details.className = 'process settled-process';
-    const summary = document.createElement('summary');
-    const text = document.createElement('span');
-    text.className = 'activity-title';
-    text.textContent = operationSummary(entries);
-    summary.append(activityIcon(operationIconKind(entries)), text, disclosureChevronElement());
-    const body = document.createElement('div');
-    body.className = 'process-body';
-    for (const entry of entries.filter(entry => entry.kind !== 'reasoning')) {
-      const element = renderEntry(entry);
-      if (element) body.append(element);
-    }
-    const disclosureKey = processDisclosureKey(entries, operationSummary(entries));
-    details.append(summary, body);
-    return disclosures.bind(details, disclosureKey);
-  }
-
-  function singleSettledActivityElement(entries) {
-    const visible = entries.filter(isVisibleProcessActivity);
-    if (visible.length !== 1) return null;
-    const entry = visible[0];
-    if (entry.kind === 'fileChange' && (entry.changes?.length || 0) !== 1) return null;
-    return renderEntry(entry);
-  }
-
-  function activeProcessElement(entries, latestReasoning = '') {
-    const details = document.createElement('details');
-    details.className = 'process active-process';
-    const summaries = reasoningSummaryTexts(entries);
-    const summary = document.createElement('summary');
-    const pulse = document.createElement('span');
-    pulse.className = 'pulse';
-    const text = document.createElement('span');
-    text.className = 'activity-title';
-    text.textContent = liveStepText(entries, latestReasoning || summaries.at(-1) || '');
-    summary.append(pulse, text);
-    const body = document.createElement('div');
-    body.className = 'process-body';
-    for (const entry of entries.filter(entry => entry.transient)) {
-      const detail = entry.kind === 'command'
-        ? [entry.command, entry.cwd ? `目录：${entry.cwd}` : ''].filter(Boolean).join('\n\n')
-        : entry.kind === 'tool' ? [entry.server, entry.tool].filter(Boolean).join('/')
-          : entry.kind === 'webSearch' ? entry.query : '';
-      if (detail) body.append(activityView.activity('当前操作', detail, entry.status, null, entryDisclosureKey(entry, 'transient')));
-    }
-    for (const entry of entries.filter(entry => !['reasoning', 'contextCompaction', 'imageView', 'imageGeneration'].includes(entry.kind) && !entry.transient)) {
-      const element = renderEntry(entry);
-      if (element) body.append(element);
-    }
-    if (body.childElementCount) {
-      summary.append(disclosureChevronElement());
-      details.append(summary, body);
-      summary.addEventListener('click', event => {
-        event.preventDefault();
-        details.open = !details.open;
-        if (!details.open) return;
-        const timeline = el('timeline');
-        const viewport = timeline.getBoundingClientRect();
-        const expanded = details.getBoundingClientRect();
-        // Reveal short details fully; keep the heading visible for long details.
-        const distance = Math.min(expanded.bottom - viewport.bottom + 12, expanded.top - viewport.top - 12);
-        if (distance > 0) timeline.scrollBy({ top: distance, behavior: 'smooth' });
-      });
-    } else {
-      summary.setAttribute('aria-disabled', 'true');
-      summary.tabIndex = -1;
-      details.append(summary);
-    }
-    return disclosures.bind(details, processDisclosureKey(entries, `active:${latestReasoning}`));
-  }
-
-  function renderInterruptedTurnEntries(timeline, entries) {
-    renderLinearTurnEntries(timeline, entries, true);
-  }
-
-  function renderFailedTurnEntries(timeline, turn, entries) {
-    renderLinearTurnEntries(timeline, entries, false);
-    timeline.append(turnErrorElement(turn.error));
-  }
-
-  function renderLinearTurnEntries(timeline, entries, interruptRunning) {
-    let activities = [];
-    const generatedImages = entries.filter(entry => entry.type === 'activity' && entry.kind === 'imageGeneration');
-    let generatedImagesRendered = false;
-    const flush = () => {
-      if (activities.length) timeline.append(settledProcessElement(activities));
-      activities = [];
-    };
-    for (const original of entries) {
-      if (original.kind === 'reasoning') continue;
-      const entry = interruptRunning && original.status === 'inProgress' ? { ...original, status: 'interrupted' } : original;
-      if (entry.type === 'activity' && !['contextCompaction', 'imageView', 'imageGeneration', 'lazyOperationGroup'].includes(entry.kind)) {
-        activities.push(entry);
-      } else {
-        flush();
-        if (entry.kind === 'imageGeneration' && generatedImagesRendered) continue;
-        const element = entry.kind === 'imageGeneration' ? generatedImageGroupElement(generatedImages) : renderEntry(entry);
-        if (entry.kind === 'imageGeneration') generatedImagesRendered = true;
-        if (element) timeline.append(element);
-      }
-    }
-    flush();
-  }
-
-  function turnErrorElement(error) {
-    const element = document.createElement('div');
-    element.className = 'turn-error';
-    element.setAttribute('role', 'alert');
-    const icon = document.createElement('span');
-    icon.className = 'turn-error-icon';
-    icon.textContent = '!';
-    icon.setAttribute('aria-hidden', 'true');
-    const message = document.createElement('span');
-    message.className = 'turn-error-message';
-    message.textContent = turnErrorMessage(error) || '处理失败。';
-    element.append(icon, message);
-    return element;
-  }
-
-  function renderCompletedTurnEntries(timeline, turn, entries) {
-    const isUser = entry => entry.type === 'message' && entry.role === 'user';
-    const isFinal = entry => entry.type === 'message' && entry.role === 'assistant' && entry.phase === 'final_answer';
-    const generatedImages = entries.filter(entry => entry.kind === 'imageGeneration');
-    for (const entry of entries.filter(isUser)) {
-      const element = renderEntry(entry);
-      if (element) timeline.append(element);
-    }
-    const processEntries = entries.filter(entry => !isUser(entry) && !isFinal(entry)
-      && entry.kind !== 'imageGeneration' && entry.kind !== 'reasoning');
-    if (processEntries.length) timeline.append(processElement(processEntries, turn));
-    if (generatedImages.length) timeline.append(generatedImageGroupElement(generatedImages));
-    for (const entry of entries.filter(isFinal)) {
-      const element = renderEntry(entry);
-      if (element) timeline.append(element);
-    }
-  }
-
-  function processElement(entries, turn) {
-    const details = document.createElement('details');
-    details.className = 'process completed-process';
-    const summary = document.createElement('summary');
-    const duration = document.createElement('span');
-    duration.className = 'process-duration';
-    duration.dataset.status = turn.status || 'unknown';
-    duration.dataset.startedAt = turn.startedAt || '';
-    duration.dataset.completedAt = turn.completedAt || '';
-    duration.dataset.durationMs = turn.durationMs ?? '';
-    const count = document.createElement('span');
-    count.className = 'process-count';
-    const commentaryCount = entries.filter(entry => entry.type === 'message').length;
-    const visibleActivities = entries.filter(entry => entry.type === 'activity' && entry.kind !== 'reasoning').length;
-    const counts = [];
-    if (commentaryCount) counts.push(`${commentaryCount} 条进度`);
-    if (visibleActivities) counts.push(`${visibleActivities} 项活动`);
-    count.textContent = counts.join(' · ');
-    summary.append(duration, disclosureChevronElement(), count);
-    const body = document.createElement('div');
-    body.className = 'process-body';
-    let activityGroup = [];
-    const appendActivityGroup = () => {
-      if (!activityGroup.length) return;
-      body.append(settledProcessElement(activityGroup));
-      activityGroup = [];
-    };
-    for (const entry of entries.filter(entry => entry.kind !== 'reasoning')) {
-      if (entry.type === 'activity') {
-        if (['contextCompaction', 'imageView', 'lazyOperationGroup'].includes(entry.kind)) {
-          appendActivityGroup();
-          body.append(renderEntry(entry));
-          continue;
-        }
-        activityGroup.push(entry);
-        continue;
-      }
-      appendActivityGroup();
-      const element = renderEntry(entry);
-      if (element) body.append(element);
-    }
-    appendActivityGroup();
-    details.append(summary, body);
-    return disclosures.bind(details, `turn:${turn.id || 'unknown'}:process`, turn.status === 'inProgress');
-  }
-
-  function liveStepElement(entries, latestReasoning) {
-    const element = document.createElement('div');
-    element.className = 'live-step';
-    const pulse = document.createElement('span');
-    pulse.className = 'pulse';
-    const text = document.createElement('span');
-    text.textContent = liveStepText(entries, latestReasoning);
-    element.append(pulse, text);
-    return element;
-  }
-
-  function renderEntry(entry) {
-    if (entry.type === 'message' && entry.role === 'assistant' && entry.delivery === 'async') return questionForm(entry);
-    if (entry.type === 'message') {
-      const isUser = entry.role === 'user';
-      const role = isUser
-        ? (entry.source === 'remote' ? '你 · Remote' : '你')
-        : (entry.phase === 'commentary' ? 'Codex · 过程' : (entry.phase === 'final_answer' ? 'Codex · 结果' : 'Codex'));
-      const wrapper = messageElement(isUser ? 'user' : 'agent', entry.text || '', role, entry.imageAssets ||= {}, entry.fileAssets ||= {});
-      if (entry.phase === 'commentary') wrapper.classList.add('commentary');
-      if (entry.phase === 'final_answer') wrapper.classList.add('final');
-      const fragment = document.createDocumentFragment();
-      const userImages = [];
-      let remoteImages = 0;
-      for (const attachment of entry.attachments || []) {
-        if (attachment.remotePath) {
-          fragment.append(remoteImageElement(attachment)); remoteImages++; continue;
-        }
-        if ((attachment.type === 'image' || attachment.type === 'localImage') && attachment.available && attachment.url) {
-          if (isUser) {
-            userImages.push(attachment);
-            continue;
-          }
-          const image = document.createElement('img');
-          image.className = 'message-image';
-          image.src = authorizedAssetUrl(attachment.thumbnailUrl);
-          image.onclick = () => openImageViewer(authorizedAssetUrl(attachment.thumbnailUrl || attachment.url), image.alt,
-            () => authorizedAssetUrl(attachment.url));
-          image.alt = attachment.name || '用户附图';
-          image.loading = 'lazy';
-          image.addEventListener('load', () => scrollTimelineToBottom(), { once: true });
-          wrapper.append(image);
-          continue;
-        }
-        const badge = document.createElement('span');
-        badge.className = 'attachment';
-        badge.textContent = attachment.name || ((attachment.type === 'image' || attachment.type === 'localImage') ? '图片不可用' : '附件');
-        wrapper.append(badge);
-      }
-      if (userImages.length) fragment.append(userAttachmentsElement(userImages));
-      if (entry.text || (!userImages.length && !remoteImages) || wrapper.querySelector('.attachment')) fragment.append(wrapper);
-      if (fragment.childNodes.length) return fragment;
-      return wrapper;
-    }
-
-    if (entry.type !== 'activity') return null;
-    if (entry.kind === 'reasoning') return null;
-    if (entry.kind === 'lazyOperationGroup') return lazyOperationGroupElement(entry);
-    if (entry.kind === 'contextCompaction') return compactActivityElement('上下文已自动压缩', 'compaction');
-    if (entry.titleOnly && entry.kind === 'command') {
-      const preview = activityPreview(Array.isArray(entry.command) ? entry.command.join(' ') : entry.command);
-      return compactActivityElement(`${commandStatusText(entry.status)}${preview ? ` ${preview}` : ''}`, 'command');
-    }
-    if (entry.titleOnly && entry.kind === 'tool') {
-      const source = [entry.server || entry.namespace, entry.tool].filter(Boolean).join('/');
-      return compactActivityElement(`${toolStatusText(entry.status)}${source ? ` ${source}` : '工具'}`, 'tool');
-    }
-    if (entry.titleOnly && entry.kind === 'fileChange') return fileChangeTitleElements(entry);
-    if (entry.titleOnly && entry.kind === 'webSearch') {
-      return webSearchDetail(entry) ? compactActivityElement(webSearchTitle(entry), 'web') : null;
-    }
-    if (entry.titleOnly) return compactActivityElement(entry.title || '操作');
-    if (entry.kind === 'command') return activityView.command(entry);
-    if (entry.kind === 'tool') return activityView.tool(entry);
-    if (entry.kind === 'fileChange') {
-      return activityView.fileChange(entry);
-    }
-    if (entry.kind === 'webSearch') {
-      return webSearchDetail(entry) ? compactActivityElement(webSearchTitle(entry), 'web') : null;
-    }
-    if (entry.kind === 'imageView') {
-      return imageViewActivityElement(entry);
-    }
-    if (entry.kind === 'imageGeneration') {
-      return generatedImageActivityElement(entry);
-    }
-    if (entry.kind === 'subAgent') {
-      return activityView.activity(`子任务 · ${entry.status || 'unknown'}`, entry.agentPath || entry.agentThreadId || '未提供详情', entry.status);
-    }
-    if (entry.kind === 'collaboration') {
-      const receivers = entry.receiverThreadIds?.length ? `\n\n目标：${entry.receiverThreadIds.join(', ')}` : '';
-      return activityView.activity(`任务协作 · ${entry.tool || 'unknown'} · ${entry.status || 'unknown'}`, `${entry.prompt || '无附加消息'}${receivers}`, entry.status);
-    }
-    return compactActivityElement(entry.title || entry.kind || '事件', 'tool');
-  }
-
-  const questionDrafts = new Map();
-  function questionTurnActive(entry) {
-    const turn = state.timeline?.turns?.find(turn => turn.entries?.some(item => item.id === entry.id));
-    return turn?.status === 'inProgress';
-  }
-  function questionForm(entry) {
-    const threadId = state.selectedId;
-    const allQuestions = entry.questions?.length ? entry.questions.map((question, index) => ({
-      ...question, id: JSON.stringify(['request_user_input_async', entry.id, index])
-    })) : [{ id: entry.id, title: entry.text, options: [] }];
-    const key = `${threadId}/${entry.id}`;
-    if (!questionDrafts.has(key)) questionDrafts.set(key, { values: {}, submitted: false, sending: false });
-    const draft = questionDrafts.get(key);
-    const answers = new Map((state.timeline?.turns || []).flatMap(turn => (turn.entries || [])
-      .filter(item => item.role === 'user').flatMap(item => parseQuestionReply(item.text || '') || [])
-      .map(reply => [reply.questionItemId, reply.answer])));
-    const questions = allQuestions.filter(question => !answers.has(question.id));
-    const canAnswer = questionTurnActive(entry) && !draft.submitted && questions.length > 0;
-    if (!canAnswer || draft.collapsed || draft.skipped) {
-      const history = document.createElement('div'); history.className = 'question-history';
-      for (const question of allQuestions) {
-        const title = document.createElement('p'); title.textContent = question.title; history.append(title);
-      }
-      if (canAnswer) {
-        const reopen = document.createElement('button'); reopen.type = 'button'; reopen.textContent = '回答问题';
-        reopen.onclick = () => {
-          if (threadId !== state.selectedId || !questionTurnActive(entry)) return;
-          draft.collapsed = false; draft.skipped = false;
-          history.replaceWith(questionForm(entry));
-        };
-        history.append(reopen);
-      }
-      return history;
-    }
-    const form = document.createElement('form'); form.className = 'question-form';
-    form.dataset.questionState = JSON.stringify([key, questions, draft.sending, draft.submitted]);
-    const fields = document.createElement('fieldset');
-    const submit = document.createElement('button'); submit.type = 'submit';
-    const header = document.createElement('div'); header.className = 'question-header';
-    const caption = document.createElement('span'); caption.textContent = 'ⓘ  问题';
-    const close = document.createElement('button'); close.type = 'button'; close.setAttribute('aria-label', '关闭问题'); close.textContent = '×';
-    const dismiss = skipped => {
-      draft.collapsed = true; draft.skipped = skipped;
-      form.replaceWith(questionForm(entry));
-    };
-    close.onclick = () => dismiss(false); header.append(caption, close);
-    fields.disabled = threadReadOnly() || draft.sending || draft.submitted || questions.every(q => answers.has(q.id));
-    for (const question of questions) {
-      const group = document.createElement('div'); group.className = 'question-group';
-      const title = document.createElement('div'); title.textContent = question.title; group.append(title);
-      const input = document.createElement('textarea'); input.placeholder = '或自行撰写回复';
-      input.setAttribute('aria-label', question.title); input.rows = 1;
-      input.value = answers.get(question.id) ?? draft.values[question.id] ?? '';
-      const choices = document.createElement('div'); choices.className = 'question-choices';
-      const update = () => {
-        draft.values[question.id] = input.value;
-        for (const button of choices.children) button.setAttribute('aria-pressed', String(button.textContent === input.value));
-        submit.disabled = questions.some(q => !(draft.values[q.id] || '').trim());
-      };
-      for (const option of question.options || []) {
-        const button = document.createElement('button'); button.type = 'button'; button.textContent = option;
-        button.setAttribute('aria-pressed', String(option === input.value));
-        button.onclick = () => { input.value = option; update(); }; choices.append(button);
-      }
-      input.oninput = update; group.append(choices, input); fields.append(group);
-    }
-    const footer = document.createElement('div'); footer.className = 'question-footer';
-    const skip = document.createElement('button'); skip.type = 'button'; skip.textContent = '跳过';
-    skip.onclick = () => dismiss(true);
-    submit.disabled = questions.some(q => !(draft.values[q.id] || '').trim());
-    submit.textContent = fields.disabled ? (threadReadOnly() ? '只读' : draft.sending ? '正在提交…' : '已回答') : '发送';
-    footer.append(skip, submit); fields.append(footer);
-    form.append(fields, header);
-    form.onsubmit = async event => {
-      event.preventDefault();
-      if (threadId !== state.selectedId || !questionTurnActive(entry) || connectionBlocked() || threadReadOnly() || state.historyLoading || state.timeline?.cached || state.sending || draft.sending || draft.submitted || fields.disabled) return;
-      const replies = questions.map(q => ({ questionItemId: q.id, question: q.title, answer: (draft.values[q.id] || '').trim() }));
-      if (replies.some(reply => !reply.answer)) { showActionToast('请填写回答或选择选项'); return; }
-      draft.sending = true; fields.disabled = true; state.sending = true; updatePromptActions();
-      submit.textContent = '正在提交…';
-      try {
-        await api(`/api/threads/${encodeURIComponent(threadId)}/messages`, { method: 'POST', body: JSON.stringify({
-          prompt: `<send_user_message_question_reply>\n${JSON.stringify(replies)}\n</send_user_message_question_reply>`,
-          hostId: state.selectedThread?.hostId
-        }) });
-        draft.submitted = true;
-        if (threadId === state.selectedId) form.replaceWith(questionForm(entry));
-      } catch (error) { fields.disabled = false; submit.textContent = '发送'; showActionToast(`回答提交未确认：${error.message}`); }
-      finally { draft.sending = false; state.sending = false; updatePromptActions(); }
-    };
-    return form;
-  }
-  function reportSyncMetric(detail) {
-    try { window.codexNative?.reportSyncMetric?.(detail); } catch {}
-  }
-
-  function timelineShapeMetric(data) {
-    const turns = Array.isArray(data?.turns) ? data.turns : [];
-    const allEntries = turns.flatMap(turn => Array.isArray(turn.entries) ? turn.entries : []);
-    const entries = allEntries.length;
-    const messages = allEntries.filter(entry => entry?.type === 'message').length;
-    const groups = allEntries.filter(entry => entry?.kind === 'lazyOperationGroup').length;
-    const active = turns.filter(turn => turn.status === 'inProgress').length;
-    return `turns=${turns.length};entries=${entries};messages=${messages};groups=${groups};active=${active};more=${data?.nextCursor ? 1 : 0};gap=${data?.historyGapBeforeTurnId ? 1 : 0}`;
-  }
-  function messageElement(kind, text, role, imageAssets = {}, fileAssets = {}) {
-    return messageView.render(kind, text, role, imageAssets, fileAssets);
-  }
-
-  const remoteImageLoads = new Map();
-  const remoteImageObserver = new IntersectionObserver(entries => {
-    for (const entry of entries) {
-      if (!entry.target.isConnected) { remoteImageObserver.unobserve(entry.target); remoteImageLoads.delete(entry.target); }
-      else if (entry.isIntersecting) { remoteImageObserver.unobserve(entry.target); remoteImageLoads.get(entry.target)?.(); }
-    }
-  }, { root: el('timeline'), rootMargin: '100px' });
-  messageView = window.CodexMessageView.createMessageView({
-    document,
-    markdown,
-    enhanceCodeBlocks,
-    remoteImageElement,
-    openImageViewer,
-    linkActions,
-    isEmbedded: () => platform.embedded,
-    scrollTimelineToBottom,
-  });
-  timelineRenderer = window.createTimelineRenderer({
-    document,
-    getTimeline: () => el('timeline'),
-    getSelectedThreadId: () => state.selectedId,
-    disclosures,
-    pendingMessages,
-    historyButton,
-    renderTurnEntries,
-    renderEmptyMessage: () => messageElement('agent', '这个任务暂时没有可显示的对话。', 'Bridge'),
-    renderPendingMessages,
-    scrollTimelineToBottom,
-    turnLabel,
-    formatDuration,
-    processDurationMs,
-    remoteImageObserver,
-    remoteImageLoads,
-    onAuthoritativeTimeline: syncConversationTitle,
-  });
-  function imagePlaceholderGraphic() {
-    const namespace = 'http://www.w3.org/2000/svg';
-    const svg = document.createElementNS(namespace, 'svg');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    svg.setAttribute('aria-hidden', 'true');
-    for (const [tag, attributes] of [
-      ['rect', { x: '3', y: '4', width: '18', height: '16', rx: '2' }],
-      ['circle', { cx: '8.5', cy: '9', r: '1.5' }],
-      ['path', { d: 'm5 17 4.5-4 3 3 2.5-2 4 3' }],
-    ]) {
-      const node = document.createElementNS(namespace, tag);
-      for (const [name, value] of Object.entries(attributes)) node.setAttribute(name, value);
-      svg.append(node);
-    }
-    return svg;
-  }
-  function imageRefreshGraphic() {
-    const namespace = 'http://www.w3.org/2000/svg';
-    const svg = document.createElementNS(namespace, 'svg');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    svg.setAttribute('aria-hidden', 'true');
-    for (const d of ['M20 11a8 8 0 0 0-14.9-4', 'M4 4v5h5', 'M4 13a8 8 0 0 0 14.9 4', 'M20 20v-5h-5']) {
-      const path = document.createElementNS(namespace, 'path');
-      path.setAttribute('d', d); svg.append(path);
-    }
-    return svg;
-  }
-  function showImageRetry(button, retry, error) {
-    button.disabled = false;
-    button.classList.add('image-placeholder');
-    button.classList.remove('loading');
-    const art = document.createElement('span');
-    art.className = 'image-placeholder-art'; art.append(imagePlaceholderGraphic());
-    const refresh = document.createElement('span');
-    refresh.className = 'image-placeholder-refresh'; refresh.append(imageRefreshGraphic());
-    button.replaceChildren(art, refresh);
-    button.setAttribute('aria-label', '重新加载图片');
-    button.title = error?.message ? `重新加载图片：${error.message}` : '重新加载图片';
-    button.onclick = async () => {
-      if (button.disabled) return;
-      button.disabled = true; button.classList.add('loading');
-      button.setAttribute('aria-label', '正在重新加载图片');
-      showActionToast('正在重新加载图片…');
-      try {
-        await retry();
-      } catch (nextError) {
-        showImageRetry(button, retry, nextError);
-        showActionToast(`图片仍无法读取：${nextError.message}`);
-      }
-    };
-  }
-  function remoteImageElement(attachment, inline = false, alt = '图片', generated = false, gallery = null) {
-    const container = document.createElement(inline ? 'span' : 'div');
-    container.className = inline ? 'remote-inline-image' : generated ? 'generated-image remote-attachment-image' : 'user-attachments remote-attachment-image';
-    container.dataset.remotePath = attachment.remotePath; container.dataset.imageAlt = alt;
-    const button = document.createElement('button'); button.type = 'button'; button.className = 'image-thumb'; button.textContent = '加载图片';
-    container.append(button);
-    const imageUrlKind = value => /^blob:/i.test(value || '') ? 'blob'
-      : /^data:/i.test(value || '') ? 'data' : /^https?:/i.test(value || '') ? 'http' : value ? 'other' : 'empty';
-    const recoveryTurnId = () => attachment.recoveryTurnId || container.closest('.turn')?.dataset.turnId || '';
-    const recoverBrokenImage = () => {
-      reportSyncMetric(`stage=image;action=load-error;kind=${imageUrlKind(attachment.thumbnailUrl || attachment.url)};remote=${attachment.remotePath ? 1 : 0}`);
-      attachment.thumbnailUrl = '';
-      container.replaceChildren(button);
-      showImageRetry(button, attachment.remotePath ? loadRemoteThumbnail : loadEmbeddedThumbnail, new Error('图片显示失败'));
-    };
-    const updateMatchingImages = fields => {
-      Object.assign(attachment, fields);
-      for (const turn of state.timeline?.turns || []) for (const entry of turn.entries || []) for (const image of [...(entry.attachments || []), ...Object.values(entry.imageAssets || {}), entry.image].filter(Boolean)) {
-        if (image.remotePath === attachment.remotePath) Object.assign(image, fields);
-      }
-    };
-    const loadOriginal = async () => {
-      try {
-        let url = attachment.url;
-        if (!url && attachment.remotePath) {
-          url = await transport.readImage(state.selectedId, attachment.remotePath, 'original', attachment.recoveryToken, recoveryTurnId());
-          updateMatchingImages({ available: true, url });
-          saveHistoryCache();
-        }
-        return url;
-      } catch (error) {
-        setStatus('原图读取失败：' + error.message);
-        throw error;
-      }
-    };
-    const show = () => {
-      const previewUrl = attachment.thumbnailUrl || attachment.url;
-      if (generated) {
-        const previewButton = document.createElement('button'); previewButton.type = 'button'; previewButton.className = 'generated-image-button';
-        previewButton.title = '查看原图';
-        const image = document.createElement('img'); image.className = 'generated-image-preview';
-        image.src = previewUrl; image.alt = alt; image.loading = gallery ? 'eager' : 'lazy';
-        image.addEventListener('error', recoverBrokenImage, { once: true });
-        if (gallery) gallery.ready(previewUrl, image);
-        else image.addEventListener('load', () => scrollTimelineToBottom(), { once: true });
-        previewButton.onclick = () => openImageViewer(previewUrl, alt, loadOriginal);
-        previewButton.append(image); container.replaceChildren(previewButton); return;
-      }
-      if (!inline) {
-        container.replaceChildren(...userAttachmentsElement([attachment], recoverBrokenImage,
-          (image, label) => openImageViewer(image.thumbnailUrl || image.url, label, loadOriginal)).childNodes);
-        return;
-      }
-      const image = document.createElement('img'); image.className = 'message-image';
-      image.src = previewUrl; image.alt = alt; image.loading = 'lazy'; image.tabIndex = 0; image.setAttribute('role', 'button');
-      image.addEventListener('error', recoverBrokenImage, { once: true });
-      image.onclick = () => openImageViewer(previewUrl, alt, loadOriginal);
-      image.onkeydown = event => { if (['Enter', ' '].includes(event.key)) { event.preventDefault(); openImageViewer(previewUrl, alt, loadOriginal); } };
-      image.addEventListener('load', () => scrollTimelineToBottom(), { once: true }); container.replaceChildren(image);
-    };
-    async function loadEmbeddedThumbnail() {
-      if (!attachment.url) throw new Error('原图片已经不可用');
-      button.disabled = true; button.classList.add('loading');
-      button.setAttribute('aria-label', '正在重新加载图片');
-      const url = await createDisplayThumbnail(attachment.url);
-      attachment.thumbnailUrl = url;
-      if (button.isConnected) show();
-      saveHistoryCache();
-    }
-    const threadId = state.selectedId, selection = conversation.generation();
-    async function loadRemoteThumbnail() {
-      remoteImageLoads.delete(button); button.disabled = true; button.classList.add('loading');
-      button.setAttribute('aria-label', '正在重新加载图片');
-      const url = await transport.readImage(threadId, attachment.remotePath, 'thumbnail', attachment.recoveryToken, recoveryTurnId());
-      if (!conversation.isCurrent(selection, threadId) || !button.isConnected) return;
-      updateMatchingImages({ available: true, thumbnailUrl: url });
-      show(); saveHistoryCache();
-    }
-    if (!attachment.remotePath && attachment.url && attachment.thumbnailUrl === attachment.url
-      && /^data:image\//i.test(attachment.url)) {
-      button.disabled = true; button.textContent = '正在生成缩略图…';
-      void loadEmbeddedThumbnail().catch(error => showImageRetry(button, loadEmbeddedThumbnail, error));
-      return container;
-    }
-    if (attachment.thumbnailUrl || attachment.url) { show(); return container; }
-    const load = () => loadRemoteThumbnail().catch(error => {
-      if (conversation.isCurrent(selection, threadId) && button.isConnected) showImageRetry(button, loadRemoteThumbnail, error);
-    });
-    button.onclick = load;
-    if (gallery) gallery.loads.push(load);
-    else { remoteImageLoads.set(button, load); remoteImageObserver.observe(button); }
-    return container;
-  }
-  function userAttachmentsElement(attachments, onImageError = null, onOpen = null) {
-    const container = document.createElement('div');
-    container.className = 'user-attachments';
-    for (const attachment of attachments) {
-      const url = authorizedAssetUrl(attachment.url);
-      const button = document.createElement('button');
-      button.className = 'image-thumb';
-      button.type = 'button';
-      button.title = attachment.name || '查看完整图片';
-      button.setAttribute('aria-label', attachment.name || '查看完整图片');
-      const image = document.createElement('img');
-      image.alt = attachment.name || '用户附图';
-      image.loading = 'lazy';
-      image.addEventListener('error', () => {
-        if (onImageError) { onImageError(); return; }
-        reportSyncMetric(`stage=image;action=load-error;kind=${/^blob:/i.test(image.src) ? 'blob' : /^data:/i.test(image.src) ? 'data' : /^https?:/i.test(image.src) ? 'http' : 'other'};remote=${attachment.remotePath ? 1 : 0}`);
-        showImageRetry(button, loadThumbnail, new Error('图片显示失败'));
-      }, { once: true });
-      image.addEventListener('load', () => scrollTimelineToBottom(), { once: true });
-      const display = thumbnail => {
-        button.disabled = false; button.classList.remove('image-placeholder', 'loading');
-        button.onclick = () => onOpen ? onOpen(attachment, image.alt, button)
-          : openImageViewer(attachment.thumbnailUrl || url, image.alt, () => url);
-        image.src = authorizedAssetUrl(thumbnail); button.replaceChildren(image);
-      };
-      async function loadThumbnail() {
-        if (!url) throw new Error('原图片已经不可用');
-        button.disabled = true; button.classList.add('loading');
-        const thumbnail = await createDisplayThumbnail(url);
-        attachment.thumbnailUrl = thumbnail; display(thumbnail); saveHistoryCache();
-      }
-      if (!attachment.remotePath && url && attachment.thumbnailUrl === attachment.url && /^data:image\//i.test(url)) {
-        button.textContent = '正在生成缩略图…'; button.disabled = true;
-        void loadThumbnail().catch(error => showImageRetry(button, loadThumbnail, error));
-      } else display(attachment.thumbnailUrl || attachment.url);
-      container.append(button);
-    }
-    return container;
-  }
-
-  let imageViewerOriginalLoader = null;
-  let imageViewerOriginalUrl = '';
-  function setImageViewerOriginalState(label, disabled) {
-    const button = el('imageViewerOriginal');
-    button.disabled = disabled;
-    button.querySelector('.image-viewer-action-label').textContent = label;
-    button.setAttribute('aria-label', label);
-    button.title = label;
-  }
-  function openImageViewer(url, alt, loadOriginal = null) {
-    const viewer = el('imageViewer');
-    const image = el('imageViewerImage');
-    image.src = url;
-    image.alt = alt || '完整图片';
-    viewer.dataset.downloadName = alt || '图片';
-    imageViewerOriginalLoader = loadOriginal;
-    imageViewerOriginalUrl = loadOriginal ? '' : url;
-    setImageViewerOriginalState(loadOriginal ? '查看原图' : '已是原图', !loadOriginal);
-    if (!viewer.open) viewer.showModal();
-  }
-
-  async function ensureViewerOriginal() {
-    if (imageViewerOriginalUrl) return imageViewerOriginalUrl;
-    if (!imageViewerOriginalLoader) return el('imageViewerImage').src;
-    setImageViewerOriginalState('正在加载原图…', true);
-    try {
-      const url = await imageViewerOriginalLoader();
-      if (!url) throw new Error('原图不可用');
-      imageViewerOriginalUrl = url;
-      el('imageViewerImage').src = url;
-      setImageViewerOriginalState('已是原图', true);
-      return url;
-    } catch (error) {
-      setImageViewerOriginalState('重新查看原图', false);
-      throw error;
-    }
-  }
-
-  function createDisplayThumbnail(url) {
-    return new Promise((resolve, reject) => {
-      const source = new Image();
-      source.onload = () => {
-        const scale = Math.min(1, 640 / Math.max(source.naturalWidth, source.naturalHeight));
-        const canvas = document.createElement('canvas');
-        canvas.width = Math.max(1, Math.round(source.naturalWidth * scale));
-        canvas.height = Math.max(1, Math.round(source.naturalHeight * scale));
-        const context = canvas.getContext('2d');
-        if (!context) { reject(new Error('无法生成图片缩略图')); return; }
-        context.drawImage(source, 0, 0, canvas.width, canvas.height);
-        resolve(canvas.toDataURL('image/webp', 0.78));
-      };
-      source.onerror = () => reject(new Error('图片解码失败'));
-      source.src = url;
-    });
-  }
-
-  async function downloadViewerImage() {
-    const button = el('imageViewerDownload');
-    if (button.disabled) return;
-    button.disabled = true; button.classList.add('loading');
-    button.setAttribute('aria-label', '正在保存原图'); button.title = '正在保存原图';
-    try {
-      const url = await ensureViewerOriginal();
-      if (!url) throw new Error('原图不可用');
-      const response = await fetch(url);
-      if (!response.ok) throw new Error(`图片读取失败（${response.status}）`);
-      const blob = await response.blob();
-      const extension = { 'image/png': 'png', 'image/jpeg': 'jpg', 'image/webp': 'webp', 'image/gif': 'gif', 'image/bmp': 'bmp' }[blob.type] || 'png';
-      const base = (el('imageViewer').dataset.downloadName || '图片').replace(/[\\/:*?"<>|]/g, '_').slice(0, 80) || '图片';
-      const name = `${base}.${extension}`;
-      if (window.codexNative?.saveDownloadedFile) {
-        const bytes = new Uint8Array(await blob.arrayBuffer()); let binary = '';
-        for (let offset = 0; offset < bytes.length; offset += 16384) binary += String.fromCharCode(...bytes.subarray(offset, offset + 16384));
-        window.codexNative.saveDownloadedFile(name, btoa(binary));
-      } else {
-        const href = URL.createObjectURL(blob), anchor = document.createElement('a');
-        anchor.href = href; anchor.download = name; anchor.click();
-        setTimeout(() => URL.revokeObjectURL(href), 1000);
-      }
-      showActionToast('图片已保存');
-    } catch (error) {
-      showActionToast('图片保存失败：' + error.message, 3000);
-    } finally {
-      button.disabled = false; button.classList.remove('loading');
-      button.setAttribute('aria-label', '下载原图'); button.title = '下载原图';
-    }
-  }
-
-  function compactActivityElement(text, iconKind = null) {
-    const element = document.createElement('div');
-    element.className = 'activity compact';
-    if (iconKind) element.append(activityIcon(iconKind));
-    const label = document.createElement('span');
-    label.className = 'activity-title';
-    label.textContent = text;
-    element.append(label);
-    return element;
-  }
-
-  function fileChangeTitleElements(entry) {
-    const changes = Array.isArray(entry.changes) ? entry.changes : [];
-    if (!changes.length) return compactActivityElement('已编辑文件', 'edit');
-    const fragment = document.createDocumentFragment();
-    const completed = ['completed', 'failed'].includes(statusText(entry.status));
-    for (const change of changes) {
-      const row = document.createElement('div');
-      row.className = 'activity compact';
-      row.append(activityIcon('edit'));
-      const label = document.createElement('span');
-      label.className = 'activity-title';
-      const filename = String(change.path || '文件').split(/[\\/]/).filter(Boolean).at(-1) || '文件';
-      label.textContent = `${completed ? '已编辑' : '正在编辑'} ${filename}`;
-      row.append(label);
-      const counts = diffLineCounts(typeof change.diff === 'string' ? change.diff : change.diff?.text);
-      if (counts.added) {
-        const added = document.createElement('span');
-        added.className = 'diff-add';
-        added.textContent = `+${counts.added}`;
-        row.append(added);
-      }
-      if (counts.removed) {
-        const removed = document.createElement('span');
-        removed.className = 'diff-remove';
-        removed.textContent = `-${counts.removed}`;
-        row.append(removed);
-      }
-      fragment.append(row);
-    }
-    return fragment;
-  }
-
-  function imageViewActivityElement(entry) {
-    const image = entry.image;
-    if (!image || (!image.remotePath && (!image.available || !image.url))) return compactActivityElement('已查看 1 张图像', 'image');
-    const details = document.createElement('details');
-    details.className = 'activity image-view-activity';
-    const summary = document.createElement('summary');
-    const label = document.createElement('span');
-    label.className = 'activity-title';
-    label.textContent = '已查看 1 张图像';
-    summary.append(activityIcon('image'), label, disclosureChevronElement());
-    const body = document.createElement('div');
-    body.className = 'image-view-detail';
-    if (image.remotePath) {
-      body.append(remoteImageElement(image, false, image.name || '已查看图像', true));
-      details.append(summary, body);
-      return disclosures.bind(details, entryDisclosureKey(entry));
-    }
-    const button = document.createElement('button');
-    button.className = 'image-view-thumb';
-    button.type = 'button';
-    button.title = '查看原图';
-    const preview = document.createElement('img');
-    const url = authorizedAssetUrl(image.url);
-    preview.src = authorizedAssetUrl(image.thumbnailUrl);
-    preview.alt = image.name || '已查看图像';
-    preview.loading = 'lazy';
-    preview.addEventListener('load', () => scrollTimelineToBottom(), { once: true });
-    button.onclick = () => openImageViewer(preview.src, preview.alt, () => url);
-    button.append(preview);
-    body.append(button);
-    details.append(summary, body);
-    return disclosures.bind(details, entryDisclosureKey(entry));
-  }
-
-  function generatedImageActivityElement(entry) {
-    if (entry.failure) {
-      const message = typeof entry.failure === 'string' ? entry.failure : entry.failure.message;
-      const element = compactActivityElement('图片生成失败', 'image');
-      if (message) element.title = message;
-      return element;
-    }
-    if (!entry.image) return compactActivityElement(entry.status === 'inProgress' ? '正在生成图片…' : '生成的图片不可用', 'image');
-    return remoteImageElement(entry.image, false, '生成的图片', true);
-  }
-
-  const generatedImageSelections = new Map();
-  const generatedImageAspectRatios = new Map();
-  function generatedImageGroupElement(entries) {
-    if (entries.length <= 1) return generatedImageActivityElement(entries[0]);
-    const key = JSON.stringify([state.selectedId, entries[0]?.id]);
-    const container = document.createElement('div');
-    container.className = 'generated-image-group multiple';
-    const stack = document.createElement('div');
-    stack.className = 'generated-image-stack';
-    const referenceIndex = entries.findIndex(entry => entry.image && !entry.failure);
-    const referenceImage = entries[referenceIndex]?.image;
-    const knownRatio = generatedImageAspectRatios.get(key)
-      || (referenceImage?.width > 0 && referenceImage?.height > 0 ? referenceImage.width / referenceImage.height : null);
-    if (knownRatio) stack.style.aspectRatio = String(knownRatio);
-    const controls = document.createElement('div');
-    controls.className = 'generated-image-controls';
-    controls.setAttribute('role', 'group');
-    controls.setAttribute('aria-label', '选择生成的图片');
-    const loads = [];
-    const thumbnails = [];
-    const slides = entries.map((entry, index) => {
-      const thumbnail = document.createElement('button');
-      thumbnail.type = 'button';
-      thumbnail.className = 'generated-image-thumbnail';
-      thumbnail.setAttribute('aria-label', `第 ${index + 1} 张图片，共 ${entries.length} 张`);
-      thumbnail.textContent = entry.failure ? '失败' : entry.status === 'inProgress' ? '生成中' : `${index + 1}`;
-      thumbnail.onclick = () => show(index);
-      thumbnail.onkeydown = event => {
-        const target = { ArrowUp: index - 1, ArrowDown: index + 1, Home: 0, End: entries.length - 1 }[event.key];
-        if (target === undefined) return;
-        event.preventDefault();
-        show(target);
-        thumbnails[selected].focus({ preventScroll: true });
-      };
-      thumbnails.push(thumbnail);
-      controls.append(thumbnail);
-      const slide = document.createElement('div');
-      slide.className = 'generated-image-slide';
-      const content = entry.image && !entry.failure
-        ? remoteImageElement(entry.image, false, '生成的图片', true, {
-          loads,
-          ready: (url, image) => {
-            if (index === referenceIndex && !knownRatio) {
-              const reserveSize = () => {
-                if (image.naturalWidth > 0 && image.naturalHeight > 0) {
-                  const ratio = image.naturalWidth / image.naturalHeight;
-                  generatedImageAspectRatios.set(key, ratio);
-                  stack.style.aspectRatio = String(ratio);
-                }
-              };
-              if (image.complete) reserveSize();
-              else image.addEventListener('load', reserveSize, { once: true });
-            }
-            const preview = document.createElement('img');
-            preview.alt = '';
-            preview.src = url;
-            thumbnail.replaceChildren(preview);
-          }
-        })
-        : generatedImageActivityElement(entry);
-      if (content) slide.append(content);
-      stack.append(slide);
-      return slide;
-    });
-    let selected = Math.max(0, entries.findIndex(entry => entry.id === generatedImageSelections.get(key)));
-    const show = index => {
-      selected = Math.max(0, Math.min(index, slides.length - 1));
-      slides.forEach((slide, slideIndex) => { slide.hidden = slideIndex !== selected; });
-      thumbnails.forEach((thumbnail, thumbnailIndex) => {
-        thumbnail.setAttribute('aria-pressed', String(thumbnailIndex === selected));
-      });
-      const thumbnail = thumbnails[selected];
-      if (thumbnail.offsetTop < controls.scrollTop || thumbnail.offsetTop + thumbnail.offsetHeight > controls.scrollTop + controls.clientHeight) {
-        controls.scrollTop = thumbnail.offsetTop - (controls.clientHeight - thumbnail.offsetHeight) / 2;
-      }
-      generatedImageSelections.set(key, entries[selected].id);
-    };
-    container.append(stack, controls);
-    if (loads.length) {
-      remoteImageLoads.set(stack, () => {
-        remoteImageLoads.delete(stack);
-        loads.forEach(load => load());
-      });
-      remoteImageObserver.observe(stack);
-    }
-    show(selected);
-    return container;
-  }
-
-  function activityIcon(kind) {
-    const namespace = 'http://www.w3.org/2000/svg';
-    const wrapper = document.createElement('span');
-    wrapper.className = 'activity-icon';
-    wrapper.setAttribute('aria-hidden', 'true');
-    const svg = document.createElementNS(namespace, 'svg');
-    const usesFilledCodexAsset = kind === 'web' || kind === 'image' || kind === 'compaction';
-    if (usesFilledCodexAsset) wrapper.classList.add('filled');
-    svg.setAttribute('viewBox', usesFilledCodexAsset ? '0 0 16 16' : '0 0 24 24');
-    const add = (tag, attributes) => {
-      const node = document.createElementNS(namespace, tag);
-      for (const [name, value] of Object.entries(attributes)) node.setAttribute(name, value);
-      svg.append(node);
-    };
-    if (kind === 'command') {
-      add('path', { d: 'm7 11 2-2-2-2' });
-      add('path', { d: 'M11 13h4' });
-      add('rect', { width: '18', height: '18', x: '3', y: '3', rx: '2', ry: '2' });
-    } else if (kind === 'edit') {
-      add('path', { d: 'M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z' });
-      add('path', { d: 'm15 5 4 4' });
-    } else if (kind === 'web') {
-      add('path', { 'fill-rule': 'evenodd', 'clip-rule': 'evenodd', d: 'M8 1.47461C11.6037 1.47461 14.5254 4.39634 14.5254 8C14.5254 11.6037 11.6037 14.5254 8 14.5254C4.39634 14.5254 1.47461 11.6037 1.47461 8C1.47461 4.39634 4.39634 1.47461 8 1.47461ZM5.87012 8.52539C5.92564 9.91134 6.19693 11.1363 6.59375 12.0293C6.81716 12.532 7.06946 12.9068 7.32324 13.1484C7.57428 13.3873 7.80269 13.4745 8 13.4746C8.19723 13.4745 8.42487 13.3871 8.67578 13.1484C8.92962 12.9069 9.18182 12.532 9.40527 12.0293C9.80215 11.1363 10.0742 9.91142 10.1299 8.52539H5.87012ZM2.55078 8.52539C2.74797 10.5966 4.09925 12.3291 5.9541 13.0771C5.83897 12.8833 5.73221 12.6753 5.63477 12.4561C5.16951 11.4092 4.87546 10.0335 4.81934 8.52539H2.55078ZM11.1797 8.52539C11.1237 10.0335 10.8305 11.4092 10.3652 12.4561C10.2677 12.6755 10.1603 12.8832 10.0449 13.0771C11.9002 12.3293 13.252 10.5969 13.4492 8.52539H11.1797ZM5.9541 2.92188C4.09908 3.66986 2.74798 5.40329 2.55078 7.47461H4.81934C4.87546 5.96653 5.16951 4.59081 5.63477 3.54395C5.73233 3.32446 5.8388 3.11594 5.9541 2.92188ZM8 2.52539C7.80269 2.52546 7.57428 2.61265 7.32324 2.85156C7.06946 3.09315 6.81716 3.46804 6.59375 3.9707C6.19693 4.86365 5.92564 6.08866 5.87012 7.47461H10.1299C10.0742 6.08859 9.80215 4.86367 9.40527 3.9707C9.18182 3.46795 8.92962 3.09313 8.67578 2.85156C8.42487 2.61285 8.19723 2.52549 8 2.52539ZM10.0449 2.92188C10.1605 3.11604 10.2676 3.32427 10.3652 3.54395C10.8305 4.59082 11.1237 5.96649 11.1797 7.47461H13.4492C13.252 5.40298 11.9004 3.66967 10.0449 2.92188Z' });
-    } else if (kind === 'image') {
-      add('path', { d: 'M8.71388 7.99975C8.71388 8.65789 8.18035 9.19142 7.52222 9.19142C6.86408 9.19142 6.33055 8.65789 6.33055 7.99975C6.33055 7.34162 6.86408 6.80809 7.52222 6.80809C8.18035 6.80809 8.71388 7.34162 8.71388 7.99975Z' });
-      add('path', { d: 'M3.14066 10.4099C3.86911 9.44319 5.24342 9.25004 6.2101 9.97849L10.3385 13.0895L10.0217 13.5087L9.70588 13.9279L5.57747 10.8169C5.07391 10.4375 4.35836 10.538 3.97892 11.0415L2.63994 12.8184L2.22081 12.5026L1.80155 12.1858L3.14066 10.4099Z' });
-      add('path', { d: 'M9.67744 6.75438C9.5741 6.02085 8.89571 5.51025 8.16209 5.61335L3.27651 6.29998C2.54313 6.40329 2.03252 7.08091 2.13535 7.81435L2.82197 12.6999C2.92507 13.4336 3.60289 13.9449 4.33648 13.8421L9.22206 13.1554C9.95584 13.0523 10.4672 12.3737 10.3641 11.64L9.67744 6.75438ZM11.4036 11.4939C11.5875 12.8019 10.6762 14.0112 9.36817 14.195L4.48259 14.8817C3.17474 15.0652 1.96523 14.1541 1.78142 12.8462L1.09479 7.96059C0.911255 6.65289 1.82264 5.44345 3.13027 5.25942L8.01585 4.5728C9.32373 4.38899 10.533 5.30049 10.717 6.60828L11.4036 11.4939Z' });
-      add('path', { d: 'M13.5112 9.53334L14.1978 4.64776C14.3006 3.91417 13.7893 3.23635 13.0556 3.13325L8.17007 2.44663C7.43662 2.3438 6.75901 2.85441 6.65569 3.58779L6.35329 5.7395L5.31273 5.59326L5.61513 3.44155C5.79916 2.13392 7.0086 1.22253 8.31631 1.40607L13.2019 2.09269C14.5098 2.2765 15.4209 3.48602 15.2374 4.79387L14.5507 9.67945C14.3669 10.9875 13.1576 11.8988 11.8496 11.7149L10.2829 11.4948L10.429 10.4552L11.9957 10.6753C12.7294 10.7785 13.408 10.2671 13.5112 9.53334Z' });
-    } else if (kind === 'compaction') {
-      add('path', { d: 'M11.5247 1.80859C12.9925 1.80873 14.1826 2.99992 14.1829 4.46777V11.752C14.6643 11.9563 15.0021 12.4342 15.0022 12.9902C15.0021 13.7322 14.4004 14.3346 13.6584 14.335C12.9162 14.335 12.3139 13.7324 12.3137 12.9902C12.3138 12.4342 12.6513 11.9563 13.1331 11.752V4.46777C13.1328 3.57982 12.4126 2.85951 11.5247 2.85938L8.86646 2.86035C8.57667 2.86035 8.34133 2.62469 8.34106 2.33496C8.34106 2.04501 8.57651 1.80859 8.86646 1.80859H11.5247Z' });
-      add('path', { d: 'M2.33228 1.75488C3.0744 1.75501 3.67589 2.35651 3.67603 3.09863C3.67603 3.65479 3.33827 4.13233 2.85669 4.33691L2.85767 11.5234C2.85793 12.4115 3.57797 13.1318 4.46606 13.1318H7.12427C7.41399 13.1321 7.64966 13.3674 7.64966 13.6572C7.64939 13.9468 7.41383 14.1824 7.12427 14.1826H4.46606C2.99807 14.1826 1.80813 12.9914 1.80786 11.5234L1.80688 4.33691C1.32538 4.13221 0.987549 3.65459 0.987549 3.09863C0.987681 2.35642 1.59004 1.75488 2.33228 1.75488Z' });
-      add('path', { d: 'M8.66626 8.89258C8.95621 8.89258 9.19165 9.12802 9.19165 9.41797C9.19165 9.70792 8.95621 9.94336 8.66626 9.94336H5.66626C5.37648 9.94316 5.14087 9.7078 5.14087 9.41797C5.14087 9.12814 5.37648 8.89278 5.66626 8.89258H8.66626Z' });
-      add('path', { d: 'M10.3333 6.05957C10.6231 6.05975 10.8577 6.29512 10.8577 6.58496C10.8575 6.87469 10.623 7.11018 10.3333 7.11035H5.66626C5.37656 7.11015 5.141 6.87468 5.14087 6.58496C5.14087 6.29513 5.37648 6.05977 5.66626 6.05957H10.3333Z' });
-    } else {
-      add('path', { d: 'M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z' });
-    }
-    wrapper.append(svg);
-    return wrapper;
-  }
-
-  function disclosureChevronElement() {
-    const chevron = document.createElement('span');
-    chevron.className = 'disclosure-chevron';
-    chevron.setAttribute('aria-hidden', 'true');
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttribute('d', 'm9 18 6-6-6-6');
-    svg.append(path);
-    chevron.append(svg);
-    return chevron;
-  }
-
-  function authorizedAssetUrl(value) { return transport.assetUrl(value); }
-
-  const stoppingThreads = new Set();
-  function composerIsActive() {
-    return composer.isActive();
-  }
-  function composerShouldStop() {
-    return composer.shouldStop();
-  }
-  function updatePendingMessageElement(message) {
-    if (!message.element) {
-      const row = document.createElement('div'); row.className = 'pending-message';
-      row.append(renderEntry({ ...message, type: 'message', role: 'user' }));
-      const status = document.createElement('div'); status.className = 'pending-message-status';
-      row.append(status); message.element = row; message.statusElement = status;
-      const actions = document.createElement('div'); actions.className = 'pending-message-actions';
-      const retry = document.createElement('button'); retry.textContent = '重新发送';
-      retry.onclick = () => resendPendingMessage(message);
-      const remove = document.createElement('button'); remove.textContent = '删除';
-      remove.onclick = () => {
-        if (message.retrying) return;
-        pendingMessages.set(state.selectedId, pendingMessages.get(state.selectedId).filter(item => item !== message));
-        renderPendingMessages();
-      };
-      actions.append(retry, remove); row.append(actions);
-      message.actionsElement = actions; message.retryElement = retry; message.removeElement = remove;
-    }
-    message.statusElement.textContent = message.status;
-    message.statusElement.hidden = !message.status;
-    if (message.actionsElement) {
-      const canRetry = Boolean(state.selectedId && pendingMessages.has(state.selectedId, message));
-      message.actionsElement.hidden = !message.status || !canRetry;
-      message.retryElement.disabled = Boolean(message.retrying || state.sending || connectionBlocked() || state.historyLoading);
-      message.retryElement.textContent = message.retrying ? '正在核对…' : '重新发送';
-      message.removeElement.disabled = Boolean(message.retrying);
-    }
-    return message.element;
-  }
-  function renderPendingMessages() {
-    const timeline = el('timeline');
-    const { remaining, interruptedUnconfirmed } = pendingMessages.reconcile(state.selectedId, state.timeline);
-    if (interruptedUnconfirmed) showActionToast('任务已停止，插队消息未在对话中确认');
-    const turnElements = [...timeline.children].filter(node => node.classList.contains('turn'));
-    for (const message of remaining) {
-      const owner = message.turnId ? turnElements.find(node => node.dataset?.turnId === message.turnId) : null;
-      const activeSummary = (owner || (!message.turnId && composerIsActive() ? turnElements.at(-1) : null))?.querySelector('.active-process');
-      updatePendingMessageElement(message);
-      if (activeSummary) activeSummary.before(message.element);
-      else if (owner) owner.append(message.element);
-      else timeline.append(message.element);
-    }
-    timeline.querySelectorAll('.pending-message').forEach(node => { if (!remaining.some(message => message.element === node)) node.remove(); });
-  }
-  async function resendPendingMessage(message) {
-    return messageSender.resend(message);
-  }
-
-  function updateComposerMode() {
-    return composer.updateMode();
-  }
-
-  function messageBody(prompt) {
-    return messageSender.createBody(prompt);
-  }
-
-  async function sendMessage(mode = 'direct') {
-    return messageSender.send(mode);
-  }
-
-  let appLogSending = false;
-  async function sendAppLogDirect(text, threadId, thread) {
-    appLogSending = true;
-    try {
-      const clientUserMessageId = Array.from(crypto.getRandomValues(new Uint8Array(16)),
-        byte => byte.toString(16).padStart(2, '0')).join('');
-      await api(`/api/threads/${encodeURIComponent(threadId)}/messages`, {
-        method: 'POST',
-        body: JSON.stringify({
-          prompt: `Code Relax 应用日志（不含凭据、二维码和消息正文）：\n\n\`\`\`text\n${text}\n\`\`\``,
-          clientUserMessageId,
-          images: [],
-          hostId: thread?.hostId,
-        }),
-      });
-      showActionToast('应用日志已发送到当前对话', 3000);
-    } catch (error) {
-      showActionToast(`应用日志发送失败：${error.message}`, 5000);
-    } finally {
-      appLogSending = false;
-    }
-  }
-
-  window.harmonySendAppLog = value => {
-    const text = typeof value === 'string' ? value.trim() : '';
-    if (!text) { showActionToast('暂无可发送的应用日志'); return false; }
-    if (!state.selectedId || isNewThread()) { showActionToast('请先进入一个已有对话'); return false; }
-    if (appLogSending) { showActionToast('应用日志正在发送'); return false; }
-    if (transport.connectionState() !== 'connected') { showActionToast('工作站链路尚未连接，暂时不能发送日志'); return false; }
-    const threadId = state.selectedId;
-    const thread = state.selectedThread || state.threads.find(item => item.id === threadId);
-    document.body.classList.remove('sidebar-open');
-    void sendAppLogDirect(text, threadId, thread);
-    return true;
-  };
-
-  function closeComposerAddMenu() {
-    composer.closeAddMenu();
-  }
-
-  function setSendControlsDisabled(disabled) {
-    composer.setControlsDisabled(disabled);
-  }
-
-  function updatePromptActions() {
-    composer.updateActions();
-  }
-
-  function renderContextUsage(usage) {
-    const meter = el('contextMeter');
-    state.currentModel = usage?.model || '';
-    state.currentThinking = usage?.thinking || '';
-    state.currentServiceTier = usage?.serviceTier ?? null;
-    state.currentPermissionMode = usage?.permissionMode ?? null;
-    state.permissionModes = Array.isArray(usage?.permissionModes) ? usage.permissionModes : [];
-    if (el('modelMenu').hidden) resetModelMenuToCurrent();
-    meter.classList.remove('warning', 'danger');
-    if (!usage?.available) {
-      meter.style.setProperty('--context-percent', '0');
-      meter.title = '当前任务的上下文占用暂不可用';
-      meter.setAttribute('aria-label', meter.title);
-      renderModelControl();
-      return;
-    }
-    const percent = Math.round(usage.usedPercent);
-    meter.style.setProperty('--context-percent', String(percent));
-    if (percent >= 90) meter.classList.add('danger');
-    else if (percent >= 75) meter.classList.add('warning');
-    meter.title = `上下文 ${percent}% · ${compactTokens(usage.usedTokens)} / ${compactTokens(usage.contextWindow)}`;
-    meter.setAttribute('aria-label', meter.title);
-    renderModelControl();
-  }
-
-  function modelDisplayName(value) {
-    const option = [...el('model').options].find(item => item.value === value);
-    return option?.textContent || value;
-  }
-
-  function thinkingDisplayName(value) {
-    const names = { none: '无', minimal: '最低', low: '轻度', medium: '中', high: '高', xhigh: '极高', max: '最高', ultra: 'Ultra' };
-    return names[value] || value;
-  }
-
-  function compactTokens(value) {
-    const numeric = Number(value);
-    if (!Number.isFinite(numeric)) return '--';
-    if (numeric >= 1000) return `${Math.round(numeric / 100) / 10}K`;
-    return String(Math.round(numeric));
-  }
-
-  let serverModels = [];
-  let modelMenuRequest = 0;
-  let enabledReasoningEfforts = null;
-  let applyingServerSettings = false;
-  async function applyServerSettings(serviceTier) {
-    if (connectionBlocked()) return;
-    if (threadReadOnly()) { setStatus(state.timeline.thread.readOnlyReason || '该对话当前只能查看'); return; }
-    if (state.historyLoading || state.timeline?.cached) { setStatus('请等待对话同步完成后再调整设置'); return; }
-    if (isNewThread()) {
-      state.currentModel = el('model').value || state.currentModel; state.currentThinking = state.menuThinking;
-      if (serviceTier !== undefined) state.currentServiceTier = serviceTier;
-      renderModelControl(); renderFastMode(); return;
-    }
-    if (!transport.has('immediateSettings') || applyingServerSettings || !state.selectedId) return;
-    const threadId = state.selectedId, model = el('model').value || state.currentModel, thinking = state.menuThinking;
-    if (model === state.currentModel && thinking === state.currentThinking && (serviceTier === undefined || serviceTier === state.currentServiceTier)) return;
-    applyingServerSettings = true;
-    renderFastMode();
-    renderPermissionControl();
-    el('modelMenu').setAttribute('aria-busy', 'true');
-    try {
-      const context = await api(`/api/threads/${encodeURIComponent(threadId)}/settings`, { method: 'POST', body: JSON.stringify({ model, thinking, ...(serviceTier !== undefined ? { serviceTier } : {}) }) });
-      if (state.selectedId === threadId) { renderContextUsage(context); resetModelMenuToCurrent(); }
-    } catch (error) {
-      setStatus(`设置失败：${error.message}`);
-      if (state.selectedId === threadId) resetModelMenuToCurrent();
-    } finally { applyingServerSettings = false; el('modelMenu').removeAttribute('aria-busy'); renderFastMode(); renderPermissionControl(); }
-  }
-  async function loadServerModels(isCurrent) {
-    const result = await api('/api/models');
-    if (!isCurrent()) return;
-    if (!result.models?.length) throw new Error('工作站未返回可用模型');
-    serverModels = result.models;
-    enabledReasoningEfforts = Array.isArray(result.enabledReasoningEfforts) ? result.enabledReasoningEfforts : null;
-    const select = el('model'); select.replaceChildren();
-    for (const button of el('modelView').querySelectorAll('.model-option')) button.remove();
-    for (const model of serverModels) {
-      const option = document.createElement('option'); option.value = model.model; option.textContent = model.displayName || model.model; select.append(option);
-      const button = document.createElement('button'); button.type = 'button'; button.className = 'model-option'; button.dataset.model = model.model;
-      const label = document.createElement('span'); label.textContent = option.textContent;
-      const check = document.createElement('span'); check.className = 'check'; button.append(label, check);
-      el('modelView').insertBefore(button, el('modelView').querySelector('.menu-divider'));
-    }
-    if (isNewThread() && !state.currentModel) {
-      const model = serverModels.find(item => item.isDefault) || serverModels[0];
-      state.currentModel = model.model; state.currentThinking = model.defaultReasoningEffort;
-    }
-  }
-
-  function updateThinkingOptions(render = true) {
-    const effectiveModel = el('model').value || state.currentModel;
-    if (transport.has('immediateSettings') && serverModels.length) {
-      const model = serverModels.find(item => item.model === effectiveModel);
-      const efforts = (model?.supportedReasoningEfforts || []).filter(item => !enabledReasoningEfforts || enabledReasoningEfforts.includes(item.reasoningEffort));
-      const select = el('thinking'), track = el('effortTrack').querySelector('.effort-options');
-      select.replaceChildren(); track.replaceChildren();
-      for (const [index, item] of efforts.entries()) {
-        const option = document.createElement('option'); option.value = item.reasoningEffort; option.textContent = thinkingDisplayName(option.value); select.append(option);
-        const button = document.createElement('button'); button.type = 'button'; button.className = 'effort-option'; button.dataset.thinking = option.value;
-        button.style.left = `${100 * index / Math.max(1, efforts.length - 1)}%`;
-        button.title = option.textContent; button.setAttribute('aria-label', option.textContent); track.append(button);
-      }
-      if (!efforts.some(item => item.reasoningEffort === state.menuThinking)) {
-        state.menuThinking = efforts.find(item => item.reasoningEffort === model?.defaultReasoningEffort)?.reasoningEffort || efforts[0]?.reasoningEffort || state.currentThinking;
-      }
-      select.value = state.menuThinking;
-      if (render) renderModelControl();
-      return;
-    }
-    const restricted = effectiveModel === 'gpt-5.5' || effectiveModel === 'gpt-5.3-codex-spark';
-    for (const option of el('thinking').options) {
-      option.disabled = restricted && (option.value === 'max' || option.value === 'ultra');
-    }
-    for (const button of document.querySelectorAll('.effort-option')) {
-      button.disabled = restricted && (button.dataset.thinking === 'max' || button.dataset.thinking === 'ultra');
-    }
-    if (state.menuThinking && el('thinking').selectedOptions[0]?.disabled) {
-      state.menuThinking = 'xhigh';
-      el('thinking').value = state.menuThinking;
-    }
-    if (render) renderModelControl();
-  }
-
-  function renderModelControl() {
-    renderFastMode();
-    renderPermissionControl();
-    const selectedModel = el('model').value || state.currentModel;
-    const selectedThinking = state.menuThinking || state.currentThinking || 'medium';
-    const currentModelName = state.currentModel ? modelDisplayName(state.currentModel) : isNewThread() ? '默认模型' : '读取当前模型…';
-    const currentThinkingName = state.currentThinking ? thinkingDisplayName(state.currentThinking) : '';
-    el('modelSummaryName').textContent = currentModelName;
-    el('modelSummaryEffort').textContent = currentThinkingName;
-    el('modelSummaryEffort').classList.toggle('ultra', state.currentThinking === 'ultra');
-    el('effortView').classList.toggle('ultra', selectedThinking === 'ultra');
-    el('effortEntryText').classList.toggle('ultra', selectedThinking === 'ultra');
-    const pending = state.pendingSettingsByThread.get(state.selectedId);
-    const pendingModelName = pending?.model ? modelDisplayName(pending.model) : '';
-    const pendingThinkingName = pending?.thinking ? thinkingDisplayName(pending.thinking) : '';
-    el('pendingSettingsText').textContent = pending
-      ? `下一条切换为：${[pendingModelName, pendingThinkingName].filter(Boolean).join(' · ')}`
-      : '';
-    el('pendingSettings').hidden = !pending;
-    el('effortEntryText').textContent = thinkingDisplayName(selectedThinking);
-    el('effortHeadingValue').textContent = thinkingDisplayName(selectedThinking);
-    el('effortModelName').textContent = selectedModel ? modelDisplayName(selectedModel) : '读取模型…';
-    const selectedModelOption = selectedModel;
-    for (const button of document.querySelectorAll('.model-option')) {
-      const selected = button.dataset.model === selectedModelOption;
-      button.classList.toggle('selected', selected);
-      button.querySelector('.check').textContent = selected ? '✓' : '';
-    }
-    const effortButtons = [...document.querySelectorAll('.effort-option')];
-    const selectedIndex = Math.max(0, effortButtons.findIndex(button => button.dataset.thinking === selectedThinking));
-    const denominator = Math.max(1, effortButtons.length - 1);
-    const ratio = selectedIndex / denominator;
-    el('effortTrack').style.setProperty('--effort-progress', `${ratio * 100}%`);
-    el('effortTrack').style.setProperty('--effort-offset', `${20 - ratio * 40}px`);
-    el('effortTrack').style.setProperty('--effort-range-offset', `${14 - ratio * 28}px`);
-    for (const [index, button] of effortButtons.entries()) {
-      button.classList.toggle('selected', button.dataset.thinking === selectedThinking);
-      button.classList.toggle('reached', index <= selectedIndex);
-    }
-  }
-
-  function resetModelMenuToCurrent() {
-    if (transport.has('immediateSettings') && serverModels.length) {
-      const pending = state.pendingSettingsByThread.get(state.selectedId);
-      el('model').value = pending?.model || state.currentModel;
-      state.menuThinking = pending?.thinking || state.currentThinking;
-      updateThinkingOptions(false); renderModelControl(); return;
-    }
-    const currentModelOption = [...el('model').options].find(option => option.value === state.currentModel);
-    el('model').value = currentModelOption ? state.currentModel : '';
-    const currentThinkingOption = [...el('thinking').options].find(option => option.value === state.currentThinking);
-    state.menuThinking = currentThinkingOption ? state.currentThinking : 'medium';
-    el('thinking').value = state.menuThinking;
-    updateThinkingOptions(false);
-    renderModelControl();
-  }
-
-  function updatePendingSettingsFromMenu() {
-    if (isNewThread()) { state.currentModel = el('model').value || state.currentModel; state.currentThinking = state.menuThinking; renderModelControl(); return; }
-    if (!state.selectedId) return;
-    if (transport.has('immediateSettings')) { renderModelControl(); return; }
-    const model = el('model').value || state.currentModel;
-    const thinking = state.menuThinking || state.currentThinking;
-    const unchanged = (!model || model === state.currentModel)
-      && (!thinking || thinking === state.currentThinking);
-    if (unchanged) state.pendingSettingsByThread.delete(state.selectedId);
-    else state.pendingSettingsByThread.set(state.selectedId, { model, thinking });
-    renderModelControl();
-  }
-
-  function showModelView() {
-    el('modelView').hidden = false;
-    el('effortView').hidden = true;
-  }
-
-  function showEffortView() {
-    el('modelView').hidden = true;
-    el('effortView').hidden = false;
-  }
-
-  function closeModelMenu() {
-    modelMenuRequest++;
-    el('modelMenu').hidden = true;
-    el('modelMenu').inert = false;
-    el('modelMenu').removeAttribute('data-loading');
-    el('modelMenu').removeAttribute('aria-busy');
-    el('modelTrigger').setAttribute('aria-expanded', 'false');
-  }
-
-  function closePermissionMenu() {
-    el('permissionMenu').hidden = true;
-    el('permissionTrigger').setAttribute('aria-expanded', 'false');
-  }
-
-  function renderPermissionControl() {
-    const supported = transport.has('permissionSettings') && state.permissionModes.length > 0;
-    const mode = state.currentPermissionMode;
-    const labels = { ask: '请求批准', auto: '帮我批准', full: '完全访问' };
-    el('permissionControl').hidden = !supported;
-    if (!supported) closePermissionMenu();
-    el('permissionLabel').textContent = labels[mode] || '权限';
-    el('permissionTrigger').title = `操作权限：${labels[mode] || '自定义'}`;
-    el('permissionTrigger').setAttribute('aria-label', el('permissionTrigger').title);
-    el('permissionTrigger').classList.toggle('full-access', mode === 'full');
-    const blocked = connectionBlocked() || threadReadOnly() || state.historyLoading || state.timeline?.cached || applyingServerSettings;
-    el('permissionTrigger').disabled = Boolean(blocked);
-    for (const button of el('permissionMenu').querySelectorAll('[data-permission]')) {
-      button.hidden = !state.permissionModes.includes(button.dataset.permission);
-      button.disabled = Boolean(blocked);
-      button.setAttribute('aria-checked', String(button.dataset.permission === mode));
-    }
-  }
-
-  async function applyPermissionMode(mode) {
-    if (!transport.has('permissionSettings') || connectionBlocked() || threadReadOnly() || applyingServerSettings || state.historyLoading || state.timeline?.cached || !state.selectedId || !state.permissionModes.includes(mode)) return;
-    if (mode === state.currentPermissionMode) { closePermissionMenu(); return; }
-    const threadId = state.selectedId, selection = conversation.generation();
-    applyingServerSettings = true;
-    renderPermissionControl(); renderFastMode();
-    try {
-      const context = await api(`/api/threads/${encodeURIComponent(threadId)}/permissions`, { method: 'POST', body: JSON.stringify({ mode }) });
-      if (conversation.isCurrent(selection, threadId)) { renderContextUsage(context); closePermissionMenu(); }
-    } catch (error) {
-      if (conversation.isCurrent(selection, threadId)) setStatus(`权限设置失败：${error.message}`);
-    } finally {
-      applyingServerSettings = false; renderPermissionControl(); renderFastMode();
-    }
-  }
-
-  el('permissionTrigger').onclick = () => {
-    if (el('permissionTrigger').disabled) return;
-    const open = el('permissionMenu').hidden;
-    closeModelMenu();
-    el('permissionMenu').hidden = !open;
-    el('permissionTrigger').setAttribute('aria-expanded', String(open));
-  };
-  el('permissionMenu').onclick = event => {
-    const button = event.target.closest('[data-permission]');
-    if (button && !button.disabled) applyPermissionMode(button.dataset.permission);
-  };
-
-  function fastServiceTier() {
-    const model = serverModels.find(item => item.model === (el('model').value || state.currentModel));
-    return model?.serviceTiers?.find(tier => ['priority', 'fast'].includes(tier.id))?.id;
-  }
-
-  function renderFastMode() {
-    const supported = transport.has('immediateSettings') && Boolean(fastServiceTier());
-    const enabled = ['priority', 'fast'].includes(state.currentServiceTier);
-    el('modelFastIndicator').hidden = !enabled;
-    el('effortView').classList.toggle('fast', enabled);
-    const button = el('fastMode');
-    button.disabled = !supported || connectionBlocked() || threadReadOnly() || state.historyLoading || state.timeline?.cached || applyingServerSettings;
-    button.setAttribute('aria-checked', String(enabled));
-    button.title = supported ? '快速模式，开启会增加用量' : transport.has('immediateSettings') ? '当前模型暂不支持快速模式' : '基础控制暂不支持修改快速模式';
-    button.setAttribute('aria-label', button.title);
-  }
-
-  el('reconnectConversation').onclick = async () => {
-    if (state.connection === 'connecting') return;
-    stationConnection.activate();
-    await stationConnection.recover();
-  };
-  window.addEventListener('offline', () => setConversationConnection('disconnected'));
-  window.addEventListener('online', () => { if (!enteredConversation && window.codexSelfRelayConfig && !stationConnection.isPaused()) void enterConversation(); if (enteredConversation && connectionBlocked()) void stationConnection.recover(); });
-
-  const sidebarTitle = document.querySelector('.sidebar-brand > span');
-  let lastTitleClick = null;
-  sidebarTitle.addEventListener('click', event => {
-    if (lastTitleClick !== null && event.timeStamp - lastTitleClick <= 350) {
-      lastTitleClick = null;
-      openLatestDebugPage();
-      return;
-    }
-    lastTitleClick = event.timeStamp;
-  });
-  el('selectedTitle').ondblclick = () => void refreshCurrentConversation();
-  el('terminalChatTitle').ondblclick = () => void refreshCurrentConversation();
-  el('refresh').onclick = refreshTaskList;
-  el('archivedThreads').onclick = () => void showArchivedThreads();
-  el('newChat').onclick = () => {
-    communityView?.close();
-    if (state.showingArchived) { state.showingArchived = false; renderTasks(); }
-    const projectId = state.selectedThread?.projectId
-      || (isNewThread() ? state.newThreadProject?.projectId : null) || '__unassigned__';
-    openNewThreadDialog(state.projects.find(project => project.projectId === projectId), projectId);
-  };
-  el('clearNewThreadProject').onclick = () => openNewThreadDialog(null, '__unassigned__');
-  function queueActionVisible() {
-    return composer.queueActionVisible();
-  }
-  function queueChoiceAvailable() {
-    return composer.queueChoiceAvailable();
-  }
-  el('send').onclick = () => {
-    if (composerShouldStop()) interruptCurrentTurn(); else sendMessage('direct');
-  };
-  el('sendQueued').onclick = () => {
-    if (queueChoiceAvailable()) sendMessage('queue');
-  };
-  async function interruptCurrentTurn() {
-    const threadId = state.selectedId;
-    if (!threadId) return;
-    const available = actionState('interrupt', stoppingThreads.has(threadId));
-    if (!available.enabled) { setStatus(available.reason); return; }
-    const turnId = state.timeline?.turns?.at(-1)?.id;
-    stoppingThreads.add(threadId); updateComposerMode();
-    setStatus('正在请求停止…');
-    try {
-      await api(`/api/threads/${encodeURIComponent(threadId)}/interrupt`, { method: 'POST', body: JSON.stringify({ turnId }) });
-      if (state.selectedId === threadId) {
-        const stopped = state.timeline?.turns?.find(turn => turn.id === turnId)?.status === 'interrupted';
-        setStatus(stopped ? '已停止' : '停止请求已发送', true);
-      }
-    } catch (error) { setStatus(`停止失败：${error.message}`); }
-    finally { stoppingThreads.delete(threadId); updateComposerMode(); }
-  }
-  el('interruptTurn').onclick = interruptCurrentTurn;
-  function renderDraftImages() {
-    el('draftImages').replaceChildren();
-    for (const image of state.draftImages) {
-      const button = document.createElement('button');
-      button.type = 'button'; button.className = 'image-thumb'; button.title = '移除图片';
-      button.setAttribute('aria-label', '移除图片');
-      const preview = document.createElement('img');
-      preview.src = authorizedAssetUrl(image.thumbnailUrl); preview.alt = '待发送图片';
-      const remove = document.createElement('span'); remove.className = 'remove-image'; remove.textContent = '×';
-      button.append(preview, remove);
-      button.onclick = () => {
-        if (state.sending) return;
-        state.draftImages = state.draftImages.filter(item => item.id !== image.id);
-        transport.removeImage(image.id);
-        renderDraftImages(); updatePromptActions();
-      };
-      el('draftImages').append(button);
-    }
-  }
-  async function compressUploadImage(file) {
-    let bitmap;
-    try { bitmap = await createImageBitmap(file); }
-    catch { throw new Error('无法读取这张图片，请选择 JPG、PNG 或 WebP 图片'); }
-    const canvas = document.createElement('canvas');
-    try {
-      const scale = Math.min(1, 2560 / Math.max(bitmap.width, bitmap.height));
-      canvas.width = Math.max(1, Math.round(bitmap.width * scale));
-      canvas.height = Math.max(1, Math.round(bitmap.height * scale));
-      const context = canvas.getContext('2d');
-      if (!context) throw new Error('无法处理图片');
-      context.drawImage(bitmap, 0, 0, canvas.width, canvas.height);
-      const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/webp', 0.88));
-      if (!blob || blob.size > 16 * 1024 * 1024) throw new Error('图片压缩失败，请换一张图片重试');
-      return blob;
-    } finally {
-      bitmap.close(); canvas.width = 0; canvas.height = 0;
-    }
-  }
-  el('addMenuTrigger').onclick = event => {
-    event.stopPropagation();
-    if (el('addMenuTrigger').disabled) return;
-    const open = el('addMenu').hidden;
-    closeModelMenu(); closePermissionMenu(); closeContextDetails();
-    el('addMenu').hidden = !open;
-    el('addMenuTrigger').setAttribute('aria-expanded', String(open));
-  };
-  el('addImage').onclick = () => { closeComposerAddMenu(); el('imagePicker').click(); };
-  el('imagePicker').onchange = async () => {
-    const files = Array.from(el('imagePicker').files || []);
-    el('imagePicker').value = '';
-    if (!files.length || state.uploadingImages || state.sending) return;
-    if (files.length + state.draftImages.length > 4) { showActionToast('每条消息最多 4 张图片'); return; }
-    state.uploadingImages = true; setSendControlsDisabled(true);
-    showActionToast('正在添加图片…');
-    try {
-      for (const file of files) {
-        const compressed = await compressUploadImage(file);
-        const result = await transport.addImage(compressed);
-        if (!state.draftImages.some(image => image.id === result.id)) state.draftImages.push(result);
-        renderDraftImages();
-      }
-    } catch (error) { showActionToast(error.message); }
-    finally { state.uploadingImages = false; setSendControlsDisabled(false); updatePromptActions(); }
-  };
-  el('prompt').addEventListener('input', () => {
-    scheduleDraftSave();
-    updatePromptActions();
-    // Native editing keeps a middle caret visible; appended text (including voice)
-    // also needs scrolling after the textarea's layout has updated.
-    const prompt = el('prompt');
-    if (prompt.selectionEnd === prompt.value.length) requestAnimationFrame(() => {
-      if (prompt.selectionEnd === prompt.value.length) prompt.scrollTop = prompt.scrollHeight;
-    });
-  });
-  el('clearPendingSettings').onclick = event => {
-    event.stopPropagation();
-    if (!state.selectedId) return;
-    state.pendingSettingsByThread.delete(state.selectedId);
-    resetModelMenuToCurrent();
-  };
-  el('timeline').addEventListener('scroll', () => {
-    state.timelineAtBottom = syncTimelinePosition();
-    updateScrollToBottomButton();
-    maybeAutoLoadHistory();
-  }, { passive: true });
-  const timelineResizeObserver = new ResizeObserver(() => {
-    state.timelineAtBottom = syncTimelinePosition();
-    updateScrollToBottomButton();
-    maybeAutoLoadHistory();
-  });
-  timelineResizeObserver.observe(el('timeline'));
-  el('scrollToBottom').onclick = () => {
-    scrollTimelineToBottom(true);
-  };
-  localStorage.removeItem('codexRemoteModelSelection');
-  localStorage.removeItem('codexRemoteModel');
-  localStorage.removeItem('codexRemoteThinking');
-  el('modelTrigger').onclick = async event => {
-    event.stopPropagation();
-    closeContextDetails();
-    const willOpen = el('modelMenu').hidden;
-    if (!willOpen) {
-      closeModelMenu();
-      return;
-    }
-    if (connectionBlocked() || state.historyLoading) return;
-    const threadId = state.selectedId;
-    const menuRequest = ++modelMenuRequest;
-    const isCurrent = () => state.selectedId === threadId && menuRequest === modelMenuRequest && !connectionBlocked();
-    const immediate = transport.has('immediateSettings');
-    const menu = el('modelMenu');
-    el('modelView').querySelector('.menu-title').textContent = immediate ? '设置此对话的模型' : '选择下一条消息使用的模型';
-    for (const hint of menu.querySelectorAll('.menu-hint')) {
-      hint.hidden = immediate;
-      hint.textContent = '设置将在发送下一条消息时生效';
-    }
-    resetModelMenuToCurrent();
-    showEffortView();
-    menu.hidden = false;
-    menu.inert = immediate;
-    menu.setAttribute('data-loading', String(immediate));
-    menu.setAttribute('aria-busy', String(immediate));
-    el('modelTrigger').setAttribute('aria-expanded', 'true');
-    try {
-      await Promise.all([
-        immediate ? loadServerModels(isCurrent) : Promise.resolve(),
-        threadId ? threadContext.update(threadId) : Promise.resolve(),
-      ]);
-      if (!isCurrent()) return;
-      if (immediate) resetModelMenuToCurrent();
-    } catch (error) {
-      if (!isCurrent()) return;
-      closeModelMenu();
-      setStatus(`读取模型失败：${error.message}`);
-    } finally {
-      if (menuRequest === modelMenuRequest) {
-        menu.inert = false;
-        menu.removeAttribute('data-loading');
-        menu.removeAttribute('aria-busy');
-      }
-    }
-  };
-
-  function selectModel(button) {
-    if (!button || applyingServerSettings || connectionBlocked()) return;
-    el('model').value = button.dataset.model;
-    updateThinkingOptions(false);
-    updatePendingSettingsFromMenu();
-    if (transport.has('immediateSettings')) applyServerSettings();
-  }
-
-  function selectThinking(button) {
-    if (!button || button.disabled || applyingServerSettings || connectionBlocked()) return;
-    state.menuThinking = button.dataset.thinking;
-    el('thinking').value = state.menuThinking;
-    updatePendingSettingsFromMenu();
-    if (transport.has('immediateSettings') && effortPointer === null) applyServerSettings();
-  }
-
-  let effortPointer = null;
-  function selectEffortAt(clientX) {
-    const bounds = el('effortTrack').querySelector('.effort-options').getBoundingClientRect();
-    const buttons = [...document.querySelectorAll('.effort-option')];
-    const position = Math.min(1, Math.max(0, (clientX - bounds.left) / Math.max(1, bounds.width))) * (buttons.length - 1);
-    const enabled = buttons.map((button, index) => ({ button, distance: Math.abs(index - position) }))
-      .filter(item => !item.button.disabled).sort((a, b) => a.distance - b.distance);
-    selectThinking(enabled[0]?.button);
-  }
-  el('effortTrack').addEventListener('pointerdown', event => {
-    if (event.button !== 0 || effortPointer !== null || applyingServerSettings) return;
-    event.preventDefault();
-    effortPointer = event.pointerId;
-    el('effortTrack').setPointerCapture(event.pointerId);
-    selectEffortAt(event.clientX);
-  });
-  el('effortTrack').addEventListener('pointermove', event => {
-    if (event.pointerId === effortPointer) selectEffortAt(event.clientX);
-  });
-  el('effortTrack').addEventListener('pointerup', event => {
-    if (event.pointerId !== effortPointer) return;
-    selectEffortAt(event.clientX);
-    effortPointer = null;
-    el('effortTrack').releasePointerCapture(event.pointerId);
-    if (transport.has('immediateSettings')) applyServerSettings();
-  });
-  el('effortTrack').addEventListener('lostpointercapture', () => { effortPointer = null; });
-  el('effortTrack').addEventListener('pointercancel', () => { effortPointer = null; });
-
-  el('modelMenu').addEventListener('click', event => {
-    const target = event.target instanceof Element ? event.target : event.target.parentElement;
-    if (target?.closest('#fastMode')) {
-      event.preventDefault(); event.stopPropagation();
-      if (!el('fastMode').disabled) applyServerSettings(['priority', 'fast'].includes(state.currentServiceTier) ? null : fastServiceTier());
-      return;
-    }
-    const modelButton = target?.closest('.model-option');
-    if (modelButton) {
-      event.preventDefault();
-      event.stopPropagation();
-      selectModel(modelButton);
-      return;
-    }
-    if (target?.closest('#effortModelButton')) {
-      event.preventDefault();
-      event.stopPropagation();
-      showModelView();
-      return;
-    }
-    if (target?.closest('#openEffort')) {
-      event.preventDefault();
-      event.stopPropagation();
-      showEffortView();
-      return;
-    }
-    const track = target?.closest('#effortTrack');
-    if (track) {
-      event.preventDefault();
-      event.stopPropagation();
-      // Pointer interaction is handled above; keyboard activation still selects a stop.
-      if (event.detail === 0) selectThinking(target.closest('.effort-option'));
-    }
-  }, true);
-  function closeContextDetails() {
-    el('contextDetails').hidden = true;
-    el('contextTrigger').setAttribute('aria-expanded', 'false');
-  }
-  el('contextTrigger').onclick = event => {
-    event.stopPropagation();
-    const open = el('contextDetails').hidden;
-    closeModelMenu(); closePermissionMenu();
-    el('contextDetails').textContent = el('contextMeter').title;
-    el('contextDetails').hidden = !open;
-    el('contextTrigger').setAttribute('aria-expanded', String(open));
-  };
-  document.addEventListener('click', event => {
-    if (!event.target.closest('.model-control')) closeModelMenu();
-    if (!event.target.closest('.permission-control')) closePermissionMenu();
-    if (!event.target.closest('.context-control')) closeContextDetails();
-    if (!event.target.closest('.composer-add')) closeComposerAddMenu();
-  });
-  document.addEventListener('keydown', event => {
-    if (event.key === 'Escape') { closeModelMenu(); closePermissionMenu(); closeContextDetails(); closeComposerAddMenu(); }
-  });
-  resetModelMenuToCurrent();
-  el('imageViewerClose').onclick = () => el('imageViewer').close();
-  el('imageViewerOriginal').onclick = () => void ensureViewerOriginal().catch(error => showActionToast('原图读取失败：' + error.message, 3000));
-  el('imageViewerDownload').onclick = () => void downloadViewerImage();
-  el('imageViewer').onclick = event => {
-    if (event.target === el('imageViewer')) el('imageViewer').close();
-  };
-  el('imageViewer').addEventListener('close', () => {
-    el('imageViewerImage').removeAttribute('src');
-    imageViewerOriginalLoader = null; imageViewerOriginalUrl = '';
-  });
-  function taskListLocked() {
-    return platform.embedded && !state.selectedThread && !isNewThread();
-  }
-
-  function toggleTaskList() {
-    if (document.body.classList.contains('sidebar-open')) {
-      if (!taskListLocked()) document.body.classList.remove('sidebar-open');
-    } else {
-      showTaskList();
-    }
-  }
-
-  function handleNativeBack() {
-    const dialogs = [...document.querySelectorAll('dialog[open]')];
-    const dialog = dialogs.at(-1);
-    if (dialog) {
-      const closeAllowed = dialog.dispatchEvent(new Event('cancel', { cancelable: true }));
-      if (closeAllowed && dialog.open) dialog.close();
-      return true;
-    }
-    const addMenu = el('addMenu');
-    const overlayOpen = !el('voiceStopPopover').hidden
-      || !el('modelMenu').hidden
-      || !el('permissionMenu').hidden
-      || !el('contextDetails').hidden
-      || addMenu?.hidden === false;
-    if (overlayOpen) {
-      el('voiceStopPopover').hidden = true;
-      closeModelMenu(); closePermissionMenu(); closeContextDetails();
-      if (addMenu) {
-        addMenu.hidden = true;
-        el('addMenuTrigger')?.setAttribute('aria-expanded', 'false');
-      }
-      return true;
-    }
-    if (document.body.classList.contains('sidebar-open')) {
-      if (!taskListLocked()) document.body.classList.remove('sidebar-open');
-      return true;
-    }
-    if (communityView?.isOpen()) {
-      communityView.close();
-      return true;
-    }
-    if (platform.voice.active) return true;
-    if (matchMedia('(max-width:599px)').matches) {
-      showTaskList();
-      return true;
-    }
-    if (document.body.classList.contains('sidebar-collapsed')) {
-      document.body.classList.remove('sidebar-collapsed');
-    }
-    return true;
-  }
-  window.harmonyHandleBack = handleNativeBack;
-  window.harmonyToggleTaskList = toggleTaskList;
-  window.addEventListener('beforeunload', () => {
-    saveActiveDraft();
-    timelineResizeObserver.disconnect();
-    usage.close();
-    closeEventStream();
-    threadContext.stop();
-    stopThreadPolling();
-  });
-  setInterval(() => timelineRenderer.updateDurations(), 1000);
-  if (platform.embedded) {
-    el('terminalSidebarToggle').onclick = toggleTaskList;
-    el('wideSidebarToggle').onclick = () => {
-      if (taskListLocked()) return;
-      if (matchMedia('(max-width:599px)').matches) {
-        document.body.classList.remove('sidebar-open');
-        return;
-      }
-      document.body.classList.add('sidebar-collapsed');
-      el('wideSidebarExpand').focus();
-    };
-    el('wideSidebarExpand').onclick = () => {
-      document.body.classList.remove('sidebar-collapsed');
-      void refreshThreadStates('wide-sidebar');
-      el('wideSidebarToggle').focus();
-    };
-    el('sidebarBackdrop').onclick = () => {
-      if (!taskListLocked()) document.body.classList.remove('sidebar-open');
-    };
-    let listWasVisible = taskListVisible();
-    const refreshVisibleList = () => {
-      if (taskListLocked() && (!document.body.classList.contains('sidebar-open')
-        || document.body.classList.contains('sidebar-collapsed'))) showTaskList();
-      const visible = taskListVisible();
-      if (visible && !listWasVisible) void refreshThreadStates('layout-visible');
-      listWasVisible = visible;
-    };
-    new MutationObserver(refreshVisibleList).observe(document.body, { attributes: true, attributeFilter: ['class'] });
-    window.addEventListener('resize', refreshVisibleList);
-    document.addEventListener('visibilitychange', refreshVisibleList);
-    refreshVisibleList();
-    renderConnectionLabel();
-    communityView = window.createCommunityView({
-      button: el('communityButton'),
-      page: el('communityPage'),
-      onOpen: () => {
-        document.body.classList.remove('sidebar-open');
-        el('terminalChatTitle').textContent = 'Code Relax 社区';
-      },
-      onClose: () => {
-        el('terminalChatTitle').textContent = isNewThread() ? '新对话' : (el('selectedTitle').textContent || 'Code Relax');
-      },
-    });
-    el('usageButton').onclick = () => usage.open();
-    const updateAnnouncement = value => {
-      const button = el('announcementButton');
-      const title = value && typeof value === 'object' && typeof value.title === 'string' ? value.title.trim() : '';
-      el('announcementTitle').textContent = title;
-      button.hidden = !title;
-      button.setAttribute('aria-label', title ? `系统公告：${title}` : '查看最新公告');
-    };
-    platform.callbacks.announcementChanged = updateAnnouncement;
-    el('announcementButton').onclick = () => {
-      if (platform.has('openAnnouncement')) platform.openAnnouncement();
-    };
-    el('usageDialogClose').onclick = () => el('usageDialog').close();
-    for (const id of ['usageDialog']) {
-      const dialog = el(id);
-      let outside = false;
-      const isOutside = event => {
-        const rect = dialog.getBoundingClientRect();
-        return event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom;
-      };
-      dialog.addEventListener('pointerdown', event => { outside = event.target === dialog && isOutside(event); });
-      dialog.addEventListener('click', event => {
-        if (outside && event.target === dialog && isOutside(event)) dialog.close();
-        outside = false;
-      });
-    }
-    if (!window.codexSelfRelayConfig && platform.has('externalUiState') && platform.has('setExternalUi')) {
-      const toggle = el('externalUiToggle');
-      el('externalUiOption').hidden = false;
-      el('externalUiOption').dataset.activePage = /^https?:$/.test(location.protocol) ? 'debug' : 'builtin';
-      toggle.checked = platform.externalUiState();
-      platform.callbacks.externalUiChanged = (enabled, error) => {
-        toggle.checked = enabled; toggle.disabled = false;
-        showActionToast(error ? `页面切换失败：${error}` : '页面来源已切换');
-      };
-      toggle.onchange = () => {
-        toggle.disabled = true;
-        try { platform.setExternalUi(toggle.checked, state.selectedId || '', pageSnapshot()); }
-        catch (error) { toggle.checked = !toggle.checked; toggle.disabled = false; showActionToast(error.message); }
-      };
-    }
-    const openConnectionSettings = () => {
-      if (platform.voice.active) return;
-      if (platform.has('returnToComputer')) { platform.returnToComputer(); return; }
-      if (!platform.has('openSettings')) { setStatus('请更新鸿蒙客户端后使用连接设置', false); return; }
-      platform.openSettings();
-    };
-    const connectionSettings = el('connectionSettings');
-    connectionSettings.setAttribute('aria-label', transport.has('managedConnection') ? '返回工作站连接方式' : `修改连接 ${location.host}`);
-    connectionSettings.onclick = openConnectionSettings;
-    const reloadPage = el('reloadDebugPage');
-    reloadPage.hidden = !/^https?:$/.test(location.protocol);
-    reloadPage.onclick = openLatestDebugPage;
-    const recoveryButton = el('recoverShared');
-    const networkDiagnostics = el('networkDiagnostics');
-    const viewAppLog = el('viewAppLog');
-    const sendAppLog = el('sendAppLog');
-    const clearAppLog = el('clearAppLog');
-    const installedAppVersion = el('installedAppVersion');
-    if (globalThis.codexNative?.installedAppVersion) {
-      const value = globalThis.codexNative.installedAppVersion();
-      installedAppVersion.textContent = value || '';
-      installedAppVersion.title = installedAppVersion.textContent;
-      installedAppVersion.hidden = !value;
-    }
-    networkDiagnostics.hidden = !platform.has('openNetworkDiagnostics');
-    networkDiagnostics.onclick = () => {
-      el('debugMenu').open = false;
-      if (platform.has('openNetworkDiagnostics')) platform.openNetworkDiagnostics();
-    };
-    viewAppLog.hidden = !platform.has('openAppLog');
-    viewAppLog.onclick = () => {
-      el('debugMenu').open = false;
-      if (platform.has('openAppLog')) platform.openAppLog();
-    };
-    const recoveryResult = el('sharedRecoveryResult');
-    const recoveryExecute = el('sharedRecoveryExecute');
-    let recoveryOperationId;
-    let recoveryEvents;
-    const showRecoveryResult = value => { recoveryResult.hidden = false; recoveryResult.textContent = value; };
-    recoveryButton.onclick = () => {
-      if (globalThis.codexNative?.openComputerMode) { globalThis.codexNative.openComputerMode(); return; }
-      if (!transport.recoverySupported()) { showRecoveryResult('需要新版 Bridge，并使用局域网或 Code Relax 中继；也可进入手机工作站详情启用完整控制。'); return; }
-      if (!recoveryEvents) {
-        recoveryEvents = transport.recoveryEvents();
-        recoveryEvents.addEventListener('progress', event => {
-          const result = JSON.parse(event.data);
-          if (result.status === 'none') return;
-          const names = { pending: '待执行', running: '执行中', completed: '已完成', failed: '失败' };
-          recoveryResult.style.whiteSpace = 'pre-line';
-          showRecoveryResult([...(result.steps || []).map(step => `${step.label}：${names[step.status] || step.status}`), result.message, result.error].filter(Boolean).join('\n'));
-          const busy = ['scheduled', 'running'].includes(result.status);
-          recoveryExecute.disabled = busy; recoveryButton.disabled = busy;
-        });
-        recoveryEvents.addEventListener('error', () => showRecoveryResult('管理连接中断；恢复连接后会自动同步进度，操作不会重发。'));
-      }
-      const bytes = crypto.getRandomValues(new Uint8Array(16));
-      bytes[6] = (bytes[6] & 15) | 64; bytes[8] = (bytes[8] & 63) | 128;
-      const hex = [...bytes].map(value => value.toString(16).padStart(2, '0')).join('');
-      recoveryOperationId = `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
-      el('sharedRecoveryConfirm').hidden = false;
-    };
-    el('sharedRecoveryCancel').onclick = () => { el('sharedRecoveryConfirm').hidden = true; };
-    const retryReadOnlyThread = () => {
-      if (!threadReadOnly() || !state.selectedThread) return;
-      const thread = state.selectedThread;
-      state.timeline = null;
-      void selectThread(thread);
-    };
-    el('sharedServiceNotice').onclick = () => {
-      if (el('sharedServiceNotice').dataset.action === 'retry-thread') retryReadOnlyThread();
-      else if (globalThis.codexNative?.openComputerStatus) globalThis.codexNative.openComputerStatus();
-      else recoveryButton.onclick();
-    };
-    el('sharedServiceNotice').onkeydown = event => {
-      if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); el('sharedServiceNotice').onclick(); }
-    };
-    recoveryExecute.onclick = async () => {
-      recoveryExecute.disabled = true; recoveryButton.disabled = true;
-      try {
-        const result = await transport.recoverShared(recoveryOperationId);
-        el('sharedRecoveryConfirm').hidden = true;
-        showRecoveryResult(`${result.message} 操作编号：${result.operationId}`);
-      } catch (error) {
-        el('sharedRecoveryConfirm').hidden = true;
-        showRecoveryResult(`提交结果未确认：${error.message}。连接恢复后自动同步进度，不要重复提交。`);
-      }
-    };
-    const updateDebugAccess = enabled => {
-      const allowed = enabled === true;
-      el('debugMenu').hidden = !allowed;
-      sendAppLog.hidden = !(allowed && platform.has('sendAppLog'));
-      clearAppLog.hidden = !(allowed && platform.has('clearAppLog'));
-      if (!allowed) { el('debugMenu').open = false; closeComposerAddMenu(); }
-    };
-    platform.callbacks.debugAccessChanged = updateDebugAccess;
-    updateDebugAccess(platform.has('debugAccessState') && platform.debugAccessState());
-    document.addEventListener('click', event => {
-      const menu = el('debugMenu');
-      if (menu.open && !menu.contains(event.target)) menu.open = false;
-    });
-    sendAppLog.onclick = () => {
-      if (!platform.has('sendAppLog')) return;
-      closeComposerAddMenu();
-      platform.sendAppLog();
-    };
-    platform.callbacks.appLogFeedback = message => showActionToast(message, 3000);
-    clearAppLog.onclick = () => {
-      if (!platform.has('clearAppLog')) return;
-      closeComposerAddMenu(); platform.clearAppLog();
-    };
-    const returnToComputer = el('returnToComputer');
-    returnToComputer.hidden = !platform.has('returnToComputer');
-    returnToComputer.onclick = () => { if (platform.has('returnToComputer')) platform.returnToComputer(); };
-    el('voice').disabled = !platform.has('toggleVoice');
-    el('voice').title = '语音输入';
-    el('voice').setAttribute('aria-label', '语音输入');
-    el('voice').onclick = () => {
-      if (!platform.has('toggleVoice')) {
-        showActionToast('请更新鸿蒙客户端后使用语音输入');
-        return;
-      }
-      if (platform.voice.stopping) return;
-      if (platform.voice.active) platform.voice.stopping = true;
-      platform.toggleVoice();
-    };
-    platform.voice.active = false;
-    platform.voice.stopping = false;
-    let pendingVoiceSend = null;
-    let pendingVoiceEdit = false;
-    let voicePrefix = '';
-    const hideVoiceStop = () => { el('voiceStopPopover').hidden = true; };
-    const showVoiceStop = event => {
-      const popover = el('voiceStopPopover');
-      const composer = popover.closest('.composer');
-      popover.hidden = false;
-      if (!composer) return;
-      const hostRect = composer.getBoundingClientRect();
-      const popoverRect = popover.getBoundingClientRect();
-      const edge = 4, gap = 8;
-      const desiredLeft = event.clientX - hostRect.left - popoverRect.width / 2;
-      const maxLeft = Math.max(edge, hostRect.width - popoverRect.width - edge);
-      popover.style.left = `${Math.max(edge, Math.min(desiredLeft, maxLeft))}px`;
-      popover.style.top = `${Math.max(8 - hostRect.top, event.clientY - hostRect.top - popoverRect.height - gap)}px`;
-    };
-    el('prompt').addEventListener('pointerdown', event => {
-      if (platform.voice.active) event.preventDefault();
-    });
-    el('prompt').addEventListener('click', event => {
-      if (!platform.voice.active || platform.voice.stopping) return;
-      el('stopVoiceToEdit').disabled = false;
-      el('stopVoiceToEdit').textContent = '停止录音';
-      showVoiceStop(event);
-    });
-    document.addEventListener('pointerdown', event => {
-      if (event.target === el('prompt') || el('voiceStopPopover').contains(event.target)) return;
-      hideVoiceStop(); pendingVoiceEdit = false;
-    });
-    document.addEventListener('keydown', event => { if (event.key === 'Escape') hideVoiceStop(); });
-    el('stopVoiceToEdit').onclick = () => {
-      if (!platform.voice.active || platform.voice.stopping) return;
-      pendingVoiceSend = null; pendingVoiceEdit = true;
-      platform.voice.stopping = true;
-      el('stopVoiceToEdit').disabled = true;
-      el('stopVoiceToEdit').textContent = '正在结束录音…';
-      updateComposerMode();
-      platform.toggleVoice();
-    };
-    platform.callbacks.beginVoice = () => {
-      if ((!state.selectedId && !isNewThread()) || state.sending || state.uploadingImages) return false;
-      pendingVoiceSend = null;
-      pendingVoiceEdit = false; hideVoiceStop();
-      platform.voice.stopping = false;
-      voicePrefix = el('prompt').value;
-      platform.voice.active = true;
-      el('voice').setAttribute('aria-pressed', 'true');
-      el('voice').title = '结束录音';
-      el('prompt').readOnly = true;
-      setSendControlsDisabled(true);
-      el('send').disabled = false;
-      updateComposerMode();
-      return true;
-    };
-    platform.callbacks.sendVoice = mode => {
-      if (pendingVoiceSend !== null) return;
-      pendingVoiceEdit = false; hideVoiceStop();
-      pendingVoiceSend = mode;
-      el('send').disabled = true;
-      if (!platform.voice.stopping) {
-        platform.voice.stopping = true;
-        platform.toggleVoice();
-      }
-    };
-    platform.callbacks.voiceText = text => {
-      if (!platform.voice.active) return;
-      el('prompt').value = voicePrefix + text;
-      el('prompt').dispatchEvent(new Event('input', { bubbles:true }));
-    };
-    platform.callbacks.endVoice = (error, cancelled = false) => {
-      const mode = pendingVoiceSend;
-      const edit = pendingVoiceEdit && !cancelled;
-      pendingVoiceEdit = false; hideVoiceStop();
-      pendingVoiceSend = null;
-      platform.voice.stopping = false;
-      platform.voice.active = false;
-      el('voice').setAttribute('aria-pressed', 'false');
-      el('voice').title = '语音输入';
-      el('prompt').readOnly = false;
-      setSendControlsDisabled(false);
-      updateComposerMode();
-      if (edit) { el('prompt').focus(); el('prompt').setSelectionRange(el('prompt').value.length, el('prompt').value.length); }
-      if (error) showActionToast(error);
-      else if (!cancelled && mode !== null) sendMessage(mode);
-    };
-    platform.callbacks.pause = () => {
-      pendingVoiceEdit = false; hideVoiceStop();
-      stationConnection.suspend();
-      conversation.invalidate({ clearProgress: true });
-      setConversationConnection('disconnected');
-      history.cancelSave();
-      closeEventStream(); threadContext.stop(); stopThreadPolling();
-      transport.pause().catch(error => setStatus(error.message));
-    };
-    platform.callbacks.resetConnection = () => {
-      saveActiveDraft();
-      stationConnection.suspend();
-      setNewThreadState(false); state.newThreadProject = null; state.returnThread = null;
-      history.cancelSave(); conversation.clear({ resetSettings: true });
-      closeEventStream(); threadContext.stop(); stopThreadPolling(); closeModelMenu(); closePermissionMenu();
-      state.pendingSettingsByThread.clear(); state.draftImages = []; transport.clearImages();
-      state.threads = []; state.threadListComplete = false;
-      state.archivedThreads = []; state.showingArchived = false; state.projects = [];
-      el('prompt').value = ''; el('selected').hidden = true; el('empty').hidden = false;
-      showTaskList(); setConversationTitle('选择聊天');
-    };
-    let resumeWork;
-    async function resumeConversation(preserveConnection) {
-      if (preserveConnection && enteredConversation && state.connection === 'connected' && transport.connectionState() === 'connected') {
-        const selection = conversation.generation();
-        foregroundChecking = true;
-        stationConnection.suspend();
-        updateComposerMode();
-        try {
-          await transport.checkConnection();
-          if (!conversation.isCurrent(selection)) return;
-          if (state.connection === 'connected') return;
-        } catch (error) {
-          if (!conversation.isCurrent(selection)) return;
-          setStatus(error.message);
-          await transport.pause();
-        } finally {
-          stationConnection.activate();
-          foregroundChecking = false;
-          updateComposerMode();
-        }
-      }
-      stationConnection.activate();
-      if (!enteredConversation) { await enterConversation(); return; }
-      await stationConnection.recover();
-    }
-    platform.callbacks.resume = (preserveConnection = false) => {
-      if (!resumeWork) resumeWork = resumeConversation(preserveConnection).finally(() => { resumeWork = null; });
-      return resumeWork;
-    };
-    platform.callbacks.relayRecovering = text => {
-      setConversationConnection('connecting');
-      history.cancelSave(); conversation.invalidate({ historyLoading: true, clearProgress: true });
-      closeEventStream(); threadContext.stop(); stopThreadPolling();
-      updateComposerMode(); setStatus('');
-    };
-    platform.callbacks.relayRestore = restoreRelayConversation;
-    platform.callbacks.relayRecovered = () => { state.historyProgress = ''; setConversationConnection('connected'); startThreadPolling(); setStatus('已连接', true); };
-    platform.callbacks.relayRecoveryFailed = text => { state.historyProgress = ''; stopThreadPolling(); setConversationConnection('disconnected'); setStatus(text); };
-  }
-  function showConnectionProgress(step, title, detail) {
-    const entry = configureConnectionEntry();
-    const currentStep = Math.min(Math.max(step, 1), entry.steps.length);
-    el('entryStatus').textContent = title;
-    el('entryDetail').textContent = detail;
-    el('entryProgress').dataset.state = 'loading';
-    [...el('entrySteps').children].forEach((item, index) => {
-      item.dataset.state = index + 1 < currentStep ? 'done' : index + 1 === currentStep ? 'current' : 'pending';
-      if (index + 1 === currentStep) item.setAttribute('aria-current', 'step');
-      else item.removeAttribute('aria-current');
-    });
-  }
-  window.harmonyConnectionProgress = showConnectionProgress;
-  function connectionEntry() {
-    if (window.codexTransport) return { mode: 'official', label: 'OpenAI 中继', diagram: 'OpenAI 中继',
-      initialTitle: '正在检查 OpenAI 登录', initialDetail: '正在检查已保存的账号和设备授权。',
-      steps: ['确认 OpenAI 登录', '授权当前设备', '安全连接工作站', '载入工作站任务'] };
-    if (window.codexSelfRelayConfig) return { mode: 'private', label: 'Code Relax 中继', diagram: 'Code Relax 中继',
-      initialTitle: '正在连接 Code Relax 中继', initialDetail: '正在验证设备授权并联系工作站。',
-      steps: ['确认设备授权', '连接 Code Relax 中继', '联系工作站', '载入工作站任务'] };
-    return { mode: 'lan', label: '局域网', diagram: '同一局域网',
-      initialTitle: '正在检查局域网', initialDetail: '正在验证网络地址和设备授权。',
-      steps: ['检查局域网', '确认设备授权', '连接工作站', '载入工作站任务'] };
-  }
-  function configureConnectionEntry() {
-    const entry = connectionEntry();
-    el('entryMode').textContent = entry.label;
-    el('entryDiagram').dataset.mode = entry.mode;
-    el('entryDiagramMode').textContent = entry.diagram;
-    el('entryDiagram').setAttribute('aria-label', `移动端通过${entry.diagram}双向连接工作站`);
-    const steps = el('entrySteps');
-    if (steps.dataset.mode !== entry.mode) {
-      steps.replaceChildren(...entry.steps.map((label, index) => {
-        const item = document.createElement('li');
-        item.dataset.number = String(index + 1); item.textContent = label;
-        return item;
-      }));
-      steps.dataset.mode = entry.mode;
-    }
-    return entry;
-  }
-  function renderEntryConnectionFailure(error) {
-    const retryable = Boolean(window.codexSelfRelayConfig?.credential && !stationConnection.isPaused() && !isTerminalConnectionError(error));
-    if (retryable) showConnectionProgress(1, '正在恢复连接', error.message);
-    else {
-      el('entryProgress').dataset.state = 'error';
-      el('entryStatus').textContent = '连接未完成';
-      el('entryDetail').textContent = error.message;
-      el('entryRetry').hidden = false;
-    }
-    return retryable;
-  }
-  async function enterConversation() {
-    window.codexEntryStarted = true;
-    clearTimeout(entryRetryTimer); entryRetryTimer = undefined;
-    if (stationConnection.isPaused()) return;
-    if (entryWork) return entryWork;
-    if (pageResume) setConversationConnection('connecting', true);
-    const entry = connectionEntry();
-    showConnectionProgress(1, entry.initialTitle, entry.initialDetail);
-    el('entryRetry').hidden = true;
-    if (!pageResume || waitForInitialThreads) platform.reportEntry?.(true);
-    const entryEpoch = stationConnection.generation();
-    const entryCurrent = () => stationConnection.isCurrent(entryEpoch);
-    entryWork = (async () => {
-      try {
-        if (!state.selectedThread) await restoreStartupView().catch(cacheError);
-        const initialSelection = conversation.generation();
-        showConnectionProgress(3, '正在连接工作站', '正在建立连接并确认工作站状态。');
-        await api('/api/health');
-        if (!entryCurrent()) return;
-        showConnectionProgress(4, '正在载入工作站任务', '连接已建立，正在读取任务列表。');
-        // Official relay identity and LAN execution mode are authoritative after health.
-        if (!state.selectedThread && !isNewThread() && conversation.isCurrent(initialSelection)) {
-          await restoreStartupView().catch(cacheError);
-          if (!entryCurrent()) return;
-        }
-        const restoredThreadList = pageResume && state.threadListComplete;
-        const threadsLoaded = restoredThreadList || await loadThreads(true);
-        if (!entryCurrent()) return;
-        if (!threadsLoaded) return;
-        configureConnectionEntry();
-        setConversationConnection('connected');
-        enteredConversation = true; entryAttempts = 0;
-        document.body.classList.remove('connection-entry');
-        platform.reportEntry?.(false);
-        usage.start();
-        startThreadPolling();
-        if (platform.embedded) {
-          if (!conversation.isCurrent(initialSelection) || isNewThread()) return;
-          const visited = readLastVisitedThread();
-          const preferred = window.CodexPageResume.preferredThreadId({ pageResume, resumeConfig, visited });
-          const last = state.selectedId || preferred;
-          const thread = state.threads.find(item => item.id === last) || state.selectedThread;
-          if (thread) {
-            rememberVisitedThread(thread);
-            if (state.selectedId === thread.id && state.timeline) { state.selectedThread = thread; await restoreRelayConversation(); }
-            else await selectThread(thread);
-          } else {
-            conversation.clear();
-            el('selected').hidden = true; el('empty').hidden = false; showTaskList();
-          }
-        }
-      } catch (error) {
-        if (!entryCurrent()) return;
-        setConversationConnection('disconnected');
-        if (!waitForInitialThreads && (enteredConversation || state.timeline?.cached)) setStatus(error.message);
-        else {
-          document.body.classList.add('connection-entry');
-          platform.reportEntry?.(true);
-          if (renderEntryConnectionFailure(error)) {
-            entryRetryTimer = setTimeout(() => { entryRetryTimer = undefined; void enterConversation(); },
-              Math.min(1000 * 2 ** Math.min(entryAttempts++, 5), 30000) * (0.8 + Math.random() * 0.2));
-          }
-        }
-      } finally {
-        el('entryRetry').disabled = false;
-        entryWork = undefined;
-      }
-    })();
-    return entryWork;
-  }
-  el('firstChooseTask').onclick = showTaskList;
-  el('firstNewChat').onclick = () => el('newChat').click();
-  el('entryRetry').onclick = () => enterConversation();
-  el('entryBack').hidden = !platform.embedded;
-  el('entryBack').onclick = () => platform.openSettings();
-  void enterConversation();