feat: add navigation link to history tab in HistoryPreview

- Add 'View all history' link at bottom of history preview
- Include internationalization support with new translation key
- Use consistent styling with VSCode theme colors
- Navigate to history tab using switchTab message format

Author: roomote

webview-ui/src/components/history/HistoryPreview.tsx

@@ -1,10 +1,18 @@
 import { memo } from "react"
 
+import { vscode } from "@src/utils/vscode"
+import { useAppTranslation } from "@src/i18n/TranslationContext"
+
 import { useTaskSearch } from "./useTaskSearch"
 import TaskItem from "./TaskItem"
 
 const HistoryPreview = () => {
 	const { tasks } = useTaskSearch()
+	const { t } = useAppTranslation()
+
+	const handleViewAllHistory = () => {
+		vscode.postMessage({ type: "switchTab", tab: "history" })
+	}
 
 	return (
 		<div className="flex flex-col gap-3">
@@ -13,6 +21,13 @@ const HistoryPreview = () => {
 					{tasks.slice(0, 3).map((item) => (
 						<TaskItem key={item.id} item={item} variant="compact" />
 					))}
+					<button
+						onClick={handleViewAllHistory}
+						className="text-xs text-vscode-descriptionForeground hover:text-vscode-textLink-foreground transition-colors cursor-pointer text-left flex items-center gap-1 mt-1"
+						aria-label={t("history:viewAllHistory")}>
+						<span>{t("history:viewAllHistory")}</span>
+						<span className="codicon codicon-arrow-right text-xs" />
+					</button>
 				</>
 			)}
 		</div>

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

@@ -40,5 +40,6 @@
 		"mostExpensive": "Most Expensive",
 		"mostTokens": "Most Tokens",
 		"mostRelevant": "Most Relevant"
-	}
+	},
+	"viewAllHistory": "View all history"
 }