Add a footer to the marketplace to report issues (#4604)

.github/ISSUE_TEMPLATE/marketplace.yml

@@ -0,0 +1,62 @@
+name: Marketplace Feedback
+description: Report issues or suggest improvements for marketplace items (custom modes and MCP servers)
+labels: ["marketplace"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        **Thanks for your feedback!** Please check existing issues first: https://github.com/RooCodeInc/Roo-Code/issues
+
+  - type: dropdown
+    id: feedback-type
+    attributes:
+      label: What kind of feedback?
+      options:
+        - Problem with existing marketplace item
+        - Suggestion for new custom mode
+        - Suggestion for new MCP server
+        - General marketplace issue
+    validations:
+      required: true
+
+  - type: dropdown
+    id: item-type
+    attributes:
+      label: Item Type (if applicable)
+      options:
+        - Custom Mode
+        - MCP Server
+        - Marketplace UI/Functionality
+        - Not Applicable
+    validations:
+      required: false
+
+  - type: input
+    id: item-name
+    attributes:
+      label: Item Name (if applicable)
+      placeholder: e.g., "Debug Mode", "Weather API Server", "Code Formatter"
+
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: What's the issue or what would you like to see?
+      placeholder: Clear description of the problem or suggestion
+    validations:
+      required: true
+
+  - type: textarea
+    id: additional-info
+    attributes:
+      label: Additional Details (optional)
+      description: Steps to reproduce, expected behavior, screenshots, etc.
+      placeholder: Any other helpful information
+
+  - type: checkboxes
+    id: checklist
+    attributes:
+      label: Checklist
+      options:
+        - label: I've searched existing issues for duplicates
+          required: true

webview-ui/src/components/marketplace/IssueFooter.tsx

@@ -0,0 +1,17 @@
+import React from "react"
+import { Trans } from "react-i18next"
+import { VSCodeLink } from "@vscode/webview-ui-toolkit/react"
+
+export const IssueFooter: React.FC = () => {
+	return (
+		<div className="text-xs text-vscode-descriptionForeground p-3">
+			<Trans i18nKey="marketplace:footer.issueText">
+				<VSCodeLink
+					href="https://github.com/RooCodeInc/Roo-Code/issues/new?template=marketplace.yml"
+					style={{ display: "inline", fontSize: "inherit" }}>
+					Open a GitHub issue
+				</VSCodeLink>
+			</Trans>
+		</div>
+	)
+}

webview-ui/src/components/marketplace/MarketplaceListView.tsx

@@ -9,6 +9,7 @@ import { MarketplaceViewStateManager } from "./MarketplaceViewStateManager"
 import { useAppTranslation } from "@/i18n/TranslationContext"
 import { useStateManager } from "./useStateManager"
 import { useExtensionState } from "@/context/ExtensionStateContext"
+import { IssueFooter } from "./IssueFooter"
 
 export interface MarketplaceListViewProps {
 	stateManager: MarketplaceViewStateManager
@@ -212,6 +213,8 @@ export function MarketplaceListView({ stateManager, allTags, filteredTags, filte
 					))}
 				</div>
 			)}
+
+			<IssueFooter />
 		</>
 	)
 }

webview-ui/src/i18n/locales/ca/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Els caràcters emoji poden causar problemes de visualització",
 			"maxSources": "Màxim de {{max}} fonts permeses"
 		}
+	},
+	"footer": {
+		"issueText": "Has trobat un problema amb un element del marketplace o tens suggeriments per a nous elements? <0>Obre una incidència de GitHub</0> per fer-nos-ho saber!"
 	}
 }

webview-ui/src/i18n/locales/de/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Emoji-Zeichen können Anzeigefehler verursachen",
 			"maxSources": "Maximal {{max}} Quellen erlaubt"
 		}
+	},
+	"footer": {
+		"issueText": "Problem mit einem Marketplace-Element gefunden oder Vorschläge für neue? <0>Öffne ein GitHub-Issue</0>, um es uns mitzuteilen!"
 	}
 }

webview-ui/src/i18n/locales/en/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Emoji characters may cause display issues",
 			"maxSources": "Maximum of {{max}} sources allowed"
 		}
+	},
+	"footer": {
+		"issueText": "Found a problem with a marketplace item or have suggestions for new ones? <0>Open a GitHub issue</0> to let us know!"
 	}
 }

webview-ui/src/i18n/locales/es/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Los caracteres emoji pueden causar problemas de visualización",
 			"maxSources": "Máximo de {{max}} fuentes permitidas"
 		}
+	},
+	"footer": {
+		"issueText": "¿Encontraste un problema con un elemento del marketplace o tienes sugerencias para nuevos? ¡<0>Abre un issue en GitHub</0> para hacérnoslo saber!"
 	}
 }

webview-ui/src/i18n/locales/fr/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Les caractères emoji peuvent causer des problèmes d'affichage",
 			"maxSources": "Maximum de {{max}} sources autorisées"
 		}
+	},
+	"footer": {
+		"issueText": "Vous avez trouvé un problème avec un élément du marketplace ou avez des suggestions pour de nouveaux éléments ? <0>Ouvrez une issue GitHub</0> pour nous le faire savoir !"
 	}
 }

webview-ui/src/i18n/locales/hi/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "इमोजी वर्ण प्रदर्शन समस्याएं पैदा कर सकते हैं",
 			"maxSources": "अधिकतम {{max}} स्रोतों की अनुमति है"
 		}
+	},
+	"footer": {
+		"issueText": "कोई marketplace आइटम के साथ समस्या है या नए आइटम के लिए सुझाव हैं? <0>GitHub issue खोलें</0> हमें बताने के लिए!"
 	}
 }

webview-ui/src/i18n/locales/it/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "I caratteri emoji possono causare problemi di visualizzazione",
 			"maxSources": "Massimo {{max}} fonti consentite"
 		}
+	},
+	"footer": {
+		"issueText": "Hai trovato un problema con un elemento del marketplace o hai suggerimenti per nuovi elementi? <0>Apri un issue GitHub</0> per farcelo sapere!"
 	}
 }

webview-ui/src/i18n/locales/ja/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "絵文字文字は表示の問題を引き起こす可能性があります",
 			"maxSources": "最大{{max}}個のソースが許可されています"
 		}
+	},
+	"footer": {
+		"issueText": "Marketplaceアイテムで問題を見つけた、または新しいアイテムの提案がありますか？<0>GitHub issueを開いて</0>お知らせください！"
 	}
 }

webview-ui/src/i18n/locales/ko/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "이모지 문자는 표시 문제를 일으킬 수 있습니다",
 			"maxSources": "최대 {{max}}개의 소스가 허용됩니다"
 		}
+	},
+	"footer": {
+		"issueText": "Marketplace 아이템에 문제가 있거나 새로운 아이템에 대한 제안이 있나요? <0>GitHub issue를 열어서</0> 알려주세요!"
 	}
 }

webview-ui/src/i18n/locales/nl/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Emoji-tekens kunnen weergaveproblemen veroorzaken",
 			"maxSources": "Maximaal {{max}} bronnen toegestaan"
 		}
+	},
+	"footer": {
+		"issueText": "Heb je een probleem gevonden met een marketplace-item of heb je suggesties voor nieuwe items? <0>Open een GitHub issue</0> om het ons te laten weten!"
 	}
 }

webview-ui/src/i18n/locales/pl/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Znaki emoji mogą powodować problemy z wyświetlaniem",
 			"maxSources": "Maksymalnie {{max}} źródeł dozwolonych"
 		}
+	},
+	"footer": {
+		"issueText": "Znalazłeś problem z elementem marketplace lub masz sugestie dotyczące nowych elementów? <0>Otwórz issue na GitHub</0>, aby nam o tym powiedzieć!"
 	}
 }

webview-ui/src/i18n/locales/pt-BR/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Caracteres emoji podem causar problemas de exibição",
 			"maxSources": "Máximo de {{max}} fontes permitidas"
 		}
+	},
+	"footer": {
+		"issueText": "Encontrou um problema com um item do marketplace ou tem sugestões para novos itens? <0>Abra um issue no GitHub</0> para nos avisar!"
 	}
 }

webview-ui/src/i18n/locales/ru/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Символы эмодзи могут вызвать проблемы с отображением",
 			"maxSources": "Максимум {{max}} источников разрешено"
 		}
+	},
+	"footer": {
+		"issueText": "Нашли проблему с элементом marketplace или есть предложения для новых элементов? <0>Откройте issue на GitHub</0>, чтобы сообщить нам!"
 	}
 }

webview-ui/src/i18n/locales/tr/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Emoji karakterleri görüntüleme sorunlarına neden olabilir",
 			"maxSources": "Maksimum {{max}} kaynak izin verilir"
 		}
+	},
+	"footer": {
+		"issueText": "Bir marketplace öğesi ile ilgili sorun bulduğun veya yeni öğeler için önerilerin var mı? <0>GitHub'da issue aç</0> ve bize bildir!"
 	}
 }

webview-ui/src/i18n/locales/vi/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "Ký tự emoji có thể gây ra vấn đề hiển thị",
 			"maxSources": "Tối đa {{max}} nguồn được phép"
 		}
+	},
+	"footer": {
+		"issueText": "Bạn tìm thấy vấn đề với mục marketplace hoặc có đề xuất cho mục mới? <0>Mở issue GitHub</0> để cho chúng tôi biết!"
 	}
 }

webview-ui/src/i18n/locales/zh-CN/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "表情符号字符可能导致显示问题",
 			"maxSources": "最多允许 {{max}} 个源"
 		}
+	},
+	"footer": {
+		"issueText": "发现 marketplace 项目问题或有新项目建议？<0>在 GitHub 开启 issue</0> 告诉我们！"
 	}
 }

webview-ui/src/i18n/locales/zh-TW/marketplace.json

@@ -124,5 +124,8 @@
 			"emojiName": "表情符號字元可能導致顯示問題",
 			"maxSources": "最多允許 {{max}} 個來源"
 		}
+	},
+	"footer": {
+		"issueText": "發現 marketplace 項目問題或有新項目建議？<0>在 GitHub 開啟 issue</0> 告訴我們！"
 	}
 }