refactor(webview-ui): replace deprecated lucide-react icon aliases

Author: edelauna

webview-ui/src/components/chat/ChatRow.tsx

@@ -66,7 +66,7 @@ import {
 	FileCode2,
 	PocketKnife,
 	FolderTree,
-	TerminalSquare,
+	SquareTerminal,
 	MessageCircle,
 	Repeat2,
 	Split,
@@ -294,7 +294,7 @@ export const ChatRowContent = ({
 					isCommandExecuting ? (
 						<ProgressIndicator />
 					) : (
-						<TerminalSquare className="size-4" aria-label="Terminal icon" />
+						<SquareTerminal className="size-4" aria-label="Terminal icon" />
 					),
 					<span style={{ color: normalColor, fontWeight: "bold" }}>
 						{t("chat:commandExecution.running")}

webview-ui/src/components/chat/CodeIndexPopover.tsx

@@ -10,7 +10,7 @@ import {
 	VSCodeCheckbox,
 } from "@vscode/webview-ui-toolkit/react"
 import * as ProgressPrimitive from "@radix-ui/react-progress"
-import { AlertTriangle } from "lucide-react"
+import { TriangleAlert } from "lucide-react"
 
 import { type IndexingStatus, type EmbedderProvider, CODEBASE_INDEX_DEFAULTS } from "@roo-code/types"
 
@@ -1748,7 +1748,7 @@ export const CodeIndexPopover: React.FC<CodeIndexPopoverProps> = ({
 				<AlertDialogContent>
 					<AlertDialogHeader>
 						<AlertDialogTitle className="flex items-center gap-2">
-							<AlertTriangle className="w-5 h-5 text-yellow-500" />
+							<TriangleAlert className="w-5 h-5 text-yellow-500" />
 							{t("settings:unsavedChangesDialog.title")}
 						</AlertDialogTitle>
 						<AlertDialogDescription>

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

@@ -1,6 +1,6 @@
 import { memo, useEffect, useRef, useState } from "react"
 import { VSCodeTextField } from "@vscode/webview-ui-toolkit/react"
-import { AlertTriangle } from "lucide-react"
+import { TriangleAlert } from "lucide-react"
 
 import type { ProviderSettingsEntry, OrganizationAllowList } from "@roo-code/types"
 
@@ -246,7 +246,7 @@ const ApiConfigManager = ({
 									icon: !valid ? (
 										<StandardTooltip content={t("settings:validation.profileInvalid")}>
 											<span>
-												<AlertTriangle size={16} className="mr-2 text-vscode-errorForeground" />
+												<TriangleAlert size={16} className="mr-2 text-vscode-errorForeground" />
 											</span>
 										</StandardTooltip>
 									) : undefined,

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

@@ -16,7 +16,7 @@ import {
 	Database,
 	SquareTerminal,
 	FlaskConical,
-	AlertTriangle,
+	TriangleAlert,
 	Globe,
 	Info,
 	MessageSquare,
@@ -25,7 +25,7 @@ import {
 	Glasses,
 	Plug,
 	Server,
-	Users2,
+	UsersRound,
 	ArrowLeft,
 	GitCommitVertical,
 	GraduationCap,
@@ -532,7 +532,7 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 	const sections: { id: SectionName; icon: LucideIcon }[] = useMemo(
 		() => [
 			{ id: "providers", icon: Plug },
-			{ id: "modes", icon: Users2 },
+			{ id: "modes", icon: UsersRound },
 			{ id: "skills", icon: GraduationCap },
 			{ id: "slashCommands", icon: SquareSlash },
 			{ id: "rules", icon: ScrollText },
@@ -970,7 +970,7 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 				<AlertDialogContent>
 					<AlertDialogHeader>
 						<AlertDialogTitle>
-							<AlertTriangle className="w-5 h-5 text-yellow-500" />
+							<TriangleAlert className="w-5 h-5 text-yellow-500" />
 							{t("settings:unsavedChangesDialog.title")}
 						</AlertDialogTitle>
 						<AlertDialogDescription>