Sync ling-space changes from GitHub commit 6105973

app.py

@@ -32,11 +32,37 @@ footer {
 }
 
 /* Disable transition and animation for no-transition class */
-.no-transition, .no-transition * {
+.no-transition, .no_transition * {
     transition: none !important;
     animation: none !important;
     animation-play-state: paused !important;
 }
+
+/* Custom CSS for Welcome Tab Centering */
+.welcome-centered-outer {
+    height: 100vh; /* Make it take full viewport height */
+    display: flex;
+    flex-direction: column;
+    justify-content: center; /* Center vertically */
+    align-items: center; /* Center horizontally */
+    text-align: center; /* Center text within the column */
+}
+
+.welcome-content-inner {
+    max-width: 800px; /* Or whatever appropriate width */
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box; /* Include padding in width */
+}
+
+.language-buttons {
+    gap: 10px; /* Space between buttons */
+    align-items: center; /* Center buttons within their column */
+}
+
+.language-buttons > button {
+    width: 240px; /* Example fixed width for buttons */
+}
 """
 
 if __name__ == "__main__":

i18n/tab_welcome.py

@@ -6,28 +6,44 @@ ui_translations = {
         "zh": "欢迎"
     },
     "welcome_header": {
-        "en": "Welcome to Ling Space",
-        "zh": "欢迎来到 Ling Space"
+        "en": "Ling Series Models Demo Space",
+        "zh": "Ling 系列模型体验"
     },
     "welcome_description": {
-        "en": "Experience the power of Ling Series Models through these demos.",
-        "zh": "通过这些演示体验 Ling 系列模型的能力。"
+        "en": "#### Experience the capabilities of Ling series models with these demos:",
+        "zh": "#### 通过这些演示体验 Ling 系列模型的能力："
     },
     "welcome_chat_desc": {
-        "en": "Text Generation Chat: Converse with the model naturally.",
-        "zh": "文本聊天：与模型进行自然对话。"
+        "en": """**Chat** - Communicate with the models for various text generation tasks.""",
+        "zh": """**文本聊天** - 与模型沟通，完成各种文本生成任务。"""
     },
     "welcome_code_desc": {
-        "en": "Code Generation: Generate and preview code snippets.",
-        "zh": "代码生成：生成并预览代码片段。"
+        "en": """**Code Generation** - Generate rich web applications using natural language.""",
+        "zh": """**代码生成** - 用自然语言生成效果丰富的 Web 应用并预览。"""
     },
     "welcome_writer_desc": {
-        "en": "Smart Writing Assistant: Get help with your writing tasks.",
-        "zh": "写作助手：获取写作任务的帮助。"
+        "en": """**Writing Assistant** - Get help with your writing tasks, leveraging multiple model capabilities.""",
+        "zh": """**写作助手** - 综合多种模型能力，提供专业的写作辅助。"""
     },
     "welcome_select_language": {
-        "en": "Select Language",
-        "zh": "选择语言"
+        "en": "## Select Language",
+        "zh": "## 选择语言"
+    },
+    "welcome_model_links_header": {
+        "en": "## Model Introduction Links",
+        "zh": "## 模型介绍链接"
+    },
+    "welcome_hf_link": {
+        "en": "[Ling Series Model Collection](https://huggingface.co/collections/inclusionAI/ling-v2)",
+        "zh": "[Ling 系列模型合集](https://huggingface.co/collections/inclusionAI/ling-v2)"
+    },
+    "welcome_hf_report": {
+        "en": "[Ling-1T](https://huggingface.co/inclusionAI/Ling-1T)",
+        "zh": "[Ling-1T](https://huggingface.co/inclusionAI/Ling-1T)"
+    },
+    "welcome_x_account": {
+        "en": "X/Twitter: [@AntLingAGI](https://x.com/AntLingAGI)",
+        "zh": "X/Twitter: [@AntLingAGI](https://x.com/AntLingAGI)"
     },
     "lang_en": {
         "en": "English",

static/app.html

@@ -115,7 +115,6 @@
                 },
                 toggle: function () {
                     // Placeholder for future functionality
-                    SpaceApp.toastInfo("TextGeneratorTab toggled.");
                     SpaceApp.unloadLastTab();
                 }
             };
@@ -128,7 +127,6 @@
                 },
                 toggle: function () {
                     // Placeholder for future functionality
-                    SpaceApp.toastInfo("WebGeneratorTab toggled.");
                     SpaceApp.unloadLastTab();
                 },
                 toggleFullscreen: function (event) {
@@ -230,12 +228,10 @@
         SpaceApp.hasBooted = true;
         const currentLang = SpaceApp.detectLanguage();
         SpaceApp.setLanguage(currentLang, false);
-        SpaceApp.toastInfo("Booting Space App...");
         SpaceApp.registerEventListeners();
         SpaceApp.TextGeneratorTab.init();
         SpaceApp.WebGeneratorTab.init();
         SpaceApp.WritingAssistantTab.init();
-        SpaceApp.toastInfo("Space App booted successfully.");
     };
 
     window.SpaceApp = SpaceApp;

tab_welcome.py

@@ -7,26 +7,33 @@ def create_welcome_tab(initial_lang: str):
     Returns a dictionary of all component handles that need dynamic updates.
     """
     with gr.TabItem(get_text("welcome_tab_title", initial_lang)) as welcome_tab:
-        with gr.Column(elem_classes=["welcome-container"]):
-            welcome_header_md = gr.Markdown(f"# {get_text('welcome_header', initial_lang)}")
-            welcome_desc_md = gr.Markdown(get_text('welcome_description', initial_lang))
-            
-            with gr.Row():
-                with gr.Column(scale=1):
-                    welcome_chat_desc_md = gr.Markdown(f"### {get_text('tab_chat', initial_lang)}\n{get_text('welcome_chat_desc', initial_lang)}")
-                with gr.Column(scale=1):
-                    welcome_code_desc_md = gr.Markdown(f"### {get_text('tab_code', initial_lang)}\n{get_text('welcome_code_desc', initial_lang)}")
-                with gr.Column(scale=1):
-                    welcome_writer_desc_md = gr.Markdown(f"### {get_text('tab_writer', initial_lang)}\n{get_text('welcome_writer_desc', initial_lang)}")
+        with gr.Column(elem_classes=["welcome-centered-outer"]):
+            with gr.Column(elem_classes=["welcome-content-inner"]):
+                welcome_header_md = gr.Markdown(f"# {get_text('welcome_header', initial_lang)}")
+                welcome_desc_md = gr.Markdown(get_text('welcome_description', initial_lang))
+                with gr.Row(equal_height=True):
+                    welcome_chat_desc_md = gr.Markdown(get_text('welcome_chat_desc', initial_lang), padding=True, container=True)
+                    welcome_code_desc_md = gr.Markdown(get_text('welcome_code_desc', initial_lang), padding=True, container=True)
+                    welcome_writer_desc_md = gr.Markdown(get_text('welcome_writer_desc', initial_lang), padding=True, container=True)
+                
+                gr.Markdown(" ")
 
-            gr.Markdown("---")
-            
-            with gr.Row():
-                welcome_lang_select_md = gr.Markdown(f"### {get_text('welcome_select_language', initial_lang)}")
-            
-            with gr.Row():
-                en_button = gr.Button(get_text('lang_en', initial_lang))
-                zh_button = gr.Button(get_text('lang_zh', initial_lang))
+                with gr.Row():
+                    welcome_model_links_header_md = gr.Markdown(get_text('welcome_model_links_header', initial_lang))
+                with gr.Row():    
+                    welcome_hf_link_md = gr.Markdown(get_text('welcome_hf_link', initial_lang), padding=True, container=True)
+                    welcome_hf_report_md = gr.Markdown(get_text('welcome_hf_report', initial_lang), padding=True, container=True)
+                    welcome_x_account_md = gr.Markdown(get_text('welcome_x_account', initial_lang), padding=True, container=True)
+                
+                gr.Markdown(" ")
+
+                with gr.Row():
+                    welcome_lang_select_md = gr.Markdown(get_text('welcome_select_language', initial_lang))
+                
+                with gr.Row():
+                    with gr.Column(elem_classes=["language-buttons"]):
+                        en_button = gr.Button(get_text('lang_en', initial_lang))
+                        zh_button = gr.Button(get_text('lang_zh', initial_lang))
             
             en_button.click(
                 fn=None,
@@ -47,6 +54,10 @@ def create_welcome_tab(initial_lang: str):
         "chat_description": welcome_chat_desc_md,
         "code_description": welcome_code_desc_md,
         "writer_description": welcome_writer_desc_md,
+        "model_links_header": welcome_model_links_header_md,
+        "hf_link": welcome_hf_link_md,
+        "hf_report": welcome_hf_report_md,
+        "x_account": welcome_x_account_md,
         "lang_select_header": welcome_lang_select_md,
         "en_button": en_button,
         "zh_button": zh_button
@@ -62,10 +73,14 @@ def update_language(lang: str, components: dict):
         components["tab"]: gr.update(label=get_text("welcome_tab_title", lang)),
         components["header"]: gr.update(value=f"# {get_text('welcome_header', lang)}"),
         components["description"]: gr.update(value=get_text('welcome_description', lang)),
-        components["chat_description"]: gr.update(value=f"### {get_text('tab_chat', lang)}\n{get_text('welcome_chat_desc', lang)}"),
-        components["code_description"]: gr.update(value=f"### {get_text('tab_code', lang)}\n{get_text('welcome_code_desc', lang)}"),
-        components["writer_description"]: gr.update(value=f"### {get_text('tab_writer', lang)}\n{get_text('welcome_writer_desc', lang)}"),
-        components["lang_select_header"]: gr.update(value=f"### {get_text('welcome_select_language', lang)}"),
+        components["chat_description"]: gr.update(value=get_text('welcome_chat_desc', lang)),
+        components["code_description"]: gr.update(value=get_text('welcome_code_desc', lang)),
+        components["writer_description"]: gr.update(value=get_text('welcome_writer_desc', lang)),
+        components["model_links_header"]: gr.update(value=get_text('welcome_model_links_header', lang)),
+        components["hf_link"]: gr.update(value=get_text('welcome_hf_link', lang)),
+        components["hf_report"]: gr.update(value=get_text('welcome_hf_report', lang)),
+        components["x_account"]: gr.update(value=get_text('welcome_x_account', lang)),
+        components["lang_select_header"]: gr.update(value=get_text('welcome_select_language', lang)),
         components["en_button"]: gr.update(value=get_text('lang_en', lang)),
         components["zh_button"]: gr.update(value=get_text('lang_zh', lang)),
     }