Added settings to enable filesChangedManager and display count.

Added settings to enable filesChangedManager and display count.

Author: playcations

packages/types/src/global-settings.ts

@@ -105,6 +105,8 @@ export const globalSettingsSchema = z.object({
 	historyPreviewCollapsed: z.boolean().optional(),
 	profileThresholds: z.record(z.string(), z.number()).optional(),
 	hasOpenedModeSelector: z.boolean().optional(),
+	filesChangedEnabled: z.boolean().optional(),
+	filesChangedMaxDisplayFiles: z.number().optional(),
 })
 
 export type GlobalSettings = z.infer<typeof globalSettingsSchema>

src/core/webview/ClineProvider.ts

@@ -1693,6 +1693,9 @@ export class ClineProvider
 			profileThresholds,
 		} = await this.getState()
 
+		const filesChangedEnabled = this.getGlobalState("filesChangedEnabled")
+		const filesChangedMaxDisplayFiles = this.getGlobalState("filesChangedMaxDisplayFiles")
+
 		const telemetryKey = process.env.POSTHOG_API_KEY
 		const machineId = vscode.env.machineId
 		const mergedAllowedCommands = this.mergeAllowedCommands(allowedCommands)
@@ -1801,6 +1804,8 @@ export class ClineProvider
 			profileThresholds: profileThresholds ?? {},
 			cloudApiUrl: getRooCodeApiUrl(),
 			hasOpenedModeSelector: this.getGlobalState("hasOpenedModeSelector") ?? false,
+			filesChangedEnabled: this.getGlobalState("filesChangedEnabled") ?? true,
+			filesChangedMaxDisplayFiles: this.getGlobalState("filesChangedMaxDisplayFiles") ?? 50,
 		}
 	}
 

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

@@ -539,6 +539,8 @@ describe("ClineProvider", () => {
 			sharingEnabled: false,
 			profileThresholds: {},
 			hasOpenedModeSelector: false,
+			filesChangedEnabled: true,
+			filesChangedMaxDisplayFiles: 50,
 		}
 
 		const message: ExtensionMessage = {

src/core/webview/webviewMessageHandler.ts

@@ -961,6 +961,8 @@ export const webviewMessageHandler = async (
 					...currentState,
 					customModePrompts: updatedPrompts,
 					hasOpenedModeSelector: currentState.hasOpenedModeSelector ?? false,
+					filesChangedEnabled: currentState.filesChangedEnabled ?? true,
+					filesChangedMaxDisplayFiles: currentState.filesChangedMaxDisplayFiles ?? 50,
 				}
 				provider.postMessageToWebview({ type: "state", state: stateWithPrompts })
 

src/package.json

@@ -339,6 +339,18 @@
 					"type": "string",
 					"default": "",
 					"description": "%settings.autoImportSettingsPath.description%"
+				},
+				"roo-cline.filesChangedEnabled": {
+					"type": "boolean",
+					"default": true,
+					"description": "%settings.filesChangedEnabled.description%"
+				},
+				"roo-cline.filesChangedMaxDisplayFiles": {
+					"type": "number",
+					"default": 50,
+					"minimum": 10,
+					"maximum": 200,
+					"description": "%settings.filesChangedMaxDisplayFiles.description%"
 				}
 			}
 		}

src/package.nls.json

@@ -32,5 +32,7 @@
 	"settings.vsCodeLmModelSelector.family.description": "The family of the language model (e.g. gpt-4)",
 	"settings.customStoragePath.description": "Custom storage path. Leave empty to use the default location. Supports absolute paths (e.g. 'D:\\RooCodeStorage')",
 	"settings.enableCodeActions.description": "Enable Roo Code quick fixes",
-	"settings.autoImportSettingsPath.description": "Path to a RooCode configuration file to automatically import on extension startup. Supports absolute paths and paths relative to the home directory (e.g. '~/Documents/roo-code-settings.json'). Leave empty to disable auto-import."
+	"settings.autoImportSettingsPath.description": "Path to a RooCode configuration file to automatically import on extension startup. Supports absolute paths and paths relative to the home directory (e.g. '~/Documents/roo-code-settings.json'). Leave empty to disable auto-import.",
+	"settings.filesChangedEnabled.description": "Show an overview of files modified by the AI during conversation",
+	"settings.filesChangedMaxDisplayFiles.description": "Maximum number of files to display before enabling virtualization for performance (10-200)"
 }

src/shared/ExtensionMessage.ts

@@ -272,6 +272,8 @@ export type ExtensionState = Pick<
 	marketplaceInstalledMetadata?: { project: Record<string, any>; global: Record<string, any> }
 	profileThresholds: Record<string, number>
 	hasOpenedModeSelector: boolean
+	filesChangedEnabled: boolean
+	filesChangedMaxDisplayFiles: number
 }
 
 export interface ClineSayTool {

src/shared/WebviewMessage.ts

@@ -180,6 +180,8 @@ export interface WebviewMessage {
 		| "fetchMarketplaceData"
 		| "switchTab"
 		| "shareTaskSuccess"
+		| "filesChangedEnabled"
+		| "filesChangedMaxDisplayFiles"
 	text?: string
 	tab?: "settings" | "history" | "mcp" | "modes" | "chat" | "marketplace" | "account"
 	disabled?: boolean

webview-ui/src/components/file-changes/FilesChangedOverview.tsx

@@ -1,6 +1,7 @@
 import React from "react"
 import { FileChangeset, FileChange } from "@roo-code/types"
 import { useTranslation } from "react-i18next"
+import { useExtensionState } from "@/context/ExtensionStateContext"
 
 interface FilesChangedOverviewProps {
 	changeset: FileChangeset
@@ -31,11 +32,12 @@ const FilesChangedOverview: React.FC<FilesChangedOverviewProps> = ({
 	onRejectAll,
 }) => {
 	const { t } = useTranslation()
+	const { filesChangedEnabled, filesChangedMaxDisplayFiles } = useExtensionState()
 	const files = changeset.files
 	const [isCollapsed, setIsCollapsed] = React.useState(true)
 
 	// Performance optimization: Use virtualization for large file lists
-	const VIRTUALIZATION_THRESHOLD = 50
+	const VIRTUALIZATION_THRESHOLD = filesChangedMaxDisplayFiles || 50
 	const ITEM_HEIGHT = 60 // Approximate height of each file item
 	const MAX_VISIBLE_ITEMS = 10
 	const [scrollTop, setScrollTop] = React.useState(0)
@@ -126,6 +128,11 @@ const FilesChangedOverview: React.FC<FilesChangedOverviewProps> = ({
 		return parts.length > 0 ? ` (${parts.join(", ")})` : ""
 	}, [files])
 
+	// Don't render if the feature is disabled
+	if (!filesChangedEnabled) {
+		return null
+	}
+
 	return (
 		<div
 			className="files-changed-overview"

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

@@ -0,0 +1,90 @@
+import { HTMLAttributes } from "react"
+import { useAppTranslation } from "@/i18n/TranslationContext"
+import { VSCodeCheckbox } from "@vscode/webview-ui-toolkit/react"
+import { Monitor } from "lucide-react"
+
+import { SetCachedStateField } from "./types"
+import { SectionHeader } from "./SectionHeader"
+import { Section } from "./Section"
+import { Slider } from "../ui"
+import { vscode } from "@/utils/vscode"
+
+type InterfaceSettingsProps = HTMLAttributes<HTMLDivElement> & {
+	filesChangedEnabled?: boolean
+	filesChangedMaxDisplayFiles?: number
+	setCachedStateField: SetCachedStateField<"filesChangedEnabled" | "filesChangedMaxDisplayFiles">
+}
+
+export const InterfaceSettings = ({
+	filesChangedEnabled,
+	filesChangedMaxDisplayFiles,
+	setCachedStateField,
+	...props
+}: InterfaceSettingsProps) => {
+	const { t } = useAppTranslation()
+
+	return (
+		<div {...props}>
+			<SectionHeader>
+				<div className="flex items-center gap-2">
+					<Monitor className="w-4" />
+					<div>{t("settings:sections.interface")}</div>
+				</div>
+			</SectionHeader>
+
+			<Section>
+				{/* Files Changed Settings Section */}
+				<div>
+					<div className="flex items-center gap-2 font-bold mb-3">
+						<span className="codicon codicon-file-diff" />
+						<div>{t("settings:interface.filesChanged.title")}</div>
+					</div>
+
+					<div>
+						<VSCodeCheckbox
+							checked={filesChangedEnabled ?? true}
+							onChange={(e: any) => {
+								setCachedStateField("filesChangedEnabled", e.target.checked)
+								vscode.postMessage({
+									type: "filesChangedEnabled",
+									bool: e.target.checked,
+								})
+							}}
+							data-testid="files-changed-enabled-checkbox">
+							{t("settings:interface.filesChanged.enabled.label")}
+						</VSCodeCheckbox>
+						<div className="text-vscode-descriptionForeground text-sm mt-1 mb-3">
+							{t("settings:interface.filesChanged.enabled.description")}
+						</div>
+					</div>
+
+					<div>
+						<span className="block font-medium mb-1">
+							{t("settings:interface.filesChanged.maxDisplayFiles.label")}
+						</span>
+						<div className="flex items-center gap-2">
+							<Slider
+								min={10}
+								max={200}
+								step={1}
+								value={[filesChangedMaxDisplayFiles ?? 50]}
+								onValueChange={([value]) => {
+									setCachedStateField("filesChangedMaxDisplayFiles", value)
+									vscode.postMessage({
+										type: "filesChangedMaxDisplayFiles",
+										value: value,
+									})
+								}}
+								data-testid="files-changed-max-display-files-slider"
+							/>
+							<span className="w-10">{filesChangedMaxDisplayFiles ?? 50}</span>
+						</div>
+						<div className="text-vscode-descriptionForeground text-sm mt-1">
+							{t("settings:interface.filesChanged.maxDisplayFiles.description")}
+						</div>
+					</div>
+				</div>
+			</Section>
+		</div>
+	)
+}