diff --git a/app/globals.css b/app/globals.css
index f703a7b..c207280 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -83,6 +83,31 @@
   to   { width: 100%; }
 }
 
+/* Skeleton shimmer (#693) — linear-gradient sweep for loading placeholders.
+ * Applied alongside `animate-pulse` so skeletons shimmer instead of looking
+ * like flat, broken gray boxes. */
+@keyframes skeleton-shimmer {
+  0%   { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+
+.skeleton-shimmer {
+  background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
+  background-size: 200% 100%;
+  animation: skeleton-shimmer 1.5s ease-in-out infinite;
+}
+
+.dark .skeleton-shimmer {
+  background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
+  background-size: 200% 100%;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skeleton-shimmer {
+    animation: none;
+  }
+}
+
 /* ── Print stylesheet (#555, #571) ────────────────────────────────────────── */
 /*
  * Applied via .print-receipt on /transactions and /stream/[id].
diff --git a/app/transactions/page.tsx b/app/transactions/page.tsx
index 6fe8829..551f253 100644
--- a/app/transactions/page.tsx
+++ b/app/transactions/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useMemo, useState } from 'react';
 import { AlertCircle, RefreshCw, Info, Download, Printer } from 'lucide-react';
 import { useQuery } from '@tanstack/react-query';
 import { Card } from '@/components/ui/Card';
@@ -46,6 +47,32 @@ const STATUS_CLASS: Record<string, string> = {
   Failed:  'text-gray-500 bg-gray-200 line-through',
 };
 
+// Status filter tabs (#692) — client-side only so users troubleshooting a
+// stuck/failed transaction don't scroll through dozens of confirmed items.
+// "Confirmed" maps to the indexer's `Success` status; "Failed" also matches a
+// `Reverted` status alias for chains that report reverts under that name.
+export type TransactionStatusFilter = 'All' | 'Confirmed' | 'Pending' | 'Failed';
+
+export const TRANSACTION_STATUS_FILTERS: readonly TransactionStatusFilter[] = [
+  'All',
+  'Confirmed',
+  'Pending',
+  'Failed',
+] as const;
+
+/** Normalizes a row status for filter comparison (case-insensitive). */
+export function matchesStatusFilter(
+  status: string,
+  filter: TransactionStatusFilter,
+): boolean {
+  if (filter === 'All') return true;
+  const normalized = status.trim().toLowerCase();
+  if (filter === 'Confirmed') return normalized === 'success' || normalized === 'confirmed';
+  if (filter === 'Pending') return normalized === 'pending';
+  // Failed covers both "Failed" and the "Reverted" alias from the issue title.
+  return normalized === 'failed' || normalized === 'reverted';
+}
+
 export default function TransactionsPage() {
   const { publicKey, connected } = useWallet();
   const { timeFormat } = useSettings();
@@ -56,10 +83,31 @@ export default function TransactionsPage() {
     retry: (failureCount, queryError) =>
       !isIndexerNotConfiguredError(queryError) && failureCount < 1,
   });
+  const [statusFilter, setStatusFilter] = useState<TransactionStatusFilter>('All');
+
+  const filteredTxs = useMemo(
+    () => txs.filter((tx) => matchesStatusFilter(tx.status, statusFilter)),
+    [txs, statusFilter],
+  );
+
+  const statusCounts = useMemo(() => {
+    const counts: Record<TransactionStatusFilter, number> = {
+      All: txs.length,
+      Confirmed: 0,
+      Pending: 0,
+      Failed: 0,
+    };
+    for (const tx of txs) {
+      if (matchesStatusFilter(tx.status, 'Confirmed')) counts.Confirmed += 1;
+      else if (matchesStatusFilter(tx.status, 'Pending')) counts.Pending += 1;
+      else if (matchesStatusFilter(tx.status, 'Failed')) counts.Failed += 1;
+    }
+    return counts;
+  }, [txs]);
 
   const isDemoData = connected && txs.length > 0;
   const isIndexerComingSoon = status === 'error' && isIndexerNotConfiguredError(error);
-  const canExport = txs.length > 0;
+  const canExport = filteredTxs.length > 0;
 
   /** Format a timestamp respecting the user's time-format preference (#556). */
   const formatDate = (ts: number) =>
@@ -68,7 +116,7 @@ export default function TransactionsPage() {
   const handleExport = () => {
     if (!canExport) return;
     const stamp = new Date().toISOString().slice(0, 10);
-    downloadCsv(`conduit-transactions-${stamp}.csv`, transactionsToCsv(txs));
+    downloadCsv(`conduit-transactions-${stamp}.csv`, transactionsToCsv(filteredTxs));
   };
 
   const handlePrint = () => window.print();
@@ -164,10 +212,45 @@ export default function TransactionsPage() {
           </div>
         </Card>
       ) : (
+        <>
+          {/* Status filter tabs — client-side only (#692) */}
+          <div
+            role="tablist"
+            aria-label="Filter transactions by status"
+            className="flex flex-wrap gap-2 mb-4 print:hidden"
+          >
+            {TRANSACTION_STATUS_FILTERS.map((filter) => {
+              const isSelected = statusFilter === filter;
+              return (
+                <button
+                  key={filter}
+                  type="button"
+                  role="tab"
+                  aria-selected={isSelected}
+                  onClick={() => setStatusFilter(filter)}
+                  className={`px-3 py-1.5 rounded text-sm font-medium transition-colors ${
+                    isSelected
+                      ? 'bg-black text-white dark:bg-white dark:text-black'
+                      : 'bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700'
+                  }`}
+                >
+                  {filter} ({statusCounts[filter]})
+                </button>
+              );
+            })}
+          </div>
+
+          {filteredTxs.length === 0 ? (
+            <Card>
+              <div className="py-16 text-center text-sm text-gray-400">
+                No {statusFilter === 'All' ? '' : `${statusFilter} `}transactions.
+              </div>
+            </Card>
+          ) : (
         <Card padded={false}>
           {/* Mobile Layout */}
           <div className="sm:hidden flex flex-col divide-y divide-gray-100">
-            {txs.map((tx) => {
+            {filteredTxs.map((tx) => {
               const isPositive = tx.type === 'Stream Created';
               const isNegative = tx.type === 'Withdrawn';
               const isCancelled = tx.type === 'Cancelled';
@@ -226,7 +309,7 @@ export default function TransactionsPage() {
                 </tr>
               </thead>
               <tbody className="divide-y divide-gray-100">
-                {txs.map((tx) => {
+                {filteredTxs.map((tx) => {
                   const isPositive = tx.type === 'Stream Created';
                   const isNegative = tx.type === 'Withdrawn';
                   const isCancelled = tx.type === 'Cancelled';
@@ -264,6 +347,8 @@ export default function TransactionsPage() {
             </table>
           </div>
         </Card>
+          )}
+        </>
       )}
     </div>
   );
diff --git a/components/OnboardingTour.tsx b/components/OnboardingTour.tsx
index 8c97a5a..076a225 100644
--- a/components/OnboardingTour.tsx
+++ b/components/OnboardingTour.tsx
@@ -15,15 +15,36 @@ export function OnboardingTour() {
   const totalSteps = ONBOARDING_STEPS.length;
 
   return (
-    <Modal onClose={skip} title={currentStep.title}>
+    <Modal
+      onClose={skip}
+      title={currentStep.title}
+      headerAction={
+        <button
+          type="button"
+          onClick={skip}
+          aria-label="Skip tour"
+          className="text-xs font-medium text-gray-500 underline underline-offset-2 hover:text-black dark:text-gray-400 dark:hover:text-white transition-colors"
+        >
+          Skip Tour
+        </button>
+      }
+    >
       <div className="space-y-4">
         <p className="text-gray-600">{currentStep.description}</p>
 
-        {/* Step indicator */}
-        <div className="flex items-center gap-2">
-          {ONBOARDING_STEPS.map((_, idx) => (
+        {/* Step indicator — dots + "Step X of N" counter (#694) */}
+        <div
+          className="flex items-center gap-2"
+          role="progressbar"
+          aria-valuemin={1}
+          aria-valuemax={totalSteps}
+          aria-valuenow={stepNumber}
+          aria-label={`Step ${stepNumber} of ${totalSteps}`}
+        >
+          {ONBOARDING_STEPS.map((step, idx) => (
             <div
-              key={idx}
+              key={step.id}
+              aria-hidden="true"
               className={`h-2 flex-1 rounded-full transition-colors ${
                 idx <= currentStepIndex ? 'bg-black' : 'bg-gray-200'
               }`}
diff --git a/components/stream/StreamCardSkeleton.tsx b/components/stream/StreamCardSkeleton.tsx
index 7148fcf..4b5dd6b 100644
--- a/components/stream/StreamCardSkeleton.tsx
+++ b/components/stream/StreamCardSkeleton.tsx
@@ -2,7 +2,9 @@
  * StreamCardSkeleton
  *
  * Placeholder that mirrors the exact layout of StreamCard while data loads.
- * Uses Tailwind's `animate-pulse` to signal pending state without CLS.
+ * Uses Tailwind's `animate-pulse` plus a CSS linear-gradient shimmer sweep
+ * (`.skeleton-shimmer` in globals.css, #693) to signal pending state without
+ * CLS — static gray boxes alone look broken/unresponsive.
  *
  * Usage:
  *   {loading && Array.from({ length: 3 }).map((_, i) => <StreamCardSkeleton key={i} />)}
@@ -19,27 +21,27 @@ export function StreamCardSkeleton() {
         {/* Counterparty block */}
         <div className="min-w-0 flex flex-col gap-1">
           {/* "From / To" label */}
-          <div className="h-2.5 w-6 rounded bg-gray-200 dark:bg-gray-700" />
+          <div className="h-2.5 w-6 rounded bg-gray-200 dark:bg-gray-700 skeleton-shimmer animate-pulse" />
           {/* Truncated address */}
-          <div className="h-3 w-28 rounded bg-gray-200 dark:bg-gray-700" />
+          <div className="h-3 w-28 rounded bg-gray-200 dark:bg-gray-700 skeleton-shimmer animate-pulse" />
         </div>
 
         {/* Rate — centred */}
         <div className="flex-1 flex justify-center px-1">
-          <div className="h-4 w-16 rounded bg-gray-200 dark:bg-gray-700" />
+          <div className="h-4 w-16 rounded bg-gray-200 dark:bg-gray-700 skeleton-shimmer animate-pulse" />
         </div>
 
         {/* Badge */}
-        <div className="shrink-0 h-5 w-14 rounded bg-gray-200 dark:bg-gray-700" />
+        <div className="shrink-0 h-5 w-14 rounded bg-gray-200 dark:bg-gray-700 skeleton-shimmer animate-pulse" />
       </div>
 
       {/* ── Progress bar strip ── */}
-      <div className="h-1.5 w-full rounded-full bg-gray-200 dark:bg-gray-700" />
+      <div className="h-1.5 w-full rounded-full bg-gray-200 dark:bg-gray-700 skeleton-shimmer animate-pulse" />
 
       {/* ── Footer row: token address | percentage ── */}
       <div className="flex items-center justify-between mt-3">
-        <div className="h-2.5 w-36 rounded bg-gray-200 dark:bg-gray-700" />
-        <div className="h-2.5 w-6 rounded bg-gray-200 dark:bg-gray-700" />
+        <div className="h-2.5 w-36 rounded bg-gray-200 dark:bg-gray-700 skeleton-shimmer animate-pulse" />
+        <div className="h-2.5 w-6 rounded bg-gray-200 dark:bg-gray-700 skeleton-shimmer animate-pulse" />
       </div>
     </div>
   );
diff --git a/components/ui/Modal.tsx b/components/ui/Modal.tsx
index 689b59c..82cc474 100644
--- a/components/ui/Modal.tsx
+++ b/components/ui/Modal.tsx
@@ -9,6 +9,8 @@ interface ModalProps {
   children: React.ReactNode;
   /** Max width class; default 'max-w-md' */
   size?:    string;
+  /** Optional action rendered in the header next to the close button (#694). */
+  headerAction?: React.ReactNode;
 }
 
 const FOCUSABLE_SELECTOR = [
@@ -24,7 +26,7 @@ function getFocusableElements(container: HTMLElement): HTMLElement[] {
   return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));
 }
 
-export function Modal({ title, onClose, children, size = 'max-w-md' }: ModalProps) {
+export function Modal({ title, onClose, children, size = 'max-w-md', headerAction }: ModalProps) {
   const overlayRef = useRef<HTMLDivElement>(null);
   const previousActiveElement = useRef<HTMLElement | null>(null);
 
@@ -88,13 +90,16 @@ export function Modal({ title, onClose, children, size = 'max-w-md' }: ModalProp
         {/* Header */}
         <div className="flex items-center justify-between px-5 py-4 border-b border-gray-100 dark:border-gray-800">
           <h2 id="modal-title" className="font-bold text-sm">{title}</h2>
-          <button
-            onClick={onClose}
-            className="p-1 rounded text-gray-400 hover:text-black hover:bg-gray-100 dark:hover:text-white dark:hover:bg-gray-800 transition-colors"
-            aria-label="Close"
-          >
-            <X className="w-4 h-4" />
-          </button>
+          <div className="flex items-center gap-2">
+            {headerAction}
+            <button
+              onClick={onClose}
+              className="p-1 rounded text-gray-400 hover:text-black hover:bg-gray-100 dark:hover:text-white dark:hover:bg-gray-800 transition-colors"
+              aria-label="Close"
+            >
+              <X className="w-4 h-4" />
+            </button>
+          </div>
         </div>
 
         {/* Body */}
diff --git a/lib/withdraw-config.ts b/lib/withdraw-config.ts
index 51004de..56f6e2e 100644
--- a/lib/withdraw-config.ts
+++ b/lib/withdraw-config.ts
@@ -29,3 +29,148 @@ export function isLargeWithdrawal(
   const value = Number(amountDisplay);
   return Number.isFinite(value) && value >= threshold;
 }
+
+// ── Auto-withdraw threshold reminders (#696) ────────────────────────────────
+// Recipients want a local reminder (email/browser notification) when their
+// claimable balance reaches a specific threshold (e.g. > 100 USDC), instead
+// of having to manually poll their streams.
+
+/**
+ * Default claimable-balance threshold (display units, e.g. `100` means 100
+ * XLM/USDC/etc.) that triggers a reminder notification.
+ */
+export const DEFAULT_AUTO_WITHDRAW_THRESHOLD = 100;
+
+/** Local-storage key for the user-configured reminder threshold. */
+export const AUTO_WITHDRAW_THRESHOLD_STORAGE_KEY =
+  'conduit:auto-withdraw-threshold';
+
+/** Reads the reminder threshold from the env, falling back to the default. */
+export function getDefaultAutoWithdrawThreshold(): number {
+  const raw = process.env.NEXT_PUBLIC_AUTO_WITHDRAW_THRESHOLD;
+  const parsed = raw !== undefined ? Number(raw) : NaN;
+  return Number.isFinite(parsed) && parsed > 0
+    ? parsed
+    : DEFAULT_AUTO_WITHDRAW_THRESHOLD;
+}
+
+/**
+ * Reads the user-configured auto-withdraw reminder threshold.
+ * Priority: localStorage override → env default → hardcoded default.
+ * Always returns a finite positive number.
+ */
+export function getAutoWithdrawThreshold(): number {
+  if (typeof window !== 'undefined') {
+    try {
+      const raw = window.localStorage.getItem(
+        AUTO_WITHDRAW_THRESHOLD_STORAGE_KEY,
+      );
+      if (raw !== null) {
+        const parsed = Number(raw);
+        if (Number.isFinite(parsed) && parsed > 0) return parsed;
+      }
+    } catch {
+      // Storage can be unavailable (private mode / SSR) — fall through.
+    }
+  }
+  return getDefaultAutoWithdrawThreshold();
+}
+
+/**
+ * Persists the user-configured reminder threshold (display units).
+ * Returns `true` when the value was accepted and stored.
+ */
+export function setAutoWithdrawThreshold(value: number): boolean {
+  if (!Number.isFinite(value) || value <= 0) return false;
+  if (typeof window === 'undefined') return false;
+  try {
+    window.localStorage.setItem(
+      AUTO_WITHDRAW_THRESHOLD_STORAGE_KEY,
+      String(value),
+    );
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Whether a claimable balance (display units, e.g. `"120.5"` or `120.5`)
+ * has reached the reminder threshold.
+ */
+export function hasReachedWithdrawThreshold(
+  balanceDisplay: string | number,
+  threshold: number = getAutoWithdrawThreshold(),
+): boolean {
+  const value =
+    typeof balanceDisplay === 'number'
+      ? balanceDisplay
+      : Number(balanceDisplay);
+  return Number.isFinite(value) && Number.isFinite(threshold) && value >= threshold;
+}
+
+/** `true` when the browser Notification API is available. */
+export function isNotificationSupported(): boolean {
+  return (
+    typeof window !== 'undefined' &&
+    'Notification' in window &&
+    typeof Notification !== 'undefined'
+  );
+}
+
+/**
+ * Requests browser-notification permission when supported.
+ * Resolves to the resulting permission (`'granted' | 'denied' | 'default'`).
+ * Returns `'default'` when the API is unavailable (e.g. SSR).
+ */
+export async function requestThresholdNotificationPermission(): Promise<
+  NotificationPermission
+> {
+  if (!isNotificationSupported()) return 'default';
+  try {
+    if (Notification.permission === 'granted') return 'granted';
+    return await Notification.requestPermission();
+  } catch {
+    return 'default';
+  }
+}
+
+/**
+ * Fires a local browser notification that the claimable balance crossed the
+ * configured threshold. No-op unless permission was granted. Returns `true`
+ * when a notification was shown.
+ */
+export function notifyWithdrawThresholdReached(
+  balanceDisplay: string | number,
+  threshold: number = getAutoWithdrawThreshold(),
+  tokenLabel = 'USDC',
+): boolean {
+  if (!isNotificationSupported()) return false;
+  if (Notification.permission !== 'granted') return false;
+  if (!hasReachedWithdrawThreshold(balanceDisplay, threshold)) return false;
+  try {
+    new Notification('StreamFi — funds ready to withdraw', {
+      body: `Your claimable balance (${balanceDisplay} ${tokenLabel}) reached your ${threshold} ${tokenLabel} reminder threshold.`,
+      tag: 'streamfi-withdraw-threshold',
+    });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Convenience helper: checks the balance against the threshold and, when
+ * reached *and* notification permission is granted, shows a reminder.
+ * Returns `true` when the threshold was reached (regardless of whether a
+ * notification could be displayed).
+ */
+export function checkAndNotifyWithdrawThreshold(
+  balanceDisplay: string | number,
+  threshold: number = getAutoWithdrawThreshold(),
+  tokenLabel = 'USDC',
+): boolean {
+  if (!hasReachedWithdrawThreshold(balanceDisplay, threshold)) return false;
+  notifyWithdrawThresholdReached(balanceDisplay, threshold, tokenLabel);
+  return true;
+}