Sync ling-space changes from GitHub commit b68e479

app.py

@@ -1,5 +1,6 @@
 import gradio as gr
 import uuid
+import logging
 from datetime import datetime
 from gradio.analytics import ANALYTICS_URL
 import pandas as pd
@@ -9,6 +10,13 @@ from tab_code import create_code_tab
 from tab_smart_writer import create_smart_writer_tab
 from tab_test import run_model_handler_test, run_clear_chat_test
 
+# Configure logging
+logging.basicConfig(
+    level=logging.INFO,
+    format='%(asctime)s - %(name)s - %(levelname)s - %(message)s'
+)
+logger = logging.getLogger(__name__)
+
 def get_history_df(history):
     if not history:
         return pd.DataFrame({'ID': [], '对话': []})
@@ -63,6 +71,7 @@ footer {
 
 if __name__ == "__main__":
     # Instantiate the model handler with the configuration
+    logger.info("Starting Ling Space Application...")
     model_handler = ModelHandler()
 
     with gr.Blocks(analytics_enabled=False,

static/app.html

@@ -61,6 +61,31 @@
                     // Placeholder for future functionality
                     SpaceApp.toastInfo("WebGeneratorTab toggled.");
                     SpaceApp.unloadLastTab();
+                },
+                toggleFullscreen: function (event) {
+                    const isFullscreen = event.detail?.isFullscreen;
+                    console.info(`Handling Fullscreen Toggle. Target State: ${isFullscreen}`);
+
+                    const left = document.getElementById('left-panel');
+                    const right = document.getElementById('right-panel');
+                    
+                    // If isFullscreen is true, we want to HIDE panels (enter fullscreen)
+                    // If isFullscreen is false, we want to SHOW panels (exit fullscreen)
+                    const shouldHide = isFullscreen;
+                    const displayStyle = shouldHide ? 'none' : 'flex'; 
+
+                    if (left) {
+                         left.style.display = displayStyle;
+                         // Also toggle class for good measure/CSS priority
+                         left.classList.toggle('hidden-panel', shouldHide);
+                    }
+                    if (right) {
+                         right.style.display = displayStyle;
+                         right.classList.toggle('hidden-panel', shouldHide);
+                    }
+
+                    // Trigger resize to help charts/iframes adjust
+                    setTimeout(() => window.dispatchEvent(new Event('resize')), 100);
                 }
             };
         })(),
@@ -70,50 +95,6 @@
                 init: function () {
                     console.info("WritingAssistantTab initialized.");
                 },
-                toggle: function () {
-                    // Placeholder for future functionality
-                    SpaceApp.toastInfo("WritingAssistantTab toggled.");
-                    SpaceApp.unloadLastTab();
-
-                    // 找到 id = 'writing-editor' 的元素，设置操作快捷键。
-                    // Tab              - 'btn-action-accept-flow' 按钮点击
-                    // Shift + Tab      - 'btn-action-change-flow' 按钮点击
-                    // Cmd/Ctrl + Enter - 'btn-action-create-paragraph' 按钮点击
-                    // Shift + Enter    - 'btn-action-change-paragraph' 按钮点击
-                    const editor = document.getElementById('writing-editor');
-                    if (editor) {
-                        // 如果已经设置过监听器，就不重复设置
-                        if (editor.getAttribute('data-listener-set') === 'true') {
-                            console.info("Writing Assistant Editor already has listeners set.");
-                            return;
-                        }
-
-                        const idToEventFilterList = [
-                            ['btn-action-change-flow', (e) => e.shiftKey && e.key === 'Tab'],
-                            ['btn-action-accept-flow', (e) => !e.shiftKey && e.key === 'Tab'],
-                            ['btn-action-change-paragraph', (e) => e.shiftKey && e.key === 'Enter'],
-                            ['btn-action-create-paragraph', (e) => (e.metaKey || e.ctrlKey) && e.key === 'Enter'],
-                        ]
-                        editor.addEventListener('keydown', (e) => {
-                            for (const [buttonId, filterFn] of idToEventFilterList) {
-                                if (filterFn(e)) {
-                                    e.preventDefault();
-                                    const button = document.getElementById(buttonId);
-                                    if (button) {
-                                        SpaceApp.toastInfo(`Writing Assistant: Triggered action for ${buttonId}`);
-                                        button.click();
-                                    } else {
-                                        SpaceApp.toastError(`Writing Assistant: Button with id ${buttonId} not found.`);
-                                    }
-                                    break;  // Only trigger one action per keydown
-                                }
-                            }
-                        });
-
-                        // 对已经设置过监听器的 editor，不要重复设置
-                        editor.setAttribute('data-listener-set', 'true');
-                    }
-                }
             };
         })(),
 
@@ -122,12 +103,16 @@
                 'tabSelect.chat': () => SpaceApp.TextGeneratorTab.toggle(),
                 'tabSelect.code': () => SpaceApp.WebGeneratorTab.toggle(),
                 'tabSelect.writing': () => SpaceApp.WritingAssistantTab.toggle(),
+                // New listener for fullscreen toggle
+                'tab.code.toggleFullscreen': (e) => SpaceApp.WebGeneratorTab.toggleFullscreen(e),
             };
             for (const [event, handler] of Object.entries(listeners)) {
                 window.addEventListener(event, handler);
                 console.info(`Registered event listener for ${event}`);
             }
 
+
+
             // type_filter, handler
             // Listen for messages {type: string, payload: object}
             const messages = {

tab_code.py

@@ -1,4 +1,3 @@
-from tkinter import Label
 import gradio as gr
 import logging
 from config import CHAT_MODEL_SPECS, LING_1T, CODE_FRAMEWORK_SPECS, STATIC_PAGE
@@ -41,10 +40,18 @@ def refresh_preview(code_type_display_name, current_code, chatbot_history):
     return gr.HTML(final_preview_html), chatbot_history
 
 def toggle_fullscreen(is_fullscreen):
+    logger.info(f"--- [Toggle Fullscreen] Called ---")
+    logger.info(f"Current state before toggle: {is_fullscreen}")
+    
     is_fullscreen = not is_fullscreen
     new_button_text = "退出全屏" if is_fullscreen else "全屏预览"
-    panel_visibility = not is_fullscreen
-    return is_fullscreen, gr.update(value=new_button_text), gr.update(visible=panel_visibility)
+    
+    logger.info(f"New state: {is_fullscreen}")
+    
+    return (
+        is_fullscreen, 
+        gr.update(value=new_button_text)
+    )
 
 def log_js_error(error_text, chatbot_history):
     """Appends a JavaScript error received from the frontend to the log chatbot."""
@@ -71,9 +78,36 @@ def create_code_tab():
     """)
     fullscreen_state = gr.State(False)
     
+    # JavaScript to dispatch a custom event for fullscreen toggle
+    # Instead of relying on the potentially stale 'is_fullscreen' state passed from Python,
+    # we check the actual DOM state of the panel to decide what to do.
+    dispatch_fullscreen_event_js = """
+    () => {
+        const left = document.getElementById('left-panel');
+        let isCurrentlyVisible = true;
+        
+        if (left) {
+            // Check if hidden class is present or display is none
+            // Note: We verify both class and inline style to be safe
+            const isHidden = left.classList.contains('hidden-panel') || window.getComputedStyle(left).display === 'none';
+            isCurrentlyVisible = !isHidden;
+        }
+        
+        // Logic:
+        // If panels are currently VISIBLE -> We want to enter Fullscreen (True)
+        // If panels are currently HIDDEN  -> We want to exit Fullscreen (False)
+        const targetState = isCurrentlyVisible;
+        
+        console.log("DOM Check - Panel Visible:", isCurrentlyVisible, "-> Target Fullscreen:", targetState);
+        window.dispatchEvent(new CustomEvent('tab.code.toggleFullscreen', { detail: { isFullscreen: targetState } }));
+        
+        return targetState;
+    }
+    """
+    
     with gr.Row(elem_id="indicator-code-tab"):
-        with gr.Column(scale=1) as left_panel:
-            with gr.Column(scale=1): # Settings Panel
+        with gr.Column(scale=1, visible=True, elem_id="left-panel") as left_panel:
+            with gr.Column(scale=1): # Settings Panel    
                 code_framework_dropdown = create_code_framework_selector(
                     framework_specs=CODE_FRAMEWORK_SPECS,
                     default_framework_constant=STATIC_PAGE
@@ -121,7 +155,7 @@ def create_code_tab():
                     code_output = gr.Code(language="html", label="生成的代码", interactive=True)
                     refresh_button = gr.Button("刷新预览")
 
-        with gr.Column(scale=1):
+        with gr.Column(scale=1, elem_id="right-panel") as right_panel:
             log_chatbot = gr.Chatbot(label="生成日志", height=300)
 
             js_error_channel = gr.Textbox(visible=True, elem_classes=["js_error_channel"], label="Debug Error Channel", interactive=False)
@@ -172,7 +206,8 @@ def create_code_tab():
     fullscreen_button.click(
         fn=toggle_fullscreen,
         inputs=[fullscreen_state],
-        outputs=[fullscreen_state, fullscreen_button, left_panel]
+        outputs=[fullscreen_state, fullscreen_button],
+        js=dispatch_fullscreen_event_js
     )
 
     js_error_channel.change(