DBT/clawgo
1
0
Fork 0
mirror of https://github.com/YspCoder/clawgo.git synced 2026-04-14 23:17:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

nodes/version: expose local node ip+version and show gateway/webui versions in dashboard

Browse Source
This commit is contained in:
DBT
2026-02-26 02:56:40 +00:00
parent 682dc921d7
commit 9795ec86f4
3 changed files with 134 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
webui/src/context/AppContext.tsx
View File

@@ -25,7 +25,10 @@ interface AppContextType {
refreshNodes: () => Promise<void>;
refreshSkills: () => Promise<void>;
refreshSessions: () => Promise<void>;
refreshVersion: () => Promise<void>;
loadConfig: () => Promise<void>;
gatewayVersion: string;
webuiVersion: string;
hotReloadFields: string[];
hotReloadFieldDetails: Array<{ path: string; name?: string; description?: string }>;
q: string;
@@ -50,7 +53,9 @@ export const AppProvider: React.FC<{ children: React.ReactNode }> = ({ children
const [nodes, setNodes] = useState('[]');
const [cron, setCron] = useState<CronJob[]>([]);
const [skills, setSkills] = useState<Skill[]>([]);
const [sessions, setSessions] = useState<Session[]>([{ key: 'webui:default', title: 'Default' }]);
const [sessions, setSessions] = useState<Session[]>([{ key: 'main', title: 'main' }]);
const [gatewayVersion, setGatewayVersion] = useState('unknown');
const [webuiVersion, setWebuiVersion] = useState('unknown');
const [hotReloadFields, setHotReloadFields] = useState<string[]>([]);
const [hotReloadFieldDetails, setHotReloadFieldDetails] = useState<Array<{ path: string; name?: string; description?: string }>>([]);
@@ -137,9 +142,21 @@ export const AppProvider: React.FC<{ children: React.ReactNode }> = ({ children
}
}, [q]);
const refreshVersion = useCallback(async () => {
try {
const r = await fetch(`/webui/api/version${q}`);
if (!r.ok) throw new Error('Failed to load version');
const j = await r.json();
setGatewayVersion(j.gateway_version || 'unknown');
setWebuiVersion(j.webui_version || 'unknown');
} catch (e) {
console.error(e);
}
}, [q]);
const refreshAll = useCallback(async () => {
await Promise.all([loadConfig(), refreshCron(), refreshNodes(), refreshSkills(), refreshSessions()]);
}, [loadConfig, refreshCron, refreshNodes, refreshSkills, refreshSessions]);
await Promise.all([loadConfig(), refreshCron(), refreshNodes(), refreshSkills(), refreshSessions(), refreshVersion()]);
}, [loadConfig, refreshCron, refreshNodes, refreshSkills, refreshSessions, refreshVersion]);
useEffect(() => {
refreshAll();
@@ -148,9 +165,10 @@ export const AppProvider: React.FC<{ children: React.ReactNode }> = ({ children
refreshNodes();
refreshSkills();
refreshSessions();
refreshVersion();
}, 10000);
return () => clearInterval(interval);
}, [token, refreshAll, refreshCron, refreshNodes, refreshSkills, refreshSessions]);
}, [token, refreshAll, refreshCron, refreshNodes, refreshSkills, refreshSessions, refreshVersion]);
return (
<AppContext.Provider value={{
@@ -158,8 +176,8 @@ export const AppProvider: React.FC<{ children: React.ReactNode }> = ({ children
cfg, setCfg, cfgRaw, setCfgRaw, nodes, setNodes,
cron, setCron, skills, setSkills,
sessions, setSessions,
refreshAll, refreshCron, refreshNodes, refreshSkills, refreshSessions, loadConfig,
hotReloadFields, hotReloadFieldDetails, q
refreshAll, refreshCron, refreshNodes, refreshSkills, refreshSessions, refreshVersion, loadConfig,
gatewayVersion, webuiVersion, hotReloadFields, hotReloadFieldDetails, q
}}>
{children}
</AppContext.Provider>

9
webui/src/pages/Dashboard.tsx
View File

@@ -6,7 +6,7 @@ import StatCard from '../components/StatCard';
const Dashboard: React.FC = () => {
const { t } = useTranslation();
const { isGatewayOnline, sessions, cron, nodes, refreshAll } = useAppContext();
const { isGatewayOnline, sessions, cron, nodes, refreshAll, gatewayVersion, webuiVersion } = useAppContext();
const onlineNodes = useMemo(() => {
try {
@@ -19,8 +19,11 @@ const Dashboard: React.FC = () => {
return (
<div className="p-4 md:p-8 max-w-7xl mx-auto space-y-5 md:space-y-8">
<div className="flex items-center justify-between gap-3">
<h1 className="text-xl md:text-2xl font-semibold tracking-tight">{t('dashboard')}</h1>
<div className="flex items-center justify-between gap-3 flex-wrap">
<div>
<h1 className="text-xl md:text-2xl font-semibold tracking-tight">{t('dashboard')}</h1>
<div className="mt-1 text-xs text-zinc-500">Gateway: {gatewayVersion} · WebUI: {webuiVersion}</div>
</div>
<button onClick={refreshAll} className="flex items-center gap-2 px-3 md:px-4 py-2 bg-zinc-800 hover:bg-zinc-700 rounded-lg text-sm font-medium transition-colors shrink-0">
<RefreshCw className="w-4 h-4" /> {t('refreshAll')}
</button>