feat(bob): concurrent swaps

CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- GUI: Users can now run multiple swaps concurrently, where as previously they could only run one at a time.
+
 ## [4.9.1] - 2026-06-12
 
 ## [4.9.0] - 2026-06-10

src-gui/src/dev/mockSwapEvents.ts

@@ -215,7 +215,7 @@ const happyPath: TauriSwapProgressEvent[] = [
       xmr_receive_pool: MOCK_RECEIVE_POOL,
     },
   },
-  { type: "Released" },
+  { type: "Released", content: {} },
 ];
 
 const cooperativeRedeem: TauriSwapProgressEvent[] = [
@@ -238,7 +238,7 @@ const cooperativeRedeem: TauriSwapProgressEvent[] = [
       xmr_receive_pool: MOCK_RECEIVE_POOL,
     },
   },
-  { type: "Released" },
+  { type: "Released", content: {} },
 ];
 
 const cooperativeRedeemRejected: TauriSwapProgressEvent[] = [
@@ -261,7 +261,7 @@ const cooperativeRedeemRejected: TauriSwapProgressEvent[] = [
     content: { btc_refund_txid: MOCK_BTC_REFUND_TXID },
   },
   { type: "BtcRefunded", content: { btc_refund_txid: MOCK_BTC_REFUND_TXID } },
-  { type: "Released" },
+  { type: "Released", content: {} },
 ];
 
 const earlyRefund: TauriSwapProgressEvent[] = [
@@ -274,7 +274,7 @@ const earlyRefund: TauriSwapProgressEvent[] = [
     type: "BtcEarlyRefunded",
     content: { btc_early_refund_txid: MOCK_BTC_EARLY_REFUND_TXID },
   },
-  { type: "Released" },
+  { type: "Released", content: {} },
 ];
 
 const partialRefundWithAmnesty: TauriSwapProgressEvent[] = [
@@ -333,7 +333,7 @@ const partialRefundWithAmnesty: TauriSwapProgressEvent[] = [
       btc_amnesty_amount: MOCK_BTC_AMNESTY_AMOUNT,
     },
   },
-  { type: "Released" },
+  { type: "Released", content: {} },
 ];
 
 const partialRefundWithBurn: TauriSwapProgressEvent[] = [
@@ -392,7 +392,7 @@ const partialRefundWithBurn: TauriSwapProgressEvent[] = [
       btc_amnesty_amount: MOCK_BTC_AMNESTY_AMOUNT,
     },
   },
-  { type: "Released" },
+  { type: "Released", content: {} },
 ];
 
 const partialRefundWithWithholdAndMercy: TauriSwapProgressEvent[] = [
@@ -467,7 +467,7 @@ const partialRefundWithWithholdAndMercy: TauriSwapProgressEvent[] = [
       btc_amnesty_amount: MOCK_BTC_AMNESTY_AMOUNT,
     },
   },
-  { type: "Released" },
+  { type: "Released", content: {} },
 ];
 
 export const scenarios: Record<string, TauriSwapProgressEvent[]> = {

src-gui/src/models/storeModel.ts

@@ -8,7 +8,7 @@ export type SwapState = {
 };
 
 export interface SwapSlice {
-  state: SwapState | null;
+  swaps: Record<string, SwapState>;
   logs: CliLog[];
   spawnType: SwapSpawnType | null;
   /** DEV ONLY: When true, prevents Tauri calls in the swap progress listener */

src-gui/src/models/tauriModelExt.ts

@@ -436,6 +436,18 @@ export function haveFundsBeenLocked(
   return true;
 }
 
+/** Whether the swap is still picking/accepting an offer, i.e. no funds committed yet. */
+export function isOfferPhase(event: TauriSwapProgressEvent): boolean {
+  switch (event.type) {
+    case "ReceivedQuote":
+    case "WaitingForBtcDeposit":
+    case "SwapSetupInflight":
+      return true;
+    default:
+      return false;
+  }
+}
+
 export function isContextFullyInitialized(
   status: ResultContextStatus | null,
 ): boolean {

src-gui/src/renderer/background.ts

@@ -24,6 +24,7 @@ import {
   getSwapTimelock,
   initializeContext,
   refreshApprovals,
+  resumeAllSwaps,
   updateAllNodeStatuses,
 } from "./rpc";
 import { store } from "./store/storeRenderer";
@@ -65,6 +66,28 @@ const FETCH_PENDING_APPROVALS_INTERVAL = 2 * 1_000;
 // Check context status every 2 seconds
 const CHECK_CONTEXT_STATUS_INTERVAL = 2 * 1_000;
 
+// Retry resume_all_swaps every 3 seconds until it succeeds once
+const RESUME_ALL_SWAPS_RETRY_INTERVAL = 3 * 1_000;
+
+async function resumeAllSwapsUntilSuccess(): Promise<void> {
+  while (true) {
+    try {
+      const response = await resumeAllSwaps();
+      logger.info(
+        `Resumed ${response.resumed_swap_ids.length} swap(s) on startup`,
+      );
+      return;
+    } catch (error) {
+      logger.debug(
+        `resume_all_swaps not ready yet, retrying in ${RESUME_ALL_SWAPS_RETRY_INTERVAL}ms: ${error}`,
+      );
+      await new Promise((resolve) =>
+        setTimeout(resolve, RESUME_ALL_SWAPS_RETRY_INTERVAL),
+      );
+    }
+  }
+}
+
 function setIntervalImmediate(callback: () => void, interval: number): void {
   callback();
   setInterval(callback, interval);
@@ -100,6 +123,8 @@ export async function setupBackgroundTasks(): Promise<void> {
   // Fetch all alerts
   updateAlerts();
 
+  resumeAllSwapsUntilSuccess();
+
   // Setup Tauri event listeners
   // Check if the context is already available. This is to prevent unnecessary re-initialization
   setIntervalImmediate(async () => {

src-gui/src/renderer/components/App.tsx

@@ -99,11 +99,19 @@ function InnerContent() {
             </ErrorBoundary>
           }
         />
+        <Route
+          path="/offers"
+          element={
+            <ErrorBoundary>
+              <SwapPage mode="offers" />
+            </ErrorBoundary>
+          }
+        />
         <Route
           path="/swap"
           element={
             <ErrorBoundary>
-              <SwapPage />
+              <SwapPage mode="swaps" />
             </ErrorBoundary>
           }
         />

src-gui/src/renderer/components/alert/SwapStatusAlert/SwapStatusAlert.tsx

@@ -17,6 +17,7 @@ import { TimelockTimeline } from "./TimelockTimeline";
 import { useIsSpecificSwapRunning, useAppSelector } from "store/hooks";
 import { selectSwapTimelock } from "store/selectors";
 import { ExpiredTimelocks } from "models/tauriModel";
+import { swapIdColor } from "utils/swapColor";
 
 /**
  * Component for displaying a list of messages.
@@ -125,15 +126,19 @@ function BitcoinLockedNoTimelockExpiredStateAlert({
 function BitcoinPossiblyCancelledAlert({
   swap,
   timelock,
+  isRunning,
 }: {
   swap: GetSwapInfoResponseExt;
   timelock: TimelockCancel;
+  isRunning: boolean;
 }) {
   return (
     <MessageList
       messages={[
         "The swap is being cancelled because it was not completed in time",
-        "To refund your Bitcoin, resume the swap",
+        isRunning
+          ? "We will refund the Bitcoin automatically"
+          : "To refund your Bitcoin, resume the swap",
         <>
           If we haven't refunded in{" "}
           <HumanizedBitcoinBlockDuration
@@ -151,13 +156,13 @@ function BitcoinPossiblyCancelledAlert({
  * Sub-component for displaying alerts requiring immediate action.
  * @returns JSX.Element
  */
-function PunishTimelockExpiredAlert() {
+function PunishTimelockExpiredAlert({ isRunning }: { isRunning: boolean }) {
   return (
     <MessageList
       messages={[
         "We couldn't refund within the refund period",
         "We might still be able to redeem the Monero. However, this will require cooperation from the other party",
-        "Resume the swap as soon as possible",
+        isRunning ? null : "Resume the swap as soon as possible",
       ]}
     />
   );
@@ -169,8 +174,10 @@ function PunishTimelockExpiredAlert() {
  */
 function WaitingForRemainingRefundTimelockAlert({
   blocksLeft,
+  isRunning,
 }: {
   blocksLeft: number;
+  isRunning: boolean;
 }) {
   return (
     <MessageList
@@ -183,7 +190,9 @@ function WaitingForRemainingRefundTimelockAlert({
         </>,
         "The maker can withhold the Bitcoin anti-spam deposit before the timelock expires",
         "We will refund the Bitcoin anti-spam deposit once the timelock expires",
-        "Keep the app running or resume the swap once the timelock expires",
+        isRunning
+          ? null
+          : "Keep the app running or resume the swap once the timelock expires",
       ]}
     />
   );
@@ -292,10 +301,14 @@ export function StateAlert({
             );
           case "Cancel":
             return (
-              <BitcoinPossiblyCancelledAlert timelock={timelock} swap={swap} />
+              <BitcoinPossiblyCancelledAlert
+                timelock={timelock}
+                swap={swap}
+                isRunning={isRunning}
+              />
             );
           case "Punish":
-            return <PunishTimelockExpiredAlert />;
+            return <PunishTimelockExpiredAlert isRunning={isRunning} />;
           // These two timelock types only exist once the partial refund tx has been confirmed
           // They shouldn't occur for these states, so return null
           case "WaitingForRemainingRefund":
@@ -305,7 +318,7 @@ export function StateAlert({
             exhaustiveGuard(timelock);
         }
       }
-      return <PunishTimelockExpiredAlert />;
+      return <PunishTimelockExpiredAlert isRunning={isRunning} />;
 
     case BobStateName.BtcPartiallyRefunded:
       // Reuse existing timelock alerts for the amnesty waiting period
@@ -315,6 +328,7 @@ export function StateAlert({
             return (
               <WaitingForRemainingRefundTimelockAlert
                 blocksLeft={timelock.content.blocks_left}
+                isRunning={isRunning}
               />
             );
           case "RemainingRefund":
@@ -405,18 +419,26 @@ export default function SwapStatusAlert({
         },
       }}
     >
-      <AlertTitle>
-        {isRunning ? (
-          hasUnusualAmountOfTimePassed ? (
-            "Swap has been running for a while"
-          ) : (
-            "Swap is running"
-          )
-        ) : (
-          <>
-            Swap <TruncatedText>{swap.swap_id}</TruncatedText> is not running
-          </>
-        )}
+      <AlertTitle
+        sx={{ display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }}
+      >
+        <Box
+          component="span"
+          sx={{
+            fontFamily: "monospace",
+            borderBottom: `2px solid ${swapIdColor(swap.swap_id)}`,
+            paddingBottom: "2px",
+          }}
+        >
+          <TruncatedText>{swap.swap_id}</TruncatedText>
+        </Box>
+        <span>
+          {isRunning
+            ? hasUnusualAmountOfTimePassed
+              ? "has been running for a while"
+              : "is running"
+            : "is not running"}
+        </span>
       </AlertTitle>
       <Box
         sx={{

src-gui/src/renderer/components/alert/SwapTxLockAlertsBox.tsx

@@ -3,9 +3,7 @@ import { useSwapInfosSortedByDate } from "store/hooks";
 import SwapStatusAlert from "./SwapStatusAlert/SwapStatusAlert";
 
 export default function SwapTxLockAlertsBox() {
-  // We specifically choose ALL swaps here
-  // If a swap is in a state where an Alert is not needed (becaue no Bitcoin have been locked or because the swap has been completed)
-  // the SwapStatusAlert component will not render an Alert
+  // All swaps; SwapStatusAlert renders nothing for those without a timelock alert.
   const swaps = useSwapInfosSortedByDate();
 
   return (