From 4dbf6d4d0a8d5903d86c8b51e9fa9db734353c9b Mon Sep 17 00:00:00 2001
From: Roo Code <chris@roocode.com>
Date: Sat, 12 Jul 2025 17:02:22 +0000
Subject: [PATCH] feat: add navigation link to history tab in HistoryPreview
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add subtle 'View all history →' link at bottom of HistoryPreview component
- Link navigates to history tab using existing switchTab message system
- Styled with VSCode theme variables for consistent appearance
- Improves accessibility to history tab now that it's behind overflow menu
---
 webview-ui/src/components/history/HistoryPreview.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/webview-ui/src/components/history/HistoryPreview.tsx b/webview-ui/src/components/history/HistoryPreview.tsx
index 892a8a220f..cb596984a7 100644
--- a/webview-ui/src/components/history/HistoryPreview.tsx
+++ b/webview-ui/src/components/history/HistoryPreview.tsx
@@ -1,11 +1,16 @@
 import { memo } from "react"
 
+import { vscode } from "@/utils/vscode"
 import { useTaskSearch } from "./useTaskSearch"
 import TaskItem from "./TaskItem"
 
 const HistoryPreview = () => {
 	const { tasks } = useTaskSearch()
 
+	const handleViewAllHistory = () => {
+		vscode.postMessage({ type: "switchTab", tab: "history" })
+	}
+
 	return (
 		<div className="flex flex-col gap-3">
 			{tasks.length !== 0 && (
@@ -13,6 +18,13 @@ const HistoryPreview = () => {
 					{tasks.slice(0, 3).map((item) => (
 						<TaskItem key={item.id} item={item} variant="compact" />
 					))}
+					<div className="flex justify-center mt-2">
+						<button
+							onClick={handleViewAllHistory}
+							className="text-vscode-descriptionForeground hover:text-vscode-foreground text-sm cursor-pointer transition-colors duration-200 flex items-center gap-1">
+							View all history →
+						</button>
+					</div>
 				</>
 			)}
 		</div>