revert: restore original template value in code editor

app.py

@@ -368,8 +368,7 @@ def build_app() -> gr.Blocks:
                     label="Your Legesher code",
                     language="python",
                     lines=20,
-                    value="",
-                    elem_id="legesher-code-editor",
+                    value="# Write your solution here using Legesher\n# Use native-language variable and function names\n",
                 )
 
                 with gr.Row():
@@ -481,7 +480,7 @@ def build_app() -> gr.Blocks:
         )
 
         clear_btn.click(
-            fn=lambda: ("", "", ""),
+            fn=lambda: ("# Write your solution here using Legesher\n# Use native-language variable and function names\n", "", ""),
             outputs=[code_editor, stdin_input, run_output],
         )
 
@@ -498,62 +497,6 @@ def build_app() -> gr.Blocks:
             outputs=[submit_status],
         )
 
-        # ---- JS: ghost text placeholder via overlay div (CodeMirror has no native placeholder API here) ----
-        _GHOST_JS = """
-        function() {
-            const GHOST_TEXT = '# Write your solution here using Legesher\\n# Use native-language variable and function names';
-
-            function mountGhost(cmEditor, view) {
-                const scroller = cmEditor.querySelector('.cm-scroller');
-                const firstLine = cmEditor.querySelector('.cm-line');
-                if (!scroller || !firstLine) return null;
-
-                const ls = window.getComputedStyle(firstLine);
-                const sr = scroller.getBoundingClientRect();
-                const lr = firstLine.getBoundingClientRect();
-
-                const ghost = document.createElement('div');
-                ghost.id = 'legesher-ghost';
-                ghost.textContent = GHOST_TEXT;
-                ghost.style.cssText = [
-                    'position:absolute',
-                    'pointer-events:none',
-                    'white-space:pre',
-                    'z-index:1',
-                    'color:#9ca3af',
-                    'font-family:' + ls.fontFamily,
-                    'font-size:' + ls.fontSize,
-                    'line-height:' + ls.lineHeight,
-                    'top:' + (lr.top - sr.top + scroller.scrollTop) + 'px',
-                    'left:' + (lr.left - sr.left) + 'px',
-                ].join(';');
-
-                scroller.style.position = 'relative';
-                scroller.appendChild(ghost);
-                return ghost;
-            }
-
-            function setup() {
-                const cmEditor = document.querySelector('#legesher-code-editor .cm-editor');
-                if (!cmEditor || !cmEditor.cmView) { setTimeout(setup, 300); return; }
-
-                const view = cmEditor.cmView;
-                let ghost = null;
-
-                function update() {
-                    const empty = view.state.doc.toString().trim() === '';
-                    if (empty && !ghost) ghost = mountGhost(cmEditor, view);
-                    if (ghost) ghost.style.display = empty ? '' : 'none';
-                }
-
-                new MutationObserver(update).observe(cmEditor, { subtree: true, childList: true, characterData: true });
-                setTimeout(update, 100);
-            }
-
-            setTimeout(setup, 800);
-        }
-        """
-        app.load(fn=None, js=_GHOST_JS)
 
     return app