bring back api configurations.

Author: Sebastian Sassi

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

@@ -95,7 +95,7 @@ export const ApiConfigSelector = ({
 						"px-3 py-1.5 text-sm cursor-pointer flex items-center group",
 						"hover:bg-vscode-list-hoverBackground",
 						isCurrentConfig &&
-							"bg-vscode-list-activeSelectionBackground text-vscode-list-activeSelectionForeground",
+						"bg-vscode-list-activeSelectionBackground text-vscode-list-activeSelectionForeground",
 					)}>
 					<span className="flex-1 truncate">{config.name}</span>
 					<div className="flex items-center gap-1">
@@ -214,7 +214,7 @@ export const ApiConfigSelector = ({
 					</div>
 
 					{/* Bottom bar with buttons on left and title on right */}
-					<div className="flex flex-row items-center justify-between p-2 border-t border-vscode-dropdown-border">
+					{/* <div className="flex flex-row items-center justify-between p-2 border-t border-vscode-dropdown-border">
 						<div className="flex flex-row gap-1">
 							<IconButton
 								iconClass="codicon-settings-gear"
@@ -223,7 +223,7 @@ export const ApiConfigSelector = ({
 							/>
 						</div>
 
-						{/* Info icon and title on the right with matching spacing */}
+
 						<div className="flex items-center gap-1 pr-1">
 							{listApiConfigMeta.length > 6 && (
 								<StandardTooltip content={t("prompts:apiConfiguration.select")}>
@@ -234,7 +234,7 @@ export const ApiConfigSelector = ({
 								{t("prompts:apiConfiguration.title")}
 							</h4>
 						</div>
-					</div>
+					</div> */}
 				</div>
 			</PopoverContent>
 		</Popover>

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

@@ -922,7 +922,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 					<div className="shrink-0">{renderModeSelector()}</div>
 
 					<div className={cn("flex-1", "min-w-0", "overflow-hidden")}>
-						{/* <ApiConfigSelector
+						<ApiConfigSelector
 							value={currentConfigId}
 							displayName={displayName}
 							disabled={selectApiConfigDisabled}
@@ -932,7 +932,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 							listApiConfigMeta={listApiConfigMeta || []}
 							pinnedApiConfigs={pinnedApiConfigs}
 							togglePinnedApiConfig={togglePinnedApiConfig}
-						/> */}
+						/>
 					</div>
 				</div>
 
@@ -975,7 +975,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 								"active:bg-[rgba(255,255,255,0.1)]",
 								!shouldDisableImages && "cursor-pointer",
 								shouldDisableImages &&
-									"opacity-40 cursor-not-allowed grayscale-[30%] hover:bg-transparent hover:border-[rgba(255,255,255,0.08)] active:bg-transparent",
+								"opacity-40 cursor-not-allowed grayscale-[30%] hover:bg-transparent hover:border-[rgba(255,255,255,0.08)] active:bg-transparent",
 								"mr-1",
 							)}>
 							<Image className="w-4 h-4" />