\n {renderMessageBanner()}\n \n {/* Tabs */}\n

\n \n \n

\n \n {/* Controls */}\n

\n setSearchTerm(e.target.value)} className=\"w-full bg-gray-800 p-3 rounded-lg pl-10 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 border border-gray-700 focus:border-blue-500\" />\n

\n \n

\n \n \n

\n \n

\n {isUnfollowing ? : }\n

\n \n {isUnfollowing &&

🔄 Batch: {currentBatch}/{totalBatches}

✓ {Math.round(progress)}% Complete

\n {countdown > 0 &&

⏱️ Pausing: {countdown}s remaining

}\n

\n {renderProgress()}\n

}\n \n {/* Auto-Remove Explanation */}\n

\n \n 🧹 Auto Remove Feature\n

\n The \"Auto Remove Filtered\" button will automatically select and process all users that match your current filters.\n Use the search bar and filters to target specific users, then click Auto Remove to process them in batches of 50 with pauses to avoid rate limits.\n

\n ✨ Custom filtering\n 🔍 Search integration\n ⚡ Auto selection\n 🚀 Batch processing\n

\n \n {/* Users List */}\n

\n {loading ?

\n \n Loading {activeTab === 'following' ? 'people you follow' : 'your followers'}... 🔄\n

: filteredUsers.length === 0 ?

\n \n

No users match your current filters 🔍

\n {filteredUsers.map(user =>

\n {user.isPremium &&

\n \n

}\n

\n \n

\n {user.name}\n {user.isPremium && }\n

@{user.username}

\n \n {activeTab === 'following' ? `📅 Following since ${user.followedDate}` : `📅 Follows you since ${user.followedDate}`}\n \n \n {user.lastActive.includes('months') ? `⚠️ ${user.lastActive}` : `✅ ${user.lastActive}`}\n \n {activeTab === 'following' && user.isFollowingYou && 🔄 Follows you back}\n {activeTab === 'followers' && user.youAreFollowing && 🔄 You follow back}\n

\n \n \n

)}\n

}\n

\n \n ⚙️ X API Settings\n

\n \n 🔗 Connect to X\n

\n \n 📊 X Account Dashboard\n

\n \n Followers Growth\n

\n \n Impressions\n

\n \n Account Health Score\n

\n \n Purge Recommendations\n

{title}

\n xPurge ✨\n

\n \n 🧹 Auto Remove Feature\n

say something