fix: Inactive Clients Not Refreshing Action Buttons After App Deployment

.changeset/eleven-pugs-help.md

@@ -0,0 +1,5 @@
+---
+"@rocket.chat/meteor": patch
+---
+
+fixes an issue where inactive client would not be able to see app's action buttons that were added while they were disconnected.

apps/meteor/client/hooks/useAppActionButtons.ts

@@ -2,6 +2,7 @@ import { type IUIActionButton, type UIActionButtonContext } from '@rocket.chat/a
 import { useDebouncedCallback } from '@rocket.chat/fuselage-hooks';
 import { useEndpoint, useStream, useUserId } from '@rocket.chat/ui-contexts';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { Tracker } from 'meteor/tracker';
 import { useEffect } from 'react';
 
 export const getIdForActionButton = ({ appId, actionId }: IUIActionButton): string => `${appId}/${actionId}`;
@@ -42,6 +43,24 @@ export const useAppActionButtons = <TContext extends `${UIActionButtonContext}`>
 		[],
 	);
 
+	useEffect(() => {
+		if (!uid) {
+			return;
+		}
+
+		// Setup Tracker to listen to Meteor's status changes, so we can invalidate the query when the connection is lost
+		const statusTracker = Tracker.autorun(() => {
+			const isOffline = !Meteor.status().connected;
+			if (isOffline) {
+				invalidate();
+			}
+		});
+
+		return () => {
+			statusTracker.stop();
+		};
+	}, [uid, invalidate]);
+
 	useEffect(() => {
 		if (!uid) {
 			return;