dsh-config-manager 0.2.3 → 0.3.0

package/src/adapters/self.ts

@@ -1,11 +1,15 @@
 /**
  * self 分区 adapter（插件自身配置，设计「self 分区」）：
  * 数据源 = $DSH_HOME/dsh-config-manager/ 下的插件自身配置文件（白名单收集，非递归）：
- *   - sync/sync-config.json     同步通道配置（git repoUrl / webdav url+username；凭据值走 credentials 槽位，不含 secret）
- *   - sync/sync-autosync.json   自动同步调度配置
  *   - sync/sync-selection.json  同步分区选择（默认/高级模式 + 勾选分区）
  *   - sync/ui-prefs.json        插件 UI 偏好（如上次选择的同步通道；从 localStorage 迁入）
+ *   - sync/backup-schedule.json 备份调度配置
  *   - market/market-config.json 配置市场配置
+ *   - exports/.backup-notes.json 导出产物备注清单
+ *
+ * **可信边界（SEC-01）**：`sync/sync-config.json` 与 `sync/sync-autosync.json` 是「同步目标」本身，
+ * 永不可由**包**决定 —— 一个把 repoUrl 指向攻击者仓库的包，导入完用户下一次同步就把家目录配置
+ * 推过去。它们不在白名单里（不导出），导入侧另由 `SELF_IMPORT_BLOCKED_RELS` 显式挡下并留 warning。
  *
  * 排除项：sync/sync-history.json（执行记录，属数据非配置）、market/cache/（缓存）、
  * snapshots/（快照）、tmp/ exports/（临时/导出产物）、rollback-points/（回滚点库——磁盘体检
@@ -44,17 +48,22 @@
  * 安全不变量：配置文件本身不含凭据值（同步凭据走 DSH credentials 槽位引用），
  * 且文件类分区不进 SecretScanner（与 pluginFiles/skills 同语义）。
  */
-import type { HostContext } from '../core/types.ts';
+import type { ApplyResult, HostContext, ImportContext, PlanItem } from '../core/types.ts';
+import type { FilesSection } from '../schema/types.ts';
 import type { AutosyncConfig } from '../sync/autosync-config.ts';
 import type { BackupScheduleConfig } from '../sync/backup-schedule-config.ts';
 import type { RecursiveListing } from '../utils/recursive-walk.ts';
 import { sectionMeta } from '../schema/section-registry.ts';
 import { FileCollectionAdapter } from './file-collection.ts';
 
-/** self 分区白名单文件（相对 baseDir，即 $DSH_HOME/dsh-config-manager/）。 */
+/**
+ * self 分区白名单文件（相对 baseDir，即 $DSH_HOME/dsh-config-manager/）。
+ *
+ * `sync/sync-config.json` 与 `sync/sync-autosync.json` **不在其中**（SEC-01）：同步目标与自动同步开关
+ * 属于「目标机自己的决定」，跨机搬运等于让包决定把本机配置推到哪里。白名单只管导出侧；
+ * 导入侧的包内容不受白名单约束，所以另有 `SELF_IMPORT_BLOCKED_RELS` 显式挡下。
+ */
 export const SELF_CONFIG_FILES: readonly string[] = [
-  'sync/sync-config.json',
-  'sync/sync-autosync.json',
   'sync/sync-selection.json',
   'sync/ui-prefs.json',
   'sync/backup-schedule.json',
@@ -64,6 +73,25 @@ export const SELF_CONFIG_FILES: readonly string[] = [
   'exports/.backup-notes.json',
 ];
 
+/**
+ * 导入侧**一律不写盘**的 rel（SEC-01）。
+ *
+ * 与白名单的关系：白名单管「导出带什么」，本清单管「包里有也绝不落地」。两者故意不共用一份
+ * 数组 —— 白名单将来若因别的理由重新收进某个文件，也不该连带解除导入侧的保护。
+ */
+export const SELF_IMPORT_BLOCKED_RELS: readonly string[] = [
+  'sync/sync-config.json',
+  'sync/sync-autosync.json',
+];
+
+/**
+ * 拦截报告项里的**稳定机器码**前缀（`self-import-blocked:<rel>`）。
+ *
+ * 为什么要有码而不是只给文案：文案随语言/措辞变，调用方（报告、日志、将来的自动判定）需要
+ * 一个能逐字比对的判据。
+ */
+export const SELF_IMPORT_BLOCKED_CODE = "self-import-blocked";
+
 /**
  * 调度配置里「运行态字段」的**命名口径**：调度器每轮收尾都会改写的字段名形状
  * （`lastRun*` 一族 + `consecutiveFailures`）。剔除表必须覆盖两个调度配置的并集，
@@ -223,4 +251,43 @@ export class SelfAdapter extends FileCollectionAdapter {
     // 回落原引用（解析失败 / 非对象）：走整文件哈希，且不额外重算包内哈希
     return canonicalizeWithoutRunState(data) ?? data;
   }
+
+  /**
+   * 导入侧拦截（SEC-01）：包里带 `sync/sync-config.json` / `sync/sync-autosync.json` → 改判 Warning。
+   *
+   * 为什么必须在**计划阶段**改判而不是只在 applyItem 里拒绝：这两份文件是「同步目标」本身，
+   * 一个把 repoUrl 指向攻击者仓库的包，导入完用户下一次同步就会把本机配置推过去 —— 而用户
+   * 从来没被问过「要不要换同步目标」。去掉 `target` 后引擎不会为它登记快照、也不会调 applyItem；
+   * 同时留下一项 report 级 warning（带稳定码 `self-import-blocked:<rel>`），让用户看得见
+   * 「包里有这个文件、我没写」，绝不静默。
+   */
+  override async analyzeImport(data: FilesSection, ctx: ImportContext): Promise<PlanItem[]> {
+    const items = await super.analyzeImport(data, ctx);
+    return items.map((item) => {
+      const rel = item.target?.ref;
+      if (rel === undefined || !SELF_IMPORT_BLOCKED_RELS.includes(rel)) return item;
+      const blocked: PlanItem = {
+        id: item.id,
+        kind: 'Warning',
+        adapter: this.id,
+        description: ctx.msg('adapter.selfImportBlocked', { path: rel }),
+        detail: `${SELF_IMPORT_BLOCKED_CODE}:${rel}`,
+        severity: 'warning',
+      };
+      if (item.unitId !== undefined) blocked.unitId = item.unitId;
+      return blocked;
+    });
+  }
+
+  /**
+   * 纵深防御（SEC-01）：即使有人绕过引擎直接把被拦项喂进 applyItem，也一字节都不写。
+   * 报 warning=true（非致命、不触发整体回滚），与计划阶段的判定同源。
+   */
+  override async applyItem(item: PlanItem, ctx: ImportContext): Promise<ApplyResult> {
+    const ref = item.target?.ref;
+    if (ref !== undefined && SELF_IMPORT_BLOCKED_RELS.includes(ref)) {
+      return { ok: false, message: ctx.msg('adapter.selfImportBlocked', { path: ref }), warning: true };
+    }
+    return super.applyItem(item, ctx);
+  }
 }

package/src/client/ConfigManagerSection.tsx

@@ -649,9 +649,6 @@ const navLayoutResult = navWidths === null
               <ImportWizardView
                 api={api}
                 t={t}
-                uiT={uiT}
-                // 向导 → 来源选择：同样是改 Task 入参（面板状态只有一个事实源）
-                onOpenForeignImport={() => { runStore.patch({ task: { ...activeTask, payload: { foreign: true } } }) }}
               />
             ))}
             {activeTask.kind === 'market' && (

package/src/client/common/Icon.tsx

@@ -42,6 +42,7 @@ import PackageCheck from 'lucide-react/dist/esm/icons/package-check.mjs'
 import Pencil from 'lucide-react/dist/esm/icons/pencil.mjs'
 import RefreshCw from 'lucide-react/dist/esm/icons/refresh-cw.mjs'
 import RotateCw from 'lucide-react/dist/esm/icons/rotate-cw.mjs'
+import Plug from 'lucide-react/dist/esm/icons/plug.mjs'
 import Search from 'lucide-react/dist/esm/icons/search.mjs'
 import Trash2 from 'lucide-react/dist/esm/icons/trash-2.mjs'
 import TriangleAlert from 'lucide-react/dist/esm/icons/triangle-alert.mjs'
@@ -63,6 +64,7 @@ const ICONS = {
   clock: Clock,
   history: History,
   about: Info,
+  probe: Plug,
   info: Info,
   lock: Lock,
   message: MessageSquare,
@@ -236,6 +238,7 @@ export const ActivityIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon n
 export const ClockIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon name="clock" {...p} />
 export const HistoryIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon name="history" {...p} />
 export const AboutIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon name="about" {...p} />
+export const ProbeIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon name="probe" {...p} />
 export const MessageIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon name="message" {...p} />
 export const PencilIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon name="pencil" {...p} />
 export const CloseIcon = (p: Omit<IconProps, 'name'>): JSX.Element => <Icon name="close" {...p} />

package/src/client/common/SectionComposition.tsx

@@ -48,8 +48,13 @@ export function SectionComposition({ sections, t, sectionLabel }: SectionComposi
     <div className={css.sectionGrid}>
       {sections.map((s) => {
         const state = s.state ?? 'ready'
+        /* 真·空行降权（2026-11-01）：条目与体积都为 0 的分区（如未启用的 Agent Presets）
+           与有内容的行同权重，会让「这一项什么都没有」读成和「941 条」一样重要。
+           app-screens §13：零值不给状态色，用灰 —— 有内容但 0 条目的行（如 Prompts 0 条 / 26 B）
+           保持正常色，因为它确实带着配置。 */
+        const isEmptyRow = state === 'ready' && s.count === 0 && s.sizeBytes === 0
         return (
-          <div key={s.section} className={css.sectionRow}>
+          <div key={s.section} className={isEmptyRow ? `${css.sectionRow} ${css.sectionRowEmpty}` : css.sectionRow}>
             <span className={css.sectionName}>{sectionLabel?.(s.section) ?? s.section}</span>
             {state === 'ready'
               ? (

package/src/client/common/info-hint-guard.test.ts

@@ -103,11 +103,11 @@ const MOVE_PINS: readonly MovePin[] = [
   { key: 'webdav.usernameHint', file: 'src/client/sync/ChannelConfigDialog.tsx', kind: '输入规则' },
   { key: 'config.saveHint', file: 'src/client/sync/ChannelConfigDialog.tsx', kind: '机制' },
   { key: 'mode.sessionsPickHint', file: 'src/client/sync/SyncSectionPickerDialog.tsx', kind: '机制' },
-  { key: 'mode.pickerHint', file: 'src/client/sync/SyncSectionPickerDialog.tsx', kind: '机制' },
   { key: 'mode.sessionsLimitHint', file: 'src/client/sync/SyncSectionPickerDialog.tsx', kind: '输入规则' },
   { key: 'mode.sectionsHint', file: 'src/client/sync/SyncSectionPickerDialog.tsx', kind: '机制' },
   { key: 'mode.hint', file: 'src/client/sync/SyncPanel.tsx', kind: '机制' },
-  { key: 'mode.persistHint', file: 'src/client/sync/SyncPanel.tsx', kind: '边界' },
+  // 2026-11-01 用户要求：删掉两处「保存/即时生效」ⓘ（弹窗底部与同步页分区行）——
+  // 它们在解释用户无从选择的事，MOVE 台账随之退出 2 条。
   { key: 'channel.openHint', file: 'src/client/sync/SyncChannelEntryCard.tsx', kind: '机制' },
   { key: 'autosync.description', file: 'src/client/sync/AutosyncCard.tsx', kind: '机制' },
   { key: 'autosync.intervalHint', file: 'src/client/sync/AutosyncCard.tsx', kind: '机制' },
@@ -155,7 +155,6 @@ const MOVE_PINS: readonly MovePin[] = [
   { key: 'import.decryptArchive.hint', file: 'src/client/import/import-wizard-steps.tsx', kind: '机制' },
   { key: 'import.conflicts.hint', file: 'src/client/import/import-wizard-steps.tsx', kind: '机制' },
   { key: 'import.paths.hint', file: 'src/client/import/import-wizard-steps.tsx', kind: '机制' },
-  { key: 'foreign.source.hint', file: 'src/client/import/import-wizard-steps.tsx', kind: '机制' },
   { key: 'import.secrets.hint', file: 'src/client/import/import-wizard-steps.tsx', kind: '机制' },
   { key: 'import.picker.hint', file: 'src/client/import/ImportWizardView.tsx', kind: '机制' },
   { key: 'foreign.source.hint', file: 'src/client/import/ForeignImportView.tsx', kind: '机制' },
@@ -385,14 +384,17 @@ function parseInfoHintEntry(rel: string): { zh: string | undefined; en: string |
   return { zh: values[0], en: values[1], count: values.length };
 }
 
-test('t6-1 MOVE：81 个说明键都已收进 ⓘ（逐字复用原键）且不再有可见说明行', () => {
+test('t6-1 MOVE：79 个说明键都已收进 ⓘ（逐字复用原键）且不再有可见说明行', () => {
   const files = readClientSources();
   // 扫描范围自检：客户端源码至少覆盖 t6 涉及的面板目录
   const dirs = new Set(MOVE_PINS.map((p) => p.file.split('/').slice(0, 3).join('/')));
   assert.ok(dirs.size >= 8, 'MOVE 清单必须覆盖全部面板目录（实际 ' + String(dirs.size) + ' 个）');
   // 2026-10-27 文案审计：about.subtitle 是「页面目录式副标题」（插件信息、作者与反馈入口），
   // 页面本身已由卡片表达，随页级标题一并删除 ⇒ MOVE 清单从 82 降到 81（不是删检查项）。
-  assert.ok(MOVE_PINS.length === 81, 'MOVE 清单长度应为 81（实际 ' + String(MOVE_PINS.length) + '）');
+  // 2026-11-01：删掉「改动即时生效并保存」「分区选择已保存到本机」两处 ⓘ（用户要求，
+// 属解释「用户无从选择的事」的废话）⇒ 81 降到 79（不是删检查项）。
+  // 2026-11-01：导入选择页的「从其它 agent 导入」按钮与其 ⓘ 一并移除（首页已有直达入口）⇒ 79 降到 78。
+  assert.ok(MOVE_PINS.length === 78, 'MOVE 清单长度应为 78（实际 ' + String(MOVE_PINS.length) + '）');
   assert.ok(
     MOVE_PINS.filter((p) => p.kind === '输入规则').length >= 5,
     '输入规则类 MOVE 至少 5 处（config.repoUrlHint / webdav.urlHint / mode.sessionsLimitHint / retention.keep*Hint / export.fileNameHint）',

package/src/client/config-manager.module.css

@@ -1086,6 +1086,11 @@ body {
   overflow-y: auto;
   overscroll-behavior: contain;
   min-height: 0;
+  /* 2026-11-01 视觉 pass：滚动条槽固定 + 末行留 4px 呼吸。
+     此前滚动条出现/消失会让整行宽度跳 5px，末行又紧贴底栏的 1px 横线，
+     读起来像「这一行被界面切断了」。 */
+  scrollbar-gutter: stable;
+  padding-bottom: 4px;
 }
 
 /* 空态 / 加载态：与 .artifactList 同一条契约 —— 同样吃掉剩余高度，
@@ -1183,6 +1188,23 @@ body {
   white-space: nowrap;
 }
 
+/* 行内主操作常态是 ghost（2026-11-01 视觉 pass）：八行八颗实心按钮让 accent 变成壁纸，
+   整屏最亮的元素成了 chrome，主色不再表示「哪一行值得动」。悬停该行或展开该行时才升到
+   primary —— 此刻它确实是这一行要做的事。过渡走 --cm-motion-fast，与全站一致。 */
+.artifactActions .rowPrimary {
+  transition:
+    background var(--cm-motion-fast) ease,
+    border-color var(--cm-motion-fast) ease,
+    color var(--cm-motion-fast) ease;
+}
+
+.artifactRowHead:hover .artifactActions .rowPrimary,
+.artifactRow[data-expanded] .artifactActions .rowPrimary {
+  background: var(--cm-primary-fill);
+  border-color: transparent;
+  color: var(--cm-text-on-accent);
+}
+
 /* 徽章与动作 flex:none：标题先被压缩（ellipsis），不允许把按钮挤成两行 */
 .artifactBadges,
 .artifactActions {
@@ -1360,6 +1382,47 @@ body {
   outline-offset: 2px;
 }
 
+/* 「左标题 · 右开关」行（2026-11-01）。设置类开关的标题就是这一行的名字，
+   开关是这一行的值 —— 控件跟在标题后面读起来是「启用 ☑」，用户得先读半句再找方框，
+   而 564px 画布里每行右侧本来就空着。开关统一贴右：勾选框仍在标签内（点标题也能切），
+   但 InfoHint 不放进 label，否则点 ⓘ 会顺手改掉设置。 */
+.toggleRow {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: var(--cm-fs-base);
+  color: var(--dsw-alias-label-primary);
+}
+
+.toggleLabel {
+  cursor: pointer;
+}
+
+.toggleInput {
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  flex: none;
+  accent-color: var(--cm-brand);
+  cursor: pointer;
+}
+
+.toggleInput:focus-visible {
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
+  outline-offset: 2px;
+}
+
+/* 小节标题行：标题在左、该节的开关贴右（与 .toggleRow 同一口径）。 */
+.subBlockHead {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.subBlockHead > .groupLabel {
+  margin-bottom: 0;
+}
+
 /* —— 徽章 —— */
 .badge {
   display: inline-flex;
@@ -2832,6 +2895,19 @@ body {
   margin: 0 0 10px;
 }
 
+/* 平分整行的动作行（2026-11-01 同步页）：两个方向按钮各占一半，右边缘与卡内其余行齐平 ——
+   宽度各随文案时，三个按钮排一行会形成左对齐锯齿，且窄的那个看起来更次要（显得随意）。
+   主次靠 primary 底色表达，不靠宽度。 */
+.actionRow[data-split] {
+  flex-wrap: nowrap;
+}
+
+.actionRow[data-split] > .splitBtn {
+  flex: 1 1 0;
+  min-width: 0;
+  justify-content: center;
+}
+
 
 
 /* 上方有说明文案的操作行（如「通道配置」按钮紧跟在 hint 之后）：
@@ -2892,6 +2968,19 @@ body {
   grid-column: 1 / -1;
 }
 
+/* 市场操作行：标题在左、动作在右，同一行（原为一张只有标题 + 两按钮的卡，
+   右侧永远空着 —— 这张卡没有任何独立内容，改成一行即省掉整块死空间）。 */
+.marketRepoRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.marketRepoRow > .groupLabel {
+  margin-bottom: 0;
+}
+
 /* 筛选区下方的元信息行（分区未知提示 + 条目计数徽章） */
 .marketFilterMeta {
   display: flex;
@@ -3120,6 +3209,56 @@ body {
   flex: 1 1 auto;
   min-height: 0;
   max-height: none;
+  /* 2026-11-01：与首页活动列表同一个毛病 —— 卡片已有外框，滚动区再套一层
+     border + radius 就是双圈；它的 bg-base 又比卡面深一档，整块读作「卡片里挖了个洞」
+     （附带的边框线还让表头看起来像一条深色填充带，app-screens §7.2 明令无填充表头带）。
+     卡内滚动区应当是透明的：卡片面连续，只有滚动条提示「内容还没完」。 */
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  padding-right: 2px;
+}
+
+/* 卡片固定高度（420px）下，除明细表外的子项一律不参与压缩（2026-11-01 实测）：
+   内容一多（比如出现「有目录读不到」的提示行）时，flex 会按比例压扁每个子项，
+   .cellMeta 被压到 4px、文字被 overflow:hidden 裁成半个字 —— 读起来像「这行坏了」。
+   设计意图写在上面的注释②：只有明细表滚动，其余恒在视野内。 */
+.diskUsageCard > * {
+  flex-shrink: 0;
+}
+
+.diskUsageCard > .diskUsageScroll {
+  flex-shrink: 1;
+  min-height: 0;
+}
+
+/* 列宽显式给定（2026-11-01）：table-layout: fixed 下不给宽度时浏览器按首行内容分配，
+   Cleanup policy 只剩 ~118px —— "Auto-removed after 7 days"、"Your data / safety net
+   (never auto-removed)" 全被省略号截掉，而这一列恰好是「这块数据能不能删」的唯一答案。 */
+.diskUsageScroll th:nth-child(2) { width: 78px; }
+.diskUsageScroll th:nth-child(3) { width: 86px; }
+.diskUsageScroll th:nth-child(4) { width: 160px; }
+
+/* 数值两列不需要省略号：内容永远是「4.8 KB」「235 file(s)」这种短串，
+   一旦被 .tableFixed 的 ellipsis 截成 "265.0 …" 就完全读不出量级。 */
+.diskUsageScroll td:nth-child(2),
+.diskUsageScroll td:nth-child(3) {
+  overflow: visible;
+  text-overflow: clip;
+}
+
+/* 策略列允许换行（其余列是短标签，保持单行省略） */
+.diskUsageScroll td:nth-child(4) { white-space: normal; }
+
+/* 第一列也允许换行（2026-11-01）：内容列剩 186px，"Sync config & workbook copies" 这类
+   长名字一律被截成「Sync config & work…」—— 而这一列就是「这是哪块数据」的唯一线索。
+   表格行高由 .tableFixed 的 min-height 兜住，换行后仍是两行可读，不会塌成 4px。 */
+.diskUsageScroll td:nth-child(1) { white-space: normal; }
+
+/* 卡内小节之间留出间隔（2026-11-01）：表格滚动区下方紧贴的「Legacy data」分组标签
+   原本与最后一行数据只差 2px，读起来像表格的又一行数据。 */
+.diskUsageCard .groupLabel {
+  margin-top: 10px;
 }
 
 .activityHeader {
@@ -3138,24 +3277,49 @@ body {
 }
 
 .activityRows {
-  /* v3：卡片刻意吃掉首页剩余高度（.fillCard），列表随之伸展并自身内滚 —— 否则首页底部
-     会留出大片空白（用户真机反馈「太空旷」）。min-height:0 是可收缩的前提：没有它，
-     列表的自动最小尺寸 = 内容高度，卡片会被 30 行撑破而不是滚动。 */
-  flex: 1 1 auto;
+  /* v3 曾让卡片吃掉首页剩余高度（.fillCard）并让列表伸展。2026-11-01 改为限高内滚：
+     撑满那一刻，8 行记录下方会空出约 150px 纯背景，读起来是「还在加载」，而不是
+     「这里本来就这么高」（app-screens §4.2 / §10：空得零散像没做完）。
+     现在卡片高度随内容，行数超过上限时本容器内滚 —— 长列表纪律与 .planScroll 一致。 */
+  max-height: 460px;
   min-height: 0;
   overflow-y: auto;
-  border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: var(--cm-r-3);
-  background: var(--dsw-alias-bg-base);
+  /* 2026-11-01 视觉 pass：去掉列表自带的 1px 外框与 bg-base 深底。
+     卡已经是 .card（一层 1px 外框 + 表面色），列表再套一层 = 双圈边框；
+     而 bg-base 比卡片表面深一档，8 行记录下方的空余区被读成「表格还没加载完」
+     （app-screens §4.2：卡内 >40px 的空带读作未完成）。现在列表直接坐在卡片表面上，
+     只有行分隔线划分行。滚动条槽固定，避免滚动条出现时整行宽度跳一下。 */
+  scrollbar-gutter: stable;
+}
+
+/* 列头：12px 灰、句首大写、无底色、无下划线（app-screens §7.2：11 张有表头的表里 0 张有
+   填充带，8 张没有标头下划线）。三列与 .activityRow 同一份 grid 定义，否则列头与数据错位。 */
+.activityHead {
+  display: grid;
+  /* 四列：时间 / 动作 / 详情 / 结果。第二列定宽（96px = 最长 kind 文案 "Manual backup"），
+     列头与行是两个独立的 grid 容器，只有定宽才能让表头压在数据上方对齐。 */
+  grid-template-columns: 72px 96px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 10px;
+  padding: 0 10px 6px;
+  font-size: var(--cm-fs-table);
+  line-height: 1.25;
+  color: var(--dsw-alias-label-tertiary);
+  border-bottom: 0.5px solid var(--dsw-alias-border-l1);
 }
 
+.activityHead > :last-child {
+  justify-self: end;
+}
 
 .activityRow {
   display: grid;
-  grid-template-columns: 72px minmax(0, 1fr) auto;
+  grid-template-columns: 72px 96px minmax(0, 1fr) auto;
   align-items: center;
   gap: 10px;
-  padding: 4px 10px;
+  /* 行高 36 → 40（app-screens §7.1：单行数据行 36-53px，中位 45）；
+     密度三件套同动 —— 只抬行高不抬字号，符合 §10「别只缩字号」的反面。 */
+  padding: 10px 10px;
   border-bottom: 0.5px solid var(--dsw-alias-border-l2);
   font-size: var(--cm-fs-table);
   line-height: 1.5;
@@ -3176,11 +3340,13 @@ body {
 }
 
 .activityKind {
-  flex: none;
+  min-width: 0;
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
   font-size: var(--cm-fs-meta);
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .activitySummary {
@@ -3220,9 +3386,44 @@ body {
 }
 
 /* —— 备份位置卡：四列事实网格（标签上、值下，tabular-nums 对齐） —— */
+/* 卡内小节分隔（2026-11-01）：同一张卡里的第二块内容不再套 Card，改用顶线 + 上下 10px。
+   0.5px + border-l2 与 css 里既有的 4 处卡内分节一致（DESIGN.md：行分隔 0.5px、外框 1px）。 */
+/* 同步内容选择行（2026-11-01）：原为页面上独立的一张卡，卡内只有「9 selected + Choose…」，
+   右侧整片留白（app-screens §4.2 卡内死空间）。并入动作卡后一行放下：标题 · 计数 · 按钮 · ⓘ。
+   groupLabel 的 8px 块级下边距在这里归零，行内只靠 gap。 */
+.sectionPickerRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-bottom: 8px;
+}
+
+.sectionPickerRow > .groupLabel {
+  margin-bottom: 0;
+}
+
+/* 「选择」按钮贴右（2026-11-01 用户要求）：整行读成「左描述 / 右按钮」，
+   与设置页其余行（左文案 + 右控件）同构；此前它紧跟在计数后面，行右半是空的。
+   窄到放不下时随 flex-wrap 掉到下一行，仍然靠右。 */
+.sectionPickerRow > .pickerBtn {
+  margin-left: auto;
+}
+
+.syncSubBlock {
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
+}
+
 .factGrid {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  /* 列数跟内容走（2026-11-01）：原来写死 4 列，而事实行实际只有「上次同步 / 可同步分区」
+     两项 —— 内容只占左边一半，右边是一列永远空着的轨道，整张卡被读成「右边还没加载完」。
+     app-screens §4.2 把「grid 不适配数据造成的死空间」列为最常见的版面失败。
+     auto-fit + 最小列宽让两格平分整行；只剩一格时（无 statusInfo）它独占整行也不会挤成窄条。
+     远端 URL 那格仍是 gridColumn: 1 / -1，跨满全部自动列。 */
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   gap: 6px 12px;
 }
 
@@ -3248,18 +3449,49 @@ body {
   text-overflow: ellipsis;
 }
 
+/* 上次同步：从事实格移进徽章行行尾（2026-11-01）。删掉「可同步分区」那格之后，
+   事实格首行只剩一格，右侧留出 ~500px 空带（DESIGN §9 #20 panel-void）。
+   单条时间事实跟在徽章后面读起来是一句话，也省掉一整行高度。 */
+.factInline {
+  font-size: var(--cm-fs-meta);
+  color: var(--dsw-alias-label-tertiary);
+  white-space: nowrap;
+}
+
+/* 卡标题行：标题在左、单条状态事实贴右（2026-11-01）。564px 画布下徽章行已被三枚徽章
+   占满，那条时间事实只能掉成孤零零的第二行；而标题行右侧一直是空的。 */
+.cardTitleRow {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.cardTitleRow > .groupLabel {
+  margin-bottom: 0;
+}
+
 /* —— 分区构成卡：两列网格行（名称 | 条目数 | 体积） ——
    用 auto-fit，窄容器（弹窗内的分区构成）自动退化为单列，
    宽容器（总览「分区构成」卡 / 导出页「本次将导出」数据块）仍是两列。 */
 .sectionGrid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+  /* 每列至少要装得下「分区名 + 计数 + 大小」三个字段（2026-11-01）：
+     原先 210px 的列在两列布局里只剩 ~107px 给名字，11px 等宽下只放得下 16 个字符 ——
+     "Config Manager settings"、"Agent Instructions" 全被截成前半截，
+     而右半边页面下方空着一大片（app-screens §4.2 的死空间）。
+     260px 起跳后 540px 画布上刚好只排一列，名字完整、计数与大小仍共用同一条右边缘。 */
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 0 24px;
 }
 
 .sectionRow {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto 56px;
+  /* 计数列定宽（2026-11-01）：原来是 auto —— 每行按自己的内容算宽，
+     于是 "19 item(s)" 与 "941 item(s)" 的右边缘相差 20px，一列数字看起来
+     像没对齐（app-screens §7.4：一列数字共用一条右边缘）。72px 容得下
+     "941 items" 这种最长形态，zh 侧「941 项」更短。 */
+  grid-template-columns: minmax(0, 1fr) 68px 56px;
   align-items: center;
   gap: 10px;
   padding: 4px 0;
@@ -3272,6 +3504,14 @@ body {
   border-bottom: none;
 }
 
+/* 真·空行（条目与体积都为 0）：降权到 tertiary，但**不隐藏** ——
+   「这个分区存在但没有内容」本身是用户要判断的信息（app-screens §13 零值用灰）。 */
+.sectionRowEmpty .sectionName,
+.sectionRowEmpty .sectionCount,
+.sectionRowEmpty .sectionSize {
+  color: var(--dsw-alias-label-tertiary);
+}
+
 .sectionName {
   min-width: 0;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
@@ -4103,6 +4343,7 @@ body {
   flex: none;
   display: inline-flex;
   align-items: center;
+  gap: 4px;
 }
 
 /* 导入日志面板 */