feat: improve model ID display with left-side truncation

- Updated cleanModelId() to only remove prefix before '/' (not '.')
- Implemented left-side truncation with ellipsis for model IDs in UI
- Model IDs now show as many characters as possible from the right side
- Uses RTL text direction to achieve left-side ellipsis effect

Author: daniel-lxs

src/core/config/ProviderSettingsManager.ts

@@ -276,7 +276,7 @@ export class ProviderSettingsManager {
 	}
 
 	/**
-	 * Clean model ID by removing prefix before "/" or "."
+	 * Clean model ID by removing prefix before "/"
 	 */
 	private cleanModelId(modelId: string | undefined): string | undefined {
 		if (!modelId) return undefined
@@ -285,10 +285,6 @@ export class ProviderSettingsManager {
 		if (modelId.includes("/")) {
 			return modelId.split("/").pop()
 		}
-		// Check for "." and take the part after it
-		if (modelId.includes(".")) {
-			return modelId.split(".").pop()
-		}
 
 		return modelId
 	}

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

@@ -105,7 +105,9 @@ export const ApiConfigSelector = ({
 						{config.modelId && (
 							<>
 								<span className="text-vscode-descriptionForeground opacity-70 flex-shrink-0">·</span>
-								<span className="text-vscode-descriptionForeground opacity-70 truncate min-w-0">
+								<span
+									className="text-vscode-descriptionForeground opacity-70 min-w-0 overflow-hidden"
+									style={{ direction: "rtl", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
 									{config.modelId}
 								</span>
 							</>