refine whatsapp bridge defaults and webui polish

webui/src/pages/Subagents.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAppContext } from '../context/AppContext';
 import { useUI } from '../context/UIContext';
-import { Activity, Server, Cpu, Network } from 'lucide-react';
+import { Activity, Server, Cpu, Network, RefreshCw } from 'lucide-react';
 import { SpaceParticles } from '../components/SpaceParticles';
 
 type SubagentTask = {
@@ -1158,7 +1158,14 @@ const Subagents: React.FC = () => {
     <div className="h-full p-4 md:p-6 xl:p-8 flex flex-col gap-4">
       <div className="flex items-center justify-between gap-3 flex-wrap">
         <h1 className="text-xl md:text-2xl font-semibold">{t('subagentsRuntime')}</h1>
-        <button onClick={() => load()} className="brand-button px-3 py-1.5 rounded-xl text-sm text-zinc-950">{t('refresh')}</button>
+        <button
+          onClick={() => load()}
+          className="ui-button ui-button-primary ui-button-icon"
+          title={t('refresh')}
+          aria-label={t('refresh')}
+        >
+          <RefreshCw className="w-4 h-4" />
+        </button>
       </div>
 
       <div className="flex-1 min-h-0 brand-card border border-zinc-800 p-4 flex flex-col gap-3">