fix(changes): 会话事件改走宿主 changes.ops 路由 + diff 展开二级设置 + 视觉迭代

CI 修复（plugin-mount 的 ctx.sessions.get TypeError ×1003）：
- 客户端 runtime 无事件日志面——badge/SessionLens 原在客户端直读
  ctx.sessions.get(id).events / ctx.on('session/event')，全部不可达。
- 新增宿主路由 changes.ops：live 会话日志优先，冷会话回放
  sessionPersistence.inspect；afterSeq 增量（缺省游标含 seq 0，
  显式游标为 seq > afterSeq，同 sidechat.events 约定），窗口上限
  4000 与客户端累加器一致。
- ChangesTab 轮询（mount 一拉 + visible 2.5s 增量）折入 ops，写
  模块级 opCounts 缓存供 badge 同步读取；SessionLens 改纯展示。

diff 展开二级设置（changesDiffFloat，默认浮窗）：
- prefs 四处接线 + git tab settings select（浮窗/面板，图标选项卡）
- 预览面板「展开为 diff tab」按设置落点：浮窗居中弹出或源 pane
  下方 split；i18n 全 21 词典同步。

视觉迭代（真机挂载截图审查后调整）：
- Session 视角：kind 徽章为左轨，大小+相对时间右对齐元列；失败
  操作行红色内嵌条；文件组头降为三级标签并加组间距。
- Git 视角：untracked '?' 徽章与新增同绿色；stage 按钮改 plus 图标。
- diff 折叠行：可展开折叠带 › 箭头 + 次级对比度，静态 gap 不再
  显示 pointer/hover；预览头路径改尾部截断（RTL 技巧，保文件名）。

验证：typecheck ✓ / vitest 1123 ✓ / pnpm test:mount（钉 alpha.2 CLI）
14/14 ✓；真机挂载截图（badge=5、双视角、浮窗展开）0 console error。

src/client/api.ts

@@ -9,6 +9,7 @@
 import { encodeHtmlUrl } from '../html-route.ts'
 import type { LastActivity } from '../subagent-activity.ts'
 import type { SidechatLogEvent, SidechatThreadInfo } from '../sidechat-core.ts'
+import type { SidebarSessionEvent } from '../context-types.ts'
 import type { BrowserProbeResult } from './browser.ts'
 
 /** One wire failure. */
@@ -258,6 +259,14 @@ export const api = {
   /** Full patch text of one commit (diff display for the history rows). */
   gitCommitDiff: (scope: SessionScope, hash: string, worktree?: string, signal?: AbortSignal) =>
     call<{ diff: string }>('git.commit-diff', gitPayload(scope, worktree, { hash }), signal),
+  /** The session's file-tool events for the changes tab's session lens: the
+   *  `tool/call` + `tool/result` rows past `afterSeq` (0 = whole window),
+   *  capped to the recent window host-side. The client runtime exposes no
+   *  event-log face, so the lens polls this delta route. */
+  changesOps: (scope: SessionScope, afterSeq?: number, signal?: AbortSignal) =>
+    call<{ events: SidebarSessionEvent[]; lastSeq: number }>('changes.ops', scopePayload(scope, {
+      ...(afterSeq !== undefined && afterSeq > 0 ? { afterSeq } : {}),
+    }), signal),
   /** Discard the worktree changes of one file (the index is untouched). */
   gitDiscard: (scope: SessionScope, path: string, worktree?: string) =>
     call<{ ok: true }>('git.discard', gitPayload(scope, worktree, { path })),

src/client/builtins/tabs.tsx

@@ -16,14 +16,13 @@ import { openSidebarFile } from '../intercept.tsx'
 import { EditorHost } from '../EditorHost.tsx'
 import { OpenWithSettings } from '../open-with-settings.tsx'
 import { lazyChunkComponent } from '../lazy-chunk.tsx'
-import { ChangesTab } from '../changes/ChangesTab.tsx'
-import { extractFileOps } from '../changes/ops.ts'
+import { ChangesTab, opCountOf } from '../changes/ChangesTab.tsx'
 import { DiffTab } from '../DiffTab.tsx'
 import { SubagentView } from '../SubagentView.tsx'
 import { consumeSidechatSeed, SideChatView, sidechatThreadIdOf } from '../SideChatView.tsx'
 import { api } from '../api.ts'
 import { BrowserView } from '../BrowserView.tsx'
-import { IconTerminalOutline16, IconDiffOutline16, IconGlobeOutline16 } from '../icons.tsx'
+import { IconTerminalOutline16, IconDiffOutline16, IconGlobeOutline16, IconFloatWindowOutline16, IconPanelBottomOutline16 } from '../icons.tsx'
 import { TERMINAL_FONT_SIZE_MAX, TERMINAL_FONT_SIZE_MIN } from '../../prefs-shared.ts'
 import type { ComponentType } from 'react'
 import type { SessionScope } from '../api.ts'
@@ -144,17 +143,42 @@ export function builtinTabs(ctx: Context, options: BuiltinTabOptions = {}): read
       // The unified changes tab (id kept as 'git' so persisted layouts keep
       // resolving): the Git lens is the former source-control panel; the
       // session lens is the former file-trace tab (PR #471). Both preview
-      // through one shared diff stack, and the badge counts this session's
-      // file ops (live from the event log — the git status itself needs a
-      // fetch, so it stays out of the badge).
+      // through one shared diff stack. The badge reads the op-count cache
+      // the tab's event poll publishes (the client ctx exposes no event
+      // log, and the git status needs a fetch — both stay out of the badge).
       id: 'git',
       title: () => t('changes'),
       icon: (size: number) => <IconDiffOutline16 size={size} />,
       order: 20,
       single: true,
-      badge: (ctx, scope) => {
-        const events = ctx.sessions.get(scope.sessionId)?.events
-        return events === undefined ? null : extractFileOps(events).length
+      badge: (_ctx, scope) => {
+        const count = opCountOf(scope.sessionId)
+        return count === undefined || count === 0 ? null : count
+      },
+      // Declarative settings: the diff-open picker (free window vs docked
+      // pane) renders as an iconed select row under the changes card's gear
+      // in the Side card settings page.
+      settings: {
+        toggles: [{
+          key: 'changesDiffFloat',
+          type: 'select',
+          title: () => t('changesDiffOpenTitle'),
+          desc: () => t('changesDiffOpenDesc'),
+          options: [
+            {
+              value: true,
+              icon: (size: number) => <IconFloatWindowOutline16 size={size} />,
+              title: () => t('changesDiffOpenFloat'),
+              desc: () => t('changesDiffOpenFloatDesc'),
+            },
+            {
+              value: false,
+              icon: (size: number) => <IconPanelBottomOutline16 size={size} />,
+              title: () => t('changesDiffOpenPane'),
+              desc: () => t('changesDiffOpenPaneDesc'),
+            },
+          ],
+        }],
       },
       component: ({ ctx, store, scope, tab, visible, onOpenFile, onOpenDiff }) => (
         <ChangesTab

src/client/changes/ChangesTab.tsx

@@ -3,23 +3,45 @@
  * (repository truth: staged/unstaged files, commit box, history) and the
  * session round (agent truth: every file the model read, wrote, or edited).
  * Both lenses preview their selections in a shared resizable bottom pane
- * ({@link DiffPane}); git targets can expand into the dedicated diff tab.
+ * ({@link DiffPane}); git targets expand into the dedicated diff tab —
+ * docked in a pane, or floated as a free window per the tab's setting.
  * The active lens and the pane height persist in the tab's meta, so the tab
  * reopens exactly where it was left.
+ *
+ * The session events ride the host's `changes.ops` route (the client
+ * runtime exposes no event-log face): the tab pulls the delta past its
+ * cursor while visible, folds it into ops, and publishes the op count to a
+ * module-level cache the tab-strip badge reads.
  */
-import { useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import type { SidebarSessionEvent } from '../../context-types.ts'
 import type { TabComponentProps } from '../service.ts'
 import { t } from '../locales.ts'
-import type { SidebarDiffRef } from '../state.ts'
+import { api } from '../api.ts'
+import { floatTab, type SidebarDiffRef } from '../state.ts'
 import { GitLens } from './GitLens.tsx'
 import { SessionLens } from './SessionLens.tsx'
 import { DiffPane, diffTabOf, type ChangesPreview } from './DiffPane.tsx'
-import type { FileOp } from './ops.ts'
+import { extractFileOps, knownContentBefore, type FileOp } from './ops.ts'
 import css from './changes.module.css'
 
 /** The default preview pane height (px) before the first drag. */
 const PANE_HEIGHT_DEFAULT = 300
 
+/** Cap on accumulated events: the lens shows the recent window, not eternity
+ *  (the host enforces the same bound per response). */
+const EVENTS_CAP = 4000
+
+/** Live op count per session: the tab's poller writes, the badge reads (a
+ *  badge cannot fetch — it must resolve synchronously during render). */
+const opCounts = new Map<string, number>()
+
+/** The session's traced-op count as of the last poll (undefined before the
+ *  tab has ever pulled; 0 hides the badge pill). */
+export function opCountOf(sessionId: string): number | undefined {
+  return opCounts.get(sessionId)
+}
+
 type Lens = 'git' | 'session'
 
 /** The persisted tab meta (JSON-serializable; rides the layout). */
@@ -36,6 +58,50 @@ export function ChangesTab({ ctx, store, scope, tab, visible, onOpenFile, onOpen
     typeof meta.previewH === 'number' && meta.previewH >= 140 ? meta.previewH : PANE_HEIGHT_DEFAULT,
   )
 
+  // ── Session-event accumulation: one pull on mount, then a 2.5s delta
+  //    poll while visible (paused otherwise; the next visible tick catches
+  //    up). The cursor is the last delivered seq, so each poll ships only
+  //    what the accumulator lacks. ────────────────────────────────────────
+  const eventsRef = useRef<readonly SidebarSessionEvent[]>([])
+  const seqRef = useRef(0)
+  const pollGen = useRef(0)
+  const [opsError, setOpsError] = useState(false)
+  const [tick, setTick] = useState(0)
+  const pull = useCallback(async (): Promise<void> => {
+    const generation = pollGen.current
+    try {
+      const { events, lastSeq } = await api.changesOps(scope, seqRef.current)
+      if (generation !== pollGen.current) return
+      if (events.length > 0) {
+        const merged = [...eventsRef.current, ...events]
+        eventsRef.current = merged.length > EVENTS_CAP ? merged.slice(merged.length - EVENTS_CAP) : merged
+      }
+      if (lastSeq > seqRef.current) seqRef.current = lastSeq
+      opCounts.set(scope.sessionId, extractFileOps(eventsRef.current).length)
+      setOpsError(false)
+      setTick(value => value + 1)
+    } catch {
+      // Offline / route unavailable: keep the last fold; surface it inline
+      // only while nothing has ever loaded.
+      if (generation === pollGen.current) setOpsError(true)
+    }
+  }, [scope.sessionId, scope.cwd])
+  useEffect(() => {
+    pollGen.current += 1
+    eventsRef.current = []
+    seqRef.current = 0
+    setOpsError(false)
+  }, [scope.sessionId])
+  useEffect(() => {
+    void pull()
+    if (!visible) return
+    const timer = window.setInterval(() => { void pull() }, 2_500)
+    return () => { window.clearInterval(timer) }
+  }, [visible, pull])
+  // tick only forces the re-render; the fold reads the ref directly.
+  void tick
+  const ops = extractFileOps(eventsRef.current)
+
   /** Persist a meta patch onto the tab (lens choice, pane height). */
   const patchMeta = (patch: ChangesMeta): void => {
     ctx.get('betterSidebar')?.updateTab(tab.id, {
@@ -55,8 +121,22 @@ export function ChangesTab({ ctx, store, scope, tab, visible, onOpenFile, onOpen
   }
 
   /** Preview one session op (with its best-effort prior content snapshot). */
-  const previewOp = (path: string, op: FileOp, prior: string | undefined): void => {
-    setPreview({ kind: 'op', path, op, prior })
+  const previewOp = (path: string, op: FileOp): void => {
+    setPreview({ kind: 'op', path, op, prior: knownContentBefore(ops, path, op) })
+  }
+
+  /** Expand the current git preview into the dedicated diff tab: docked
+   *  into the shell's diff pane, or floated as a free window centered on
+   *  the viewport when the tab's diff-open setting asks for it (default). */
+  const expandPreview = (): void => {
+    if (preview?.kind !== 'git') return
+    const diffTab = diffTabOf(preview.ref)
+    onOpenDiff?.(diffTab)
+    if (store.getPrefs().changesDiffFloat !== false) {
+      const x = Math.round(window.innerWidth / 2)
+      const y = Math.round(window.innerHeight / 2)
+      store.reduce(state => floatTab(state, diffTab.id, x, y))
+    }
   }
 
   const previewKey = (target: ChangesPreview): string => target.kind === 'git'
@@ -102,9 +182,8 @@ export function ChangesTab({ ctx, store, scope, tab, visible, onOpenFile, onOpen
         )
         : (
           <SessionLens
-            ctx={ctx}
-            scope={scope}
-            visible={visible}
+            ops={ops}
+            loadError={opsError && ops.length === 0}
             onPreview={previewOp}
             selectedCallId={preview !== null && preview.kind === 'op' ? preview.op.callId : null}
           />
@@ -117,9 +196,7 @@ export function ChangesTab({ ctx, store, scope, tab, visible, onOpenFile, onOpen
           height={paneHeight}
           onHeightCommit={(height) => { setPaneHeight(height); patchMeta({ previewH: height }) }}
           onClose={() => { setPreview(null) }}
-          onExpand={() => {
-            if (preview.kind === 'git') onOpenDiff?.(diffTabOf(preview.ref))
-          }}
+          onExpand={expandPreview}
         />
       )}
     </div>

src/client/changes/GitLens.tsx

@@ -12,8 +12,8 @@
  */
 import { useCallback, useEffect, useRef, useState, type MouseEvent, type ReactNode } from 'react'
 import {
-  Button, IconBranchOutline16, IconCodeOutline16, IconCopyOutline16, IconRefreshOutline16,
-  IconTrashOutline16, Input, Menu, Modal, writeClipboard,
+  Button, IconCodeOutline16, IconCopyOutline16, IconPlusOutline16,
+  IconRefreshOutline16, IconTrashOutline16, Input, Menu, Modal, writeClipboard,
 } from '@deepseek-ai/dsh-client-ui-primitives'
 import type { GitLogEntry, GitStatusEntry, GitStatusResult, GitWorktree, SessionScope } from '../api.ts'
 import { api } from '../api.ts'
@@ -418,7 +418,7 @@ export function GitLens(props: GitLensProps) {
           disabled={busy}
           onClick={() => { void stageEntry(entry, staged) }}
         >
-          {staged ? <IconTrashOutline16 /> : <IconBranchOutline16 />}
+          {staged ? <IconTrashOutline16 /> : <IconPlusOutline16 />}
         </button>
       </div>
     )
@@ -596,7 +596,7 @@ export function GitLens(props: GitLensProps) {
                 : []),
               fileMenu?.staged === true
                 ? { id: 'stage', label: t('unstage'), icon: <IconTrashOutline16 size={14} /> }
-                : { id: 'stage', label: t('stage'), icon: <IconBranchOutline16 size={14} /> },
+                : { id: 'stage', label: t('stage'), icon: <IconPlusOutline16 size={14} /> },
               ...(fileMenu !== null && !isUntracked(fileMenu.entry)
                 ? [{ id: 'discard', label: t('discard'), icon: <IconTrashOutline16 size={14} />, danger: true }]
                 : []),

src/client/changes/SessionLens.tsx

@@ -1,62 +1,34 @@
 /**
  * The session lens of the changes tab: agent truth — every file the model
- * read, wrote, or edited in this session (folded from the session event
- * log), grouped by file, newest first, with kind filters. Clicking an op
- * previews it in the tab's shared bottom pane (see {@link DiffPane}): writes
- * and edits as line diffs, reads as a line-numbered content view, failures
- * as their real error text. Live `tool/call` / `tool/result` events append
- * while the tab is visible (bounded; paused and caught up when hidden).
+ * read, wrote, or edited in this session, grouped by file, newest first,
+ * with kind filters. Clicking an op previews it in the tab's shared bottom
+ * pane (see {@link DiffPane}): writes and edits as line diffs, reads as a
+ * line-numbered content view, failures as their real error text. The ops
+ * arrive pre-folded from the tab (which owns the event poll); this
+ * component is purely presentational.
  */
-import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'
-import type { SidebarSessionEvent } from '../../context-types.ts'
-import type { Context } from '../../context-types.ts'
-import type { SessionScope } from '../api.ts'
+import { useMemo, useState, type ReactNode } from 'react'
 import { relativeTime, t } from '../locales.ts'
-import { extractFileOps, groupByFile, knownContentBefore, type FileOp, type FileOpKind } from './ops.ts'
+import { groupByFile, type FileOp, type FileOpKind } from './ops.ts'
 import { formatBytes } from '../diff/rows.ts'
 import css from './changes.module.css'
 
-/** Cap on accumulated events: the lens shows the recent window, not eternity. */
-const EVENTS_CAP = 4000
-
 /** The op-kind filter chips: 'all' or one concrete kind. */
 type OpFilter = 'all' | FileOpKind
 
 export interface SessionLensProps {
-  ctx: Context
-  scope: SessionScope
-  /** Preview one op in the shared bottom pane (with its best-effort prior content). */
-  onPreview: (path: string, op: FileOp, prior: string | undefined) => void
+  /** The folded file operations, newest first (the tab's poll owns them). */
+  ops: readonly FileOp[]
+  /** Every poll failed and nothing loaded: an inline notice, not an empty
+   *  state that would read as "no operations". */
+  loadError: boolean
+  /** Preview one op in the shared bottom pane. */
+  onPreview: (path: string, op: FileOp) => void
   /** The op currently previewed (row highlight); null when the pane is closed. */
   selectedCallId: string | null
-  /** Fold events only while the tab is actually visible. */
-  visible: boolean
 }
 
-export function SessionLens({ ctx, scope, onPreview, selectedCallId, visible }: SessionLensProps) {
-  // The event log snapshot seeds the lens once; live tool/call and
-  // tool/result events append (bounded) and re-extract while visible.
-  const eventsRef = useRef<readonly SidebarSessionEvent[] | null>(null)
-  if (eventsRef.current === null) {
-    eventsRef.current = ctx.sessions.get(scope.sessionId)?.events ?? []
-  }
-  const [tick, setTick] = useState(0)
-  useEffect(() => {
-    if (typeof ctx.on !== 'function') return
-    const off = ctx.on('session/event', (session: unknown, event: SidebarSessionEvent) => {
-      const sessionId = (session as { id?: unknown } | null)?.id
-      if (sessionId !== scope.sessionId) return
-      if (event.type !== 'tool/call' && event.type !== 'tool/result') return
-      const list = [...eventsRef.current ?? [], event]
-      eventsRef.current = list.length > EVENTS_CAP ? list.slice(list.length - EVENTS_CAP) : list
-      if (visible) setTick(value => value + 1)
-    })
-    return () => { off() }
-  }, [ctx, scope.sessionId, visible])
-  // Becoming visible again catches up on events appended while paused.
-  useEffect(() => { if (visible) setTick(value => value + 1) }, [visible])
-
-  const ops = useMemo(() => extractFileOps(eventsRef.current ?? []), [tick])
+export function SessionLens({ ops, loadError, onPreview, selectedCallId }: SessionLensProps) {
   const [filter, setFilter] = useState<OpFilter>('all')
   const filteredOps = useMemo(
     () => (filter === 'all' ? ops : ops.filter(op => op.kind === filter)),
@@ -91,7 +63,8 @@ export function SessionLens({ ctx, scope, onPreview, selectedCallId, visible }:
         {chip('read', t('changesRead'), counts.get('read') ?? 0)}
       </div>
       <div className={css.sessionList}>
-        {ops.length === 0 && <div className={css.empty}>{t('changesSessionEmpty')}</div>}
+        {loadError && <div className={css.loadError}>{t('changesLoadError')}</div>}
+        {ops.length === 0 && !loadError && <div className={css.empty}>{t('changesSessionEmpty')}</div>}
         {ops.length > 0 && filteredOps.length === 0 && <div className={css.empty}>{t('changesFilterEmpty')}</div>}
         {[...groups.entries()].map(([path, fileOps]) => (
           <div key={path} className={css.fileGroup}>
@@ -104,19 +77,21 @@ export function SessionLens({ ctx, scope, onPreview, selectedCallId, visible }:
                 data-op-kind={op.kind}
                 data-op-error={op.isError ? 'true' : undefined}
                 data-selected={selectedCallId === op.callId ? 'true' : undefined}
-                onClick={() => { onPreview(path, op, knownContentBefore(ops, path, op)) }}
+                onClick={() => { onPreview(path, op) }}
               >
                 <span className={css.opKind} data-kind={op.kind}>
                   {t(op.kind === 'read' ? 'changesRead' : op.kind === 'write' ? 'changesWrite' : 'changesEdit')}
                 </span>
-                <span className={css.opTime}>{relativeTime(new Date(op.time).toISOString())}</span>
                 {op.running && <span className={css.opFlag}>{t('changesRunning')}</span>}
                 {op.isError && <span className={css.opFlagError}>{t('changesError')}</span>}
-                {op.kind !== 'read' && !op.isError && (
-                  <span className={css.opSize}>
-                    {formatBytes(new Blob([op.edit?.newString ?? op.content ?? '']).size)}
-                  </span>
-                )}
+                <span className={css.opMeta}>
+                  {op.kind !== 'read' && !op.isError && (
+                    <span className={css.opSize}>
+                      {formatBytes(new Blob([op.edit?.newString ?? op.content ?? '']).size)}
+                    </span>
+                  )}
+                  <span className={css.opTime}>{relativeTime(new Date(op.time).toISOString())}</span>
+                </span>
               </button>
             ))}
           </div>

src/client/changes/changes.module.css

@@ -140,8 +140,9 @@
   color: var(--dsw-alias-label-secondary);
 }
 
-/* Status-letter tint: A added / D deleted / M·R modified / C·U conflicts. */
-.gitBadge[data-letter='A'] { color: var(--dsw-alias-state-success-primary); }
+/* Status-letter tint: A added / D deleted / M·R modified / C·U conflicts;
+   untracked '?' reads as a not-yet-added file, so it shares the added tint. */
+.gitBadge[data-letter='A'], .gitBadge[data-letter='?'] { color: var(--dsw-alias-state-success-primary); }
 .gitBadge[data-letter='D'] { color: var(--dsw-alias-state-error-primary); }
 .gitBadge[data-letter='M'], .gitBadge[data-letter='R'] { color: var(--dsw-alias-state-business-primary); }
 .gitBadge[data-letter='C'], .gitBadge[data-letter='U'] { color: var(--dsw-alias-state-warn-primary); }
@@ -316,19 +317,28 @@
 
 .sessionList { flex: 1; min-height: 0; overflow-y: auto; padding: 0 6px 10px; }
 .empty { color: var(--dsw-alias-label-tertiary); padding: 24px 8px; text-align: center; }
+.loadError { margin: 4px 8px; padding: 6px 10px; border-left: 3px solid var(--dsw-alias-state-warn-primary); border-radius: 0 6px 6px 0; color: var(--dsw-alias-label-secondary); font-size: 11px; }
 
-.fileGroup { margin-bottom: 8px; }
-.filePath { display: block; color: var(--dsw-alias-label-secondary); font-family: var(--ds-font-family-code, monospace); font-size: 11px; padding: 2px 4px; word-break: break-all; }
+.fileGroup { margin-bottom: 6px; }
+/* The group label sits between op blocks: extra head padding separates it from
+   the previous file's rows, the first group starts flush. */
+.filePath { display: block; color: var(--dsw-alias-label-tertiary); font-family: var(--ds-font-family-code, monospace); font-size: 11px; padding: 6px 4px 2px; word-break: break-all; }
+.fileGroup:first-child .filePath { padding-top: 2px; }
 .opRow { display: flex; align-items: center; gap: 6px; width: 100%; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary); font: inherit; font-size: 11px; padding: 3px 5px; cursor: pointer; text-align: left; }
 .opRow:hover { background: var(--dsw-alias-interactive-bg-hover); }
 .opRow[data-selected='true'] { background: var(--dsw-alias-interactive-bg-active); }
+/* A failed op carries a quiet error inset bar (the flag chip names it). */
+.opRow[data-op-error='true'] { box-shadow: inset 2px 0 0 var(--dsw-alias-state-error-primary); }
 .opKind { border-radius: 4px; font-size: 10px; line-height: 16px; padding: 0 5px; background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-secondary); flex: none; }
 .opKind[data-kind='write'] { color: var(--dsw-alias-state-success-primary); }
 .opKind[data-kind='edit'] { color: var(--dsw-alias-state-business-primary); }
+/* Size + relative time ride as one right-aligned cluster so the kind chips
+   form a scannable left rail and the meta column stays flush right. */
+.opMeta { margin-left: auto; display: inline-flex; align-items: baseline; gap: 8px; flex: none; min-width: 0; }
 .opTime { color: var(--dsw-alias-label-tertiary); font-size: 10px; flex: none; }
 .opFlag { color: var(--dsw-alias-state-business-primary); font-size: 10px; flex: none; }
 .opFlagError { color: var(--dsw-alias-state-error-primary); font-size: 10px; flex: none; }
-.opSize { margin-left: auto; color: var(--dsw-alias-label-tertiary); font-size: 10px; flex: none; }
+.opSize { color: var(--dsw-alias-label-tertiary); font-size: 10px; flex: none; font-family: var(--ds-font-family-code, monospace); }
 
 /* ── Shared preview pane ───────────────────────────────────────────────── */
 
@@ -341,7 +351,10 @@
 .diffKind[data-kind='git'] { color: var(--dsw-alias-brand-primary); }
 .diffKind[data-kind='write'] { color: var(--dsw-alias-state-success-primary); }
 .diffKind[data-kind='edit'] { color: var(--dsw-alias-state-business-primary); }
-.diffPath { flex: 1; font-family: var(--ds-font-family-code, monospace); font-size: 11px; word-break: break-all; color: var(--dsw-alias-label-primary); min-width: 0; }
+/* The path keeps its tail (the file name is the identity; directories are
+   context): an RTL paragraph renders an ASCII path in reading order while
+   clipping its HEAD under the ellipsis. */
+.diffPath { flex: 1; direction: rtl; font-family: var(--ds-font-family-code, monospace); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--dsw-alias-label-primary); min-width: 0; }
 .diffStats { flex: none; display: inline-flex; gap: 5px; font-size: 10px; font-family: var(--ds-font-family-code, monospace); }
 
 .iconButton {

src/client/diff/DiffRows.tsx

@@ -206,6 +206,7 @@ export function DiffRows({ segments, lang }: DiffRowsProps) {
       <div
         key={`fold-${String(segIndex)}`}
         className={css.foldRow}
+        data-expandable="true"
         data-expanded={isExpanded ? 'true' : undefined}
         onClick={() => {
           setExpandedFolds(prev => {

src/client/diff/diff.module.css

@@ -43,13 +43,18 @@
 .tokMacro { color: color-mix(in oklab, var(--dsw-alias-state-error-primary) 45%, var(--dsw-alias-state-business-primary)); }
 
 /* Hunk-fold row: collapsed marker chip; expanded padding drops to 0 so the
-   revealed rows keep the x-alignment of hunk rows (they carry their own). */
-.foldRow { padding: 0 10px; cursor: pointer; }
+   revealed rows keep the x-alignment of hunk rows (they carry their own).
+   Only an expandable fold (enough hidden rows to be worth a click) reads as
+   interactive — the › chevron matches the multi-file document's disclosure. */
+.foldRow { padding: 0 10px; }
+.foldRow[data-expandable='true'] { cursor: pointer; }
+.foldRow[data-expandable='true']:hover { background: var(--dsw-alias-interactive-bg-hover); }
 .foldRow[data-expanded='true'] { padding: 0; }
-.foldRow:hover { background: var(--dsw-alias-interactive-bg-hover); }
-.foldMarker { display: inline-block; padding: 2px 6px; border-radius: 4px; margin: 2px 0; color: var(--dsw-alias-label-tertiary); background: var(--dsw-alias-interactive-bg-hover); font-style: italic; }
 .foldRow[data-expanded='true'] { cursor: default; }
 .foldRow[data-expanded='true'] .foldMarker { display: none; }
+.foldMarker { display: inline-flex; align-items: center; gap: 5px; padding: 2px 7px; border-radius: 4px; margin: 2px 0; color: var(--dsw-alias-label-tertiary); background: var(--dsw-alias-interactive-bg-hover); }
+.foldRow[data-expandable='true'] .foldMarker { color: var(--dsw-alias-label-secondary); }
+.foldRow[data-expandable='true'] .foldMarker::before { content: '›'; color: var(--dsw-alias-label-tertiary); transition: transform var(--ds-transition-duration-slow) var(--ds-ease-in-out); }
 
 /* The huge-file overflow reveal under a capped hunk. */
 .expand { display: block; width: calc(100% - 20px); margin: 4px 10px; padding: 4px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary); font: inherit; font-size: 11px; cursor: pointer; }

src/client/icons.tsx

@@ -161,3 +161,15 @@ export const IconVscode16 = ({ size = 16, className }: IconProps) => (
     <path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z" />
   </svg>
 )
+
+/**
+ * Free-window glyph in the app's outline style (1.5px stroke, currentColor):
+ * a background frame with a detached rounded mini-window floating over its
+ * top-right — the changes tab's "diff opens as a free window" setting.
+ */
+export const IconFloatWindowOutline16 = ({ size = 16, className }: IconProps) => (
+  <svg width={size} height={size} className={className} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="1.5" y="4.5" width="10" height="10" rx="2" stroke="currentColor" strokeWidth="1.5" />
+    <rect x="9.5" y="1.5" width="5" height="5" rx="1.5" stroke="currentColor" strokeWidth="1.5" fill="none" />
+  </svg>
+)

src/client/locales-ar.ts

@@ -145,6 +145,13 @@ export const ar: Record<string, string> = {
   changesOpenDiffTab: 'فتح في تبويب diff منفصل',
   changesClosePreview: 'إغلاق المعاينة',
   changesResizePreview: 'تغيير حجم المعاينة',
+  changesDiffOpenTitle: 'يفتح الفرق كـ',
+  changesDiffOpenDesc: 'أين يضع إجراء «التوسيع إلى تبويب diff» الفرق',
+  changesDiffOpenFloat: 'نافذة عائمة',
+  changesDiffOpenFloatDesc: 'نافذة عائمة في وسط الشاشة — سحب وتحجيم وتثبيت فوق',
+  changesDiffOpenPane: 'لوحة',
+  changesDiffOpenPaneDesc: 'مثبتة أسفل اللوحة المصدر (تقسيم diff بنمط VSCode)',
+  changesLoadError: 'سجلات ملفات الجلسة غير متاحة الآن',
   staged: 'مُدرج',
   unstaged: 'غير مُدرج',
   cancel: 'إلغاء',

src/client/locales-de.ts

@@ -130,6 +130,13 @@ export const de: Record<string, string> = {
   changesOpenDiffTab: 'In eigenem Tab öffnen',
   changesClosePreview: 'Vorschau schließen',
   changesResizePreview: 'Vorschauhöhe anpassen',
+  changesDiffOpenTitle: 'Diff öffnet als',
+  changesDiffOpenDesc: 'Wo die Aktion „In eigenem Tab öffnen“ den Diff platziert',
+  changesDiffOpenFloat: 'Freies Fenster',
+  changesDiffOpenFloatDesc: 'Ein schwebendes Fenster mittig im Viewport — verschieben, skalieren, oben halten',
+  changesDiffOpenPane: 'Bereich',
+  changesDiffOpenPaneDesc: 'Unter dem Quellbereich angedockt (VSCode-artiger Diff-Split)',
+  changesLoadError: 'Sitzungsdatei-Aufzeichnungen sind derzeit nicht verfügbar',
   staged: 'Gestaged',
   unstaged: 'Nicht gestaged',
   cancel: 'Abbrechen',

src/client/locales-fr.ts

@@ -137,6 +137,13 @@ export const fr: Record<string, string> = {
   changesOpenDiffTab: 'Ouvrir dans un onglet diff',
   changesClosePreview: 'Fermer l\'aperçu',
   changesResizePreview: 'Redimensionner l\'aperçu',
+  changesDiffOpenTitle: 'Le diff s\'ouvre en',
+  changesDiffOpenDesc: 'Où l\'action « Ouvrir dans un onglet diff » place le diff',
+  changesDiffOpenFloat: 'Fenêtre flottante',
+  changesDiffOpenFloatDesc: 'Une fenêtre flottante centrée sur la fenêtre — déplacer, redimensionner, garder au premier plan',
+  changesDiffOpenPane: 'Panneau',
+  changesDiffOpenPaneDesc: 'Ancré sous le panneau source (division de diff style VSCode)',
+  changesLoadError: 'Les enregistrements de fichiers de la session sont indisponibles',
   staged: 'En scène',
   unstaged: 'Hors scène',
   cancel: 'Annuler',

src/client/locales-hi.ts

@@ -144,6 +144,13 @@ export const hi: Record<string, string> = {
   changesOpenDiffTab: 'अलग diff टैब में खोलें',
   changesClosePreview: 'पूर्वावलोकन बंद करें',
   changesResizePreview: 'पूर्वावलोकन का आकार बदलें',
+  changesDiffOpenTitle: 'diff खुलता है',
+  changesDiffOpenDesc: '«अलग diff टैब में खोलें» क्रिया diff को कहाँ रखती है',
+  changesDiffOpenFloat: 'मुक्त विंडो',
+  changesDiffOpenFloatDesc: 'व्यूपोर्ट के केंद्र में एक तैरती विंडो — खींचें, आकार बदलें, ऊपर रखें',
+  changesDiffOpenPane: 'पैनल',
+  changesDiffOpenPaneDesc: 'सोर्स पैनल के नीचे डॉक किया (VSCode-शैली diff स्प्लिट)',
+  changesLoadError: 'सेशन फ़ाइल रिकॉर्ड अभी अनुपलब्ध हैं',
   staged: 'स्टेज किया',
   unstaged: 'अनस्टेज',
   cancel: 'रद्द करें',

src/client/locales-id.ts

@@ -142,6 +142,13 @@ export const id: Record<string, string> = {
   changesOpenDiffTab: 'Buka di tab diff terpisah',
   changesClosePreview: 'Tutup pratinjau',
   changesResizePreview: 'Ubah ukuran pratinjau',
+  changesDiffOpenTitle: 'Diff terbuka sebagai',
+  changesDiffOpenDesc: 'Di mana aksi "buka di tab diff terpisah" menempatkan diff',
+  changesDiffOpenFloat: 'Jendela bebas',
+  changesDiffOpenFloatDesc: 'Jendela mengambang di tengah viewport — geser, ubah ukuran, selalu di atas',
+  changesDiffOpenPane: 'Panel',
+  changesDiffOpenPaneDesc: 'Ditambat di bawah panel sumber (split diff gaya VSCode)',
+  changesLoadError: 'Catatan berkas sesi sedang tidak tersedia',
   staged: 'Staged',
   unstaged: 'Unstaged',
   cancel: 'Batal',

src/client/locales-it.ts

@@ -135,6 +135,13 @@ export const it: Record<string, string> = {
   changesOpenDiffTab: 'Apri in una scheda diff',
   changesClosePreview: 'Ridimensiona l\'anteprima',
   changesResizePreview: 'Ridimensiona anteprima',
+  changesDiffOpenTitle: 'Il diff si apre come',
+  changesDiffOpenDesc: 'Dove l\'azione "apri in una scheda diff" colloca il diff',
+  changesDiffOpenFloat: 'Finestra libera',
+  changesDiffOpenFloatDesc: 'Una finestra flottante centrata sul viewport — trascina, ridimensiona, sempre in primo piano',
+  changesDiffOpenPane: 'Pannello',
+  changesDiffOpenPaneDesc: 'Ancorato sotto il pannello sorgente (divisione diff in stile VSCode)',
+  changesLoadError: 'I record dei file della sessione non sono disponibili',
   staged: 'In stage',
   unstaged: 'Non in stage',
   cancel: 'Annulla',

src/client/locales-ja.ts

@@ -144,6 +144,13 @@ export const ja: Record<string, string> = {
   changesOpenDiffTab: '独立タブで開く',
   changesClosePreview: 'プレビューを閉じる',
   changesResizePreview: 'プレビューの高さを変更',
+  changesDiffOpenTitle: 'diff の展開先',
+  changesDiffOpenDesc: '「独立タブで開く」操作が diff をどこに配置するか',
+  changesDiffOpenFloat: 'フリーウィンドウ',
+  changesDiffOpenFloatDesc: 'ビューポート中央に浮かぶウィンドウ — ドラッグ・リサイズ・最前面固定',
+  changesDiffOpenPane: 'ペイン',
+  changesDiffOpenPaneDesc: 'ソースペインの下にドッキング（VSCode 式 diff 分割）',
+  changesLoadError: 'セッションのファイル記録は現在利用できません',
   staged: 'ステージ済み',
   unstaged: '未ステージ',
   cancel: 'キャンセル',

src/client/locales-ko.ts

@@ -136,6 +136,13 @@ export const ko: Record<string, string> = {
   changesOpenDiffTab: '별도 탭에서 열기',
   changesClosePreview: '미리보기 닫기',
   changesResizePreview: '미리보기 높이 조정',
+  changesDiffOpenTitle: 'diff 열기 위치',
+  changesDiffOpenDesc: '「별도 탭에서 열기」 작업이 diff를 배치하는 곳',
+  changesDiffOpenFloat: '자유 창',
+  changesDiffOpenFloatDesc: '뷰포트 중앙의 떠 있는 창 — 드래그, 크기 조절, 항상 위',
+  changesDiffOpenPane: '패널',
+  changesDiffOpenPaneDesc: '소스 패널 아래에 도킹(VSCode 스타일 diff 분할)',
+  changesLoadError: '세션 파일 기록을 지금 사용할 수 없습니다',
   staged: '스테이징됨',
   unstaged: '스테이징 안 됨',
   cancel: '취소',

src/client/locales-nl.ts

@@ -142,6 +142,13 @@ export const nl: Record<string, string> = {
   changesOpenDiffTab: 'In eigen diff-tabblad openen',
   changesClosePreview: 'Voorbeeld sluiten',
   changesResizePreview: 'Voorbeeld vergroten/verkleinen',
+  changesDiffOpenTitle: 'Diff opent als',
+  changesDiffOpenDesc: 'Waar de actie „in eigen diff-tabblad openen” de diff plaatst',
+  changesDiffOpenFloat: 'Vrij venster',
+  changesDiffOpenFloatDesc: 'Een zwevend venster in het midden — slepen, schalen, bovenop houden',
+  changesDiffOpenPane: 'Paneel',
+  changesDiffOpenPaneDesc: 'Vastgemaakt onder het bronpaneel (VSCode-achtige diff-split)',
+  changesLoadError: 'Sessiebestandsregistraties zijn nu niet beschikbaar',
   staged: 'Gestaged',
   unstaged: 'Niet gestaged',
   cancel: 'Annuleren',

src/client/locales-pl.ts

@@ -146,6 +146,13 @@ export const pl: Record<string, string> = {
   changesOpenDiffTab: 'Otwórz w osobnej karcie',
   changesClosePreview: 'Zamknij podgląd',
   changesResizePreview: 'Zmień wysokość podglądu',
+  changesDiffOpenTitle: 'Diff otwiera się jako',
+  changesDiffOpenDesc: 'Gdzie akcja „otwórz w osobnej karcie” umieszcza diff',
+  changesDiffOpenFloat: 'Odrębne okno',
+  changesDiffOpenFloatDesc: 'Pływające okno wyśrodkowane na ekranie — przeciągaj, skaluj, trzymaj na wierzchu',
+  changesDiffOpenPane: 'Panel',
+  changesDiffOpenPaneDesc: 'Zadokowane pod panelem źródłowym (podział diff w stylu VSCode)',
+  changesLoadError: 'Zapisy plików sesji są teraz niedostępne',
   staged: 'W indeksie',
   unstaged: 'Poza indeksem',
   cancel: 'Anuluj',

src/client/locales-pt.ts

@@ -127,6 +127,13 @@ export const pt: Record<string, string> = {
   changesOpenDiffTab: 'Abrir em uma aba de diff',
   changesClosePreview: 'Fechar prévia',
   changesResizePreview: 'Ajustar altura da prévia',
+  changesDiffOpenTitle: 'O diff abre como',
+  changesDiffOpenDesc: 'Onde a ação "abrir em uma aba de diff" coloca o diff',
+  changesDiffOpenFloat: 'Janela livre',
+  changesDiffOpenFloatDesc: 'Uma janela flutuante centralizada — arraste, redimensione, mantenha no topo',
+  changesDiffOpenPane: 'Painel',
+  changesDiffOpenPaneDesc: 'Ancorado abaixo do painel de origem (divisão de diff estilo VSCode)',
+  changesLoadError: 'Os registros de arquivos da sessão estão indisponíveis no momento',
   staged: 'Preparadas',
   unstaged: 'Não preparadas',
   cancel: 'Cancelar',

src/client/locales-ru.ts

@@ -140,6 +140,13 @@ export const ru: Record<string, string> = {
   changesOpenDiffTab: 'Открыть в отдельной вкладке',
   changesClosePreview: 'Закрыть просмотр',
   changesResizePreview: 'Изменить высоту просмотра',
+  changesDiffOpenTitle: 'Diff открывается как',
+  changesDiffOpenDesc: 'Куда действие «открыть в отдельной вкладке» помещает diff',
+  changesDiffOpenFloat: 'Свободное окно',
+  changesDiffOpenFloatDesc: 'Плавающее окно по центру экрана — перетаскивание, масштаб, поверх всех',
+  changesDiffOpenPane: 'Панель',
+  changesDiffOpenPaneDesc: 'Прикреплено под исходной панелью (разделение diff в стиле VSCode)',
+  changesLoadError: 'Записи файлов сессии сейчас недоступны',
   staged: 'В индексе',
   unstaged: 'Не в индексе',
   cancel: 'Отмена',

src/client/locales-sv.ts

@@ -127,6 +127,13 @@ export const sv: Record<string, string> = {
   changesOpenDiffTab: 'Öppna i egen diff-flik',
   changesClosePreview: 'Stäng förhandsvisning',
   changesResizePreview: 'Ändra storlek på förhandsvisningen',
+  changesDiffOpenTitle: 'Diff öppnas som',
+  changesDiffOpenDesc: 'Var åtgärden "öppna i egen diff-flik" placerar diffen',
+  changesDiffOpenFloat: 'Fritt fönster',
+  changesDiffOpenFloatDesc: 'Ett flytande fönster centrerat i vyn — dra, ändra storlek, håll överst',
+  changesDiffOpenPane: 'Panel',
+  changesDiffOpenPaneDesc: 'Dockad under källpanelen (VSCode-liknande diff-delning)',
+  changesLoadError: 'Sessionens filposter är inte tillgängliga just nu',
   staged: 'Köade',
   unstaged: 'Avköade',
   cancel: 'Avbryt',

src/client/locales-th.ts

@@ -144,6 +144,13 @@ export const th: Record<string, string> = {
   changesOpenDiffTab: 'เปิดในแท็บ diff แยก',
   changesClosePreview: 'ปิดตัวอย่าง',
   changesResizePreview: 'ปรับขนาดตัวอย่าง',
+  changesDiffOpenTitle: 'diff เปิดเป็น',
+  changesDiffOpenDesc: 'การกระทำ «เปิดในแท็บ diff แยก» วาง diff ไว้ที่ใด',
+  changesDiffOpenFloat: 'หน้าต่างลอย',
+  changesDiffOpenFloatDesc: 'หน้าต่างลอยกลางจอ — ลาก ย่อขยาย ปักหมุดไว้บนสุด',
+  changesDiffOpenPane: 'แพเนล',
+  changesDiffOpenPaneDesc: 'จอดใต้แพเนลต้นทาง (แยก diff สไตล์ VSCode)',
+  changesLoadError: 'บันทึกไฟล์ของเซสชันยังใช้ไม่ได้ตอนนี้',
   staged: 'Staged',
   unstaged: 'Unstaged',
   cancel: 'ยกเลิก',

src/client/locales-tr.ts

@@ -144,6 +144,13 @@ export const tr: Record<string, string> = {
   changesOpenDiffTab: 'Ayrı bir diff sekmesinde aç',
   changesClosePreview: 'Önizlemeyi kapat',
   changesResizePreview: 'Önizlemeyi boyutlandır',
+  changesDiffOpenTitle: 'diff açılır',
+  changesDiffOpenDesc: '"Ayrı bir diff sekmesinde aç" eylemi diff\'i nereye koyar',
+  changesDiffOpenFloat: 'Serbest pencere',
+  changesDiffOpenFloatDesc: 'Görünümün ortasında yüzen pencere — sürükle, boyutlandır, üstte tut',
+  changesDiffOpenPane: 'Panel',
+  changesDiffOpenPaneDesc: 'Kaynak panelin altına sabitlenmiş (VSCode tarzı diff bölmesi)',
+  changesLoadError: 'Oturum dosya kayıtları şu anda kullanılamıyor',
   staged: 'Sahnelendi',
   unstaged: 'Sahnelenmedi',
   cancel: 'İptal',

src/client/locales-vi.ts

@@ -144,6 +144,13 @@ export const vi: Record<string, string> = {
   changesOpenDiffTab: 'Mở trong tab diff riêng',
   changesClosePreview: 'Đóng xem trước',
   changesResizePreview: 'Điều chỉnh kích thước xem trước',
+  changesDiffOpenTitle: 'diff mở thành',
+  changesDiffOpenDesc: 'Hành động «mở trong tab diff riêng» đặt diff ở đâu',
+  changesDiffOpenFloat: 'Cửa sổ tự do',
+  changesDiffOpenFloatDesc: 'Cửa sổ nổi giữa khung nhìn — kéo, đổi kích thước, ghim trên cùng',
+  changesDiffOpenPane: 'Bảng',
+  changesDiffOpenPaneDesc: 'Gắn dưới bảng nguồn (chia diff kiểu VSCode)',
+  changesLoadError: 'Bản ghi tệp phiên hiện không khả dụng',
   staged: 'Đã stage',
   unstaged: 'Chưa stage',
   cancel: 'Hủy',

src/client/locales-zh-HK.ts

@@ -159,6 +159,13 @@ export const zhHK: Record<string, string> = {
   changesOpenDiffTab: '在獨立分頁中開啟',
   changesClosePreview: '關閉預覽',
   changesResizePreview: '調整預覽高度',
+  changesDiffOpenTitle: '差異展開方式',
+  changesDiffOpenDesc: '「展開為獨立分頁」把 diff 放到哪裡',
+  changesDiffOpenFloat: '浮動視窗',
+  changesDiffOpenFloatDesc: '作為自由視窗置中開啟，可拖拽、縮放、置頂',
+  changesDiffOpenPane: '面板',
+  changesDiffOpenPaneDesc: '停駐在來源面板下方（VSCode 式 diff 分欄）',
+  changesLoadError: '工作階段檔案記錄暫不可用',
   staged: '已暫存',
   unstaged: '未暫存',
   cancel: '取消',

src/client/locales-zh-MO.ts

@@ -159,6 +159,13 @@ export const zhMO: Record<string, string> = {
   changesOpenDiffTab: '在獨立分頁中開啟',
   changesClosePreview: '關閉預覽',
   changesResizePreview: '調整預覽高度',
+  changesDiffOpenTitle: '差異展開方式',
+  changesDiffOpenDesc: '「展開為獨立分頁」把 diff 放到哪裡',
+  changesDiffOpenFloat: '浮動視窗',
+  changesDiffOpenFloatDesc: '作為自由視窗置中開啟，可拖拽、縮放、置頂',
+  changesDiffOpenPane: '面板',
+  changesDiffOpenPaneDesc: '停駐在來源面板下方（VSCode 式 diff 分欄）',
+  changesLoadError: '工作階段檔案記錄暫不可用',
   staged: '已暫存',
   unstaged: '未暫存',
   cancel: '取消',

src/client/locales-zh-TW.ts

@@ -159,6 +159,13 @@ export const zhTW: Record<string, string> = {
   changesOpenDiffTab: '在獨立頁籤中開啟',
   changesClosePreview: '關閉預覽',
   changesResizePreview: '調整預覽高度',
+  changesDiffOpenTitle: '差異展開方式',
+  changesDiffOpenDesc: '「展開為獨立頁籤」把 diff 放到哪裡',
+  changesDiffOpenFloat: '浮動視窗',
+  changesDiffOpenFloatDesc: '作為自由視窗置中開啟，可拖拽、縮放、置頂',
+  changesDiffOpenPane: '面板',
+  changesDiffOpenPaneDesc: '停駐在來源面板下方（VSCode 式 diff 分欄）',
+  changesLoadError: '工作階段檔案記錄暫不可用',
   staged: '已暫存',
   unstaged: '未暫存',
   cancel: '取消',

src/client/locales.ts

@@ -150,6 +150,13 @@ export const zh = {
   changesOpenDiffTab: '在独立页签中打开',
   changesClosePreview: '关闭预览',
   changesResizePreview: '调整预览高度',
+  changesDiffOpenTitle: '差异展开方式',
+  changesDiffOpenDesc: '「展开为独立页签」把 diff 放到哪里',
+  changesDiffOpenFloat: '浮窗',
+  changesDiffOpenFloatDesc: '作为自由窗口居中打开，可拖拽、缩放、置顶',
+  changesDiffOpenPane: '面板',
+  changesDiffOpenPaneDesc: '停靠在源面板下方（VSCode 式 diff 分栏）',
+  changesLoadError: '会话文件记录暂不可用',
   staged: '已暂存',
   unstaged: '未暂存',
   cancel: '取消',
@@ -533,6 +540,13 @@ export const en: Record<keyof typeof zh, string> = {
   changesOpenDiffTab: 'Open in a diff tab',
   changesClosePreview: 'Close preview',
   changesResizePreview: 'Resize preview',
+  changesDiffOpenTitle: 'Diff opens as',
+  changesDiffOpenDesc: 'Where the "expand to a diff tab" action lands the diff',
+  changesDiffOpenFloat: 'Free window',
+  changesDiffOpenFloatDesc: 'A floating window centered on the viewport — drag, resize, keep on top',
+  changesDiffOpenPane: 'Pane',
+  changesDiffOpenPaneDesc: 'Docked below the source panel (VSCode-style diff split)',
+  changesLoadError: 'Session file records are unavailable right now',
   staged: 'Staged',
   unstaged: 'Unstaged',
   cancel: 'Cancel',

src/client/prefs.ts

@@ -82,6 +82,9 @@ export function parsePrefs(value: unknown): SidebarPrefs {
     editorExplorer: typeof record.editorExplorer === 'boolean'
       ? record.editorExplorer
       : SIDEBAR_PREFS_DEFAULTS.editorExplorer,
+    changesDiffFloat: typeof record.changesDiffFloat === 'boolean'
+      ? record.changesDiffFloat
+      : SIDEBAR_PREFS_DEFAULTS.changesDiffFloat,
     workspaceFence: typeof record.workspaceFence === 'boolean'
       ? record.workspaceFence
       : SIDEBAR_PREFS_DEFAULTS.workspaceFence,