@@ -152,7 +152,9 @@ export const AgentDevcontainerCard: FC<AgentDevcontainerCardProps> = ({
152152} ) ;
153153
154154// Re-fetch containers when the subAgent changes to ensure data is
155- // in sync.
155+ // in sync. This relies on agent updates being pushed to the client
156+ // to trigger the re-fetch. That is why we match on name here
157+ // instead of ID as we need to fetch to get an up-to-date ID.
156158const latestSubAgentByName = subAgents . find (
157159( agent ) => agent . name === devcontainer . name ,
158160) ;
@@ -163,7 +165,12 @@ export const AgentDevcontainerCard: FC<AgentDevcontainerCardProps> = ({
163165queryClient . invalidateQueries ( {
164166queryKey :[ "agents" , parentAgent . id , "containers" ] ,
165167} ) ;
166- } , [ latestSubAgentByName , queryClient , parentAgent . id ] ) ;
168+ } , [
169+ latestSubAgentByName ?. id ,
170+ latestSubAgentByName ?. status ,
171+ queryClient ,
172+ parentAgent . id ,
173+ ] ) ;
167174
168175const showDevcontainerControls = subAgent && devcontainer . container ;
169176const showSubAgentApps =