refactor: type improvements of multi files that doesn't modify functionality (RooCodeInc#2878)

Author: samuel871211

src/extension.ts

@@ -381,7 +381,7 @@ export function activate(context: vscode.ExtensionContext) {
 
 	// Register the command handler
 	context.subscriptions.push(
-		vscode.commands.registerCommand("cline.fixWithCline", async (range: vscode.Range, diagnostics: any[]) => {
+		vscode.commands.registerCommand("cline.fixWithCline", async (range: vscode.Range, diagnostics: vscode.Diagnostic[]) => {
 			const editor = vscode.window.activeTextEditor
 			if (!editor) {
 				return

src/services/telemetry/TelemetryService.ts

@@ -3,6 +3,7 @@ import * as vscode from "vscode"
 import { version as extensionVersion } from "../../../package.json"
 
 import type { TaskFeedbackType } from "../../shared/WebviewMessage"
+import type { BrowserSettings } from "../../shared/BrowserSettings"
 
 /**
  * PostHogClient handles telemetry event tracking for the Cline extension
@@ -474,7 +475,7 @@ class PostHogClient {
 	 * @param taskId Unique identifier for the task
 	 * @param browserSettings The browser settings being used
 	 */
-	public captureBrowserToolStart(taskId: string, browserSettings: any) {
+	public captureBrowserToolStart(taskId: string, browserSettings: BrowserSettings) {
 		this.capture({
 			event: PostHogClient.EVENTS.TASK.BROWSER_TOOL_START,
 			properties: {

webview-ui/src/components/common/MarkdownBlock.tsx

@@ -4,6 +4,7 @@ import { useRemark } from "react-remark"
 import rehypeHighlight, { Options } from "rehype-highlight"
 import styled from "styled-components"
 import { visit } from "unist-util-visit"
+import type { Node } from "unist"
 import { useExtensionState } from "@/context/ExtensionStateContext"
 import { CODE_BLOCK_BG_COLOR } from "@/components/common/CodeBlock"
 import MermaidBlock from "@/components/common/MermaidBlock"
@@ -21,7 +22,7 @@ interface MarkdownBlockProps {
  * This caused the entire content to disappear because the structure became invalid.
  */
 const remarkUrlToLink = () => {
-	return (tree: any) => {
+	return (tree: Node) => {
 		// Visit all "text" nodes in the markdown AST (Abstract Syntax Tree)
 		visit(tree, "text", (node: any, index, parent) => {
 			const urlRegex = /https?:\/\/[^\s<>)"]+/g

webview-ui/src/context/ExtensionStateContext.tsx

@@ -21,7 +21,7 @@ import { TelemetrySetting } from "@shared/TelemetrySetting"
 interface ExtensionStateContextType extends ExtensionState {
 	didHydrateState: boolean
 	showWelcome: boolean
-	theme: any
+	theme: Record<string, string> | undefined
 	openRouterModels: Record<string, ModelInfo>
 	openAiModels: string[]
 	requestyModels: Record<string, ModelInfo>
@@ -56,7 +56,7 @@ export const ExtensionStateContextProvider: React.FC<{
 	})
 	const [didHydrateState, setDidHydrateState] = useState(false)
 	const [showWelcome, setShowWelcome] = useState(false)
-	const [theme, setTheme] = useState<any>(undefined)
+	const [theme, setTheme] = useState<Record<string, string>>()
 	const [filePaths, setFilePaths] = useState<string[]>([])
 	const [openRouterModels, setOpenRouterModels] = useState<Record<string, ModelInfo>>({
 		[openRouterDefaultModelId]: openRouterDefaultModelInfo,

webview-ui/src/utils/useDebounceEffect.ts

@@ -1,12 +1,13 @@
 import { useEffect, useRef } from "react"
+import type { DependencyList } from "react"
 
 type VoidFn = () => void
 
 /**
  * Runs `effectRef.current()` after `delay` ms whenever any of the `deps` change,
  * but cancels/re-schedules if they change again before the delay.
  */
-export function useDebounceEffect(effect: VoidFn, delay: number, deps: any[]) {
+export function useDebounceEffect(effect: VoidFn, delay: number, deps: DependencyList) {
 	const callbackRef = useRef<VoidFn>(effect)
 	const timeoutRef = useRef<NodeJS.Timeout | null>(null)