Hello, @alexander-akait @snitin315 can you check if this change suits issue #3689 ?

Codecov Report

Attention: Patch coverage is 77.19298% with 39 lines in your changes missing coverage. Please review.

Project coverage is 82.87%. Comparing base (6afffac) to head (b1e9134).

@@            Coverage Diff             @@
##           master    #5441      +/-   ##
==========================================
- Coverage   83.40%   82.87%   -0.54%     
==========================================
  Files          13       13              
  Lines        2031     2149     +118     
  Branches      749      769      +20     
==========================================
+ Hits         1694     1781      +87     
- Misses        303      327      +24     
- Partials       34       41       +7     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Anyway code looks good, let's fix the problems above

Hello, @alexander-akait. I have modified the code according to the above suggestions. can you verify if it is sufficient?

Hello, @alexander-akait I have added another test cases with same functionality for TrustedTypesPolicy could you please check and verify if its suitable implementation for it?
Thank you.

P.S.
The lint check is failing for security audit with log:

npm warn config production Use `--omit=dev` instead.
# npm audit report

http-proxy-middleware  <2.0.[9](https://github.com/webpack/webpack-dev-server/actions/runs/14685205670/job/41212922379?pr=5441#step:8:10)
Severity: moderate
http-proxy-middleware allows fixRequestBody to proceed even if bodyParser has failed - https://github.com/advisories/GHSA-9gqv-wp59-fq42
fix available via `npm audit fix`
node_modules/http-proxy-middleware

1 moderate severity vulnerability

To address all issues, run:
  npm audit fix

Iam unsure on what steps, if any I should take for it.

@negimox Just make rebase, already fixed in master/main

Hello @alexander-akait, I’ve rebased this branch onto the latest changes. Let me know if there’s anything else you’d like me to address here.

Have a great weekend!

@negimox And also can you update snapshots, because in our test we still have old HTML output, thank you

Sorry for delay

Hey @alexander-akait 😅 — I'm also quite late to this, my apologies!

@negimox And also can you update snapshots, because in our test we still have old HTML output, thank you

Got it — I’ll update the snapshots accordingly.

Let's fix a lint problem and does it work with warnings too?

Yes, it should work with warnings as well, but I’ll double-check and verify that to be sure.

@negimox Feel free update and we can merge

Hello @alexander-akait, hope you are doing well.
I've resolved all lint errors related to code formatting and style, but it's currently failing under lint for the reason:

Validate PR commits with commitlint

BREAKING CHANGE: cross origin requests are not allowed unless allowed by `Access-Control-Allow-Origin` header
✖   subject may not be empty [subject-empty]
✖   type may not be empty [type-empty]

✖   found 2 problems, 0 warnings
ⓘ   Get help: https://github.com/conventional-changelog/commitlint/#what-is-commitlint

⧗   input: Merge commit from fork

BREAKING CHANGE: requests with an IP addresses Origin header are not allowed to connect to WebSocket server unless configured by `allowedHosts`
✖   subject may not be empty [subject-empty]
✖   type may not be empty [type-empty]

✖   found 2 problems, 0 warnings
ⓘ   Get help: https://github.com/conventional-changelog/commitlint/#what-is-commitlint

⧗   input: feat: overhaul of overlay UI
✔   found 0 problems, 0 warnings
Error: Process completed with exit code 1.

Could you point me as to how can I resolve this error?

Additionally, I've made improvements to the UI to better align with the reference images and ensure better responsiveness on smaller screen sizes.
Notably,

• Small changes to the styling to better match the reference issue.
• Smaller dimensions support

P.S. I tested and it is working with warning as well.

Let me know if there are still any changes that need to be made.