codex-overleaf-link 2.4.1 → 2.5.1

package/extension/src/content/panelMaintenance.js

@@ -24,6 +24,7 @@
       openCustomInstructionsSettings,
       onHistoryRowJump,
       resetProjectNameCache,
+      clearHistoryComposer,
       getPanel,
       getState,
       setState,
@@ -33,128 +34,47 @@
       StorageDb
     } = deps;
 
-  // --- Change history (v1.7.5): the audit log finally gets a read path. ---
-  // Loaded lazily when the Settings card is expanded; newest 50 project runs.
-  let auditHistoryRecords = [];
-
-  async function renderAuditHistoryPanel() {
-    const container = getSettingsPanelInstance()?.container;
-    const list = container?.querySelector('[data-history-list]');
-    if (!list) {
-      return;
-    }
-    const filterInput = container.querySelector('[data-history-filter]');
-    if (filterInput && !filterInput.placeholder) {
-      filterInput.placeholder = tx('Filter by file or task\u2026', '按文件名或任务过滤…');
-    }
-    list.textContent = tx('Loading\u2026', '正在加载…');
-    let records = [];
-    try {
-      records = StorageDb?.getAllByIndex
-        ? await StorageDb.getAllByIndex('auditLogs', 'projectId', getCurrentProjectId())
-        : [];
-    } catch (error) {
-      list.textContent = tx(`Could not load change history: ${error.message}`, `无法加载变更历史：${error.message}`);
-      return;
-    }
-    auditHistoryRecords = (records || [])
-      .sort((a, b) => String(b?.createdAt || '').localeCompare(String(a?.createdAt || '')))
-      .slice(0, 50);
-    applyAuditHistoryFilter();
-  }
-
-  function applyAuditHistoryFilter() {
-    const container = getSettingsPanelInstance()?.container;
-    const list = container?.querySelector('[data-history-list]');
-    if (!list) {
-      return;
-    }
-    const query = String(container.querySelector('[data-history-filter]')?.value || '').trim().toLowerCase();
-    const filePaths = record => []
-      .concat(record?.appliedFiles || [], record?.changedFiles || [])
-      .map(file => (file && typeof file === 'object') ? file.path : file)
-      .filter(Boolean);
-    const rows = auditHistoryRecords.filter(record => {
-      if (!query) {
-        return true;
-      }
-      return [record?.promptSummary || '', ...filePaths(record)].join(' ').toLowerCase().includes(query);
-    });
-    list.replaceChildren();
-    if (!rows.length) {
-      const empty = document.createElement('div');
-      empty.className = 'codex-history-empty';
-      empty.textContent = query
-        ? tx('No recorded changes match this filter.', '没有匹配该过滤条件的变更记录。')
-        : tx('No recorded changes for this project yet.', '本项目还没有已记录的变更。');
-      list.append(empty);
-      return;
-    }
-    for (const record of rows) {
-      const row = document.createElement('div');
-      row.className = 'codex-history-row';
-      row.dataset.resultStatus = record.resultStatus || '';
-      const when = document.createElement('div');
-      when.className = 'codex-history-when';
-      when.textContent = record.createdAt ? new Date(record.createdAt).toLocaleString() : '';
-      const task = document.createElement('div');
-      task.className = 'codex-history-task';
-      task.textContent = record.promptSummary || '';
-      task.title = record.promptSummary || '';
-      const files = document.createElement('div');
-      files.className = 'codex-history-files';
-      const applied = (record.appliedFiles || [])
-        .map(file => (file && typeof file === 'object') ? file.path : file)
-        .filter(Boolean);
-      files.textContent = applied.length
-        ? applied.join(' \u00b7 ')
-        : tx('No files were written.', '未写入文件。');
-      row.append(when, task, files);
-      // v1.8.0: rows jump to the run they describe (turnId === run.id).
-      if (record.sessionId && record.turnId && typeof onHistoryRowJump === 'function') {
-        row.classList.add('codex-history-row--linked');
-        row.setAttribute('role', 'button');
-        row.tabIndex = 0;
-        const jump = () => onHistoryRowJump(record);
-        row.addEventListener('click', jump);
-        row.addEventListener('keydown', keyEvent => {
-          if (keyEvent.key === 'Enter' || keyEvent.key === ' ') {
-            keyEvent.preventDefault();
-            jump();
-          }
-        });
-      }
-      list.append(row);
-    }
-  }
+  // Read-only projection over scoped audit/session records. Prompt redaction
+  // remains owned by the audit writer; this view never persists task text.
+  const historyView = deps.ChangeHistoryView.create({
+    tx, StorageDb, getState, getCurrentProjectId, getSettingsPanelInstance,
+    getAccountScopeId: deps.getAccountScopeId,
+    sanitizeText: deps.sanitizeText,
+    onHistoryRowJump
+  });
+  function renderAuditHistoryPanel() { return historyView.load(); }
+  function applyAuditHistoryFilter() { historyView.filter(); }
 
   // --- History & storage (v1.7.5): usage summary + clear-all in Settings ---
   let storageUsageRequestId = 0;
   function refreshStorageUsageSummary() {
-    const node = getSettingsPanelInstance()?.container?.querySelector('[data-storage-usage]');
-    if (!node) {
-      return;
-    }
+    const host = getSettingsPanelInstance()?.container;
+    const node = host?.querySelector('[data-storage-usage]');
+    if (!node) return;
+    const estimateNode = host.querySelector('[data-storage-estimate]') || node;
     const requestId = ++storageUsageRequestId;
     const projectId = getCurrentProjectId?.();
+    const accountScopeId = deps.getAccountScopeId?.();
     const settingsScope = getPanel?.()?.dataset?.settingsScope;
-    const isCurrent = () => requestId === storageUsageRequestId && projectId === getCurrentProjectId?.()
+    const isCurrent = () => requestId === storageUsageRequestId
+      && projectId === getCurrentProjectId?.()
+      && accountScopeId === deps.getAccountScopeId?.()
       && settingsScope === getPanel?.()?.dataset?.settingsScope
       && getSettingsPanelInstance()?.container?.querySelector('[data-storage-usage]') === node;
     const current = getState();
-    const sessionCount = Array.isArray(current?.sessions) ? current.sessions.length : 0;
-    const runCount = Array.isArray(current?.runs) ? current.runs.length : 0;
+    const sessions = Array.isArray(current?.sessions) ? current.sessions : [];
+    const runIds = new Set(sessions.flatMap(session => session.id === current.activeSessionId
+      ? current.runs || [] : session.runs || []).map(run => run?.id).filter(Boolean));
     const counts = settingsScope === 'account'
-      ? tx('All projects in this browser', '当前浏览器中的所有项目')
-      : tx(
-        `${sessionCount} loaded session(s) in this project · ${runCount} run(s) in the active session`,
-        `当前项目已加载 ${sessionCount} 个会话 · 当前会话 ${runCount} 轮运行`
-      );
-    // Dynamic text belongs to this renderer, not the loading-label translator.
+      ? tx('Saved history across projects in this browser', '当前浏览器中跨项目保存的历史')
+      : tx(sessions.length + ' loaded conversations · ' + runIds.size + ' runs in this project',
+        '本项目已加载 ' + sessions.length + ' 个对话 · ' + runIds.size + ' 轮运行');
     node.removeAttribute?.('data-i18n');
     node.textContent = counts;
-    const unavailable = () => {
-      if (isCurrent()) node.textContent = tx(`${counts} · Site storage estimate unavailable`, `${counts} · 本站点容量暂无法估算`);
+    estimateNode.removeAttribute?.('data-i18n');
+    if (estimateNode !== node) estimateNode.textContent = tx('Estimating site storage…', '正在估算站点占用…');
+    const showEstimate = value => {
+      if (isCurrent()) estimateNode.textContent = estimateNode === node ? counts + ' · ' + value : value;
     };
     let timer;
     const estimate = Promise.resolve().then(() => navigator.storage?.estimate?.());
@@ -162,11 +82,16 @@
     return Promise.race([estimate, deadline]).then(info => {
       if (!isCurrent()) return;
       const usage = info?.usage;
-      if (!Number.isFinite(usage) || usage < 0) { unavailable(); return; }
+      if (!Number.isFinite(usage) || usage < 0) {
+        showEstimate(tx('Site storage estimate unavailable; saved history is still accessible.', '暂无法估算站点容量，仍可查看已保存的历史。'));
+        return;
+      }
       const mb = usage / (1024 * 1024);
-      const size = usage === 0 ? '0 KB' : mb >= 1 ? `${mb.toFixed(1)} MB` : `${Math.max(1, Math.round(usage / 1024))} KB`;
-      node.textContent = tx(`${counts} · Site total ~${size}`, `${counts} · 本站点总占用约 ${size}`);
-    }).catch(unavailable).finally(() => clearTimeout(timer));
+      const size = usage === 0 ? '0 KB' : mb >= 1 ? mb.toFixed(1) + ' MB' : Math.max(1, Math.round(usage / 1024)) + ' KB';
+      showEstimate(tx('Site total ~' + size + ' (includes Overleaf data; not extension-only usage).',
+        '本站点总占用约 ' + size + '，包含 Overleaf 数据，并非插件单独占用。'));
+    }).catch(() => showEstimate(tx('Site storage estimate unavailable.', '暂无法估算站点容量。')))
+      .finally(() => clearTimeout(timer));
   }
 
   async function clearAllHistoryWithConfirm() {
@@ -175,36 +100,65 @@
       return;
     }
     const confirmed = await showPluginConfirm({
-      title: tx('Clear all history?', '清空全部历史？'),
+      title: tx('Clear local history?', '清理本地历史？'),
       message: tx(
-        'This permanently deletes every stored session, run and audit record for ALL projects — including the dashboard project list and cached project names. Project settings and rules are kept. This cannot be undone.',
-        '将永久删除所有项目的全部会话、运行与审计记录——包括仪表盘的项目列表与缓存的项目名。项目设置与规则会保留。此操作不可撤销。'
+        'This permanently removes saved conversations, run and change records, undo information, and recent-project entries for ALL projects in this browser. Overleaf project files will not be deleted or reverted. Project settings and rules are kept. Removed history cannot be recovered.',
+        '将永久清理当前浏览器中所有项目的对话、运行与修改记录、撤销信息及最近项目条目。Overleaf 项目文件不会被删除或还原，项目设置与规则会保留。清理后的历史无法恢复。'
       ),
-      confirmLabel: tx('Delete everything', '全部删除'),
+      confirmLabel: tx('Clear local history', '清理本地历史'),
       destructive: true
     });
     if (!confirmed) {
       return;
     }
+    if (getCurrentRunView()) {
+      showPluginToast(tx('A run started while confirmation was open. Finish or cancel it before clearing history.', '确认期间有任务开始运行，请先完成或取消任务后再清理历史。'));
+      return;
+    }
+    let historyClearedAt;
     try {
-      await StorageDb?.clearAllStores?.();
-      // v1.8.1: the dashboard's project-name cache lives in
-      // chrome.storage.local, outside the IndexedDB stores — clear it too so
-      // no (potentially sensitive) project titles outlive the wipe.
-      await resetProjectNameCache?.();
+      await StorageDb.clearAllStores();
+      historyClearedAt = Date.now();
+      historyView.invalidate();
     } catch (error) {
       showPluginToast(tx(`Could not clear history: ${error.message}`, `清空历史失败：${error.message}`));
       return;
     }
-    // Reset the in-getPanel() getState() to match the emptied store and re-render
-    // EXPLICITLY. startNewSession() is unusable here: its empty-session reuse
-    // guard matches the fresh session that normalization mints and returns
-    // before applyStateToPanel(), leaving the deleted cards on screen.
-    setState(normalizePanelState({ ...getState(), sessions: [], runs: [], activeSessionId: '' }));
-    await saveState();
+    const cleanupErrors = [];
+    try {
+      // Project names live outside the history store. Failure here must not
+      // leave deleted history in memory for a later autosave to replay.
+      await resetProjectNameCache?.();
+    } catch (error) {
+      cleanupErrors.push(error.message);
+    }
+    // Clear the compatibility mirror as well as the session list; otherwise
+    // normalization can reconstruct old summary runs and the Native thread.
+    const clearedState = normalizePanelState({
+      ...getState(), session: null, sessions: [], runs: [], activeSessionId: '',
+      task: '', focusFiles: [], selectionContext: null, composerAttachments: []
+    });
+    const freshSession = clearedState.sessions[0];
+    // The shared store rejects createdAt <= its clear marker. A new session
+    // in the same millisecond needs the next tick, at most 1 ms ahead of now.
+    freshSession.createdAt = freshSession.updatedAt = new Date(Math.max(Date.now(), historyClearedAt + 1)).toISOString();
+    setState(clearedState);
+    try {
+      clearHistoryComposer?.();
+      if (await saveState({ requireDurable: true }) !== true) {
+        throw new Error(tx('The blank session save was not confirmed.', '空白会话的保存结果尚未确认。'));
+      }
+    } catch (error) {
+      cleanupErrors.push(error.message);
+    }
+    // The store has already been cleared, including when the fresh-session
+    // save fails. Always remove old cards and draft inputs from the panel.
     applyStateToPanel();
     refreshStorageUsageSummary();
-    showPluginToast(tx('All history cleared.', '已清空全部历史。'));
+    void renderAuditHistoryPanel();
+    showPluginToast(cleanupErrors.length
+      ? tx(`Saved history was removed, but cleanup or blank-session saving needs attention: ${cleanupErrors.join('; ')}`, `已删除保存的历史，但清理或空白会话保存仍有问题：${cleanupErrors.join('；')}`)
+      : tx('Local history cleared. Overleaf files are unchanged.', '本地历史已清理，Overleaf 文件保持不变。'));
     getPanel()?.querySelector('[data-task]')?.focus();
   }
 
@@ -234,13 +188,14 @@
       showPluginToast(tx('Nothing to refill: the original task text is unavailable.', '无法回填：原任务文本不可用。'));
       return;
     }
-    prepareRetryReplacement?.(run || null);
+    prepareRetryReplacement?.(run || null, task);
     input.value = task;
     getState().task = task;
     autosizeTaskTextarea();
     syncComposerSendAvailability();
-    saveStateSoon();
-    input.focus();
+    saveStateSoon(0);
+    input.focus({ preventScroll: true });
+    input.scrollIntoView?.({ block: 'nearest' });
     try {
       input.setSelectionRange(task.length, task.length);
     } catch (error) {

package/extension/src/content/panelRenderer.js

@@ -117,6 +117,12 @@
       sessionSlot: instance.sessionSlot,
       composerSlot: instance.composerSlot,
       setView: view => { panelEl.dataset.view = view; },
+      setLocale: labels => {
+        launcherEl.title = labels.launcher;
+        launcherEl.setAttribute('aria-label', labels.launcher);
+        const close = panelEl.querySelector('[data-close-panel]');
+        if (close) { close.title = labels.close; close.setAttribute('aria-label', labels.close); }
+      },
       destroy: () => destroy(instance),
       _instance: instance
     };
@@ -334,6 +340,10 @@
         overlay.setAttribute('role', 'dialog');
         overlay.setAttribute('aria-modal', 'true');
         overlay.setAttribute('aria-label', title);
+        // The settings workbench is a centered top-layer dialog; center over it instead of the sidebar.
+        if (panel.querySelector?.('.codex-settings-workbench[open]')) {
+          overlay.dataset.context = 'workbench';
+        }
 
         const card = doc.createElement('section');
         card.className = 'codex-plugin-confirm-card';

package/extension/src/content/pendingInputView.js

@@ -7,73 +7,121 @@
 })(typeof window !== 'undefined' ? window : globalThis, function pendingInputViewFactory() {
   'use strict';
 
+  // Queued follow-ups render as one card docked on top of the composer:
+  // a header that says what will happen, the first message (two lines),
+  // "N more queued", a labelled Steer action and a hover-only remove.
+  const ICONS = {
+    clock: ['M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z', 'M8 5v3l2 1.4'],
+    pause: ['M6 4.5v7', 'M10 4.5v7'],
+    guide: ['M3.2 3.6v3.2a3.2 3.2 0 0 0 3.2 3.2H12', 'm9.6 7.2 2.8 2.8-2.8 2.8'],
+    remove: ['m4.5 4.5 7 7', 'm11.5 4.5-7 7']
+  };
+
   function create(options = {}) {
     const container = options.container;
+    const tr = (key, params) => options.tr?.(key, params) || '';
+    let expanded = false;
+
+    function headerState(items) {
+      if (items.some(item => item.status === 'steering')) return { state: 'steering', icon: 'guide', label: tr('queuedInputSteering') };
+      if (items.some(item => item.status === 'paused')) return { state: 'paused', icon: 'pause', label: tr('queuedInputPaused') };
+      if (items.some(item => item.status === 'executing')) return { state: 'executing', icon: 'clock', label: tr('queuedInputExecuting') };
+      return { state: 'queued', icon: 'clock', label: tr(items.length > 1 ? 'queuedInputUpNextMany' : 'queuedInputUpNext') };
+    }
 
     function render(items = [], state = {}) {
-      if (!container) {
-        return;
-      }
+      if (!container) return;
       container.replaceChildren();
       container.hidden = !items.length;
-      if (!items.length) {
-        return;
+      if (!items.length) { expanded = false; return; }
+      const head = headerState(items);
+      container.dataset.state = head.state;
+      const header = document.createElement('header');
+      header.className = 'codex-pending-head';
+      const label = document.createElement('span');
+      label.className = 'codex-pending-head-label';
+      label.textContent = head.label;
+      header.append(createIcon(head.icon), label);
+      if (items.length > 1) {
+        const count = document.createElement('span');
+        count.className = 'codex-pending-count';
+        count.textContent = String(items.length);
+        header.append(count);
+      }
+      if (head.state === 'paused') {
+        const resume = createButton(tr('queuedInputResume'), () => options.onResume?.());
+        resume.className = 'codex-pending-resume';
+        header.append(resume);
+      }
+      const list = document.createElement('ol');
+      list.className = 'codex-pending-list';
+      const visible = expanded ? items : items.slice(0, 1);
+      visible.forEach((item, index) => list.append(renderItem(item, index, items.length, state, head.state)));
+      container.append(header, list);
+      if (items.length > 1) {
+        const more = createButton(expanded ? tr('queuedInputShowLess') : tr('queuedInputMore', { count: String(items.length - 1) }),
+          () => { expanded = !expanded; render(items, state); });
+        more.className = 'codex-pending-more';
+        more.setAttribute('aria-expanded', String(expanded));
+        container.append(more);
+      }
+      if (state.running && !state.canGuide && head.state === 'queued') {
+        const hint = document.createElement('p');
+        hint.className = 'codex-pending-hint';
+        hint.textContent = tr('queuedInputGuideHint');
+        container.append(hint);
       }
-      for (const item of items) {
-        const row = document.createElement('article');
-        row.className = 'codex-pending-input';
-        row.dataset.status = item.status || 'queued';
-        const marker = document.createElement('span');
-        marker.className = 'codex-pending-input-marker';
-        marker.setAttribute('aria-hidden', 'true');
-        marker.append(createIcon('queue'));
-        const copy = document.createElement('div');
-        copy.className = 'codex-pending-input-copy';
-        const status = document.createElement('span');
-        status.className = 'codex-pending-input-status';
-        status.textContent = item.status === 'paused'
-          ? options.tr?.('queuedInputPaused')
-          : item.status === 'steering'
-            ? options.tr?.('queuedInputGuiding')
-            : item.status === 'executing'
-              ? options.tr?.('queuedInputExecuting')
-            : options.tr?.('queuedInputQueued');
-        const text = document.createElement('span');
-        text.className = 'codex-pending-input-text';
-        text.textContent = item.text;
-        copy.append(text);
-        if (item.status && item.status !== 'queued') {
-          copy.append(status);
-        }
-        const actions = document.createElement('div');
-        actions.className = 'codex-pending-input-actions';
-        if (item.status === 'paused') {
-          actions.append(createButton(options.tr?.('queuedInputResume'), () => options.onResume?.()));
-        } else if (state.running && item.status === 'queued') {
-          const guide = createIconButton(
-            options.tr?.('queuedInputGuide'),
-            'guide',
-            () => options.onGuide?.(item.id)
-          );
-          guide.disabled = !state.canGuide;
-          guide.title = state.canGuide
-            ? options.tr?.('queuedInputGuideTitle')
-            : options.tr?.('queuedInputGuideUnavailable');
-          actions.append(guide);
-        }
-        const remove = createIconButton(
-          options.tr?.('queuedInputRemove'),
-          'remove',
-          () => options.onRemove?.(item.id)
-        );
-        remove.classList.add('codex-pending-input-remove');
-        remove.disabled = item.status === 'steering' || item.status === 'executing';
-        text.title = item.text;
-        actions.append(remove);
-        row.setAttribute('aria-label', `${status.textContent || options.tr?.('queuedInputQueued') || 'Queued'}: ${item.text}`);
-        row.append(marker, copy, actions);
-        container.append(row);
+    }
+
+    function renderItem(item, index, total, state, headState) {
+      const row = document.createElement('li');
+      row.className = 'codex-pending-input';
+      row.dataset.status = item.status || 'queued';
+      const number = document.createElement('span');
+      number.className = 'codex-pending-number';
+      number.textContent = total > 1 ? String(index + 1) : '';
+      const text = document.createElement('button');
+      text.type = 'button';
+      text.className = 'codex-pending-input-text';
+      text.textContent = item.text;
+      const editable = (item.status || 'queued') === 'queued';
+      text.title = editable ? tr('queuedInputEdit') : item.text;
+      text.disabled = !editable;
+      text.addEventListener('click', () => pullBack(item));
+      const actions = document.createElement('span');
+      actions.className = 'codex-pending-input-actions';
+      if (index === 0 && state.running && item.status === 'queued' && headState === 'queued') {
+        const guide = createButton('', () => options.onGuide?.(item.id));
+        guide.className = 'codex-pending-steer';
+        guide.dataset.action = 'guide';
+        guide.append(createIcon('guide'), Object.assign(document.createElement('span'), { textContent: tr('queuedInputGuide') }));
+        guide.disabled = !state.canGuide;
+        guide.title = state.canGuide ? tr('queuedInputGuideTitle') : tr('queuedInputGuideUnavailable');
+        actions.append(guide);
       }
+      const remove = createButton('', () => options.onRemove?.(item.id));
+      remove.className = 'codex-pending-input-remove';
+      remove.dataset.action = 'remove';
+      remove.title = tr('queuedInputRemove');
+      remove.setAttribute('aria-label', remove.title);
+      remove.append(createIcon('remove'));
+      remove.disabled = item.status === 'steering' || item.status === 'executing';
+      actions.append(remove);
+      row.setAttribute('aria-label', `${tr('queuedInputQueued') || 'Queued'}: ${item.text}`);
+      row.append(number, text, actions);
+      return row;
+    }
+
+    // Pull a queued message back into the composer. A typed draft is never overwritten.
+    function pullBack(item) {
+      const task = container?.parentElement?.querySelector('[data-task]');
+      if (!task || (item.status || 'queued') !== 'queued') return;
+      if (String(task.value || '').trim()) { options.onToast?.(tr('queuedInputEditBlocked')); return; }
+      options.onRemove?.(item.id);
+      task.value = item.text;
+      task.dispatchEvent(new Event('input', { bubbles: true }));
+      task.focus();
+      task.setSelectionRange?.(task.value.length, task.value.length);
     }
 
     return { render };
@@ -87,27 +135,12 @@
     return button;
   }
 
-  function createIconButton(label, icon, onClick) {
-    const button = createButton('', onClick);
-    button.className = 'codex-pending-input-icon';
-    button.dataset.action = icon;
-    button.title = label || '';
-    button.setAttribute('aria-label', label || '');
-    button.append(createIcon(icon));
-    return button;
-  }
-
   function createIcon(icon) {
     const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('viewBox', '0 0 20 20');
+    svg.setAttribute('viewBox', '0 0 16 16');
     svg.setAttribute('aria-hidden', 'true');
     svg.setAttribute('focusable', 'false');
-    const paths = icon === 'guide'
-      ? ['M4 4.5v4a4 4 0 0 0 4 4h7', 'm12 9 3.5 3.5L12 16']
-      : icon === 'queue'
-        ? ['M4 5.5h12', 'M4 10h12', 'M4 14.5h8']
-        : ['M6 6h8', 'M8 6V4.5h4V6', 'm7.2 8 0.6 7.5h4.4l.6-7.5'];
-    for (const value of paths) {
+    for (const value of ICONS[icon] || ICONS.clock) {
       const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
       path.setAttribute('d', value);
       svg.append(path);

package/extension/src/content/projectProviderSelection.js

@@ -2,12 +2,20 @@
   'use strict';
 
   function create(deps = {}) {
-    async function confirmSwitch({ providerName } = {}) {
+    function assertSwitchAllowed() {
       if ((deps.getRunningSessionIds?.() || []).length) {
-        deps.showToast?.(deps.tx(
+        throw Object.assign(new Error(deps.tx(
           'Wait for the running task to finish before switching providers.',
           '请等待正在运行的任务结束后再切换模型服务。'
-        ), { status: 'warning' });
+        )), { code: 'provider_switch_running' });
+      }
+    }
+
+    async function confirmSwitch({ providerName } = {}) {
+      try {
+        assertSwitchAllowed();
+      } catch (error) {
+        deps.showToast?.(error.message, { status: 'warning' });
         return false;
       }
       return deps.showConfirm?.({
@@ -33,6 +41,7 @@
       const providerConfigurationChanged = nextProviderId === (state.providerId || 'builtin')
         && nextProviderRevision !== Number(state.providerRevision || 0);
       const resetProviderThread = providerChanged || providerConfigurationChanged;
+      if (resetProviderThread) assertSwitchAllowed();
       const sessions = (state.sessions || []).map(session => ({
         ...session,
         providerId: nextProviderId,
@@ -53,7 +62,7 @@
       deps.applyStateToPanel?.();
     }
 
-    return { confirmSwitch, commit };
+    return { assertSwitchAllowed, confirmSwitch, commit };
   }
 
   window.CodexOverleafProjectProviderSelection = { create };