fix(deps): update frontend and ui stack (#818)

* fix(deps): update frontend and ui stack

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

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Elliott de Launay <edelauna@gmail.com>

Author: renovate[bot]

pnpm-lock.yaml

@@ -473,7 +473,7 @@
 		"@roo-code/types": "workspace:^",
 		"ai-sdk-provider-poe": "2.0.18",
 		"async-mutex": "^0.5.0",
-		"axios": "^1.12.0",
+		"axios": "^1.18.1",
 		"chokidar": "^4.0.1",
 		"clone-deep": "^4.0.1",
 		"delay": "^6.0.0",
@@ -489,7 +489,7 @@
 		"i18next": "^25.0.0",
 		"ignore": "^7.0.3",
 		"isbinaryfile": "^5.0.7",
-		"json-stream-stringify": "^3.1.6",
+		"json-stream-stringify": "^3.1.7",
 		"lodash.debounce": "^4.0.8",
 		"mammoth": "^1.9.1",
 		"monaco-vscode-textmate-theme-converter": "^0.1.7",
@@ -504,17 +504,17 @@
 		"pretty-bytes": "^7.0.0",
 		"proper-lockfile": "^4.1.2",
 		"ps-tree": "^1.2.0",
-		"reconnecting-eventsource": "^1.6.4",
+		"reconnecting-eventsource": "^1.6.5",
 		"safe-stable-stringify": "^2.5.0",
-		"sanitize-filename": "^1.6.3",
+		"sanitize-filename": "^1.6.4",
 		"say": "^0.16.0",
 		"semver-compare": "^1.0.0",
 		"serialize-error": "^12.0.0",
 		"shell-quote": "^1.8.2",
 		"simple-git": "^3.27.0",
 		"strip-bom": "^5.0.0",
 		"tiktoken": "^1.0.21",
-		"tree-sitter-wasms": "^0.1.12",
+		"tree-sitter-wasms": "^0.1.13",
 		"undici": "^6.21.3",
 		"uuid": "^11.1.0",
 		"vscode-material-icons": "^0.1.1",

src/package.json

@@ -37,7 +37,7 @@
 		"@vscode/codicons": "^0.0.45",
 		"@vscode/webview-ui-toolkit": "^1.4.0",
 		"ansi-to-html": "^0.7.2",
-		"axios": "^1.12.0",
+		"axios": "^1.18.1",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.0.0",
@@ -50,7 +50,7 @@
 		"i18next": "^25.0.0",
 		"katex": "^0.16.11",
 		"lru-cache": "^11.1.0",
-		"lucide-react": "^0.518.0",
+		"lucide-react": "^0.577.0",
 		"mermaid": "^11.4.1",
 		"posthog-js": "^1.227.2",
 		"pretty-bytes": "^7.0.0",
@@ -67,7 +67,7 @@
 		"rehype-katex": "^7.0.1",
 		"remark-gfm": "^4.0.1",
 		"remark-math": "^6.0.0",
-		"remove-markdown": "^0.6.0",
+		"remove-markdown": "^0.6.4",
 		"shell-quote": "^1.8.2",
 		"shiki": "^3.2.1",
 		"source-map": "^0.7.4",

webview-ui/package.json

@@ -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/ChatRow.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/chat/CodeIndexPopover.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/ApiConfigManager.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>