Sync ling-space changes from GitHub commit 8b86524

tab_code.py

@@ -1,3 +1,4 @@
+from tkinter import Label
 import gradio as gr
 import logging
 from config import CHAT_MODEL_SPECS, LING_1T, CODE_FRAMEWORK_SPECS, STATIC_PAGE
@@ -60,6 +61,14 @@ def log_js_error(error_text, chatbot_history):
     return chatbot_history
 
 def create_code_tab():
+    # Inject custom CSS to hide components
+    gr.HTML("""
+    <style>
+        .hidden-component {
+            display: none;
+        }
+    </style>
+    """)
     fullscreen_state = gr.State(False)
     
     with gr.Row(elem_id="indicator-code-tab"):
@@ -73,21 +82,22 @@ def create_code_tab():
                     model_specs=CHAT_MODEL_SPECS,
                     default_model_constant=LING_1T
                 )
+
                 prompt_input = gr.Textbox(lines=5, placeholder="例如：创建一个带标题和按钮的简单页面", label="提示词")
                 
-                # --- Style Settings Section ---
-                with gr.Group(visible=True, elem_classes="style-settings-group"):
-                    gr.Markdown("#### 🎨 设置网页风格")
-                    with gr.Row():
-                        palette_display = gr.HTML(value='<div style="color: #999; font-size: 12px;">暂无配色</div>', label="配色预览")
-                        # Hidden textbox to store the raw palette string for the prompt
-                        palette_input = gr.Textbox(visible=False, label="Palette (Raw)") 
-                    
-                    decoration_input = gr.Textbox(label="装饰风格", placeholder="例如：粗边框，无圆角", lines=1)
-                    overall_style_input = gr.Textbox(label="整体风格", placeholder="例如：类似一本羊皮纸的书", lines=1)
-                    
-                    generate_style_btn = gr.Button("🎲 随机生成风格", size="sm")
-                # ------------------------------
+                overall_style_input = gr.Textbox(label="整体风格", placeholder="例如：类似一本羊皮纸的书", lines=2)
+
+                decoration_input = gr.Textbox(label="装饰风格", placeholder="例如：粗边框，无圆角", lines=2)
+
+                # Hidden textbox to store the raw palette string for the prompt
+                palette_input = gr.Textbox(label="Palette (Raw)", elem_classes="hidden-component")
+                
+                palette_display = gr.HTML(value='<div style="color: #999; font-size: 12px;">(生成风格后展示)</div>',
+                    container=True,
+                    label="风格色板",
+                    show_label=True)
+
+                generate_style_btn = gr.Button("🎲 随机生成风格", size="sm")
 
                 with gr.Column():
                     gr.Markdown("### 示例")
@@ -169,4 +179,4 @@ def create_code_tab():
         fn=log_js_error,
         inputs=[js_error_channel, log_chatbot],
         outputs=log_chatbot
-    )
+    )