Improve perf with reduced fetching, more chunking, and window-level prefetch

frontend/src/components/PacketVisualizer.tsx

@@ -1598,12 +1598,14 @@ export function PacketVisualizer({
                 </label>
                 <div className="flex items-center gap-2">
                   <label
+                    htmlFor="observation-window"
                     className="text-muted-foreground"
                     title="How long to wait for duplicate packets via different paths before animating"
                   >
                     Observation window:
                   </label>
                   <input
+                    id="observation-window"
                     type="number"
                     min="1"
                     max="60"

frontend/src/components/SettingsModal.tsx

@@ -46,23 +46,13 @@ const RADIO_PRESETS: RadioPreset[] = [
   { name: 'Vietnam', freq: 920.25, bw: 250, sf: 11, cr: 5 },
 ];
 
-export type SettingsSection = 'radio' | 'identity' | 'connectivity' | 'database' | 'bot';
-
-export const SETTINGS_SECTION_ORDER: SettingsSection[] = [
-  'radio',
-  'identity',
-  'connectivity',
-  'database',
-  'bot',
-];
-
-export const SETTINGS_SECTION_LABELS: Record<SettingsSection, string> = {
-  radio: '📻 Radio',
-  identity: '🪪 Identity',
-  connectivity: '📡 Connectivity',
-  database: '🗄️ Database',
-  bot: '🤖 Bot',
-};
+// Import for local use + re-export so existing imports from this file still work
+import {
+  SETTINGS_SECTION_ORDER,
+  SETTINGS_SECTION_LABELS,
+  type SettingsSection,
+} from './settingsConstants';
+export { SETTINGS_SECTION_ORDER, SETTINGS_SECTION_LABELS, type SettingsSection };
 
 interface SettingsModalBaseProps {
   open: boolean;

frontend/src/components/settingsConstants.ts

@@ -0,0 +1,17 @@
+export type SettingsSection = 'radio' | 'identity' | 'connectivity' | 'database' | 'bot';
+
+export const SETTINGS_SECTION_ORDER: SettingsSection[] = [
+  'radio',
+  'identity',
+  'connectivity',
+  'database',
+  'bot',
+];
+
+export const SETTINGS_SECTION_LABELS: Record<SettingsSection, string> = {
+  radio: '📻 Radio',
+  identity: '🪪 Identity',
+  connectivity: '📡 Connectivity',
+  database: '🗄️ Database',
+  bot: '🤖 Bot',
+};