feat: check for available updates

frontend/src/App.tsx

@@ -10,7 +10,7 @@ import {
   GetQSO, UpdateQSO, DeleteQSO, DeleteAllQSO,
   UpdateQSOsFromCty, UpdateQSOsFromQRZ, UpdateQSOsFromClublog, UploadQSOsManual, SendQSORecordingEmail,
   LookupCallsign, GetStationSettings, GetListsSettings,
-  GetStartupStatus,
+  GetStartupStatus, CheckForUpdate,
   WorkedBefore,
   SetCompactMode,
   GetCATState, SetCATFrequency, SetCATMode, SwitchCATRig,
@@ -34,7 +34,7 @@ import {
 } from '../wailsjs/go/main/App';
 import { Combobox } from '@/components/ui/combobox';
 import { applyAwardRefs } from '@/lib/awardRefs';
-import { EventsOn } from '../wailsjs/runtime/runtime';
+import { EventsOn, BrowserOpenURL } from '../wailsjs/runtime/runtime';
 import type { adif as adifModels, lookup as lookupModels, cat as catModels } from '../wailsjs/go/models';
 import type { QSOForm, WorkedBeforeView, StationSettingsForm, ListsSettingsForm, ModePresetForm } from '@/types';
 
@@ -678,6 +678,15 @@ export default function App() {
   const [settingsSection, setSettingsSection] = useState<string | undefined>(undefined);
   const [showDeleteAll, setShowDeleteAll] = useState(false);
   const [showAbout, setShowAbout] = useState(false);
+  const [updateInfo, setUpdateInfo] = useState<{ latest: string; url: string } | null>(null);
+  // Check GitHub for a newer release once at startup (unless disabled in
+  // General); surface a toast if one exists. Best effort — silent on failure.
+  useEffect(() => {
+    if (localStorage.getItem('opslog.checkUpdates') === '0') return;
+    CheckForUpdate().then((u: any) => {
+      if (u?.available && u?.latest) setUpdateInfo({ latest: String(u.latest), url: String(u.url ?? '') });
+    }).catch(() => {});
+  }, []);
   const [deletingAll, setDeletingAll] = useState(false);
   const [ctyRefreshing, setCtyRefreshing] = useState(false);
   const [refsDownloading, setRefsDownloading] = useState(false);
@@ -2508,6 +2517,31 @@ export default function App() {
         <FirstRunModal onDone={() => { setShowFirstRun(false); loadStation(); refresh(); }} />
       )}
 
+      {updateInfo && (
+        <div className="fixed bottom-4 right-4 z-[150] w-80 rounded-lg border border-primary/40 bg-card shadow-xl p-3 animate-in slide-in-from-bottom-2 fade-in">
+          <div className="flex items-start gap-2">
+            <div className="size-2.5 mt-1 rounded-full bg-primary shrink-0 animate-pulse" />
+            <div className="min-w-0 flex-1">
+              <p className="text-sm font-semibold">OpsLog v{updateInfo.latest} available</p>
+              <p className="text-xs text-muted-foreground">You're on v{APP_VERSION}.</p>
+              <div className="mt-2 flex items-center gap-2">
+                <button
+                  onClick={() => { if (updateInfo.url) BrowserOpenURL(updateInfo.url); setUpdateInfo(null); }}
+                  className="h-7 px-3 rounded-md bg-primary text-primary-foreground text-xs font-medium hover:opacity-90">
+                  Download
+                </button>
+                <button onClick={() => setUpdateInfo(null)} className="h-7 px-2 text-xs text-muted-foreground hover:text-foreground">
+                  Later
+                </button>
+              </div>
+            </div>
+            <button onClick={() => setUpdateInfo(null)} className="text-muted-foreground hover:text-foreground shrink-0" title="Dismiss">
+              <X className="size-4" />
+            </button>
+          </div>
+        </div>
+      )}
+
       {showAbout && (
         <div className="fixed inset-0 z-[200] flex items-center justify-center bg-black/40 backdrop-blur-sm" onClick={() => setShowAbout(false)}>
           <div className="w-full max-w-sm rounded-xl border border-border bg-card shadow-2xl p-6 text-center animate-in fade-in zoom-in-95" onClick={(e) => e.stopPropagation()}>
@@ -2517,6 +2551,13 @@ export default function App() {
             </div>
             <p className="text-sm text-muted-foreground">Ham-radio logbook</p>
             <p className="mt-3 font-mono text-sm">version <span className="font-semibold text-foreground">{APP_VERSION}</span></p>
+            {updateInfo ? (
+              <button onClick={() => updateInfo.url && BrowserOpenURL(updateInfo.url)} className="mt-1 text-xs text-primary underline hover:opacity-80">
+                Update available: v{updateInfo.latest} — download
+              </button>
+            ) : (
+              <p className="mt-1 text-[11px] text-emerald-600">You're up to date</p>
+            )}
             <p className="mt-3 text-sm">
               Developed by <span className="font-semibold text-primary">{APP_AUTHOR}</span>
             </p>