feat: qrz clickable in cw decoder

frontend/src/components/FlexPanel.tsx

@@ -217,7 +217,7 @@ export function FlexPanel() {
   }, []);
 
   // PowerGenius XL direct connection (fan mode), independent of the Flex link.
-  const [pg, setPg] = useState<{ connected: boolean; fan_mode?: string }>({ connected: false });
+  const [pg, setPg] = useState<{ connected: boolean; fan_mode?: string; host?: string; last_error?: string }>({ connected: false });
   useEffect(() => {
     let alive = true;
     const tick = async () => { try { const s: any = await GetPGXLStatus(); if (alive) setPg(s || { connected: false }); } catch {} };
@@ -441,15 +441,18 @@ 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">
+              {/* Fan mode — shown when the PowerGenius is configured (Settings →
+                  PowerGenius). The dot shows the direct-connection state; the
+                  selector is disabled until connected (hover it for the error). */}
+              {(pg.host || pg.connected) && (
+                <label className="flex items-center gap-1.5 text-xs" title={pg.connected ? 'PowerGenius connected' : (pg.last_error || 'PowerGenius offline')}>
+                  <span className={cn('size-1.5 rounded-full', pg.connected ? 'bg-emerald-500 shadow-[0_0_6px_rgba(16,185,129,0.8)]' : 'bg-rose-500')} />
                   <span className="text-muted-foreground">Fan</span>
                   <select
+                    disabled={!pg.connected}
                     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"
+                    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 disabled:opacity-40"
                   >
                     <option value="STANDARD">Standard</option>
                     <option value="CONTEST">Contest</option>