[Bug] Crash when closing Code Editor after modification (TypeError: unsetToolbarExtended)

[saishmungase]

Description

The application crashes with a TypeError when closing the Code/JS View panel (< | >), but only if the code inside has been clicked or modified.

Steps to Reproduce

1. Open the Code View by clicking the < | > button.
2. Click inside the code editor or make a small change (e.g., add a space).
3. Click the 'X' or the toggle button to close the panel.
4. Result: The app crashes immediately.

Expected Behavior

The panel should close smoothly without error, regardless of whether the code was edited.

Log ( ScreenShot )

[saishmungase]

Update: Root Cause Identified & Scope of Fix

I investigated the crash and found it is caused by fragile DOM selection vulnerable to browser extensions.

The Root Cause:
The functions unsetToolbarExtended (and setToolbarExtended) rely on rigid index traversing: children[0].children[1].
Browser extensions (like Grammarly, Dark Reader, etc.) often inject style or div tags into the toolbar container. When this happens:

1. children[0] grabs the extension's injected tag instead of the expected Header div.
2. The code fails to find children[1] inside that tag, returning undefined.
3. Calling .cloneNode() on undefined causes the TypeError.

Proposed Fix:
Since this fragile pattern exists in both the opening and closing logic, I will refactor both setToolbarExtended and unsetToolbarExtended. I will replace the index-based traversal with robust document.getElementById() selection. This ensures the toolbar functions correctly regardless of DOM modifications by external tools.