fix: adding back marketplace buttons

Author: edelauna

webview-ui/src/components/modes/ModesView.tsx

@@ -653,6 +653,24 @@ const ModesView = () => {
 									</div>
 								)}
 							</div>
+							<StandardTooltip content={t("chat:modeSelector.marketplace")}>
+								<Button
+									variant="ghost"
+									size="icon"
+									onClick={() => {
+										window.postMessage(
+											{
+												type: "action",
+												action: "marketplaceButtonClicked",
+												values: { marketplaceTab: "mode" },
+											},
+											"*",
+										)
+									}}>
+									<span className="codicon codicon-extensions"></span>
+								</Button>
+							</StandardTooltip>
+
 							<StandardTooltip content={t("prompts:modes.importMode")}>
 								<Button
 									variant="ghost"

webview-ui/src/components/settings/About.tsx

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from "react"
 import { useAppTranslation } from "@/i18n/TranslationContext"
 import { Trans } from "react-i18next"
-import { Download, Upload, TriangleAlert, Bug, Shield, Lightbulb, MessagesSquare } from "lucide-react"
+import { Download, Upload, TriangleAlert, Bug, Lightbulb, Shield, MessagesSquare } from "lucide-react"
 import { VSCodeCheckbox, VSCodeLink } from "@vscode/webview-ui-toolkit/react"
 
 import type { TelemetrySetting } from "@roo-code/types"
@@ -61,7 +61,7 @@ export const About = ({ telemetrySetting, setTelemetrySetting, debug, setDebug,
 			</Section>
 
 			<Section className="space-y-0">
-				<h3>{t("settings:about.contact")}</h3>
+				<h3>{t("settings:about.contactAndCommunity")}</h3>
 				<div className="flex flex-col gap-3">
 					<div className="flex items-start gap-2">
 						<Bug className="size-4 text-vscode-descriptionForeground shrink-0" />

webview-ui/src/components/settings/SkillsSettings.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useMemo, useCallback } from "react"
-import { Trans } from "react-i18next"
 import { Plus, Globe, Folder, Edit, Trash2, Settings } from "lucide-react"
+import { Trans } from "react-i18next"
 
 import type { SkillMetadata } from "@roo-code/types"
 
@@ -276,6 +276,30 @@ export const SkillsSettings: React.FC = () => {
 				</div>
 			</div>
 
+			{/* Fixed Footer */}
+			<div className="px-6 py-1 text-sm border-t border-vscode-panel-border text-muted-foreground">
+				<Trans
+					i18nKey="settings:skills.footer"
+					components={{
+						MarketplaceLink: (
+							<span
+								onClick={() => {
+									window.postMessage(
+										{
+											type: "action",
+											action: "marketplaceButtonClicked",
+											values: { marketplaceTab: "mode" },
+										},
+										"*",
+									)
+								}}
+								className="text-vscode-textLink-foreground hover:underline cursor-pointer"
+							/>
+						),
+					}}
+				/>
+			</div>
+
 			{/* Delete Confirmation Dialog */}
 			<AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
 				<AlertDialogContent>