Rename Device don't change device name in the devices page

[TravelerVFX]

Describe The Bug
When a device is renamed, the name isn't changed on the devices page.
On the Dashboard page, the device name is the new name.

Steps To Reproduce

1. Go to 'XXXXX/web/index.html#!/devices.html'
2. Click on the 3 vertical points of a device
3. Click on 'Edit'
4. Add name
5. Click 'Save`
6. Click '<-' top left corner
7. The device name isn't changed

Expected Behavior
The device name should have been changed

Logs
No log activity of this issue

Screenshots

System (please complete the following information):

• Platform: [Mac]
• Browser: [Firefox]
• Jellyfin Version: [10.8.11]

[nielsvanvelzen]

Does this happen to all devices or only the ones from the Home Assistant integration? Last time I checked the integration did not implement our API correctly which could introduce issues like this one.

[sevenrats]

I tested on a chrome browser instance and on a roku

[TravelerVFX]

Does this happen to all devices or only the ones from the Home Assistant integration? Last time I checked the integration did not implement our API correctly which could introduce issues like this one.

Yes it's happening on all devices

[TravelerVFX]

I tested on a chrome browser instance and on a roku

Same on Safari

[DaftFuzz]

I wonder if this may be intentional - the display name is set correctly and reported in, for example, the Activity section with the correct device display name on playback.

This is being saved as a separate entity to the device "name", which appears to not be user-settable (or certainly isn't affected by the process of editing the device as above).

[scampower3]

I can confirm that it happens on Firefox too.

Looking here, this part of the code only uses the Name.

jellyfin-web/src/controllers/dashboard/devices/devices.js

Lines 122 to 128 in 4ecbe4d

	deviceHtml += "<div class='cardText'>";
	deviceHtml += escapeHtml(device.Name);
	deviceHtml += '</div>';
	deviceHtml += "<div class='cardText cardText-secondary'>";
	deviceHtml += escapeHtml(device.AppName + ' ' + device.AppVersion);
	deviceHtml += '</div>';
	deviceHtml += "<div class='cardText cardText-secondary'>";

I think the main problem is that the /Devices api endpoint only provides the Name and not the CustomName. I can see 2 ways of solving this issue:

1. Update the /Devices api endpoint to include CustomName in its response.
2. In devices.js, make requests to the /Devices/Options api endpoint for each of the device ids.

[nielsvanvelzen]

I think adding the custom name to the /Devices endpoint and then showing that in the dashboard is fine. Perhaps we could show it like Custom name (original name), although if you set a custom name yourself you probably don't need to see the original one.

[TravelerVFX]

I think adding the custom name to the /Devices endpoint and then showing that in the dashboard is fine. Perhaps we could show it like Custom name (original name), although if you set a custom name yourself you probably don't need to see the original one.

If I have a vote, I would prefer to display just the Custom name :-)