Function McpMigrationPicker

src/ui/components/McpMigrationPicker.tsx:26–139

({
  entries,
  onConfirm,
  onCancel,
}: McpMigrationPickerProps)

 * real `applyMigration` and reports the skipped count from conflicts.
 */
export function McpMigrationPicker({
  entries,
  onConfirm,
  onCancel,
}: McpMigrationPickerProps) {
  const [selected, setSelected] = useState(0);
  const [checked, setChecked] = useState<Set<string>>(
    () => new Set(entries.map((e) => e.key)),
  );

  useInput((input, key) => {
    if (key.escape) {
      onCancel();
      return;
    }
    if (key.upArrow) {
      setSelected((s) => (s - 1 + entries.length) % entries.length);
      return;
    }
    if (key.downArrow || key.tab) {
      setSelected((s) => (s + 1) % entries.length);
      return;
    }
    if (key.return) {
      const picked: MigrationEntry[] = [];
      for (const entry of entries) {
        if (checked.has(entry.key)) picked.push(entry);
      }
      onConfirm(picked);
      return;
    }
    if (input === " ") {
      const entry = entries[selected];
      if (!entry) return;
      setChecked((prev) => {
        const next = new Set(prev);
        if (next.has(entry.key)) next.delete(entry.key);
        else next.add(entry.key);
        return next;
      });
    }
  });

  if (entries.length === 0) {
    return (
      <Box
        flexDirection="column"
        borderStyle="round"
        borderColor={COLORS.primary}
        paddingX={1}
      >
        <Text bold color={COLORS.primary}>
          Migrate MCP servers
        </Text>
        <Text dimColor>No MCP servers found on this machine to migrate.</Text>
        <Text dimColor>
          Install Claude Code or Claude Desktop, or add servers with `orbcode
          mcp add`.