From 39793de4099f763c7587c981849d85200175e82c Mon Sep 17 00:00:00 2001
From: Saksham Arora <sakshamarora@lambdatest.com>
Date: Wed, 23 Sep 2026 01:22:31 +0530
Subject: [PATCH] fix(api-ref): show server description labels in the server
 dropdown

The server selector dropdown only displayed the raw URL. Now it appends
the OpenAPI description field (e.g. "V2", "EU") so users can identify
which server they are selecting.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/component/ApiReference/EndpointDetail.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/component/ApiReference/EndpointDetail.js b/src/component/ApiReference/EndpointDetail.js
index c1ee3d575..3fc790c60 100644
--- a/src/component/ApiReference/EndpointDetail.js
+++ b/src/component/ApiReference/EndpointDetail.js
@@ -612,7 +612,8 @@ function UrlBar({ endpoint, onTryIt }) {
           >
             {effectiveServers.map((s) => {
               const cleanUrl = s.url.replace(/\/+$/, '');
-              return <option key={cleanUrl} value={cleanUrl}>{cleanUrl}</option>;
+              const label = s.description ? `${cleanUrl} - ${s.description}` : cleanUrl;
+              return <option key={cleanUrl} value={cleanUrl}>{label}</option>;
             })}
           </select>