REPL Header Status bar shows a weird / broken title sometimes - too long (disappears) or garbled (missing snake, unexpected characters).

[tyeth]

CircuitPython Version

10.0.1

Workflow(s)

USB

Browser(s)

Chrome Version 141.0.7390.123 (Official Build) (64-bit) Windows 11

Console Log

Steps

1. Trigger header change, by using save+run with something simple like print(2) in c2.py, each time check header.
2. Repeat until unexpected result in header.

If that fails try Restart button in editor instead of save+run button

Description

REPL header / status title bar shows no snake, or unexpected segments / garbled data.

Also during all that (safemode restart button clicking and running c2.py with save+run) the REPL header (wifi: etc) would sometimes have alternative characters to the snake, and othertimes repeated chunks, and others blank (turns out they overflow the available space), but clicking save+run each time usually fixed it or moved it on to another variation, it was correct at least 70% of the time.

Example of a distorted/garbled response in the header:
�����Wi-Fi: ����Wi-Fi: off | Done | 10.0.1

The header disappearing is due to being too long when displaying the full bluetooth name and wifi IP and | REPL | 10.0.1, present in the header.
Easiest is to do a quick css patch to add truncate/ellipses to the header bar (losing the version number should be okay as it shows boot out and hopefully the REPL, plus should be available as a tooltip if hovered over the header).

See also adafruit/circuitpython#10675

Additional information

This should probably be split into two, one for the garbled data, and another for the overflowing text.