Remove extraneous comments.

Author: sachasayan

webview-ui/src/components/mcp/McpView.tsx

@@ -145,17 +145,6 @@ const ServerRow = ({ server, alwaysAllowMcp }: { server: McpServer; alwaysAllowM
 		{ value: 3600, label: t("mcp:networkTimeout.options.60minutes") },
 	]
 
-	// const getStatusColor = () => {
-	// 	switch (server.status) {
-	// 		case "connected":
-	// 			return "var(--vscode-testing-iconPassed)"
-	// 		case "connecting":
-	// 			return "var(--vscode-charts-yellow)"
-	// 		case "disconnected":
-	// 			return "var(--vscode-testing-iconFailed)"
-	// 	}
-	// }
-
 	const handleRowClick = () => {
 		if (server.status === "connected") {
 			setIsExpanded(!isExpanded)
@@ -364,16 +353,7 @@ const ServerRow = ({ server, alwaysAllowMcp }: { server: McpServer; alwaysAllowM
 				)
 			) : (
 				<div className="text-[13px] bg-vscode-textCodeBlock-background rounded-b-[4px] w-full">
-					<div
-						className="text-vscode-testing-iconFailed mb-[8px] px-[10px] overflow-wrap-break-word break-words"
-						// style={{
-						// 	color: "var(--vscode-testing-iconFailed)",
-						// 	marginBottom: "8px",
-						// 	padding: "0 10px",
-						// 	overflowWrap: "break-word",
-						// 	wordBreak: "break-word",
-						// }}
-					>
+					<div className="text-vscode-testing-iconFailed mb-[8px] px-[10px] overflow-wrap-break-word break-words">
 						{server.error &&
 							server.error.split("\n").map((item, index) => (
 								<React.Fragment key={index}>
@@ -386,9 +366,7 @@ const ServerRow = ({ server, alwaysAllowMcp }: { server: McpServer; alwaysAllowM
 						appearance="secondary"
 						onClick={handleRestart}
 						disabled={server.status === "connecting"}
-						className="w-[calc(100%-20px)] mx-[10px] mb-[10px]"
-						// style={{ width: "calc(100% - 20px)", margin: "0 10px 10px 10px" }}
-					>
+						className="w-[calc(100%-20px)] mx-[10px] mb-[10px]">
 						{server.status === "connecting" ? "Retrying..." : "Retry Connection"}
 					</VSCodeButton>
 				</div>

webview-ui/src/components/settings/providers/OpenAICompatible.tsx

@@ -472,19 +472,6 @@ export const OpenAICompatible = ({ apiConfiguration, setApiConfigurationField }:
 							<VSCodeTextField
 								value={apiConfiguration?.openAiCustomModelInfo?.cacheReadsPrice?.toString() ?? "0"}
 								type="text"
-								// style={{
-								// 	borderColor: (() => {
-								// 		const value = apiConfiguration?.openAiCustomModelInfo?.cacheReadsPrice
-								//
-								// 		if (!value && value !== 0) {
-								// 			return "var(--vscode-input-border)"
-								// 		}
-								//
-								// 		return value >= 0
-								// 			? "var(--vscode-charts-green)"
-								// 			: "var(--vscode-errorForeground)"
-								// 	})(),
-								// }}
 								className={cn(
 									"w-full border", // Added base 'border' class
 									(() => {
@@ -504,17 +491,14 @@ export const OpenAICompatible = ({ apiConfiguration, setApiConfigurationField }:
 										cacheReadsPrice: isNaN(parsed) ? 0 : parsed,
 									}
 								})}
-								placeholder={t("settings:placeholders.numbers.inputPrice")}
-								/* className="w-full" */
-							>
+								placeholder={t("settings:placeholders.numbers.inputPrice")}>
 								<div className="flex items-center gap-1">
 									<span className="font-medium">
 										{t("settings:providers.customModel.pricing.cacheReads.label")}
 									</span>
 									<i
 										className="codicon codicon-info text-vscode-descriptionForeground text-xs"
 										title={t("settings:providers.customModel.pricing.cacheReads.description")}
-										// style={{ fontSize: "12px" }}
 									/>
 								</div>
 							</VSCodeTextField>
@@ -523,19 +507,6 @@ export const OpenAICompatible = ({ apiConfiguration, setApiConfigurationField }:
 							<VSCodeTextField
 								value={apiConfiguration?.openAiCustomModelInfo?.cacheWritesPrice?.toString() ?? "0"}
 								type="text"
-								// style={{
-								// 	borderColor: (() => {
-								// 		const value = apiConfiguration?.openAiCustomModelInfo?.cacheWritesPrice
-								//
-								// 		if (!value && value !== 0) {
-								// 			return "var(--vscode-input-border)"
-								// 		}
-								//
-								// 		return value >= 0
-								// 			? "var(--vscode-charts-green)"
-								// 			: "var(--vscode-errorForeground)"
-								// 	})(),
-								// }}
 								onChange={handleInputChange("openAiCustomModelInfo", (e) => {
 									const value = (e.target as HTMLInputElement).value
 									const parsed = parseFloat(value)
@@ -547,7 +518,7 @@ export const OpenAICompatible = ({ apiConfiguration, setApiConfigurationField }:
 								})}
 								placeholder={t("settings:placeholders.numbers.cacheWritePrice")}
 								className={cn(
-									"w-full border", // Added base 'border' class
+									"w-full border",
 									(() => {
 										const value = apiConfiguration?.openAiCustomModelInfo?.cacheWritesPrice
 										if (value === undefined || value === null) return "border-vscode-input-border"
@@ -563,7 +534,6 @@ export const OpenAICompatible = ({ apiConfiguration, setApiConfigurationField }:
 									<i
 										className="codicon codicon-info text-vscode-descriptionForeground text-xs"
 										title={t("settings:providers.customModel.pricing.cacheWrites.description")}
-										// style={{ fontSize: "12px" }}
 									/>
 								</div>
 							</VSCodeTextField>