Social Graph Web3 Block for React Aria

Every account you don't follow is counted by how many of the accounts you follow follow it. Those with at least two are kept, the most-followed first, up to three. Following someone can bring new ones in, because their follows now count, and unfollowing someone can take some out.

So the list never moves under your pointer or your keyboard focus. A list is rebuilt from the follows when you switch tabs, the counts in the tab labels update at once, and the status line says so. Following a suggestion removes it from the band and returns focus to its heading.

An account that follows you and that you follow back. The followers are fixed in the typed data, so Mutual grows when you follow a follower, for example from the Followers tab.

All of it. The accounts, addresses, interests and follow edges (PEOPLE, FOLLOWERS) are typed, and a follow only changes local state. In your app read the graph from your indexer or protocol contract, send a follow as a signed transaction or message, and rank suggestions on the server so a large graph never reaches the browser.

Yes. The tabs move with the arrow keys, each list is a named scroll region, each Follow toggle names the person and says whether it is pressed, and one polite status message reports every change. Following is shown by a word and a solid fill, never a color.

The three tabs share the width with their counts, rows keep the avatar, name and toggle with the address and interests wrapping beneath, and the list scrolls inside its own region above the suggestions.