fix(layout): make version badge popover always clickable

Previously the badge ignored clicks until GitHub responded with a
release tag. When the latest version is unknown (offline, rate-limited,
still loading) the popover now opens with a "checking…" hint and the
release link is hidden until it becomes available.

Author: james-6-23

frontend/src/components/Layout.tsx

@@ -232,40 +232,45 @@ export default function Layout({ children }: PropsWithChildren) {
                     <div ref={versionPopoverRef} className="relative w-fit">
                       <button
                         type="button"
-                        className={`relative inline-flex items-center rounded-md bg-primary/10 px-1.5 py-0.5 text-[10px] font-bold text-primary ring-1 ring-primary/10 transition-colors ${releaseURL ? 'cursor-pointer hover:bg-primary/15' : 'cursor-default'}`}
+                        className="relative inline-flex cursor-pointer items-center rounded-md bg-primary/10 px-1.5 py-0.5 text-[10px] font-bold text-primary ring-1 ring-primary/10 transition-colors hover:bg-primary/15"
                         title={hasUpdate && latestVersion ? t('common.newVersionAvailable', { version: latestVersion }) : undefined}
                         tabIndex={sidebarCollapsed ? -1 : 0}
-                        onClick={() => {
-                          if (!releaseURL) return
-                          setShowVersionPopover((current) => !current)
-                        }}
+                        onClick={() => setShowVersionPopover((current) => !current)}
                       >
                         {__APP_VERSION__}
                         {hasUpdate && (
                           <span className="absolute -top-1.5 left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-red-500 shadow-sm ring-2 ring-[hsl(var(--sidebar-background))] animate-pulse" />
                         )}
                       </button>
-                      {showVersionPopover && releaseURL && latestVersion && (
+                      {showVersionPopover && (
                         <div className="absolute left-0 top-[calc(100%+8px)] z-50 w-[240px] rounded-lg border border-border bg-popover p-3 text-left shadow-xl">
                           <div className="text-[13px] font-semibold text-foreground">
-                            {hasUpdate ? t('common.newVersionAvailable', { version: latestVersion }) : t('common.versionLatest')}
+                            {latestVersion
+                              ? hasUpdate
+                                ? t('common.newVersionAvailable', { version: latestVersion })
+                                : t('common.versionLatest')
+                              : t('common.versionChecking')}
                           </div>
                           <div className="mt-1 text-[11px] text-muted-foreground">
                             {t('common.currentVersion', { version: __APP_VERSION__ })}
                           </div>
-                          <div className="mt-1 text-[11px] text-muted-foreground">
-                            {t('common.latestVersion', { version: latestVersion })}
-                          </div>
-                          <a
-                            href={releaseURL}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            className="mt-3 inline-flex w-full items-center justify-center gap-1.5 rounded-md border border-primary/20 bg-primary/10 px-2.5 py-1.5 text-[12px] font-semibold text-primary transition-colors hover:bg-primary/15"
-                            onClick={() => setShowVersionPopover(false)}
-                          >
-                            {t('common.viewReleaseNotes')}
-                            <ExternalLink className="size-3.5" />
-                          </a>
+                          {latestVersion && (
+                            <div className="mt-1 text-[11px] text-muted-foreground">
+                              {t('common.latestVersion', { version: latestVersion })}
+                            </div>
+                          )}
+                          {releaseURL && (
+                            <a
+                              href={releaseURL}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              className="mt-3 inline-flex w-full items-center justify-center gap-1.5 rounded-md border border-primary/20 bg-primary/10 px-2.5 py-1.5 text-[12px] font-semibold text-primary transition-colors hover:bg-primary/15"
+                              onClick={() => setShowVersionPopover(false)}
+                            >
+                              {t('common.viewReleaseNotes')}
+                              <ExternalLink className="size-3.5" />
+                            </a>
+                          )}
                         </div>
                       )}
                     </div>

frontend/src/locales/en.json

@@ -19,6 +19,7 @@
     "currentVersion": "Current version: {{version}}",
     "latestVersion": "Latest version: {{version}}",
     "versionLatest": "You are on the latest version",
+    "versionChecking": "Checking for the latest version…",
     "viewReleaseNotes": "View release notes",
     "logout": "Log out",
     "refresh": "Refresh",

frontend/src/locales/zh.json

@@ -19,6 +19,7 @@
     "currentVersion": "当前版本：{{version}}",
     "latestVersion": "最新版本：{{version}}",
     "versionLatest": "已是最新版本",
+    "versionChecking": "正在检查最新版本…",
     "viewReleaseNotes": "查看更新内容",
     "logout": "退出登录",
     "refresh": "刷新",