跳转至

[ISSUE-0048] 去顶部重复 CTA + 加全部暂停/继续

用户截图反馈(v0.10.64): 1. "创建任务有 3 个?建议去掉右上角的" 2. "任务建议加上全部暂停"

1. 去掉顶部 DataBar 行的「创建任务」CTA

v0.10.64 ISSUE-0044 我加的顶部常显 CTA 跟 task-view toolbar 自己的"创建任务" 按钮同视野并列(顶部 + task tab 顶部,相差几十像素),视觉重复。

撤回 main-layout 那一处。sidebar 底部按钮保留 — 切到其它 page(数据/设置/日志) 依然能一键创建。

- <Stack direction="row" wrap with DataBar + Button>
-   <Box flex 1><DataBar/></Box>
-   <Stack><Button color=primary>创建任务</Button></Stack>
- </Stack>
+ <DataBar/>

反思:上次加按钮时只考虑"全局可见",没考虑"task 页已有 toolbar 按钮 = 重复"。 反复用户反馈是好的 feedback loop — UX 单点闭环看不清,得多个截图叠加。

2. task-view 加「全部暂停」/「全部继续」

仅有可操作目标时显示,counts 标在按钮内文:

  • runningTasks.length > 0 → 显示 <Button warning>全部暂停(N)</Button>
  • pausedTasks.length > 0 → 显示 <Button primary outlined>全部继续(N)</Button>

实现走 handleBatchDelete 同款模板(ISSUE-0042 R1 沉淀):

const results = await Promise.all(
  ids.map(async (id) => {
    try {
      const r = await browser.runtime.sendMessage({ type: 'task-control', taskId: id, action: 'pause' });
      return { id, ok: !(r && r.success === false), msg: r?.message };
    } catch (e) {
      return { id, ok: false, msg: e?.message };
    }
  })
);
// 按 okCount / failed.length 三种汇报:全成功 success / 全失败 error / 部分 warning

UI 位置:toolbar 内 "同时跑" 旁边、"创建任务" 之前 — 视觉跟"创建任务"同组(顶部 操作区)。

注意点

  • 暂停操作可逆 → 不加确认 Dialog(跟单个暂停按钮一致)
  • 不影响 queued / done / finished / "" 状态的任务
  • 没有可操作目标时按钮自动隐藏(不显示"全部暂停(0)")
  • toast 反馈走 batchDelete 同款 3 状态(全成功/全失败/部分)

反模式自检(防 ISSUE-0042 R1 重犯)

新增的 handlePauseAll / handleResumeAll .finally(resolve) 包, 也不用 try/catch{} 静默。scan:error-handling --diff 0 新增确认。

相关

  • [[0044-screenshot-6-ux-feedback-batch|0044-用户截图6项UX反馈-缩放-按钮色-排序-分页-顶部CTA]] — v0.10.64 加的顶部 CTA 来源
  • [[0042-round8-agent-scan-blindspot-4-bugs|0042-第8轮agent发现scan工具盲区-4个新bug]] — R1 batchDelete 模板,本次复用
  • 修bug全字典扫描 — 模板复用避免 R1 同款再犯