Some bugs in new server UI (pr #4236)

[mounta11n]

The following errors relate to my pull request #4236

Expected Behavior

The following behaviors are expected:

• Regardless of whether you are using Chat or Completion, as soon as you are finished and click on the 'back' button, the toggle button in the top left should display the current state.

• Likewise, when you click on the 'back' button, the total tokens counter should reset to zero.

• If you switch from the old UI to the new UI, the corresponding default values should be updated and vice versa.

• The color themes should be consistent, regardless of the dark/light setting of the operating system.

Current Behavior

Current observed behavior:

• If you are in completion mode and then click on back, the completion form is still displayed correctly, but the toggle button now incorrectly displays 'chat'.

• Likewise, if you click on the 'back' button, the total tokens counter still shows the last value and continues to accumulate as you start more chat sessions.
  -> Only a manual refresh in the browser resets the counter.

• If you switch from the old UI to the new UI, the standard values of the old UI are still displayed.
  -> Only when the reset button is pressed will the corresponding valid values be adopted.

• The text fields all turn dark when the operating system is in dark mode, which is not the desired color and behavior.

Environment and Context

I have tested the new UI on

• macOS 13.6.1 with Safari 17.1.2 and Firefox 120.0.1
• Pop!_OS with Firefox 119.0.1

Miscellaneous

As I said before, the bugs do not affect the current frontend, but a new one, which can be found in my following PR #4236

The latest commit at this time is:

2017112

However, I accidentally made a mess, which is why over 100 changed files are now incorrectly shown. However, it only affects files within the examples/server/public directory and specifically the index-new.html file.

---

I know that these are probably straightforward bugs, but I would still be very grateful for any help. Firstly, I think that an experienced developer in javascript can certainly fix these bugs much faster than I can and secondly, I have very limited time at the moment due to private and job commitments, but I think it would be very nice if the new UI could be merged before Christmas.

Below are some images showing the described errors

---

---

---

---

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[github-actions]

This issue was closed because it has been inactive for 14 days since being marked as stale.