diff --git a/frontend/__tests__/wallet-connect.test.tsx b/frontend/__tests__/wallet-connect.test.tsx
new file mode 100644
index 00000000..71c435bd
--- /dev/null
+++ b/frontend/__tests__/wallet-connect.test.tsx
@@ -0,0 +1,162 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { WalletConnect } from '../src/components/wallet-connect';
+import { AccessibilityProvider } from '../src/contexts/AccessibilityContext';
+
+jest.mock('framer-motion', () => {
+  const React = require('react');
+  return {
+    ...jest.requireActual('framer-motion'),
+    motion: new Proxy(
+      {},
+      {
+        get: (_, tag) =>
+          React.forwardRef(function MotionComponent(props: any, ref: any) {
+            const { initial, animate, exit, transition, whileHover, whileTap, layout, ...rest } = props;
+            return React.createElement(tag, { ...rest, ref });
+          }),
+      },
+    ),
+    AnimatePresence: ({ children }: { children: React.ReactNode }) => children,
+  };
+});
+
+jest.mock('@stellar/freighter-api', () => ({
+  __esModule: true,
+  default: {
+    isConnected: jest.fn(),
+    getPublicKey: jest.fn(),
+  },
+}));
+
+function renderWithProviders(ui: React.ReactElement) {
+  return render(<AccessibilityProvider>{ui}</AccessibilityProvider>);
+}
+
+// Reset the mocked freighter module state between tests
+const mockFreighter = require('@stellar/freighter-api').default as {
+  isConnected: jest.Mock;
+  getPublicKey: jest.Mock;
+};
+
+describe('WalletConnect', () => {
+  beforeEach(() => {
+    mockFreighter.isConnected.mockReset();
+    mockFreighter.getPublicKey.mockReset();
+    (global as any).window.freighter = { getPublicKey: jest.fn() };
+    (global as any).window.albedo = undefined;
+    (global as any).window.lobstr = undefined;
+  });
+
+  afterEach(() => {
+    delete (global as any).window.freighter;
+    delete (global as any).window.albedo;
+    delete (global as any).window.lobstr;
+  });
+
+  it('renders the connect button', () => {
+    renderWithProviders(<WalletConnect onConnect={() => {}} />);
+    expect(screen.getByLabelText('Connect wallet')).toBeInTheDocument();
+  });
+
+  it('connects via Freighter and calls onConnect with the address', async () => {
+    mockFreighter.isConnected.mockResolvedValue(true);
+    mockFreighter.getPublicKey.mockResolvedValue('GC4CQK3WXU7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U');
+    const onConnect = jest.fn();
+
+    renderWithProviders(<WalletConnect onConnect={onConnect} />);
+    fireEvent.click(screen.getByLabelText('Connect wallet'));
+
+    await waitFor(() => {
+      expect(mockFreighter.getPublicKey).toHaveBeenCalled();
+    });
+    await waitFor(() => {
+      expect(onConnect).toHaveBeenCalledWith('GC4CQK3WXU7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U');
+    });
+  });
+
+  it('displays a truncated wallet address after connecting', async () => {
+    mockFreighter.isConnected.mockResolvedValue(true);
+    mockFreighter.getPublicKey.mockResolvedValue('GC4CQK3WXU7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U');
+    const onConnect = jest.fn();
+
+    renderWithProviders(<WalletConnect onConnect={onConnect} />);
+    fireEvent.click(screen.getByLabelText('Connect wallet'));
+
+    await waitFor(() => {
+      expect(screen.getByLabelText('Disconnect wallet')).toBeInTheDocument();
+    });
+    // Truncated address should be present (GC4CQ...U7U7U7U)
+    expect(screen.getByText(/GC4CQ/)).toBeInTheDocument();
+    const mono = screen.getByText(/U7U7U7U/);
+    expect(mono).toBeInTheDocument();
+    expect(mono.textContent).toBe('GC4CQ...U7U7U7U');
+  });
+
+  it('calls onDisconnect when the disconnect button is clicked', async () => {
+    mockFreighter.isConnected.mockResolvedValue(true);
+    mockFreighter.getPublicKey.mockResolvedValue('GC4CQK3WXU7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U');
+    const onDisconnect = jest.fn();
+
+    renderWithProviders(
+      <WalletConnect onConnect={() => {}} onDisconnect={onDisconnect} />,
+    );
+    fireEvent.click(screen.getByLabelText('Connect wallet'));
+
+    await waitFor(() => {
+      expect(screen.getByLabelText('Disconnect wallet')).toBeInTheDocument();
+    });
+    fireEvent.click(screen.getByLabelText('Disconnect wallet'));
+
+    await waitFor(() => {
+      expect(onDisconnect).toHaveBeenCalled();
+    });
+    // Should return to connect state
+    expect(screen.getByLabelText('Connect wallet')).toBeInTheDocument();
+  });
+
+  it('shows an error message when Freighter is not installed', async () => {
+    mockFreighter.isConnected.mockRejectedValue(new Error('Freighter not found'));
+    (global as any).window.freighter = undefined;
+
+    renderWithProviders(<WalletConnect onConnect={() => {}} />);
+    fireEvent.click(screen.getByLabelText('Connect wallet'));
+
+    await waitFor(() => {
+      const alert = screen.getByRole('alert');
+      expect(alert).toBeInTheDocument();
+      expect(alert.textContent).toMatch(/Freighter/);
+    });
+  });
+
+  it('opens the wallet selector when multiple wallets are available', () => {
+    (global as any).window.freighter = { getPublicKey: jest.fn() };
+    (global as any).window.albedo = { publicKey: jest.fn() };
+
+    renderWithProviders(<WalletConnect onConnect={() => {}} />);
+    // Button should indicate a selector
+    const button = screen.getByLabelText('Select wallet to connect');
+    fireEvent.click(button);
+
+    expect(screen.getByRole('listbox')).toBeInTheDocument();
+    expect(screen.getByText('Freighter')).toBeInTheDocument();
+    expect(screen.getByText('Albedo')).toBeInTheDocument();
+  });
+
+  it('shows copy button and Stellar Expert link when connected', async () => {
+    mockFreighter.isConnected.mockResolvedValue(true);
+    mockFreighter.getPublicKey.mockResolvedValue('GC4CQK3WXU7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U');
+
+    renderWithProviders(<WalletConnect onConnect={() => {}} />);
+    fireEvent.click(screen.getByLabelText('Connect wallet'));
+
+    await waitFor(() => {
+      expect(screen.getByLabelText('Copy wallet address')).toBeInTheDocument();
+      expect(screen.getByLabelText('View on Stellar Expert')).toBeInTheDocument();
+    });
+    const link = screen.getByLabelText('View on Stellar Expert');
+    expect(link).toHaveAttribute(
+      'href',
+      'https://stellar.expert/explorer/public/account/GC4CQK3WXU7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U7U',
+    );
+  });
+});
\ No newline at end of file
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index e4133efd..598707e9 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -84,7 +84,7 @@ export default function Home() {
             </div>
             <div className="flex items-center gap-4">
               <NotificationBell />
-              <WalletConnect onConnect={setWalletAddress} />
+              <WalletConnect onConnect={setWalletAddress} onDisconnect={() => setWalletAddress(null)} />
             </div>
           </div>
         </header>
diff --git a/frontend/src/components/wallet-connect.tsx b/frontend/src/components/wallet-connect.tsx
index a8146307..9f338571 100644
--- a/frontend/src/components/wallet-connect.tsx
+++ b/frontend/src/components/wallet-connect.tsx
@@ -1,88 +1,256 @@
 'use client';
 
 import { useState, useCallback } from 'react';
-import { Wallet, Check } from 'lucide-react';
+import { Wallet, Check, LogOut, ChevronDown, Copy, ExternalLink } from 'lucide-react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { SuccessToast } from './animations';
 import { useAccessibility } from '@/contexts/AccessibilityContext';
 
+type WalletProvider = 'freighter' | 'albedo' | 'lobstr';
+
+interface WalletInfo {
+  provider: WalletProvider;
+  address: string;
+}
+
 interface WalletConnectProps {
   onConnect: (address: string) => void;
+  onDisconnect?: () => void;
 }
 
-export function WalletConnect({ onConnect }: WalletConnectProps) {
+const WALLET_NAMES: Record<WalletProvider, string> = {
+  freighter: 'Freighter',
+  albedo: 'Albedo',
+  lobstr: 'LOBSTR',
+};
+
+const WALLET_ICONS: Record<WalletProvider, string> = {
+  freighter: '🔐',
+  albedo: '🌐',
+  lobstr: '🦞',
+};
+
+/**
+ * Truncate a Stellar public key for display.
+ * e.g. "GABCDEF1234567890XYZ" → "GABCD...7890XYZ"
+ */
+function truncateAddress(address: string): string {
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 5)}...${address.slice(-7)}`;
+}
+
+/**
+ * Detect available wallet providers in the browser.
+ */
+function detectAvailableWallets(): WalletProvider[] {
+  if (typeof window === 'undefined') return [];
+  const available: WalletProvider[] = [];
+  if ((window as any).freighter?.getPublicKey) available.push('freighter');
+  if ((window as any).albedo) available.push('albedo');
+  if ((window as any).lobstr) available.push('lobstr');
+  return available;
+}
+
+/**
+ * Connect to a wallet and return the public key.
+ */
+async function connectWalletProvider(
+  provider: WalletProvider,
+): Promise<string> {
+  switch (provider) {
+    case 'freighter': {
+      // Use @stellar/freighter-api if available, otherwise fallback to window.freighter
+      try {
+        const { default: freighter } = await import('@stellar/freighter-api');
+        const isConnected = await freighter.isConnected();
+        if (!isConnected) {
+          throw new Error('Freighter is not connected. Please open Freighter and unlock your wallet.');
+        }
+        const publicKey = await freighter.getPublicKey();
+        return publicKey;
+      } catch {
+        // Fallback to window.freighter for older versions
+        if ((window as any).freighter?.getPublicKey) {
+          return (window as any).freighter.getPublicKey();
+        }
+        throw new Error('Freighter is not available. Please install the Freighter browser extension.');
+      }
+    }
+    case 'albedo': {
+      if (!(window as any).albedo) {
+        throw new Error('Albedo is not available. Please install the Albedo wallet extension.');
+      }
+      const result = await (window as any).albedo.publicKey();
+      return result.publicKey;
+    }
+    case 'lobstr': {
+      if (!(window as any).lobstr) {
+        throw new Error('LOBSTR is not available. Please install the LOBSTR wallet extension.');
+      }
+      const publicKey = await (window as any).lobstr.getPublicKey();
+      return publicKey;
+    }
+    default:
+      throw new Error('Unsupported wallet provider');
+  }
+}
+
+export function WalletConnect({ onConnect, onDisconnect }: WalletConnectProps) {
+  const [wallet, setWallet] = useState<WalletInfo | null>(null);
   const [isConnecting, setIsConnecting] = useState(false);
-  const [isConnected, setIsConnected] = useState(false);
   const [showToast, setShowToast] = useState(false);
+  const [showWalletMenu, setShowWalletMenu] = useState(false);
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const [copied, setCopied] = useState(false);
   const { announceToScreenReader } = useAccessibility();
 
-  const connectWallet = useCallback(async () => {
-    if (isConnected) return;
-    setIsConnecting(true);
-    announceToScreenReader('Connecting to wallet...');
-    try {
-      if (typeof window !== 'undefined' && (window as any).freighter) {
-        const address = await (window as any).freighter.getPublicKey();
+  const availableWallets = detectAvailableWallets();
+
+  const handleConnect = useCallback(
+    async (provider: WalletProvider) => {
+      if (wallet) return;
+      setIsConnecting(true);
+      setErrorMessage(null);
+      announceToScreenReader(`Connecting to ${WALLET_NAMES[provider]}...`);
+      setShowWalletMenu(false);
+
+      try {
+        const address = await connectWalletProvider(provider);
+        const newWallet: WalletInfo = { provider, address };
+        setWallet(newWallet);
         onConnect(address);
-        setIsConnected(true);
         setShowToast(true);
-        announceToScreenReader('Wallet connected successfully');
+        announceToScreenReader(`${WALLET_NAMES[provider]} wallet connected successfully`);
         setTimeout(() => setShowToast(false), 3000);
-      } else {
-        announceToScreenReader('Please install Freighter wallet extension', 'assertive');
-        alert('Please install Freighter wallet extension');
-      }
-    } catch (error) {
-      console.error('Failed to connect wallet:', error);
-      announceToScreenReader('Failed to connect wallet', 'assertive');
-      alert('Failed to connect wallet');
-    } finally {
-      setIsConnecting(false);
-    }
-  }, [isConnected, onConnect, announceToScreenReader]);
-
-  const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent) => {
-      if (e.key === 'Enter' || e.key === ' ') {
-        e.preventDefault();
-        connectWallet();
+      } catch (error) {
+        const message =
+          error instanceof Error ? error.message : 'Failed to connect wallet';
+        setErrorMessage(message);
+        announceToScreenReader(message, 'assertive');
+        console.error('Failed to connect wallet:', error);
+      } finally {
+        setIsConnecting(false);
       }
     },
-    [connectWallet]
+    [wallet, onConnect, announceToScreenReader],
   );
 
+  const handleDisconnect = useCallback(() => {
+    if (!wallet) return;
+    const providerName = WALLET_NAMES[wallet.provider];
+    setWallet(null);
+    setErrorMessage(null);
+    setCopied(false);
+    onDisconnect?.();
+    announceToScreenReader(`${providerName} wallet disconnected`);
+  }, [wallet, onDisconnect, announceToScreenReader]);
+
+  const handleCopyAddress = useCallback(async () => {
+    if (!wallet) return;
+    try {
+      await navigator.clipboard.writeText(wallet.address);
+      setCopied(true);
+      announceToScreenReader('Wallet address copied to clipboard');
+      setTimeout(() => setCopied(false), 2000);
+    } catch {
+      announceToScreenReader('Failed to copy address', 'assertive');
+    }
+  }, [wallet, announceToScreenReader]);
+
+  // Connected state: show wallet info
+  if (wallet) {
+    return (
+      <>
+        <div className="flex items-center gap-3">
+          <div className="flex items-center gap-2 px-3 py-2 rounded-lg bg-white/10">
+            <span aria-hidden="true">{WALLET_ICONS[wallet.provider]}</span>
+            <span className="text-white text-sm font-mono">
+              {truncateAddress(wallet.address)}
+            </span>
+            <button
+              onClick={handleCopyAddress}
+              className="p-1 rounded hover:bg-white/10 transition-colors"
+              aria-label={copied ? 'Address copied' : 'Copy wallet address'}
+              title="Copy address"
+            >
+              <Copy className="w-3.5 h-3.5 text-green-300" aria-hidden="true" />
+            </button>
+            <a
+              href={`https://stellar.expert/explorer/public/account/${wallet.address}`}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="p-1 rounded hover:bg-white/10 transition-colors"
+              aria-label="View on Stellar Expert"
+              title="View on Stellar Expert"
+            >
+              <ExternalLink className="w-3.5 h-3.5 text-green-300" aria-hidden="true" />
+            </a>
+          </div>
+          <button
+            onClick={handleDisconnect}
+            className="flex items-center gap-1.5 px-3 py-2 rounded-lg bg-red-600/80 hover:bg-red-600 text-white text-sm font-medium transition-colors"
+            aria-label="Disconnect wallet"
+          >
+            <LogOut className="w-4 h-4" aria-hidden="true" />
+            Disconnect
+          </button>
+        </div>
+
+        <SuccessToast
+          show={showToast}
+          title="Wallet Connected"
+          description={`Your ${WALLET_NAMES[wallet.provider]} wallet is ready`}
+        />
+      </>
+    );
+  }
+
+  // Disconnected state: show connect button or wallet selector
   return (
     <>
-      <motion.button
-        onClick={connectWallet}
-        onKeyDown={handleKeyDown}
-        disabled={isConnecting}
-        aria-label={isConnected ? 'Wallet connected' : isConnecting ? 'Connecting wallet' : 'Connect wallet'}
-        aria-busy={isConnecting}
-        className={`flex items-center gap-2 px-6 py-3 rounded-lg font-medium transition-colors disabled:opacity-50 ${
-          isConnected
-            ? 'bg-green-600 text-white'
-            : 'bg-blue-600 hover:bg-blue-700 text-white'
-        }`}
-        whileHover={isConnected ? {} : { scale: 1.03 }}
-        whileTap={isConnected ? {} : { scale: 0.97 }}
-      >
-        <AnimatePresence mode="wait">
-          {isConnected ? (
+      <div className="relative">
+        <motion.button
+          onClick={() => {
+            if (availableWallets.length > 1) {
+              setShowWalletMenu(!showWalletMenu);
+            } else if (availableWallets.length === 1) {
+              handleConnect(availableWallets[0]);
+            } else {
+              setErrorMessage('No wallet extensions detected. Please install Freighter, Albedo, or LOBSTR.');
+            }
+          }}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+              e.preventDefault();
+              if (availableWallets.length > 1) {
+                setShowWalletMenu(!showWalletMenu);
+              } else if (availableWallets.length === 1) {
+                handleConnect(availableWallets[0]);
+              }
+            }
+          }}
+          disabled={isConnecting}
+          aria-label={
+            isConnecting
+              ? 'Connecting wallet'
+              : availableWallets.length > 1
+                ? 'Select wallet to connect'
+                : 'Connect wallet'
+          }
+          aria-expanded={showWalletMenu ? true : undefined}
+          aria-haspopup={availableWallets.length > 1 ? 'listbox' : undefined}
+          aria-busy={isConnecting}
+          className={`flex items-center gap-2 px-6 py-3 rounded-lg font-medium transition-colors disabled:opacity-50 ${
+            isConnecting
+              ? 'bg-blue-600 text-white cursor-wait'
+              : 'bg-blue-600 hover:bg-blue-700 text-white'
+          }`}
+          whileHover={isConnecting ? {} : { scale: 1.03 }}
+          whileTap={isConnecting ? {} : { scale: 0.97 }}
+        >
+          <AnimatePresence mode="wait">
             <motion.div
-              key="check"
-              className="flex items-center gap-2"
-              initial={{ opacity: 0, scale: 0.5 }}
-              animate={{ opacity: 1, scale: 1 }}
-              exit={{ opacity: 0, scale: 0.5 }}
-              transition={{ type: 'spring', stiffness: 400, damping: 20 }}
-            >
-              <Check className="w-5 h-5" aria-hidden="true" />
-              Connected
-            </motion.div>
-          ) : (
-            <motion.div
-              key="wallet"
+              key="connect"
               className="flex items-center gap-2"
               initial={{ opacity: 0 }}
               animate={{ opacity: 1 }}
@@ -90,16 +258,77 @@ export function WalletConnect({ onConnect }: WalletConnectProps) {
             >
               <Wallet className="w-5 h-5" aria-hidden="true" />
               {isConnecting ? 'Connecting...' : 'Connect Wallet'}
+              {availableWallets.length > 1 && (
+                <ChevronDown className="w-4 h-4" aria-hidden="true" />
+              )}
+            </motion.div>
+          </AnimatePresence>
+        </motion.button>
+
+        {/* Wallet selector dropdown */}
+        <AnimatePresence>
+          {showWalletMenu && (
+            <motion.div
+              initial={{ opacity: 0, y: -8 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: -8 }}
+              transition={{ duration: 0.15 }}
+              className="absolute right-0 mt-2 w-56 rounded-lg bg-white shadow-xl border border-slate-200 overflow-hidden z-50"
+              role="listbox"
+              aria-label="Select a wallet"
+            >
+              {availableWallets.map((provider) => (
+                <button
+                  key={provider}
+                  onClick={() => handleConnect(provider)}
+                  className="flex items-center gap-3 w-full px-4 py-3 text-left text-slate-800 hover:bg-slate-50 transition-colors border-b border-slate-100 last:border-b-0"
+                  role="option"
+                  aria-selected={false}
+                >
+                  <span className="text-xl" aria-hidden="true">
+                    {WALLET_ICONS[provider]}
+                  </span>
+                  <div>
+                    <div className="font-medium text-sm">{WALLET_NAMES[provider]}</div>
+                    <div className="text-xs text-slate-500">
+                      {provider === 'freighter'
+                        ? 'Stellar wallet extension'
+                        : provider === 'albedo'
+                          ? 'Web-based Stellar wallet'
+                          : 'Mobile-friendly Stellar wallet'}
+                    </div>
+                  </div>
+                </button>
+              ))}
             </motion.div>
           )}
         </AnimatePresence>
-      </motion.button>
+      </div>
 
-      <SuccessToast
-        show={showToast}
-        title="Wallet Connected"
-        description="Your Stellar wallet is ready"
-      />
+      {/* Error message */}
+      <AnimatePresence>
+        {errorMessage && (
+          <motion.div
+            initial={{ opacity: 0, y: -8 }}
+            animate={{ opacity: 1, y: 0 }}
+            exit={{ opacity: 0, y: -8 }}
+            className="absolute right-0 mt-16 w-72 px-4 py-3 rounded-lg bg-red-600/90 text-white text-sm shadow-lg"
+            role="alert"
+          >
+            <div className="flex items-start gap-2">
+              <span className="font-medium">Error:</span>
+              <span>{errorMessage}</span>
+            </div>
+            <button
+              onClick={() => setErrorMessage(null)}
+              className="absolute top-1 right-1 p-1 text-white/70 hover:text-white"
+              aria-label="Dismiss error"
+            >
+              ×
+            </button>
+          </motion.div>
+        )}
+      </AnimatePresence>
     </>
   );
-}
+}
\ No newline at end of file