Remove display_name from local model API and use model ID everywhere (#7382)

ui/desktop/src/components/settings/localInference/LocalInferenceSettings.tsx

@@ -37,14 +37,6 @@ export const LocalInferenceSettings = () => {
   const downloadSectionRef = useRef<HTMLDivElement>(null);
   const selectedModelId = currentProvider === 'local' ? currentModel : null;
 
-  const getDisplayName = useCallback(
-    (modelId: string): string => {
-      const model = models.find((m) => m.id === modelId);
-      return model?.display_name || modelId;
-    },
-    [models]
-  );
-
   const loadModels = useCallback(async () => {
     try {
       const response = await listLocalModels();
@@ -195,7 +187,6 @@ export const LocalInferenceSettings = () => {
           <div className="space-y-2">
             {Array.from(downloads.entries()).map(([modelId, progress]) => {
               if (progress.status === 'completed') return null;
-              const displayName = getDisplayName(modelId);
               return (
                 <div
                   key={modelId}
@@ -203,7 +194,7 @@ export const LocalInferenceSettings = () => {
                 >
                   <div className="flex items-center justify-between mb-2">
                     <span className="text-sm font-medium text-text-default truncate">
-                      {displayName}
+                      {modelId}
                     </span>
                     {progress.status === 'downloading' && (
                       <Button
@@ -283,7 +274,7 @@ export const LocalInferenceSettings = () => {
                         className="cursor-pointer"
                       />
                       <span className="text-sm font-medium text-text-default">
-                        {model.display_name}
+                        {model.id}
                       </span>
                       <span className="text-xs text-text-muted">
                         {formatBytes(model.size_bytes)}
@@ -334,7 +325,7 @@ export const LocalInferenceSettings = () => {
                   <div className="flex-1 min-w-0">
                     <div className="flex items-center gap-2 flex-wrap">
                       <h4 className="text-sm font-medium text-text-default">
-                        {model.display_name}
+                        {model.id}
                       </h4>
                       <span className="text-xs text-text-muted">
                         {formatBytes(model.size_bytes)}
@@ -400,7 +391,7 @@ export const LocalInferenceSettings = () => {
         <DialogContent className="max-h-[80vh] overflow-y-auto sm:max-w-xl">
           <DialogHeader>
             <DialogTitle>Model Settings</DialogTitle>
-            <p className="text-sm text-text-muted">{getDisplayName(settingsOpenFor || '')}</p>
+            <p className="text-sm text-text-muted">{settingsOpenFor || ''}</p>
           </DialogHeader>
           {settingsOpenFor && <ModelSettingsPanel modelId={settingsOpenFor} />}
         </DialogContent>