Selector 组件

// UpscaleSelector props
interface UpscaleSelectorProps {
  threadId: string;
  image: Image;
  onClose: () => void;
}

// EraserSelector props
interface EraserSelectorProps {
  threadId: string;
  image: Image;
  getMaskImage: (imageWidth: number, imageHeight: number) => Promise<string | null>;
  onClose: () => void;
  onPaintSizeChange: (size: number) => void;
  onBackward: () => void;
  canBackward: boolean;
}

export function FilterSelector({ threadId, image, onClose }: FilterSelectorProps) {
  // 1. 本地状态
  const [selectedFilter, setSelectedFilter] = useState<Filter | null>(null);
  const [isProcessing, setIsProcessing] = useState(false);

  // 2. 确认处理
  const handleConfirm = async () => {
    setIsProcessing(true);
    // 调用 API
    await applyFilter({ imageId: image.id, filterId: selectedFilter.id });
    onClose();
  };

  // 3. 渲染 UI
  return (
    <div>
      {/* 选择界面 */}
    </div>
  );
}