rrewll · Nov 9, 2026 · coderabbitai · Nov 10, 2026
@@ -172,7 +172,7 @@ export const MarketplaceItemCard: React.FC<MarketplaceItemCardProps> = ({ item,
 									key={tag}
 									content={
 										filters.tags.includes(tag)
-											? t("marketplace:filters.tags.clear", { count: tag })
+											? t("marketplace:filters.tags.removeFromFilter", { tag })
 											: t("marketplace:filters.tags.clickToFilter")
 									}>
 									<Button

@@ -1,4 +1,4 @@
-import { render, screen } from "@/utils/test-utils"
+import { render, screen, waitFor } from "@/utils/test-utils"
 import userEvent from "@testing-library/user-event"
 
 import { MarketplaceItem } from "@roo-code/types"
@@ -27,10 +27,12 @@ vi.mock("@/i18n/TranslationContext", () => ({
 			if (key === "marketplace:items.card.by") {
 				return `by ${params.author}`
 			}
+			if (key === "marketplace:filters.tags.removeFromFilter") {
+				return `Remove ${params.tag} from filters`
+			}
 			const translations: Record<string, any> = {
 				"marketplace:filters.type.mode": "Mode",
 				"marketplace:filters.type.mcpServer": "MCP Server",
-				"marketplace:filters.tags.clear": "Remove filter",
 				"marketplace:filters.tags.clickToFilter": "Add filter",
 				"marketplace:items.components": "Components", // This should be a string for the title prop
 				"marketplace:items.card.install": "Install",
@@ -118,6 +120,22 @@ describe("MarketplaceItemCard", () => {
 		expect(setFilters).toHaveBeenCalledWith({ tags: ["test"] })
 	})
 
+	it.each([
+		{ selectedTags: [], tooltip: "Add filter" },
+		{ selectedTags: ["test"], tooltip: "Remove test from filters" },
+	])("shows '$tooltip' on hover when selected tags are $selectedTags", async ({ selectedTags, tooltip }) => {
+		const user = userEvent.setup()
+		renderWithProviders(
+			<MarketplaceItemCard {...defaultProps} filters={{ ...defaultProps.filters, tags: selectedTags }} />,
+		)
+
+		await user.hover(screen.getByText("test"))
+
+		await waitFor(() => expect(screen.getByRole("tooltip", { name: tooltip })).toBeInTheDocument(), {
+			timeout: 1000,
+		})
+	})
+
 	it("handles author link click", async () => {
 		const user = userEvent.setup()
 		renderWithProviders(<MarketplaceItemCard {...defaultProps} />)

@@ -18,6 +18,7 @@
 		"tags": {
 			"label": "Filter by tags:",
 			"clear": "Clear tags",
+			"removeFromFilter": "Click to remove '{{tag}}' from filters",
 			"placeholder": "Type to search and select tags...",
 			"noResults": "No matching tags found",
 			"selected": "Showing items with any of the selected tags",