import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { AlertCircle, Antenna, CheckCircle2, Clock, Compass, Hash, Loader2, Lock, Maximize2, Minimize2, Pencil, RadioTower, RefreshCw, Send, Settings, Square, Trash2, Unlock, X, } from 'lucide-react'; import { AddQSO, ListQSO, CountQSO, OpenADIFFile, ImportADIF, GetQSO, UpdateQSO, DeleteQSO, DeleteAllQSO, LookupCallsign, GetStationSettings, GetListsSettings, GetStartupStatus, WorkedBefore, SetCompactMode, GetCATState, SetCATFrequency, SetCATMode, SwitchCATRig, RefreshCtyDat, RotatorGoTo, RotatorStop, GetCATSettings, } from '../wailsjs/go/main/App'; import { EventsOn, EventsOff } 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'; import { Menubar, type Menu } from '@/components/Menubar'; import { ConfirmDialog } from '@/components/ConfirmDialog'; import { SettingsModal } from '@/components/SettingsModal'; import { QSOEditModal } from '@/components/QSOEditModal'; import { BandSlotGrid } from '@/components/BandSlotGrid'; import { CallHistoryPanel } from '@/components/CallHistoryPanel'; import { DetailsPanel, type DetailsState } from '@/components/DetailsPanel'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Badge } from '@/components/ui/badge'; import { Checkbox } from '@/components/ui/checkbox'; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '@/components/ui/dialog'; import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs'; import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, } from '@/components/ui/select'; import { cn } from '@/lib/utils'; import { pathBetween } from '@/lib/maidenhead'; type QSO = QSOForm; type ImportResult = adifModels.ImportResult; type LookupResult = lookupModels.Result; type StationSettings = StationSettingsForm; type ListsSettings = ListsSettingsForm; type ModePreset = ModePresetForm; type WB = WorkedBeforeView; type CATState = Omit; const DEFAULT_BANDS = ['160m','80m','60m','40m','30m','20m','17m','15m','12m','10m','6m','2m','70cm','23cm']; const DEFAULT_MODES = ['SSB','CW','FT8','FT4','RTTY','PSK31','AM','FM','DIGITALVOICE']; const emptyDetails: DetailsState = { state: '', cnty: '', address: '', lat: undefined, lon: undefined, dxcc: undefined, cqz: undefined, ituz: undefined, cont: '', qsl_msg: '', qsl_via: '', ant_az: undefined, ant_el: undefined, ant_path: '', prop_mode: '', my_rig: '', my_antenna: '', tx_pwr: undefined, sat_name: '', sat_mode: '', contest_id: '', srx: undefined, stx: undefined, email: '', }; function fmtDateUTC(s: any): string { if (!s) return ''; const d = new Date(s); if (isNaN(d.getTime())) return s; const p = (n: number) => String(n).padStart(2, '0'); return `${d.getUTCFullYear()}-${p(d.getUTCMonth() + 1)}-${p(d.getUTCDate())} ${p(d.getUTCHours())}:${p(d.getUTCMinutes())}`; } function fmtFreq(hz?: number): string { if (!hz) return ''; return (hz / 1_000_000).toFixed(4); } function fmtHMSUTC(d: Date): string { const p = (n: number) => String(n).padStart(2, '0'); return `${p(d.getUTCHours())}:${p(d.getUTCMinutes())}:${p(d.getUTCSeconds())}`; } // parseHMSUTC parses "HH:MM" or "HH:MM:SS" and returns a Date with that // UTC time on the same UTC day as base. Tolerates "HHMM" / "HHMMSS" too // (no separators) so the user can type fast. Falls back to base on bad input. function parseHMSUTC(s: string, base: Date): Date { const clean = s.replace(/[^0-9:]/g, ''); let h = 0, m = 0, sec = 0; if (clean.includes(':')) { const parts = clean.split(':'); h = parseInt(parts[0] ?? '0', 10) || 0; m = parseInt(parts[1] ?? '0', 10) || 0; sec = parseInt(parts[2] ?? '0', 10) || 0; } else if (clean.length >= 4) { h = parseInt(clean.slice(0, 2), 10) || 0; m = parseInt(clean.slice(2, 4), 10) || 0; sec = clean.length >= 6 ? (parseInt(clean.slice(4, 6), 10) || 0) : 0; } else { return base; } if (h > 23 || m > 59 || sec > 59) return base; const d = new Date(base); d.setUTCHours(h, m, sec, 0); return d; } // fmtFreqDots formats a MHz string for display as MHz.kHz.Hz with dot // separators (14.266500 → "14.266.500"). Pads the fractional part to 6 // digits so partial inputs ("14.21") still render as "14.210.000". function fmtFreqDots(mhzStr: string): string { if (!mhzStr) return ''; const [intPart, fracRaw = ''] = mhzStr.split('.'); const frac = (fracRaw + '000000').slice(0, 6); return `${intPart}.${frac.slice(0, 3)}.${frac.slice(3, 6)}`; } // shortCatError condenses a backend error into a few words for the topbar // pill. The full message stays in the tooltip. Recognises the common cases // (OmniRig not installed, not registered) and otherwise truncates. function shortCatError(err?: string): string { if (!err) return ''; const e = err.toLowerCase(); if (e.includes('not registered') || e.includes('not available')) return 'OmniRig not found'; if (e.includes('not connected')) return 'not connected'; if (e.includes('coinitialize')) return 'COM error'; return err.length > 24 ? err.slice(0, 22) + '…' : err; } function computePrefix(call: string): string { if (!call) return ''; const c = call.trim().toUpperCase().split('/')[0]; let lastDigit = -1; for (let i = 0; i < c.length; i++) { if (c[i] >= '0' && c[i] <= '9') lastDigit = i; } return lastDigit >= 0 ? c.slice(0, lastDigit + 1) : c; } export default function App() { // === Lists from settings (fallback for first paint) === const [bands, setBands] = useState(DEFAULT_BANDS); const [modes, setModes] = useState(DEFAULT_MODES); const [modePresets, setModePresets] = useState([]); // === Entry === const [callsign, setCallsign] = useState(''); // QSO start time — frozen when the operator starts typing the callsign, // logged as ADIF QSO_DATE. End time = save click (logged as QSO_DATE_OFF). const [qsoStartedAt, setQsoStartedAt] = useState(null); // Frozen end time used when the End-UTC field is locked (backdated QSO); // null means the field tracks the live clock. const [qsoEndedAt, setQsoEndedAt] = useState(null); // Local string buffers for the time inputs while the user is editing. // Parsing only on blur — otherwise every keystroke would re-format the // value and React would move the cursor back to the end of the field. const [startInputStr, setStartInputStr] = useState(''); const [endInputStr, setEndInputStr] = useState(''); const [startFocused, setStartFocused] = useState(false); const [endFocused, setEndFocused] = useState(false); const [freqFocused, setFreqFocused] = useState(false); // Per-field locks — like Log4OM's padlocks. When locked, CAT updates skip // that field and the time fields become editable so the user can log a // QSO from the past while the radio is parked elsewhere. type LockKey = 'band' | 'mode' | 'freq' | 'start' | 'end'; const [locks, setLocks] = useState>({ band: false, mode: false, freq: false, start: false, end: false, }); const locksRef = useRef(locks); useEffect(() => { locksRef.current = locks; }, [locks]); const toggleLock = (k: LockKey) => { setLocks((s) => { const wasLocked = s[k]; const next = { ...s, [k]: !wasLocked }; // Unlocking → restore automatic behavior. Without this the locked // value would linger forever: a stale Start time would never refresh // even after a new callsign is entered. if (wasLocked) { if (k === 'start') { // If a QSO is currently in progress (callsign typed), snap start // to now since we missed the auto-start moment. Otherwise clear. setQsoStartedAt(callsign.trim() ? new Date() : null); } else if (k === 'end') { // Drop the frozen end so the field tracks the live UTC clock. setQsoEndedAt(null); } } return next; }); }; // Small padlock toggle rendered inside each lockable field's label. Match // the icon to the current state so the user can tell at a glance which // fields are immune to CAT updates / live clock. function LockBtn({ k, title }: { k: LockKey; title: string }) { const on = locks[k]; const Icon = on ? Lock : Unlock; return ( ); } const [band, setBand] = useState('20m'); const [mode, setMode] = useState('SSB'); const [freqMhz, setFreqMhz] = useState(''); // RX freq for split — only set/shown when the rig is in split mode. const [rxFreqMhz, setRxFreqMhz] = useState(''); const [rstSent, setRstSent] = useState('59'); const [rstRcvd, setRstRcvd] = useState('59'); const [grid, setGrid] = useState(''); const [name, setName] = useState(''); const [qth, setQth] = useState(''); const [country, setCountry] = useState(''); const [comment, setComment] = useState(''); const [note, setNote] = useState(''); // Compact (popout) mode: shrinks the window + always-on-top so the entry // strip can sit on top of WSJT-X / JT-Alert / the cluster. const [compact, setCompact] = useState(false); function toggleCompact() { const next = !compact; setCompact(next); SetCompactMode(next); } // CAT — receives live rig state via Wails events. const [catState, setCatState] = useState({ enabled: false, connected: false } as any); // Mode HamLog shows when the rig reports generic DIG_U/DIG_L. OmniRig // can't tell us if it's FT8 vs FT4 vs RTTY, so the user picks the default // in Preferences > Hardware > CAT interface. const digitalDefaultRef = useRef('FT8'); // Don't override freq/band/mode the user JUST typed — track a small grace // window after manual edits and skip CAT updates during it. const catFreezeUntilRef = useRef(0); function noteManualEdit() { catFreezeUntilRef.current = Date.now() + 1500; } // Suggested QSY frequency (Hz) for a given band + mode. Common phone / // CW / FT8 watering holes per IARU practice. Fallback = mid-band SSB freq. // TODO: make this a user preference per band/mode later. const QSY_TABLE: Record> = { '160m': { SSB: 1842000, CW: 1820000, FT8: 1840000, FT4: 1840000, RTTY: 1838000, default: 1840000 }, '80m': { SSB: 3750000, CW: 3520000, FT8: 3573000, FT4: 3575000, RTTY: 3580000, default: 3750000 }, '60m': { default: 5357000 }, '40m': { SSB: 7150000, CW: 7030000, FT8: 7074000, FT4: 7047500, RTTY: 7040000, default: 7150000 }, '30m': { CW: 10116000, FT8: 10136000, FT4: 10140000, RTTY: 10142000, default: 10136000 }, '20m': { SSB: 14250000, CW: 14030000, FT8: 14074000, FT4: 14080000, RTTY: 14080000, default: 14250000 }, '17m': { SSB: 18140000, CW: 18080000, FT8: 18100000, FT4: 18104000, RTTY: 18105000, default: 18140000 }, '15m': { SSB: 21300000, CW: 21030000, FT8: 21074000, FT4: 21140000, RTTY: 21080000, default: 21300000 }, '12m': { SSB: 24950000, CW: 24910000, FT8: 24915000, FT4: 24919000, RTTY: 24920000, default: 24950000 }, '10m': { SSB: 28500000, CW: 28030000, FT8: 28074000, FT4: 28180000, RTTY: 28080000, default: 28500000 }, '6m': { SSB: 50150000, CW: 50080000, FT8: 50313000, FT4: 50318000, default: 50150000 }, '2m': { SSB: 144300000, CW: 144050000, FT8: 144174000, default: 144300000 }, '70cm': { SSB: 432300000, CW: 432050000, FT8: 432174000, default: 432300000 }, }; function qsyFreqHz(band: string, mode: string): number { const t = QSY_TABLE[band]; if (!t) return 0; return t[mode] ?? t.default ?? 0; } // Digital watering holes (±3 kHz tolerance). When the rig is parked here // CAT typically reports SSB (USB-D under the hood) which is misleading — // auto-promote to the specific digital mode for the entry strip. const DIGITAL_FREQS: { freq: number; mode: string }[] = [ { freq: 1.840, mode: 'FT8' }, { freq: 3.573, mode: 'FT8' }, { freq: 5.357, mode: 'FT8' }, { freq: 7.074, mode: 'FT8' }, { freq: 7.0475, mode: 'FT4' }, { freq: 10.136, mode: 'FT8' }, { freq: 10.140, mode: 'FT4' }, { freq: 14.074, mode: 'FT8' }, { freq: 14.080, mode: 'FT4' }, { freq: 18.100, mode: 'FT8' }, { freq: 18.104, mode: 'FT4' }, { freq: 21.074, mode: 'FT8' }, { freq: 21.140, mode: 'FT4' }, { freq: 24.915, mode: 'FT8' }, { freq: 24.919, mode: 'FT4' }, { freq: 28.074, mode: 'FT8' }, { freq: 28.180, mode: 'FT4' }, { freq: 50.313, mode: 'FT8' }, { freq: 50.318, mode: 'FT4' }, { freq: 144.174, mode: 'FT8' }, ]; function inferDigitalMode(freqHz: number): string { const mhz = freqHz / 1_000_000; for (const d of DIGITAL_FREQS) { if (Math.abs(mhz - d.freq) <= 0.003) return d.mode; } return ''; } // User changed band/mode in the entry strip → push to the rig if CAT is up. // Both calls are fire-and-forget; CAT will reflect back via cat:state. function onBandUserChange(v: string) { setBand(v); noteManualEdit(); if (catState.enabled && catState.connected) { const hz = qsyFreqHz(v, mode); if (hz > 0) SetCATFrequency(hz).catch(() => {}); } } function onModeUserChange(v: string) { setMode(v); applyModePreset(v); noteManualEdit(); if (catState.enabled && catState.connected) { SetCATMode(v).catch(() => {}); } } const userEditedRef = useRef>(new Set()); const lastLookedUpRef = useRef(''); const rstUserEditedRef = useRef(false); const [details, setDetails] = useState(emptyDetails); const updateDetails = useCallback((patch: Partial) => { setDetails((d) => ({ ...d, ...patch })); }, []); const prefix = useMemo(() => computePrefix(callsign), [callsign]); // Bearing/distance from operator's home grid to the remote station — // shown live in the entry strip (SP azimuth) and Info tab (LP + dist). // === Logbook list === const [qsos, setQsos] = useState([]); const [total, setTotal] = useState(0); const [error, setError] = useState(''); const [saving, setSaving] = useState(false); const [filterCallsign, setFilterCallsign] = useState(''); const [filterBand, setFilterBand] = useState(''); const [filterMode, setFilterMode] = useState(''); const [activeTab, setActiveTab] = useState('recent'); // === Modals === const [editingQSO, setEditingQSO] = useState(null); const [deletingQSO, setDeletingQSO] = useState(null); const [selectedId, setSelectedId] = useState(null); const [showSettings, setShowSettings] = useState(false); // Optional deep-link: which Preferences section to open. Cleared on // close so the next plain "Preferences" launch reverts to default. const [settingsSection, setSettingsSection] = useState(undefined); const [showDeleteAll, setShowDeleteAll] = useState(false); const [deletingAll, setDeletingAll] = useState(false); const [ctyRefreshing, setCtyRefreshing] = useState(false); // === ADIF === const [importing, setImporting] = useState(false); const [importResult, setImportResult] = useState(null); const [importErrorsOpen, setImportErrorsOpen] = useState(false); const [importDupsOpen, setImportDupsOpen] = useState(false); // ADIF import confirmation: after the user picks a file, hold the path // until they confirm the options (skip duplicates etc.). const [pendingImportPath, setPendingImportPath] = useState(null); const [importSkipDups, setImportSkipDups] = useState(true); // === Lookup + WB === const [lookupResult, setLookupResult] = useState(null); const [lookupBusy, setLookupBusy] = useState(false); const [lookupError, setLookupError] = useState(''); const lookupTimerRef = useRef(null); const wbTimerRef = useRef(null); const [wb, setWb] = useState(null); const [wbBusy, setWbBusy] = useState(false); // === Station === const [station, setStation] = useState({ callsign: '', operator: '', my_grid: '', my_country: '', my_sota_ref: '', my_pota_ref: '', }); // === Clock === const [utcNow, setUtcNow] = useState(''); useEffect(() => { function tick() { const d = new Date(); const p = (n: number) => String(n).padStart(2, '0'); setUtcNow(`${d.getUTCFullYear()}-${p(d.getUTCMonth()+1)}-${p(d.getUTCDate())} ${p(d.getUTCHours())}:${p(d.getUTCMinutes())}:${p(d.getUTCSeconds())}`); } tick(); const id = window.setInterval(tick, 1000); return () => window.clearInterval(id); }, []); const refresh = useCallback(async () => { try { const list = await ListQSO({ callsign: filterCallsign, band: filterBand, mode: filterMode, limit: 500, offset: 0, } as any); const n = await CountQSO(); setQsos(list); setTotal(n); setError(''); } catch (e: any) { setError(String(e?.message ?? e)); } }, [filterCallsign, filterBand, filterMode]); const loadStation = useCallback(async () => { try { setStation(await GetStationSettings()); } catch {} }, []); const loadCATCfg = useCallback(async () => { try { const c = await GetCATSettings(); if (c.digital_default) digitalDefaultRef.current = c.digital_default; } catch {} }, []); const loadLists = useCallback(async () => { try { const l: ListsSettings = await GetListsSettings(); if (l.bands && l.bands.length) setBands(l.bands); if (l.modes && l.modes.length) { setModePresets(l.modes); const names = l.modes.map((m) => m.name); setModes(names); setMode((cur) => names.includes(cur) ? cur : names[0]); const preset = l.modes.find((m) => m.name === mode) ?? l.modes[0]; if (preset && !rstUserEditedRef.current) { if (preset.default_rst_sent) setRstSent(preset.default_rst_sent); if (preset.default_rst_rcvd) setRstRcvd(preset.default_rst_rcvd); } } } catch {} // eslint-disable-next-line react-hooks/exhaustive-deps }, []); function applyModePreset(m: string) { if (rstUserEditedRef.current) return; const p = modePresets.find((x) => x.name === m); if (!p) return; if (p.default_rst_sent) setRstSent(p.default_rst_sent); if (p.default_rst_rcvd) setRstRcvd(p.default_rst_rcvd); } useEffect(() => { refresh(); }, [refresh]); useEffect(() => { (async () => { try { const st = await GetStartupStatus(); if (!st.ok) { setError(`Startup failed: ${st.err}\nDB path: ${st.db_path}`); return; } } catch {} loadStation(); loadLists(); loadCATCfg(); // Hydrate CAT state on mount (the backend may already be polling). try { setCatState(await GetCATState()); } catch {} })(); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); // CAT live updates. Push freq/band/mode into the entry strip when the rig // moves, unless the user just typed something (1.5s grace window). useEffect(() => { EventsOn('cat:state', (s: CATState) => { setCatState(s); if (!s?.connected) return; if (Date.now() < catFreezeUntilRef.current) return; const lk = locksRef.current; if (!lk.freq && s.freq_hz && s.freq_hz > 0) { setFreqMhz((s.freq_hz / 1_000_000).toFixed(5)); } // RX freq (split only): backend follows ADIF — freq_hz = TX, // freq_rx_hz = RX. Only set when the rig is in split, otherwise the // field would duplicate TX for no reason. The freq lock covers both. if (!lk.freq) { if (s.split && s.freq_rx_hz && s.freq_rx_hz > 0) { setRxFreqMhz((s.freq_rx_hz / 1_000_000).toFixed(5)); } else { setRxFreqMhz(''); } } if (!lk.band && s.band) setBand(s.band); // Mode resolution priority: // 1. If freq matches a known digital watering hole, pick the specific // mode for that hole (FT8 / FT4) — beats whatever CAT reports. // 2. Else if CAT reports DATA (generic), use the user's configured // default digital mode (FT8 by default). // 3. Else trust CAT (SSB, CW, AM, FM…). if (!lk.mode) { const inferred = s.freq_hz ? inferDigitalMode(s.freq_hz) : ''; if (inferred) { setMode(inferred); } else if (s.mode === 'DATA') { setMode(digitalDefaultRef.current || 'FT8'); } else if (s.mode) { setMode(s.mode); } } }); return () => { EventsOff('cat:state'); }; // eslint-disable-next-line react-hooks/exhaustive-deps }, []); async function save() { if (!callsign.trim()) { setError('Callsign required'); return; } setSaving(true); setError(''); try { const freqHz = freqMhz.trim() ? Math.round(parseFloat(freqMhz) * 1_000_000) : undefined; const rxFreqHz = rxFreqMhz.trim() ? Math.round(parseFloat(rxFreqMhz) * 1_000_000) : undefined; const now = new Date(); const start = qsoStartedAt ?? now; const end = (locks.end && qsoEndedAt) ? qsoEndedAt : now; const payload: any = { callsign: callsign.trim().toUpperCase(), qso_date: start.toISOString(), qso_date_off: end.toISOString(), band, mode, freq_hz: freqHz, freq_rx_hz: rxFreqHz, rst_sent: rstSent, rst_rcvd: rstRcvd, grid: grid.trim().toUpperCase(), name, qth, country, comment, notes: note, state: details.state, cnty: details.cnty, address: details.address, lat: details.lat, lon: details.lon, dxcc: details.dxcc, cqz: details.cqz, ituz: details.ituz, cont: details.cont || undefined, qsl_msg: details.qsl_msg, qsl_via: details.qsl_via, ant_az: details.ant_az, ant_el: details.ant_el, ant_path: details.ant_path, prop_mode: details.prop_mode, my_rig: details.my_rig, my_antenna: details.my_antenna, tx_pwr: details.tx_pwr, sat_name: details.sat_name, sat_mode: details.sat_mode, contest_id: details.contest_id, srx: details.srx, stx: details.stx, email: details.email, }; await AddQSO(payload); resetEntry(); await refresh(); } catch (e: any) { setError(String(e?.message ?? e)); } finally { setSaving(false); } } // resetEntry clears the form for the next QSO. Triggered after a // successful log AND by ESC. Locked values (band/mode/freq/start/end) // are preserved so backdated batches stay productive. function resetEntry() { setCallsign(''); setComment(''); setNote(''); if (!locks.start) setQsoStartedAt(null); if (!locks.end) setQsoEndedAt(null); resetAutoFill(); setLookupError(''); rstUserEditedRef.current = false; applyModePreset(mode); setDetails((d) => ({ ...d, state: '', cnty: '', address: '', lat: undefined, lon: undefined, dxcc: undefined, cqz: undefined, ituz: undefined, cont: '', qsl_msg: '', qsl_via: '', contest_id: '', srx: undefined, stx: undefined, email: '', })); } function resetAutoFill() { setName(''); setQth(''); setCountry(''); setGrid(''); setDetails((d) => ({ ...d, state: '', cnty: '', address: '', lat: undefined, lon: undefined, dxcc: undefined, cqz: undefined, ituz: undefined, cont: '', qsl_via: '', email: '', })); userEditedRef.current.clear(); lastLookedUpRef.current = ''; setLookupResult(null); } async function openEdit(id: number) { try { setEditingQSO(await GetQSO(id)); } catch (e: any) { setError(String(e?.message ?? e)); } } async function onModalSave(q: QSO) { try { await UpdateQSO(q as any); setEditingQSO(null); await refresh(); } catch (err: any) { setError(String(err?.message ?? err)); } } function onModalDelete(id: number) { const q = editingQSO; setEditingQSO(null); if (q) setDeletingQSO(q); else askDelete(id); } function askDelete(id: number) { const q = qsos.find((x) => x.id === id); if (q) setDeletingQSO(q); } async function confirmDelete() { if (!deletingQSO) return; try { await DeleteQSO(deletingQSO.id); if (selectedId === deletingQSO.id) setSelectedId(null); setDeletingQSO(null); await refresh(); } catch (err: any) { setError(String(err?.message ?? err)); setDeletingQSO(null); } } async function confirmDeleteAll() { if (deletingAll) return; setDeletingAll(true); try { await DeleteAllQSO(); setSelectedId(null); setShowDeleteAll(false); await refresh(); } catch (err: any) { setError(String(err?.message ?? err)); } finally { setDeletingAll(false); } } async function runWorkedBefore(call: string, dxccHint: number = 0) { setWbBusy(true); try { setWb(await WorkedBefore(call, dxccHint)); } catch { setWb(null); } finally { setWbBusy(false); } } async function runLookup(call: string) { if (call !== lastLookedUpRef.current) resetAutoFill(); setLookupBusy(true); try { const r = await LookupCallsign(call); setLookupResult(r); lastLookedUpRef.current = call; const ue = userEditedRef.current; if (!ue.has('name')) setName(r.name ?? ''); if (!ue.has('qth')) setQth(r.qth ?? ''); if (!ue.has('country')) setCountry(r.country ?? ''); if (!ue.has('grid')) setGrid(r.grid ?? ''); setDetails((d) => ({ ...d, address: d.address || (r.address ?? ''), state: d.state || (r.state ?? ''), cnty: d.cnty || (r.cnty ?? ''), lat: d.lat ?? (r.lat || undefined), lon: d.lon ?? (r.lon || undefined), dxcc: d.dxcc ?? (r.dxcc || undefined), cqz: d.cqz ?? (r.cqz || undefined), ituz: d.ituz ?? (r.ituz || undefined), cont: d.cont || (r.cont ?? ''), email: d.email || (r.email ?? ''), qsl_via: d.qsl_via || (r.qsl_via ?? ''), })); if (r.dxcc && r.dxcc > 0) runWorkedBefore(call, r.dxcc); } catch (e: any) { setLookupResult(null); setLookupError(String(e?.message ?? e)); } finally { setLookupBusy(false); } } function scheduleLookup(value: string) { setLookupError(''); if (lookupTimerRef.current) window.clearTimeout(lookupTimerRef.current); if (wbTimerRef.current) window.clearTimeout(wbTimerRef.current); const call = value.trim().toUpperCase(); if (call.length < 3) { setLookupResult(null); setWb(null); if (lastLookedUpRef.current !== '') resetAutoFill(); return; } lookupTimerRef.current = window.setTimeout(() => runLookup(call), 400); wbTimerRef.current = window.setTimeout(() => runWorkedBefore(call), 150); } function onCallsignInput(v: string) { const wasEmpty = callsign.trim() === ''; const isEmpty = v.trim() === ''; if (wasEmpty && !isEmpty && !locks.start) { // First keystroke of a new QSO — freeze the start time so it doesn't // drift even if the lookup or typing takes 30 seconds. Skip when // start is locked: the user is back-entering a past QSO and set a // specific time manually. setQsoStartedAt(new Date()); } else if (isEmpty && !locks.start) { // Callsign wiped → user abandoned this QSO; reset the timer. setQsoStartedAt(null); } setCallsign(v); scheduleLookup(v); } function markEdited(field: string) { userEditedRef.current.add(field); } async function importAdif() { if (importing) return; setError(''); try { const path = await OpenADIFFile(); if (!path) return; // Stash the path and open the options dialog. The actual import // is fired from runImport() when the user clicks "Import". setPendingImportPath(path); } catch (e: any) { setError(String(e?.message ?? e)); } } async function runImport() { const path = pendingImportPath; if (!path || importing) return; setPendingImportPath(null); setImporting(true); setImportResult(null); setImportErrorsOpen(false); setImportDupsOpen(false); try { const res = await ImportADIF(path, importSkipDups); setImportResult(res); await refresh(); } catch (e: any) { setError(String(e?.message ?? e)); } finally { setImporting(false); } } const menus: Menu[] = useMemo(() => [ { name: 'file', label: 'File', items: [ { type: 'item', label: 'Import ADIF…', action: 'file.import', shortcut: 'Ctrl+O' }, { type: 'item', label: 'Export ADIF…', action: 'file.export', shortcut: 'Ctrl+E', disabled: true }, { type: 'separator' }, { type: 'item', label: 'Delete all QSOs…', action: 'file.deleteall', disabled: total === 0 }, { type: 'separator' }, { type: 'item', label: 'Exit', action: 'file.exit', shortcut: 'Ctrl+Q', disabled: true }, ]}, { name: 'edit', label: 'Edit', items: [ { type: 'item', label: 'Edit selected QSO…', action: 'edit.edit', shortcut: 'Enter', disabled: selectedId === null }, { type: 'item', label: 'Delete selected QSO', action: 'edit.delete', shortcut: 'Del', disabled: selectedId === null }, { type: 'separator' }, { type: 'item', label: 'Preferences…', action: 'edit.prefs' }, ]}, { name: 'view', label: 'View', items: [ { type: 'item', label: 'Refresh', action: 'view.refresh', shortcut: 'F5' }, { type: 'item', label: 'Clear filters', action: 'view.clearfilters' }, ]}, { name: 'tools', label: 'Tools', items: [ { type: 'item', label: 'Callsign lookup settings…', action: 'tools.lookup' }, { type: 'item', label: 'DX Cluster', action: 'tools.cluster', disabled: true }, { type: 'item', label: 'CAT control', action: 'tools.cat', disabled: true }, { type: 'item', label: 'Rotator', action: 'tools.rotator', disabled: true }, { type: 'separator' }, // Maintenance — bumped here while we only have one entry. Will move // to a Tools → Maintenance submenu once Clublog + LoTW refresh land. { type: 'item', label: ctyRefreshing ? 'Refreshing cty.dat…' : 'Refresh cty.dat', action: 'tools.refreshCty', disabled: ctyRefreshing }, ]}, { name: 'help', label: 'Help', items: [ { type: 'item', label: 'About HamLog', action: 'help.about', disabled: true }, ]}, ], [total, selectedId, ctyRefreshing]); function handleMenu(action: string) { switch (action) { case 'file.import': importAdif(); break; case 'file.deleteall': setShowDeleteAll(true); break; case 'view.refresh': refresh(); break; case 'view.clearfilters': setFilterCallsign(''); setFilterBand(''); setFilterMode(''); break; case 'edit.edit': if (selectedId !== null) openEdit(selectedId); break; case 'edit.delete': if (selectedId !== null) askDelete(selectedId); break; case 'edit.prefs': setShowSettings(true); break; case 'tools.lookup': setSettingsSection('lookup'); setShowSettings(true); break; case 'tools.refreshCty': refreshCtyDat(); break; } } async function refreshCtyDat() { if (ctyRefreshing) return; setCtyRefreshing(true); setError(''); try { const info = await RefreshCtyDat(); // Use the regular error banner area for a brief success note — keeps // us from pulling in a toast system just for one maintenance action. setError(`cty.dat refreshed — ${info.entities} entities loaded`); setTimeout(() => setError((e) => e.startsWith('cty.dat refreshed') ? '' : e), 4000); } catch (e: any) { setError(`cty.dat refresh failed: ${String(e?.message ?? e)}`); } finally { setCtyRefreshing(false); } } useEffect(() => { function onKey(e: KeyboardEvent) { const tag = (e.target as HTMLElement)?.tagName; const typing = tag === 'INPUT' || tag === 'SELECT' || tag === 'TEXTAREA'; if (e.key === 'F5') { e.preventDefault(); refresh(); return; } if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'o') { e.preventDefault(); importAdif(); return; } if (typing) return; if (selectedId !== null) { if (e.key === 'Delete') { e.preventDefault(); askDelete(selectedId); return; } if (e.key === 'Enter') { e.preventDefault(); openEdit(selectedId); return; } } } window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); // eslint-disable-next-line react-hooks/exhaustive-deps }, [selectedId, refresh]); return (
{/* ===== TOPBAR ===== */} {compact ? ( // Minimal compact topbar — brand + freq + toggle. Saves vertical space // so the single-row entry strip fits in a ~140px tall window.
HamLog
{freqMhz ? fmtFreqDots(freqMhz) : '—.———.———'} MHz {band} {mode}
{utcNow}Z
{station.callsign && ( {station.callsign} )}
) : (
HamLog v0.1
{freqMhz ? fmtFreqDots(freqMhz) : '—.———.———'} {catState.split && rxFreqMhz && ( RX {fmtFreqDots(rxFreqMhz)} )}
MHz {catState.split && ( SPLIT )}
{band} {mode} {/* Bearing controls — three separate buttons so SP and LP are both directly clickable, plus an always-visible Stop. The old Shift/Ctrl shortcuts were not discoverable enough. */} {(() => { const p = pathBetween(station.my_grid, grid); const disabled = !p; const goto = (az: number) => RotatorGoTo(Math.round(az), -1).catch((err) => setError(String(err?.message ?? err))); return (
); })()} {catState.enabled && ( <> {catState.connected ? (catState.rig || 'CAT') : (shortCatError(catState.error) || 'CAT off')} {catState.backend === 'omnirig' && (
{[1, 2].map((n) => { const active = (catState.rig_num || 1) === n; return ( ); })}
)} )}
{utcNow}UTC
{station.callsign ? ( ) : ( )}
{total.toLocaleString('en-US')}
Total QSOs
)} {error && ( 
{error}
)} {/* ===== ENTRY STRIP ===== Enter from any inside the strip logs the QSO. Radix Selects render as
{/* In compact mode the entry strip is the whole app — hide everything else and let the user re-expand with the topbar toggle. */} {compact ? null : <> {/* ===== BAND/SLOT GRID ===== */} {/* ===== F2-F5 DETAILS ===== */} {/* ===== LOWER: tabs+table | call history ===== */}
Main Recent QSOs {qsos.length} Cluster Awards Propagation
setFilterCallsign(e.target.value)} />
{importResult && (
0 ? 'bg-amber-50 border-amber-300 text-amber-800' : 'bg-emerald-50 border-emerald-300 text-emerald-800', )}>
Import complete. {importResult.imported} imported {importResult.duplicates > 0 && ( {importResult.duplicates} duplicates )} {importResult.skipped} skipped {importResult.total} total {importResult.duplicates > 0 && importResult.duplicate_samples && importResult.duplicate_samples.length > 0 && ( )} {importResult.errors && importResult.errors.length > 0 && ( )}
{importDupsOpen && importResult.duplicate_samples && (
    {importResult.duplicate_samples.map((d, i) =>
  • {d}
    • )}
)} {importErrorsOpen && importResult.errors && (
    {importResult.errors.map((e, i) =>
  • {e}
    • )}
)}
)}
{['Date UTC','Callsign','Band','Mode','MHz','RST sent','RST rcvd','Name','QTH','Country','Grid','Station','Comment',''].map((h, i) => ( ))} {qsos.length === 0 ? ( ) : qsos.map((q, i) => ( setSelectedId(q.id)} onDoubleClick={() => openEdit(q.id)} > ))}
{h}
No QSO yet. Log your first contact above.
{fmtDateUTC(q.qso_date)} {q.callsign} {q.band} {q.mode} {fmtFreq(q.freq_hz)} {q.rst_sent ?? ''} {q.rst_rcvd ?? ''} {q.name ?? ''} {q.qth ?? ''} {q.country ?? ''} {q.grid ?? ''} {q.station_callsign ?? ''} {q.comment ?? ''}
{(['main','cluster','awards','propagation'] as const).map((t) => (
{t[0].toUpperCase() + t.slice(1)}
Module coming soon.
 ))}
} {editingQSO && ( setEditingQSO(null)} /> )} {showSettings && ( { setShowSettings(false); setSettingsSection(undefined); }} onSaved={() => { loadStation(); loadLists(); loadCATCfg(); }} /> )} {deletingQSO && ( setDeletingQSO(null)} /> )} {showDeleteAll && ( { if (!deletingAll) setShowDeleteAll(false); }} /> )} {pendingImportPath && ( { if (!o) setPendingImportPath(null); }}> Import ADIF {pendingImportPath}
)} ); }