PearAI server model info

src/api/providers/pearai/pearai.ts

@@ -64,6 +64,7 @@ export class PearAiHandler extends BaseProvider implements SingleCompletionHandl
 
 		if (modelId.startsWith("pearai")) {
 			try {
+				// TODO: For some reason, if we move this fetch to above this if statement, it breaks everything)
 				const response = await fetch(`${PEARAI_URL}/getPearAIAgentModels`)
 				if (!response.ok) {
 					throw new Error(`Failed to fetch models: ${response.statusText}`)
@@ -117,6 +118,7 @@ export class PearAiHandler extends BaseProvider implements SingleCompletionHandl
 	}
 
 	getModel(): { id: string; info: ModelInfo } {
+		// TODO: this.pearAiModelsResponse is always undefined so we curretly have to just use client side model info
 		if (this.options.apiModelId) {
 			let modelInfo = null
 			if (this.options.apiModelId.startsWith("pearai")) {

src/api/providers/pearai/pearaiGeneric.ts

@@ -38,6 +38,8 @@ export class PearAIGenericHandler extends BaseProvider implements SingleCompleti
 	constructor(options: OpenAiHandlerOptions) {
 		super()
 		this.options = options
+		console.dir("Model ID")
+		console.dir(this.options.openAiModelId)
 
 		const baseURL = this.options.openAiBaseUrl ?? "https://api.openai.com/v1"
 		const apiKey = this.options.openAiApiKey ?? "not-provided"

src/services/mcp/McpHub.ts

@@ -359,7 +359,6 @@ export class McpHub {
 
 			// Validate the config using McpSettingsSchema
 			const result = McpSettingsSchema.safeParse(config)
-			console.log("IM HERE 10101", result)
 			if (result.success) {
 				await this.updateServerConnections(result.data.mcpServers || {})
 			} else {

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

@@ -251,22 +251,18 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 										display: "flex",
 										alignItems: "center",
 									}}>
-									<div
-										style={{
-											width: 30,
-											height: "1.2em",
-											background:
-												"linear-gradient(to right, transparent, var(--vscode-badge-background))",
-										}}
-									/>
 									<div
 										style={{
 											cursor: "pointer",
-											color: "var(--vscode-badge-foreground)",
+											color: "var(--vscode-foreground)",
 											fontSize: "11px",
-											paddingRight: 8,
-											paddingLeft: 4,
+											padding: "2px 8px",
 											backgroundColor: "var(--vscode-badge-background)",
+											borderRadius: "3px",
+											border: "1px solid var(--vscode-button-secondaryBackground)",
+											display: "flex",
+											alignItems: "center",
+											height: "18px",
 										}}
 										onClick={() => setIsTextExpanded(!isTextExpanded)}>
 										{t("chat:task.seeMore")}
@@ -278,11 +274,17 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 							<div
 								style={{
 									cursor: "pointer",
-									color: "var(--vscode-badge-foreground)",
+									color: "var(--vscode-foreground)",
 									fontSize: "11px",
 									marginLeft: "auto",
-									textAlign: "right",
-									paddingRight: 8,
+									padding: "2px 8px",
+									backgroundColor: "var(--vscode-badge-background)",
+									borderRadius: "3px",
+									border: "1px solid var(--vscode-button-secondaryBackground)",
+									display: "inline-flex",
+									alignItems: "center",
+									height: "18px",
+									width: "fit-content",
 								}}
 								onClick={() => setIsTextExpanded(!isTextExpanded)}>
 								{t("chat:task.seeLess")}