Release/v4.203.0 (#17)

* refactor chattext + mention chip

* refactor chattext + mention chip + ui cleanups

* update changelog

* minor UI element updates

Author: code-crusher

CHANGELOG.md

@@ -1,5 +1,57 @@
 # Changelog
 
+## [v4.203.0] - 2025-12-19
+
+### Added
+
+- Enhanced chat text area with improved mention chip functionality
+- New mention chip demo component for better user interaction
+
+### Changed
+
+- Refactored ChatTextArea component for better performance and maintainability
+- Updated ChatRow component with streamlined UI elements
+- Improved CodeAccordian component for enhanced code display
+- Enhanced useOpenRouterModelProviders hook for better model management
+- Updated prettyModelName utility for improved model name formatting
+- Refined KiloTaskHeader component with better task management
+- Improved GhostServiceSettings component for enhanced configuration
+
+### Fixed
+
+- Better handling of chat text area interactions
+- Improved mention chip display and functionality
+- Enhanced UI cleanup and consistency across components
+
+---
+
+## [v4.202.0] - 2025-12-18
+
+### Added
+
+- Enhanced UI components with improved user experience
+- Better error handling and display components
+- Improved model provider integration
+
+### Changed
+
+- Streamlined ChatRow component with enhanced functionality
+- Updated ErrorRow component for better error display
+- Refined AcceptRejectButtons component for improved user interaction
+- Enhanced CodeAccordian component for better code presentation
+- Improved ToolUseBlock component for better tool usage display
+- Updated ModelSelector component for enhanced model selection
+- Enhanced select-dropdown component for better user experience
+- Improved prettyModelName utility for better model name handling
+
+### Fixed
+
+- Better handling of fill-diff viewer edge cases
+- Enhanced UI consistency and visual improvements
+- Better error handling in various components
+
+---
+
 ## [v4.201.0] - 2025-12-16
 
 ### Added

packages/types/src/kilocode/kilocode.ts

@@ -194,8 +194,8 @@ export async function checkKilocodeBalance(kilocodeToken: string, kilocodeOrgani
 
 export const AUTOCOMPLETE_PROVIDER_MODELS = {
 	mistral: "codestral-latest",
-	kilocode: "mistralai/codestral-2508",
-	openrouter: "mistralai/codestral-2508",
+	kilocode: "axon-mini",
+	openrouter: "axon-mini",
 	bedrock: "mistral.codestral-2508-v1:0",
 } as const
 export type AutocompleteProviderKey = keyof typeof AUTOCOMPLETE_PROVIDER_MODELS

src/api/providers/kilocode-models.ts

@@ -96,6 +96,40 @@ export const KILO_CODE_MODELS: Record<string, KiloCodeModel> = {
 			input_cache_writes: "0",
 		},
 	},
+	// "axon-code-exp": {
+	// 	id: "axon-code-exp",
+	// 	name: "Axon Code Exp",
+	// 	description: "Axon Code is super intelligent LLM model for coding tasks",
+	// 	input_modalities: ["text"],
+	// 	context_length: 256000,
+	// 	max_output_length: 32768,
+	// 	output_modalities: ["text"],
+	// 	supported_sampling_parameters: [
+	// 		"temperature",
+	// 		"top_p",
+	// 		"top_k",
+	// 		"repetition_penalty",
+	// 		"frequency_penalty",
+	// 		"presence_penalty",
+	// 		"seed",
+	// 		"stop",
+	// 	],
+	// 	supported_features: ["tools", "structured_outputs", "web_search"],
+	// 	openrouter: {
+	// 		slug: "matterai/axon",
+	// 	},
+	// 	datacenters: [{ country_code: "US" }],
+	// 	created: 1750426201,
+	// 	owned_by: "matterai",
+	// 	pricing: {
+	// 		prompt: "0.000001",
+	// 		completion: "0.000004",
+	// 		image: "0",
+	// 		request: "0",
+	// 		input_cache_reads: "0",
+	// 		input_cache_writes: "0",
+	// 	},
+	// },
 	// "gemini-3-flash-preview": {
 	// 	id: "gemini-3-flash-preview",
 	// 	name: "Gemini 3 Flash Preview",

src/services/ghost/GhostServiceManager.ts

@@ -363,7 +363,7 @@ export class GhostServiceManager {
 		}
 
 		this.statusBar?.update({
-			enabled: this.settings?.enableAutoTrigger,
+			enabled: this.settings?.enableAutoTrigger ?? true,
 			model: this.getCurrentModelName(),
 			provider: this.getCurrentProviderName(),
 			hasValidToken: this.hasValidApiToken(),

src/services/ghost/classic-auto-complete/GhostInlineCompletionProvider.ts

@@ -252,7 +252,7 @@ export class GhostInlineCompletionProvider implements vscode.InlineCompletionIte
 		// 1. It's a manual trigger (triggerKind === Invoke), OR
 		// 2. Auto-trigger is enabled (enableAutoTrigger === true)
 		const isManualTrigger = context.triggerKind === vscode.InlineCompletionTriggerKind.Invoke
-		const isAutoTriggerEnabled = this.settings?.enableAutoTrigger ?? false
+		const isAutoTriggerEnabled = this.settings?.enableAutoTrigger ?? true
 
 		if (!isManualTrigger && !isAutoTriggerEnabled) {
 			// Auto-trigger is disabled and this is not a manual trigger

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

@@ -79,9 +79,10 @@ const headerStyle: React.CSSProperties = {
 	alignItems: "center",
 	gap: "0px",
 	fontWeight: "600",
+	fontSize: "12px",
 	marginBottom: "2px",
 	wordBreak: "break-word",
-	color: "var(--vscode-descriptionForeground)",
+	opacity: "0.75",
 	flexShrink: 0,
 }
 
@@ -482,7 +483,7 @@ export const ChatRowContent = ({
 				const diffStats = computeDiffStats(fileEditDiff)
 				return (
 					<div className={`flex ${isExpanded ? "flex-row" : "flex-row"} gap-1 items-start`}>
-						<div style={headerStyle} className="mt-0.5">
+						<div style={headerStyle} className="">
 							{tool.isProtected ? (
 								<span
 									className="codicon codicon-lock"
@@ -537,27 +538,15 @@ export const ChatRowContent = ({
 											</span>
 										) : null}
 										{diffStats ? (
-											<span className="text-xs text-vscode-descriptionForeground">
+											<span className="text-xs text-vscode-descriptionForeground flex gap-1">
 												<span style={{ color: "var(--vscode-charts-green)" }}>
 													+{diffStats.added}
-												</span>{" "}
+												</span>
 												<span style={{ color: "var(--vscode-charts-red)" }}>
 													-{diffStats.removed}
 												</span>
 											</span>
 										) : null}
-										<div className="flex-grow" />
-										{tool.path && (
-											<span
-												className="codicon codicon-link-external"
-												style={{ fontSize: 13.5 }}
-												onClick={(e) => {
-													e.stopPropagation()
-													vscode.postMessage({ type: "openFile", text: "./" + tool.path })
-												}}
-												aria-label={`Open file: ${tool.path}`}
-											/>
-										)}
 									</div>
 								}
 								isLoading={message.partial}
@@ -764,7 +753,7 @@ export const ChatRowContent = ({
 									className="group"
 									onClick={() => vscode.postMessage({ type: "openFile", text: tool.content })}>
 									{tool.path?.startsWith(".") && <span>.</span>}
-									<span className="whitespace-nowrap overflow-hidden text-ellipsis text-left mr-2 rtl">
+									<span className="whitespace-nowrap overflow-hidden text-ellipsis text-left rtl">
 										{fileName}
 										{tool.reason
 											?.replace("lines", "#L")