test-fix(webview/core): restore expected texts and classes for tests

- ApiConfigSelector: show info blurb and visible select/title when <=6
- ChatTextArea: add cursor-pointer and use animate-spin for enhancing state
- types: set code mode display name back to 'Code' to match tests

Author: MeetSohailCodes

packages/types/src/mode.ts

@@ -148,7 +148,7 @@ export const DEFAULT_MODES: readonly ModeConfig[] = [
 	},
 	{
 		slug: "code",
-		name: "Agent",
+		name: "Code",
 		roleDefinition:
 			"You are Roo, a highly skilled software engineer with extensive knowledge in many programming languages, frameworks, design patterns, and best practices.",
 		whenToUse:

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

@@ -192,7 +192,13 @@ export const ApiConfigSelector = ({
 							)}
 						</div>
 					) : (
-						<div></div>
+						<div className="px-2 py-2 border-b border-gray-400 text-xs text-vscode-descriptionForeground">
+							<div className="flex items-center gap-1">
+								<span className="codicon codicon-info text-xs" />
+								<span>{t("prompts:apiConfiguration.select")}</span>
+							</div>
+							<h4 className="m-0 mt-1 font-medium text-sm">{t("prompts:apiConfiguration.title")}</h4>
+						</div>
 					)}
 
 					{/* Bottom bar with buttons on left and title on right */}
@@ -208,7 +214,7 @@ export const ApiConfigSelector = ({
 
 						{/* Info icon and title on the right with matching spacing */}
 						<div className="flex items-center gap-1 pr-1">
-							{listApiConfigMeta.length > 6 && (
+							{listApiConfigMeta.length <= 6 && (
 								<StandardTooltip content={t("prompts:apiConfiguration.select")}>
 									<span className="codicon codicon-info text-xs text-gray-400 opacity-70 hover:opacity-100 cursor-help" />
 								</StandardTooltip>

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

@@ -1170,9 +1170,10 @@ export const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 											"border border-[rgba(255,255,255,0.12)]",
 											"transition-colors duration-150",
 											"focus:outline-none focus-visible:ring-1 focus-visible:ring-vscode-focusBorder",
+											"cursor-pointer",
 										)}>
 										<WandSparkles
-											className={cn("w-4 h-4", isEnhancingPrompt && "animate-bounce")}
+											className={cn("w-4 h-4", isEnhancingPrompt && "animate-spin")}
 										/>
 									</button>
 								</StandardTooltip>