Function McpPicker

src/ui/components/McpPicker.tsx:77–396

({ manager, onChanged, onCancel, onDeleted }: McpPickerProps)

 * (disabled), Disable (connected/failed), Reconnect (always), Delete (always).
 */
export function McpPicker({ manager, onChanged, onCancel, onDeleted }: McpPickerProps) {
	const [snapshot, setSnapshot] = useState(() => manager.snapshot())
	const [selected, setSelected] = useState(0)
	const [busy, setBusy] = useState(false)
	const [busyMessage, setBusyMessage] = useState("")
	const [authingServer, setAuthingServer] = useState<string | null>(null)
	const [authUrl, setAuthUrl] = useState("")
	const [actionMode, setActionMode] = useState(false)
	const [actionSelected, setActionSelected] = useState(0)
	// Pending destructive confirmation. The resolve ref unblocks the awaiting
	// `deleteSelected` call when the user picks y/n at the prompt.
	const [pendingConfirm, setPendingConfirm] = useState<{
		title: string
		body: string
		resolve: (ok: boolean) => void
	} | null>(null)
	const codeResolveRef = useRef<((code: string) => void) | null>(null)
	const codeRejectRef = useRef<((reason: Error) => void) | null>(null)

	const servers = snapshot.servers
	const count = servers.length
	const current = servers[selected]
	const actions = current ? buildActions(current) : []

	/** Show a yes/no confirmation and resolve when the user picks one. Used
	 *  for destructive actions like deleting a server. */
	function confirmDangerousAction(title: string, body: string): Promise<boolean> {
		return new Promise<boolean>((resolve) => {
			setPendingConfirm({ title, body, resolve })
		})
	}

	useInput((input, key) => {
		if (authingServer || busy) return

		// A destructive confirmation is in flight. Eat every key except the
		// explicit y/n + enter / esc — matches the rest of the picker's
		// "no shorthand" rule.
		if (pendingConfirm) {
			if (key.escape) {
				pendingConfirm.resolve(false)
				setPendingConfirm(null)
				return
			}
			if (key.return) {
				pendingConfirm.resolve(true)
				setPendingConfirm(null)
				return
			}
			if (input === "y" || input === "Y") {
				pendingConfirm.resolve(true)
				setPendingConfirm(null)
				return
			}
			if (input === "n" || input === "N") {
				pendingConfirm.resolve(false)
				setPendingConfirm(null)
				return