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>

frontend/src/components/SettingsModal.tsx

@@ -593,6 +593,7 @@ export function SettingsModal({ onClose, onSaved, initialSection }: Props) {
 
   // General behaviour prefs (mirrored to the DB so they travel with data/).
   const [autofocusWB, setAutofocusWB] = useState(() => localStorage.getItem('opslog.autofocusWB') !== '0');
+  const [checkUpdates, setCheckUpdates] = useState(() => localStorage.getItem('opslog.checkUpdates') !== '0');
   const [showBeamMap, setShowBeamMap] = useState(() => localStorage.getItem('opslog.showBeamOnMap') !== '0');
   const [startEqEnd, setStartEqEnd] = useState(() => localStorage.getItem('opslog.startEqualsEnd') === '1');
   const [lookupOnBlur, setLookupOnBlur] = useState(() => localStorage.getItem('opslog.lookupOnBlur') === '1');
@@ -3285,6 +3286,10 @@ export function SettingsModal({ onClose, onSaved, initialSection }: Props) {
             <Checkbox checked={lookupOnBlur} onCheckedChange={(c) => { const v = !!c; setLookupOnBlur(v); writeUiPref('opslog.lookupOnBlur', v ? '1' : '0'); }} />
             Look up the callsign only after leaving the field <span className="text-xs text-muted-foreground">(not while typing)</span>
           </label>
+          <label className="flex items-center gap-2 text-sm cursor-pointer">
+            <Checkbox checked={checkUpdates} onCheckedChange={(c) => { const v = !!c; setCheckUpdates(v); writeUiPref('opslog.checkUpdates', v ? '1' : '0'); }} />
+            Check for updates at startup <span className="text-xs text-muted-foreground">(notifies when a newer OpsLog is published)</span>
+          </label>
           <TelemetryToggle />
 
           <div className="border-t border-border/60 pt-4 space-y-2">