feat: Add setting to show all workspace tasks by preference

packages/types/src/global-settings.ts

@@ -27,6 +27,7 @@ export const globalSettingsSchema = z.object({
 	lastShownAnnouncementId: z.string().optional(),
 	customInstructions: z.string().optional(),
 	taskHistory: z.array(historyItemSchema).optional(),
+	showAllWorkspacesTasks: z.boolean().optional(),
 
 	condensingApiConfigId: z.string().optional(),
 	customCondensingPrompt: z.string().optional(),

src/core/webview/ClineProvider.ts

@@ -1409,6 +1409,7 @@ export class ClineProvider
 			profileThresholds,
 			alwaysAllowFollowupQuestions,
 			followupAutoApproveTimeoutMs,
+			showAllWorkspacesTasks,
 		} = await this.getState()
 
 		const telemetryKey = process.env.POSTHOG_API_KEY
@@ -1522,6 +1523,7 @@ export class ClineProvider
 			hasOpenedModeSelector: this.getGlobalState("hasOpenedModeSelector") ?? false,
 			alwaysAllowFollowupQuestions: alwaysAllowFollowupQuestions ?? false,
 			followupAutoApproveTimeoutMs: followupAutoApproveTimeoutMs ?? 60000,
+			showAllWorkspacesTasks: showAllWorkspacesTasks ?? false,
 		}
 	}
 
@@ -1675,6 +1677,7 @@ export class ClineProvider
 				codebaseIndexEmbedderModelId: "",
 			},
 			profileThresholds: stateValues.profileThresholds ?? {},
+			showAllWorkspacesTasks: stateValues.showAllWorkspacesTasks ?? false,
 		}
 	}
 

src/core/webview/__tests__/ClineProvider.spec.ts

@@ -492,6 +492,7 @@ describe("ClineProvider", () => {
 			version: "1.0.0",
 			clineMessages: [],
 			taskHistory: [],
+			showAllWorkspacesTasks: false,
 			shouldShowAnnouncement: false,
 			apiConfiguration: {
 				apiProvider: "openrouter",

src/core/webview/webviewMessageHandler.ts

@@ -2206,5 +2206,10 @@ export const webviewMessageHandler = async (
 			}
 			break
 		}
+
+		case "showAllWorkspacesTasks":
+			await updateGlobalState("showAllWorkspacesTasks", message.bool ?? false)
+			await provider.postStateToWebview()
+			break
 	}
 }

src/shared/ExtensionMessage.ts

@@ -105,6 +105,7 @@ export interface ExtensionMessage {
 		| "shareTaskSuccess"
 		| "codeIndexSettingsSaved"
 		| "codeIndexSecretStatus"
+		| "showAllWorkspacesTasks"
 	text?: string
 	payload?: any // Add a generic payload for now, can refine later
 	action?:
@@ -231,6 +232,7 @@ export type ExtensionState = Pick<
 	version: string
 	clineMessages: ClineMessage[]
 	currentTaskItem?: HistoryItem
+	showAllWorkspacesTasks: boolean
 	apiConfiguration?: ProviderSettings
 	uriScheme?: string
 	shouldShowAnnouncement: boolean

src/shared/WebviewMessage.ts

@@ -193,6 +193,7 @@ export interface WebviewMessage {
 		| "checkRulesDirectoryResult"
 		| "saveCodeIndexSettingsAtomic"
 		| "requestCodeIndexSecretStatus"
+		| "showAllWorkspacesTasks"
 	text?: string
 	editedMessageContent?: string
 	tab?: "settings" | "history" | "mcp" | "modes" | "chat" | "marketplace" | "account"

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

@@ -1,4 +1,6 @@
 import React, { memo, useState } from "react"
+
+import { vscode } from "@/utils/vscode"
 import { DeleteTaskDialog } from "./DeleteTaskDialog"
 import { BatchDeleteTaskDialog } from "./BatchDeleteTaskDialog"
 import { Virtuoso } from "react-virtuoso"
@@ -35,8 +37,8 @@ const HistoryView = ({ onDone }: HistoryViewProps) => {
 		sortOption,
 		setSortOption,
 		setLastNonRelevantSort,
-		showAllWorkspaces,
-		setShowAllWorkspaces,
+		showAllWorkspacesTasks,
+		setShowAllWorkspacesTasks,
 	} = useTaskSearch()
 	const { t } = useAppTranslation()
 
@@ -129,12 +131,19 @@ const HistoryView = ({ onDone }: HistoryViewProps) => {
 					</VSCodeTextField>
 					<div className="flex gap-2">
 						<Select
-							value={showAllWorkspaces ? "all" : "current"}
-							onValueChange={(value) => setShowAllWorkspaces(value === "all")}>
+							value={showAllWorkspacesTasks ? "all" : "current"}
+							onValueChange={(value) => {
+								const showAll = value === "all"
+								setShowAllWorkspacesTasks(showAll)
+								vscode.postMessage({
+									type: "showAllWorkspacesTasks",
+									bool: showAll,
+								})
+							}}>
 							<SelectTrigger className="flex-1">
 								<SelectValue>
 									{t("history:workspace.prefix")}{" "}
-									{t(`history:workspace.${showAllWorkspaces ? "all" : "current"}`)}
+									{t(`history:workspace.${showAllWorkspacesTasks ? "all" : "current"}`)}
 								</SelectValue>
 							</SelectTrigger>
 							<SelectContent>
@@ -238,7 +247,7 @@ const HistoryView = ({ onDone }: HistoryViewProps) => {
 							key={item.id}
 							item={item}
 							variant="full"
-							showWorkspace={showAllWorkspaces}
+							showWorkspace={showAllWorkspacesTasks}
 							isSelectionMode={isSelectionMode}
 							isSelected={selectedTaskIds.includes(item.id)}
 							onToggleSelection={toggleTaskSelection}

webview-ui/src/components/history/__tests__/useTaskSearch.spec.tsx

@@ -52,12 +52,20 @@ const mockTaskHistory: HistoryItem[] = [
 ]
 
 describe("useTaskSearch", () => {
+	let showAllWorkspacesTasks = false
+	const setShowAllWorkspacesTasks = vi.fn().mockImplementation((value) => {
+		showAllWorkspacesTasks = value
+	})
+
 	beforeEach(() => {
 		vi.clearAllMocks()
-		mockUseExtensionState.mockReturnValue({
+		showAllWorkspacesTasks = false
+		mockUseExtensionState.mockImplementation(() => ({
 			taskHistory: mockTaskHistory,
 			cwd: "/workspace/project1",
-		} as any)
+			showAllWorkspacesTasks,
+			setShowAllWorkspacesTasks,
+		}))
 	})
 
 	it("returns all tasks by default", () => {
@@ -75,23 +83,25 @@ describe("useTaskSearch", () => {
 		expect(result.current.tasks.every((task) => task.workspace === "/workspace/project1")).toBe(true)
 	})
 
-	it("shows all workspaces when showAllWorkspaces is true", () => {
-		const { result } = renderHook(() => useTaskSearch())
+	it("shows all workspaces when showAllWorkspacesTasks is true", () => {
+		const { result, rerender } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 		})
+		rerender()
 
 		expect(result.current.tasks).toHaveLength(3)
-		expect(result.current.showAllWorkspaces).toBe(true)
+		expect(result.current.showAllWorkspacesTasks).toBe(true)
 	})
 
 	it("sorts by newest by default", () => {
-		const { result } = renderHook(() => useTaskSearch())
+		const { result, rerender } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 		})
+		rerender()
 
 		expect(result.current.sortOption).toBe("newest")
 		expect(result.current.tasks[0].id).toBe("task-2") // Feb 17
@@ -100,38 +110,41 @@ describe("useTaskSearch", () => {
 	})
 
 	it("sorts by oldest", () => {
-		const { result } = renderHook(() => useTaskSearch())
+		const { result, rerender } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 			result.current.setSortOption("oldest")
 		})
+		rerender()
 
 		expect(result.current.tasks[0].id).toBe("task-3") // Feb 15
 		expect(result.current.tasks[1].id).toBe("task-1") // Feb 16
 		expect(result.current.tasks[2].id).toBe("task-2") // Feb 17
 	})
 
 	it("sorts by most expensive", () => {
-		const { result } = renderHook(() => useTaskSearch())
+		const { result, rerender } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 			result.current.setSortOption("mostExpensive")
 		})
+		rerender()
 
 		expect(result.current.tasks[0].id).toBe("task-3") // $0.05
 		expect(result.current.tasks[1].id).toBe("task-2") // $0.02
 		expect(result.current.tasks[2].id).toBe("task-1") // $0.01
 	})
 
 	it("sorts by most tokens", () => {
-		const { result } = renderHook(() => useTaskSearch())
+		const { result, rerender } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 			result.current.setSortOption("mostTokens")
 		})
+		rerender()
 
 		// task-2: 200 + 100 + 25 + 10 = 335 tokens
 		// task-3: 150 + 75 = 225 tokens
@@ -145,7 +158,7 @@ describe("useTaskSearch", () => {
 		const { result } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 			result.current.setSearchQuery("React")
 		})
 
@@ -244,16 +257,19 @@ describe("useTaskSearch", () => {
 			},
 		] as HistoryItem[]
 
-		mockUseExtensionState.mockReturnValue({
+		mockUseExtensionState.mockImplementation(() => ({
 			taskHistory: incompleteTaskHistory,
 			cwd: "/workspace/project1",
-		} as any)
+			showAllWorkspacesTasks,
+			setShowAllWorkspacesTasks,
+		}))
 
-		const { result } = renderHook(() => useTaskSearch())
+		const { result, rerender } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 		})
+		rerender()
 
 		// Should only include tasks with both ts and task content
 		expect(result.current.tasks).toHaveLength(3)
@@ -264,7 +280,7 @@ describe("useTaskSearch", () => {
 		const { result } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 			result.current.setSearchQuery("nonexistent")
 		})
 
@@ -275,7 +291,7 @@ describe("useTaskSearch", () => {
 		const { result } = renderHook(() => useTaskSearch())
 
 		act(() => {
-			result.current.setShowAllWorkspaces(true)
+			result.current.setShowAllWorkspacesTasks(true)
 			result.current.setSearchQuery("test")
 			result.current.setSortOption("mostRelevant")
 		})

webview-ui/src/components/history/useTaskSearch.ts

@@ -7,11 +7,10 @@ import { useExtensionState } from "@/context/ExtensionStateContext"
 type SortOption = "newest" | "oldest" | "mostExpensive" | "mostTokens" | "mostRelevant"
 
 export const useTaskSearch = () => {
-	const { taskHistory, cwd } = useExtensionState()
+	const { taskHistory, cwd, showAllWorkspacesTasks, setShowAllWorkspacesTasks } = useExtensionState()
 	const [searchQuery, setSearchQuery] = useState("")
 	const [sortOption, setSortOption] = useState<SortOption>("newest")
 	const [lastNonRelevantSort, setLastNonRelevantSort] = useState<SortOption | null>("newest")
-	const [showAllWorkspaces, setShowAllWorkspaces] = useState(false)
 
 	useEffect(() => {
 		if (searchQuery && sortOption !== "mostRelevant" && !lastNonRelevantSort) {
@@ -25,11 +24,11 @@ export const useTaskSearch = () => {
 
 	const presentableTasks = useMemo(() => {
 		let tasks = taskHistory.filter((item) => item.ts && item.task)
-		if (!showAllWorkspaces) {
+		if (!showAllWorkspacesTasks) {
 			tasks = tasks.filter((item) => item.workspace === cwd)
 		}
 		return tasks
-	}, [taskHistory, showAllWorkspaces, cwd])
+	}, [taskHistory, showAllWorkspacesTasks, cwd])
 
 	const fzf = useMemo(() => {
 		return new Fzf(presentableTasks, {
@@ -86,7 +85,7 @@ export const useTaskSearch = () => {
 		setSortOption,
 		lastNonRelevantSort,
 		setLastNonRelevantSort,
-		showAllWorkspaces,
-		setShowAllWorkspaces,
+		showAllWorkspacesTasks,
+		setShowAllWorkspacesTasks,
 	}
 }

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

@@ -0,0 +1,33 @@
+import { VSCodeCheckbox } from "@vscode/webview-ui-toolkit/react"
+import { useAppTranslation } from "@src/i18n/TranslationContext"
+
+import { ExtensionStateContextType } from "@/context/ExtensionStateContext"
+import { SetCachedStateField } from "./types"
+import { Section } from "./Section"
+
+type GeneralProps = {
+	showAllWorkspacesTasks: boolean
+	setCachedStateField: SetCachedStateField<keyof ExtensionStateContextType>
+}
+
+export const GeneralSettings = ({ showAllWorkspacesTasks, setCachedStateField }: GeneralProps) => {
+	const { t } = useAppTranslation()
+
+	return (
+		<Section>
+			<div>
+				<VSCodeCheckbox
+					checked={showAllWorkspacesTasks}
+					onChange={(e) => {
+						const checked = (e.target as HTMLInputElement).checked
+						setCachedStateField("showAllWorkspacesTasks", checked)
+					}}>
+					<span className="font-medium">{t("settings:general.showAllWorkspacesTasks.label")}</span>
+				</VSCodeCheckbox>
+				<div className="text-vscode-descriptionForeground text-sm mt-1">
+					{t("settings:general.showAllWorkspacesTasks.description")}
+				</div>
+			</div>
+		</Section>
+	)
+}