feat: Support for Power Genius XL

frontend/src/components/FlexPanel.tsx

@@ -4,6 +4,7 @@ import {
   GetFlexState, FlexSetPower, FlexSetTunePower, FlexTune, FlexSetVox, FlexSetVoxLevel, FlexSetVoxDelay,
   FlexSetProcessor, FlexSetProcessorLevel, FlexSetMon, FlexSetMonLevel, FlexSetMic,
   FlexMox, FlexAmpOperate,
+  GetPGXLStatus, PGXLSetFanMode,
   FlexSetAGCMode, FlexSetAGCThreshold, FlexSetAudioLevel,
   FlexSetNB, FlexSetNBLevel, FlexSetNR, FlexSetNRLevel, FlexSetANF, FlexSetANFLevel,
   FlexSetAPF, FlexSetAPFLevel, FlexSetCWSpeed, FlexSetCWPitch, FlexSetCWBreakInDelay,
@@ -215,6 +216,16 @@ export function FlexPanel() {
     return () => { alive = false; window.clearInterval(id); };
   }, []);
 
+  // PowerGenius XL direct connection (fan mode), independent of the Flex link.
+  const [pg, setPg] = useState<{ connected: boolean; fan_mode?: string }>({ connected: false });
+  useEffect(() => {
+    let alive = true;
+    const tick = async () => { try { const s: any = await GetPGXLStatus(); if (alive) setPg(s || { connected: false }); } catch {} };
+    tick();
+    const id = window.setInterval(tick, 2000);
+    return () => { alive = false; window.clearInterval(id); };
+  }, []);
+
   const change = (key: keyof FlexState, val: number | boolean | string, send: () => Promise<any>) => {
     hold.current[key] = Date.now() + 900;
     setSt((p) => ({ ...p, [key]: val }));
@@ -430,6 +441,22 @@ export function FlexPanel() {
               <span className="text-xs text-muted-foreground">
                 {st.amp_operate ? 'Amplifier is in line (transmitting through PA).' : 'Amplifier bypassed (standby).'}
               </span>
+              {/* Fan mode — only when the PowerGenius direct connection is up
+                  (configured in Settings → PowerGenius). */}
+              {pg.connected && (
+                <label className="flex items-center gap-1.5 text-xs">
+                  <span className="text-muted-foreground">Fan</span>
+                  <select
+                    value={(pg.fan_mode || 'CONTEST').toUpperCase()}
+                    onChange={(e) => { const v = e.target.value; setPg((s) => ({ ...s, fan_mode: v })); PGXLSetFanMode(v).catch(() => {}); }}
+                    className="h-8 rounded-md border border-orange-300 bg-card px-2 text-xs font-semibold text-orange-800 outline-none focus:border-orange-500"
+                  >
+                    <option value="STANDARD">Standard</option>
+                    <option value="CONTEST">Contest</option>
+                    <option value="BROADCAST">Broadcast</option>
+                  </select>
+                </label>
+              )}
               <div className="flex-1" />
               {st.amp_fault && st.amp_fault !== 'NONE' && (
                 <span className="px-2 py-1 rounded bg-rose-100 text-rose-800 text-xs font-bold">FAULT: {st.amp_fault}</span>