frontend: print sdk version

Author: gosunuts

frontend/src/components/ServerListView.tsx

@@ -27,11 +27,11 @@ type ListServer = ClientServer | AdminServer;
 interface OfficialRegistryRelay {
   url: string;
   status: "online" | "unreachable";
-  version?: string;
+  releaseVersion?: string;
 }
 
 interface RelayDomainResponse {
-  version?: string;
+  release_version?: string;
 }
 
 interface OfficialRegistryDocument {
@@ -52,10 +52,17 @@ async function loadOfficialRegistryRelay(
     return {
       url: relayURL,
       status: "online",
-      version: typeof domain?.version === "string" ? domain.version.trim() : "",
+      releaseVersion:
+        typeof domain?.release_version === "string"
+          ? domain.release_version.trim()
+          : "",
     };
   } catch {
-    return { url: relayURL, status: "unreachable", version: "" };
+    return {
+      url: relayURL,
+      status: "unreachable",
+      releaseVersion: "",
+    };
   }
 }
 
@@ -647,15 +654,6 @@ export function ServerListView({
                     ) : officialRegistryAvailable ? (
                       <div className="mt-6 grid gap-3 md:grid-cols-2 xl:grid-cols-3">
                         {officialRegistryRelays.map((relay) => {
-                          const statusLabel = {
-                            online: "ONLINE",
-                            unreachable: "OFFLINE",
-                          }[relay.status];
-                          const statusClass = {
-                            online: "bg-primary/12 text-primary",
-                            unreachable: "bg-secondary text-text-muted",
-                          }[relay.status];
-
                           return (
                             <div
                               key={relay.url}
@@ -670,16 +668,15 @@ export function ServerListView({
                                 {relay.url}
                               </a>
                               <div className="flex shrink-0 flex-wrap items-center gap-2">
-                                <span
-                                  className={`rounded-full px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] ${statusClass}`}
-                                >
-                                  {statusLabel}
-                                </span>
-                                {relay.version && (
+                                {relay.status === "unreachable" ? (
+                                  <span className="rounded-full bg-background px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-text-muted ring-1 ring-border">
+                                    Offline
+                                  </span>
+                                ) : relay.releaseVersion ? (
                                   <span className="rounded-full bg-background px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-text-muted ring-1 ring-border">
-                                    SDK {relay.version}
+                                    Release {relay.releaseVersion}
                                   </span>
-                                )}
+                                ) : null}
                               </div>
                             </div>
                           );

portal/api_server.go

@@ -164,7 +164,8 @@ func (s *Server) handleDomain(w http.ResponseWriter, r *http.Request) {
 	}
 
 	utils.WriteAPIData(w, http.StatusOK, types.DomainResponse{
-		Version: types.SDKProtocolVersion,
+		SDKVersion:     types.SDKProtocolVersion,
+		ReleaseVersion: types.ReleaseVersion,
 	})
 }
 

types/api.go

@@ -115,7 +115,8 @@ type UnregisterRequest struct {
 }
 
 type DomainResponse struct {
-	Version string `json:"version"`
+	SDKVersion     string `json:"sdk_version"`
+	ReleaseVersion string `json:"release_version"`
 }
 
 type TunnelStatusResponse struct {