Allow files uploaded in AI chat box to be removed

[LTan-101104]

This aims to fix the bug mentioned in #18298

##Summary##

In AgentChatFilePreview.tsx, wrap the original rightComponent with a div that would stop propagation event so this can avoid transferring event to StyledLink and thus avoid redirecting, only triggering the remove event.

[cubic-dev-ai]

No issues found across 1 file

[greptile-apps]

Greptile Summary

Fixed bug where clicking the remove button on file previews would also trigger navigation to the file URL. Wrapped the AvatarChip in a div with event handlers that stop propagation and prevent default behavior.

Key changes:

• Added wrapper div with onMouseDown and onClick handlers that stop event propagation
• Prevents clicks on the remove button from bubbling up to the parent LinkChip
• Removed onClick from AvatarChip itself (handled by wrapper instead)

Issues found:

• Missing cursor: pointer style causes UX regression - remove button doesn't visually indicate it's clickable

Confidence Score: 3/5

• Safe to merge with minor UX fix - addresses the navigation bug but needs cursor styling
• The fix functionally solves the reported bug and correctly handles event propagation for both onMouseDown and onClick. However, removing the onClick prop from AvatarChip means it no longer shows a pointer cursor, which is a UX regression that should be addressed.
• AgentChatFilePreview.tsx needs the cursor style added to the wrapper div

Important Files Changed

Filename	Overview
packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx	Wrapped AvatarChip in event-handling div to prevent navigation when removing files; missing cursor styling

_{Last reviewed commit: ccc1c8c}

[greptile-apps]

_{1 file reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

Missing cursor: pointer on wrapper div - users won't get visual feedback that the remove button is clickable

Suggested change

	<div
	onMouseDown={(e) => e.stopPropagation()}
	onClick={(e) => {
	e.stopPropagation();
	e.preventDefault();
	onRemove();
	}}
	>
	<AvatarChip
	Icon={IconX}
	IconColor={theme.font.color.secondary}
	divider="left"
	/>
	</div>
	<div
	onMouseDown={(e) => e.stopPropagation()}
	onClick={(e) => {
	e.stopPropagation();
	e.preventDefault();
	onRemove();
	}}
	style={{ cursor: 'pointer' }}
	>
	<AvatarChip
	Icon={IconX}
	IconColor={theme.font.color.secondary}
	divider="left"
	/>
	</div>

[github-actions]

🚀 Preview Environment Ready!

Your preview environment is available at: http://bore.pub:47953

This environment will automatically shut down when the PR is closed or after 5 hours.