diff --git a/frontend/src/components/thread/chat-input/chat-input.tsx b/frontend/src/components/thread/chat-input/chat-input.tsx index ae56b7c1..1f48f1ed 100644 --- a/frontend/src/components/thread/chat-input/chat-input.tsx +++ b/frontend/src/components/thread/chat-input/chat-input.tsx @@ -153,10 +153,11 @@ export const ChatInput = forwardRef( const deleteFileMutation = useFileDelete(); const queryClient = useQueryClient(); - // Fetch actual integration icons - const { data: googleDriveIcon } = useComposioToolkitIcon('googledrive', { enabled: true }); - const { data: slackIcon } = useComposioToolkitIcon('slack', { enabled: true }); - const { data: notionIcon } = useComposioToolkitIcon('notion', { enabled: true }); + // Fetch integration icons only when logged in and advanced config UI is in use + const shouldFetchIcons = isLoggedIn && !!enableAdvancedConfig; + const { data: googleDriveIcon } = useComposioToolkitIcon('googledrive', { enabled: shouldFetchIcons }); + const { data: slackIcon } = useComposioToolkitIcon('slack', { enabled: shouldFetchIcons }); + const { data: notionIcon } = useComposioToolkitIcon('notion', { enabled: shouldFetchIcons }); // Show usage preview logic: // - Always show to free users when showToLowCreditUsers is true diff --git a/frontend/src/components/thread/chat-input/unified-config-menu.tsx b/frontend/src/components/thread/chat-input/unified-config-menu.tsx index 503f0eb0..428bc5a3 100644 --- a/frontend/src/components/thread/chat-input/unified-config-menu.tsx +++ b/frontend/src/components/thread/chat-input/unified-config-menu.tsx @@ -75,9 +75,11 @@ const LoggedInMenu: React.FC = ({ - const { data: googleDriveIcon } = useComposioToolkitIcon('googledrive', { enabled: isLoggedIn }); - const { data: slackIcon } = useComposioToolkitIcon('slack', { enabled: isLoggedIn }); - const { data: notionIcon } = useComposioToolkitIcon('notion', { enabled: isLoggedIn }); + // Only fetch integration icons when authenticated AND the menu is open + const iconsEnabled = isLoggedIn && isOpen; + const { data: googleDriveIcon } = useComposioToolkitIcon('googledrive', { enabled: iconsEnabled }); + const { data: slackIcon } = useComposioToolkitIcon('slack', { enabled: iconsEnabled }); + const { data: notionIcon } = useComposioToolkitIcon('notion', { enabled: iconsEnabled }); useEffect(() => { if (isOpen) {