fix: version display uses git tag + remove inline-grid layout hack

- getProxyInfo() now tries `git describe --tags` first, falls back to
package.json (skipping placeholder "1.0.0"), so git-mode users see
the actual release version or just the commit hash
- Replace all inline-grid overlay technique with simple whitespace-nowrap
to fix two-line button text caused by invisible reference spans

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/self-update.ts

@@ -39,7 +39,7 @@ const CHECK_INTERVAL_MS = 6 * 60 * 60 * 1000; // 6 hours
 const INITIAL_DELAY_MS = 10_000; // 10 seconds after startup
 
 export interface ProxyInfo {
-  version: string;
+  version: string | null;
   commit: string | null;
 }
 
@@ -75,15 +75,30 @@ let _checkTimer: ReturnType<typeof setInterval> | null = null;
 let _initialTimer: ReturnType<typeof setTimeout> | null = null;
 let _checking = false;
 
-/** Read proxy version from package.json + current git commit hash. */
+/** Read proxy version from git tag / package.json + current git commit hash. */
 export function getProxyInfo(): ProxyInfo {
-  let version = "unknown";
+  let version: string | null = null;
+  let commit: string | null = null;
+
+  // Try git tag first (meaningful for versioned releases)
   try {
-    const pkg = JSON.parse(readFileSync(resolve(getRootDir(), "package.json"), "utf-8")) as { version?: string };
-    version = pkg.version ?? "unknown";
-  } catch { /* ignore */ }
+    const tag = execFileSync("git", ["describe", "--tags", "--abbrev=0", "HEAD"], {
+      cwd: process.cwd(),
+      encoding: "utf-8",
+      timeout: 5000,
+    }).trim();
+    if (tag) version = tag.startsWith("v") ? tag.slice(1) : tag;
+  } catch { /* no reachable tag */ }
+
+  // Fall back to package.json (skip "1.0.0" placeholder on master)
+  if (!version) {
+    try {
+      const pkg = JSON.parse(readFileSync(resolve(getRootDir(), "package.json"), "utf-8")) as { version?: string };
+      const v = pkg.version;
+      if (v && v !== "1.0.0") version = v;
+    } catch { /* ignore */ }
+  }
 
-  let commit: string | null = null;
   try {
     const out = execFileSync("git", ["rev-parse", "--short", "HEAD"], {
       cwd: process.cwd(),
@@ -236,7 +251,7 @@ export async function checkProxySelfUpdate(): Promise<ProxySelfUpdateResult> {
 
   // Docker or Electron — GitHub Releases API
   const release = await checkGitHubRelease();
-  const currentVersion = getProxyInfo().version;
+  const currentVersion = getProxyInfo().version ?? "0.0.0";
   const updateAvailable = release !== null
     && release.version !== currentVersion
     && release.version.localeCompare(currentVersion, undefined, { numeric: true }) > 0;

web/src/components/Header.tsx

@@ -64,10 +64,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
                 <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75" />
                 <span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-primary" />
               </span>
-              <span class="text-xs font-semibold text-primary inline-grid">
-                <span class="invisible col-start-1 row-start-1">Server Online</span>
-                <span class="col-start-1 row-start-1">{t("serverOnline")}</span>
-              </span>
+              <span class="text-xs font-semibold text-primary whitespace-nowrap">{t("serverOnline")}</span>
               {version && (
                 <span class="text-[0.65rem] font-mono text-primary/70">v{version}</span>
               )}
@@ -85,10 +82,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
               <svg class="size-3.5" viewBox="0 0 24 24" fill="currentColor">
                 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
               </svg>
-              <span class="text-xs font-semibold inline-grid">
-                <span class="invisible col-start-1 row-start-1">Star on GitHub</span>
-                <span class="col-start-1 row-start-1">{t("starOnGithub")}</span>
-              </span>
+              <span class="text-xs font-semibold whitespace-nowrap">{t("starOnGithub")}</span>
             </a>
             {/* Check for Updates */}
             <button
@@ -99,10 +93,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
               <svg class={`size-3.5 ${checking ? "animate-spin" : ""}`} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.992 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182M20.985 4.356v4.992" />
               </svg>
-              <span class="text-xs font-semibold inline-grid">
-                <span class="invisible col-start-1 row-start-1">Check for Updates</span>
-                <span class="col-start-1 row-start-1">{checking ? t("checkingUpdates") : t("checkForUpdates")}</span>
-              </span>
+              <span class="text-xs font-semibold whitespace-nowrap">{checking ? t("checkingUpdates") : t("checkForUpdates")}</span>
             </button>
             {/* Update status message */}
             {updateStatusMsg && !checking && (
@@ -139,10 +130,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
                   <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" />
                   </svg>
-                  <span class="text-xs font-semibold inline-grid">
-                    <span class="invisible col-start-1 row-start-1">Proxy Assignment</span>
-                    <span class="col-start-1 row-start-1">{t("proxySettings")}</span>
-                  </span>
+                  <span class="text-xs font-semibold whitespace-nowrap">{t("proxySettings")}</span>
                 </a>
                 <button
                   onClick={onAddAccount}
@@ -151,10 +139,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
                   <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                   </svg>
-                  <span class="inline-grid">
-                    <span class="invisible col-start-1 row-start-1">Add Account</span>
-                    <span class="col-start-1 row-start-1">{t("addAccount")}</span>
-                  </span>
+                  <span class="whitespace-nowrap">{t("addAccount")}</span>
                 </button>
               </>
             )}