feat(web): show server versions on remote connections

apps/web/src/components/settings/ConnectionsSettings.logic.test.ts

@@ -3,6 +3,7 @@ import { describe, expect, it, vi } from "vite-plus/test";
 import {
   applyWslEnableSelection,
   isQrShareableEndpoint,
+  remoteEnvironmentVersionLabel,
   selectQrEndpointOption,
 } from "./ConnectionsSettings.logic";
 
@@ -15,6 +16,22 @@ const baseWslState: DesktopWslState = {
   preflightError: null,
 };
 
+describe("remoteEnvironmentVersionLabel", () => {
+  it("shows the complete connected server version, including nightly suffixes", () => {
+    expect(remoteEnvironmentVersionLabel("0.0.33-nightly.20260816", true)).toBe(
+      "v0.0.33-nightly.20260816",
+    );
+  });
+
+  it("marks a cached disconnected version as last seen", () => {
+    expect(remoteEnvironmentVersionLabel("0.0.32", false)).toBe("Last seen v0.0.32");
+  });
+
+  it("omits the label before a server version is known", () => {
+    expect(remoteEnvironmentVersionLabel(null, true)).toBeNull();
+  });
+});
+
 describe("applyWslEnableSelection", () => {
   it("clears WSL-only and updates the distro before enabling both backends", async () => {
     const calls: Array<string> = [];

apps/web/src/components/settings/ConnectionsSettings.logic.ts

@@ -2,6 +2,15 @@ import type { AdvertisedEndpoint, DesktopBridge, DesktopWslState } from "@t3tool
 
 type WslEnableBridge = Pick<DesktopBridge, "setWslBackendEnabled" | "setWslDistro" | "setWslOnly">;
 
+export function remoteEnvironmentVersionLabel(
+  serverVersion: string | null,
+  isConnected: boolean,
+): string | null {
+  if (serverVersion === null) return null;
+  const version = `v${serverVersion}`;
+  return isConnected ? version : `Last seen ${version}`;
+}
+
 /**
  * A QR code encoding a loopback URL makes the scanning device dial itself, so
  * loopback endpoints stay copyable from the endpoint menu but are never

apps/web/src/components/settings/ConnectionsSettings.tsx

@@ -43,6 +43,7 @@ import { resolveDesktopPairingUrl, resolveHostedPairingUrl } from "./pairingUrls
 import {
   applyWslEnableSelection,
   isQrShareableEndpoint,
+  remoteEnvironmentVersionLabel,
   selectQrEndpointOption,
 } from "./ConnectionsSettings.logic";
 import {
@@ -1413,6 +1414,10 @@ function SavedBackendListRow({
   const metadataBits = [
     sshTarget ? `SSH ${formatDesktopSshTarget(sshTarget)}` : null,
     environment.relayManaged ? "T3 Connect" : null,
+    remoteEnvironmentVersionLabel(
+      environment.serverConfig?.environment.serverVersion ?? null,
+      isConnected,
+    ),
   ].filter((value): value is string => value !== null);
 
   // The WSL backend is a desktop-managed local backend (it surfaces as a bearer