1 files changed, 20 insertions, 10 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/app.js b/packages/meshbay-hub/src/meshbay_hub/static/app.js
index a249ccf..ef8d1e9 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/app.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/app.js
@@ -725,17 +725,27 @@ function App() {
     return { transport: conn.transport, gek: conn.gek };
   }, []);
 
-  const handlePlayQueue = useCallback((tracks, startIndex, source) => {
-    if (source && source.transportRef) {
-      groupTransportRef.current = {
-        groupId: source.groupId,
-        transportRef: source.transportRef,
-        gekRef: source.gekRef,
-      };
-    } else {
-      groupTransportRef.current = null;
+  // `op` is 'replace' (the default, and what playing an album or loading a
+  // playlist means), 'next', or 'append' — docs/playlists.md §9.2.
+  const handlePlayQueue = useCallback((tracks, startIndex, source, op) => {
+    const how = op || 'replace';
+    // A single-slot fast path for the group whose page is open, so playing
+    // from it reuses the live transport instead of dialing through the pool.
+    // Only a replace is about that group: repointing it because one track
+    // from somewhere else was enqueued would drop whatever is *playing* back
+    // to the pool, for nothing.
+    if (how === 'replace') {
+      if (source && source.transportRef) {
+        groupTransportRef.current = {
+          groupId: source.groupId,
+          transportRef: source.transportRef,
+          gekRef: source.gekRef,
+        };
+      } else {
+        groupTransportRef.current = null;
+      }
     }
-    setMusicQueue({ tracks, startIndex, nonce: Date.now() });
+    setMusicQueue({ tracks, startIndex, nonce: Date.now(), op: how });
   }, []);
 
   const handleStopMusic = useCallback(() => setMusicQueue(null), []);