[Bug] Network status text overflows in Dashboard on Umbrel OS

[ManiPeni]

Description

In the Pironman 5 Max Dashboard, the network status (wired&wired) inside the "Network" card is not displayed correctly. The text is too long and breaks the layout, causing the entire line to extend beyond the screen edge.

Steps to Reproduce

1. Pironman 5 Max software installed on Umbrel OS 1.7.4.
2. Open the Dashboard at http://[IP]:34001.
3. The "Network" card shows the type wired&wired, which destroys the layout.

Expected Behavior

The network status should be displayed cleanly within the card, e.g. by:

• Word wrapping (word-wrap: break-word;)
• Or a maximum width for the text.

Actual Behavior

The text wired&wired stretches across the entire width of the screen, making the card unreadable.

System Information

• OS: Umbrel OS 1.7.4
• Pironman5 Version: 1.3.11
• Hardware: Raspberry Pi 5 with Pironman 5 Max Case (V2)

Additional Context

• The configuration file (/data/config.json) was modified locally to set enable_history to false – but the issue existed before that as well.
• Browser restart and cache clearing did not help.
• Container name: sunfounder-pironman5-max_server_1

[hiphopsmurf]

This can be fixed by modifying this file in pm_dashboard_www

Change

type: obj.network_type,

to

type: obj.network_type ? [...new Set(obj.network_type.split('&'))].join('&') : "",

Rebuild and copy files to:

/opt/pironman5/venv/lib/python[current-python-version-here]/site-packages/pm_dashboard/www

[ManiPeni]

Thank you for the quick response and the solution!

I tried to apply the fix by modifying the file in:
/opt/pironman5/venv/lib/python3.12/site-packages/pm_dashboard/www/static/js/main.b7c93efc.js

I found the line type:e.network_type, and changed it to:
type:e.network_type?[...new Set(e.network_type.split('&'))].join('&'):"",

However, since the file is minified and very long, I'm not 100% sure if I made the change correctly. I'm a beginner and it's quite difficult for me to verify.

My question: Will this fix be included in the next official update/release?

If yes, I would prefer to wait for the update rather than manually modifying the file, as I don't want to break anything.

Thank you again for your support!

[hiphopsmurf]

That is how I originally fixed the problem also. I copied the minified source into Beautifier.io and made the edit. I have since cloned the repo and made the modification I mentioned above along with a few other cosmetic tweaks (No margin on the right, scroll-bar 40px from the bottom of the page).

My question: Will this fix be included in the next official update/release?

Couldn't say for sure. I am still using the version I started with from a year ago because it works well and I only had to make a few minor tweaks. I was going to make a pull request with this solution but I didn't dig into it enough to know if it fixes the problem or slaps a band-aid on it.