fix(playground): print tokenized URL, guard loadIndex with requestId + select check, disable select during load

Author: msranjana

packages/moss-cli/src/moss_cli/commands/playground.py

@@ -270,13 +270,18 @@ def playground_command(
 
     console.print()
     console.print("  [bold]Moss Playground[/bold]")
-    console.print(f"  [dim]Server:[/dim]  [cyan]{url}[/cyan]")
+    console.print(f"  [dim]Server:[/dim]  [cyan]{frag_url}[/cyan]")
     console.print(f"  [dim]Project:[/dim] {pid[:8]}...")
     console.print("  [dim]Stop:[/dim]    Ctrl+C")
     console.print()
 
+    opened = False
     if not no_open:
-        webbrowser.open(frag_url)
+        opened = webbrowser.open(frag_url)
+    if not opened:
+        console.print(f"  [yellow]Open this URL in your browser:[/yellow]")
+        console.print(f"  [cyan]{frag_url}[/cyan]")
+        console.print()
 
     try:
         server.serve_forever()

packages/moss-cli/src/moss_cli/playground/index.html

@@ -227,8 +227,9 @@ <h1>Moss <span>Playground</span></h1>
   const name = select.value;
   if (!name) return;
 
-  ++requestId;
+  const loadReqId = ++requestId;
   if (searchTimeout) clearTimeout(searchTimeout);
+  select.disabled = true;
 
   loadBtn.disabled = true;
   loadBtn.innerHTML = '<span class="spinner">&#9696;</span> Loading...';
@@ -246,6 +247,7 @@ <h1>Moss <span>Playground</span></h1>
       const err = await res.json();
       throw new Error(err.error || 'Failed to load index');
     }
+    if (loadReqId !== requestId || select.value !== name) return;
     currentIndex = name;
     loadBtn.innerHTML = '&#10003; Loaded';
     loadBtn.className = 'btn btn-success';
@@ -257,13 +259,16 @@ <h1>Moss <span>Playground</span></h1>
     topkInput.disabled = false;
     alphaSlider.disabled = false;
   } catch (e) {
+    if (loadReqId !== requestId) return;
     console.error('loadIndex failed:', e);
     currentIndex = null;
     loadBtn.innerHTML = 'Load Index';
     loadBtn.className = 'btn btn-primary';
     loadBtn.disabled = false;
     loadStatus.className = 'status-box status-error';
     loadStatus.textContent = `Failed: ${e.message || e}`;
+  } finally {
+    select.disabled = false;
   }
 }