功能: 文件与目录支持重命名(FE-020)，挂起面板展示旧名→新名

Co-authored-by: Cursor <cursoragent@cursor.com>

mactfsui/app/components/app/workspace-dialogs.tsx

@@ -7,6 +7,7 @@ import { GetVersionDialog } from "~/components/explorer/get-version-dialog"
 import { HistoryDialog } from "~/components/explorer/history-dialog"
 import { MappingDialog } from "~/components/explorer/mapping-dialog"
 import { PropertiesDialog } from "~/components/explorer/properties-dialog"
+import { RenameDialog } from "~/components/explorer/rename-dialog"
 import type { WorkspaceDialogState } from "~/hooks/use-file-actions"
 import type { MappingInfo } from "~/lib/api"
 import type { FileActionId, FileTarget } from "~/lib/tfs"
@@ -25,6 +26,7 @@ export function WorkspaceDialogs({
   onConflictsResolved,
   onForceGetConfirmed,
   onGetVersion,
+  onRenameConfirmed,
 }: {
   dialog: WorkspaceDialogState
   mappings: MappingInfo[]
@@ -35,6 +37,7 @@ export function WorkspaceDialogs({
   onConflictsResolved: () => void
   onForceGetConfirmed: (serverPath: string, folder: boolean) => Promise<void>
   onGetVersion: (serverPath: string, changeset: number, folder: boolean) => Promise<boolean>
+  onRenameConfirmed: (serverPath: string, newName: string) => Promise<boolean>
 }) {
   if (!dialog) {
     return null
@@ -93,6 +96,15 @@ export function WorkspaceDialogs({
       )
     case "properties":
       return <PropertiesDialog target={dialog.target} onClose={onClose} />
+    case "rename":
+      return (
+        <RenameDialog
+          serverPath={dialog.serverPath}
+          folder={dialog.folder}
+          onConfirm={(newName) => onRenameConfirmed(dialog.serverPath, newName)}
+          onClose={onClose}
+        />
+      )
     case "getVersion":
       return (
         <GetVersionDialog

mactfsui/app/components/app/workspace-shell.tsx

@@ -147,6 +147,7 @@ export function WorkspaceShell({
           onConflictsResolved={actions.handleConflictsResolved}
           onForceGetConfirmed={actions.handleForceGetConfirmed}
           onGetVersion={actions.runGetVersion}
+          onRenameConfirmed={actions.handleRenameConfirmed}
         />
       </div>
     </TooltipProvider>

mactfsui/app/components/explorer/rename-dialog.tsx

@@ -0,0 +1,113 @@
+import { useMemo, useState } from "react"
+
+import { Button } from "~/components/ui/button"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "~/components/ui/dialog"
+import { Input } from "~/components/ui/input"
+
+// Windows / TFS 路径名非法字符。
+const INVALID_NAME_PATTERN = /[\\/:*?"<>|]/
+
+/**
+ * 重命名弹窗：同目录改名，校验非空、非法字符与同名；
+ * 确认后产生 rename 挂起更改（由编排层调用接口并刷新）。
+ */
+export function RenameDialog({
+  serverPath,
+  folder,
+  onConfirm,
+  onClose,
+}: {
+  serverPath: string
+  folder: boolean
+  /** 确认重命名，由编排层执行 API 与刷新，返回是否成功。 */
+  onConfirm: (newName: string) => Promise<boolean>
+  onClose: () => void
+}) {
+  const currentName = useMemo(
+    () => serverPath.slice(serverPath.lastIndexOf("/") + 1),
+    [serverPath],
+  )
+  const [name, setName] = useState(currentName)
+  const [busy, setBusy] = useState(false)
+
+  const trimmed = name.trim()
+  const validation =
+    trimmed.length === 0
+      ? "名称不能为空"
+      : INVALID_NAME_PATTERN.test(trimmed)
+        ? '名称不能包含 / \\ : * ? " < > | 字符'
+        : trimmed === currentName
+          ? "新名称与当前名称相同"
+          : null
+
+  return (
+    <Dialog open onOpenChange={(open) => !open && !busy && onClose()}>
+      <DialogContent className="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>重命名{folder ? "目录" : "文件"}</DialogTitle>
+          <DialogDescription className="font-mono text-xs">{serverPath}</DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-2">
+          <Input
+            value={name}
+            onChange={(event) => setName(event.target.value)}
+            autoFocus
+            onFocus={(event) => {
+              // 文件默认选中主名部分，便于直接输入新名称。
+              const dot = folder ? -1 : currentName.lastIndexOf(".")
+              event.target.setSelectionRange(0, dot > 0 ? dot : currentName.length)
+            }}
+            onKeyDown={(event) => {
+              if (event.key === "Enter" && validation == null && !busy) {
+                event.preventDefault()
+                void (async () => {
+                  setBusy(true)
+                  const ok = await onConfirm(trimmed)
+                  setBusy(false)
+                  if (ok) {
+                    onClose()
+                  }
+                })()
+              }
+            }}
+          />
+          {validation != null && trimmed !== currentName && (
+            <p className="text-xs text-destructive">{validation}</p>
+          )}
+          <p className="text-xs text-muted-foreground">
+            重命名会产生挂起更改，签入后服务器才会生效；签入前可在挂起更改面板撤销。
+          </p>
+        </div>
+
+        <DialogFooter>
+          <Button variant="ghost" onClick={onClose} disabled={busy}>
+            取消
+          </Button>
+          <Button
+            disabled={validation != null || busy}
+            onClick={() => {
+              void (async () => {
+                setBusy(true)
+                const ok = await onConfirm(trimmed)
+                setBusy(false)
+                if (ok) {
+                  onClose()
+                }
+              })()
+            }}
+          >
+            {busy ? "正在重命名…" : "重命名"}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}

mactfsui/app/components/inspector/changes-panel.tsx

@@ -235,7 +235,11 @@ function PendingRow({
           <FileText className="size-3.5 shrink-0 text-muted-foreground" />
         )}
         <span className="min-w-0 flex-1">
-          <span className="block truncate text-sm">{change.name}</span>
+          <span className="block truncate text-sm">
+            {change.status === "pendingRename" && change.sourceServerPath
+              ? `${change.sourceServerPath.slice(change.sourceServerPath.lastIndexOf("/") + 1)} → ${change.name}`
+              : change.name}
+          </span>
           <span className="block truncate font-mono text-[10px] leading-3 text-muted-foreground">
             {change.serverPath}
           </span>