Genarrative/apps/ai-game-creator-shell/src/view/project-development/ResourceRenameDialog.tsx

import { useState } from 'react';

import { PlatformActionButton } from '../../../../../packages/shared/src/components/PlatformActionButton';
import { PlatformTextField } from '../../../../../packages/shared/src/components/PlatformTextField';
import type { GameCreationAppAssetManifestEntry } from '../../../../../packages/shared/src/contracts/gameCreationApp';
import { ThemedModal } from '../../components/modal/ThemedModal';

export type RenameLocalProjectAssetResult = {
  asset: GameCreationAppAssetManifestEntry;
  previousLocalPath: string;
  committedProjectRevision: number;
};

function assetFileName(localPath: string) {
  return localPath.split(/[\\/]/u).pop() ?? localPath;
}

type ResourceRenameDialogProps = {
  open: boolean;
  asset: GameCreationAppAssetManifestEntry;
  renaming: boolean;
  error: string | null;
  onClose: () => void;
  onConfirm: (newFileName: string) => void;
};

/**
 * 素材重命名面板。
 *
 * 只输入新文件名：目录由资产的 `localPath` 决定，用户不能换目录；
 * 扩展名一致、同名冲突等规则由 Rust 侧 `rename_local_project_asset` 强校验，
 * 这里只做输入与错误呈现。
 */
export function ResourceRenameDialog({
  open,
  asset,
  renaming,
  error,
  onClose,
  onConfirm,
}: ResourceRenameDialogProps) {
  const [draft, setDraft] = useState(() => assetFileName(asset.localPath));

  return (
    <ThemedModal
      open={open}
      ariaLabel="重命名素材"
      onClose={onClose}
      // 重命名在飞时头部 × / 取消 / 重命名都已禁用，Escape 与遮罩也必须一起挡住，
      // 保持同一个"在飞不可关闭"的判据。
      closeOnBackdrop={!renaming}
      closeOnEscape={!renaming}
      panelClassName="game-approval-dialog game-resource-rename-dialog"
    >
      <header>
        <div>
          <h2>重命名素材</h2>
          <p>{asset.localPath}</p>
        </div>
        <button
          type="button"
          aria-label="关闭重命名素材"
          onClick={onClose}
          disabled={renaming}
        >
          ×
        </button>
      </header>
      <div className="game-resource-rename-body">
        <PlatformTextField
          aria-label="新文件名"
          value={draft}
          disabled={renaming}
          autoFocus
          onChange={(event) => setDraft(event.currentTarget.value)}
          onKeyDown={(event) => {
            if (event.key === 'Enter' && !renaming && draft.trim() !== '') {
              event.preventDefault();
              onConfirm(draft);
            }
          }}
        />
        {error ? (
          <p className="game-resource-rename-error" role="alert">
            {error}
          </p>
        ) : null}
      </div>
      <footer>
        <PlatformActionButton
          tone="secondary"
          onClick={onClose}
          disabled={renaming}
        >
          取消
        </PlatformActionButton>
        <PlatformActionButton
          aria-label="确认重命名素材"
          onClick={() => onConfirm(draft)}
          disabled={renaming || draft.trim() === ''}
        >
          重命名
        </PlatformActionButton>
      </footer>
    </ThemedModal>
  );
}