dsh-config-manager 0.2.4 → 0.3.0

package/src/client/recovery/recovery-locales.ts

@@ -637,7 +637,7 @@ export const en: Record<keyof typeof zh, string> = {
   'recovery.decision.unknown': 'Unknown',
   'recovery.verify.verdict.unknown': 'Unknown',
   'recovery.currentState.safeMode': 'Safe mode active (config-modifying operations paused)',
-  'recovery.currentState.itemsOnly': 'Recovery item(s) need handling (write operations are not paused)',
+  'recovery.currentState.itemsOnly': 'Recovery items need handling (write operations are not paused)',
   'recovery.live.title': 'Running operations',
   'recovery.incident.liveBlocked': 'This operation is still running, so it cannot be recovered or dismissed yet. Wait for it to finish.',
   'recovery.incident.blockReason.noSnapshot': 'This operation has no trusted recovery snapshot bound to it, so recovery cannot run.',
@@ -791,24 +791,24 @@ export const en: Record<keyof typeof zh, string> = {
   'sessions.dialog.open': 'Open session health check',
   'sessions.dialog.lastScan.total': '{count} sessions',
   'sessions.dialog.lastScan.issues': '{count} need attention',
-  'sessions.dialog.lastScan.repairs': '{count} repair record(s)',
+  'sessions.dialog.lastScan.repairs': '{count} repair {count, plural, record|records}',
   'sessions.repair.action': 'Repair',
-  'sessions.repair.available': '{count} session(s) can be repaired in-app; click Repair on a row to preview, or use "Repair all" to process them in order.',
+  'sessions.repair.available': '{count} {count, plural, session|sessions} can be repaired in-app; click Repair on a row to preview, or use "Repair all" to process them in order.',
   'sessions.repair.repairAll': 'Repair all ({count})',
   'sessions.repair.allDone': 'Repaired {ok}; {failed} not repaired (per-item reasons below; repaired rows are removed from the list).',
   'sessions.repair.batch.ok': 'Repaired',
   'sessions.repair.batch.failed': 'Not repaired',
-  'sessions.repair.batch.dropped': 'dropped {rows} row(s)',
+  'sessions.repair.batch.dropped': 'dropped {rows} {rows, plural, row|rows}',
   'sessions.repair.batch.transportError': 'Request failed: {message}',
   'sessions.repair.actionLossless': 'Lossless',
   'sessions.repair.actionLossy': 'Lossy',
   'sessions.repair.applyLossy': 'Truncate and repair',
   'sessions.repair.plan.lossy': 'This plan contains a LOSSY action: events after the truncation point are dropped (they cannot be recovered from the log, but the backup allows one-click rollback). Confirm before choosing "Truncate and repair".',
   'sessions.repair.plan.title': 'Repair plan: {session}',
-  'sessions.repair.plan.summary': 'Drop {rows} duplicate event row(s) · {before} → {after}',
+  'sessions.repair.plan.summary': 'Drop {rows} duplicate event {rows, plural, row|rows} · {before} → {after}',
   'sessions.repair.plan.backup': 'Backed up automatically first; roll back from Repair history',
   'sessions.repair.apply': 'Apply repair',
-  'sessions.repair.applied': 'Repaired: dropped {rows} duplicate event(s)',
+  'sessions.repair.applied': 'Repaired: dropped {rows} duplicate {rows, plural, event|events}',
   'sessions.repair.rolledBack': 'Rolled back to the pre-repair content',
   'sessions.repair.rollback': 'Roll back',
   'sessions.repair.rollbackConfirmTitle': 'Roll back this repair',
@@ -817,7 +817,7 @@ export const en: Record<keyof typeof zh, string> = {
   'sessions.repair.history.title': 'Repair history (rollback available)',
   'sessions.repair.history.applied': 'Repaired',
   'sessions.repair.history.rolledBack': 'Rolled back',
-  'sessions.repair.history.dropped': 'dropped {rows} row(s)',
+  'sessions.repair.history.dropped': 'dropped {rows} {rows, plural, row|rows}',
   'sessions.repair.history.unreadable': 'The repair ledger could not be read, so past repairs cannot be listed or rolled back here (the backup files are still in the session directory).',
   // F-2: the official session.export channel (raw-log ZIP built by DSH, including descendants and attachments)
   'sessions.zip.action': 'Download raw log (ZIP)',
@@ -886,13 +886,13 @@ export const en: Record<keyof typeof zh, string> = {
   'rollback.switch.diverged': 'Stored preference is on, not active in this process',
   'rollback.switch.apply': 'Apply now',
   'rollback.ledger.summary': 'Ledger: {records} points · {size}',
-  'rollback.ledger.budget': '{evicted} automatic point(s) evicted by the byte budget ({budget})',
+  'rollback.ledger.budget': '{evicted} automatic {evicted, plural, point|points} evicted by the byte budget ({budget})',
   'rollback.ledger.overBudget': 'The ledger is at {size}, over the {budget} byte budget, and no automatic point is left to evict (usually a single point is larger than the budget) — clean up manually to shrink it.',
   'rollback.cleanup': 'Clean up ledger',
   'rollback.cleanup.confirmTitle': 'Clean up the rollback-point ledger',
   'rollback.cleanup.confirmMessage': 'Delete every automatic rollback point (rescue and protected points follow the checkbox below) and reclaim their content copies. Workspace files and session logs are not touched.',
   'rollback.cleanup.includeGuards': 'Also delete rescue points (pre-rewind rescue points; deletion is irreversible)',
-  'rollback.cleanup.done': 'Deleted {records} rollback point(s), reclaimed {size}',
+  'rollback.cleanup.done': 'Deleted {records} rollback {records, plural, point|points}, reclaimed {size}',
   'rollback.cleanup.none': 'Nothing to delete (no automatic points)',
   'rollback.retention.hint': 'Automatic points: at most {perSession} per session and {total} in total; eviction only drops the oldest automatic points. Pre-rewind rescue points do not count against those two budgets, and those budgets do not evict them; but you cannot delete them, so they have their own two limits: at most {guardsPerSession} per session and {guards} in total (whichever limit is passed, the oldest rescue point is evicted).',
   'rollback.autopoint.hint': 'Rollback points are kept automatically at the end of each turn: workspace snapshot plus session cursor (there is no manual capture entry).',
@@ -976,22 +976,22 @@ export const en: Record<keyof typeof zh, string> = {
   'rollback.preview.reason.incomplete': 'This point is missing one of its two states: you must explicitly allow a partial rewind',
   'rollback.preview.reason.hostRefused': 'The host refused this rewind (see the details below)',
   'rollback.preview.segments': 'Tick the restorable segments only (there are just two states: workspace and session)',
-  'rollback.preview.overwrite': 'Overwrite {n} item(s)',
+  'rollback.preview.overwrite': 'Overwrite {n} {n, plural, item|items}',
   'rollback.preview.different': '{n} of them differ in content',
-  'rollback.preview.missing': '{n} item(s) no longer exist (they will be recreated)',
-  'rollback.preview.createdAfter': '{n} item(s) did not exist at that point (created afterwards; the rewind deletes only those that pass the safety rules)',
-  'rollback.preview.notice.skipped': '{n} item(s) were skipped at capture time (not recorded; they are in the proof list, so they are outside the deletion test)',
+  'rollback.preview.missing': '{n} {n, plural, item|items} no longer exist (they will be recreated)',
+  'rollback.preview.createdAfter': '{n} {n, plural, item did|items did} not exist at that point (created afterwards; the rewind deletes only those that pass the safety rules)',
+  'rollback.preview.notice.skipped': '{n} {n, plural, item was|items were} skipped at capture time (not recorded; they are in the proof list, so they are outside the deletion test)',
   'rollback.preview.notice.truncated': 'Capture was truncated by a limit (per-file / byte budget / file-count budget); whether anything is deleted also depends on whether the proof list (path index) is complete',
   'rollback.preview.files.title': 'Files that will be rewound:',
   'rollback.preview.select.foreign': 'Changed by another conversation',
   'rollback.preview.select.toggle': '"{path}": check to restore it in this rewind',
-  'rollback.result.foreignSkipped': '{n} file(s) were changed by another conversation after this point; this rewind left them untouched',
-  'rollback.result.merged': '{n} file(s) merged: the change from this conversation was reverted and the change from the other conversation was kept',
-  'rollback.result.conflict': '{n} file(s) were changed on both sides in the same place and were left as they are — they need your decision',
-  'rollback.result.unavailable': '{n} file(s) could not be reverted safely (no common ancestor / binary / diff too large) and were left as they are',
-  'rollback.result.concurrent': '{n} file(s) changed again while this rewind was running and were left as they are',
-  'rollback.result.unclaimed': '{n} file(s) could not be attributed to any conversation (nothing was running when they changed) and were left as they are',
-  'rollback.result.selectionSkipped': '{n} file(s) skipped by your selection',
+  'rollback.result.foreignSkipped': '{n} {n, plural, file was|files were} changed by another conversation after this point; this rewind left them untouched',
+  'rollback.result.merged': '{n} {n, plural, file|files} merged: the change from this conversation was reverted and the change from the other conversation was kept',
+  'rollback.result.conflict': '{n} {n, plural, file was|files were} changed on both sides in the same place and were left as they are — they need your decision',
+  'rollback.result.unavailable': '{n} {n, plural, file|files} could not be reverted safely (no common ancestor / binary / diff too large) and were left as they are',
+  'rollback.result.concurrent': '{n} {n, plural, file|files} changed again while this rewind was running and were left as they are',
+  'rollback.result.unclaimed': '{n} {n, plural, file|files} could not be attributed to any conversation (nothing was running when they changed) and were left as they are',
+  'rollback.result.selectionSkipped': '{n} {n, plural, file|files} skipped by your selection',
   'rollback.preview.files.empty': 'The workspace already matches this rollback point, nothing to restore',
   'rollback.preview.files.unavailable': 'The workspace state of this rollback point has no usable record (reason: {reason}), nothing to restore',
   'rollback.preview.files.unavailableSession': 'The workspace state of this rollback point has no usable record (reason: {reason}); the session will still be rewound to before this point',
@@ -1023,14 +1023,14 @@ export const en: Record<keyof typeof zh, string> = {
   'rollback.preview.result.code': 'code: {code}',
   'rollback.preview.cursorBytes': 'Session log {now} → {target} bytes',
   'rollback.group.label': 'Session: {session}',
-  'rollback.group.count': '{n} point(s)',
+  'rollback.group.count': '{n} {n, plural, point|points}',
   'rollback.group.unknownSession': 'Unknown session',
-  'rollback.row.files': '{n} file(s)',
+  'rollback.row.files': '{n} {n, plural, file|files}',
   'rollback.row.sessionCursor': 'Has session cursor',
   'rollback.row.noSessionCursor': 'No session cursor (workspace only)',
   'rollback.row.sessionShort': 'Session rewindable',
   'rollback.row.workspaceShort': 'Workspace only',
-  'rollback.row.notice.skipped': '{n} item(s) were skipped at capture time (not recorded; they are in the proof list and are never mistaken for newly created ones)',
+  'rollback.row.notice.skipped': '{n} {n, plural, item was|items were} skipped at capture time (not recorded; they are in the proof list and are never mistaken for newly created ones)',
   'rollback.row.notice.truncated': 'This point hit the capture limit and was truncated (counts are still reported; deletion also depends on whether the proof list is complete)',
   'rollback.row.notice.skippedShort': '{n} skipped',
   'rollback.row.notice.truncatedShort': 'Truncated',

package/src/client/sync/AutosyncCard.tsx

@@ -4,10 +4,11 @@
  * 约定：只接收「渲染所需的数据 + 回调」；React 状态、副作用与网络调用仍由
  * SyncPanel 持有（单一状态源）；可测纯逻辑在 src/ui/sync-settings-view.ts。
  */
+import { useId } from 'react'
 import type { ChangeEvent } from 'react'
 import type { TranslateNS } from '../client-types.ts'
 import type { UiT } from '../../ui/i18n.ts'
-import { Badge, Card } from '../common/ui.tsx'
+import { Badge } from '../common/ui.tsx'
 import { Select } from '../common/Select.tsx'
 import { InfoHint } from '../common/InfoHint.tsx'
 import {
@@ -60,18 +61,37 @@ export function AutosyncCard({ t, uiT, settings, busy, onToggleAutosync, onUpdat
   // 的旧错误会被当成当前结论继续展示；判据现在收在 autosyncFailureMessage 一处。
   const failureMessage = settings.autosync !== null ? autosyncFailureMessage(settings.autosync) : null
   const lastMessage = failureMessage === null ? null : redact(failureMessage)
+  /** 开关的 id：标题在左、勾选框在右，靠 htmlFor 把两者绑成一行（见 .toggleRow 注释） */
+  const enableId = useId()
+  const realtimeId = useId()
   return (
-    <Card>
-      <span className={css.groupLabel}>{t('autosync.title')} <InfoHint text={t('autosync.description')} label={t('common.infoHint')} /></span>
-      <label className={css.checkboxRow}>
+    /* 卡内小节，不再套一层 Card（2026-11-01）：本组件唯一的调用点在
+       SyncPanel 的「通道动作卡」内部（SyncPanel.tsx:1262 的 <Card> 里、快照选择行下面），
+       而 Card 自带 1px 边框 + 12px 内边距 + 10px 外边距 —— 于是卡里出现一张浮起来的卡，
+       边界多出一圈、上下白吃 22px，把 Auto Sync 从首屏挤到折叠线以下。
+       同页卡内分节的既有口径是 0.5px border-l2 顶线（css 里另有 4 处同款），照它走。 */
+    <div className={css.syncSubBlock}>
+      {/* 总开关并进标题行（2026-11-01 用户要求「左标题右按钮」）：原来标题一行、下面
+          再单列一行「☑ 启用」，同一件事占两行，而右侧一直空着。开关此刻就叫「自动同步」是否开启。 */}
+      <div className={css.subBlockHead}>
+        <span className={css.groupLabel}>{t('autosync.title')} <InfoHint text={t('autosync.description')} label={t('common.infoHint')} /></span>
+        <span className={css.statusSpacer} />
         <input
+          id={enableId}
+          className={css.toggleInput}
           type="checkbox"
           checked={settings.autosyncEnabled}
           disabled={busy}
+          aria-label={t('autosync.enable')}
           onChange={(e: ChangeEvent<HTMLInputElement>) => { onToggleAutosync(e.target.checked) }}
         />
-        <span>{t('autosync.enable')}</span>
-      </label>
+      </div>
+      {/* 关闭时不再展示策略项（2026-11-01）：Enabled 没勾选，下面 4 个下拉 + 状态徽章 +
+          失败原文仍然全铺开，占掉画布最后三屏里的两屏 —— 用户要按的「合并 / 推送」被推到
+          首屏之外，而这一整组在关闭状态下没有一个控件能生效。app-screens §11 与 DESIGN.md §9
+          同口径：不给未启用的能力配满配置项。开启后这些控件立刻出现，没有隐藏的能力。 */}
+      {settings.autosyncEnabled && (
+        <>
       <label className={css.field}>
         <span className={css.fieldLabel}>{t('autosync.interval')} <InfoHint text={t('autosync.intervalHint')} label={t('common.infoHint')} /></span>
         <Select
@@ -82,15 +102,19 @@ export function AutosyncCard({ t, uiT, settings, busy, onToggleAutosync, onUpdat
           options={AUTOSYNC_INTERVAL_OPTIONS.map((iv) => ({ value: iv, label: intervalLabel(iv, t) }))}
         />
       </label>
-      <label className={css.checkboxRow}>
+      <div className={css.toggleRow}>
+        <label className={css.toggleLabel} htmlFor={realtimeId}>{t('autosync.realtime')}</label>
+        <InfoHint text={t('autosync.realtimeHint')} label={t('common.infoHint')} />
+        <span className={css.statusSpacer} />
         <input
+          id={realtimeId}
+          className={css.toggleInput}
           type="checkbox"
           checked={realtime}
           disabled={busy}
           onChange={(e: ChangeEvent<HTMLInputElement>) => { onUpdateOptions({ realtime: e.target.checked }) }}
         />
-        <span>{t('autosync.realtime')} <InfoHint text={t('autosync.realtimeHint')} label={t('common.infoHint')} /></span>
-      </label>
+      </div>
       <label className={css.field}>
         <span className={css.fieldLabel}>{t('autosync.autoApplyTier')} <InfoHint text={t('autosync.autoApplyTierHint')} label={t('common.infoHint')} /></span>
         <Select
@@ -145,6 +169,8 @@ export function AutosyncCard({ t, uiT, settings, busy, onToggleAutosync, onUpdat
           )}
         </div>
       )}
-    </Card>
+        </>
+      )}
+    </div>
   )
 }

package/src/client/sync/SyncChannelEntryCard.tsx

@@ -53,7 +53,15 @@ export function SyncChannelEntryCard({ t, channel, statusInfo, remoteReady, repo
         : repoUrl
   return (
     <Card>
-      <span className={css.groupLabel}>{t('channel.title')} <InfoHint text={t('channel.openHint')} label={t('common.infoHint')} /></span>
+      <div className={css.cardTitleRow}>
+        <span className={css.groupLabel}>{t('channel.title')} <InfoHint text={t('channel.openHint')} label={t('common.infoHint')} /></span>
+        {/* 上次同步是单条事实，贴标题行右端（见 .cardTitleRow 注释） */}
+        <span className={css.statusSpacer} />
+        <span className={css.factInline}>
+          {t('syncStatus.lastSync')}{' '}
+          {formatSyncStatusTimestamp(statusInfo?.lastSyncAt)}
+        </span>
+      </div>
       <div className={css.statRow}>
         <Badge kind="info">{t(SYNC_CHANNEL_LABEL_KEY[channel])}</Badge>
         <Badge kind={remoteReady ? 'ok' : 'warn'}>
@@ -83,24 +91,12 @@ export function SyncChannelEntryCard({ t, channel, statusInfo, remoteReady, repo
           <Badge kind={workdirKind}>{t(workdirKey)}</Badge>
         )}
       </div>
-      {/* 状态事实行（Workbench：上次同步/可同步分区——未配置时也要给硬事实）。
+      {/* 远端地址（Workbench：未配置时也要给硬事实）。
           配置状态只由上面那排徽章表达：同一张卡里用「徽章 + 事实行」两处说同一件事，
           用户得比对两遍才知道是不是同一状态。 */}
-      <div className={css.factGrid} style={{ marginTop: 8 }}>
-        <div className={css.factCell}>
-          <span className={css.factLabel}>{t('syncStatus.lastSync')}</span>
-          <span className={css.factValue}>
-            {formatSyncStatusTimestamp(statusInfo?.lastSyncAt)}
-          </span>
-        </div>
-        {statusInfo?.sectionCount !== undefined && (
+      {remoteReady && (
+        <div className={css.factGrid} style={{ marginTop: 8 }}>
           <div className={css.factCell}>
-            <span className={css.factLabel}>{t('syncStatus.sections')}</span>
-            <span className={`${css.factValue} ${css.mono}`}>{String(statusInfo.sectionCount)}</span>
-          </div>
-        )}
-        {remoteReady && (
-          <div className={css.factCell} style={{ gridColumn: '1 / -1' }}>
             <span className={css.factLabel}>{t('channel.currentUrl')}</span>
             <span className={css.factValue}>
               <span className={css.mono}>
@@ -108,10 +104,13 @@ export function SyncChannelEntryCard({ t, channel, statusInfo, remoteReady, repo
               </span>
             </span>
           </div>
-        )}
-      </div>
+        </div>
+      )}
       <div className={css.actionRowTop}>
-        <Button variant="primary" onClick={onOpen}>
+        {/* ghost 而不是 primary（2026-11-01）：本页唯一的主行动是「把本地改动推上去 /
+            把远端拉下来」，而那是下方 pickSyncPrimary 决定的那颗按钮。
+            配置入口与它并列同填充时，用户在首屏看到两个「主按钮」，谁也不会先按。 */}
+        <Button variant="ghost" onClick={onOpen}>
           {t('channel.open')}
         </Button>
         {/* 断开出口：只有**配置过**的通道才渲染（未配置时这个按钮没有意义，也不该存在）。

package/src/client/sync/SyncPanel.tsx

@@ -44,7 +44,7 @@ import type { ReactNode } from 'react'
 import type { TranslateNS } from '../client-types.ts'
 import type { SyncPullReport, SyncPushPreview, SyncPushReport } from '../../sync/sync-engine.ts'
 import type { SectionId } from '../../schema/types.ts'
-import { Badge, Banner, Button, Card, SectionTitle } from '../common/ui.tsx'
+import { Badge, Banner, Button, Card, SectionTitle, Spinner } from '../common/ui.tsx'
 import { ErrorBanner } from '../common/ErrorBanner.tsx'
 import { InfoHint } from '../common/InfoHint.tsx'
 import { Select } from '../common/Select.tsx'
@@ -1238,32 +1238,35 @@ export function SyncPanel({ api, t, cmT }: SyncPanelProps) {
         <Collapse open={ready && isChannelExpanded(channel)} id={channelContentId(channel)} className={css.syncChannelBody}>
         {ready && (
           <Card>
-            {/* 同步内容：**跟着通道卡走** —— autosync 与 sync-selection 都按通道独立，
-                做成全局一节会让用户以为两个通道共用一份选择（§8 的关键修正）。 */}
+            {/* 同步内容跟着通道卡走 —— autosync 与 sync-selection 都按通道独立，做成全局一节
+                会让用户以为两个通道共用一份选择（§8 的关键修正）。
+                2026-11-01：原为独立一张卡，卡内只有「9 selected」+ 一个 Choose…，右侧四百多像素
+                全空（app-screens §4.2 卡内死空间，白吃约 115px 把 Auto Sync 挤出画布）。改成本卡
+                内的选择行：它本来就是动作的前置条件（选哪些分区的改动才参与合并/推送）。 */}
             {/* ⓘ 一律跟在**相关标题/操作的右边**（同一行）：单独成行会让卡片出现「孤零零一个图标」
                 的断行。标题内联沿用 AboutPanel / EnvironmentPanel 的既有写法（零新增样式）。 */}
-            <span className={css.groupLabel}>{t('mode.title')} <InfoHint text={t('mode.hint')} label={t('common.infoHint')} /></span>
-            <span className={css.categoryDesc}>
-              {state.loadError !== null ? t('load.failed')
-                : state.catalog.length === 0 ? t('common.loading')
-                  : t('mode.selectedCount', { n: String(cs.syncSections.length) })}
-            </span>
-            <div className={css.actionRowTop}>
-              <Button onClick={() => { openSectionPickerFor(channel) }} disabled={busy}>
+            <div className={css.sectionPickerRow}>
+              <span className={css.groupLabel}>{t('mode.title')} <InfoHint text={t('mode.hint')} label={t('common.infoHint')} /></span>
+              <span className={css.categoryDesc}>
+                {state.loadError !== null ? t('load.failed')
+                  : state.catalog.length === 0 ? t('common.loading')
+                    : t('mode.selectedCount', { n: String(cs.syncSections.length), total: String(state.catalog.length) })}
+              </span>
+              {/* 按钮靠右成列（2026-11-01 用户要求：左描述、右按钮）。行内不再挂「已保存」ⓘ ——
+                  它在说一件用户无从选择的事（选完自然保存），与弹窗底那颗重复。 */}
+              <Button className={css.pickerBtn} onClick={() => { openSectionPickerFor(channel) }} disabled={busy}>
                 {t('mode.choose')}
               </Button>
-              <InfoHint text={t('mode.persistHint')} label={t('common.infoHint')} />
             </div>
             {cs.syncSections.length === 0 && <Banner kind="warn">{t('mode.atLeastOne')}</Banner>}
             {gistSessionsRiskKey(channel, cs.syncSections) !== null && <Banner kind="warn">{t(gistSessionsRiskKey(channel, cs.syncSections)!)}</Banner>}
-          </Card>
-        )}
-        {ready && (
-          <Card>
-            {/* 动作行（方案 A 定案）：用户只面对两个方向 —— 下行「从远端合并到本机」/ 上行「推送到远端」。
-                合并裁决并入下行按钮（有基线走三方裁决视图、无基线走老导入确认）；并排两个按钮看不出该按哪个（issue 115）⇒ 按已确证远端事实只让一个落在 primary。 */}
-            <div className={css.actionRow}>
+            {/* 动作行（方案 A）：用户只面对两个方向，合并裁决并入下行（有基线走三方裁决、无基线走导入确认），
+                按已确证远端事实只让一个落在 primary（issue 115：并排两个都亮看不出按哪个）。
+                2026-11-01：两枚改为平分整行宽（flex 1 1 0）—— 三个宽度各异的文字按钮并排时右边缘参差、
+                每个都像主行动；只读自检因此退到下方工具组（与「刷新快照」同款 28px 图标按钮，title 给全名）。 */}
+            <div className={css.actionRow} data-split>
               <Button
+                className={css.splitBtn}
                 variant={pickSyncPrimary(state.statusInfo, channel) === 'sync' ? 'primary' : 'ghost'}
                 disabled={busy}
                 loading={state.busy === 'sync'}
@@ -1273,14 +1276,9 @@ export function SyncPanel({ api, t, cmT }: SyncPanelProps) {
                   ? (syncPhase === 'preview' ? t('syncflow.checkingRemote') : t('syncflow.syncing'))
                   : t('syncflow.button')}
               </Button>
-              <Button variant={pickSyncPrimary(state.statusInfo, channel) === 'push' ? 'primary' : 'ghost'} disabled={!computeSyncButtons(state.busy, ready, uiT).canPush || githubBusy || !hasSelectedSections(cs) || computeEncryptInvalid(cs)} onClick={() => { switchChannel(channel); void runPushPreview() }}>
+              <Button className={css.splitBtn} variant={pickSyncPrimary(state.statusInfo, channel) === 'push' ? 'primary' : 'ghost'} disabled={!computeSyncButtons(state.busy, ready, uiT).canPush || githubBusy || !hasSelectedSections(cs) || computeEncryptInvalid(cs)} onClick={() => { switchChannel(channel); void runPushPreview() }}>
                 {computeSyncButtons(state.busy, ready, uiT).pushLabel}
               </Button>
-              {/* 测试连接（只读自检）：与两个主操作同一行、排在最后；结果走 toast（不再占页面高度） */}
-              <SyncProbeRow
-                t={t} api={api} presentation="action" remoteReady={ready} busy={busy}
-                body={buildSyncChannelBody({ ...formOf(state), channel })}
-              />
             </div>
             {/* 同步在途的活动条：按钮 Spinner 只在按钮上，这条横条让「正在拉远端快照」在整张卡上可见 */}
             {syncPhase !== null && <SyncActivityBar phase={syncPhase} t={t} />}
@@ -1311,15 +1309,16 @@ export function SyncPanel({ api, t, cmT }: SyncPanelProps) {
                   ]}
                 />
               </label>
+              {/* 工具组（2026-11-01）：刷新与只读自检都是低频诊断动作、都只服务这一行，收成两枚 28px 图标
+                  按钮（与下拉同高、同组右对齐）。此前刷新是带图标的宽文字按钮，把下拉压到约 380px。 */}
               <span className={css.pickerAction}>
-                <Button
-                  loading={cs.loadingSnapshots === true}
-                  disabled={busy}
-                  onClick={() => { void loadSnapshots(undefined, channel, true) }}
-                  title={t('syncflow.refreshSnapshots')}
-                >
-                  {cs.loadingSnapshots === true ? null : <RefreshIcon size={14} />} {t('syncflow.refreshSnapshots')}
-                </Button>
+                <button type="button" className={css.iconBtn} onClick={() => { void loadSnapshots(undefined, channel, true) }}
+                  disabled={busy} aria-label={t('syncflow.refreshSnapshots')} title={t('syncflow.refreshSnapshots')}
+                  aria-busy={cs.loadingSnapshots === true || undefined}>
+                  {cs.loadingSnapshots === true ? <Spinner /> : <RefreshIcon size={16} />}
+                </button>
+                <SyncProbeRow t={t} api={api} presentation="icon" remoteReady={ready} busy={busy}
+                  body={buildSyncChannelBody({ ...formOf(state), channel })} />
               </span>
               {/* 空态 = 选快照这一行的状态，跟控件同排（徽章），不另占一行：
                   此前它是 picker 下方单独一行的 hint，把下面整块内容整体顶低 4+10px。 */}

package/src/client/sync/SyncProbeRow.tsx

@@ -23,7 +23,8 @@ import { useCallback, useEffect, useRef, useState } from 'react'
 import type { ReactNode } from 'react'
 import type { TranslateNS } from '../client-types.ts'
 import type { SyncApi, SyncProbeResult, SyncPushPayload } from './sync-api.ts'
-import { Badge, Banner, Button } from '../common/ui.tsx'
+import { Badge, Banner, Button, Spinner } from '../common/ui.tsx'
+import { ProbeIcon } from '../common/Icon.tsx'
 import { InfoHint } from '../common/InfoHint.tsx'
 import { projectProbeResult } from './probe-view.ts'
 import { toast } from '../common/toast-store.ts'
@@ -45,11 +46,12 @@ export interface SyncProbeRowProps {
    *  - 'card'：动作行 + 内联结果横幅；
    *  - 'action'：只渲染按钮 + ⓘ（嵌进别的动作行），结果走 toast。
    */
-  presentation?: 'card' | 'action'
+  presentation?: 'card' | 'action' | 'icon'
 }
 
 export function SyncProbeRow({ api, t, body, remoteReady, busy, presentation = 'card' }: SyncProbeRowProps): ReactNode {
-  const actionMode = presentation === 'action'
+  /** 两种「轻形态」都走 toast，只有渲染出来的控件不同 */
+  const actionMode = presentation === 'action' || presentation === 'icon'
   const [result, setResult] = useState<SyncProbeResult | null>(null)
   const [loading, setLoading] = useState(false)
   const /** 传输层异常（与「自检结论 = 失败」分开：前者是宿主/网络没走通，后者是通道层给出的结论） */
@@ -102,6 +104,19 @@ export function SyncProbeRow({ api, t, body, remoteReady, busy, presentation = '
    */
   const view = result === null ? null : projectProbeResult(result, t('probe.unsupported'))
 
+  const iconButton = (
+    <button
+      type="button"
+      className={css.iconBtn}
+      onClick={() => { void run() }}
+      disabled={busy || !remoteReady}
+      aria-label={t('probe.run')}
+      aria-busy={loading || undefined}
+      title={t('probe.run')}
+    >
+      {loading ? <Spinner /> : <ProbeIcon size={16} />}
+    </button>
+  )
   const button = (
     <Button onClick={() => { void run() }} loading={loading} disabled={busy || !remoteReady}>
       {t('probe.run')}
@@ -113,9 +128,11 @@ export function SyncProbeRow({ api, t, body, remoteReady, busy, presentation = '
     <>
       {/* action 形态：直接摊进调用方自己的动作行（不再套一层 .actionRow），结果走 toast。
           动作行里只留按钮：与同排其它按钮并排时，ⓘ 会被读成该按钮的开关（issue 121 用户要求移除）。 */}
-      {actionMode
-        ? <>{button}</>
-        : <div className={css.actionRow}>{button}{hintNode}</div>}
+      {presentation === 'icon'
+        ? iconButton
+        : actionMode
+          ? <>{button}</>
+          : <div className={css.actionRow}>{button}{hintNode}</div>}
       {!actionMode && error !== null && (
         <ErrorBanner
           error={redact(error)}

package/src/client/sync/SyncSectionPickerDialog.tsx

@@ -193,8 +193,8 @@ export function SyncSectionPickerDialog({ open, t, cmT, uiT, sectionName, catalo
         {sections.length === 0 && <Banner kind="warn">{t('mode.atLeastOne')}</Banner>}
       </Modal.Body>
       <Modal.Footer>
-        {/* 「改动即时生效并保存」是**这个按钮**的说明：贴在「完成」右边同一行 */}
-        <InfoHint text={t('mode.pickerHint')} label={t('common.infoHint')} />
+        {/* 2026-11-01 用户要求：删掉「改动即时生效并保存（关闭弹窗即完成）」那颗 ⓘ ——
+            它在解释一件用户无从选择的事（勾了就走，没有保存按钮），占位置不改决定。 */}
         <Button variant="primary" onClick={onClose}>{t('mode.pickerDone')}</Button>
       </Modal.Footer>
     </Modal>