fix: guarantee panel version badge always renders

cmd/panel/main.go

@@ -38,7 +38,7 @@ import (
 
 // version is the panel build version. It defaults to the contents of the VERSION
 // file and is overridden at build time via -ldflags "-X main.version=...".
-var version = "1.4.0"
+var version = "1.4.1"
 
 func main() {
 	logBuf := logbuf.New(slog.NewJSONHandler(os.Stdout, &slog.HandlerOptions{Level: slog.LevelInfo}), 2000)

web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vortexui-web",
   "private": true,
-  "version": "1.4.0",
+  "version": "1.4.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

web/src/api/hooks.ts

@@ -5,9 +5,17 @@ import type { CoreType, CreateUserInput, EnrollmentBundle, ListUsersResponse, No
 
 // --- panel version ---
 
+// PANEL_VERSION is the web bundle's own build version (injected by Vite at
+// build time from ../VERSION). It doubles as the fallback whenever
+// GET /api/version is unreachable or errors.
+export const PANEL_VERSION = __PANEL_VERSION__;
+
 // useVersion fetches the actually running panel build version from the backend
 // (GET /api/version). The value only changes when the binary changes, so it is
-// cached for the whole session.
+// cached for the whole session. initialData is the build-time bundle version
+// and flows through `select`, so consumers always get a string from the very
+// first render — even when the request fails (e.g. a reseller without
+// system:read gets 403) or while it is still in flight.
 export function useVersion() {
   return useQuery({
     queryKey: ["version"],
@@ -17,6 +25,8 @@ export function useVersion() {
     refetchOnWindowFocus: false,
     refetchOnMount: false,
     refetchOnReconnect: false,
+    retry: false,
+    initialData: { version: __PANEL_VERSION__ },
     select: (d) => d.version,
   });
 }

web/src/components/AppHeader.tsx

@@ -25,7 +25,7 @@ export function AppHeader() {
   const { resolved, toggle: toggleTheme } = useTheme();
   const { t, lang, setLang } = useI18n();
   const navigate = useNavigate();
-  const panelVersion = useVersion().data;
+  const panelVersion = useVersion().data ?? __PANEL_VERSION__;
   const [searchFocused, setSearchFocused] = useState(false);
   const [langOpen, setLangOpen] = useState(false);
 

web/src/pages/Overview.tsx

@@ -105,7 +105,7 @@ export function Overview() {
   const { data, isLoading: overviewLoading } = useOverview();
   const sys = useSystem();
   const nodesQ = useNodes();
-  const panelVersion = useVersion().data;
+  const panelVersion = useVersion().data ?? __PANEL_VERSION__;
   const { t } = useI18n();
   const [trafficRange, setTrafficRange] = useState<TrafficRange>("24h");
   const trafficSeries = useTrafficSeries(trafficRange);