File size: 1,437 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | import { useTranslation } from "react-i18next";
import { useQuery } from "@tanstack/react-query";
import { ServerClient } from "@openhands/typescript-client/clients";
import { type Backend } from "#/api/backend-registry/types";
import { getAgentServerClientOptions } from "#/api/agent-server-client-options";
import { getDisplayAgentServerVersion } from "#/api/agent-server-compatibility";
import { I18nKey } from "#/i18n/declaration";
export function BackendVersion({ backend }: { backend: Backend }) {
const { t } = useTranslation("openhands");
const { data: version } = useQuery({
queryKey: ["backend-version", backend.host, backend.apiKey],
queryFn: async () => {
const info = await new ServerClient(
getAgentServerClientOptions({
host: backend.host,
sessionApiKey: backend.apiKey || null,
timeout: 5000,
}),
).getServerInfo();
return getDisplayAgentServerVersion(info);
},
retry: false,
staleTime: 60_000,
enabled: backend.kind === "local",
});
if (!version) return null;
return (
<span
className="inline-flex shrink-0 items-center rounded-full border border-[var(--oh-border)] bg-[var(--oh-surface)] px-1.5 py-0.5 text-[10px] font-medium leading-none text-[var(--oh-text-dim)]"
data-testid={`manage-backends-version-${backend.name}`}
>
{t(I18nKey.BACKEND$VERSION_LABEL, { version })}
</span>
);
}
|