Revert "feat(webview-ui): support codicon- and lucide- icons via InlineIcon; map Debug to lucide-bug"

This reverts commit a331d1d.

Author: roomote

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

@@ -15,7 +15,6 @@ import { useRooPortal } from "@/components/ui/hooks/useRooPortal"
 import { Popover, PopoverContent, PopoverTrigger, StandardTooltip } from "@/components/ui"
 
 import { IconButton } from "./IconButton"
-import InlineIcon from "../common/InlineIcon"
 
 const SEARCH_THRESHOLD = 6
 
@@ -212,13 +211,9 @@ export const ModeSelector = ({
 					)}>
 					<div className="flex items-center gap-1 truncate">
 						{selectedMode?.icon && (
-							<InlineIcon
-								token={
-									selectedMode.icon.startsWith("codicon-") || selectedMode.icon.startsWith("lucide-")
-										? selectedMode.icon
-										: `codicon-${selectedMode.icon}`
-								}
-								className="text-[11px] leading-none"
+							<span
+								className={`codicon codicon-${selectedMode.icon} text-[11px] leading-none`}
+								aria-hidden="true"
 							/>
 						)}
 						<span className="truncate">{selectedMode?.name || ""}</span>
@@ -284,14 +279,9 @@ export const ModeSelector = ({
 											<div className="flex-1 min-w-0">
 												<div className="font-bold truncate flex items-center gap-1">
 													{mode.icon && (
-														<InlineIcon
-															token={
-																mode.icon.startsWith("codicon-") ||
-																mode.icon.startsWith("lucide-")
-																	? mode.icon
-																	: `codicon-${mode.icon}`
-															}
-															className="text-[11px] leading-none"
+														<span
+															className={`codicon codicon-${mode.icon} text-[11px] leading-none`}
+															aria-hidden="true"
 														/>
 													)}
 													<span className="truncate">{mode.name}</span>

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

@@ -1,5 +1,4 @@
 import { StandardTooltip } from "@/components/ui"
-import InlineIcon from "./InlineIcon"
 
 interface IconButtonProps {
 	icon: string
@@ -27,18 +26,13 @@ export function IconButton({
 		medium: "w-7 h-7",
 	}
 
-	const iconSize = size === "small" ? 14 : 16
-
 	const variantClasses = {
 		default: "bg-transparent hover:bg-vscode-toolbar-hoverBackground",
 		transparent: "bg-transparent hover:bg-vscode-toolbar-hoverBackground",
 	}
 
 	const handleClick = onClick || ((_event: React.MouseEvent) => {})
 
-	// Support both raw codicon names (e.g., "extensions") and fully-qualified tokens ("codicon-..." | "lucide-...")
-	const token = icon.startsWith("codicon-") || icon.startsWith("lucide-") ? icon : `codicon-${icon}`
-
 	const button = (
 		<button
 			className={`${sizeClasses[size]} flex items-center justify-center border-none text-vscode-editor-foreground cursor-pointer rounded-[3px] ${variantClasses[variant]}`}
@@ -47,7 +41,7 @@ export function IconButton({
 			onMouseDown={onMouseDown}
 			onMouseUp={onMouseUp}
 			onMouseLeave={onMouseLeave}>
-			<InlineIcon token={token} size={iconSize} />
+			<span className={`codicon codicon-${icon}`}></span>
 		</button>
 	)