feat(servers): add Disconnect entry to the server context menu when connected

Pairs with the pulsing health indicator from the previous commit and
closes the other half of issue #222: the right-click menu on a saved
server now offers a Disconnect entry, but only when the profile has
at least one open session in the tab strip. When nothing is connected
the entry simply does not appear, so the menu mirrors the actual
connection state instead of showing a no-op.

Disconnect closes every session whose savedServerId matches the
selected profile (covers the multi-tab case where the same saved
server has been opened more than once). It reuses the existing
closeSession path, which already takes care of switching to another
session or calling disconnectFromFtp when nothing is left.

Wiring is symmetric with activeProfileIds: App.tsx exposes a
disconnectProfile(profileId) callback, IntroHub forwards it, and
MyServersPanel reads activeProfileIds + onDisconnectProfile from
props to gate the entry. No new i18n key needed: common.disconnect
is already translated in every locale.

Co-Authored-By: aeroftp[bot] <aeroftp[bot]@users.noreply.github.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Rael Bauer <13108198+raelb@users.noreply.github.com>

Author: 4 people

src/App.tsx

@@ -5085,6 +5085,19 @@ interface UpdateVerificationInfo {
     setSessions(prev => prev.filter(s => s.id !== sessionId));
   };
 
+  // Issue #222: close every open session whose savedServerId matches the
+  // given profile id. Reached from the server card context menu when the
+  // profile is in the activeProfileIds set, so the entry only shows for
+  // saved servers that actually have a live session.
+  const disconnectProfile = useCallback(async (profileId: string) => {
+    const targetIds = sessions
+      .filter(s => s.savedServerId === profileId)
+      .map(s => s.id);
+    for (const id of targetIds) {
+      await closeSession(id);
+    }
+  }, [sessions]);
+
   const closeAllSessions = async () => {
     for (const s of sessions) {
       const overlaySessionId = s.aeroVaultOverlaySession?.sessionId;
@@ -11791,6 +11804,7 @@ interface UpdateVerificationInfo {
               onOpenCloudPanel={() => setShowCloudPanel(true)}
               hasExistingSessions={sessions.length > 0}
               activeProfileIds={activeProfileIds}
+              onDisconnectProfile={disconnectProfile}
               serversRefreshKey={serversRefreshKey}
               onServersChanged={() => setServersRefreshKey(k => k + 1)}
               onAeroCloud={() => {

src/components/IntroHub/IntroHub.tsx

@@ -56,6 +56,10 @@ export interface IntroHubProps {
      *  Pulses the per-server health indicator so users can tell at a glance
      *  which saved server they are currently connected to. Issue #222. */
     activeProfileIds?: ReadonlySet<string>;
+    /** Close every open session for the given saved profile. Surfaces as the
+     *  Disconnect entry in the server card context menu, gated on the profile
+     *  being present in `activeProfileIds`. Issue #222. */
+    onDisconnectProfile?: (profileId: string) => void | Promise<void>;
 }
 
 function generateTabId(): string {
@@ -84,6 +88,7 @@ export function IntroHub(props: IntroHubProps) {
         serversRefreshKey,
         onServersChanged,
         activeProfileIds,
+        onDisconnectProfile,
     } = props;
 
     const t = useTranslation();
@@ -387,6 +392,7 @@ export function IntroHub(props: IntroHubProps) {
                         onOpenCrossProfile={onOpenCrossProfile}
                         onOpenMountManager={onOpenMountManager}
                         activeProfileIds={activeProfileIds}
+                        onDisconnectProfile={onDisconnectProfile}
                     />
                 </div>
 

src/components/IntroHub/MyServersPanel.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import { invoke } from '@tauri-apps/api/core';
-import { Plus, Server as ServerIcon, Play, Edit2, Copy, Trash2, Activity, Star, PencilLine, ArrowUpRight, ArrowDownLeft, Database, Globe, Cloud, Camera, Code, Gauge, HardDrive } from 'lucide-react';
+import { Plus, Server as ServerIcon, Play, Edit2, Copy, Trash2, Activity, Star, PencilLine, ArrowUpRight, ArrowDownLeft, Database, Globe, Cloud, Camera, Code, Gauge, HardDrive, LogOut } from 'lucide-react';
 import { ServerProfile, ConnectionParams, ProviderType, getE2EBits, getProtocolClass, isOAuthProvider, isFourSharedProvider, isNativeApiProtocol } from '../../types';
 import { MyServersViewMode, MyServersFilterBy, FILTER_CHIPS, CatalogCategoryId } from '../../types/catalog';
 import { MyServersToolbar } from './MyServersToolbar';
@@ -240,6 +240,9 @@ interface MyServersPanelProps {
     /** Profile ids that have at least one open session in the tab strip.
      *  Drives the pulsing health indicator on cards / rows (issue #222). */
     activeProfileIds?: ReadonlySet<string>;
+    /** Close every open session for the given saved profile. Wired to the
+     *  Disconnect context-menu entry, gated on `activeProfileIds`. #222. */
+    onDisconnectProfile?: (profileId: string) => void | Promise<void>;
 }
 
 const EMPTY_STATE_CATEGORIES: { id: CatalogCategoryId; labelKey: string; icon: React.ReactNode; iconColor: string }[] = [
@@ -262,6 +265,7 @@ export function MyServersPanel({
     onOpenCrossProfile,
     onOpenMountManager,
     activeProfileIds,
+    onDisconnectProfile,
 }: MyServersPanelProps) {
     const t = useTranslation();
     // Lazy init: read localStorage synchronously on first mount so the panel
@@ -1058,13 +1062,26 @@ export function MyServersPanel({
 
     const handleContextMenu = useCallback((e: React.MouseEvent, server: ServerProfile) => {
         const isFav = favorites.has(server.id);
+        const hasActiveSession = activeProfileIds?.has(server.id) ?? false;
         const items: ContextMenuItem[] = [
             { label: t('common.connect'), icon: <Play size={14} />, action: () => handleConnect(server) },
+        ];
+        if (hasActiveSession && onDisconnectProfile) {
+            // Issue #222: Disconnect entry surfaces only when at least one
+            // session is open for this saved profile, so the menu mirrors
+            // the actual connection state instead of showing a no-op entry.
+            items.push({
+                label: t('common.disconnect'),
+                icon: <LogOut size={14} className="text-amber-500" />,
+                action: () => { void onDisconnectProfile(server.id); },
+            });
+        }
+        items.push(
             { label: t('common.edit'), icon: <Edit2 size={14} />, action: () => onEdit(server) },
             { label: t('introHub.renameWithHotkey'), icon: <PencilLine size={14} />, action: () => handleRenameStart(server) },
             { label: t('common.copy'), icon: <Copy size={14} />, action: () => handleDuplicate(server) },
             { label: isFav ? t('introHub.removeFavorite') : t('introHub.addFavorite'), icon: <Star size={14} />, action: () => toggleFavorite(server.id) },
-        ];
+        );
         if (onOpenCrossProfile && servers.length > 1) {
             items.push({
                 label: t('introHub.setAsCrossProfileSource'),
@@ -1090,7 +1107,7 @@ export function MyServersPanel({
             { label: t('common.delete'), icon: <Trash2 size={14} />, action: () => handleDelete(server), danger: true },
         );
         showContextMenu(e, items);
-    }, [t, handleConnect, onEdit, handleDuplicate, handleDelete, handleRenameStart, toggleFavorite, favorites, showContextMenu, onOpenCrossProfile, setAsCrossProfileSource, setAsCrossProfileDestination, servers.length, handleOpenMount]);
+    }, [t, handleConnect, onEdit, handleDuplicate, handleDelete, handleRenameStart, toggleFavorite, favorites, showContextMenu, onOpenCrossProfile, setAsCrossProfileSource, setAsCrossProfileDestination, servers.length, handleOpenMount, activeProfileIds, onDisconnectProfile]);
 
     return (
         <div className="h-full flex flex-col" onClick={handlePanelBlankClick}>